html { font-size: 62.5%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-family: sans-serif; line-height: 1.15; }
:root{
--discord-purple: #5964f2;
--discord-banner-gradient-63per: linear-gradient(120deg, #ffffff calc(63% - 1px), var(--discord-purple) 63%);
}
@font-face { font-family: Lato; src: url('/assets/fonts/Lato-Light.woff2') format('woff2'), url('/assets/fonts/Lato-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: Lato; src: url('/assets/fonts/Lato-Regular.woff2') format('woff2'), url('/assets/fonts/Lato-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: Lato; src: url('/assets/fonts/Lato-Bold.woff2') format('woff2'), url('/assets/fonts/Lato-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Open Sans"; src: url('/assets/fonts/OpenSans-Bold.woff2') format('woff2'), url('/assets/fonts/OpenSans-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; font-display: swap; }
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;vertical-align:baseline}
table th {text-align: center;}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}
audio, canvas, progress, span, video { display: inline-block; }
html.active, html.active > body, body.no-scroll { overflow: hidden; }
html { -webkit-box-sizing: border-box; box-sizing: border-box; }
*, :after, :before, input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: inherit; box-sizing: inherit; }
embed, iframe, img, input, object, pre, select, textarea, video { max-width: 100%; height: auto;}
iframe, img {vertical-align: middle;}
img {border-style: none;}
pre, textarea {overflow: auto;}
[hidden], template {display: none;}
abbr[title] { border-bottom: 1px dotted;}
b,mark, strong {font-weight: 700;}
mark {background: 0 0;color: inherit;}
em, i {font-style: italic;}
small {font-size: 90%;}
big {font-size: 125%;}
sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}
input {line-height: normal;}
button[disabled], html input[disabled] {cursor: default;}
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: none; cursor: pointer; }
.lazybg{background: none!important; background-image: none!important;}
.aligncenter, .alignleft, .alignright, small.caption { clear: both; display: block; margin: 0 auto 20px; text-align: center; }
small.caption {text-align: center;}
.clearfix:after {content: "";display: block;clear: both;}
.clearfix-box {clear: both;}
.img-responsive {max-width: 100%;display: block;height: auto;}
.rounded {border-radius: 5px;}
.strong{font-weight: 700;}
.mt40 {margin-top: 40px;}
.mb-3 {margin-bottom: 3rem;}
.mb-2 {margin-bottom: 2rem;}
.mb-0 {margin-bottom: 0!important;}
.mt-3 {margin-top: 3rem !important;}
.mt-2 {margin-top: 2rem !important;}
.mt-1 {margin-top: 1rem !important;}
.mt-0 {margin-top: 0!important;}
.mx-auto {margin-left: auto;margin-right: auto;}
.pad10 {padding: 10px 0;}
.pad20 {padding: 20px 0;}
.pad30 {padding: 30px 0;}
.d-table {display: table;}
.icon {display: inline-block;vertical-align: middle;background-repeat: no-repeat;text-indent: -9999px;text-align: left;overflow: hidden;}
/* blockquote { margin: 0 auto 20px; background: #fff; padding: 20px; text-align: center; border-radius: 5px; box-shadow: 2px 2px 1px 2px rgb(207, 216, 218); -webkit-box-shadow: 2px 2px 1px 2px rgb(207, 216, 218); -o-box-shadow: 2px 2px 1px 2px rgb(207, 216, 218); color: #000; } */
.sub-menu .icon {text-indent: unset;}
@media screen and (min-width: 1500px) {.h-100 {height: 100vh;}}
.global.icon--logo {background: url("/assets/images/logo-sm.svg");}
.text-boxes .icon:is(.icon--banner-02, .icon--banner-01) {background: #27a262; clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 70%, 0 100%);}
.icon.icon--full-ribbon-small::before{content: ""; position: absolute; left: 50%;-webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); top: -25px; width: 40px; height: 20px; background: center / contain no-repeat var(--icon-stars);}
.icon.icon--full-ribbon-small span {background: #27a262; width: 185px; position: relative;}
.icon.icon--full-ribbon-small span::before, .icon.icon--full-ribbon-small span::after {content: ''; background: #147b45; position: absolute; top: 5px; width: 40px; height: 36px; z-index: -1;}
.icon.icon--full-ribbon-small span::before {clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0% 100%, 25% 50%, 0% 0%); left: -25px;}
.icon.icon--full-ribbon-small span::after {clip-path: polygon(100% 0%, 75% 50%, 100% 100%, 0 100%, 0% 50%, 0 0); right: -25px;}
.icon.icon--banner-01 {width: 65px;height: 55px;}
.icon.icon--banner-02 {width: 60px;height: 78px;}
.icon.icon--menu-top3 {background: center / contain no-repeat var(--icon-medal); width: 20px; height: 23px;}
.icon.icon--gt {background: var(--icon-gambling-therapy) no-repeat;width: 30px;height: 30px;}
/* footer social icons ================== */
.social-icons [class*="icon--"] {width: 30px;height: 30px;background-repeat: no-repeat; border-radius: 5px;}
.social-icons [class*="icon--"]:hover {transition: all 0.3s ease-in-out;}
.icon.icon--ytube {background: var(--icon-youtube-gray);}
.icon.icon--ytube:hover {background: var(--icon-youtube);}
.icon.icon--pin {background: var(--icon-pinterest-gray);}
.icon.icon--pin:hover {background: var(--icon-pinterest);}
.icon.icon--reddit {background: var(--icon-reddit-gray);}
.icon.icon--reddit:hover {background: var(--icon-reddit);}
/* brands ================== */
.bg-bwin, .bg-pokerstars, .bg-pafpoker, .bg-europoker, .bg-winner-casino, .bg-energy, .bg-national, .bg-energywin, .bg-hotslots, .bg-zetcasino, .bg-lvbet, .bg-pribet, .bg-hot-bet, .bg-olympusbet, .bg-boomerang, .bg-librabet, .bg-emirbet, .bg-slotimo, .bg-partypoker, .bg-888poker, .bg-betrophy, .bg-spinit {background-color: #000;}
.bg-888-casino {background-color: #7ff800}
.bg-paf-poker, .bg-wpt-poker, .bg-muchos-poker, .bg-casino-770, .bg-greatwin, .bg-ohmyspins, .bg-21com, .bg-koi-casino, .bg-light-casino, .bg-bankonbet, .bg-supabet, .bg-nomini, .bg-casinolo {background-color: #fff;}
.bg-bet365 {background-color: #027b5b;}
.bg-ggbet {background-color: #1c1c1c;}
.bg-scream-casino {background-color: #22242c;}
.bg-powbet {background-color: #292738;}
.bg-william-hill {background-color: #01143c;}
.bg-rabona {background-color: #cc0034;}
.bg-fezbet {background-color: #2d2d32;}
.bg-campobet {background-color: #1b5132;}
.bg-unibet, .bg-unibet-poker, .bg-paddy-power {background-color: #147b45;}
.bg-amunra {background: #311c02;}
.bg-betvictor, .bg-mybet-poker { background-color: #282d31; }
.bg-partycasino {background-color: #1b063b;}
.bg-eucasino {background-color: #0278a3;}
.bg-casino-com {background-color: #ff921e;}
.bg-lv-bet {background-color: #100e10;}
.bg-hellspin {background-color: #181e29;}
.bg-cashalot {background-color: #09321F;}
.bg-casino-friday {background-color: #7ad0fd;}
.bg-excitewin {background-color: #1E1E1E;}
.bg-22bet {background-color: #0a626a;}
.bg-20bet {background-color: #081d36;}
.bg-18bet {background-color: #202121;}
.bg-1bet {background-color: #21272a;}
.bg-betfair, .bg-betfair-poker { background: linear-gradient(45deg, #ffbc00, #ff9c00); background: -webkit-linear-gradient(45deg, #ffbc00, #ff9c00); }
.bg-casinia {background: #132e27;}
.bg-bizzo {background: #2b1234;}
.bg-casino-room {background: #29335c;}
.bg-mr-play {background: #f0f0f0;}
.bg-alf-casino {background: #371f5c;}
.bg-casinoly {background: #1e1e1e;}
.bg-slots-palace, .bg-slots-palace-sport {background: #4f338b;}
.bg-casombie {background: #2d1e6f;}
.bg-neon54 { background-image: linear-gradient(180deg, #9eebe0 0, rgba(255, 250, 239, 0) 100%), linear-gradient(90deg, #f1fffe 0, #f6fff0 35.94%, #eefffe 71.88%, #fff9ee 100%); background: #d9f9f0; }
.bg-wazamba {background: radial-gradient(circle at 0 0, #9547e9, #721dac);}
.bg-quickwin {background: #01030a;}
.bg-sportuna {background: #1a1a1a;}
.bg-lemon {background: #1b3836;}
.bg-dream-bet {background: #040c21;}
.bg-cadoola {background: #5bbaf0;}
.bg-rollino {background: #00121c;}
.bg-nova-jackpot {background: #160932;}
.bg-bison {background: #162036;}
.bg-joker8 {background: #350F42;}
.bg-crownplay {background: #16100d;}
.bg-spinanga {background: #004148;}
.bg-myempire {background: #3f2419;}
.bg-drip-casino {background: #222525;}
.bg-sportaza {background-color: #05207b;}
.bg-cadabrus {background: #51028b;}
.bg-rolling-slots {background: #131672;}
.bg-boaboa {background: #cbc7c7;}
.bg-posido {background: #013e89;}
.bg-ivibet, .bg-vulkan-vegas, .bg-ice-casino, .bg-ivibet-sport {background: #ffffff;}
.bg-monro {background: #06112e;}
.bg-thrillsy {background: #1c1b2d;}
.bg-5gringos {background: #23101b;}
.bg-winota {background-color: #A20B64;}
.bg-7signs {background-image: linear-gradient(347.88deg, #faff00 -32.36%, #ff7c02 30.71%, #ff0202 112.01%);}
.bg-malina, .bg-malina-casino { background: -o-radial-gradient(50% 50%, ellipse farthest-side, #412c56, #230623) no-repeat; background: radial-gradient(ellipse farthest-side at 50% 50%, #412c56, #230623) no-repeat; background-color: #230623; }
.bg-buran {background-color: #28292b;}
.bg-zulabet {background-color: #e53935;}
.bg-32red{background-color: #EB1118;}
.bg-betinia{background-color: #151515;}
.bg-sol{background-color: #312d2b;}
.bg-yoyo-casino{background-color: #f9fbe6;}
.bg-winscore{background-color: #131a2a;}
.bg-legendplay{background-color: #133c47;}
.bg-bookofcasino{background-color: #000e1d;}
.bg-vinyl-casino{background-color: #fff9ef;}
.bg-iwild-casino{background-color: #1f0c40;}
.bg-snatch-casino{background-color: #13212d;}
.bg-starda{background-color: #05060a;}
.bg-playio{background-color: #0a2929;}
.bg-casinoinfinity{background-color: #57153a;}
.bg-dolly-casino{background-color: #040b0f;}
.bg-cashed {background-color: #002d28;}
.bg-winsane {background-color: #1c2129;}
.bg-roby-casino {background-color: #310d65;}
.bg-betovo {background-color: #242424;}
.bg-flappy {background-color: #2a2c36;}
.bg-wonaco {background-color: rgb(11 24 142);}
.bg-trino-casino, .bg-trino-sport {background-color: #050c2b;}
.bg-jettbet {background-color: #141719;}
.bg-slotuna {background-color: #032b3d;}
.bg-legiano {background-color: #0E0000;}
.bg-spinsy {background-color: #131313;}
.bg-rtbet {background-color: #111111;}
.bg-ritzo {background-color: #101414;}
.bg-boomerang-bet {background-color: #0a2b6b;}
.bg-wildsino {background-color: #191b20;}
.bg-talismania {background-color: #191a18;}
.bg-funbet {background-color: #3c21c4;}
.bg-grand {background-color: #001c44;}
.bg-purebets {background-color: #1a2432;}
.bg-vegasino {background-color: #1f669e;}
.bg-billybets {background-color: #a4323e;}
.bg-spinline {background-color: #24262b;}
.bg-betplays {background-color: #441E73;}
.bg-palmslots {background-color: #181c1f;}
.bg-frumzi {background-color: #0b0833;}
.bg-vulkanbet {background-color: #003cbe;}
.bg-oceanspin {background-color: #0f293f;}
.bg-mrpunter {background-color: #1a1a1a;}
.bg-dachbet {background-color: #f5f5f7;}
.bg-realspin {background-color: #f3f5f6;}
.bg-wildrobin {background-color: #201109;}
.bg-spinight {background-color: #0c0d24;}
.bg-greatspin {background-color: #13192A;}
.bg-bassbet {background: linear-gradient(0deg, #0075ff1a, #0075ff1a), linear-gradient(#0837af 15%, #001e59);}
.bg-boabet {background-color: #008061;}
.bg-casinolab {background-color: #eef3fee6;}
.bg-fat-pirate {background-color: #1b120d;}
.bg-verajohn {background-color: #00a1e5;}
.bg-kinbet {background-color: #050807;}
.bg-beteum {background-color: #fdfdfd;}
.bg-naobet {background-color: #291942;}
.bg-robocat {background: linear-gradient(#5200ca, #3b0094);}
.bg-slotsgem {background-color: #0b0c21;}
.bg-betlabel {background-color: #121317;}
.bg-larabet {background-color: #09212a;}
.bg-diva-spin {background-color: #242346;}
.bg-monsterwin {background-color: #091119;}
.bg-22casino {background-color: #294f56;}
.bg-stonevegas {background-color: #433329;}
.bg-spinbara {background: radial-gradient(88.18% 100% at 50% 0%, #7c47d1 0%, #081064 60%, #081064 100%);}
.bg-mafia-casino {background: linear-gradient( 180deg, rgb(62 75 100 / 0) 88%, rgb(62 75 100 / .1) 96%, rgb(47 57 77 / .2) 100% ), linear-gradient(0deg, rgba(62 75 100 / 0) 0%, rgb(47 57 77 / .2) 100%), #141821}
.bg-dolfwin {background-color: #1d4893;}
.bg-vegas-hu {background-color: #161819;}
.bg-grandcasino {background-color: #183168;}
.c-brand {width: 110px;height: 50px;margin: 0 auto;padding: 5px;border-radius: 4px; display: block;}
.icon--betlabel {background: var(--logo-betlabel);}
.icon--bet365 {background: var(--logo-bet365);}
.icon--slotsgem {background: var(--logo-slotsgem);}
.icon--kinbet {background: var(--logo-kinbet);}
.icon--beteum {background: var(--logo-beteum);}
.icon--naobet {background: var(--logo-naobet);}
.icon--verajohn {background: var(--logo-verajohn);}
.icon--light-casino {background: var(--logo-light-casino);}
.icon--bwin {background: var(--logo-bwin);}
.icon--william-hill {background: var(--logo-william-hill);}
.icon--888-casino {background: var(--logo-888casino);}
.icon--pokerstars {background: var(--logo-pokerstars);}
.icon--rabona {background: var(--logo-rabona);}
.icon--zulabet {background: var(--logo-zulabet);}
.icon--librabet {background: var(--logo-librabet);}
.icon--buran {background: var(--logo-buran);}
.icon--fezbet {background: var(--logo-fezbet);}
.icon--boomerang {background: var(--logo-boomerang);}
.icon--7signs {background: var(--logo-7signs);}
.icon--campobet {background: var(--logo-campobet);}
.icon--pribet {background: var(--logo-pribet);}
.icon--unibet, .icon--unibet-poker {background-image: var(--logo-unibet);}
.icon--amunra {background: var(--logo-amunra);}
.icon--lv-bet, .icon--lvbet {background: var(--logo-lvbet);}
.icon--18bet {background: var(--logo-18bet);}
.icon--energy {background: var(--logo-energy);}
.icon--national {background: var(--logo-national-casino);}
.icon--1bet {background: var(--logo-1bet);}
.icon--betfair, .icon--betfair-poker {background: var(--logo-betfair);}
.icon--partypoker {background: var(--logo-partypoker);}
.icon--888poker {background: var(--logo-888poker);}
.icon--hot-bet {background: var(--logo-hotbet);}
.icon--ohmyspins {background: var(--logo-ohmyspins);}
.icon--ggbet {background: var(--logo-ggbet);}
.icon--olympusbet {background: var(--logo-olympusbet);}
.icon--powbet {background: var(--logo-powbet);}
.icon--greatwin {background: var(--logo-greatwin);}
.icon--alf-casino {background: var(--logo-alfcasino);}
.icon--cashalot {background: var(--logo-cashalot);}
.icon--casino-friday {background: var(--logo-casinofriday);}
.icon--excitewin {background: var(--logo-excitewin);}
.icon--22bet {background: var(--logo-22bet);}
.icon--20bet {background: var(--logo-20bet);}
.icon--cadabrus {background: var(--logo-cadabrus);}
.icon--energywin {background: var(--logo-energywin);}
.icon--hotslots {background: var(--logo-hotslots);}
.icon--rolling-slots {background: var(--logo-rolling-slots);}
.icon--lemon {background: var(--logo-lemon-casino);}
.icon--wazamba {background: var(--logo-wazamba);}
.icon--emirbet {background: var(--logo-emirbet);}
.icon--sportuna {background: var(--logo-sportuna);}
.icon--dream-bet {background: var(--logo-dream-bet);}
.icon--cadoola {background: var(--logo-cadoola);}
.icon--sportaza {background: var(--logo-sportaza);}
.icon--zetcasino {background: var(--logo-zet-casino);}
.icon--neon54 {background: var(--logo-neon54);}
.icon--ivibet {background: var(--logo-ivibet-casino);}
.icon--ivibet-sport {background: var(--logo-ivibet);}
.icon--vulkan-vegas {background: var(--logo-vulkan-vegas);}
.icon--ice-casino {background: var(--logo-ice-casino);}
.icon--casino-room {background: var(--logo-casinoroom);}
.icon--mr-play {background: var(--logo-mr-play);}
.icon--slots-palace {background: var(--logo-slots-palace-casino);}
.icon--slots-palace-sport {background: var(--logo-slots-palace-sport);}
.icon--bison {background: var(--logo-bison);}
.icon--drip-casino {background: var(--logo-drip);}
.icon--32red {background: var(--logo-32red);}
.icon--slotimo {background: var(--logo-slotimo);}
.icon--betinia {background: var(--logo-betinia); filter: invert(66%) sepia(94%) saturate(1712%) hue-rotate(105deg) brightness(104%) contrast(98%); -webkit-filter: invert(66%) sepia(94%) saturate(1712%) hue-rotate(105deg) brightness(104%) contrast(98%);}
.icon--sol {background: var(--logo-sol);}
.icon--yoyo-casino {background: var(--logo-yoyocasino);}
.icon--legendplay {background: var(--logo-legendplay);}
.icon--koi-casino {background: var(--logo-koi-casino);}
.icon--vinyl-casino {background: var(--logo-vinyl-casino);}
.icon--starda {background: var(--logo-starda);}
.icon--crownplay {background-image: var(--logo-crownplay);}
.icon--malina, .icon--malina-casino {background-image: var(--logo-malina);}
.icon--casinia {background-image: var(--logo-casinia);}
.icon--casinoly {background-image: var(--logo-casinoly);}
.icon--hellspin {background-image: var(--logo-hellspin);}
.icon--quickwin {background-image: var(--logo-quickwin);}
.icon--rollino {background-image: var(--logo-rollino);}
.icon--monro {background-image: var(--logo-monro-casino);}
.icon--casinoinfinity {background-image: var(--logo-casinoinfinity);}
.icon--roby-casino {background: var(--logo-roby)}
.icon--cashed {background: var(--logo-cashed);}
.icon--winsane {background: var(--logo-winsane);}
.icon--betovo {background: var(--logo-betovo);}
.icon--flappy {background: var(--logo-flappy-casino);}
.icon--wonaco {background: var(--logo-wonaco);}
.icon--spinit {background: var(--logo-spinit);}
.icon--jettbet {background: var(--logo-jettbet);}
.icon--spinsy {background: var(--logo-spinsy);}
.icon--ritzo {background: var(--logo-ritzo);}
.icon--funbet {background: var(--logo-funbet);}
.icon--boomerang-bet {background: var(--logo-boomerang-bet);}
.icon--purebets {background: var(--logo-purebets);}
.icon--bankonbet {background: var(--logo-bankonbet);}
.icon--betplays {background: var(--logo-betplays);}
.icon--frumzi {background: var(--logo-frumzi);}
.icon--vulkanbet {background: var(--logo-vulkanbet);}
.icon--betrophy {background: var(--logo-betrophy);}
.icon--supabet {background: var(--logo-supabet);}
.icon--mrpunter {background: var(--logo-mrpunter);}
.icon--realspin {background: var(--logo-realspin);}
.icon--greatspin {background: var(--logo-greatspin);}
.icon--boabet {background: var(--logo-boabet);}
.icon--22casino {background: var(--logo-22casino);}
.icon--casinolo {background: var(--logo-casinolo);}
.icon--dolfwin {background: var(--logo-dolfwin);}
.icon--mafia-casino {background: var(--logo-mafia-casino);}
.icon--vegas-hu {background: var(--logo-vegas-hu);}
.icon--grandcasino {background: var(--logo-grandcasino);}
.icon--spinbara {background-image: url("/assets/images/brands/spinbara.svg");}
.icon--spinight {background-image: url("/assets/images/brands/spinight.svg");}
.icon--palmslots {background-image: url("/assets/images/brands/palmslots.svg");}
.icon--spinline {background-image: url("/assets/images/brands/spinline.svg");}
.icon--grand {background-image: url("/assets/images/brands/grand-casino.svg");}
.icon--scream-casino {background-image: url("/assets/images/brands/scream-casino.svg");}
.icon--boaboa {background-image: url("/assets/images/brands/boaboa.svg");}
.icon--posido {background-image: url("/assets/images/brands/posido.svg");}
.icon--bizzo {background-image: url("/assets/images/brands/bizzo.svg");}
.icon--thrillsy {background-image: url("/assets/images/brands/thrillsy.svg");}
.icon--nova-jackpot {background-image: url("/assets/images/brands/nova-jackpot.svg");}
.icon--winscore {background-image: url("/assets/images/brands/winscore.svg");}
.icon--rtbet {background: url('/assets/images/brands/rtbet.svg');}
.icon--wildsino {background: url('/assets/images/brands/wildsino.svg');}
.icon--oceanspin {background: url('/assets/images/brands/oceanspin.svg');}
.icon--stonevegas {background-image: url("/assets/images/brands/stonevegas.png");}
body.webp .icon--stonevegas {background-image: url("/assets/images/brands/stonevegas.webp");}
.icon--monsterwin {background-image: url("/assets/images/brands/monsterwin.png");}
body.webp .icon--monsterwin {background-image: url("/assets/images/brands/monsterwin.webp");}
.icon--diva-spin {background-image: url("/assets/images/brands/divaspin.png");}
body.webp .icon--diva-spin {background-image: url("/assets/images/brands/divaspin.webp");}
.icon--larabet {background-image: url("/assets/images/brands/larabet.png");}
body.webp .icon--larabet {background-image: url("/assets/images/brands/larabet.webp");}
.icon--nomini {background-image: url("/assets/images/brands/nomini.png");}
body.webp .icon--nomini {background-image: url("/assets/images/brands/nomini.webp");}
.icon--robocat {background-image: url("/assets/images/brands/robocat.png");}
body.webp .icon--robocat {background-image: url("/assets/images/brands/robocat.webp");}
.icon--casinolab {background-image: url("/assets/images/brands/casinolab.png");}
body.webp .icon--casinolab {background-image: url("/assets/images/brands/casinolab.webp");}
.icon--fat-pirate {background-image: url("/assets/images/brands/fat-pirate.png");}
body.webp .icon--fat-pirate {background-image: url("/assets/images/brands/fat-pirate.webp");}
.icon--wildrobin {background-image: url("/assets/images/brands/wildrobin.png");}
body.webp .icon--wildrobin {background-image: url("/assets/images/brands/wildrobin.webp");}
.icon--dachbet {background-image: url("/assets/images/brands/dachbet.png");}
body.webp .icon--dachbet {background-image: url("/assets/images/brands/dachbet.webp");}
.icon--bassbet {background-image: url("/assets/images/brands/bassbet.png");}
body.webp .icon--bassbet {background-image: url("/assets/images/brands/bassbet.webp");}
.icon--vegasino {background-image: url("/assets/images/brands/vegasino.png");}
body.webp .icon--vegasino {background-image: url("/assets/images/brands/vegasino.webp");}
.icon--billybets {background-image: url("/assets/images/brands/billybets.png");}
body.webp .icon--billybets {background-image: url("/assets/images/brands/billybets.webp");}
.icon--talismania {background-image: url("/assets/images/brands/talismania.png");}
body.webp .icon--talismania {background-image: url("/assets/images/brands/talismania.webp");}
.icon--winota {background-image: url("/assets/images/brands/winota.png");}
body.webp .icon--winota {background-image: url("/assets/images/brands/winota.webp");}
.icon--europoker {background-image: url("/assets/images/brands/europoker.png");}
body.webp .icon--europoker {background-image: url("/assets/images/brands/europoker.webp");}
.icon--casino-770 {background-image: url("/assets/images/brands/casino-770.png");}
body.webp .icon--casino-770 {background-image: url("/assets/images/brands/casino-770.webp");}
.icon--casino-com {background-image: url("/assets/images/brands/casino-com.png");}
body.webp .icon--casino-com {background-image: url("/assets/images/brands/casino-com.webp");}
.icon--betvictor {background-image: url("/assets/images/brands/betvictor.png");}
body.webp .icon--betvictor {background-image: url("/assets/images/brands/betvictor.webp");}
.icon--5gringos {background-image: url("/assets/images/brands/5gringos.png");}
body.webp .icon--5gringos {background-image: url("/assets/images/brands/5gringos.webp");}
.icon--paf-poker {background-image: url("/assets/images/brands/paf-poker.png");}
body.webp .icon--paf-poker {background-image: url("/assets/images/brands/paf-poker.webp");}
.icon--mybet-poker {background-image: url("/assets/images/brands/mybet.png");}
body.webp .icon--mybet-poker {background-image: url("/assets/images/brands/mybet.webp");}
.icon--wpt-poker {background-image: url("/assets/images/brands/wpt-logo.png");}
body.webp .icon--wpt-poker {background-image: url("/assets/images/brands/wpt-logo.webp");}
.icon--paddy-power {background-image: url("/assets/images/brands/paddy-power.png");}
body.webp .icon--paddy-power {background-image: url("/assets/images/brands/paddy-power.webp");}
.icon--casombie {background-image: url("/assets/images/brands/casombie.png");}
body.webp .icon--casombie {background-image: url("/assets/images/brands/casombie.webp");}
.icon--21com {background-image: url("/assets/images/brands/21com.png");}
body.webp .icon--21com {background-image: url("/assets/images/brands/21com.webp");}
.icon--joker8 {background-image: url("/assets/images/brands/joker8.png");}
body.webp .icon--joker8 {background-image: url("/assets/images/brands/joker8.webp");}
.icon--myempire {background-image: url("/assets/images/brands/myempire.png");}
body.webp .icon--myempire {background-image: url("/assets/images/brands/myempire.webp");}
.icon--spinanga {background-image: url("/assets/images/brands/spinanga.png");}
body.webp .icon--spinanga {background-image: url("/assets/images/brands/spinanga.webp");}
.icon--bookofcasino {background-image: url("/assets/images/brands/bookofcasino.png");}
body.webp .icon--bookofcasino {background-image: url("/assets/images/brands/bookofcasino.webp");}
.icon--iwild-casino {background-image: url("/assets/images/brands/iwild.png");}
body.webp .icon--iwild-casino {background-image: url("/assets/images/brands/iwild.webp");}
.icon--snatch-casino {background-image: url("/assets/images/brands/snatch.png");}
body.webp .icon--snatch-casino {background-image: url("/assets/images/brands/snatch.webp");}
.icon--playio {background-image: url("/assets/images/brands/playio.png");}
body.webp .icon--playio {background-image: url("/assets/images/brands/playio.webp");}
.icon--dolly-casino {background-image: url("/assets/images/brands/dolly-casino.png");}
body.webp .icon--dolly-casino {background-image: url("/assets/images/brands/dolly-casino.webp");}
.icon--trino-casino {background-image: url('/assets/images/brands/trino-casino.png');}
body.webp .icon--trino-casino {background-image: url('/assets/images/brands/trino-casino.webp');}
body.webp .icon--dolly-casino {background-image: url("/assets/images/brands/dolly-casino.webp");}
.icon--trino-sport {background-image: url('/assets/images/brands/trino-sport.png');}
body.webp .icon--trino-sport {background-image: url('/assets/images/brands/trino-sport.webp');}
.icon--slotuna {background-image: url('/assets/images/brands/slotuna.png');}
body.webp .icon--slotuna {background-image: url('/assets/images/brands/slotuna.webp');}
.icon--legiano {background-image: url('/assets/images/brands/legiano.png');}
body.webp .icon--legiano {background-image: url('/assets/images/brands/legiano.webp');}
.icon--eucasino {background-image: url("/assets/images/brands/eucasino.webp");}
.icon--winner-casino {background-image: url("/assets/images/brands/winner-casino.webp");}
.icon--partycasino {background-image: url("/assets/images/brands/party-casino.webp");}
.icon--muchos-poker {background-image: url("/assets/images/brands/muchos-poker.webp");}
.c-brand [class*="icon--"] {
display: block;
text-indent: -9999px;
text-align: left;
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
width: 100%;
height: 100%;
}
/* ================== */
.age-limit {
color: #818b92;
font: bold 14px "Lato", sans-serif;
border: 1px solid #818b92;
border-radius: 50%;
width: 30px;
height: 30px;
padding: 5px 3px;
text-align: center;
vertical-align: middle;
}
.regul {width: 91px;height: 40px;margin: 0 auto;padding: 5px;border-radius: 4px;}
.regul.icon--ecogra {background: var(--logo-ecogra);}
.regul.icon--egba {background: var(--logo-egba);}
.regul.icon--ibas {background: var(--logo-ibas);}
.regul.icon--gamblingcommission {background: var(--logo-ukgc);}
.regul[class*="icon--"] { display: block; text-indent: -9999px; text-align: left; background-repeat: no-repeat; background-size: contain; background-position: center center; }
.icon--mga { background-image: var(--logo-mga); }
.icon--mga-sm { background-image: var(--logo-mga-sm); }
.icon--curacao { background-image: var(--logo-curacao); }
.icon--ecogra { background-image: var(--logo-ecogra); }
.icon--ecogra-sm { background-image: var(--logo-ecogra-light-sm); }
.icon--gamble-aware { background-image: var(--logo-gamble-aware); }
.icon--gamble-aware-sm { background-image: var(--logo-gamble-aware-sm); }
.icon--gt {background-image: var(--icon-gambling-therapy)}
.icon--age-limit {background-image: var(--icon-age-limit)}
/* Payment icons ================== */
.payments-content li .bking.icon {
box-shadow: -3px 0px 0px rgba(0, 0, 0, 0.1), 0px 3px 5px rgba(0, 0, 0, 0.1);
border-radius: 6px;
border: 5px solid transparent;
background-color: #e7e8e3;
width: 75px;
height: 50px;
background-size: contain;
margin: 0;
background-repeat: no-repeat;
background-position: center;
}
.icon--apple-pay {background: var(--icon-apple-pay);}
.icon--bank-transfer {background: var(--icon-bank-transfer);}
.icon--bitcoin {background: var(--icon-bitcoin);}
.icon--ethereum {background: var(--icon-ethereum);}
.icon--litecoin {background: var(--icon-litecoin);}
.icon--ripple {background: var(--icon-ripple);}
.icon--credit-card {background: var(--icon-credit-card);}
.icon--google-pay {background: var(--icon-google-pay);}
.icon--mastercard {background: var(--icon-mastercard);}
.icon--neteller {background: var(--icon-neteller);}
.icon--paypal {background: var(--icon-paypal);}
.icon--paysafecard {background: var(--icon-paysafecard);}
.icon--revolut {background: var(--icon-revolut);}
.icon--skrill {background: var(--icon-skrill);}
.icon--visa {background: var(--icon-visa);}
.icon--ecopayz {background: var(--icon-payz);}
.icon--maestro {background: var(--icon-maestro);}
.icon--american-express {background: var(--icon-american-express);}
.icon--ezeewallet {background: var(--icon-ezeewallet);}
.icon--diners-club {background: url("/assets/images/banking/diners.svg");}
.icon--blik {background: url("/assets/images/banking/blik.svg");}
.bking [class*="icon--"] {
display: inline-block;
text-indent: -9999px;
text-align: left;
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
width: 100%;
height: 100%;
}
body {
min-width: 320px;
background: #cfd8da;
color: #585858;
font-weight: 400;
font-size: 15px;
line-height: normal;
font-family: "Lato", sans-serif;
text-align: left;
-webkit-font-smoothing: antialiased;
}
/* buttons / links ================ */
button, input, optgroup, select, textarea { color: inherit; font: inherit; }
a, .brands-vs span.in { background-color: transparent; color: #585858; text-decoration: none; }
a.in, a.out, .table span.in, .brands-vs span.in, .popup-trigger { display: inline-block; vertical-align: middle; font-weight: bold; font-size: 14px; text-transform: uppercase; text-align: center; }
a.in-blue-btn {
background: #2985c0;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
color: #fff;
padding: 8px;
border-radius: 3px;
text-decoration: none;
margin: 0;
font: bold italic 15px "Candara", sans-serif;
}
a.in-blue-btn:hover {background: #7ac543;color: #fff;}
a.in {font-style: italic;}
@media screen and (min-width: 768px){
.double-btn{display: flex;}
}
a.out, .popup-trigger {background: #ff921e;border-radius: 4px;color: #fff;}
a:hover {color: #ff921e;text-decoration: none; transition: all 0.3s ease-in-out;}
a:hover, a:active {outline: 0;cursor: pointer;}
a.out:hover, .popup-trigger:hover {color: #fff;background: #ffac26;}
a.lonely, .popup-trigger { display: block; max-width: 100%; min-width: 200px; width: max-content; padding: 10px 15px; margin: 10px auto; }
article p a, ul li a, .breadcrumbs li a, table.info a, .tilted-list a, .text-link {color: #ff921e;}
article p a:hover, ul li a:hover, .breadcrumbs li a:hover, table.info a:hover, .tilted-list a:hover {color: #b50e0e;}
.hvr-shine {position: relative;}
.cta-wrap { display: table-cell; vertical-align: middle; width: 100%; position: absolute; top: 62%; text-align: center; }
@-webkit-keyframes rainbow {
0% {background-position: 0% 82%;}
50% {background-position: 100% 19%;}
100% {background-position: 0% 82%;}
}
@-moz-keyframes rainbow {
0% {background-position: 0% 82%;}
50% {background-position: 100% 19%;}
100% {background-position: 0% 82%;}
}
@-o-keyframes rainbow {
0% {background-position: 0% 82%;}
50% {background-position: 100% 19%;}
100% {background-position: 0% 82%;}
}
@keyframes rainbow {
0% {background-position: 0% 82%;}
50% {background-position: 100% 19%;}
100% {background-position: 0% 82%;}
}
/* team / speech bubble =============== */
.speech-bubble {background: #fff;padding: 30px 35px;position: relative;border-radius: 5px;color: #777;width: 95%;margin: 30px auto;}
.speech-bubble.left {box-shadow: 0px 3px 2px 2px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0px 3px 2px 2px rgba(0, 0, 0, 0.2);}
.speech-bubble.left:after {box-shadow: rgba(0, 0, 0, 0.1) 1px 2px 2px 0px;-webkit-box-shadow: rgba(0, 0, 0, 0.1) 1px 2px 2px 0px;}
.speech-bubble:after {
content: "";
position: absolute;
top: 40px;
right: 50%;
border-width: 20px;
border-style: solid;
border-color: #fff;
transform: translate(50%, -145%) rotate(-135deg);
-webkit-transform: translate(50%, -145%) rotate(-135deg);
}
.team-member {background: #c7e4ed;padding: 30px 10px;border-bottom: 3px solid #b9c8d0;}
.team-member img {border: 3px solid #b9c8d0;border-radius: 50%;}
.team.text-boxes .grid-box {padding: 10px;}
@media only screen and (min-width: 800px) {
.speech-bubble.left { box-shadow: -2px 2px 2px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: -2px 2px 2px 2px rgba(0, 0, 0, 0.2); }
.speech-bubble.left:after { box-shadow: rgba(0, 0, 0, 0.1) 1px 2px 2px 0px; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 1px 2px 2px 0px; }
.speech-bubble:after { top: 60px; right: -20px; transform: translateX(0) rotate(-45deg); -webkit-transform: translate(0) rotate(-45deg); }
}
@media only screen and (min-width: 800px) and (max-width: 1499px) {.speech-bubble {width: 70%;margin: 0 15px 0 0;}}
@media only screen and (min-width: 1500px) {.speech-bubble {width: 80%;margin: 0 15px 0 0;}}
/* footer lang dropup */
.dropbtn {background-color: transparent;padding: 0;border: none;outline: 0;}
.dropup {position: relative;display: inline-block;width: 22px;right: 10px;}
.dropup.lang-btn:after {position: absolute;display: inline-block;content: "\f106";font: 900 13px "Font Awesome 5 Free";color: #fff;top: 4px;right: -10px;}
.dropup-content {
display: none;
position: absolute;
background-color: #f1f1f1;
width: auto;
height: auto;
bottom: 15px;
z-index: 1;
right: 1px;
background: #3fa8f1;
white-space: nowrap;
padding: 5px 0;
}
.dropup-content a {
color: black;
padding: 10px 36px 0 16px;
text-decoration: none;
display: block;
transition: all 0.3s ease-in-out;
text-align: left;
}
.dropup-content a:hover {background-color: #74bdf0;}
.dropup:hover .dropup-content {display: block;}
@media only screen and (max-width: 1023px) {.site-width .dropup {display: none;}}
@media only screen and (min-width: 1024px) {
.navbar li.dropdown.languages {display: none !important;}
.site-width .dropup .flags {float: left;}
.site-width .dropup span {color: #fff;}
.navbar > li.dropdown.blog {display: list-item;}
}
.heading {font-weight: bold;position: relative;}
.heading, .page-article > p.heading {text-align: left;}
.page-article p a {transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;}
.heading--full, .heading--full-r {line-height: 1.6;margin-bottom: 20px;text-align: center;}
.heading--full.mb-10{margin-bottom: 10px;}
h2.heading--short a {color: #585858;}
h2, .heading--blue, .heading--green { color: #27a262; }
h1, h2, h3, h4, h5, h6, p, li { line-height: 1.6; }
h1, h2, h3, h4, h5, h6 { margin-bottom: 10px; }
h1::after {
bottom: 0;
width: 25%;
height: 2px;
background: #585858;
content: '';
position: absolute;
left: 50%;
transform: translateX(-50%);
}
p {margin-bottom: 20px;}
/* popup */
.popup-holder, .discord-popup-holder {position: fixed;display: none;z-index: 99999;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.7);top: 0;left: 0;}
.pop-box {
display: block;
margin: 0 auto;
padding: 18px 8px 0;
width: 400px;
max-width: 100%;
border: 1px solid #dbdedf;
position: relative;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
}
.pop-box-bg {
display: block;
margin: 0 auto;
width: 400px;
height: 100%;
max-width: 100%;
background:
linear-gradient(
45deg,
rgba(96, 131, 193, 0.45) 0%,
rgba(96, 131, 193, 0.45) 5%,
rgba(90, 78, 185, 0.45) 5%,
rgba(90, 78, 185, 0.45) 46%,
rgba(102, 184, 202, 0.45) 46%,
rgba(102, 184, 202, 0.45) 49%,
rgba(93, 104, 189, 0.45) 49%,
rgba(93, 104, 189, 0.45) 50%,
rgba(99, 157, 198, 0.45) 50%,
rgba(99, 157, 198, 0.45) 84%,
rgba(105, 210, 206, 0.45) 84%,
rgba(105, 210, 206, 0.45) 100%
),
linear-gradient(135deg, rgb(111, 76, 50), rgb(28, 158, 244));
filter: contrast(0.5);
-webkit-filter: contrast(0.5);
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.pop-box:before {
position: absolute;
content: "\f057";
width: 35px;
height: 35px;
color: #f3ac14;
font: bold 20px "Font Awesome 5 Free";
top: -25px;
right: 0;
}
.pop-box:hover:before, .popup-trigger {cursor: pointer;}
.pop-box .c-brand.icon[class*="icon--"] {margin: 0 auto;display: block;width: 115px;height: 50px;background-position: center center;}
.pop-box .fas-list {text-align: center;margin: 20px auto;}
.pop-box .fas-list li {padding: 0;color: #fff;}
.pop-box .fas-list li span:before {
content: "\f00c";
font: bold 9px "Font Awesome 5 Free";
width: 13px;
height: 13px;
border-radius: 50%;
background: #7ac543;
color: #fff;
text-align: center;
position: absolute;
top: 5px;
left: 0px;
padding: 2px;
}
.pop-box ul.fas-list li::before {display: none;}
.pop-box .offer {border-top: 1px solid #dbdedf;border-bottom: 1px solid #dbdedf;text-align: center;}
.pop-box .sub-prize {display: inline-block;text-align: right;margin: 0 12px;position: relative;top: -10px;color: #ccc;}
.pop-box .prize {display: inline-block;text-align: left;position: relative;top: -5px;color: #ffeb3b;}
.pop-box .cta-wrap {display: block;position: unset;}
.pop-box a.calm-btn,
.pop-box .calm-btn,
.pop-box a.calm-btn.fade-to-white,
.pop-box .calm-btn.fade-to-white {
text-shadow: 1px 1px 0px #1f1f1f;
}
.pop-box a.calm-btn:hover,
.pop-box .calm-btn:hover,
.pop-box a.calm-btn.fade-to-white:hover,
.pop-box .calm-btn.fade-to-white:hover {
color: #fff;
}
/* lists =============== */
.inline-list li {display: inline-block;margin-right: 0.5rem;}
ul {list-style-position: inside;}
ul {list-style: none;}
ul:not([class]), ol:not([class]) {margin: 20px 0;padding-left: 30px;}
ul:not(.ul) li::before {content: "\2022";margin-right: 6px;position: relative;top: -1px;}
ul.inline-list li {display: inline-block;}
ul.fas-list li, ul.fas-list li span {position: relative;padding-left: 18px;}
ul.fas-list li::before,
ul.fas-list li span::before {
content: "\f00c";
font-family: "Font Awesome 5 Free";
display: inline-block;
vertical-align: text-bottom;
width: 12px;
height: 12px;
border-radius: 50%;
background: #7ac543;
color: #fff;
font-weight: bold;
font-size: 8px;
text-align: center;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 3px;
}
ul.fas-list li.none::before {content: "\f00d";background: #ed5a24;}
ul.list-faq {list-style-type: none;margin: 0;margin-left: 2em;padding: 0;counter-reset: li-counter;}
ul.list-faq > li {position: relative;margin-bottom: 20px;padding: 1em;border-left: 2px solid #cccccc;background-color: #f5f5f5;}
ul.list-faq li::before {
content: "\f059";
font-family: "Font Awesome 5 Free";
position: absolute;
top: 5px;
left: -37px;
width: 1em;
font-size: 3.5em;
line-height: 1;
font-weight: bold;
text-align: right;
color: #27a262;
transform: rotate(-25deg);
-ms-transform: rotate(-25deg);
-webkit-transform: rotate(-25deg);
z-index: 1;
overflow: hidden;
}
ul.list-faq li h3 {padding-left: 15px;}
.breadcrumbs {padding: 5px 10px;background: rgba(207, 216, 218, 0.6);margin-bottom: 20px;border-radius: 3px;}
.breadcrumbs li {display: inline-block;position: relative;margin-right: 15px;padding-right: 10px;font-size: 14px;}
.breadcrumbs li:not(:last-child):after {position: absolute;content: "\f101";font: 900 10px "Font Awesome 5 Free";color: #585858;top: 7px;left: 100%;}
ul.sec-lvl li, ul:is(.sec-lvl, .sitemap) .trd-lvl li, ul.sub-list{ padding: 5px 0 5px 30px; }
ul.trd-lvl.blog {padding-left: 20px;}
.rev-list {width: 32%;float: left;margin-top: 20px;}
.rev-list.first {margin-left: 4%;}
.rev-list .trd-lvl {margin-left: 15px;}
.rev-list li {position: relative;}
ul.sec-lvl li:before, ul.rev-list li:before {content: "\f105";font-family: "Font Awesome 5 Free";font-weight: 900;}
ul.sec-lvl li:last-child {padding-bottom: 5px;}
.stm-block ul.sec-lvl > li:not(.trd-lvl):nth-child(1),
ul.sitemap li.first,
ul.sec-lvl li#second { font-weight: bold; font-style: italic; display: block; margin-top: 20px; }
ul.sitemap ul.sec-lvl > li:nth-child(1) {font-weight: normal;font-style: normal;}
ul.sec-lvl li.first:before,
ul.sitemap li.first:before,
ul.sec-lvl li#second:before { content: " "; }
ul.trd-lvl li:before {content: "\f101";font-family: "Font Awesome 5 Free";font-weight: 900;}
ul.payments-content {padding: 0;margin: 0 auto 20px;text-align: center;}
.payments-content li {display: inline-block;padding: 5px;margin-right: 5px;}
.payments-content .bking {width: 100px;height: 40px;}
ol {list-style: decimal;list-style-position: inside;}
ol.tilted-list {list-style-type: none;margin: 0;margin-left: 3em;padding: 0;counter-reset: li-counter;}
ol.tilted-list .title {margin-bottom: 10px;font-weight: bold;text-transform: uppercase;font-size: 20px;}
ol.tilted-list > li {position: relative;margin-bottom: 20px;padding: 1em;border-left: 2px solid #cccccc;background-color: #f5f5f5;}
ol.tilted-list > li:before {
position: absolute;
top: 0;
left: -0.95em;
width: 1em;
font-size: 4em;
line-height: 1;
font-weight: bold;
text-align: right;
color: #585858;
transform: rotate(-25deg);
-ms-transform: rotate(-25deg);
-webkit-transform: rotate(-25deg);
z-index: -1;
overflow: hidden;
content: counter(li-counter);
counter-increment: li-counter;
}
/* navbar ================= */
.navbar, .navbar .dropdown-content {z-index: 9999;}
.navbar {background: #eee;}
.navbar > li {float: left;}
.navbar a, .navbar > li > span {
display: block;
padding: 4px;
color: #333;
text-decoration: none;
text-align: left;
}
.navbar > li > a, .navbar > li > span {font-weight: bold;text-transform: uppercase;text-align: center;}
.navbar > li i:first-child {
color: #2885c1;
text-shadow: 0.5px 0.5px #617d8c;
font-size: 17px;
padding-left: 3px;
width: 18px;
font-weight: 900;
font-family: "Font Awesome 5 Free";
}
.navbar i.fa-star {font-size: 18px;color: #fbb036;}
.navbar .dropdown-content a {font-family: Candara, sans-serif;}
.navbar .dropdown-content {display: none;}
.navbar .icon {vertical-align: text-bottom;margin-right: 4px;margin-bottom: 1px;}
#mobile-menu-menu > li.dropdown span:not(.flags):nth-child(3) {margin-left: 0;left: 15px;}
.mobile-menu-container .navbar span.btn-link {
width: 100%;
padding: 4px 0;
color: #046330;
font-weight: normal;
font-style: italic;
font-size: 14px;
text-align: left;
}
.mobile-menu-container .navbar .sub-menu.clicked .children img {display: none;}
.down {position: relative;content: "\f078";font: 900 14px "Font Awesome 5 Free";}
.up {position: relative;content: "\f077";font: 900 14px "Font Awesome 5 Free";}
.navbar .dd-arr {text-transform: lowercase;position: relative;left: 48%;}
.mobile-menu-options {position: absolute;right: 10px; top: 50%; transform: translateY(-50%);}
.mobile-menu-options li {float: left;text-align: center;}
.mobile-menu-options li:not(:first-child) {margin-left: 15px;}
.mobile-menu-options.active li:not(.active) {opacity: 0.6;}
.mobile-menu-options .menu-mob-btn {display: inline-block;vertical-align: middle;background: #cfd8da;border-radius: 3px;position: relative;}
.mobile-menu-options .icon {text-indent: 0;overflow: visible;line-height: 1;}
.mobile-menu-options span:not(.icon) {vertical-align: top;color: #eee;font-weight: bold;font-size: 10px;}
.navbar [class*="icon--"] {
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
width: 20px;
height: 20px;
vertical-align: middle;
margin-right: 5px;
}
.global.icon--unibet,.global.icon--unibet-poker {background-color: #147b45;background-image: var(--fav-unibet);background-size: 55%;}
.content-links {padding: 10px 14px;}
.content-links li {line-height: 1.6;}
.content-links a {color: #046330; padding: 3px 5px; display: block; border-bottom: 1px solid #e7e7e7;}
.content-links a:hover {color: #ff921e; background: #fff;transition: all 0.3s ease-in-out;}
@media only screen and (max-width: 1023px) {
.mobile-menu-options .icon {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.navbar, .navbar :is(.bking, .slide-nav), .page-sidebar { display: none; }
.mobile-menu-container .navbar .slider-wrapper li {display: block !important;}
.mobile-menu-container {position: fixed;top: 70px;width: 300px;height: 100%;background: #eee;overflow: auto;z-index: 999;}
.page-header.fixed ~ .mobile-menu-container{right: 0;}
.mobile-menu-container > * { width: 100%;}
.mobile-menu-container .table-three{margin: 0 auto;}
.mobile-menu-container .table-three,
.mobile-menu-container #mobile-menu-offer { padding: 20px 0; }
.mobile-menu-container .table-three > .row:not(:nth-child(2)) { margin-top: 12px; }
.mobile-menu-container > * > .title,
.mobile-menu-container .table-three > .icon,
.mobile-menu-container .table-three > .row:not(:last-child)::after { display: none; }
.mobile-menu-container .table-three > .row:nth-child(2) { margin-top: 0; }
.mobile-menu-container .see-more a { padding-left: 0; }
.mobile-menu-container .see-more li:first-child a { padding-top: 0; }
.mobile-menu-container .see-more li:last-child a { padding-bottom: 0; }
.mobile-menu-container #mobile-menu-offer { text-align: center; }
.mobile-menu-container .navbar { display: block; }
.mobile-menu-container .navbar { padding-left: 0; padding-right: 0; min-height: 235px; }
.mobile-menu-container .navbar > li { padding-left: 14px; padding-right: 14px; }
.mobile-menu-container .global.icon.icon-navbar--icon-06 { background-position: -13px -3635px; }
.mobile-menu-container .navbar li.focus > .dropdown-content { padding-left: 20px; }
.dropdown-content.lang li span:nth-child(2) { top: 0; position: relative; left: 10px; text-transform: capitalize; }
.mobile-menu-container .navbar li { float: none; position: relative;}
.mobile-menu-container .navbar > li:not(:last-child) { border-bottom: 1px solid #e4e4e4; }
.mobile-menu-container .navbar li.focus { background: #046330; }
.mobile-menu-options li:nth-child(2) > .menu-mob-btn > span.menu-txt { position: relative; top: -45px; }
#nav-icon3 {
height: 45px;
position: relative;
margin: 0px auto;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
cursor: pointer;
}
#nav-icon3 span {
display: block;
position: absolute;
width: 100%;
background: #585858;
border-radius: 9px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: 0.25s ease-in-out;
-moz-transition: 0.25s ease-in-out;
-o-transition: 0.25s ease-in-out;
transition: 0.25s ease-in-out;
}
#nav-icon3.open span:nth-child(1),
#nav-icon3.open span:nth-child(4) { width: 0%; left: 50%; }
#nav-icon3.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
#nav-icon3.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
#mobile-menu-menu > .sub-menu.clicked > .dd-btn > span:nth-child(2) { display: none; }
#mobile-menu-menu > .sub-menu.clicked > .dd-btn > span:nth-child(3) { display: inline-block; }
.mobile-menu-container .dd-btn { position: relative; }
.mobile-menu-container .dd-btn:after {
position: absolute;
content: "\f103";
font: 900 14px "Font Awesome 5 Free";
font-style: italic;
color: rgba(63, 165, 241, 0.8);
padding: 3px 0 0 10px;
}
.mobile-menu-container .sub-menu:after {
position: absolute;
content: "\f103";
font: 900 14px "Font Awesome 5 Free";
color: #27a262;
padding: 3px 0 0 10px;
right: 25px;
top: 50%;
transform: translateY(-50%);
}
.mobile-menu-container .sub-menu.clicked:after {
position: absolute;
content: "\f103";
font: 900 14px "Font Awesome 5 Free";
color: #27a262;
padding: 3px 0 0 10px;
right: 24px;
margin-top: 0px;
top: 5px;
transform: rotate(90deg);
}
.mobile-menu-container .dd-menu.languages .dd-btn:after { color: #eee; }
.mobile-menu-container .navbar .sub-menu.clicked .dd-btn { font-style: normal; color: rgba(88, 88, 88, 0.9); border-bottom: 2px solid #adc7d7; font-weight: 600; }
.mobile-menu-container .navbar .sub-menu.clicked .dd-btn:before {
position: absolute;
content: "";
font: 600 15px "Lato", sans-serif;
font-style: normal;
padding: 2px 0 0 10px;
left: 16px;
color: rgba(88, 88, 88, 0.9);
}
.mobile-menu-container .navbar .sub-menu.clicked .dd-btn:after {
position: absolute;
content: "\f100";
font: 900 16px "Font Awesome 5 Free";
font-style: normal;
padding: 3px 0 0 10px;
margin-left: 65px;
color: rgba(88, 88, 88, 0.9);
}
#mobile-menu-menu > .sub-menu.clicked > div > div > a { font-size: 16px; font-style: normal; }
#mobile-menu-menu > .sub-menu.clicked > div > div > ul > li a,
#mobile-menu-menu
> li.dd-menu.blog.doubletap.sub-menu.clicked
> ul
> li:nth-child(2)
> a { font-size: 15px; }
.mobile-menu-container .sub-menu.clicked a { color: #27a262; display: block; width: 100%; }
#mobile-menu-menu > li.dd-menu.sub-menu.clicked > a { width: 80%; border-bottom: 2px solid #27a262; }
.mobile-menu-container .navbar .slider-wrapper li:not(.main),
.mobile-menu-container .navbar .lang li,
.mobile-menu-container .navbar .blog-links li:not(.main),
.mobile-menu-container .navbar .children ul li,
.mobile-menu-container .navbar .small.children .main { border-bottom: 1px solid rgba(173, 199, 215, 0.5); padding-left: 15px;}
.mobile-menu-container .navbar .small.children .main span { font-size: 14px; }
.mobile-menu-container .navbar .main .info { display: none; }
.mobile-menu-container .navbar .blog-links li.main a { font-size: 16px; }
#mobile-menu-menu
> .dd-menu.languages.sub-menu.clicked
> .children
li
> a
> span.flags { top: 2px; position: relative; margin-right: 10px; }
.mobile-menu-container .sub-menu .children { display: none; }
.mobile-menu-container .sub-menu.clicked {
position: absolute;
top: 0;
background: #eee;
width: 100%;
height: 100%;
z-index: 9999;
}
.mobile-menu-container .sub-menu.clicked .children { display: block; }
.mobile-menu-container .navbar a,
.mobile-menu-container .navbar .sub-menu > span {
width: 100%;
padding: 8px 0;
color: #046330;
font-weight: normal;
font-size: 14px;
text-align: left;
}
.mobile-menu-container .navbar li.focus a { color: #eee; }
.navbar > li > span{font-weight: normal;}
.flags.it {
width: 30px;
top: 3px;
position: relative;
left: 13px;
}
}
@media only screen and (max-width: 639px) {
.mobile-menu-container { top: 60px; right: 0; width: 100%;}
.mobile-menu-options li:not(:first-child) {margin-left: 10px;}
#nav-icon3 { width: 24px; top: -35px; }
#nav-icon3 span { height: 5px; }
#nav-icon3 span:nth-child(1) { top: 8px; }
#nav-icon3 span:nth-child(2), #nav-icon3 span:nth-child(3) { top: 17px; }
#nav-icon3 span:nth-child(4) { top: 26px; }
#nav-icon3.open span:nth-child(1) { top: 18px; }
#nav-icon3.open span:nth-child(4) { top: 18px; }
.mobile-menu-options .menu-mob-btn { width: 32px; height: 32px; padding-top: 32px; }
.mobile-menu-options .icon--menu-offer { margin-left: -1px; }
.mobile-menu-options li:nth-child(2) span:nth-child(2) { position: relative; left: 0; }
.popup-holder-notice {overflow-y: auto;}
}
@media only screen and (min-width: 640px) and (max-width: 1023px) {
#nav-icon3 { top: -40px; width: 28px; }
#nav-icon3 span { height: 6px; }
#nav-icon3 span:nth-child(1) { top: 6px; }
#nav-icon3 span:nth-child(2), #nav-icon3 span:nth-child(3) { top: 17px; }
#nav-icon3 span:nth-child(4) { top: 28px; }
#nav-icon3.open span:nth-child(1) { top: 18px; }
#nav-icon3.open span:nth-child(4) { top: 18px; }
.mobile-menu-options .menu-mob-btn { width: 40px; height: 40px; padding-top: 40px; }
.mobile-menu-options .icon--menu-menu { margin-left: 1px; }
.mobile-menu-options .icon--menu-offer, .mobile-menu-options .icon--menu-top3 { margin-top: 1px; }
}
@media only screen and (min-width: 800px) and (max-width: 1023px) {
.mobile-menu-container {right: 5% }
}
@media only screen and (min-width: 1024px) {
.navbar > li a, .navbar > li > span {padding: 10px; }
.mobile-nav { display: none; }
.mobile-menu-options { display: none; }
.navbar > li.dropdown.blog { display: none; }
.navbar > li:not(:last-child) { border-right: 1px solid #cbcbcb; }
.navbar > li:hover,
.navbar > li.active {
border-bottom: 4px solid #27a262;
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
-webkit-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
-o-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.navbar .dropdown:hover > .dropdown-content { display: block; }
.navbar li.dropdown.languages {
position: relative;
display: none;
padding: 0;
right: -1px;
transform: translateX(0);
-moz-transform: translateX(0);
z-index: 9999;
}
.navbar .dd-container {width: 100%; background: #cfd8da; top: 44px; left: 0; padding: 5px 5px 0 5px; position: absolute; visibility: hidden; opacity: 0; z-index: 9999;}
.navbar .dd-container.active,
.navbar .dd-menu:hover .dd-container {visibility: visible; opacity: 1; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);}
.navbar .dd-container li {width: 24%; display: inline-block; margin-right: 5px; margin-bottom: 5px; transition: all 0.3s ease-in-out;}
.navbar .dd-container li:hover a, .navbar .dd-container li a:hover {background: #fff; color: #333; text-shadow: none;}
.navbar .dd-container li a{background: #eeeeee; border-radius: 4px; padding: 7px 0 7px 0; text-align: center; color: #27a262; font-size: 15px; font-weight: bold; transition: all 0.3s ease-in-out;}
}
@media only screen and (min-width: 1500px) {
.navbar > li { border-bottom: 4px solid transparent; }
}
.bg-1 { background: #e2e2e2; }
.bg-2 { background: #dfdfdf; }
.overlay { display: none; position: fixed; left: 0; right: 0; top: 0; width: 100%; height: 100%; background: rgba(51, 51, 51, 0.4); z-index: 998; }
.box-sh-1, .box-sh-2 { -webkit-box-shadow: 0 6px 0 0 #b9c8d0; box-shadow: 0 6px 0 0 #b9c8d0; }
.drop-sh { -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.15); }
.bord-bott-1, .bord-bott-1-noh { border-bottom: 6px solid #b9c8d0; }
.bord-bott-1:hover { border-bottom-color: #147b45; }
.bbold { font-weight: bold; }
.calibri { font-family: Calibri, sans-serif; }
.candara, .prize:not(.calibri) { font-family: Candara, sans-serif; }
.opensans { font-family: "Open Sans", sans-serif; }
.t-align-c { text-align: center; }
.t-align-l { text-align: left; }
.t-align-r { text-align: right; }
.fas.simple > span { text-indent: -9999px; }
.fa-check.simple { color: #7ac543; }
.fa-times.simple { color: #ed5a24; }
.prize { display: block; color: #27a262; font-weight: bold; font-size: 40px; text-align: center; }
td .features.size-2 {font-size: 18px;}
.bonus-badge { display: block; margin: 0 auto 5px; font-size: 12px; width: fit-content; color: #fff; background: #ff921e; padding: 1px 5px; border-radius: 10px; }
.sub-prize, td .features {color: #3d3d3e; font-weight: bold;}
.cout-ribbon { padding-top: 8px; color: #eee; font-weight: bold; line-height: 1; text-transform: uppercase; text-align: center; text-indent: 0; font-size: 12px; }
.cout-ribbon span { display: block; font-size: 31px; }
.cout-ribbon span.solo-icon { position: relative; top: 5px; }
.ribbon-css { position: relative; }
.ribbon-css > span { display: block; height: 26px; background-color: #3fa8f4; text-align: center; position: relative; z-index: 10; }
.ribbon-css::before, .ribbon-css::after { content: ""; position: absolute; bottom: -4px; height: 0; width: 0; border-style: solid; border-width: 12px; z-index: 9; }
.ribbon-css::before { border-right-width: 28px; border-color: #3286c3 #3286c3 #3286c3 transparent; left: -22px; }
.ribbon-css::after { border-left-width: 28px; border-color: #3286c3 transparent #3286c3 #3286c3; right: -22px; }
.tc-txt { padding: 5px 10px; text-align: justify; line-height: 15px; font-style: italic; height: auto; width: 95%; }
.narrow { margin: -20px auto; }
.wide { margin: 0px auto 20px; }
.tc-apply { margin-top: 4px; font-style: italic; font-size: 12px; text-align: center; }
.tc-apply-short { position: relative; }
.tc-apply-short::after { content: "18+ F. Feltételek érvényesek!"; display: block; width: 100%; position: absolute; left: 0; bottom: -25px; font-size: 14px; text-align: center; }
.tc-apply-long::after { line-height: 1.2; display: block; width: 100%; position: absolute; left: 0; bottom: -90px; font-size: 11px; text-align: center; }
.tc-apply-long.bet365::after {
content: "*Csak új Kaszinó ügyfelek. Min. Befizetés 3.000 Ft. Max. 30.000 Ft bónusz. 30x fogadási feltétel (eltérő mértékben számító játékok, asztallefedettség és max. fogadási szabályok érvényesek) a befizetésre és a bónuszra a bónuszegyenleg kifizethetővé tételéhez. Időkorlátok és feltételek érvényesek.";
}
.single-brand-mob .tc-apply-short::after { bottom: -45px; }
.tc-apply-short--2::after { content: "*18+ F. Feltételek érvényesek!"; font-style: italic; }
.tc-apply-short--3::after { content: "*18+ F. Feltételek érvényesek!"; font-style: italic; }
.brands-vs.brands-vs--2 .tc-apply-short--3:after { bottom: -40px; }
.brands-vs .tc-apply-short::after { font-size: 13px; }
.site-width { margin: 0 auto; }
.page-header { position: relative; }
.accent-orange-txt {
font-weight: 600;
border: 2px solid #adc7d7;
padding: 10px;
border-radius: 5px;
max-width: 75%;
margin: 0 auto 20px;
background: #fff;
position: relative;
}
.accent-orange-txt p { text-align: center; margin: 0; }
.accent-orange-txt p:nth-child(2) { text-decoration: underline; color: #e68319; }
.accent-orange-txt p:nth-child(3) { color: #333; font-weight: 600; line-height: 20px; }
.sticker {
position: relative;
width: 90px;
height: 50px;
font-size: 14px;
font-weight: bold;
margin: 30px auto -12px;
background-color: #fcf59b;
border-radius: 0px 10px 250px / 0 200px 55px 250px;
-webkit-box-shadow: -2px 3px 5px 0 rgba(0, 0, 0, 0.3);
-moz-box-shadow: -2px 3px 5px 0 rgba(0, 0, 0, 0.3);
box-shadow: -2px 3px 5px 0 rgba(0, 0, 0, 0.3);
top: -25px;
}
#paper-pin { width: 22px; height: 16px; z-index: 100; left: 37px; top: -8px; position: relative; }
.text { text-align: center; display: block; padding: 0px; font: bold italic 22px "Lato", sans-serif; text-transform: uppercase; color: #3286c3; position: relative; top: -8px; }
.sticker::before {
content: "";
display: block;
position: absolute;
z-index: -1;
width: 90%;
height: 20px;
-webkit-box-shadow: 3px 17px 6px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 3px 17px 6px rgba(0, 0, 0, 0.3);
box-shadow: 3px 17px 6px rgba(0, 0, 0, 0.3);
bottom: 15px;
right: 5px;
-ms-transform: skew(-10deg, 2deg);
-webkit-transform: skew(-10deg, 2deg);
transform: skew(-10deg, 2deg);
}
.sticker::after {
content: "";
display: block;
position: absolute;
width: 0;
height: 0;
right: 7px;
bottom: -2px;
border-top: 10px solid rgb(156, 166, 61);
border-right: 10px solid transparent;
-webkit-transform: skew(-50deg, 30deg);
transform: skew(-50deg, 30deg);
}
.page-article, .page-sidebar .widget { border-radius: 4px;}
.page-article { background: #eee; z-index: 1; position: relative; }
/* page sidebar ==================== */
.page-sidebar .title, .simple-heading { font-weight: bold; font-size: 18px; text-align: center; }
.page-sidebar .title { border-bottom: 1px solid #c4c4c4; text-transform: uppercase; margin-bottom: 4px; }
.page-sidebar p.title:nth-child(3) { margin-top: 15px; }
.page-sidebar .widget { margin-bottom: 12px; background: #eee; }
.page-sidebar .widget .hvr-shine figure img { border-radius: 5px; }
.page-sidebar .widget--padd { padding: 8px; }
/* sidebar latest posts widget ============== */
.page-sidebar .widget.latest-posts { padding: 8px 17px; background: #eee; }
.page-sidebar .widget.latest-posts .size-blog-size-xsmall { border-radius: 3px; }
.page-sidebar .widget.latest-posts a {
transition: font-weight 0.2s ease-in-out;
-webkit-transition: font-weight 0.2s ease-in-out;
-moz-transition: font-weight 0.2s ease-in-out;
-o-transition: font-weight 0.2s ease-in-out;
position: relative;
color: #585858;
}
.page-sidebar .widget.latest-posts a:hover { font-weight: 700; }
.page-sidebar .widget.latest-posts a:hover img {
filter: drop-shadow(0px 10px 4px rgba(0, 0, 0, 0.4));
-webkit-filter: drop-shadow(0px 10px 4px rgba(0, 0, 0, 0.4));
-o-filter: drop-shadow(0px 10px 4px rgba(0, 0, 0, 0.4));
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.page-sidebar .widget.latest-posts a .post-pack__auth {
position: absolute;
top: 50px;
left: 0;
color: #f8f8f8;
background: linear-gradient(to bottom, transparent 0%, rgba(41, 134, 192, 0.5) 13%, rgba(41, 134, 192, 1) 45%);
background: -webkit-linear-gradient(to bottom, transparent 0%, rgba(41, 134, 192, 0.5) 13%, rgba(41, 134, 192, 1) 45%);
width: 100%;
text-align: center;
height: 24px;
padding: 5px 0;
border-radius: 0 0 3px 3px;
}
.page-sidebar .widget.latest-posts > div { margin-bottom: 5px; margin-top: 10px; }
.page-sidebar .widget.latest-posts .post_title { font-size: 14px; padding: 15px 4px 10px; border-bottom: 1px solid #bbbbbb; margin-bottom: 15px; }
.page-sidebar .widget.latest-posts span:nth-child(2) { margin-right: 10px; }
.page-sidebar .widget.latest-posts .post-title { font-size: 14px; margin: 5px 0; }
.page-sidebar .widget.latest-posts .post-title i { padding-right: 5px; }
.page-sidebar .widget.latest-posts .blog-link {
text-align: center;
display: block;
font: 900 16px "Lato", sans-serif;
margin-top: -8px;
padding: 5px 0;
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.page-sidebar .widget.latest-posts .blog-link:hover { background: #fff; }
.page-sidebar .widget.latest-posts .blog-link:hover i {
transform: translateX(10px);
-webkit-transform: translateX(10px);
-o-transform: translateX(10px);
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
/* ===================== */
/* sidebar widget links ==================== */
.widget-sports { padding-left: 15px; }
.widget-sports li { display: inline-block; width: 49%; }
.widget-sports li a { padding: 4px 0; }
.widget-sports .global.icon.icon-sb-feat-sp--24 { height: 27px; }
.widget-specials li a { text-align: center; padding-left: 0; }
.see-more { padding: 14px 8px 5px; }
.see-more li:hover { background: #fff; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }
.see-more li:not(:last-child) { border-bottom: 1px solid #e7e7e7; }
.see-more a { display: block; padding: 4px 14px; color: #2890b7; font-weight: 400; font-style: italic; }
.see-more a:hover { color: #e68319; }
.see-more .icon-wrap { width: 30px; height: 19px; text-align: center; }
.see-more a:hover .sports.icon {
filter: invert(65%) sepia(100%) saturate(400%) hue-rotate(343deg) brightness(100%) contrast(101%);
-webkit-filter: invert(65%) sepia(100%) saturate(400%) hue-rotate(343deg) brightness(100%) contrast(101%);
-moz-filter: invert(65%) sepia(100%) saturate(400%) hue-rotate(343deg) brightness(100%) contrast(101%);
}
/*==================== */
/* back to top ==================== */
.back-to-top,
.page-sidebar .back-to-top,
.back-to-top--mobile {background: #27a262; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }
.back-to-top { color: #fff; font-weight: bold; font-size: 17px; text-align: center; position: relative; cursor: pointer; text-transform: uppercase;}
.back-to-top--mobile {display: none; right: 1em; bottom: 1em; width: 40px; height: 40px; border-radius: 3px; text-align: center; z-index: 998;}
.back-to-top::before {top: 4px; width: 17px; height: 27px;}
.back-to-top .icon {position: absolute; left: 16px; top: 0;}
.back-to-top::after {
content: "";
position: absolute;
left: 12px;
top: -12px;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-bottom: 12px solid #27a262;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.back-to-top:hover::after { border-bottom-color: #147b45; }
.back-to-top:hover,
.page-sidebar .back-to-top:hover { background: #147b45; }
.back-to-top--mobile:hover { background: #e68319; }
.page-sidebar .back-to-top { margin-top: 24px; padding: 6px 4px; }
/*==================== */
/* quick nav / jumpbars =============== */
.jumpbar-wrap,
.jumpbar,
.jumpbar li { position: relative; }
.jumpbar { border-radius: 4px; }
.jumpbar.set-2:not(.main) { margin: 30px auto; }
.jumpbar.set-2.main { margin: 15px auto 25px; }
.jumpbar li { overflow: hidden; background: #eee; border-radius: 4px; }
.jumpbar.set-2 li { height: 46px; line-height: 46px; }
.jumpbar a {
display: block;
color: #000;
text-align: left;
-webkit-transition: all ease 0.1s;
-o-transition: all ease 0.1s;
transition: all ease 0.1s;
}
.jumpbar.set-2 a { padding: 2px 6px 2px 48px; }
.jumpbar li .icon-wrap { position: absolute; left: 0; background: transparent; border-radius: 4px 0 0 4px; }
.jumpbar li:not(:hover) .icon-wrap { top: 10px; bottom: 10px; border-right: 1px solid #77777a; }
.jumpbar.set-2 li .icon-wrap { width: 36px; }
.jumpbar.set-2-sistemi li .icon-wrap i {
position: relative;
top: -10px;
font-size: 45px;
left: 13px;
color: #77777a;
transition: color 0.2s ease-in-out;
-webkit-transition: color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out;
}
.jumpbar.set-2.set-2-sistemi li:hover .icon-wrap i { color: #fff; top: 0; bottom: 0; }
.jumpbar li:hover .icon-wrap {
top: 0;
height: 100%;
background-color: #e68319;
transition: background-color 0.2s linear;
-webkit-transition: background-color 0.2s linear;
-o-transition: background-color 0.2s linear;
}
.jumpbar li .icon {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.jumpbar li .text-wrap { overflow: hidden; vertical-align: middle; }
.jumpbar li .text-wrap:first-letter { text-transform: capitalize; }
.jumpbar.set-2 li .text-wrap { max-height: 36px; margin-top: -10px; line-height: 1.2; }
.heading.heading--for-jumbar > span { line-height: 29px; }
.on-page-quick-nav { padding: 10px; display: flex; gap: 5px; border-radius: 4px; flex-wrap: wrap; margin-bottom: 20px; }
.on-page-quick-nav li { width: calc((100% - 15px) / 4); background: #eee; padding: 10px 5px; border-radius: 4px; }
.on-page-quick-nav li a { color: #000; }
@media only screen and (max-width: 1499px) {
.jumpbar li { margin-bottom: 10px; line-height: 52px; }
.on-page-quick-nav li { width: calc((100% - 5px) / 2); }
}
@media only screen and (max-width: 575px){
.on-page-quick-nav { gap: 10px; }
.on-page-quick-nav li { width: 100%; }
}
@media only screen and (max-width: 639px) {
.jumpbar.set-2 { padding: 22px 20px 18px; }
.jumpbar li .text-wrap br { display: none; }
}
@media only screen and (min-width: 640px) and (max-width: 1499px) {
.jumpbar.set-2 { padding: 20px 36px 10px; }
.jumpbar li { width: 47%; }
.jumpbar li:nth-child(1), .jumpbar li:nth-child(3) { margin-right: 4%; }
.jumpbar li:nth-child(2n + 5), .jumpbar.set-2 li:nth-child(2n + 1) { margin-right: 4%; }
}
@media only screen and (min-width: 640px) {
.jumpbar li { display: inline-block; }
}
@media only screen and (min-width: 800px) {
.heading--for-jumbar .icon { margin: 0 6px 2px 0; }
}
@media only screen and (min-width: 800px) and (max-width: 1499px) {
.jumpbar-wrap,
.jumpbar,
.jumpbar li { margin-bottom: 20px; }
}
@media only screen and (min-width: 1500px) {
.jumpbar li { width: 30.5%; margin-right: 2%; margin-bottom: 20px; }
.jumpbar.more-links li { width: 22.5%; }
.jumpbar.set-2 { padding: 20px 0 0 38px; }
}
/* ======================= */
.rate-txt {
position: absolute;
z-index: 1;
color: #eee;
text-transform: uppercase;
font-family: "Lato-Bold", sans-serif;
vertical-align: middle;
text-align: center;
line-height: 0.9;
}
.rate-txt span:first-child { font-size: 0.95rem; font-weight: 600; margin-bottom: 2px; }
.rate-txt span:last-child { font-size: 20px; font-weight: 900; }
.rate-txt-r { right: -25px; }
.table.set-1 .rate-txt {font-family: "Lato-Bold", sans-serif; font-size: 13px; font-weight: bold; margin-top: 0.25rem; position: relative; color: inherit; text-transform: none; line-height: inherit;}
.table.set-1 .rate-txt span:first-child {font-weight: 600; font-size: inherit; margin: 0 5px 0 0;}
.table.set-1 .rate-txt .rate-val {font-size: 2rem; font-weight: 900; color: #27a262;}
/* grid boxes ===================*/
.text-boxes {margin: 20px auto;}
.text-boxes.example p { margin: 10px 0; }
.text-boxes .grid-box {
min-height: 78px;
padding: 20px;
background: #e2e2e2;
border-bottom: 8px solid #b9c8d0;
margin: 15px 20px 40px;
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
position: relative;
}
.text-boxes .grid-box.dark {
min-height: 78px;
padding: 20px;
background: #232526;
background: -webkit-radial-gradient(#414345, #232526);
background: radial-gradient(#414345, #232526);
border-bottom: 8px solid #b9c8d0;
margin: 10px 20px;
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
color: #c8c8c8;
border-top: 5px solid #804b18;
border-left: 5px solid #804b18;
border-right: 5px solid #804b18;
}
.bet-accent { font: bold italic 15px "Lato", sans-serif; color: #fbe870; padding-right: 4px; }
.text-boxes .cout-ribbon { float: left; margin: -34px 22px -6px 0; }
.text-boxes .grid-box > .title { margin-bottom: 20px; font-weight: bold; text-transform: uppercase; }
.text-boxes .grid-box .subtitle { margin: 20px 0 10px; border-bottom: 1px solid #6e5e58; font-weight: bold; }
.text-boxes .clearfix-box { margin-top: 28px; }
@media only screen and (max-width: 799px) {
.rate-txt {display: none;}
}
@media only screen and (max-width: 639px) {
.text-boxes .grid-box > .title { font-size: 16px; text-align: center; }
}
@media only screen and (max-width: 489px) {
.text-boxes .cout-ribbon { float: none; margin: -25px auto 10px; display: block; }
}
@media only screen and (min-width: 800px) {
.text-boxes .grid-box.gifts { position: relative; }
.text-boxes .grid-box.gifts:after {
position: absolute;
content: "";
width: 150px;
height: 200px;
top: 40px;
right: 20px;
z-index: 1;
opacity: 0.13;
transform: rotate(12deg);
-webkit-transform: rotate(12deg);
-o-transform: rotate(12deg);
}
.text-boxes .grid-boxes { border-collapse: separate; border-spacing: 20px 14px; margin: 0 -20px; }
}
@media only screen and (min-width: 800px) and (max-width: 1499px) {
.text-boxes .grid-box--col-2,
.text-boxes .grid-box--col-3:nth-child(-n + 2) { display: table-cell; vertical-align: top; width: 50%; }
.text-boxes .grid-box--col-3:nth-child(3) { display: table; width: calc(100% - 40px); margin: 20px 20px 30px; border-spacing: 0; }
}
@media only screen and (min-width: 1500px) {
.text-boxes .grid-box > .title { font-size: 18px; }
.text-boxes .grid-box:not(.grid-box--col-full) { display: table-cell; vertical-align: top; }
.text-boxes .grid-box--col-2 { width: 50%; }
.text-boxes .grid-box--col-3 { width: 33.33%; }
.text-boxes .grid-box--col-4 { width: 25%; }
.text-boxes > .grid-box--col-full {margin-top: 30px;}
}
/* Other reviews */
.other-rev{display: flex; justify-content: center; gap: 2%; flex-wrap: wrap;}
.other-rev-box {padding: 10px; background: #e2e2e2; border-radius: .25rem; color: #27a262; font-weight: 600; text-align: center;}
.other-rev-box:hover {background: #fff;}
.other-rev-box .c-brand {margin-bottom: 10px;}
@media only screen and (min-width: 1500px) {
.other-rev-box {width: 25%;}
}
@media only screen and (min-width: 640px) and (max-width: 1499px) {
.other-rev-box {width: 30%;}
}
@media only screen and (max-width: 639px){
.other-rev-box {margin-bottom: 15px; width: 70%; }
}
.less-spc { margin: 15px auto; }
/* tables ==================== */
.table-responsive {min-height: 0.01%; overflow-x: auto; overflow-y: hidden; width: 100%; }
table {margin: 30px auto 0; background: #eee; border: none; text-align: center; overflow: hidden; width: 100%; border-spacing: 0; border-collapse: separate;}
.table.set-1 {margin: 0px auto; line-height: 1;}
th, td { padding: 4px; vertical-align: middle; border-left: 1px solid #b9c8d0; position: relative; }
th {color: #333; border-bottom: 1px solid #b9c8d0; border-top: 1px solid #b9c8d0; background: rgb(255 255 255 / 50%); padding: .75rem;}
tbody tr:hover { background: #c7e4ed; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; }
td {border-bottom: 1px solid #b9c8d0; }
tr:first-child td{border-top: 1px solid #b9c8d0;}
.table .tc-apply.long { padding: 5px; text-align: left; font-size: 1.1rem; }
.table .tc-apply.long p { margin: 0; }
.table.set-1 .ribbon-l { left: -48px; top: 50%; transform: translateY(-40%); }
.table th {font-size: 14px; text-align: center;}
th:first-child {border-radius: .5rem 0 0 0;}
th:last-child {border-radius: 0 .5rem 0 0; border-right: 1px solid #b9c8d0;}
.table td {padding: 0.5rem;}
.table td:last-child {border-right: 1px solid #b9c8d0;}
.table.set-1.small td { padding: 5px 0px; }
.table.set-1 .age-limit { margin-right: 5px; }
.table.set-1 .regul.icon:last-child { display: block; margin: 5px auto 0; }
.table:first-child { padding-left: 20px; }
.table td:first-child .rating.ribbon { position: absolute; }
.table .fa-check, .table .fa-times { font-size: 21px; }
.table tr.f-clbr .prize:not(.prize--b-dr) { font-family: Calibri, sans-serif; }
.table :is(a, span).in{ margin-top: 8px; text-transform: unset; font-size: 12px; }
.table span.in { color: #585858; font-style: italic; }
.table a.out {padding: 10px; display: block; margin: 0 auto; width: 90%;}
.table a.in { font-size: 14px; font-style: normal; }
.table a.in:hover { color: #27a262; }
.table-three { width: 234px; text-align: center; }
.table-three a > .c-brand.icon { transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }
.table-three a:hover > .c-brand.icon { filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); -webkit-filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); -o-filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); }
.table-three .icon--full-ribbon-small {
margin-top: 26px;
margin-bottom: 16px;
text-indent: 0;
color: #eee;
font-weight: bold;
font-size: 13px;
line-height: 36px;
text-transform: uppercase;
text-align: center;
position: relative;
overflow: visible;
z-index: 1;
}
.table-three .row::before {
border-style: solid;
border-width: 0 17px 17px 0;
left: -1px;
top: -1px;
transform: rotate(-90deg);
border-top-right-radius: 4px;
}
.table-three > .row { display: table; width: 100%; padding: 8px; background: #fdfdfd; border: 1px solid #e2e2e2; border-radius: 4px; position: relative; }
.table-three > .row:not(:nth-child(2)) { margin-top: 20px; }
.table-three > .row:not(:last-child) { margin-bottom: 10px; }
.table-three > .row::before, .table-three > .row::after { content: ""; position: absolute; }
/* body.webp .table-three > .row::before { background: url("../images/sprite-global-2.webp") no-repeat; } */
.table-three > .row:not(:last-child)::after { bottom: -11px; left: 0; right: 0; height: 1px; background: #c8c8c8; }
.table-three > .row:nth-of-type(2)::before {border-color: transparent #fbc619 transparent transparent;}
.table-three > .row:nth-of-type(3)::before {border-color: transparent #999999 transparent transparent;}
.table-three > .row:nth-of-type(4)::before {border-color: transparent #c69c6d transparent transparent;}
.table-three > .row > div { display: table-cell; vertical-align: middle; }
.table-three .first { width: 40%; }
.table-three .first .c-brand { width: 85px; height: 45px; }
.table-three .last { width: 60%; }
.table-three > .row .last > div { font-weight: bold; font-size: 14px; }
.table-three a.in { font-size: 12px; font-style: normal; text-transform: none; color: #27a262; }
.table-three a.in:hover { color: #ff921e; }
@media only screen and (max-width: 1499px) {
.table.set-1.resp-table :is(th, td):is(:nth-child(2), :nth-child(5)){ position: relative; top: 0; left: 0; }
.table.set-1 .prize {font-size: 30px;}
}
@media only screen and (max-width: 799px) {
.table.set-1 :is(th, td):is(:nth-child(2), :nth-child(4)){ display: none; }
.table .prize:not(.prize--b-dr) {font-size: 20px;}
.table tr:not(.f-clbr) .prize { font-family: Calibri, sans-serif; margin-top: 3px;}
.table tr .sub-prize {margin-top: 3px;}
.bonus-badge {margin: 5px auto;}
}
@media only screen and (max-width: 639px) {
.table.set-1 :is(th, td):is(:nth-child(2), :nth-child(3)){ display: none; }
.table th, .table td {width: 50%;}
.table td.tc-apply.long {width: 100%; height: 70px; }
.table.set-2 td.tc-txt { height: auto; width: 90%; padding: 6px 4px 10px 14px !important; }
.table.set-rev td:last-child { padding-top: 24px; }
.table.set-1 td:nth-child(7) span:nth-child(3) { display: none; }
.table a.in {margin-top: 10px;}
.table a.out span {display: block;}
.table a.out.single-btn {margin-top: 18px;}
}
@media only screen and (max-width: 489px) {
.table td:first-child .rating.ribbon { height: 37px; left: -30px; top: 25px; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); }
.table.set-1 .c-brand { width: 90px; height: 40px; }
.table.set-1 .table .prize, .table.set-1 .table .sub-prize { display: block; }
.table td.tc-apply.long { height: 100px; padding: 10px 20px; }
.table tr:not(.f-clbr) a +.sub-prize { margin-top: 10px; }
}
@media only screen and (min-width: 380px) {
.table a.in br { display: none; }
}
@media only screen and (min-width: 490px) {
.table { overflow: visible; }
}
@media only screen and (min-width: 490px) and (max-width: 799px) {
.table .sub-prize { display: inline-block; margin: 8px 5px 0 0;}
.table tr:not(.f-clbr) .prize { display: inline-block; margin: 8px 5px 0 0; }
}
@media only screen and (min-width: 640px) and (max-width: 799px) {
.table th { font-size: 14px; }
}
@media only screen and (min-width: 800px) {
.table td:first-child :is(.prize, .sub-prize, .bonus-badge) { display: none; }
}
/* footer */
.page-footer { padding: 1rem; color: #97a3ab; background: #333; margin-top: 3em; }
.page-footer > .site-width { max-width: 100%; margin: 0 auto; }
.page-footer .links-info { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }
.page-footer .links-info p { margin: 0; }
.page-footer .footer-column { flex-basis: calc((100% - 20px) / 3); }
.page-footer a { color: #97a3ab; }
.page-footer a:hover { color: #d6e2ea; }
.page-footer :is(.info, .footer-logos) { text-align: left; padding-bottom: 1rem; }
.page-footer .info li { font-weight: normal; margin: 0; }
.page-footer .info a { font-size: 15px; }
.page-footer .footer-logos { display:flex; flex-direction:column; justify-content:center; align-items:center; gap: 15px; text-align: center; height: 100%; padding-top: 1rem; }
.page-footer .footer-logos :is(.social-icons, .reg-links) { display: flex; gap: 10px; align-items: center; justify-content: center; }
.page-footer .footer-logos .reg-18 { font-weight: bold; font-size: 22px; }
.page-footer a.dmca-badge {display: inline-block;}
.page-footer .dmca-badge > img { margin: 10px; width: 70px; }
.page-footer > .site-width > p, .page-footer .copyright { padding-top: 1rem; text-align: center; margin: 0; border-top: 1px solid #666e73; }
.page-footer ul:not(.ul) li::before { content: none; }
.page-footer .reg-links .icon { background-size: contain; background-position: center; background-repeat: no-repeat; height: 25px; width: 30px; }
@media only screen and (max-width: 991px) {
.page-footer .footer-column { flex: 1 1 auto; }
}
@media only screen and (max-width:575px) {
.page-footer a.dmca-badge { display: block; }
}
/* sliders */
.slider-wrapper,
.slider {
position: relative;
z-index: 995;
}
.slider-wrapper {
margin: 0 auto;
overflow: hidden;
}
.slider > * {
display: none;
float: left;
text-align: center;
}
.set-2 .slider > *:first-child {
display: block;
}
.slide-prev,
.slide-next {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
cursor: pointer;
z-index: 996;
}
.slide-prev {
left: 0;
}
.slide-next {
right: 0;
}
.slider-wrapper.set-2 {
padding: 14px 22px;
}
.set-2 .slide-next {
right: -36px;
}
.slider-wrapper > .title {
margin-bottom: 16px;
font-weight: bold;
font-size: 20px;
text-align: center;
}
.slider-wrapper > p {
margin-top: 10px;
margin-bottom: 0;
font-style: italic;
}
.slider-in {
margin: 0 auto;
}
.slider-parent {
position: relative;
}
.set-2 .slider-in {
padding: 10px;
background: #fff;
border-radius: 4px;
}
.set-2 .slider li > .clearfix {
padding-top: 10px;
}
.set-2 .slider li > .clearfix > a {
float: left;
width: 32%;
margin: 0 0.666666%;
}
/* lightbox ================== */
#lightbox {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 20px 0 60px;
background: rgba(0, 0, 0, 0.8);
z-index: 999;
}
#lightbox .close {
position: absolute;
bottom: -50px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
padding: 4px 14px;
background: #494949;
color: #fff;
font-size: 20px;
text-align: right;
cursor: pointer;
z-index: 10;
border-radius: 5px;
}
#lightbox .close i {
padding-left: 10px;
}
.lightbox__content {
width: 100%;
height: 90%;
position: relative;
text-align: center;
}
.lightbox__content img {
max-width: 80%;
max-height: 90%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.lightbox__nav .lightbox__slide-nav {
display: none;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
background: #494949;
padding: 4px 14px 8px;
color: #fff;
text-decoration: none;
cursor: pointer;
z-index: 996;
}
.lightbox__nav .next {
right: 10px;
}
.lightbox__nav .prev {
left: 10px;
}
/* 404 ================= */
.error {
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
url("/assets/images/casino-bg.jpg") no-repeat;
background-size: cover;
font-family: "Open Sans", sans-serif;
font-size: 100%;
padding: 15em 0 20em;
position: fixed;
left: 0;
right: 0;
z-index: 1;
display: block;
-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-o-filter: blur(5px);
-ms-filter: blur(5px);
filter: blur(5px);
width: 100%;
height: 100%;
}
.not-found {
margin: 0em auto;
padding: 7em 3em;
background: rgba(255, 255, 255, 0.3);
border-radius: 5px;
width: 960px;
overflow: hidden;
position: fixed;
left: 0;
right: 0;
top: 5%;
z-index: 9999;
}
.not-found.not-authorized p {
line-height: 1;
font-size: 16px;
}
.notfound-top h1 {
font-size: 9.5em;
color: #94a531;
padding-top: 0.2em;
text-shadow: 5px 4px rgba(51, 51, 51, 0.8);
}
.notfound-top {
float: left;
width: 35%;
text-align: right;
}
.content {
float: right;
width: 50%;
padding-left: 3em;
border-left: 2px solid #94a531;
}
.content p {
font-size: 18px;
font-weight: 500;
line-height: 1.8em;
color: #fff;
margin: 20px 0px;
}
.content .out {
padding: 8px;
margin-bottom: 20px;
}
/* SITEMAP */
.stm-block {
display: flex;
justify-content: space-evenly;
flex-wrap: wrap;
}
.stm-block ul.sec-lvl {width: calc(100% / 3);}
@media screen and (max-width: 575px) {
.stm-block ul.sec-lvl {width: 100%;}
}
.stm-block .title {
font-weight: bold;
font-style: italic;
margin: 20px auto 0px;
text-align: center;
}
/* MAIL / contact */
.contacts {
overflow: hidden;
position: relative;
}
.mail {
width: 55%;
}
.title-box {
border-bottom: 1px solid #b5b5b5;
position: relative;
width: 60%;
margin: 0 auto;
}
.title-box::before {
background-color: #fb9902;
bottom: 0;
content: "";
display: block;
height: 1px;
left: 36%;
margin: 0 0 -1px;
position: absolute;
width: 185px;
}
#message { margin: 10px 0; }
#message div { padding: 10px; border-width: 1px; border-style: solid; border-radius: 5px; text-align: center; font-size: 14px; }
#message div.success_message { border-color: #00ad1a8c; background: #00de1b0a; }
#message div.error_message { border-color: #ad00008c; background: #de00000a; }
#contactform {
display: block;
margin: 20px auto;
padding: 10px;
}
#contactform label {
display: block;
font-family: inherit;
font-size: 15px;
color: #333;
margin-top: 15px;
}
#contactform input,
textarea,
select {
width: 80%;
padding: 5px;
color: #666;
background: #f5f5f5;
border: 1px solid #ccc;
margin: 5px 0;
border-radius: 5px;
}
.captcha-wrapper {
width: 304px;
margin: 10px auto 0;
}
#contactform .send-btn {
background: #e68319;
border-bottom: 2px solid #c17524;
border-radius: 4px;
color: #fff;
position: relative;
left: 0;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
outline: 0;
border: 0;
width: 180px;
margin-bottom: 20px;
border-top: 2px solid transparent;
}
#contactform .send-btn:hover {
color: #fff;
background: #ffac26;
border-top: 2px solid #c17524;
border-bottom: none;
}
@media screen and (max-width: 639px) {
.mail {
width: 100%;
}
}
@media screen and (min-width: 640px) and (max-width: 1499px) {
.mail {
width: 85%;
}
}
/*==== FADE IN UP ===*/
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
/* -------------- */
@media only screen and (max-width: 1023px) {
.page-header {
margin-bottom: 16px;
background: #333;
z-index: 999;
}
.page-header.fixed {
position: fixed;
width: 100%;
top: 0;
}
.back-to-top--mobile.fixed {
position: fixed;
display: block;
}
#logo img {
vertical-align: middle;
}
}
@media only screen and (max-width: 799px) {
.center-sm {
float: none;
margin: 0 auto 10px;
}
h3,
h4,
h5,
h6 {
font-size: 18px;
}
.heading:not(.heading--for-jumbar) > span {
padding: 4px;
}
.heading--for-jumbar .icon {
-webkit-transform: scale(0.6);
-ms-transform: scale(0.6);
transform: scale(0.6);
}
.slider-wrapper--left,
.slider-wrapper--right {
margin: 20px auto;
}
.breadcrumbs li:not(:last-child):after {
top: 6px;
}
.breadcrumbs li {
margin-right: 10px;
padding-right: 5px;
font-size: 12px;
}
}
@media only screen and (max-width: 639px) {
.page-article.no-brdc {
padding-top: 0;
}
.hidden-xs {
display: none;
}
.slider > * {
text-align: center;
width: 100%;
margin-bottom: 2%;
}
.page-header {
height: 60px;
padding: 0 10px;
}
.site-width:not(.banner-discord-header) {
width: 100%;
}
.site-width.banner-discord-header {margin: 0 10px 15px;}
.site-width.contact-page {
padding: 0;
}
.contact-page .page-article {
padding: 20px 0;
}
.page-article {
padding: 20px 10px;
}
.tc-apply {
margin-bottom: 10px;
}
h1,
h2,
.heading--for-jumbar {
font-size: 18px;
}
.contact-page .page-article > header > .heading {
margin: 20px 0;
}
.page-article > header > .heading.no-brcrumbs {
margin: 0 -10px 10px;
}
#logo a {
line-height: 55px;
}
#logo img {
max-width: 170px;
height: auto;
}
.tc-apply-short--3::after {
bottom: -25px;
}
.rev-list {
max-width: 100%;
float: none;
display: table;
margin: 0 auto;
}
.rev-list.first {
margin-left: auto;
}
}
@media only screen and (max-width: 489px) {
.not-found {
max-width: 90%;
padding: 2em 0em 4em;
}
.notfound-top {
float: none;
width: 100%;
text-align: center;
}
.content {
float: none;
width: 100%;
padding-left: 0em;
border-top: 2px solid #94a531;
border-left: 0;
text-align: center;
padding-top: 20px;
}
}
@media only screen and (max-width: 379px) {
.slider-in {
width: 230px;
}
}
@media only screen and (min-width: 380px) {
.set-2 .slider-in {
width: 274px;
}
}
@media only screen and (min-width: 401px) and (max-width: 639px) {
.flt-img-l {
float: left;
margin: 10px 10px 0 0;
}
}
@media only screen and (min-width: 640px) {
.sticker {
margin: 30px 10px 10px -90px;
}
small.caption {
float: right;
margin-left: 20px;
}
.page-article {
padding: 20px;
}
.tc-apply {
margin-bottom: 20px;
}
.tc-apply--right {
text-align: right;
}
.tc-apply--left {
text-align: left;
}
}
@media only screen and (min-width: 768px) {
.alignleft {
float: left;
margin-right: 20px;
}
.alignright {
float: right;
margin-left: 20px;
}
.alignleft,
.alignright {
display: inline;
margin-top: 6px;
margin-bottom: 6px;
}
}
@media only screen and (min-width: 640px) and (max-width: 1499px) {
.page-article > .heading {
margin-right: -20px;
}
}
@media only screen and (min-width: 640px) and (max-width: 1023px) {
.page-header {
height: 70px;
padding: 0 10px;
}
#logo a {
line-height: 70px;
}
.back-to-top--mobile {
right: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
#logo img {
max-width: 200px;
height: auto;
}
}
@media only screen and (min-width: 640px) and (max-width: 799px) {
.team-member img {
float: none;
margin: 0 auto 20px;
display: block;
}
h1,
h2,
.heading--for-jumbar {
font-size: 20px;
}
.back-to-top--mobile {
right: 5px;
transform: none;
}
.tc-apply-short--3::after {
bottom: -35px;
}
}
@media only screen and (min-width: 490px) and (max-width: 1023px) {
.not-found {
max-width: 70%;
padding: 2em 3em 4em;
}
.notfound-top {
float: none;
width: 100%;
text-align: center;
}
.content {
float: none;
width: 100%;
padding-left: 3em;
border-left: 0;
border-top: 2px solid #94a531;
text-align: center;
padding-top: 20px;
padding-left: 0;
}
}
@media only screen and (min-width: 800px) {
.right-md {
float: right;
margin: 5px 0 0 20px;
}
h3 {font-size: 18px;}
h4, h5, h6 {font-size: 17px;}
.heading--for-jumbar .icon {
margin: 0 6px 2px 0;
}
.top45 {
margin-top: 45px;
}
}
@media only screen and (min-width: 800px) and (max-width: 1499px) {
h1,
h2,
.heading--for-jumbar {
font-size: 22px;
}
}
@media only screen and (min-width: 800px) and (max-width: 1023px) {
.site-width {width: 90%;}
.back-to-top--mobile {
right: 5px;
transform: none;
}
}
@media only screen and (min-width: 1024px) {
.page-article{min-height: calc(100vh - 255px);}
.not-found {
top: 15%;
}
#logo,
.hidden-md {
display: none;
}
.page-header {
margin-bottom: 1.5rem;
border-top: 6px solid #333;
}
.page-article,
.page-sidebar {
float: left;
}
.page-sidebar {
width: 250px;
}
.page-sidebar .scroll-me.fixed {
position: fixed;
z-index: 100;
}
figure {
width: 250px;
height: 250px;
margin: 0;
padding: 0;
background: #fff;
overflow: hidden;
}
/* Shine */
.hvr-shine figure {
position: relative;
border-radius: 5px;
}
.hvr-shine figure::before {
position: absolute;
top: 0;
left: -75%;
z-index: 2;
display: block;
content: "";
width: 50%;
height: 100%;
background: -webkit-linear-gradient(
left,
rgba(255, 255, 255, 0) 0%,
rgba(255, 255, 255, 0.3) 100%
);
background: linear-gradient(
to right,
rgba(255, 255, 255, 0) 0%,
rgba(255, 255, 255, 0.3) 100%
);
-webkit-transform: skewX(-25deg);
transform: skewX(-25deg);
}
.hvr-shine figure:hover::before {
-webkit-animation: shine 0.75s;
animation: shine 0.75s;
}
@-webkit-keyframes shine {
100% {
left: 125%;
}
}
@keyframes shine {
100% {
left: 125%;
}
}
.image-container {
position: relative;
width: 300px;
height: 250px;
}
.image-container:hover img {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-transform: translate(-20%, 0) scale(1.5);
-ms-transform: translate(-20%, 0) scale(1.5);
transform: translate(-20%, 0) scale(1.5);
position: unset;
}
.image-container .after {
position: absolute;
top: 6px;
left: 0;
width: 100%;
height: 100%;
display: block;
background: rgba(0, 0, 0, 0.6);
color: #fff;
}
.image-container .after i {
display: block;
font-size: 33px;
position: relative;
top: 50%;
left: 50%;
-webkit-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
transform: translate(0%, -50%);
}
.image-container:hover .after {
display: none;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1499px) {
.site-width {
width: 964px;
}
.page-article {
width: 692px;
margin-right: 20px;
}
.tc-apply-short--3::after {
bottom: -35px;
}
}
@media only screen and (min-width: 1500px) {
.accent-orange-txt p {
padding-left: 75px;
}
.sticker {
margin: 30px -50px 10px -15px;
}
.site-width {
width: 1272px;
}
h1,
.heading--for-jumbar {
font-size: 22px;
}
h2 {
font-size: 20px;
}
.page-article {
width: 972px;
margin-right: 48px;
}
.rev-tc {
max-width: 638px;
}
}
@media only screen and (min-width: 1700px) {
.mr-20 {
margin-right: 20px;
}
}
@media only screen and (resolution: 120dpi) {
.page-sidebar .back-to-top {
margin-top: 20px;
}
.table-three > .row:not(:last-child) {
margin-bottom: 5px;
}
.table-three > .row:not(:nth-child(2)) {
margin-top: 10px;
}
.table-three .icon--full-ribbon-small {
margin-top: 24px;
margin-bottom: 12px;
}
.table-three > .row:not(:last-child)::after {
bottom: 0px;
height: 0px;
background: none;
}
.page-sidebar .widget {
margin-bottom: 10px;
}
}
/* new top3 popup */
.popup-holder {
display: none;
}
.popup-holder .note {position: relative; background: #ffffff;margin: 0 auto 15px;padding: 0 10px;color: #ff0000;border: 2px solid #E21111;}
.popup-holder .note p {margin: 10px 0; text-align: left;}
.bet365-pop-terms {
color: #b9c8d0;
bottom: -50px;
font-size: 10px;
width: 100%;
text-align: right;
line-height: 1.2;
position: absolute;
left: 0;
height: 30px;
}
.brands-container {
width: 610px;
max-width: 100%;
background: #b9c8d0;
margin: 15rem auto;
padding: 5px;
height: 315px;
}
.brands-container-notice {height: 435px;}
.brands-container.tc-apply-short::after {
color: #b9c8d0;
bottom: -15px;
font-size: 10px;
text-align: right;
}
.brands-container .close-btn {
position: absolute;
width: 35px;
height: 35px;
color: #b9c8d0;
top: -25px;
right: 0;
text-align: center;
font-size: 20px;
}
.brands-container:hover:before {
cursor: pointer;
}
.pop-box-header {
padding: 1.25rem 0 4.25rem 0;
background: #27a262;
color: #fff;
font-size: 2.15rem;
position: relative;
text-align: center;
margin-bottom: -2rem;
}
.brands-container-notice .pop-box-header {
padding: 1.25rem 0;
margin-bottom: 10px;
}
.pop-box-header:before,
.pop-box-header:after {
position: absolute;
content: "";
}
.brand-box {
width: 32.333333%;
background-color: #eaecef;
padding: 15px;
margin: 3px;
position: relative;
float: left;
border: 2px solid #27a262;
}
.brands-row:is(.one-brand-popup, .two-brands-popup) .brand-box {
width: 49%;
}
.one-brand-popup .brand-box {
float: none; margin: 3px auto;
}
.brands-row:not(.two-brands-popup) .brand-box:first-child {
left: 0;
transform: scaleY(1.05);
-webkit-transform: scaleY(1.05);
top: -6px;
border: 2px solid #ff921e;
}
.two-brands-popup .brand-box:first-child{
border: 2px solid #ff921e;
}
.brand-box .c-brand {
display: block;
margin: 0 auto 1rem;
text-indent: -9999px;
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
}
.brand-box .rating,
.brand-box .offer {
margin: 0 auto 1rem;
}
.brand-box .offer {
text-align: center;
}
.brand-box .offer span:nth-child(2):not(.prize) {
display: block;
color: #3a3a3a;
font: normal 12px "Lato", sans-serif;
text-transform: uppercase;
margin-bottom: 0.5rem;
}
@media screen and (min-width: 640px) {
.brands-row:not(.one-brand-popup, .two-brands-popup) .brand-box:nth-child(1) {
left: 33.333%;
}
.brands-row:not(.two-brands-popup) .brand-box:nth-child(2) {
left: -33.333%;
}
}
.brand-box .offer .sub-prize {
font: bold italic 1.45rem "Lato", sans-serif;
}
.brand-box .offer .prize {
font-size: 3rem;
margin: -10px 0 0;
}
.brand-box .offer .prize.fix {
margin-top: 10px;
}
.brand-box .out:focus {
outline: none;
}
.brand-box .out {
padding: 5px 10px;
margin: 0 auto;
display: table;
background-color: #27a262;
}
.brand-box:not(:first-child) .out:hover {
background: #147b45;
}
.brand-box:first-child .out, .brand-box:first-child .rating {
background-color: #ff921e;
}
.brand-box:first-child .out:hover {
background: #ffac26;
}
.brand-box .rating {
background: #27a262;
position: relative;
margin: 8px -5px 8px -15px;
padding: 5px 20px 5px 5px;
text-align: center;
color: #fff;
}
.brand-box .rating span {
font-size: 18px;
font-weight: bold;
}
.brand-box .rating:after {
content: "";
background: none;
border-bottom: 0;
width: 10px;
height: 0;
border-style: solid;
border-width: 15px 0 16px 16px;
border-color: transparent transparent transparent #eaecef;
right: -1px;
top: 0;
position: absolute;
border-radius: 0;
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
}
.brand-box .rating.sm {
display: none;
}
.brand-box .rating.lg {
display: block;
}
@media screen and (max-width: 639px) {
.bet365-pop-terms {
position: absolute;
left: 0;
padding: 0 0.5rem;
width: 100%;
}
.brands-container {
margin: 7rem auto;
width: 320px;
height: auto;
}
.pop-box-header {
font-size: 2rem;
text-align: center;
padding: 1.25rem 0 3.6rem 0;
}
.pop-box-header:after {
display: none;
}
.brand-box {
width: 100%;
float: none;
left: -3px;
padding: 5px 15px;
}
.brand-box, .brands-row.two-brands-popup .brand-box, .brands-row:not(.one-brand-popup, .two-brands-popup) .brand-box:first-child {
left: -3px;
}
.brand-box .rating.lg {
display: none;
}
.brand-box .c-brand.icon {
display: inline-block;
margin: 0 0 0 4rem;
}
.brand-box .rating.sm {
margin: 0 -5px 0 -15px;
}
.brand-box .offer span:nth-child(1) {
display: none;
}
.brand-box .offer,
.brand-box .rating.sm,
.brand-box .offer .sub-prize {
font-size: 1.25rem;
}
.brand-box .offer .prize {
font-size: 2.9rem;
}
.brands-container.tc-apply-short.casino::after {
bottom: -15px;
}
.two-brands-popup .brand-box {width: 100%;}
.brands-row.two-brands-popup .brand-box:first-child{top: -6px;}
}
.text-boxes .operators .operator-icon [class*="icon-"],
.text-boxes .casinos .provider-icon [class*="icon-"] {
background-repeat: no-repeat;
background-size: 90% 90%;
background-position: center center;
width: 100%;
height: 100%;
}
.text-boxes.providers .operator-icon [class*="icon-"],
.text-boxes .providers .provider-icon [class*="icon-"] {
background-size: 85% 86%;
}
.text-boxes .operator-icon,
.text-boxes .provider-icon {
width: 55px;
height: 57px;
text-indent: -9999px;
-webkit-box-shadow: 10px 10px 5px 0px rgb(0 0 0 / 30%);
-moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.3);
box-shadow: 4px 4px 1.5px 0px rgb(0 0 0 / 30%);
position: relative;
top: -30px;
display: inline-block;
margin-right: 2rem;
}
.text-boxes .provider-icon {
background-color: #fff;
}
.text-boxes.casinos .operator-icon {
width: 110px;
height: 50px;
border-radius: 4px;
}
.icon-yggdrasil { background: var(--icon-yggdrasil); background-color: #fff; }
.icon-betsoft { background: var(--icon-betsoft); background-color: #fff; }
.icon-playtech { background: var(--icon-playtech); background-color: #fff; }
.icon-netent { background: var(--icon-netent); background-color: #fff; }
.icon-novomatic { background: var(--icon-novomatic); background-color: #fff; }
.icon-microgaming { background: var(--icon-microgaming); background-color: #fff; }
.icon-play-n-go { background: var(--icon-playngo); background-color: #fff; }
.icon-wazdan { background: var(--icon-wazdan); background-color: #fff; }
.icon-evolution { background: var(--icon-evolution); background-color: #fff; }
.icon-pragmaticplay { background: var(--icon-pragmaticplay); background-color: #fff; }
.icon-red-tiger { background: var(--icon-red-tiger); background-color: #fff; }
.providers-icon {
width: 73px;
height: 50px;
background-repeat: no-repeat;
background-position: center;
background-color: transparent;
text-indent: -9999px;
}
.text-boxes.casinos .grid-box.grid-box--col-full {
margin-bottom: 25px;
}
.mobile-menu-container .navbar a {
width: 80%;
}
.mobile-menu-container .navbar a:after {
width: 20%;
position: absolute;
right: -48px;
}
@media only screen and (min-width: 640px) and (max-width: 800px) {
.mobile-menu-container {
right: 0;
}
}
/*Best by category table*/
.best-by-category {
margin-bottom: 35px;
}
.best-by-category tr:not(:nth-last-of-type(1)) {
border-bottom: 1px solid #dddddd;
}
.best-by-category tr td {
border: 0;
justify-content: space-between;
}
.best-by-category tr {
width: 50%;
display: flex;
align-items: center;
justify-content: space-between;
padding: 5px 10px;
}
.best-by-category tbody {
display: flex;
flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
.best-by-category tr {
width: 100%;
}
}
@media screen and (min-width: 768px) {
.best-by-category tr:nth-of-type(odd) {
border-right: 1px solid #dddddd;
}
}
/*Table bookie accent - reviews*/
.bookie-info {
margin-bottom: 35px;
width: 80%;
border: 2px solid #b9c8d0;
}
.bookie-info tr:not(:nth-last-of-type(1)) {
border-bottom: 1px solid #dddddd;
}
.bookie-info tr td {
border: 0;
justify-content: space-between;
}
.bookie-info tr td:nth-child(2) {
font-weight: bold;
color: #27a262;
}
.bookie-info tr {
width: 50%;
display: flex;
align-items: center;
justify-content: space-between;
padding: 5px 10px;
}
.bookie-info tbody {
display: flex;
flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
.bookie-info tr {
width: 100%;
}
}
@media screen and (max-width: 575px) {
.bookie-info {
width: 100%;
}
}
@media screen and (min-width: 768px) {
.bookie-info tr:nth-of-type(odd) {
border-right: 1px solid #dddddd;
}
}
table.info, table.info-criteria {width: 100%; margin: 20px auto;}
table.info-criteria {text-align:left; background-color: #fff;}
table.info-criteria td {width: 50%; border: 0;}
table.info caption {padding: 4px; font-weight: 600; margin-bottom: 5px;}
.img-text-box ol li { margin: 10px auto;}
table.info-criteria tr td {border-top: 1px solid #b9c8d0;border-right: 1px solid #b9c8d0;}
table.info-criteria tr td:first-child {border-left: 1px solid #b9c8d0;}
table.info-criteria tr:last-child td {border-bottom: 1px solid #b9c8d0;}
table.info tr td:last-child{border-right: 1px solid #b9c8d0;}
.resp-fix {overflow: auto; margin-bottom: 20px;}
.resp-fix::-webkit-scrollbar {width: 5px;height: 10px;}
.resp-fix::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px #b9c8d0;box-shadow: inset 0 0 6px #b9c8d0;}
.resp-fix::-webkit-scrollbar-thumb {background-color: #b9c8d0;}
.resp-fix + picture img {margin-top: 20px;}
.img-text-box {display: flex; align-items: center; padding: 0 10px; justify-content: space-evenly; margin: 20px auto;}
.img-text-box ul {padding: 0; margin: 0;}
@media only screen and (max-width: 991px) {
.img-text-box {flex-direction: column;}
}
div.toggle > #show, div.toggle #hide {line-height: 30px;}
.toggle > p:nth-of-type(1) {margin: 20px 0 10px;}
#panel {display: none;}
#show, #hide {cursor: pointer;color: #ff921e;margin: 5px 0;transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;background: transparent;border: none;text-align: center;}
@media screen and (min-width: 768px) {
#panel {display: block !important;margin-top: 10px;}
#show,#hide {display: none;}
}
/* List - checkmark and cross */
.ul-checks li, .ul-minuses li {position: relative;}
.ul-checks li:before, .ul-minuses li:before {display: inline-block;vertical-align: middle;width: 14px;height: 14px;margin-top: -3px;margin-right: 6px;font: 900 15px "Font Awesome 5 Free";}
.ul-checks li:before {content: "\f00c";color: #93bb80;}
.ul-minuses li:before {content: "\f00d";color: #ce1126;}
.yes-no-boxes {display: flex; margin: 0 auto 30px; justify-content: center; gap: 2%;}
.yes-no-boxes .card-content.bg-patt .card-desc {border: 1px dashed #2a640d;}
.yes-no-boxes .card-content.dark p {font-size: 90%;}
.yes-no-boxes .card {flex: 0 0 49%;}
.yes-no-boxes .card-desc {padding: 0}
.yes-no-boxes .card-title {
background: #27a262;
color: #fff;
text-align: center;
border-radius: 0.5rem 0.5rem 0 0;
text-transform: uppercase;
font-weight: bold;
padding: 0.5rem 0;
font-size: 15px;
margin: 0;
}
@media screen and (max-width: 799px) {
.yes-no-boxes {flex-direction: column;}
.yes-no-boxes .card:first-child {margin-bottom: 20px;}
}
.card-content {border: 4px;background: rgb(255 255 255 / 50%);height: 100%;width: 100%;}
.card-content .ul-checks, .card-content .ul-minuses {padding: 1rem;}
.card-content.dark-bg {color: #fff;}
.card-content .txt-right {margin-top: 14px;text-align: center;}
.card-desc {padding: 1.25rem 1.25rem 0;height: 100%;}
.card-desc p {font-size: 15px;font-weight: 400;line-height: 1.5;margin: 0px;margin-bottom: 20px;padding: 0;font-family: "Montserrat", sans-serif;}
.card-title {font: bold 18px "Nunito", sans-serif;text-align: center;margin-bottom: 1rem;}
.dark .card-desc p {color: #acacac;}
.light .card-desc p {color: #747373;}
.light-bg {
background: rgb(212, 247, 226);
background: radial-gradient(
circle farthest-corner at 10% 20%,
rgb(238 243 235) 1.1%,
rgb(200 222 184) 43.7%,
rgb(158 220 112) 89.7%
);
}
.dark-bg {
background: #426a5f;
background: radial-gradient(
circle farthest-corner at 10% 20%,
rgb(212 176 139) 1.1%,
rgb(189 141 93) 43.7%,
rgb(163 121 79) 89.7%
);
color: #fff;
}
.light-bg .card-title {border-bottom: 1px solid #426a5f;}
.dark-bg .card-title {border-bottom: 1px solid #fff;}
ul.fas-list-star li::before {
content: "\f005";
font-family: "Font Awesome 5 Free";
display: inline-block;
vertical-align: text-bottom;
width: unset;
height: unset;
background: transparent;
color: #ff921e;
font-weight: bold;
font-size: 10px;
text-align: center;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 3px;
}
ul.fas-list-star.fix li::before {
top: 2px;
}
.c-brand.icon {
width: 101px;
height: 42px;
border-radius: 4px;
background-repeat: no-repeat;
background-size: 80%;
background-position: 50%;
}
@media only screen and (min-width: 768px) {
.card-content .txt-right {text-align: right;}
table.bonus {width: 70%;}
.ul-2-col, .ul-3-col {columns: 2;-webkit-columns: 2;-moz-columns: 2;-o-columns: 2;}
}
.ul-2-col, .ul-3-col {padding-left: 25px;margin-bottom: 15px;}
:is(.ul-2-col, .ul-3-col) li {-webkit-column-break-inside: avoid-column; page-break-inside: avoid-column; break-inside: avoid-column;}
@media only screen and (min-width: 992px) {
.ul-3-col {columns: 3;-webkit-columns: 3;-moz-columns: 3;-o-columns: 3;margin-bottom: 15px;}
}
@media only screen and (min-width: 490px) and (max-width: 639px) {
.brand-about {width: 400px;}
.brand-about > div > div:last-child .title-box span:not(.fas) br {display: none;}
.brands-vs {width: 360px;}
.brand-approve .out {display: table;width: 60%;margin: 10px auto;}
.table td:first-child .rating.ribbon {left: -26px;top: 5px;}
}
@media only screen and (max-width: 639px) {
.rate-txt.rate-txt-l span {top: 5px; position: relative;}
.rate-txt.rate-txt-l span:first-child {right: 7px;}
}
.info-criteria a {background-color: transparent;color: #3fa5f1;text-decoration: none;position: relative;}s
.info-criteria a:hover { color: #ff921e;text-decoration: none;}
.last-update {text-align: end;font-size: 12px;padding: 0px 5px 10px; margin-bottom: 10px;}
.last-update a {color: #ff921e;}
.last-update a:hover {color: #b50e0e;}
.banner-discord-header {display: flex; align-items: center; gap: 2rem; margin: 0 auto 1.5rem; color: var(--discord-purple); padding: 25px; border-radius: 4px; position: relative; overflow: hidden; background: var(--icon-banner-discord-stars) 2% 35% no-repeat, linear-gradient(120deg, #ffffff calc(68% - 1px), #5964f2 68%); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;}
.banner-discord-header.fixed {position: fixed; top: 70px; left: 0; width: 100%; margin: 0; padding: 5px 10px; border-radius: 0; z-index: 2;}
.banner-discord-header:hover {cursor: pointer; filter: brightness(.9); -webkit-filter: brightness(.9);}
.banner-discord-header::after {content: ''; display: block; position: absolute; width: 250px; height: 138px; top: -23px; right: 0px;}
body.webp .banner-discord-header::after{background: url('/assets/images/banner-discord-hand.webp') no-repeat; background-size: contain;}
body.no-webp .banner-discord-header::after{background: url('/assets/images/banner-discord-hand.png') no-repeat; background-size: contain;}
.banner-discord-header [class*="column-"]{flex-grow: 0; flex-shrink: 0;}
.banner-discord-header .column-1 {flex-basis: 50%; max-width: 50%;}
.banner-discord-header .column-2 {flex-basis: 25%; max-width: 25%;}
.banner-discord-header :is(.banner-text, .banner-cta) {font-size: 20px; font-weight: bold; line-height: 1.5;}
.banner-discord-header .banner-text {text-align: left; margin: 0;}
.banner-discord-header .banner-text-highlight {background: #fbe674; padding: 0 5px; border-radius: 4px; line-height: 1.2; font-size: 21px;}
.banner-discord-header .shiny-slide { max-width: max-content; overflow: hidden;}
.banner-discord-header .banner-cta { background: #4fca13; border-radius: 6px; padding: 6px 37px; position: relative; color: #fff;}
.banner-discord-header .shiny-slide .banner-cta::after{
content:'';
top: 0;
transform:translateX(100%);
width: 100%;
height: 50px;
position: absolute;
z-index: 2;
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(128,186,232,0) 99%, rgba(125,185,232,0) 100%);
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%);
}
@keyframes shiny-slide {0% {transform: translateX(-100%);} 100% {transform: translateX(100%);}}
@media screen and (max-width: 1199px) and (min-width: 992px){
.banner-discord-header {background: var(--icon-banner-discord-stars) 2% 35% no-repeat, var(--discord-banner-gradient-63per);}
.banner-discord-header .banner-cta {padding: 6px 20px;}
.banner-discord-header :is(.banner-text, .banner-cta) {font-size: 19px;}
.banner-discord-header .banner-text-highlight {font-size: 20px;}
}
@media screen and (max-width: 1250px){.banner-containter {padding: 0 15px}}
@media screen and (max-width: 1199px){.banner-discord-header::after {top: 46%; transform: translateY(-50%); right: -40px; width: 184px; height: 100px;}}
@media screen and (max-width: 1023px){
.banner-discord-header {flex-direction: column; align-items: flex-start; gap: 1rem; padding: 10px; background: var(--icon-banner-discord-stars-mobile) 61% 40% no-repeat, var(--discord-banner-gradient-63per);}
.banner-discord-header [class*="column-"] {flex-basis: 60%; max-width: 60%;}
.banner-discord-header :is(.banner-text, .banner-cta) {font-size: 17px;}
.banner-discord-header .banner-text-highlight {font-size: 18px;}
.banner-discord-header .banner-cta {padding: 6px 10px;}
.banner-discord-header.fixed :is(.banner-text, .banner-cta) {font-size: 13px;}
.banner-discord-header .shiny-slide .banner-cta::after{animation: shiny-slide 1.5s infinite;}
}
@media screen and (min-width: 1024px) and (max-width: 1499px) {
.banner-discord-header .column-1 {flex-basis: 45%; max-width: 45%;}
}
@media screen and (max-width: 639px){
.banner-discord-header.fixed {top: 60px;}
}
@media screen and (max-width: 575px){
.banner-containter {padding: 0 10px;}
.banner-discord-header [class*="column-"] {flex-basis: 65%; max-width: 65%;}
.banner-discord-header :is(.banner-text, .banner-cta) {font-size: 15px; line-height: 1.2;}
.banner-discord-header .banner-text-highlight {font-size: 16px;}
}
@media screen and (max-width: 360px){
.banner-discord-header {background: var(--discord-banner-gradient-63per);}
.banner-discord-header :is(.banner-text, .banner-cta) {font-size: 14px;}
.banner-discord-header::after {right: -80px;}
}
@media only screen and (min-width: 1500px) {.banner-discord-header :is(.banner-text, .banner-cta) {font-size: 23px;} .banner-discord-header .banner-text-highlight {font-size: 24px;}}
/* Discord PopUp */
.discord-popup {width: 355px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); box-shadow: 0px 8px 14px #0000001A; cursor: pointer;}
.discord-popup .close-btn{position: absolute; top: 15px; left: 15px; width: 16px; height: 16px; background: center / contain no-repeat var(--icon-discord-close);}
.discord-popup-header {width: 100%; height: 175px; background: right / 90% no-repeat url('/assets/images/discord-popup.png'), var(--discord-purple); border-radius: 3px 3px 0 0;}
.webp .discord-popup-header {background: right / 90% no-repeat url('/assets/images/discord-popup.webp'), var(--discord-purple);}
.discord-popup-content{max-width: 100%; background: #fff; padding: 20px 15px; border-radius: 0 0 3px 3px;}
.discord-popup .banner-text {color: var(--discord-purple); font-size: 18px; font-weight: bold; padding: 0; margin: 0; text-align: left; position: relative; line-height: 1.4;letter-spacing: 0.5px;}
.discord-popup .banner-text > span {background: #fbe674; font-size: 22px; padding: 0 0.25rem; border-radius: 5px;}
.discord-popup .banner-text::after{content: ''; position: absolute; bottom: 0; right: 0; width: 60px; height: 45px; background: right / contain no-repeat var(--icon-discord-popup-stars);}
.discord-popup .banner-cta {width: 100%; padding: 14px 0; background: #73C63F; font-size: 24px; font-weight: bold; margin-top: 15px; border-radius: 6px; color: #fff; text-align: center;}
@media screen and (max-width: 375px){
.discord-popup {width: 95%;}
.discord-popup .banner-cta {font-size: 20px;}
.discord-popup .banner-text::after{width: 55px; height: 30px;}
}
/* Author element */
.author-box {display: flex; align-items: center; background: #e2e2e2; border-bottom: 8px solid #b9c8d0;}
.author-box a {color: #ff921e;}
.author-box a:hover {color: #b50e0e;}
.author-item {padding: 15px; max-width: 100%;}
.author-img {width: 300px; height: 200px; max-width: 100%; background: center/ contain no-repeat url('/assets/images/szollos-armand.jpg'); border-radius: 5px;}
body.webp .author-img {background: center/ contain no-repeat url('/assets/images/szollos-armand.webp');}
.author-text {line-height: 1.6;}
@media only screen and (max-width: 799px){
.author-box {flex-direction: column;}
}
.bonus-btns-wrapper {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-bottom: 3rem;
gap: 10px;
}
.bonus-btns-wrapper a.lonely {margin: 0; text-transform: initial; font-size: 16px;}
.bonus-btns-wrapper a.lonely span {display: block; font-weight: 100; text-transform: capitalize;}
@media only screen and (min-width: 576px) {
.bonus-btns-wrapper a.lonely {width: 150px; min-width: 150px;}
}
@media only screen and (max-width: 575px) {
.bonus-btns-wrapper {flex-direction: column; align-items: center;}
}
.main-table tbody tr.hidden-row{display: none;}
#showMore {display: none;}
#showMore ~ #hideBtn {display: none;}
#showMore:checked + .main-table tbody tr.hidden-row{display: table-row; transition: all 0.3s ease-in-out;}
#showMore:checked ~ #showBtn {display: none;}
#showMore:checked ~ #hideBtn {display: inline-block;}
#showMore:checked ~ #hideBtn,
label[for='showMore'] {
display: block;
width: 250px;
max-width: 100%;
text-align: center;
background: #27a262;
border-radius: 4px;
cursor: pointer;
color: #fff;
margin: 0 auto 15px;
padding: 10px 15px;
}
#showMore:checked ~ #hideBtn:hover,
label[for='showMore']:hover {
opacity: .8;
border-bottom: none;
color: #fff;
transition: all 0.3s ease-in-out;
}
@media screen and (min-width: 1024px) {
.navigation .navbar .dropdown {position: inherit;}
.navigation .navbar .dd-container {width: 100%; background: #cfd8da; top: 45px; left: 0; padding: 5px 5px 0 5px;}
.navigation .navbar .dd-container li {width: 24%; display: inline-block; margin-right: 5px; margin-bottom: 5px;}
.navigation .navbar .dd-container li a {background: #eeeeee; border-radius: 4px; padding: 7px 0 7px 0; text-align: center; color: #27a262;}
.navigation .navbar .dd-container li a:hover {background: #fff; color: #333;}
}
.icon.icon--arrow-up {background: var(--icon-arrow-curved) center/ contain no-repeat;width: 17px;height: 27px;}
.icon.icon--arrow-down {background: var(--icon-arrow-curved) center/ contain no-repeat; width: 20px; height: 23px; transform: translate(-50%, -50%) rotate(180deg); filter: invert(0.7);}
@media only screen and (max-width: 1023px) {.icon.icon--arrow-up {top: 50%; position: absolute; left: 50%; transform: translate(-50%, -50%);}}
/* New review element */
.rev-element {margin: 30px auto; border: 10px solid #b9c8d0; border-radius: 4px; display: flex;}
.rev-element .c-brand {width: 15%; height: auto; margin: 0; border-radius: 0; padding: 10px;}
.rev-element .rev-element-box {margin: 0; border-radius: 0; flex-grow: 1; padding: 10px 10px 10px 20px;}
.rev-element .brand-rating {font-size: 22px; font-weight: 600; margin: 15px 0;}
.rev-element .brand-rating span {margin-left: 10px;}
.rev-element .brand-main-info {display: flex; gap: 5%; margin-bottom: 15px;}
.rev-element .brand-feautures, .rev-element .brand-bonus {flex: 1 1 0;}
.rev-element .brand-feautures {background: #ffffff; border-radius: 4px;}
.rev-element .brand-feautures .opensans {text-transform: uppercase; margin: 10px; text-align: center; color: #fff; background-color: #b9c8d0; border-radius: 4px; padding: 3px;}
.rev-element .brand-feautures ul {font-size: 14px;}
.rev-element .brand-feautures .ph-os-wrap {margin-bottom: 10px; display: flex; justify-content: center; align-items: center; gap: 5%;}
.platforms .ph-os.icon {width: 35px; height: 35px; background-color: #3D3D3E; background-size: 80% 60%; background-repeat: no-repeat; background-position: center; border-radius: 5px;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
.platforms .ph-os.icon.none {opacity: 0.2;}
.platforms .ph-os.icon.icon--mobile-site {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 513 419'%3E%3Ccircle cx='279.273' cy='349.091' r='11.636' style='fill:%23fff' transform='translate(0 -46.545)'/%3E%3Ccircle cx='81.455' cy='418.909' r='11.636' style='fill:%23fff' transform='translate(0 -46.545)'/%3E%3Cpath d='M477.091 46.545H81.455c-19.782 0-34.909 15.127-34.909 34.909v116.364c0 6.982 4.655 11.636 11.636 11.636 6.981 0 11.636-4.655 11.636-11.636V81.455c0-6.982 4.655-11.636 11.636-11.636H477.09c6.982 0 11.636 4.655 11.636 11.636v279.273c0 6.982-4.655 11.636-11.636 11.636H197.818c-6.982 0-11.636 4.655-11.636 11.636 0 6.981 4.655 11.636 11.636 11.636h23.273v34.909c0 6.982-4.655 11.636-11.636 11.636h-11.636c-6.982 0-11.636 4.655-11.636 11.636 0 6.981 4.655 11.636 11.636 11.636h162.909c6.982 0 11.636-4.655 11.636-11.636 0-6.981-4.655-11.636-11.636-11.636h-11.636c-6.982 0-11.636-4.655-11.636-11.636v-34.909h139.636c19.782 0 34.909-15.127 34.909-34.909V81.455c-.001-19.782-15.128-34.91-34.91-34.91ZM242.036 442.182c1.164-3.491 2.327-6.982 2.327-11.636v-34.909h69.818v34.909c0 4.655 1.164 8.145 2.327 11.636h-74.472Z' style='fill:%23fff;fill-rule:nonzero' transform='translate(0 -46.545)'/%3E%3Cpath d='M453.818 302.545h-256c-6.982 0-11.636 4.655-11.636 11.636 0 6.981 4.655 11.636 11.636 11.636h256c6.982 0 11.636-4.655 11.636-11.636 0-6.981-4.654-11.636-11.636-11.636ZM128 232.727H34.909C15.127 232.727 0 247.855 0 267.636v162.909c0 19.782 15.127 34.909 34.909 34.909H128c19.782 0 34.909-15.127 34.909-34.909V267.636c0-19.781-15.127-34.909-34.909-34.909Zm11.636 197.818c0 6.982-4.655 11.636-11.636 11.636H34.909c-6.982 0-11.636-4.655-11.636-11.636V267.636c0-6.982 4.655-11.636 11.636-11.636H128c6.982 0 11.636 4.655 11.636 11.636v162.909Z' style='fill:%23fff;fill-rule:nonzero' transform='translate(0 -46.545)'/%3E%3C/svg%3E");}
.platforms .ph-os.icon.icon--googleplay {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 369 208'%3E%3Cpath d='M340.734 291.682c-8.48.002-15.356-6.872-15.358-15.352-.002-8.48 6.872-15.356 15.352-15.358 8.48-.002 15.357 6.872 15.358 15.352-.009 8.476-6.876 15.345-15.352 15.358m-169.709 0c-8.48.002-15.356-6.872-15.358-15.352-.002-8.48 6.872-15.356 15.352-15.358 8.48-.002 15.356 6.872 15.358 15.352-.007 8.476-6.875 15.347-15.352 15.358m175.216-92.488 30.684-53.146a6.385 6.385 0 1 0-11.056-6.391l-31.072 53.817c-23.76-10.845-50.446-16.884-78.92-16.884-28.475 0-55.157 6.047-78.918 16.884l-31.07-53.817a6.384 6.384 0 1 0-11.059 6.382l30.687 53.155c-52.691 28.659-88.732 82.002-94.004 145.025h368.729c-5.276-63.023-41.313-116.366-94.001-145.025' style='fill:%23fff;fill-rule:nonzero' transform='translate(-71.513 -136.463)'/%3E%3C/svg%3E");}
.platforms .ph-os.icon.icon--appstore {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 243 292'%3E%3Cpath d='M312.554 97.696a62.354 62.354 0 0 1-15.978 40.88 57.084 57.084 0 0 1-39.718 22.408l-.116.001c-3.09 0-5.633-2.543-5.633-5.633h-.08a64.07 64.07 0 0 1 16.949-41.312 65.307 65.307 0 0 1 20.648-15.496 67.418 67.418 0 0 1 17.858-6.04c.262-.04.527-.06.792-.06 2.882 0 5.253 2.37 5.254 5.252h.024Zm56.372 221.824a158.517 158.517 0 0 1-15.707 28.24 143.593 143.593 0 0 1-20.233 24.456 39.295 39.295 0 0 1-26 11.456 65.19 65.19 0 0 1-24.021-5.736 68.917 68.917 0 0 0-25.86-5.72 71.254 71.254 0 0 0-26.592 5.72 71.612 71.612 0 0 1-22.978 6.04 36.98 36.98 0 0 1-26.592-11.76 150.395 150.395 0 0 1-21.162-25.32 175.04 175.04 0 0 1-22.379-44.448A162.752 162.752 0 0 1 128 249.464a96.764 96.764 0 0 1 12.705-50.616 74.575 74.575 0 0 1 26.608-26.912 71.578 71.578 0 0 1 35.973-10.152 84.65 84.65 0 0 1 27.824 6.48 89.47 89.47 0 0 0 22.069 6.488 131.765 131.765 0 0 0 24.471-7.648 80.93 80.93 0 0 1 33.263-5.904 76.558 76.558 0 0 1 42.12 15.128 15.476 15.476 0 0 1 5.562 11.879c0 4.37-1.852 8.542-5.094 11.473a59.646 59.646 0 0 0-19.901 46.56 61.684 61.684 0 0 0 20.251 46.464 68.256 68.256 0 0 0 9.159 7.336c6.319 4.208 8.783 12.386 5.84 19.384.093.056.084.08.076.096Z' style='fill:%23fff;fill-rule:nonzero' transform='translate(-127.964 -92.444)'/%3E%3C/svg%3E");}
.rev-element .rating-item {display: flex; justify-content: space-between; padding: 10px; font-size: 18px; border-bottom: 1px solid #eee;}
.rev-element .rating-item:last-child {border-bottom: none}
.rev-element .rating-item .rating-value {font-weight: 800;}
.rev-element .brand-bonus {display: flex; flex-direction: column; justify-content: space-evenly; align-items: center;}
.rev-element .sub-prize.set-1{font-size: 22px;}
.rev-element .sub-prize.set-2{font-size: 21px; display: block;}
.rev-element .prize {font-size: 50px; line-height: 1; margin-top: -10px;}
.rev-element a.out {padding: 8px 16px; font-size: 14px; margin: 0;}
.rev-element .tc-apply {margin: 0;}
.rev-element .not-ver {font-size: 35px; font-weight: 600;}
@media screen and (max-width: 1499px) and (min-width: 768px) {
.rev-element .prize {font-size: 40px;}
.rev-element .fas-list.ul-2-col {columns: 1;}
}
@media screen and (max-width: 767px){
.rev-element {flex-direction: column;}
.rev-element .c-brand {width: 100%; height: 60px;}
.rev-element .rev-element-box {padding: 10px;}
.rev-element .prize {font-size: 30px;}
.rev-element .sub-prize.set-1 {font-size: 20px;}
.rev-element .sub-prize.set-2 {font-size: 18px;}
.rev-element .brand-bonus {gap: 10px; justify-content: center;}
.rev-element .brand-rating {margin: 10px 0 15px; font-size: 18px;}
}
@media screen and (max-width: 575px){
.rev-element .brand-rating {text-align: center; background: #fff; padding: 5px; border-radius: 4px; font-size: 16px;}
.rev-element .brand-main-info {flex-direction: column;}
.rev-element .brand-feautures {order: 1; margin-top: 20px;}
}
.font-weight-bold {font-weight: bold;}
/* Best Brands Boxes */
.brand-boxes {display: flex; flex-wrap: wrap; justify-content: center; gap: 2rem; margin-bottom: 5px;}
.brand-boxes .single-box {width: calc((100% - 4rem) / 3); max-width: 350px; background: #fff; border-radius: 4px;}
.brand-boxes .single-box a.c-brand {width: 100%; padding: 10px; border-radius: 4px 4px 0 0; border-bottom: 1px solid #b9c8d0;}
.brand-boxes .single-box .brand-rating {display: flex; justify-content: space-between; align-items: center; width: 80%; margin: 10px auto 0; border-bottom: 1px solid #b9c8d0;}
.brand-boxes .single-box .brand-rating .rating-score {font-weight: 900; font-size: 2rem; color: #27a262; font-family: "Lato-Bold", sans-serif;}
.brand-boxes .single-box .brand-name {margin: 0; font-size: 18px; font-weight: bold;}
.brand-boxes .single-box .brand-bonus {margin-top: 10px; text-align: center; min-height: 120px; display: flex; flex-direction: column; justify-content: center;}
.brand-boxes .single-box .brand-bonus .bonus-after {color: #27a262;}
.brand-boxes .single-box .brand-cta a {display: block; margin: 10px auto 20px; width: 80%; padding: 10px;}
@media screen and (max-width: 1499px) {
.brand-boxes .single-box {width: calc((100% - 2rem) / 2);}
.brand-boxes.odd-num {flex-direction: column; align-items: center;}
.brand-boxes.odd-num .single-box {width: 100%;}
}
@media screen and (max-width: 575px) {
.brand-boxes .single-box {width: 100%;}
}
/* CTA logo btns */
.logo-btns { display: flex; gap: 5px; justify-content: center; margin-bottom: 20px; }
.logo-btns .single-btn { width: calc((100% - 10px) / 3); display: flex; justify-content: center; align-items: center; background-color: #fff; border-radius: 4px; }
.logo-btns .logo { display: flex; justify-content: center; align-items: center; width: 35%; height: 100%; padding: 15px; background-color: #f7f7f7; border-radius: 4px 0 0 4px; }
.logo-btns .logo-name { width: 65%; text-align: center; font-weight: bold; }
.logo-btns [class*="icon--"] { display: block; text-indent: -9999px; background-repeat: no-repeat; background-size: contain; background-position: center center; width: 100%; height: 40px; }
@media screen and (max-width: 767px) {
.logo-btns { flex-direction: column; align-items: center; }
.logo-btns .single-btn { width: 100%; max-width: 300px; }
}
/* Testimonials */
.testimonials { display: flex; gap: 10px; justify-content: center; margin-bottom: 20px; }
.testimonials .single-testimonial { width: calc((100% - 20px) / 3); background-color: #ffffff; padding: 20px 10px; border-radius: 4px; text-align: center; }
.testimonials .user-image { width: 100px; height: 100px; border-radius: 50%; text-indent: -9999px; margin: 0 auto 10px; background-position: center; background-size: contain; background-repeat: no-repeat; }
.testimonials .user-name { margin-bottom: 5px; font-weight: bold; }
.testimonials .rating-stars { margin-bottom: 10px; }
.testimonials blockquote { font-style: italic; font-size: 14px; color: #6D6D6D; }
.user-image.kiraly-albert { background-image: url('/assets/images/kiraly-albert.jpg'); }
.user-image.mate-benedek { background-image: url('/assets/images/mate-benedek.jpg'); }
.user-image.vaszoly-noel { background-image: url('/assets/images/vaszoly-noel.jpg'); }
body.webp .user-image.kiraly-albert { background-image: url('/assets/images/kiraly-albert.webp'); }
body.webp .user-image.mate-benedek { background-image: url('/assets/images/mate-benedek.webp'); }
body.webp .user-image.vaszoly-noel { background-image: url('/assets/images/vaszoly-noel.webp'); }
.rating-stars,.rating-stars > span { display: block; background: var(--icon-rating-stars) no-repeat; height: 25px; }
.rating-stars { margin: 0 auto;background-position: 0 0;width: 125px; transform: scale(.8); -webkit-transform: scale(.8); }
.rating-stars > span { width: 0;background-position: 0 -30px; text-indent: -9999px; }
@media screen and (max-width: 767px) {
.testimonials { flex-direction: column; }
.testimonials .single-testimonial { width: 100%; }
}
.info-box { background: rgb(255 255 255 / 50%); text-align: center; margin: 10px auto; padding: 10px; border: 1px solid #e2e2e2; border-radius: 5px; border-left: 2px solid #cccccc; }