* {margin: 0;padding: 0;}
body { background:#0e0a01; color:#272727; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:150%; min-width:440px;}
h2, h3, h4, h5, h6 {color:#E9E9E9; font-family:Arial, Helvetica, sans-serif; font-size: 14px;}
a {color:#ffffff;font-weight: bold;text-decoration: none;}
ul, ol {line-height: 125%;list-style: none outside none;}
img {border: medium none;}
table {border-collapse:collapse; font-size:1rem; line-height:normal;}
.clear{clear:both;}
.noMarg {margin:0!important;}
.noPad {padding:0!important;}
.noBord {border:none;}
.noMR{margin-right:0!important;}
.mt0{margin-top:0!important;}
.mt05{margin-top:0.5rem!important;}
.mt10{margin-top:1rem!important;}
.mt15{margin-top:1.5rem!important;}
.mt20{margin-top:2rem!important;}
.mb0{margin-bottom:0!important;}
.mb05{margin-bottom:0.5rem!important;}
.mb10{margin-bottom:1rem!important;}
.mb15{margin-bottom:1.5rem!important;}
.mb20{margin-bottom:2rem!important;}
.margLR {margin-left:1.5rem!important; margin-right:1.5rem!important;}
.pt0 {padding-top: 0!important;}
.pt05 {padding-top:0.5rem!important;}
.pt10 {padding-top:1rem!important;}
.pt15 {padding-top:1.5rem!important;}
.pt20 {padding-top:2rem!important;}
.pb0{padding-bottom:0!important;}
.pb05{padding-bottom:0.5rem!important;}
.pb10{padding-bottom:1rem!important;}
.pb15{padding-bottom:1.5rem!important;}
.pb20{padding-bottom:2rem!important;}
.fullwidth, .fullwidth p {width:100%!important;}
.w75 {width:75%!important;}
.w80 {width:80%!important;}
.mbneg15 {margin-bottom:-1.5rem!important;}

.top h1{font-size: 20px;color: white;font-weight: bold;display: block;line-height: 110%;text-transform: uppercase;padding-bottom:20px;}
strong.title {font-size: 20px;color: white;font-weight: bold;display: block;line-height: 110%;padding: 20px 0;text-transform: uppercase;}
.title a{color:gold;}
.title p{color:#FFFFFF;font-size: 12px;margin-bottom: 20px;text-align: justify;font-weight:normal;}

#wide{ background:#ada17b url(/images/bg/casinogamesonnet_hd1.jpg) no-repeat; background-attachment:scroll; background-position:center top;}
#container{background-color:#2b2b2b; margin:0 auto; width:1024px;}
#context{ background:#2b2b2b; padding:0 0 20px 0; position:relative; width:1024px;}
a:hover.back-home span{ display:block; text-decoration:none;}

.noShow {  display:none;}

.flex-row { display:flex; flex-flow:row wrap; justify-content:space-between;}
.flex-col { display:flex; flex-flow:column; justify-content:space-between;}

title-box {display:flex; flex-flow:row nowrap; justify-content:space-between; margin:0 auto; padding:0; width:1020px;}
.startHeadline { color:white !important; float:left; font-size:1.3rem !important; font-weight:900 !important; line-height:1.3rem !important; margin:0 0 0.7rem !important; padding:0 !important; text-transform:uppercase !important; width:fit-content;}
.MGL { float:right; font-size:13px; line-height:22px; font-weight:bold; color:white; text-decoration:underline; text-transform:uppercase; padding:0.2rem 0 0;}
.MGL a { color:white !important;}
.Sort { color:white; float:right; font-size:0.9rem; font-weight:bold; line-height:22px; padding:0.2rem 0 0; text-transform:uppercase;}
.Sort a { color:white !important; font-weight:500;}

span.totop {display:flex; justify-content:end; margin:0 auto; padding:0; width:1024px;}
span.totop a { background:url(https://casinogamesonnet.com/images/btntop.webp) no-repeat; background-position:5.2rem 0.1rem; background-size:20px; float:right; font-size:0.9rem; padding:0.2rem 0 0; width:105px;}

.headsChristmas { border-bottom:3px solid #FF2424 !important; margin-bottom:1rem !important;}
.startHeadlineChristmas { color:#FF2424 !important;}
.Christmas { box-shadow:0 0 3px 2px #FF2424 !important; padding:3px !important;}
.headsHalloween { border-bottom:3px solid #ff7423 !important; margin-bottom:1rem !important;}
.startHeadlineHalloween { color:#ff7423 !important;}
.Halloween { box-shadow:0 0 3px 2px #ff7423 !important; padding:3px !important;}
.headsStPatrick { border-bottom:3px solid limegreen !important; margin-bottom:1rem !important;}
.startHeadlineStPatrick { color:limegreen !important;}
.StPatrick { box-shadow:0 0 3px 2px limegreen !important; padding:3px !important;}
.headsEaster { border-bottom:3px solid yellow !important; margin-bottom:1rem !important;}
.startHeadlineEaster { color:yellow !important;}
.Easter { box-shadow:0 0 3px 2px yellow !important; padding:3px !important;}

.Button { background-color:#FC0; border:none; border-radius:0.2rem; color:#000; font-size:0.8rem; font-weight:900; margin:0 auto; padding:0.4rem 0.8rem; text-transform:uppercase; width:70%;}
.Button:hover { background-color:#E8BA00; text-decoration:none;}
.deact { background-color:#b7a870; border:none; border-radius:0.2rem; color:#000; cursor:not-allowed; font-size:0.8rem; font-weight:900; margin:-7px auto 0; padding:0.4rem 0.8rem; text-transform:uppercase; width:85%;}
.marg { margin:10px 0 0;}

/* header start */

#head {background-color:#000; min-width:1068px; width:100%;}

#header {display:flex; flex-flow:row wrap; justify-content:space-between; line-height:normal; margin:0 auto; padding:1rem 0; width:1020px;}
#header .logo {width:200px;}
#header .logo img {aspect-ratio:200/56; border:none; height:auto; max-width:200px; width:100%;}
#header .logo.christmas img {aspect-ratio:200/66;}
#header .logo.halloween img {aspect-ratio:210/56;}
	
#social { display:flex; position:absolute; right:2px; top:84px; margin:0;}
#social img { border-radius:0.2rem; width:112px;}

#middle {align-self:center; display:flex; flex-flow:column; gap:1rem; width:300px;}
#news { float:left; width:300px; height:40px; margin:10px 0 0 0;}
#news span { color:#FC0; font-size:16px; font-weight:bold;}
#news .headline { color:#FFF; font-size:12px; line-height:14px; font-weight:bold; display:block;}

#searchbox{ background:#FFF; border-radius:0.2rem; display:flex; margin:0; width:100%;}
#searchbox form {width:100%;}
#q { background:#FFF; border:none; border-radius:0.2rem; color:#999; font-size:14px; padding:0.4rem 0.5rem; margin:0; outline:none; width:calc(100% - 1rem);}

#rightbanner {align-items:center; display:flex;}
#rightbanner .banner-top {aspect-ratio:468/60; border:none; border-radius:0.2rem; height:auto; max-width:468px; width:100%;}
.language-box {align-items:center; display:flex; gap:1rem; justify-content:center; width:100%;}
.language-box a { text-transform:uppercase;}
.language-box img.country { border-radius:0.2rem; height:18px; width:36px;}

#translate { position:absolute; right:0; top:82px;}
#translate .droplist { color:#FC0; background-color:#000; border-color:#FC0; outline:none; padding:2px;}
#translate a.gflag { vertical-align:middle; font-size:24px; padding:2px 0 0 0; background-repeat:no-repeat; background-image:url(//gtranslate.net/flags/24.png);}
#translate a.gflag img { border:0;}
#translate a.gflag:hover { background-image:url(//gtranslate.net/flags/24a.png);}

/* header end */

/* menu start */

#nav {background-color:#FC0; min-width:1068px; width:100%;}
.toggle, [id^=drop] {display:none;}
nav {margin:0 auto; padding:0; width:1020px;}
nav:after {content: ""; display:table; clear:both;}
nav a {display:block; padding:1px 13px 0; color:#000; font-size:12px; font-weight:700; line-height:31px; text-transform:uppercase; text-decoration:none;}
nav a:hover {background-color:#FFD944; text-decoration:none;}
nav ul {padding:0; margin:0; list-style:none; position:relative;}
nav ul li {margin:0; background-color:#FC0; display:inline-block;}
nav ul ul {background-color:#FC0; display:none; position:absolute; top:30px; z-index:10;}
nav ul li:hover > ul {display:inline-block;}
nav ul ul li {width:180px; float:none; display:list-item; position:relative;}
nav ul li ul li:hover {background:#FFD944;}
nav ul ul li a {font-weight:700; line-height:26px; padding:2px 10px; text-transform:none;}
nav ul ul ul {background-color:#FC0; left:180px; padding:8px 5px; top:-30px;}
nav ul ul ul li a {line-height:normal; padding:6px;}
.col-3 {column-count:3; column-gap:0;}
.col-4 {column-count:4; column-gap:0;}
.subleft {right:0;}
.subtext li a {padding:5px 12px; line-height:14px;}
.subshort li {width:160px;}
nav .christmas {color:#FF0004;}

#nav-country {background-color:#334e5d; border-top:1px solid grey; color:#FFF; min-width:1068px; width:100%;}
#nav-country div {display:flex; flex-flow:row wrap; margin:0 auto; padding:0.4rem 0 0.4rem 1.5rem; width:1020px;}
#nav-country span {display:flex; font-size:0.8rem; font-weight:600; gap:0.3rem; margin-right:0.7rem;}
#nav-country span img {border-radius:0.2rem; height:18px; width:36px;}
#nav-country ul {align-self:center; display:flex; flex-flow:row wrap; gap:1.5rem; padding:0.1rem 0 0;}
#nav-country ul li a {color:#f3f3f3;}
#nav-country ul li a:hover {text-decoration:underline;}

/* menu end */



#body{overflow:hidden; position:relative; z-index:3; width:100%; padding:0;}
#body .title{border-top:1px solid white; font-size:20px; color:#FFFFFF; font-weight:bold; display:block;padding-top:20px;}
#body .title table{font-size:14px;}

l-sect {background-color:#2e373f; display:block; min-width:1068px; padding:2rem 0; width:100%;}
d-sect {background-color:#1a1f24; display:block; min-width:1068px; padding:2rem 0; width:100%;}
g-sect {background-color:#242a32; display:block; min-width:1068px; padding:2rem 0; width:100%;}

page-nav {color:#FC0; display:flex; flex-flow:row wrap; gap:0.5rem; font-size:0.9rem; font-weight:500; justify-content:center; margin:1rem auto 0; width:1020px;}
page-nav a {font-weight:500;}

.lcas {background-color:#334e5d; border:1px solid #232323; border-radius:0.2rem; display:none; flex-flow:column; gap:0.6rem; text-align:center; position:fixed; padding:5px; top:40px; width:118px;}
.lcas div {color:#FFF; font-weight:800;}
.lcas-cont {background-color:#111; border-radius:0.2rem; flex-basis:100%; padding:5px;}
.lcas-cont img {height:47px; width:108px;}

@media all and (min-width: 1308px) {
  .lcas {display:flex; right:89.8%;}
}
@media all and (min-width: 1340px) {
	.lcas {right:89.3%;}
}
@media all and (min-width: 1370px) {
	.lcas {right:89%;}
}
@media all and (min-width: 1410px) {
	.lcas {right:88.2%;}
}
@media all and (min-width: 1470px) {
	.lcas {right:86.6%;}
}
@media all and (min-width: 1670px) {
	.lcas {right:86%;}
}

/* homepage promo block start */

#homepageTop {height:200px; margin:0 auto; padding:2rem 1.5rem; width:1020px;}

#slideshow, #slideshowpromo { margin:0; position:relative; width:100%; height:200px; padding:0;}
#slideshow > div, #slideshowpromo > div { position:absolute; margin:0;}

#LeftLogo {float:left; background-size:cover!important; background-position:center!important; width:340px; height:200px; box-shadow:inset 0px 0px 2px 2px black;}

#RightScreen {float:left; background-size:cover!important; background-position:center!important; width:684px; height:200px; text-align:center; opacity:0.85; position:absolute; margin-left:340px; box-shadow:inset 0px 0px 2px 2px black;}
#RightScreen img.left {float:left;}
	
#RightText {position:relative; margin-left:358px; height:200px; width:600px; text-align:center; z-index:1;}
#RightText span {color:#FFF; display:inline-block; padding-top:20px; padding-left:50px; font-size:16px; font-weight:bold; text-shadow:2px 2px 4px black;}	
#RightText span.game {color:#FFF; display:inline-block; font-size:28px; font-weight:bold; padding-top:35px; padding-left:50px; text-shadow:2px 2px 4px black; line-height: 28px;}

promo-block {border-radius:0.2rem; display:block; height:350px; margin:0 auto; padding:0; width:1022px;}

#promo {height:350px; margin:0 auto; padding:0; width:1022px;}
.wrapper {display:flex; flex-flow:row wrap; justify-content:space-between; padding:1rem 0; width:100%;}
.promo-text {background-color:rgba(0,0,0,0.60); border-radius:0.3rem; box-shadow: 0 2px 4px 0 #333; margin:0 0 0 1rem; padding:0.6rem 1rem; width:270px;}
.promo-text h1 {color:#FFF; font-size:1.3rem; font-weight:900; line-height:1.4rem; margin:0;}
.promo-text p {color:#FFF; font-size:0.9rem; margin: 0.5rem 0;}
.promo-link {display:block; height:auto; width:360px;}
.promo-casino {background-color:rgba(0,0,0,0.60); border-radius:0.3rem; box-shadow:0 2px 4px 0 #333; margin:0 1rem 0 0; padding:1rem; width:270px;}
.promo-casino span {color:rgb(255, 255, 255); display:block; font-size:1.2rem; font-weight:900; line-height:1.3rem; text-align:center; text-shadow:rgb(0, 0, 0) 0 0 5px; margin:0 0 1rem;}
.promo-casino-box {display:flex; flex-direction:column; gap:1rem; margin:0 auto; width:100%;}
.promo-casino-box img {aspect-ratio:230/100; height:auto; margin:0 auto; max-width:230px; width:100%;}
.promo-casino-box p {color:rgb(255, 255, 255); font-size:1.3rem; font-weight:900; line-height:1.3rem; margin:0; text-align:center; text-shadow:rgb(0, 0, 0) 0 0 5px; width:100%;}
.promo-casino-box div {display:flex; flex-basis:100%; gap:0.5rem; text-align:center;}
.promo-btn {font-size:0.7rem; margin:0; padding:0.4rem; width:122px;}

/* homepage promo block end */

.startpage, .casinopage, .slotslistpage, .casinoreviewpage, .bonuspage, .casinogames { display:flex; flex-flow:row wrap; justify-content:space-between; width:100%;}

#homepageIntro { background:#111; color:#D5D5D5; display:none; text-align:center; padding:2rem 8rem;}
#homepageIntro h1 { display:inline-block; font-size:2rem; font-weight:bold; margin:0 0 1rem;}
#homepageIntro p { font-size:1rem; line-height:1.2rem; margin:0.5rem 0;}

#heads { flex-basis:100%; display:flex; flex-flow:row nowrap; justify-content:space-between; margin:0;}

#homepagelist { display:flex; flex-flow:row wrap; justify-content:space-between; margin:0 auto; padding:0 1.5rem; width:1020px;}
#homepagelist2 { float:left; display:flex; flex-flow:row wrap; justify-content:flex-start;}

.colored { background:#435155!important; margin:0!important; padding:1.5rem;}

.grid3, .grid4, .grid5 { display:grid!important; gap:1rem 0.8rem; width:100%;}
.grid3 { grid-template-columns:1fr 1fr 1fr;}
.grid4 { grid-template-columns:1fr 1fr 1fr 1fr;}
.grid5 { grid-template-columns:1fr 1fr 1fr 1fr 1fr;}
.grid3 li, .grid4 li, .grid5 li { display:flex; margin:0; width:100%;}

text-box {display:block; margin:0 auto; padding:0; width:1020px;}
text-box p { color:#D5D5D5; font-size:16px; line-height:20px; margin:0.5rem 0;}
text-box p.intro { font-size:18px; font-weight:bold;}
text-box h1 { color:#E9E9E9; display:block; font-size:1.6rem; font-weight:bold; line-height:1.6rem; margin:0 0 0.5rem; padding:0;}
text-box h2.h1 { color:#E9E9E9; display:block; font-size:1.6rem !important; line-height:1.6rem;}
text-box h2 { color:#E9E9E9; display:block; font-size:1.5rem; font-weight:bold; line-height:1.5rem; margin:1.5rem 0 0.5rem; padding:0;}
text-box h3 { color:#E9E9E9; display:block; font-size:1.4rem; font-weight:bold; line-height:1.4rem; margin:1.5rem 0 0.5rem; padding:0;}
text-box h4 { color:#E9E9E9; display:block; font-size:1.2rem; font-weight:bold; line-height:1.2rem; margin:1.5rem 0 0.5rem; padding:0;}
text-box ul { color:#D5D5D5; display:flex; flex-flow:column; gap:0.5rem; list-style:none; margin:1rem 0;}
text-box ul li { background-image:url(../images/list-yellow.webp); background-position:0 4px; background-repeat:no-repeat; background-size:10px; font-size:16px; line-height:20px; padding:0 0 0 1.4rem;}
text-box a { color:#FFF9DC;}
text-box .rev-head-img {aspect-ratio:900/350; height:auto; margin:1rem 0 0; max-width:900px; width:100%;}
text-box span.sm { color:#E9E9E9; display:inline-block; font-weight:bold; margin:10px 0 5px; width:100%;}
text-box span.sm a img { vertical-align: text-bottom; width:20px;}
text-box span.revAuth { font-weight:700;}
p.example { font-style:italic;}

text-box img.rsmall {float:right; height:auto; margin:0 0 0 20px; width:180px;}
text-box .clip { display:block; width:700px; height:391px; background:#111; border:4px solid #111; margin: 20px 0 10px; outline:none;}
text-box .clip2 { display:block; width:700px; height:auto; background:#111; border:4px solid #111; margin: 20px 0 10px; outline:none;}
text-box .clip iframe { width:100%; height:100%;}

#Textbox { margin:0 auto; overflow:auto; padding:0; width:1020px;}
#Textbox p { color:#D5D5D5; font-size:16px; line-height:20px; margin:0.5rem 0; width:80%;}
#Textbox p.intro { font-size:18px; font-weight:bold;}
#Textbox h1 { color:#E9E9E9; display:block; font-size:1.6rem; font-weight:bold; line-height:1.6rem; margin:0 0 0.5rem; padding:0;}
#Textbox h2.h1 { color:#E9E9E9; display:block; font-size:1.6rem !important; line-height:1.6rem;}
#Textbox h2 { color:#E9E9E9; display:block; font-size:1.5rem; font-weight:bold; line-height:1.5rem; margin:1.5rem 0 0.5rem; padding:0;}
#Textbox h3 { color:#E9E9E9; display:block; font-size:1.4rem; font-weight:bold; line-height:1.4rem; margin:1.5rem 0 0.5rem; padding:0;}
#Textbox h4 { color:#E9E9E9; display:block; font-size:1.2rem; font-weight:bold; line-height:1.2rem; margin:1.5rem 0 0.5rem; padding:0;}
#Textbox ul { color:#E9E9E9; display:flex; flex-flow:column; gap:0.5rem; list-style:none; max-width:80%; width:80%;}
#Textbox ul li { background-image:url(../images/list-yellow.webp); background-position:0 2px; background-repeat:no-repeat; background-size:14px; font-size:16px; line-height:20px; margin:1rem 0 0; padding:0 0 0 1.4rem;}
#Textbox a { color:#FFF9DC;}
#Textbox .rev-head-img {aspect-ratio:900/350; height:auto; margin:1rem 0 0; max-width:900px; width:100%;}
#Textbox span.sm { color:#E9E9E9; display:inline-block; font-weight:bold; margin:10px 0 5px; width:100%;}
#Textbox span.sm a img { vertical-align: text-bottom; width:20px;}
#Textbox span.revAuth { font-weight:700;}
p.example { font-style:italic;}

#Textbox img.rsmall {float:right; height:auto; margin:0 0 0 20px; width:180px;}
#Textbox .clip { display:block; width:700px; height:391px; background:#111; border:4px solid #111; margin: 20px 0 10px; outline:none;}
#Textbox .clip2 { display:block; width:700px; height:auto; background:#111; border:4px solid #111; margin: 20px 0 10px; outline:none;}
#Textbox .clip iframe { width:100%; height:100%;}

ul.about-contact { display:flex; flex-direction:column; gap:1rem; list-style-type:none !important; margin:1.5rem 0 !important;}
.about-contact li { background-image:none !important; margin:0 !important; padding:0 !important;}	
.about-contact li img { margin:0 0.4rem 0 0; max-width:30px; width:30px; vertical-align:middle;}	

.padfix { padding:0 20px 120px !important;}

ul.list-numbers {background-color:#2f3743; border-radius:4px; list-style-type:decimal!important; margin:1rem 0!important; padding:1rem 1.5rem; width:fit-content!important;}
ul.list-numbers li {background-image:none!important; margin:0 0.6rem!important; padding:0!important;}

form.sh-text {display:inline;}
.sh-text span {display:inline-block; font-size:0.9rem; font-weight:900; text-decoration:underline;}
.sh-text span.more {margin:6.25rem 0 0 -9.5rem; position:absolute;}
.sh-text input {display:none;}
.sh-text label span {cursor:pointer;}
p#showhide {display:none;}
input#show:checked ~ p#showhide {display:block;}
input#hide:checked ~ p#showhide {display:none;}

.index-more-label {background-color:#FC0; border-radius:0.2rem; color:black; cursor:pointer; display:flex; font-size:1rem; font-weight:800; justify-content:center; margin:0 auto 1rem; padding:0.8rem 0; text-transform:uppercase; width:10rem;}
.index-read-more {display:none;}
.index-read-more:checked + .indexmore {display:block;}
.indexmore {display:none; flex-basis:100%; margin:0; padding:0;}

slots-nav, bonus-nav, casino-nav {display:flex; flex-flow:row nowrap; margin:0 0 1rem; overflow:hidden;}
a.show-all {color:white; font-size:13px; font-weight:bold; line-height:22px; position:absolute; right:0.1rem; text-decoration:underline; text-transform:uppercase; top:-2.1rem;}

.tabs, .tabsbonus, .tabscasinos {align-items:center; background-color:#111; border-radius:0.2rem; display:flex; flex-flow:row wrap;}
.tab, .tabbonus, .tabcasinos {border-radius:0.2rem; color:#FFF; cursor:pointer; font-size:0.9rem; font-weight:900; padding:0.4rem 0.8rem; text-transform:uppercase;}
.tab.active, .tabbonus.activebonus, .tabcasinos.activecasinos {background-color:#FC0 !important; border-radius:0.4rem; color:#111;}
.tab-content, .tabbonus-content, .tabcasinos-content {display:none; margin:0 auto; position:relative; width:1020px;}
.tab-content.active, .tabbonus-content.activebonus, .tabcasinos-content.activecasinos {display:block;}
.tab.christmas {background-color:#e00000d9 !important;}
.tab.halloween {background-color:#F56300 !important;}

bonus-list {display:grid; gap:1rem 0.8rem; grid-template-columns:1fr 1fr 1fr 1fr; margin:0 auto; width:1020px;}
bonus-box {background:#111; border:4px solid #111; border-radius:0.2rem; display:flex; flex-flow:column; gap:1rem; padding:0 0 0.7rem; text-align:center;}
bonus-box div {align-self:center; display:flex; position:relative;}
bonus-box.FirstDeposit, bonus-div.FirstDeposit {border:4px solid #4446a0 !important; border-top:none !important;}
bonus-box.NoDeposit, bonus-div.NoDeposit {border:4px solid #a04444 !important; border-top:none !important;}
bonus-box.HighRoller, bonus-div.HighRoller {border:4px solid #a09d44 !important; border-top:none !important;}
bonus-box.MidRoller, bonus-div.MidRoller {border:4px solid #a09d44 !important; border-top:none !important;}
bonus-box.Cashback, bonus-div.Cashback {border:4px solid #9f44a0 !important; border-top:none !important;}
bonus-box.WelcomePackage, bonus-div.WelcomePackage {border:4px solid #449FA0 !important; border-top:none !important;}
bonus-box.TopExc, bonus-div.TopExc {border:4px solid #46a044 !important; border-top:none !important;}
bonus-box.NoBonus span.BAmount {flex-basis:6.75rem;}
bonus-box img.c-logo {aspect-ratio:230/100; border-radius:0.2rem; height:auto; margin:0 0.7rem; max-width:230px; width:calc(100% - 1.4rem);}
bonus-box .Flag {border-radius:0.2rem; box-shadow:0 0 3px 0px #111; height:18px; position:absolute; right:0.9rem; top:0.2rem; width:36px;}
bonus-box .bonusterms {color:#ECECEC; cursor:pointer; display:block; margin:0; text-decoration:underline;}
bonus-box .bonusterms .termstext {background-color:#000; border:1px solid #FC0; border-radius:0.2rem; bottom:100%; color:#FFF; cursor:auto; display:flex; flex-flow:column; gap:0.7rem; left:50%; margin-left:-98px; padding:5px; position:absolute; text-align:center; visibility:hidden; width:186px; z-index:99;}
bonus-box .bonusterms .wider {width:210px; margin-left:-110px;}
bonus-box .bonusterms:hover .termstext {visibility:visible;}
bonus-box .termstext .termsbutton {background-color:#FC0; border-radius:0.2rem; color:#000; display:block; height:28px; font-size:14px; line-height:28px; text-decoration:none; width:70%; margin:0 auto 0.2rem;}

casino-list {display:grid; gap:1rem 0.8rem; grid-template-columns:1fr 1fr 1fr 1fr; margin:0 auto; width:1020px;}
casino-box {background:#111; border:4px solid #111; border-radius:0.2rem; display:flex; flex-flow:column; gap:1rem; text-align:center;}
casino-box .Logo {display:flex; position:relative;}
casino-box .c-logo {aspect-ratio:230/100; border:none; border-radius:0.2rem; height:auto; margin:0 auto; width:100%;}
casino-info {color:#ECECEC; display:flex; flex-flow:row wrap; font-size:0.8rem; gap:0.5rem 1rem; justify-content:space-evenly; margin-bottom:auto;}
casino-info p {padding:0 0.5rem;}

.Names {color:#FC0; display:block; font-size:1.1rem; font-weight:bold;}
casino-box .Flag {aspect-ratio:36/18; border-radius:0.2rem; box-shadow:0 0 3px 0px #111; height:auto; position:absolute; top:0.2rem; right:0.2rem; width:36px;}
img.Rate {aspect-ratio:200/36; display:block; height:auto; margin:0 auto; max-width:160px; width:100%;}

#BonusBox { background:#111; display:flex; flex-flow:column; gap:1rem; justify-content:flex-end; margin:0; padding:0 0 0.7rem; text-align:center; width:100%;}

span.BonusType {color:#FFF; flex-basis:100%; font-size:0.8rem; font-weight:600; justify-content:center; padding:0.2rem 0 0.1rem; text-transform:uppercase;}
span.FirstDeposit {background:#4446a0;}
span.TopExc {background:#46a044;}
span.NoDeposit {background:#a04444;}
span.HighRoller {background:#a09d44;}
span.MidRoller {background:#a09d44;}
span.Cashback {background:#9f44a0;}
span.WelcomePackage {background:#449FA0;}
span.NoBonus {background:#000;}
.BAmount {color:#FC0; display:block; flex:0 0 2.4rem; font-weight:bold; font-size:1.2rem; line-height:1.2rem; margin:0;}
.BAmount a {color:#FC0;}
span.BType {color:#FFF; font-weight:bold; font-size:1rem; margin:0;}
span.BCode, span.BCountries, span.BMinDep, span.BWager {color:#ECECEC; display:block; font-size:0.8rem; font-weight:normal; position:relative; width:100%;}
.bInfo {color:#FC0; display:block; font-size:0.8rem; font-weight:900;}

slot-list {display:grid; gap:1rem 0.8rem; grid-template-columns:1fr 1fr 1fr 1fr; margin:0 auto; width:1020px;}
slot-box-small {background:#111; border-radius:0.2rem; display:flex; flex-flow:column; gap:0.7rem; justify-content:space-between; padding:4px; position:relative;}
slot-image {position:relative; width:100%;}
slot-image img {aspect-ratio:360/240; border-radius:0.2rem; display:block; height:auto; width:100%;}
slot-name {color:white; font-size:14px; font-weight:bold; margin:0; text-align:center;}
slot-info {display:flex; flex-flow:row nowrap; gap:4px; justify-content:space-around;}
slot-info div {background-color:#2e373f; border-radius:0.2rem 0.2rem 0 0; color:#FFF; padding:0.2rem 0 0; text-align:center; width:50%;}
slot-info span {color:#FC0; font-weight:600;}
game-provider {background:#1020299e; border-radius: 0 0.2rem 0 0; bottom:0; color:white; font-size:12px; font-weight:600; left:0; padding:0.2rem 0.4rem; position:absolute; margin:0;}
.christmas slot-box-small {box-shadow:0 0 8px 1px #e00000d9;}
.halloween slot-box-small {box-shadow:0 0 8px 1px #F56300;}

provider-list {display:grid; gap:1rem; grid-template-columns:1fr 1fr 1fr 1fr; margin:0 auto; width:1020px;}
provider-box {align-items:center; background:#111; border-radius:0.2rem; display:flex; height:120px; justify-content:center; padding:0.5rem;}
provider-box img {display:block; margin:0 auto; max-height:80px; max-width:80%;}

payment-methods {display:grid; gap:1rem; grid-template-columns:1fr 1fr 1fr 1fr; margin:0 auto; width:1020px;}
payment-box {align-items:center; background:#111; border-radius:0.2rem; display:flex; height:120px; justify-content:center; padding:0.5rem;}
payment-box img {display:block; margin:0 auto; max-height:80px; max-width:80%;}

review-list {display:grid; gap:1rem 0.8rem; grid-template-columns:1fr 1fr 1fr; margin:0 auto; width:1020px;}
review-div {background-color:#111; border-radius:0.2rem; color:#E9E9E9; display:flex; flex-direction:column; gap:1rem; padding:4px; text-align:center;}
review-div img {aspect-ratio:300/117; border:none; border-radius:0.2rem; height:auto; margin:0 auto; width:100%;}
review-div .nTitle { display:block; font-size:16px; height:26px; margin:0;}
review-div .nDate { display:block; font-size:14px; color:#C0C0C0; margin:0;}
review-div .nText { flex:0 0 5rem; margin:0;}
review-div .nText p.intro { font-size:14px; line-height:20px;}

guide-list {display:grid; flex-flow:row wrap; gap:2rem; grid-template-columns:1fr 1fr 1fr; margin:0 auto; padding:0 1.5rem; width:1020px;}
guide-box {background-color:#111; border-radius:0.2rem; color:#fff; display:flex; flex-direction:column; gap:0.7rem; text-align:center; max-width:300px; padding:4px;}
guide-box a {font-size:1rem;}
guide-box img {aspect-ratio:300/100; border-radius:0.2rem; height:auto; margin-bottom:0.5rem; max-width:300px; width:100%;}

slot-review {color:#E9E9E9; display:grid; gap:1rem; grid-template-columns:53% 1fr; margin:0 auto; position:relative; width:1020px;}
slot-review .info {display:grid; gap:1rem; grid-column:1; grid-template-columns:1fr 1fr; height:fit-content; position:relative;}
slot-review .info .title {grid-column:1 / span 2; grid-row:1;}
slot-review h1 {color:#FFF; font-size:1.6rem; font-weight:800; display:inline;}
slot-review .provider {font-size:1.1rem; vertical-align:text-bottom; color:#FFF0A8; display:inline-block}
slot-review .provider a {color:#FFF0A8;}
slot-review .info .img {grid-column:1; grid-row:2; position:relative;}
slot-review .info .img img {aspect-ratio:360/240; border-radius:0.2rem; width:280px;}
slot-review .Score {background-color:#1a1f24bf; font-size:0.8rem; left:0.2rem; padding:0.1rem 0.2rem 0; position:absolute; top:0.2rem;}
slot-review .Score-Points {font-size:1.4rem; margin:0 0 0.1rem;}
slot-review .Score-Rating {font-size:0.7rem;}
slot-review .info p {font-size:0.9rem; grid-column:2; grid-row:2; line-height:1.2rem; margin:0;}
slot-review .info a {color:#FFF9DC;}
slot-review .info .release {align-self:center; border:1px solid #FC0; border-radius:0.2rem; color:#FC0; display:flex; font-size:0.85rem; font-weight:700; gap:0.5rem; grid-column:1; grid-row:3; justify-content:center; margin:0; padding:0.4rem 0.4rem 0.3rem; text-transform:uppercase;}
slot-review .info .release span {color:#FFF;}
slot-review .fact-list {display:flex; flex-flow:column; font-size:0.9rem; gap:0.3rem; grid-column:2; grid-row:1;}
slot-review .fact-list span {color:#fff; display:block; font-size:1.2rem; font-weight:800;}
slot-review .fact-list b {font-size:1rem; font-weight:800; margin:0.5rem 0 0;}
slot-review .fact-list .one {display:flex; flex-flow:row wrap; gap:0.5rem; margin:0.5rem 0 0;}
slot-review .fact-list .one a {background-color:unset; border-radius:unset; color:#FC0; display:unset; font-weight:unset; margin:0; padding:0;}
slot-review .fact-list .one li {background:#363f48; border-radius:0.2rem; margin:0; padding:0.3rem 0.4rem 0.2rem;}
slot-review .fact-list .one li b {color:#FC0; font-size:0.9rem; font-weight:600;}
slot-review .fact-list .three {display:flex; flex-flow:column; gap:0.5rem;}
slot-review .fact-list .three b {font-size:1rem; font-weight:800;}
slot-review .fact-list .three li {display:flex; flex-flow:row wrap; gap:0.5rem;}
slot-review .fact-list ul li {color:#E9E9E9; list-style-type:none;}
slot-review .fact-list a {background-color:#363f48; border-radius:0.2rem; color:#D5D5E6; display:inline-block; font-weight:normal; padding:0.2rem 0.4rem 0.15rem;}
h2.slotreview {background-color:#1a1f24; border-radius:0.2rem 0.2rem 0 0; display:inline-block; font-size:1.3em; margin:0; padding:0.2rem 0.5rem;}

#PlayGameTopFeat {grid-column:1 / span 2; margin:0; padding:0; position:relative; width:100%;}
#PlayGameTopFeat .LeftTxtBox {color:#E9E9E9; float:left; min-height:150px; width:46%;}
#PlayGameTopFeat .LeftTxtBox p {font-size:14px; line-height:20px; margin:5px 0;}
#PlayGameTopFeat .LeftTxtBox a {color:#FFF9DC;}
#PlayGameTopFeat .LeftTxtBox h1 {font-size:22px; color:#FFF; margin:0 3px 10px 0; display:inline;}
#PlayGameTopFeat .LeftTxtBox span.span {font-size:16px; vertical-align:text-bottom; color:#FFF0A8; display:inline-block}
#PlayGameTopFeat .LeftTxtBox .release {border:1px solid #FC0; border-radius:0.2rem; color:#FC0; display:inline-block; font-size:0.9rem; font-weight:700; margin:0.5rem 0 0; padding:0.4rem 1rem 0.3rem; text-transform:uppercase;}
#PlayGameTopFeat .LeftTxtBox .release span {color:#FFF;}
#PlayGameTopFeat .LeftTxtBox .play-game-logo {aspect-ratio:360/240; border-radius:0.2rem; float:left; margin:10px 15px 10px 0; width:220px;}
#PlayGameTopFeat .CenterFeat {float:left; padding:20px 0 0; width:200px;}
#PlayGameTopFeat .CenterFeat img {width:100%;}
#PlayGameTopFeat .RightFeat {float:right; min-height:150px; width:48%;}
#PlayGameTopFeat .RightFeat span {color:#fff; display:block; font-size:1rem; font-weight:700;}
#PlayGameTopFeat .RightFeat .GameTxt {font-size:14px; margin-top:5px;}
#PlayGameTopFeat .RightFeat .GameTxt a {background-color:#4d4e51; border-radius: 0.2rem; color:#D5D5E6; display:inline-block; font-weight:normal; margin:0.25rem 0.2rem 0.25rem 0; padding:0.15rem 0.25rem 0.1rem;}
#PlayGameTopFeat .RightFeat .GameTxt ul li {color:#E9E9E9; list-style-type:none; margin:0 0 6px;}
.Score {background-color:#1a1f24eb; border:1px solid #FC0; border-radius:0.2rem; box-shadow:0px 0px 3px black; color:#FC0; cursor:help; font-size:0.7rem; font-weight:800; padding:0.1rem 0.25rem; text-align:center;}
.Score-R {border:1px solid #FC0; border-radius:0.2rem; box-shadow:1px 1px 3px black; color:#FC0; cursor:help; font-size:1.1rem; font-weight:bold; margin:1rem 0 2rem; padding:0.5rem; position:relative; text-align:center; width:115px;}
.Score-colW {color:#FFF;}
.Score-Points {display:block; text-align:center; font-size:1.2rem; margin:0;}
.Score-R .Score-Points {display:block; text-align:center; font-size:1.8rem; margin:0.5rem 0 0.6rem;}
.Score-Rating {display:block; font-weight:600; text-align:center; text-transform:uppercase;}
.Score-R .Score-Rating {display:block; font-size:0.9rem; text-align:center; text-transform:uppercase;}
.Score-exp {display:none; position:absolute; width:120px; padding:5px; border:1px solid #FC0; font-weight:normal; color:#FFF; background-color:#000; z-index:99;}
.Score-R .Score-exp {display:none; position:absolute; width:150px; left:-1px; padding:5px; border:1px solid #FC0; font-weight:normal; color:#FFF; background-color:#000; z-index:99;}
.Score:hover .Score-exp, .Score-R:hover .Score-exp {display:block;}
.Outstanding {color:#C8FFFF;}
.Great {color:#FFD700;}
.Good {color:#C0C0C0;}
.Average {color:#CD7F32;}
.Mediocre {color:#C70039;}

.Faqs {background:#2d4750; border-radius:0.5rem; margin:0 0 0.5rem; padding:1rem;}

#SoftTopInfo {width:962px; margin:20px 5px 20px 5px; display:inline; float:left; background:#111111; border:4px solid #111111;}
#SoftTopInfo #TxtBox {float:left; width:740px; margin:0; padding:5px;}
#SoftTopInfo #TxtBox h2 {font-size:16px;}
#SoftTopInfo #TxtBox h3 {font-size:14px; margin:5px 0 0 0;}
#SoftTopInfo #ImgBox {float:right;}
#SoftTopInfo #ImgBox img {width:180px; margin:5px 5px 0 0; border:none;}

#newscol { background:#111; border-radius:0.2rem; display:grid; grid-template-columns:auto auto; margin:0 auto 1rem; width:1020px;}
#newscol h2 { grid-column:1 / span 2; grid-row:1; font-size:1.1rem; padding:0.5rem;}
#newscol h2 a { color:#E5E5E5;}
#newscol .reviewimage { border-radius:0.2rem; grid-column:1; grid-row:2; padding:0 0.5rem 0.5rem; width:200px;}
#newscol .reviewtext { grid-column:2; grid-row:2; width:700px; padding:2rem 0.5rem 0.5rem 0; color:#FFF;}
#newscol .reviewtext p { color:#E5E5E5; font-size:0.9rem;}
#newscol .reviewtext a { color:#E5E5E5; font-weight:800;}

.guideImg { float:right; height:350px; padding:20px 20px 0; width:350px;}
.guideImgW { border:none; margin:1rem 0 0.5rem; max-width:700px; width:100%;}
.rightimg { float:left;}
.rightimg img { border:none; width:100%;}

.MoreSoft {font-size:14px; font-weight:bold; color:white; float:right; margin-top:-25px; margin-right:15px;}
.scrollOuter {height:510px; margin:0 auto; overflow-x:auto; overflow-y:hidden; scrollbar-track-color:#111; scrollbar-base-color:#FC0; scrollbar-arrow-color:#FC0; width:1020px;}
.scrollOuter::-webkit-scrollbar { background-color:#111;}
.scrollOuter::-webkit-scrollbar-thumb { background-color:#FC0;}
.scrollOuter::-webkit-scrollbar-button { background-color:#FC0;}
.scrollInner { display:flex; flex-flow:row nowrap; justify-content:flex-start; width:auto;}
.casino-horizontal {display:flex; flex-direction:row; flex-wrap:nowrap; width:100%;}
.casino-horizontal casino-box {max-width:190px;}
.casino-horizontal .c-logo {width:190px;}

.quickmenu { display:flex; flex-flow:row wrap; gap:0.7rem; justify-content:start; margin:0 auto 2rem; padding:0; width:1020px;}
.quickmenu li { background-color:#fc0; border-radius:0.1rem; margin:0; padding:0.3rem 0.4rem 0.2rem 0.4rem;}
.quickmenu a { color:#272727; font-size:0.9rem; font-weight:600;}

sub-menu { display:flex; flex-flow:row wrap; gap:0.7rem; justify-content:start; margin:0 auto 2rem; padding:0; width:1020px;}
sub-menu a {background-color:#fc0; border-radius:0.2rem; color:#272727; font-size:0.9rem; font-weight:600; padding:0.3rem 0.4rem 0.2rem 0.4rem;}
sub-menu a:hover {background-color:#FFD944; text-decoration:none;}

dropdown-slots select, dropdown-casinos select { -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; appearance:none; outline:0; box-shadow:none; border:0!important; background:#FC0; background-image:none; color:#272727; cursor:pointer; flex:1; font-size:0.9rem; font-weight:600; padding:0.15rem 0.4rem 0.1rem;}
dropdown-slots option[disabled], dropdown-casinos option[disabled] { color:black; font-weight:900;}
dropdown-slots select::-ms-expand, dropdown-casinos select::-ms-expand { display:none;}
dropdown-slots { border-radius:0.2rem; display:flex; height:1.7rem; line-height:1.7rem; margin:0; overflow:hidden; position:relative; width:11rem;}
dropdown-casinos { border-radius:0.2rem; display:flex; height:1.7rem; line-height:1.7rem; margin:0; overflow:hidden; position:relative; width:12rem;}
dropdown-casinos:nth-of-type(1) { width:11.5rem;}
dropdown-casinos:nth-of-type(2) { width:11.5rem;}
dropdown-casinos:nth-of-type(3) { width:12rem;}
dropdown-casinos:nth-of-type(4) { width:12.5rem;}
dropdown-slots::after, dropdown-casinos::after { background:#272727; content:'\25BC'; color:#FC0; cursor:pointer; padding:0 0.6rem; pointer-events:none; position:absolute; right:0; top:0; transition:.25s all ease;}
dropdown-slots:hover::after, dropdown-casinos:hover::after { color:#d1a700;}
dropdown-slots.provider, dropdown-slots.features, dropdown-slots.paylines, dropdown-slots.volatility {width:10.2rem;}
dropdown-slots.themes {width:10rem;}

#CasinoSlot { background:#111; border-radius:0.2rem; display:flex; flex-flow:column; gap:0.8rem; justify-content:space-between; padding:4px; width:100%;}
#CasinoSlot ul {margin:3px 0 10px 0;}
#CasinoSlot li {color:white; padding: 0 5px;}
.SlotName {font-size:14px; color:white; font-weight:bold; margin:0;}
.SlotSoft {font-size:12px; color:white; padding:0; margin:0;}
.CasinoSoft {font-size:10px; color:white; padding:0 5px; margin:10px 0 4px 0;}
.CasinoSlotImg {position:relative; width:100%;}
.CasinoSlotImg img {border-radius:0.2rem; width:100%; height:auto;}
.SlotImg {width:178px; height:128px;}
.slscore {background-color:rgba(50,50,50,0.80); font-size:10px; left:unset; line-height:13px; padding:2px; position:absolute; right:3px; top:3px;}
.slscore-points {font-size:16px; margin:0;}
.slscore-mwin {padding:4px 3px 2px;}
.label {position:absolute; text-transform:uppercase; font-weight:900; padding:4px 5px; background-color:rgba(50,50,50,0.80); box-shadow:1px 1px 3px black;}
.jackpot {border-radius:0.2rem; right:3px; bottom:3px; color:orangered; font-size:10px; border:1px solid orangered;}
.new {border-radius:0.2rem; top:3px; left:3px; color:gold; font-size:14px; border:1px solid gold;}
.excl {border-radius:0.2rem; top:3px; left:3px; color:lawngreen; font-size:10px; border:1px solid lawngreen;}
.upcoming {border-radius:0.2rem; top:3px; left:3px; width:60px; padding:3px 0; color:deepskyblue; font-size:10px; line-height:12px; text-align:center; border:1px solid deepskyblue;}

.slistrate {margin:0 auto; width:70%;}

#CasinoCont { background:#111; border-radius:0.2rem; margin:0 0.5rem 0 0; padding:4px;}
.CasinoScroll { align-self:flex-start; margin:5px 5px 0!important;}
#CasinoBonusSite { border:1px solid #443700; display:flex; flex-flow:column; gap:1rem; width:184px;}
.size { width:178px;}
#CasinoBonusSite .Logo { position:relative;}
#CasinoBonusSite .Logo img {aspect-ratio:230/100; height:auto; width:100%;}
#CasinoBonusSite .Logo img.flag { border-radius:0.1rem; box-shadow:0 0 3px 0px #111; height:18px; margin:3px 3px 0 0; position:absolute; right:0; top:0; width:36px;}
#CasinoBonusSite2 { position:relative; width:176px; height:256px; font-family:Arial, Helvetica, sans-serif; vertical-align:middle; display:inline-block; background:#111; border: 1px solid #443700; padding:0;}
#CasinoBonusSite2 .Logo { width:100%; top:0; left:0;}
#CasinoBonusSite2 .Logo img { width:100%;}
#CasinoBonusSite2 .Button { width:55%; margin:8px auto 0; height:28px; text-align:center;}
#CasinoBonusSite2 .Button a { width:100%; color:#000;}
#CasinoBonusSite2 .Button a:hover { text-decoration:none;}
#CasinoBonusSite2 .Button span { display:block; width:100%; line-height:28px; font-size:14px; background:#FC0;}

#SiteTxt { display:flex; flex-flow:column; gap:1rem; text-align:center; margin:0;}
#SiteTxt img.flag { top:5px; right:5px; width:22px;}
.CasinoName { font-size:1rem; color:#FC0;}
.CasinoBonus { font-size:0.9rem; font-weight:bold; color:#FFF; margin:0; flex-basis:2.2rem;}
#SiteTxt .NoBonus { padding: 0.5rem 0 1.6rem;}
.infomark { color:greenyellow; cursor:pointer; display:inline-block; font-size:1.2rem; position:relative; vertical-align:bottom;}
.infomark img { order:none; height:16px; padding:2px 0 0; vertical-align:top; width:16px;}
.infomark span {background-color:#000; border:1px solid greenyellow; color:#FFF; display:none; font-size:0.8rem; font-weight:normal; padding:5px; position:absolute; right:-10px; width:140px; z-index:10;}
.infomark span a { color:greenyellow; display:block; margin:0.2rem 0 0;}
.infomark:hover span {display:block;}
.CasinoVisit { margin:0;}
.startPlay { font-size:0.75rem; color:#FC0; font-weight:bolder; text-transform:uppercase; margin:0.6rem 0 0.2rem;}
.PlayArrow { height:13px; vertical-align:middle; margin:0 0 3px 0; width:15px !important;}
.valign-below { bottom:auto!important; top:100%;}

#gamecasinolist {display:flex; flex-flow:row wrap; justify-content:space-between; margin:0 auto; padding:0 1.5rem; width:1020px;}

#PlaySlot {float:left; position:relative; margin:0 0 25px 0}
.PlayW iframe {border-radius:0 0.2rem 0.2rem 0.2rem; width:780px; height:439px; background-color:#000; border:none;}
.PlayW img {border-radius:0 0.2rem 0.2rem 0.2rem; width:780px; height:439px;}
.PlayOrg iframe {border-radius:0 0.2rem 0.2rem 0.2rem; width:780px; height:605px; background-color:#000; border:none;}
.PlayOrg img {border-radius:0 0.2rem 0.2rem 0.2rem; width:780px; height:605px;}
#PlaySlot #noplay {position:absolute; margin:-370px 0 0 190px; z-index:10; width:360px; background:#000; border:4px solid #FFF; color:#FFF; font-size:14px; padding:20px;}
#PlaySlot #noplaywide {position:absolute; margin:-270px 0 0 190px; z-index:10; width:360px; background:#000; border:4px solid #FFF; color:#FFF; font-size:14px; padding:20px;}

#PlaySlot .verification {aspect-ratio:780/439; background-color:rgba(0,0,0,0.80); border-radius:0.2rem; height:auto; left:0; padding:0; position:absolute; text-align:center; top:0; width:100%;}
#PlaySlot .confirmed {display:none;}
.verification-inner {background-color:rgba(0,0,0,0.7); border-radius:0 0.2rem 0.2rem 0.2rem; height:calc(100% - 31.9%); padding:18% 0 0; width:100%;}
.verification-inner div {background-color:#fafafa; border-radius:0.2rem; box-shadow:0 0 2px 1px black; margin:0 auto; padding:1.5rem; width:50%;}
.verification-inner .first {font-size:1rem; font-weight:bold; margin:0 0 0.5rem;}
.verification-inner p {text-align:center;}
.verification-inner .verification-button {background-color:#FC0; border:none; border-radius:0.2rem; box-shadow:0 0 0 1px black; color:#000; cursor:pointer; font-size:14px; line-height:28px; margin:10px 5px 5px; padding:0 10px;}

#PlaySlot .rp {position:absolute; bottom:-1.3rem; right:0; padding:0.2rem 0.4rem; color:#FFF; background-color:#000; text-transform:uppercase;}

#PlaySlot .report {position:absolute; bottom:-1.1rem; left:0; color:#FFF;}
#PlaySlot .report button {color:#FFF; background-color:transparent; font-weight:bold; font-size:12px; text-decoration:underline; border:none; cursor:pointer; outline:none;}
#PlaySlot .report div.show-report {z-index:10; width:200px; position:absolute; left:0; padding:0.6rem; background-color:#000; color:#FFF; text-align:center; border:1px solid #443700; display:none;}
#PlaySlot .show-report span {display:inline;}
#PlaySlot .show-report input {display:inline; width:4rem; outline:none; border:none; margin:0 0 0 5px; padding:2px 3px;}
#PlaySlot .show-report .report-button {display:block; width:100px; background-color:#FC0; color:#000; text-decoration:none; text-transform:uppercase; font-size:12px; font-weight:bold; padding:5px; margin:15px auto 5px; cursor:pointer;}
#PlaySlot .show-report .done {font-weight:900;}
#PlaySlot .show-report .vpntxt {color:#999; font-size:0.65rem; line-height:100%;}
#PlaySlot .show-report .vpntxt a {color:#999;}

.r-screenshot {aspect-ratio:600/340; height:auto; max-width:600px; width:100%;}

#PlaySlotList {display:flex; flex-flow:column; float:right; height:462px; margin:0; overflow-y:scroll; padding:0 1rem 0 0; width:200px;}
#PlaySlotList span.Head {color:#FFF; display:inline-block; font-size:0.95rem; font-weight:bold; padding:0 0 0.4rem;}
.mGameScroll { width:100%; display:flex; flex-flow:column;}
#PlaySlotList::-webkit-scrollbar {width:10px;}
/* Track */
#PlaySlotList::-webkit-scrollbar-track {background:#111;} 
/* Handle */
#PlaySlotList::-webkit-scrollbar-thumb {background:#fc0; cursor:pointer;}
/* Handle on hover */
#PlaySlotList::-webkit-scrollbar-button {background:#fc0;}

.backTxtTop { float:left; font-size:12px; margin:0 0 10px 5px; width:100%;}
.backTxtBottom { clear:both; width:100%; font-size:12px; margin:1.5rem 0;}

.PlaySlotReview { float:left;}
.PlaySlotReview .left h2.h1 { display:inline-block; width:100%; font-size:20px!important; font-weight:bold; padding:15px 0 15px 10px!important;}
.PlaySlotReview .left h2 { display:inline-block; width:100%; font-size:18px!important; font-weight:bold; padding:15px 0 0 10px!important;}
.PlaySlotReview .left h3 { display:inline-block; font-size:16px; font-weight:bold; padding:15px 0 0 10px!important;}
.PlaySlotReview .left h4 { display:block; font-size:16px; font-weight:bold; padding:15px 0 0 10px!important;}

#TxtBox { width:100%; margin:23px; background:#111; padding:10px;}
#TxtBox h1 { color:#FFF; font-size:20px; line-height:100%;}
#TxtBox h2 { color:#FFF; font-size:16px; line-height:100%; margin-top:10px;}
#TxtBox p { color:#E9E9E9; font-size:12px; margin-top:3px;}
#TxtBox p a { color:#E9E9E9;}
#TxtBox img { float:right; width:200px; margin-left:20px;}

#CList { display:flex; flex-flow:row wrap; justify-content:space-between; margin:0 auto; padding:0 1.5rem; width:1020px;}
#CList .CasinoBox { align-items:flex-start; background:#111; border-radius:0.2rem;}
#CList .ListCasino { display:flex; flex-flow:column; gap:1rem; margin:0; padding:4px; position:relative; text-align:center;}
#CList .ListCasino .Info { height:120px;}
.ListCasino .Logo { position:relative;}
#CList .Logo img { border:none; margin:0; width:100%;}
#CList img.Flag { border-radius:0.1rem; box-shadow:0 0 3px 0px #111; margin:0; position:absolute; top:7px; right:7px; width:40px;}
.ListCasino p { font-size:12px; color:#E9E9E9; display:inline-block;}
.ListCasino p a { text-decoration:underline;}
#CList .Bottom { align-self:flex-end; margin:0.6rem 0 0; padding:0.6rem 0; flex-basis:100%; text-align:center;}
#CList .Bonuses { align-self:flex-end; display:flex; flex-flow:column; margin:0.5rem 0 0; text-align:center;}
#CList .Bonuses a { text-decoration:none;}
#CList .Bonuses a.Bonus { font-size:0.9rem; font-weight:bold; color:#FFF; line-height:0.9rem; height:1.6rem;}
#CList .Bonuses a.mBonuses { font-size:12px; font-weight:normal; color:#999; display:inline-block; line-height:14px; margin-top:10px;}
#CList .Bonuses a.Bonus:hover, #List .Bonuses a.terms:hover { text-decoration:underline;}
#CList .FirstDeposit { border:1px solid #4446a0;}
#CList .NoDeposit { border:1px solid #a04444;}
#CList .HighRoller { border:1px solid #a09d44;}
#CList .MidRoller { border:1px solid #a09d44;}
#CList .Cashback { border:1px solid #9f44a0;}
#CList .WelcomePackage { border:1px solid #449FA0;}
#CList .TopExc { border:1px solid #46a044;}
#CList .TopExc2 { background:#46a044; border:none !important; color:#FFF; flex-basis:100%; font-size:11px; font-weight:bold; height:0.8rem; margin:-1px 0 0 -1px; padding:0.1rem 0 0; text-transform:uppercase;}
#CList .NoBonus { padding:5.7rem 0 0; width:100%;}

#BList { border-radius:0.2rem; display:flex; flex-flow:row wrap; justify-content:space-between; margin:0 auto; padding:0 1.5rem; width:1020px;}
#BList .Bonus, .BList .Bonus { background:#111; border:4px solid #111; border-radius:0.2rem; display:flex; flex-flow:column; gap:1rem; padding:0 0 0.7rem; text-align:center;}
.Bonus div { position:relative;}

span.terms { color:#999; flex-basis:100%; font-size:0.6rem; line-height: 0.8rem; margin:0;}
span.terms a {font-size:0.6rem; font-weight:normal; color:#999;}

.bonus-text-label, .casino-text-label {background-color:#FC0; color:black; cursor:pointer; display:flex; font-size:1rem; font-weight:800; justify-content:center; margin:0 auto 1rem; padding:0.6rem 0; text-transform:uppercase; width:12rem;}
.bonus-text-check, .casino-text-check {display:none;}
.bonus-text-check:checked + .bonus-text, .casino-text-check:checked + .casino-text {display:block;}
.bonus-text, .casino-text {display:none; flex-basis:100%; margin:0; padding:0;}

#BonusInfo {display:grid; grid-template-columns:33% 33% auto; margin:0 auto; padding:0 1.5rem; width:1020px;}
#BonusInfo .ocbtxt {display:block; font-size:16px; font-weight:bold; color:#FFF; text-transform:uppercase;}

#Bonus {border:4px solid black; grid-column:1 / span 2; grid-row:1; margin:0; text-align:center; width:95%;}
#Bonus .details {box-sizing:border-box; display:flex; flex-flow:column; gap:1.5rem; padding:0; width:100%;}
#Bonus h1 {color:#FFF; font-size:1.4rem; font-weight:bold; margin:0;}
#Bonus .logo {margin:0 auto; padding:0; width:fit-content;}
#Bonus div.one {display:flex; flex-flow:column; text-align:center;}
#Bonus span.Amount a {color:#FC0; font-size:1.3rem; font-weight:bold;} 
#Bonus span.Type {color:#FFF; font-size:1rem; font-weight:bold;} 
#Bonus div.two {margin:0 0 1.5rem;}
#Bonus span.Info {background-color:#163339; border-radius:0.2rem; color:#FFF; display:block; font-size:1rem; padding:1.5rem;}
#Bonus div.three {text-align:center;}
#Bonus p.Req {color:#eaeaea; display:inline-block; font-size:1rem; margin:0 1rem 0 0;}
#Bonus p.Req span, p.Code span {color:#69e4a6; font-weight:800;}
#Bonus a.four {color:indianred; font-size:1.2rem;}
#Bonus div.five {display:flex; flex-flow:column; width:100%;}
#Bonus a.TC {color:#FFF; font-size:0.9rem; font-weight:normal; margin:1rem 0 0;}
#Bonus span.Date {color:#E9E9E9; font-size:0.85rem;}
#Bonus .terms {color:#999; font-size:0.7rem; margin:0;}
#Bonus .terms a {font-size:0.7rem;}
 
#BonusInfo .Bonus {border:4px solid #111; display:flex; flex-direction:column; gap:1rem; text-align:center;}
#BonusInfo span.HeadType {color:#FFF; font-size:1rem; font-weight:600; padding:0 0 0.2rem;}
#BonusInfo span.HeadExclusive {background:#46a044;}
#BonusInfo span.HeadFirstDeposit {background:#4446a0;}
#BonusInfo span.HeadNoDeposit {background:#a04444;}
#BonusInfo span.HeadHighRoller {background:#a09d44;}
#BonusInfo span.HeadMidRoller {background:#a09d44;}
#BonusInfo span.HeadCashback {background:#9f44a0;}
#BonusInfo span.HeadWelcomePackage {background:#449FA0;}

#BonusInfo span.BAmount {flex:0;}
#BonusInfo span.BType {color:#FFF; flex-basis:100%; font-size:1.1rem; font-weight:bold; margin:0 auto;}
#BonusInfo span.BCode {margin:1.2rem auto 0; color:#999; font-size:0.9rem;}
#BonusInfo span.BInfoText {display:block; margin:1.2rem auto 0; color:#E9E9E9; font-size:0.9rem;}
#BonusInfo .excimg {display:inline-block; border:none; margin-left:8px;}
#BonusInfo span.BWager {margin:0.5rem auto 0; color:#999; font-size:0.8rem;}
#BonusInfo span.BSite {margin:1.2rem auto 0.8rem; font-size:1rem; width:100%;}
#BonusInfo span.BSite a {color:#FC0;}
#BonusInfo .BonusesRight {display:flex; flex-flow:column; grid-column:3; grid-row:1 / span 2; margin:0; width:100%;}
#BonusInfo .hfix { flex-basis:100%;}
#BonusInfo .Bonuses { display:flex; flex-direction:column; gap:1rem; text-align:center;}
p.termsrow { color:#eaeaea; font-size:0.85rem;}
.termsrow span { color:#69e4a6; font-weight:800;}
.marg-pad { margin:0 0 0.6rem!important; padding:0 0 0.1rem!important;}

bonus-info-head {display:grid; gap:0.5rem 1rem; justify-content:flex-start;}
bonus-info-head img {aspect-ratio:230/100; grid-column:1; grid-row:1 / span 3; height:auto; width:200px;}
bonus-info-head .Rate {margin:0;}
bonus-info-head div:nth-of-type(1){color:#FFF; font-size:1.2rem; font-weight:800; grid-column:2; grid-row:1;}
bonus-info-head div:nth-of-type(2) {grid-column:2; grid-row:2;}
bonus-info-head div:nth-of-type(3) {grid-column:2; grid-row:3;}
bonus-info-head div:nth-of-type(3) a {color:indianred; font-size:1rem; font-weight:600; text-decoration:underline;}
.bonus-info {gap:1rem; grid-template-columns:1fr 1fr;}
.bonus-info .BAmount {flex:0; font-size:1.3rem;}
.bonus-info .info {color:#FFF; display:flex; flex-flow:row nowrap; gap:0.7rem; margin:0 0.7rem;}
.bonus-info .info p {background-color:#2e373f; border-radius:0.2rem; font-size:0.8rem; padding:0.5rem 0.7rem; text-align:left;}
.bonus-info .info span {color:#69e4a6; display:block; font-size:1rem; font-weight:800;}
.bonus-info .bonus-terms {font-size:0.85rem; font-weight:600;}
.bonus-info .Button {width:50%;}
.bonus-info .termstext {color:#ECECEC !important; font-weight:normal; gap:0.5rem !important; margin-left:-137px !important; padding:0.7rem !important; width:250px !important;}
.bonus-info .date {color:#ECECEC; font-size:0.85rem;}

casino-review { display:flex; flex-flow:row wrap; justify-content:space-between; margin:0 auto; padding:0 1.5rem; width:1020px;}
casino-review h1 {	color:#FFF; font-size:1.6rem; font-weight:900; margin:0;}
casino-review h2 { font-size:1.5rem; margin:0.8rem 0 0;}
casino-review h3 { font-size:1.4rem; margin:0.8rem 0 0;}
h3.slothead { font-size:1.4rem; margin:0 0 0.8rem;}
casino-review .t1 { align-content:flex-start; display:flex; flex-flow:row wrap; margin:0; flex-basis:60%;}
casino-review .t21 { display:flex; flex-flow:row nowrap; flex-basis:100%;}
casino-review .t21 .logocont img { width:230px;}
casino-review .t21 .titlecont { padding:0 10px;}
casino-review .titlecont .rate { margin:15px 0 14px;}
casino-review .titlecont .rate span { font-weight:bold; color:#FFF; font-size:16px;}
casino-review .titlecont .rate img { width:120px; vertical-align:middle; border:none;	padding-bottom:8px;}

casino-review .lobby { flex-basis:35%; padding:0; text-align:center;}
casino-review .lobbyimg { width:100%; height:auto; margin:0 0 1.5rem;}
casino-review .countries { border:1px solid #FC0; border-radius:0.2rem; margin:25px 0 15px; padding:0.4rem 0.3rem 0.3rem;}
casino-review .countries img { vertical-align:middle; width:36px; height:22px; margin:0 0 2px 5px;}
#ProsCons { display:grid; grid-template-columns:auto auto auto auto; width:100%;}
#ProsCons .Pros { grid-column:1; margin:0 8% 0 0;}
#ProsCons .Cons { grid-column:2;}
#ProsCons ul { gap:0.7rem; list-style:none; margin:0.5rem 0; max-width:100%; width:100%;}
#ProsCons ul li { background-position:0 center; background-repeat: no-repeat; background-size:20px; margin:0; padding:0 0 0 1.6rem;}
#ProsCons .Pros ul li { background-image:url(../images/pros.webp);}
#ProsCons .Cons ul li { background-image:url(../images/cons.webp);}
casino-review .t1 .textcont { color:#D3D3D3;}
casino-review .t1 .textcont p { display:inline-block; margin:0.3rem 0; font-size:0.9rem;}
casino-review .t1 .textcont p.intro { font-size:18px; font-weight:bold;}	
casino-review .BList { display:flex; flex-flow:row wrap; justify-content:space-between; margin:0; width:100%;}
.BList img {border-radius:0.2rem 0.2rem 0 0; width:100%;}
casino-review text-box p { width:100%;}
casino-review .last { display:flex; flex-flow:column; align-items:center; margin:0; padding:10px;}
casino-review .last .author { color:#999; font-size:11px; line-height:12px; text-align:right; margin:15px 0 0 20px;}

casino-review .summary { display:flex; flex-basis:100%; flex-flow:row wrap; justify-content:space-between;}
casino-review .summary span.head2 { color:#FFF; display:block; font-size:1.1rem; font-weight:bold; margin:0 0 0.4rem;}
casino-review .summary ul { list-style-type:none; margin:0 0 1rem;}
casino-review .summary ul li { color:#d5d5e6; display:inline-block; font-size:0.9rem; line-height:1.2rem; margin:0 0.5rem 0.2rem 0;}
casino-review .summary ul li img { width:20px; height:auto; border:none; padding:0 0 5px; vertical-align:middle;}
casino-review .summary ul li a { background-color:#4d5c64; border-radius:0.1rem; color:#d5d5e6; text-decoration:none; font-weight:normal; padding:0.2rem 0.3rem;}
casino-review .summary ul li a:hover { text-decoration:underline;}
casino-review .summary p {color:#d5d5e6; font-size:0.9rem; line-height:1.4rem;}
casino-review .summary .col-one { width:40%;}
casino-review .summary .col-two { width:55%;}
.B-Col { margin:0!important; padding:0!important;}
casino-review .Bonuses { background-color:#334e5d; border-radius:0 0 0.2rem 0.2rem; display:flex; flex-basis:100%; flex-flow:column; margin:0; padding:1.5rem 1.5rem 0;}
.CRevBonus { flex-basis:100% !important; margin:0 0 1.2rem !important;}
.bord-pad { border:1px solid #FC0!important; padding:4px!important;}

.crev-label {color:#FFF9DC; cursor:pointer; display:inline-block; font-size:1rem; font-weight:800; margin:0.5rem 0 0;}
.read-more {display:none;}
.read-more:checked + .revmore {display:block;}
.revmore {display:none; flex-basis:100%; margin:0; padding:0;}
	
#CLeftImgs { float:left; width:250px;}
#CLeftImgs img { border:4px solid #111111; width:240px; height:auto;}
#CMiddle { float:left; width:440px; padding:0 0 0 10px;}	
#CCasino { float:left; width:400px;	margin-bottom:5px;}		
#CCountries { display:inline; float:left; border:4px solid #008103; background:#111111;	margin:0; padding:0 5px 0 5px;}
#CCountries span { color:#FFF; font-weight:bold; line-height:32px;}
#CCountries img { vertical-align:middle; width:36px; height:22px; margin:0 0 2px 5px;}
#CText { float:left; width:400px; margin:10px 0 20px 0;}
#CText p { color:#FFF;}
#CRating { float:left; margin:0 0 15px 0;}
#CRating span.Rating { font-weight:bold; color:#FFF; font-size:16px; line-height:30px; display:inline-block;}
#CRating img { width:120px; vertical-align:middle; border:none;	padding-bottom:8px;}
#CRating span.CStars { font-weight:bold; font-size:20px; color:#FC0; text-decoration:none;}
#CButtonList { display:inline; float:left; width:400px; margin:0;}
#CButtonList .Button { float:left; width:160px; height:28px; margin-right:20px; text-align:center; border:4px solid #111111;}
#CButtonList .Button a:hover { text-decoration:none;}
#CButtonList .Button a span { display:block; width:100%; line-height:28px; font-size:14px; background:#FC0; color:#000;}
	
#CBonusList .Box { display:block; position:relative; float:left; width:227px; height:200px; border:4px solid #111111; margin:0 5px 20px 5px; background:#111111; text-align:center;}
#CBonusList .Box .Button { position:absolute; bottom:0; left:0; width:49%; height:28px;}
#CBonusList .Box .Button a:hover { text-decoration:none;}
#CBonusList .Box .Button span { display:block; width:100%; line-height:28px; font-size:14px; background:#FC0; color:#000;}
#CBonusList .Box .Button2 { position:absolute; bottom:0; right:0; width:49%; height:28px;}
#CBonusList .Box .Button2 a:hover { text-decoration:none;}
#CBonusList .Box .Button2 span { display:block; width:100%; line-height:28px; font-size:14px; background:#FC0; color:#000;}
	
#CRightInfo { float:right; width:240px; background:#4d4d4d; color:#FFF; padding:5px 10px 5px 10px; margin-bottom:10px; border:4px solid #111111;}
#CRightInfo span.head1 { font-weight:bold; font-size:14px; text-decoration:underline; display:block; margin:0 0 5px 0;}
#CRightInfo span.head2 { font-weight:bold; font-size:12px; display:inline; margin:0;}
#CRightInfo ul { margin:10px 0 0 0; list-style-type:none;}
#CRightInfo ul li { display:inline; color:#d5d5e6; font-size:12px;}
#CRightInfo a { color:#d5d5e6; font-size:12px; text-decoration:none; font-weight:normal;}
#CRightInfo a:hover { text-decoration:underline;}

#CGameList { display:flex; flex-flow:row wrap; justify-content:space-between; width:100%;}
#CGameList h3 { color:#FFF; font-size:16px; margin:0 0 10px 5px;}

/* News and Articles */

news-list {display:grid; gap:1rem 0.8rem; grid-template-columns:1fr 1fr 1fr; margin:0 auto; width:1020px;}
news-short {background-color:#111; border-radius:0.2rem; color:#E9E9E9; display:flex; flex-direction:column; gap:0.5rem; padding:4px; text-align:center;}
news-short img.slotreview {aspect-ratio:300/117; height:auto; width:100%;}
news-short img.news {aspect-ratio:323/179; height:auto; width:100%;}
news-short news-text {display:flex; flex-flow:column; gap:0.4rem;}
news-short news-text h4 {color:#FFF; font-weight:bold; font-size:1rem;}
news-short news-text .nTitle {font-weight:bold; font-size:1rem;}
news-short news-text p {color:#FFF; font-size:0.85rem;}
news-short news-text .date {font-size:0.75rem;}
news-long {display:flex; flex-flow:column;}


.t-center {text-align:center !important;}
.tbl-slot-img {aspect-ratio:249 / 166; display:block; height:auto; margin:0 0 0.2rem; width:180px;}
.tbl-slot-img-rnd {aspect-ratio:200 / 200; display:block; height:auto; margin:0 0 0.2rem; width:140px;}
table.h-1col {color:#EAEAEA; margin:0.5rem 0; text-align:left;}
.h-1col th {background-color:#3e347a; font-size:1.2rem; padding:0.5rem;}
.h-1col td {background-color:#2c255b; padding:0.5rem;}
.h-1col.font1 th {align-content:baseline; font-size:1rem;}

table.h-2col {color:#EAEAEA; margin:0.5rem 0;}
.h-2col tr:nth-of-type(odd) {background-color:#003131;}
.h-2col tr:nth-of-type(even) {background-color:#002626;}
.h-2col th {background-color:#055a5a; font-size:1.2rem; padding:0.5rem; text-align:left;}
.h-2col td {padding:0.5rem;}
.h-2col tr td:first-of-type {width:25%;}

table.h-3col, table.h-4col, table.h-5col {color:#EAEAEA; margin:0.5rem 0;}
.h-3col tr:nth-of-type(odd), .h-4col tr:nth-of-type(odd), .h-5col tr:nth-of-type(odd) {background-color:#003131;}
.h-3col tr:nth-of-type(even), .h-4col tr:nth-of-type(even), .h-5col tr:nth-of-type(even) {background-color:#002626;}
.h-3col th, .h-4col th, .h-5col th {background-color:#055a5a; font-size:1.2rem; padding:0.3rem; text-align:left;}
.h-3col td, .h-4col td, .h-5col td {padding:0.5rem 0.3rem;}

div.toplist {display:grid; gap:0.7rem; grid-template-columns:1fr 1fr 1fr; margin:0.5rem 0 0;}
div.toplist div {background-color:#111; padding:0.5rem;}
div.toplist div p {width:100%;}
div.toplist div p:first-of-type {font-weight:600;}
div.toplist div p:nth-of-type(2) {text-align:justify;}
div.toplist div img {aspect-ratio:250/185; height:auto; margin:0.5rem 0; width:100%;}

.split-list {display:grid; grid-template-columns:1fr 1fr;}
.split-list div {border:0.7rem solid #434343; padding:0.5rem 1rem;}
.split-list div:nth-of-type(1) {grid-row:1;}
.split-list div:nth-of-type(2) {grid-row:1;}
.split-list div:nth-of-type(3) {grid-column:1 / span 2; grid-row:2;}
.split-list ul {max-width:100%; width:100%;}
.split-list ul li {background-image:none; padding:0;}

figure img {margin:0.5rem 0 0; width:100%;}
figure figcaption {color:#EAEAEA; font-style:italic; text-align:center;}

div.two-sided {background-color:#002331; border:0.7rem solid #002e41; color:#EAEAEA; display:flex; flex-flow:row nowrap; gap:0.5rem; margin:0.5rem 0; padding:0.7rem;}
.w28 {width:28%;}
.two-sided img {aspect-ratio:181 / 115; height:auto; width:170px;}
.two-sided ul {margin:0; max-width:100%; width:100%;}
.two-sided ul li {margin:0; width:100%;}
.two-sided ul.no-style li {padding:0;}

ul.list-2col {column-count:2; display:inline-block; max-width:65%;}

ul.no-style {margin:0;}
ul.no-style.side-bord li {border-left:1px solid #D5D5D5; border-right:1px solid #D5D5D5; padding:0; margin-bottom:0.7rem; padding:0 0.7rem;}
ul.no-style.side-bord li strong {color:#ce6d6d;}
ul.no-style li {background-image:none; list-style-type:none; padding:0 0 0.5rem;}

/* News and Articles end */

@media all and (max-width: 1308px) {
	.sticky-ad {
		display: none;
	}
}
@media all and (min-width: 1308px) {
	.sticky-ad {background-color:#334e5d; border:1px solid #232323; border-radius:0.2rem; padding:4px 4px 0; position:fixed; left:89.8%; top:40px;}
    .sticky-ad img {height:600px; width:120px;}
}
@media all and (min-width: 1340px) {
	.sticky-ad {
		left: 89.3%;
	}
}
@media all and (min-width: 1370px) {
	.sticky-ad {
		left: 89%;
	}
}
@media all and (min-width: 1410px) {
	.sticky-ad {
		left: 88.2%;
	}
}
@media all and (min-width: 1470px) {
	.sticky-ad {
		left: 86.6%;
	}
}
@media all and (min-width: 1670px) {
	.sticky-ad {
		left: 86%;
	}
}


#TxtBoxError { margin:0 auto; padding:8rem 1rem; width:935px;}
#TxtBoxError h1 { color:#FFF; font-size:2rem; line-height:100%; text-align:center;}
#TxtBoxError h2 { color:#FFF; font-size:3rem; line-height:100%; text-align:center;}
#TxtBoxError p { color:#FFF; font-size:1rem; margin-top:2rem; text-align:center;}
#TxtBoxError a { font-weight: bold;}

.partner-content { display:grid; gap:1rem; grid-template-columns:1fr 1fr 1fr; margin:0 auto; padding:0 1.5rem; width:1020px;}
.partner-box { background:#111; border-radius:0.2rem; display:flex; flex-flow:column; gap:1rem; padding:0.3rem; text-align:center;}
.partner-box img { aspect-ratio:250 / 120; border:none; border-radius:0.2rem; height:auto; margin:0 auto; max-width:250px; width:100%;}
.partner-box h2 { font-size:1rem;}
.partner-box .Rate {aspect-ratio:200 / 36; display:block; height:auto; margin:0 auto; max-width:160px; width:100%;}
.partner-box p { color:#D5D5D5; font-size:0.9rem; font-style:italic;}
.partner-box ul { color:#ffec87; display:flex; flex-flow:column; font-size:0.9rem; list-style-type:disc; margin:0 auto 0.5rem; max-width:85%; text-align:left;}
.partner-box ul li::marker {font-size:1.2rem;}
.partner-box .Button {font-size:0.8rem; margin:auto auto 0.5rem; width:85%;}

#footer-ad {margin:0 auto; padding:0 1.5rem; width:1020px;}
#footer-ad img {border:none; border-radius:0.2rem; display:block; height:auto; margin:0 auto; width:100%;}

.newsletter-div {align-self:flex-start; grid-column:3 / span 2; grid-row:1 / span 3;}
.newsletter-div p { color:#000; display:inline-block; font-size:1.2rem; margin:0 0.5rem 0 0;}
.nl-content {background-color:#FC0; border-radius:0.2rem; color:#000; margin-top:0.5rem; padding:0.45rem 0.4rem 0.4rem;}
.nl-content span {align-content:center; color:#000; display:inline-block; font-weight:normal; text-decoration:none; text-transform:none; width:unset;}
.nl-content img {height:40px; margin:0 0.3rem 0 0; vertical-align:middle; width:40px;}
.nl-content form {display:flex; flex-flow:row wrap; gap:0.5rem; justify-content:space-between;}
.nl-content input[type="text"] { background-color:#fff9e4; border:none; border-radius:0.2rem; margin:0; outline:none; padding:0.3rem 0.3rem 0.2rem;}
.nl-content .txtfield {display:inline-block; width:90px;}
.nl-content .realcheck {width:40px;}
.nl-content .mailersub {background-color:#FC0; border:2px solid black; border-radius:0.2rem; cursor:pointer; font-weight:700; margin:0; padding:0.25rem 0.4rem 0.2rem;}
.nl-content .mailersub:hover {background-color:#e9ba00;}

footer {align-items:center; display:grid; gap:1rem; grid-template-columns:4% 1fr 5% 1fr 4%; margin:0 auto; max-width:1020px; padding:0; width:100%;}
footer span {color:#bababa; display:block; font-size:0.9rem; font-weight:800; text-decoration:underline; text-transform:uppercase; width:100%;}
footer .social {display:flex; flex-flow:row wrap; gap:0.3rem; grid-column:2; grid-row:1 / span 2;}
footer .social span {margin-bottom:0.2rem;}
footer .social img {border-radius:0.3rem; height:40px; margin:0 0.3rem 0 0; width:40px;}
footer .copy {align-items:center; display:flex; gap:1rem; grid-column:1 / span 5; grid-row:6; justify-content:center;}
footer .copy p {color:#bababa; font-size:0.8rem;}
footer .copy img {height:28px; width:100px;}
footer .partners {align-self:flex-start; grid-column:3 / span 2; grid-row:3 / span 2;}
footer .partners ul {display:flex; flex-flow:row; gap:1.4rem; margin-top:0.5rem;}
footer .partners a {color:#FFF9DC; font-size:0.85rem;}
footer .safe-gambling {display:flex; flex-flow:row wrap; gap:0.3rem 0.5rem; grid-column:2; grid-row:3 / span 2;}
footer .safe-gambling p {color:#bababa; font-size:0.8rem;}
footer .safe-gambling a:nth-of-type(1) img {height:28px; width:28px;}
footer .safe-gambling a:nth-of-type(2) img {height:28px; vertical-align:text-top; width:170px;}

.guide { color:#E9E9E9; flex-basis:32%;}
.guide span.guide-head { font-size:14px; font-weight:bold; display:inline-block;}
.guide .sguideimg {aspect-ratio:300/100; border-radius:0.2rem; display:block; height:auto; margin:0 auto 0.5rem; width:100%;}

.guide a { color:#E9E9E9; font-size:16px;}
.guide p { font-size:14px; line-height:20px;}

#FooterTxt { float:left; width:740px;}
#FooterImg { float:right;}
#FooterImg img { width:160px; margin:5px 5px 0 0;}

#FooterImgGame { float:left; width:160px; margin-top:10px;}
#FooterImgGame img { width:140px;}
#FooterTxtGame { float:right; width:770px; margin-top:10px;}
#FooterTxtGame ul li { color:#FFF; list-style-type:disc;}

#body .aside{ float:left; width:299px;}
#site-area{ float:left; overflow:hidden; width:1020px; padding-bottom:20px; border-left:2px solid #0C0C0C; border-right:2px solid #0C0C0C;}
#site-area .item-list{ float:left; width:154px; margin:0px 25px 19px 25px;}
#site-area .item-list .item-box .item-title{ font-size:12px; font-weight:normal; color:#FFCC00; border-bottom:1px dotted #fff; padding-bottom:8px; margin-bottom:8px;}
#site-area .item-list .item-box .item-title a{ color:#C90000;}
#site-area .item-list .item-box .item-ls a{ font-size:11px; font-weight:normal;}
#right-icon{ float:right; width: 300px; text-align: center;}
#footer-connect { margin: 12px 0px; text-align: left;}
#footer-connect-list { width: 250px; margin-left: 50px;}
#footer-connect-list li { margin-bottom: 15px;}
#footer-connect-list li a:hover span.text { text-decoration: underline;}
#footer-connect-list li span { vertical-align: middle;}
#footer-connect-list li span.text { display: inline-block; margin: 2px 0 0 13px; line-height: 120%;}

.newsletter {
  background-color: #FC0;
  border-radius: 0.5rem 0.5rem 0 0;
  border: 2px solid black;
  bottom: 0;
  box-shadow: 0px -1px 5px black;
  display: none;
  flex-flow: column;
  justify-content: space-around;
  left: 50%;
  margin-left: -300px;
  position: fixed;
  text-align: center;
  width: 600px;
  z-index: 99;
}
button.close {
  background-color: #FC0;
  border: none;
  border-radius: 0.5rem;
  cursor: pointer;
  font-size: 1.2rem;
  font-weight: 900;
  line-height: 0.6rem;
  margin: 0.2rem 0.2rem 0 0 !important;
  outline: none;
  padding: 0.3rem !important;
  position: absolute;
  right: 0;
  top: 0;
}
.newsletter div {
  border-bottom: 2px solid black;
  border-top: 2px solid black;
  margin: 0.8rem auto 0;
  max-width: 290px;
}
.newsletter p.head {
  font-size: 1.2rem !important;
  font-weight: 900;
  margin: 0.3rem 0;
  text-align: center;
  text-transform: uppercase;
}
.newsletter p {
  font-size: 1rem;
  margin: 0.5rem 0
}
.newsletter form {
  margin: 0 0 0.8rem;
  padding: 0 5rem;
}
.newsletter .txtfield {
  display: inline-block;
  width: 45%;
}
.newsletter input[type="text"] {
  border: none;
  border-radius: 0.2rem;
  margin: 0 0.2rem 0.8rem;
  outline: none;
  padding: 0.3rem 0.3rem 0.2rem;
}
.newsletter span {
  font-size: 0.9rem;
}
.newsletter .realcheck {
  margin: 0 1rem 0 0 !important;
  width: 15%;
}
.newsletter .mailersub, .newsletter .mailerunsub {
  cursor: pointer;
  margin: 0 0 0 0.3rem;
  padding: 0.2rem 0.2rem 0.1rem;
}
.newsletter .mailerunsub {
  background: none;
  border: none;
  margin: 0.1rem 0 0 0.5rem;
  position: absolute;
}