body, html {margin:0 auto; padding:0; height: 100%; display: table;}
BODY {color:#ffffff; text-align:center; background: #761417 url('bg5.jpg') repeat-y center top; width: 100%;}
TABLE {margin:0 auto; padding:0;}
#header_bg {max-width:1200px; width:100%; margin:0 auto; padding:0; background-color:#FFF;}
/*#header {background: #991C20 url('ws86.gif') no-repeat left top; height:86px; margin:0; padding:0;}*/
.clear {height: 0px; clear: both; font-size: 0px; margin:0; padding:0; float: none;}
.cnt, .cnt2 {
	FONT-SIZE: 14px; COLOR: #333333; LINE-HEIGHT: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
td, .ba, .ba td, .bb, .bb td {FONT-SIZE: 14px; FONT-FAMILY: Arial, Helvetica, sans-serif; font-weight:normal;} /*Verdana,*/
.ba, .ba td, .bb, .bb td {COLOR: #333333;}

A.ba:hover {COLOR: #ff6600;}
A.cnt:hover, .cnt2 a:hover, .brad a:hover, .bb a:hover, strong a:hover, .logoitem a:hover, .logoitem h2 a:hover, .par a:hover, a.cmenu:hover {
	COLOR:#B00;
}
.logoitem:hover {background-color:#FDD;}
A.menu:visited {COLOR: #ffffff; TEXT-DECORATION: none;}
A.menu:hover {COLOR: #ff6600; TEXT-DECORATION: none;}
.Title, .title2 {
	font: bold 14px Arial,Helvetica,sans-serif; WORD-SPACING: normal; COLOR: #ffffff; LETTER-SPACING: 0px; margin:9px 0 8px 0; text-align:center;
}
.menu {
	FONT: bold 16px Verdana, Arial, Helvetica, sans-serif; COLOR: #ffffff; LINE-HEIGHT: 28px; TEXT-DECORATION: none;
}
h1 {margin: 4px 0px 8px 0px; font: bold 22px Arial,Helvetica,sans-serif; color:darkred;}
h2 {margin: 4px 0px 9px 0px; font: bold 18px Arial,Helvetica,sans-serif; color:darkred;}
h3 {margin: 8px 0px 9px 0px; font: bold 1.1em Arial,Helvetica,sans-serif; color:darkred;}
h4 {margin: 11px 0px 6px 0px; font: bold 16px Arial,Helvetica,sans-serif; color:#000000;}
h5 {margin: 7px 0px 13px 0px; font: bold 16px Verdana, Arial, Helvetica, sans-serif; color:#000000;}

A.bb:hover {COLOR: #ff6600;}
div.nn {
    margin-bottom: 16px;
    clear: both;
    font-size: 15px;
}

img.pl {position: relative; top: 5px; left: 1px;}
h2.hbonus {margin: 11px 0px 6px 0px; font-size: 16px;}

img.news {float:left; margin: 2px 14px 9px 2px; display: block; max-width: 100%; height: auto;}
.newsimg {float:left; margin: 2px 14px 9px 2px;}
.round, #clogo, .news {-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
#clogo {margin:3px 12px 9px 0px;}
#clogo, .isoft, .newsimg {box-shadow: 4px 4px 3px #888888;}
.playbutton {background-color: transparent; border: none; color: white; cursor: pointer; display: inline-block; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.8); 
font-family: Helvetica, Arial, sans-serif; font-weight: 700; margin-bottom: -6px; margin-top: -2px;  padding: 0; text-align: center; text-decoration: none;  
-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; margin-left: -3px; margin-right: -3px;  
font-size: 18px; background-image: url('gbuttons.png'); height: 38px; line-height: 36.1px; width: 80px; margin-bottom: -2px;}
.playbutton:hover, .playbutton:focus, #playbut a.playbutton:hover, #playbut a.playbutton:focus, a.playbutton:hover, a.playbutton:focus {background-position: 0 0;  text-shadow: 0 0 0.8em #ffffff, 0 -3px 3px rgba(0, 0, 0, 0.3); color:#FFF; font-size:140%;}
.wmenu {text-align:center; font-size:15px; color:#ffffff;}
.wmenu a.menu, div a.menu {display:inline-block; height:100%; padding: 5px 3px 5px 3px;}
tr.bb td, tr.ba td {padding:8px 5px;}
.cmenu {font-size:13px; COLOR: #333333; LINE-HEIGHT:120%;}
a.cmenu {margin:5px; LINE-HEIGHT:120%;}

#winmenu {background-color:#761417; /*width:100%;*/ box-sizing: border-box; margin-left:125px; padding: 6px 8px;}
#winmenu, .wmenu {-webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; -moz-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; -moz-border-bottom-left-radius: 6px;}

.menuhp .menu, #winmenu .menu {font-size:125%;}
.cp, .cp2 {text-align:center; font-size:14px; color:#ffffff; padding:10px 6px; margin:0; box-sizing: border-box;} 
.cp2 {padding:0px 0px 7px 0px;}
.bbb {FONT-WEIGHT: bold;}
.bbig {font-size:15px;}
a.priv {text-decoration:underline;}
#footer_bottom_logos {padding:1px 2px 17px 2px; box-sizing: border-box;}
img.sml {margin:1px 5px 1px 1px; float:left;}
img.sml, .mb img, .ma img, img.mbutn, .mbutn, .cnt a img, .logoitem {-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.jpv {margin:5px; font-size:13px; line-height:1.5; COLOR: #333;}
.jpv a:link {COLOR: #C00;}
.jpv a:visited {COLOR: #C00;}
.jpv a:hover {COLOR: #000066;}
.sortable {COLOR: #333; font: bold 15px Arial,Helvetica,sans-serif;}
.play, .play:visited, .play:link {
	BORDER: medium none; TEXT-ALIGN: center; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 12px; PADDING-RIGHT: 12px; DISPLAY: inline-block; BACKGROUND: url(play50.gif) no-repeat 4px 0px; HEIGHT: 32px; COLOR: #fff; CURSOR: pointer; TEXT-DECORATION: none; PADDING-TOP: 5px;}
A.play {LINE-HEIGHT: 26px; font: bold 18px Arial, Helvetica, sans-serif; color:#FFF;}
.play:hover{background-image:url(play50d.gif);}
#playbut {float:right;text-align:center;background-color:#ffdddd;padding:4px;margin:5px;margin-right:0px;}
#jprank {float:left; width:93px; text-align:center; padding:6px; font-weight:700; clear:both; margin:3px 10px 6px 0px; background-color:#ffdddd;}
.stars img {padding:4px; clear:both; background:#FFF;margin-top:4px;}
.stars {align:center;}
#freshr {margin-top:5px;}

.rating-result {
	display: inline-block; font-size: 0; padding:6px 0px; margin-top:4px;
}
.rating-result span {
	padding: 0; font-size: 20px; line-height: 1; color: lightgrey; text-shadow: 1px 1px #bbb;
}
.rating-result > span:before {content: '★';}
.rating-result > span.active {color: orange; text-shadow: 1px 1px #a40;}
span.halfs:before {content: '★';}
span.halfs {
    width: 10px; 
    color: orange; text-shadow: 1px 1px #a40;
	position: absolute; z-index: 2; font-size: inherit; 
    display: block; top: 3px; left: 0; bottom: 0; overflow: hidden;  
}

.bold, .bld, td.bld, td.bold, .bld td, tr.bld td {FONT-WEIGHT: bold;}
.ital, td.ital {font-style:italic;}
#disc {margin:0 auto; padding:0px 0px 15px 0px; font: normal 14px Verdana, Geneva, sans-serif; width:97%; text-align:center; max-width:1200px;}
.big {font-size: 16px;}
.small {font-size: 13px;}
span.small {margin:3px 1px;}
.lgrey {color:#999;}
.mbutn {padding:3px 1px; margin:1px;}
div.geono, div.geoyes {float:right; width:64px; height:20px; overflow: hidden; background-image:url('no.gif'); background-repeat: no-repeat; background-position: 7px center; padding:6px; margin:3px 10px 6px 0px; background-color:#ffdddd;}
div.geoyes {background-image:url('yes.gif');}
div.geono img {opacity:0.5; filter:alpha(opacity=50); float:right;}
div.geoyes img {float:right;}
.brad {margin-bottom:10px; padding-bottom:10px; font: bold 14px Verdana, Geneva, sans-serif;}

.red {color:#F00; font-weight:bold;}
.question {font-style:italic; font-weight:bold;}
#wpic, #mappic {float:right; clear:both; text-align:center;margin:5px;margin-right:0px;overflow:hidden;}
#wpic span, #mappic span {text-align:center; padding:4px; margin:4px; font-weight:bold;}

#tags {color:#999; font-size: 14px;}
#footlnk {font: normal 12px verdana,arial,sans-serif; color:#000; text-align:center; padding: 10px 2px 10px 2px; box-sizing: border-box;}
#logo {float:left;padding:0;margin:0;}
#ban1 {vertical-align:middle; margin:10px; padding:1px;}
#ban468 {display:inline-block; margin:0; padding:0;}

.grey, .navrow span.grey {color:#999;}
.dark, .navrow span.dark, .ant .grey {color:#555;}
.darkbon {font-size:15px;color:darkred;font-weight:bold;}

.ba td, .ba td span {vertical-align:middle;}
.ba td span {margin: 14px 0px 0px 10px; display:block;}
td.sco {font-size:16px;}

table.pauto tr.ba:nth-child(odd) {background-color: #FFCCCC;}
table.sortable tr.ba:nth-child(n+2):nth-child(even) {background-color: #FFDDDD;}
table.sortable td {font-size: 15px;}
.floright {float:right;}

#nav {float:left; width:200px; min-width:200px; padding:10px; margin:0; box-sizing: border-box; background:#fff; display:inline-block;
	-webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order:1; z-index: 3;}
#main {box-sizing: border-box; margin-left:240px; padding:10px;}

#content {float:right; text-align:left; 
max-width:100%; width: auto !important; background:#fff; box-sizing: border-box; padding:15px; border:0px; display:inline-block;
-webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1;
-webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order:2;}
#wrapper {max-width:1200px; width:100%; padding:0; margin:0 auto; background:#fff; vertical-align:top; 
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}

#navcont {margin-bottom:9px;}
#navcont, .navcont {width: 100%; font: bold 14px Arial,sans-serif; color:#ffffff;}
#navcont ul, .navcont ul, .navlistwrap ul {margin: 0px 0 4px 0; padding: 1px; list-style-type: none; }
#navlist li a, #navlist2 li a, ul.navlist li a {display: block; width: 100%; font-size:14px; font-weight:bold; overflow:hidden;}
#navlist li a:hover, #navlist2 li a:hover {background-color: #330000; color:#ffffff;}
#navcont li a, .navlistwrap li a {background-color: #990000; color:#ffffff; text-decoration:none; border-bottom: 1px solid #fff; padding: 10px 2px 10px 2px; vertical-align:middle; text-align:left;}
#navcont a:hover, .navlistwrap a:hover {color: #FFAAAA;}
#nav ul.navlist li div.rimg {float:left; background-size: cover; width:35px; height:35px; padding:0px; margin:0px 5px 5px 0px; border-radius:50%; border: 1px solid #333; box-shadow: 2px 2px 4px 0 rgba(0,0,0,.4);}
#nav ul.navlist li div.gimg {float:left; background-size: cover; width:50px; height:50px; padding:0px; margin:0px 5px 5px 0px; border-radius:50%; border: 1px solid #333; box-shadow: 2px 2px 4px 0 rgba(0,0,0,.4);}
#nav ul.navlist li a {float:left;/*<cas in row*/ text-align:center; vertical-align:center; width:180px; padding-top:2px; margin:1px; border-bottom:2px dotted #dddddd;}
#nav ul.navlist li a span {position:relative; vertical-align:center; display:inline-block; padding:11px 3px;}
#nav ul.navlist li a:hover div {border-width:2px;margin:0px 3px 3px 0px;}
#navlist li a span, #navlist2 li a span {position:relative; vertical-align:center; display:inline-block; padding:10px 7px;}
#navlist2, .navlistwrap {text-align:center;}
#navlist2 li {display:inline;}
#navlist2 li a {display:inline-block; max-width:144px;}
.navlistwrap {width:100%; font: bold 14px Arial,sans-serif; color:#ffffff;}
#nav ul.navlist li {width:178px; overflow:hidden; text-align:center; display:inline-block;}
div.title2 {height:18px; font-size:18px; background:#FFDDDD; color:darkred; border: 2px dotted darkred; border-radius:9px; vertical-align:middle; text-align:center; vertical-align: middle; padding: 10px 1px; margin: 6px 0px 6px 0px;}
div.navcont {margin-bottom: 15px;}
div.rimgico {width:25px; height:25px; padding:0px; margin:0px 4px -5px 10px; display:inline-block;}
div.cherry, div.casino, div.gl, div.man, div.pccode, div.cal {background-image: url('icons/str-stats.png'); background-repeat: no-repeat;}
div.cherry {background-position: 0px 0px;}
div.casino {background-position: 0px 20%;}
div.gl {background-position: 0px 40%;} /*-50px;*/
div.man {background-position: 0px 60%;}
div.pccode {background-position: 0px 80%;}
div.cal {background-position: 0px 100%;}
div.bon, div.sys, div.dice, div.roul, div.poker, div.bj, div.mbag {background-image: url('icons/str-games.png'); background-repeat: no-repeat;}
div.bon {background-position: 0px 0px;}
div.sys {background-position: 0px 16.67%;}
div.dice {background-position: 0px 33.33%;}
div.poker {background-position: 0px 50%;}
div.roul {background-position: 0px 66.67%;}
div.bj {background-position: 0px 83.33%;}
div.mbag {background-position: 0px 100%;}
/*div.bon {background-position: 0px 0px;}
div.sys {background-position: 0px -25px;}*/
div.rimgico {background-size: cover;}

.cookie-container{position:fixed;display:flex;justify-content:space-between;font-size:13px;align-items:center;background-color:#eee;width:98%;left:0px;right:0;bottom:0px;z-index:9999;min-height:35px;height:auto;transition:all .3s linear;text-align:center;}
.cookie-container-hidden{display:none;opacity:0;/*min-height:0;height:0;*/overflow:hidden;}
.cookie-container .cookie-message{margin:10px 18px;font-size:14px;text-align:center;color:#000;}
.cookie-container .cookie-dismiss{margin:10px 18px;color:#fff;text-transform:uppercase;font-weight:700;cursor:pointer; line-height: 1.8em;}
.cookie-container .cookie-dismiss-btn{position:relative;display:inline-block; max-width:100%;padding:0 12px;min-width:50px;min-height:35px;overflow:hidden;align-self:flex-start;cursor:pointer}
.cookie-container .cookie-dismiss-btn::after,.cookie-container .cookie-dismiss-btn::before{content:'';position:absolute;height:2px;width:20px;top:50%;left:25%;margin-top:-1px;background:#000}
.cookie-container .cookie-dismiss-btn::before{transform:rotate(45deg)}
.cookie-container .cookie-dismiss-btn::after{transform:rotate(-45deg)}
.cookie-container .cookies-learn-more{text-decoration:underline;cursor:pointer;color:#333}
span.button7 {color: #fff; text-decoration: none; user-select: none; background: #500; padding: .6em 1.5em; line-height: 1.8em; outline: none;} 
span.button7:hover {background: #700;}
span.button7:active {background: #200;}

#lang {float:left; background-size: cover; width:25px; height:25px; padding:0px; margin:10px; border-radius:50%; border: 1px solid #ddd; cursor:pointer; box-shadow: 3px 3px 6px 0 rgba(0,0,0,.6);}
 
#geo_div.popup {margin: -90px 0px 0px -90px; left: 22.7%; top: 25%; display: none; position: fixed; z-index: 1001; padding-bottom:15px;}
#geo_div h3 {border-bottom-color: rgb(153, 153, 153); border-bottom-width: 1px; border-bottom-style: dotted; text-align:left; padding-bottom:7px; font-size:1.1em;}
#geo_div {width: 380px; background: radial-gradient(rgb(255, 187, 187), rgb(222, 108, 114)); padding: 15px; border-radius: 10px; -webkit-border-radius: 10px; 
	-moz-border-radius: 10px; top: 30px; right: 0px; position: absolute; margin-bottom:5px; padding-bottom:5px; display:none;}

#lang:hover div#geo_div {DISPLAY: block; position: absolute;}

#pull {margin-top:10px;font-size:32px;color:darkred; display:none;box-sizing: border-box;}
#pullspan {padding:3px 6px; background:#ffffff; cursor:pointer;}

.container {margin: 0px auto; padding:0; vertical-align:top; width:100%;}
#hormenu {background:url('btm3.gif') no-repeat left top; background-size: 130px 40px; width:100%;}
#ban2 {width:468px; height:60px; padding:0; margin:20px 0px 15px 0px; background:#ffffff; text-align:center;} /*box-sizing: border-box;*/
#ban2-b {text-align:center;}

:after, :before {box-sizing: inherit;}

body, a {font-size:105%;}
a.menu, .cnt, .ba, .ba td, .bb td, .cnt2 td, .cnt2, .cnt, p, .brad, strong, #footlnk, #tags, .small, ul#navcont a, ul.navcont a {font-size:105%;}
div.Title, div.title2, a.cmenu, .cookie-container {font-size:115%;}
.img64 {float:left; background-size:cover; width:50px; height:50px; display:inline-block; padding:0px; margin:0px 8px 0px 2px; border-radius:50%; border: 1px solid #333; box-shadow: 2px 2px 4px 0 rgba(0,0,0,.4);}
td.thmb a span {position:relative; vertical-align:center; display:inline-block; padding:14px 6px;}

.icon_exit {width:17px; height:17px;}

@media screen and (max-width:1023px)
{
	#nav {width:200px;}
}
@media screen and (max-width:900px)
{
	#nav {width:200px; position:inherit;}
	#overlay, .menu3row {display:none;}
	BODY {background-image:none;}
}
@media screen and (max-width:860px)
{
	.tabcolgt, #hpadd {display:none;}
	#main {width:98%; margin-left:0px; margin-right:0px;}
	#nav, #navcont, .navcont, #navcont ul {width:98%; margin-left:0px;}
	#wrapper {flex-flow: wrap;}
	#content {margin-left:0px; float:none; width:100%; -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order:1;}
	#nav {display:block; float:none; width:100%; box-shadow:3px 3px 3px rgba(0,0,0,0.3); -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order:2;}
	ul.navlist li, #navlist li, #navcont ul li {display:inline; }
	#navlist li a {display:inline-block; max-width:200px;}
	#pull {display:block; position:absolute; top:0; right:5px;}
	#pullover {height:0px;}
	#winmenu {margin-left:97px; padding: 6px 4px;} 
}
@media screen and (max-width:800px)
{
	#nav {width:100%;}
	.tcaslogo {display:none;}
}
@media screen and (max-width:750px)
{
	.tabcolsoft {display:none;}
	.bars {max-width:180px;}
	#ban1 a, #ban1 img, #ban468 {display:none;}
}
@media screen and (max-width:720px)
{
	.tdate {display: none;}
	#ban2 img, #ban2 {display: block; width: 99%; height: auto; overflow:hidden;  /*max-width: 99%;*/}
}
@media screen and (max-width:670px)
{
	.tabcolavg {display:none;}
	#tabodds td {font-size:90%; font-size:12px;}
}
@media screen and (max-width:620px)
{
	#lang {width:35px; height:35px;}
	#pull {margin-top:10px;}
	.bars {max-width:150px;}
}
@media screen and (max-width:550px)
{
	.bjcard {font-size:95%;}
}
@media screen and (max-width:480px)
{
	.bars {max-width:130px;}
	.bjcard {font-size:90%;}
	.ba, .ba td, .bb, .bb td {FONT-SIZE: 100%;}
	span.cents {display:none;}
	img.news, #ban2-b img {width: 99%; height: auto;}
}
@media screen and (max-width:470px)
{
	.tabcolcas {display:none;}
}
@media screen and (max-width:410px)
{
	#geo_div {width: 95%;}
	.tabreview {display:none;}
	.bjcard {font-size:80%;}
	.ba, .ba td, .bb, .bb td {FONT-SIZE: 95%;}
}
@media(min-width:60em){
	body, a, .cnt, .ba, .ba td, .bb td, .cnt2 td, .cnt2, .cnt, p, .brad, strong, #footlnk, #tags, .small, ul#navcont a, ul.navcont a {font-size: 100%;}
}