@charset "utf-8";
* {
	box-sizing: border-box;
}
html {
	margin: 0;
	padding: 0;
}
/* Body */

body {
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	margin: 0;
	padding: 0;
	background-color: #101010;
	width: 100%;
	min-width: 460px;
	display: flex;
	flex-flow: column;
}
.wrap {
	width: 100%;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
.btntop {
	color: #FFFFFF;
	font-size: 1rem;
	font-weight: 500;
	text-decoration: none;
	float: right;
	margin: 0.5rem 0 0 0;
}
.flex {
	display: flex;
}
.flex-r-w {
	display: flex;
	flex-flow: row wrap;
	width: 100%;
}
.flex-r-nw {
	display: flex;
	flex-flow: row nowrap;
	width: 100%;
}
.flex-jc-c {justify-content: center;}
.flex-jc-sa {justify-content: space-around;}
.flex-jc-sb {justify-content: space-between;}

.flex-jc-sa-mb {justify-content: space-around !important;}

.col {flex-flow: column;}
.row {flex-flow: row wrap;}
.row-nowrap {flex-flow: row nowrap;}

.l-marg {margin-left: 1rem !important;}
.r-marg {margin-right: 1rem !important;}
.t-marg {margin-top: 1.5rem !important;}

.mt0 {margin-top: 0rem !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: 0rem !important;}
.mb05 {margin-bottom: 0.5rem !important;}
.mb10 {margin-bottom: 1rem !important;}
.mb15 {margin-bottom: 1.5rem !important;}
.mb20 {margin-bottom: 2rem !important;}

.pt10 {padding-top: 1rem !important;}
.pb10 {padding-bottom: 1rem !important;}

.nopad {padding: 0 !important;}

.w100 {width: 100% !important;}

.white-font {color:#FFF;}

/* Header */
.header_bg {
	background-color: #101010;
	text-align: center;
	width: 100%;
}
.header_bg::after {
	clear: both;
}
.logo_cont {
	margin: 0.9rem auto;
}	
.logo {
  margin: 0;
  padding: 0;
  border: none;
  width: 160px;
  height: auto;
}
.search_cont {
	width: 100%;
	margin: 0.5rem 0 1rem;
	padding: 0 1rem;
}
.search_box {
	margin: 0;
}
.search_box .inputimg {
	width: 20px;
	height: 20px;
	position: absolute;
	margin: 8px 0 0 8px;
	border: none;
	vertical-align: text-bottom;
}
.search_box input {
	background-color: #F8F8F8;
	padding: 8px;
	outline: none;
	border: none;
	border-radius: 3px;
	color: #101010;	
	width: 85%;
	font-size: 1.2rem;
	text-align: center;
}
.search_box ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #101010;
	opacity: 1; /* Firefox */
}
.search_box :-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #101010;
}
.search_box ::-ms-input-placeholder { /* Microsoft Edge */
	color: #101010;
}
.search_box form {
	margin: 0 auto;
}
#header_search {
	z-index: 15;
	position: absolute;
	top: 138px;
	right: 15px;
	left: 15px;
	width: calc(100% - 30px);
	min-width: 360px;
	padding: 0;
	background-color: #F8F8F8;
	box-shadow: 0 2px 4px black;
}
div.result, div.result-cas, div.result-prov {
	align-items: center;
	text-align: left;
	display: flex;
	flex-flow: row nowrap;
	width: 100%;
	height: auto;
	padding: 0.6rem;	
	font-size: 0.8rem;
	color: #777;	
}
div.result:hover, div.result-cas:hover, div.result-prov:hover, .searchall:hover {
	background-color: #f8d756;
}
div.result img {
	width: 75px;
	height: 50px;
	vertical-align: middle;
	border-radius: 4px;
	border: none;
}
div.result-cas img {
	width: 100px;
	vertical-align: middle;
	border-radius: 4px;
	border: none;
}
div.result-prov img {
	background-color: black;
	width: 100px;
	vertical-align: middle;
	border-radius: 4px;
	border: none;
	padding: 5px;
}
div.result a, div.result-cas a, div.result-prov a {
	color: #000;
	text-decoration: none;
	font-size: 1rem;
}
div.result span, div.result-cas span, div.result-prov span {
	padding: 0 0.4rem;
}
span.slabel {
	background-color: rgba(50,50,50,0.60);
	box-shadow: 0 0 2px black;
	border-radius: 3px;
	font-weight: 700;
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	text-align: center;
	margin: 0 0.3rem;
	padding: 0.1rem 0.2rem 0.15rem!important;
	z-index: 10;
}
span.snew {
	font-size: 0.8rem;
	color: #f8d756;
	border: 1px solid #f8d756;
}
span.supcoming {
	font-size: 0.7rem;
	color: #569ef8;
	border: 1px solid #569ef8;
}
span.sexclusive {
	font-size: 0.7rem;
	color: #59f856;
	border: 1px solid #59f856;
}
a.searchall {
	display: block;
	color: #000;
	font-weight: 500;
	font-size: 1rem;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	padding: 8px 0 8px;
	border-bottom: 2px solid #999;
}

.ad_cont {
	width: 100%;
	margin: 1rem auto 1.8rem;
	padding: 0 1rem;
}
.ad_cont img {
	width: 100%;
	max-width: 468px;
}
/* Menu */ 
nav {
	background: #08c858;
	color: #FFF;
	left: 0;
	position: absolute;
	text-align: left;
	top: 0;
	z-index: 99;
}
nav ul {
	margin: 0;
	padding: 0;
}
.main-menu {display: none;}
#tm:checked + .main-menu {
	display: flex;
	flex-flow: column;
	font-weight: 700;
	gap: 1.5rem;
	min-width: 210px;
	padding: 0.5rem 0 1rem 1.5rem;
}
nav input[type="checkbox"], 
nav ul span.drop-icon {
	display: none;
}
nav ul li a {
	font-weight: 700;
	padding: 0;
	margin: 0;
	font-size: 1.1rem;
}
nav li, 
#toggle-menu, 
nav a {	
	color: #FFF;
	display: block;
	text-decoration:none;
	text-transform: uppercase;
}
#toggle-menu {
	background-color: #08c858;
	border: none;
	cursor: pointer;
	font-size: 1.4rem;
	font-weight: 800;
	padding: 1rem 1.4rem;
    text-decoration: underline;
}
#toggle-menu .drop-menu-icon {
	position: absolute;
	right: 0.6rem;
	top: 0.4rem;
	background: url(../images/menuDown.png) no-repeat;
	background-size: 32px 32px;
}
nav label.drop-menu-icon, #toggle-menu span.drop-menu-icon {
	width: 2.5rem;
	height: 2.5rem;
	text-align: center;
	background-color: transparent;
}
.main-menu label {cursor:pointer; font-size:1.1rem; padding:0.3rem 0;}
nav a {
	transition: all .125s ease-in-out;
	-webkit-transition: all .125s ease-in-out;
}
nav a:visited {
	color: #FFF;
}
.sub-menu {
	display: none;
}
.sub-menu li a {
	font-size: 1rem;
	padding: 0;
}
.sub-menu label {font-size: 1rem;}
nav input[type="checkbox"]:checked + .sub-menu {
    background-color: #06b24e;
	display: flex;
	flex-flow: column;
	gap: 1.5rem;
	min-width: 220px;
	margin: 1rem 1rem 0 0;
	padding: 1rem;
}
.sub-menu2 {
	display: none;
}

.sub-menu2 li a {
	font-weight: normal;
	font-size: 0.9rem;
	padding: 0.3rem 0.3rem 0.3rem 0;
	cursor: pointer;
	color: #FFF;
}
nav input[type="checkbox"]:checked + .sub-menu2 {
	display: grid;
    gap: 0.8rem;
    grid-template-columns: 1fr 1fr;
    padding: 1rem 0 0;
}

.NLbox {
	position: fixed;
	top: 70%;
	left: -54px;
	z-index: 99;
	transform: rotate(-90deg);
}
.NLbox span.mailer {
	cursor: pointer;
	color: #FFF;
	background-color: #4aa9ff;
	border-radius: 0 0 7px 7px;
	font-weight: 500;
	padding: 4px 15px 3px;
	text-transform: uppercase;
}
.NLbox .signupbox {
	display: none;
}
.NLbox:hover .signupbox {
	display: block;
	position: absolute;
	width: 270px;
	height: 291px;
	border: none;
	border-radius: 3px;
	padding: 10px 15px 15px;
	background-color: #4aa9ff;
	text-align: left;
	color: #FFF;
	top: 10px;
	left: 0;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
.NLbox .signupbox span.mailerhead {
	color: #FFF;
	text-transform: uppercase;
	font-weight: 500;
	border-radius: 0;
}
.NLbox .signupbox p {
	margin: 10px 0 15px;
}
.NLbox .signupbox input {
	display: block;
	width: 194px;
	border: none;
	outline: none;
	margin: 10px 0 0;
	padding: 3px 5px;
	border-radius: 3px;
}
.NLbox .signupbox span {
	display: inline-block;
	font-size: 14px;
	margin: 5px 0 0 0;
}
.NLbox .signupbox input.realcheck {
	display: inline-block;
	border: none;
	outline: none;
	margin: 10px 0 10px 5px;
	width: 80px;
	padding: 3px 5px 0;
}
.NLbox .signupbox input.mailersub {
	display: inline-block;
	width: auto;
	background-color: #2A2D34;
	color: #FFF;
	border: none;
	cursor: pointer;
	padding: 5px 8px;
	transition: color 0.2s linear;
}
.NLbox .signupbox input.mailersub:hover {
	color: #618bb1;
}
.NLbox .signupbox input.mailerunsub {
	width: auto;
	float: right;
	font-size: 12px;
	background-color: transparent;
	color: #FFF;
	border: none;
	cursor: pointer;
	padding: 5px 8px;
	transition: background-color 0.2s linear;
}

/* Header end */

.intro_bg {
	width: 100%;
	float: left;
	background-color: #F8F8F8;
	padding: 0 0 25px 0;
}
.intro_bg h1, .intro_bg h2, .intro_bg h3 {
	color: #000000;
	font-weight: 800;
	font-size: 18px;
	margin: 0 0 15px 0;
	padding: 0;
	text-align: left;
	text-transform: uppercase;
}
.col-slide {
	width: 100%;
	height: auto;
	text-align: center;
	padding: 0;
	margin: 25px 0 0 0;
	float: left;
}

.promo_bg {
	margin: 0 auto;
	max-width: 1184px;
	padding: 2rem 0;
	width: 100%;
}
.promo-btn {
	font-size: 1rem !important;
	margin: 0 0.2rem !important;
	padding: 0.4rem 0.3rem 0.5rem !important;
	width: 45% !important;
}
.cas-promo {
	margin:0 auto;
	max-width: 380px;
	padding: 0 1rem;
}
.cas-promo .c-inner {
	background-color: rgba(0,0,0,0.60);
	border-radius: 0.3rem;
	box-shadow: 0 2px 4px 0 #333;
	padding: 1rem;
}
.cas-promo span {
	color: #FFF;
	display: block;
	font-size: 1.3rem;
	font-weight: 900;
	line-height: 1.3rem;
	margin: 0 0 1rem;
	text-align: center;
	text-shadow: 0 0 5px black;
}
.cas-promo-box {
	align-items: center;
	border-radius: 0.3rem;
	display: flex;
	flex-flow: row wrap;
	margin: 0 auto;
	width: 100%
}
.cas-promo-box img {
	margin: 0 auto;
	max-height: 100px;
	max-width: 230px;
}
.cas-promo-box div {
    display: flex;
	flex-basis: 100%;
    flex-flow:row nowrap;
    justify-content: space-around;
	text-align: center;
}
.cas-promo-box p {
	color: #F9D856;
	font-size: 1.3rem;
	font-weight: 900;
	line-height: 1.3rem;
	margin: 1rem 0;
	text-align: center;
	text-shadow: 0 0 5px black;
	width: 100%;
}
start-block {
	display: grid;
	gap: 1rem;
	padding: 0 0.5rem;
	text-align: center;
	width: 100%;
}
start-block h1 {
	color: #000000;
    display: block;
	font-size: 1.6rem;
    font-weight: 800;
    grid-column: 1;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}
start-block p {
	font-size: 1rem;
	margin: 0;
	padding: 0;
}
start-block img {
    align-self: center;
	background-color: #353d4b;
    border-radius: 0.2rem;
    grid-column: 1;
    grid-row: 2;
    height: auto;
    justify-self: center;
    padding: 0.4rem;
    width: 212px;
}

.start-text {
	margin: 0 auto 2rem;
	max-width: 430px;
	padding: 0 1rem;
	width: 95%;
}
.start-text div {
	background-color: rgba(0,0,0,0.60);
	border-radius: 0.3rem;
	box-shadow: 0 2px 4px 0 #333;
	height: auto;
	margin: 0 auto;
	padding: 1rem;
	width: 100%;
}
.start-text h1 {
	color: #FFF;
	font-size: 1.5rem;
	font-weight: 900;
	line-height: 1.4rem;
	margin: 0;
}
.start-text p {
	color: #FFF;
	font-size: 1rem;
	margin: 0.5rem 0
}
.start-text a {
	color: #FFF;
}
.white_bg {background-color:#FFF; padding:2rem 0; width:100%;}
.white_bg::after {clear:both;}
.white_bg h1, .white_bg h2, .white_bg h3 {
    color: #000000;
    display: block;
    font-weight: 800;
    margin: 0;
    padding: 0;
	text-transform: uppercase;
}
.white_bg h1 {
	font-size: 1.6rem;
}
.white_bg h2 {
  font-size: 1.4rem;
}
.white_bg h3 {
  font-size: 1.2rem;
}
.white_bg .column p {
	color: #000;
	margin: 0.5rem 0;
}
.white_bg a {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}
.white_bg span {
	color: #505050;
	font-size: 1.2rem;
	font-weight: 700;
	margin: 0;
	text-transform: capitalize;
}
.white_bg span a {
	color: #505050;
	font-weight: 700;
}
.white_bg .guides, .darkblue_bg .guides {
	color: #000;
	display: flex;
	flex-flow: row wrap;
    gap:1rem;
	justify-content: space-between;
	margin: 0.5rem 0 0;
	padding: 0;
	width: 100%;
}
.white_bg .guides .guide, .darkblue_bg .guides .guide {
    background-color: #FFF;
    border-radius: 0.2rem;
	color: #000;
	height: auto;
	margin: 0;
	padding: 0.6rem;
	width: 100%;
}
.white_bg .guides .guide p, .darkblue_bg .guides .guide p {
	margin: 0;
	color: #000;
}
.white_bg .guides .guide .SGImg, .darkblue_bg .guides .guide .SGImg {
	border: none;
	border-radius: 0.2rem;
	height: auto;
	float: right;
    margin: 0.8rem 0 0 1rem;
	width: 120px;
}
.white_bg .guides .guide span a, .darkblue_bg .guides .guide span a {
    display: block;
    font-size: 1.1rem;
    font-weight: bold;
    padding: 0;
    text-align: left;
    color: #000;
}
.white_bg .guides .guide a, .darkblue_bg .guides .guide a {
    font-weight: 700;
    color: #000;
    text-decoration: none;
}
.white_bg .guides .guide span.date, .darkblue_bg .guides .guide span.date {
    color: #444;
    display: block;
    font-size: 0.9rem;
    font-weight: 500;
}

.column, .column-s, .column-g, .column-text {
    float: left;
    height: auto;
    text-align: center;
    padding: 0 0.5rem;
    width: 100%;	
}
.column-box-ad {
	display: none;
}
.column-wide-ad, .column-wide-ad-ps {
	float: left;
	width: 100%;
	padding: 0;
	margin: 2rem 0 0 0;
}
.column-wide-ad-ps {
	padding: 0;
}
.column-box-ad a img {
	border: none;
	height: auto;
	max-height: 250px;
	max-width: 300px;
	margin: 0;
	width: 100%;
}
.column-wide-ad a img, .column-wide-ad-ps a img {
	border: none;
	height: auto;
	margin: 0;
	max-width: 700px;
	width: 100%;
}
.column p, .column-s p, .column-ps p, .column-g p {
  color: #000;
  padding: 0;
  text-align: justify;
  margin: 0.2rem 0 0.5rem;
  width: 100%;
}
.column-text {
	text-align: left;
}
.column-text h2 {
	display: block;
	font-size: 1.6rem;
}
.column-text h3 {
	display: block;
	font-size: 1.2rem;
}
.column-text p {
	font-size: 1rem;
	line-height: 1.3rem;
	margin: 0.5rem 0 1rem;
	width: 100%;
}
#ProCon {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1rem;
	margin: 0 0 1rem;
    max-width: 700px;
	width: 100%;
}
#ProCon .Pro {
	background-color: #FFF;
    border-radius: 0.2rem;
    box-shadow: 0px 1px 3px #33333361;
    color: #101010;
	margin: 0;
	padding: 0.5rem;
}
#ProCon .Con {
	background-color: #FFF;
    border-radius: 0.2rem;
    box-shadow: 0px 1px 3px #33333361;
	color: #101010;
	margin: 0;
	padding: 0.5rem;
}
#ProCon ul {
	background-color: initial;
	border: none;
    box-shadow: none;
	display: flex;
	flex-flow: column;
	gap: 0.5rem;
	list-style: none;
	margin: 0.2rem 0;
	max-width: 100%;
	padding: 0;
	width: 100%;
}
#ProCon ul li {
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 16px;
    margin: 0;
	padding: 0 0 0 1.6rem;
}
#ProCon .Pro ul li {
	background-image: url(../images/dot-positive.webp);
}
#ProCon .Con ul li {
	background-image: url(../images/dot-negative.webp);
}
.column-text img {
	float: right;
  	border: none;
  	margin: 1rem 0 1rem 1rem;
  	max-width: 260px;
  	width: 50%;
}
.column-text img.full-width {
	margin: 1rem 0;
	max-width: none;
	width: 100%;
}
.column-text .revimg {
	border: none;
	float: none;
	margin: 0 0 1rem;
  	max-width: 600px;
  	width: 100%;
}
.column-text img.lobby-img {
	float: none;
	margin: 1rem 0 0;
	max-width: 600px;
	width: 100%;
}
.column-text ul {
	border-radius:0.2rem; 
	list-style-type: square;
	margin: 1rem 0;
	max-width: 100%;
    min-width: 250px;
	padding: 0.5rem 1.5rem;
	width: fit-content;
}
.column-text li { 
	line-height: 1.3rem;
	margin:0.5rem 0;
	width: 100%;
}
ul.list-colored {
    background-color: #08c8580f;
    border-radius: 0.2rem;
    box-shadow: 0px 1px 3px #33333361;
    padding: 0.5rem 1.5rem 0.5rem 2rem;
}
ul.list-numbers {list-style-type:decimal;}
ul.list-compact {padding:0 1.5rem 0.5rem;}
ul.list-compact li {margin:0.2rem;}

table.list-table {border-collapse:collapse; border-radius:0.2rem; margin:1rem 0; width:100%;}
table.list-table tr {border-bottom:1px solid;}
table.list-table th {background-color:#08a8c80f; padding:0.2rem;}
table.list-table td {padding:0.2rem;}
table.list-table, table.list-table th {border:1px solid;}

.faq-div {
    background-color: #08a8c80f;
    border: none;
    border-radius: 0.2rem;
    box-shadow: 0 1px 3px #33333361;
    margin: 1.5rem 0 0;
    max-width: 100%;
    padding: 1rem;
    width: 100%;
}
.faq-div h2 {
    margin: 0 0 1rem;
}
.faq-div h4 {font-size:1.1rem; margin-bottom:0;}

/* Content */
.white {
	background-color: #FFF;
	padding: 2rem 0;
	width: 100%;
}
.dark_bg {
	background-color: #101010;
	padding: 2rem 0;
	width: 100%;
}
.darkblue_bg {
    background-color: #172e38;
    padding: 2rem 0;
    width: 100%;
}
.darkgreen_bg {
    background-color: #005f49;
    padding: 2rem 0;
    width: 100%;
}

.lgrey {
	background-color: #525655;
	padding:2rem 0;
	width: 100%;
}
.lgreen {
	background-color: #7cbc97;
	width: 100%;
}
.greygreen_bg {
	background-color: #456968;
	padding: 2rem 0;
	width: 100%;
}
.darksl_bg {
	background-color: darkslategray;
	padding: 2rem 0;
	width: 100%;
}
.darkgrey_bg {
	background-color: #585360;
	width: 100%;
}
.dark_bg::after, .darkblue_bg::after, .darkgreen_bg::after, .darksl_bg::after, .darkgrey_bg::after {
	clear: both;
}
.dark_bg h1, .dark_bg h2, .dark_bg h3, .darkblue_bg h1, .darkblue_bg h2, .darkblue_bg h3, .darkgreen_bg h1, .darkgreen_bg h2, .darkgreen_bg h3, .darksl_bg h1, .darksl_bg h2, .darksl_bg h3, .darkgrey_bg h1, .darkgrey_bg h2, .darkgrey_bg h3 {
  	text-align: left;
  	color: #FFF;
  	display: inline-block;
  	font-weight: 800;
 	margin: 1.5rem 0 0;
  	padding: 0;
	text-transform: uppercase;
}
.dark_bg h1, .darkblue_bg h1, .darkgreen_bg h1, .darksl_bg h1, .darkgrey_bg h1 {
	font-size: 1.6rem;
}
.dark_bg h2, .darkblue_bg h2, .darkgreen_bg h2, .darksl_bg h2, .darkgrey_bg h2 {
	font-size: 1.4rem;
}
.dark_bg h3, .darkblue_bg h3, .darkgreen_bg h3, .darksl_bg h3, .darkgrey_bg h3 {
	font-size: 1.3rem;
	margin: 0;
}
.dark_bg h3 a, .darkblue_bg h3 a, .darkgreen_bg h3 a, .darksl_bg h3 a, .darkgrey_bg h3 a {
	font-size: 1.2rem;
	color: #FFFFFF;
	text-decoration: none;
}
.casino_bg {
	background-color: #F8F8F8;
	padding: 0 0 1rem;
	width: 100%;
}
.casino_bg h3 {
	color: #000000;
	font-size: 1.3rem;
	font-weight: 800;
	margin: 0 0 0 0.4rem;
	text-align: left;
	text-transform: uppercase;
}
title-row {
	display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    position: relative;
}
.content .title-more { color:#101010; font-size:1rem; margin:0 auto 0.5rem; text-decoration:underline;}
.content .title-more-w {align-self:center; color:#FFF; font-size:1rem; margin:0; text-decoration:underline;}

.content {
	width: 100%;
	height: auto;
	padding: 0 0.5rem;
	margin-left: auto;
	margin-right: auto;
}
.content hr {
    background-color:#08c858;
    border: none;
    height: 1px;
    margin: 2rem 0 1.5rem;
}
.gallery {display:grid; gap:0.7rem 0.5rem; margin:0.5rem 0 0; width:100%;}
.gallery a {
	text-decoration: none;
	color: #000000;
}
.col-1 {grid-template-columns: 1fr;}
.col-2 {grid-template-columns: 1fr 1fr;}
.col-3 {grid-template-columns: 1fr 1fr 1fr;}
.col-5 {grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}

provider-list {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0.8rem;
	margin: 0.5rem 0 0;
}
provider-box {align-items:center; background-color:#232933; 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%;}

slot-div {background-color:#FFF; box-shadow:0 1px 3px #33333361; border-radius:0.2rem; display:flex; margin:0; padding:0.3rem;}
slot-details {display:flex; flex-flow:column; gap:0.5rem; justify-content:space-between;}
slot-details div-one {display:flex; flex-flow:column; gap:0.5rem; position:relative;}
slot-details img {border:none; border-radius:0.2rem; display:block; opacity:1; width:100%;}
slot-details div-one:hover img {opacity:0.4;}
slot-details .label {
	background-color: rgba(50,50,50,0.80);
	border-radius: 3px;
	box-shadow: 0 0 2px black;
	font-size: 0.8rem;
	font-weight: 700;
	font-family: 'Roboto', sans-serif;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	z-index: 10;
}
.upcoming {border:px solid #569ef8; color:#569ef8; left:0.3rem; padding:0.15rem 0.2rem 0.1rem; top:0.3rem; width:auto;}
.new {border:1px solid #f8d756; color:#f8d756; left:0.3rem; padding:0.15rem 0.2rem 0.1rem; top:0.3rem; width:auto;}
.jackpot {border:1px solid #f85656; color:#f85656; padding:0.15rem 0.2rem 0.1rem; right:0.3rem; top:0.3rem; width:auto;}
.exclusive {border:1px solid #59f856; color:#59f856; left:0.3rem; padding:0.15rem 0.2rem 0.1rem; top:0.3rem; width:auto;}
slot-details .slotImgCover {bottom:0; display:none; left:0; position:absolute; right:0; text-align:center; top:0;}
slot-details .slotImgCover:hover div {opacity:1;}
slot-details .slotImgCover div {
    background-color:#08c858; 
    border-radius:3px; 
    box-shadow:2px 2px 4px #333; 
    color:#FFF; 
    font-size:0.9rem; 
    font-weight: 700;
	margin: 28% auto 0 auto;
	padding: 0.3rem 0;
	position: relative;
	text-align: center;
	text-transform: uppercase;	
	width: 70%;
}
slot-details div-one:hover .slotImgCover {display:block; height:70%;}
slot-details .slotName {font-size:1.1rem; font-weight:bold; padding:0;}
slot-details span.slotSoft a {font-size:0.9rem; font-weight:500; text-decoration:none;}
slot-details div-two {background-color:#00384b; border-radius:0.2rem; color:#FFF; display:flex; flex-flow:row nowrap; gap:0.2rem; justify-content:space-evenly; margin-top:0.2rem;}
slot-details div-two div {align-items:center; display:flex; font-size:0.85rem; gap:0.3rem; justify-content:center; padding:0.2rem 0.1rem; text-align:center;}
slot-details div-two span {color:#08c858 !important; display:initial; font-size:0.85rem !important; font-weight:700;}

slot-div.split {display:grid; grid-template-columns:1fr 1fr;} 
slot-div casino-box {display:flex; flex-flow:column; gap:0.7rem; justify-content:space-between; padding:0 0 0 0.5rem; text-align:center;}
casino-box span.realPlay {color:#000000; font-size:0.9rem; font-weight:bold; margin:0;	padding:0; text-transform:uppercase;}
casino-box span.realCasino {font-size:1.1rem; font-weight:bold;	text-transform:uppercase; margin:0;}
casino-box span.realCasino a {color:#0086b3;}
casino-box .realCasinoLogo {border-radius:0.2rem; height:auto; width:60%;}
casino-box span.realSoft {font-size:0.8rem; font-weight:500; margin:0;}
casino-box span.realSoft a {text-decoration:underline;}
casino-box .button {align-content:center; margin:auto auto 0.5rem;}
casino-box span.socialresp {color:#505050; font-size:0.7rem; margin:0;}

page-nav-slots, bonus-nav, casino-nav {border-radius:0.2rem; box-shadow:0 1px 3px #33333361; display:flex; flex-flow:row nowrap; margin:0 0 1rem; overflow:hidden;}
.tabs, .tabsbonus, .tabscasinos {align-items:center; background-color:#FFF; border-radius:0.2rem; display:flex; flex-flow:row wrap;}
.tab, .tabbonus, .tabcasinos {border-radius:0.2rem; color:#111; cursor:pointer; font-size:1.1rem; font-weight:700; padding:0.4rem 0.8rem; text-transform:uppercase;}
.tab.active, .tabbonus.activebonus, .tabcasinos.activecasinos {background-color:#08c858 !important; border-radius:0.2rem; color:#FFF;}
.tab-content, .tabbonus-content, .tabcasinos-content {display:none; margin:0 auto; position:relative; width:100%;}
.tab-content.active, .tabbonus-content.activebonus, .tabcasinos-content.activecasinos {display:grid;}

.thumbnail, .thumbnail-up, .thumbnail-up-s {
	background-color: #F0F0F0;
    border-radius: 0.2rem;
    box-shadow: 0 0 2px 1px #E5E5E5;
	margin: 0;
}
.slotDetail {
	display: flex;
	flex-flow: row nowrap;
    gap: 0.5rem;
	text-align: center;
	padding: 0.3rem;
	margin: 0;
	position: relative;
	overflow: hidden;
}
.slotImgBox, .slotImgBox-up {
    display: flex;
	flex-basis: 50%;
    flex-flow: column;
    gap: 0.5rem;
	position: relative;
}
.slotImgBox-up {
	flex-basis: 100%;
}
.slotDetail .label {
	position: absolute;
	background-color: rgba(50,50,50,0.80);
	box-shadow: 0 0 2px black;
	border-radius: 3px;
	font-size: 0.8rem;
	font-weight: 700;
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	text-align: center;
	z-index: 10;
}
.upcoming {
	left: 0.3rem;
	top: 0.3rem;
	padding: 0.15rem 0.2rem 0.1rem;
	width: auto;
	color: #569ef8;
	border: 1px solid #569ef8;
}
.new {
	left: 0.3rem;
	top: 0.3rem;
	padding: 0.15rem 0.2rem 0.1rem;
	width: auto;
	color: #f8d756;
	border: 1px solid #f8d756;
}
.jackpot {
	right: 0.3rem;
	top: 0.3rem;
	padding: 0.15rem 0.2rem 0.1rem;
	width: auto;
	color: #f85656;
	border: 1px solid #f85656;
}
.exclusive {
	left: 0.3rem;
	top: 0.3rem;
	padding: 0.15rem 0.2rem 0.1rem;
	width: auto;
	color: #59f856;
	border: 1px solid #59f856;
}
.slotImgBox:hover img, .slotImgBox-up:hover img {
  opacity: 0.4;
}
.slotImgBox-up:hover .bgImgS {
	background-color: rgba(255,255,255,0.60);
}
.slotImgBox img, .slotImgBox-up img {
  border: none;
  display: block;
  width: 100%;
  opacity: 1;
}
.bgImg, .bgImgS {
  width: 100%;
  height: 180px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.slotImgBox:hover .bgImg .slotImgCover, .slotImgBox-up:hover .bgImgS .slotImgCover {
  background-color: rgba(255, 255, 255, 0.6);
}
.slotImgCover {
	display: none;
	position: absolute;
	text-align: center;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.slotImgCover:hover div {
  opacity: 1;
}
.slotImgCover div {
	position: relative;
	background-color: #08c858;
	color: #FFF;
	text-align: center;
	font-weight: 700;
	font-size: 0.9rem;
	width: 70%;
	text-transform: uppercase;
	margin: 28% auto 0 auto;
	padding: 0.3rem 0;
	border-radius: 3px;
	box-shadow: 2px 2px 4px #333;
}
.slotImgBox.bgImg .slotImgCover div, .slotImgBox.bgImgS .slotImgCover div {
	position: relative;
	background-color: #08c858;
	color: #FFF;
	text-align: center;
	font-weight: 700;
	font-size: 0.9rem;
	width: 70%;
	text-transform: uppercase;
	margin: 80px auto 0 auto;
	padding: 0.3rem 0;
	border-radius: 3px;
	box-shadow: 2px 2px 4px #333;
}
.slotImgCover div:hover {
	background-color: #06b24e;
}
.slotImgBox.bgImg .slotImgCover div:hover, .slotImgBox.bgImgS .slotImgCover div:hover {
	background-color: #06b24e;
}
.slotImgBox:hover .slotImgCover ,.slotImgBox-up:hover .slotImgCover {
	display: block;
	height: 69%;
}
.slotImgBox:hover .bgImg .slotImgCover, .slotImgBox:hover .bgImgS .slotImgCover, .slotImgBox-up:hover .bgImgS .slotImgCover {
	display: block;
	height: 100%;
}
.slotDetail .slotName {
	display: block;
	font-size: 1.1rem;
	font-weight: bold;
  	padding: 0;
	text-align: left;  
}
.slotDetail h4 a {
	text-decoration: none;
}
.slotDetail span {
	display: inline-block;
	padding: 0;
	text-align: left;
    width: 100%;
}
.slotDetail span.slotSoft a {
	font-size: 0.9rem;
	text-decoration: none;
}
.slot-details {display:flex; flex-flow:row nowrap; gap:0.2rem; justify-content:space-between;}
.slot-details div {align-content:center; background-color:white; border-radius:0.2rem 0.2rem 0 0; font-size:0.8rem; padding:0.1rem;}
.slot-details div:nth-of-type(1) {width:60%;}
.slot-details div:nth-of-type(2) {width:40%;}
.slot-details div span {color:#08c858; display:initial; font-size:0.8rem;}

.slotDetail .realCasinoBox {
	background-color: #F0F0F0;
    display: grid;
    flex-basis: 50%;
    gap: 1rem;
}
.slotDetail .realCasinoBox span {text-align:center;}
.realCasinoBox span.realPlay {
	color: #000000;
	font-size: 0.8rem;
	font-weight: bold;
	margin: 0;
	padding: 0;
    text-transform: uppercase;
}
.realCasinoBox span.realCasino {
	font-size: 1.1rem;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0;
}
.realCasinoBox span.realCasino a {
	color: #0086b3;
}
.realCasinoBox span.realSoft {font-size:0.8rem; font-weight:500; margin:0;}
.realCasinoBox span.realSoft a {text-decoration:underline;}
.realCasinoBox .button {align-content:center; margin:0 auto;}
.realCasinoBox span.socialresp {color:#505050; font-size:0.7rem; margin:0;}
.casinolist {
	width: 100%;
	height: auto;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	padding: 0;
	margin: 0 0 1rem;
}
.casinoListing, .casinoListing-s {margin:0;}
.CB {
	background-color: #FAFAFA;
	border-radius: 0.2rem;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	padding: 0.6rem;
	text-align: center;
}
.top-l {flex-basis:40%;}
.top-r {flex-basis: 50%;}
.full {flex-basis:100%; margin:1rem 0 0; text-align:center;}
.CB .bg {
	width: 100%;
	height: auto;
	border: none;
	border-radius: 3px;
}
.casinoName {
	display: block;
	font-weight: bold;
  	font-size: 1.1rem;
	line-height: 1rem;
	height: 2rem;
	text-transform: uppercase;
	text-decoration: none;
	margin: 0.5rem 0 0;
}
.star-rating {
	width: 70%;
	margin: 0.4rem 0 0;
}
.realBonus {
	display: inline-block;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.3rem;
	height: 2.5rem;
	text-align: center;
	margin: 0.6rem 0 0;
	color: #333;
	text-decoration: none;
	text-transform: uppercase;
	vertical-align: middle;
}
.CB span.realTC {
	font-size: 0.7rem;
	margin: 0.5rem 0 0.6rem;
	color: #444;
}
.CB span.realTC a {
	color: #444;
	line-height: 14px;
}
.casinoListing .bonusTC {
	position: relative;
	display:block; 
	color:#444; 
	cursor:pointer;
	text-decoration: underline;
	font-size: 0.9rem;
	margin: 1rem auto 0;
}
.casBox .bonusTC, .casinoListing-s .bonusTC, .casBox .bonusTC {
	position:relative; 
	display:inline-block; 
	color:#444; 
	cursor:pointer;
	text-decoration: underline;
	font-size: 0.9rem;
	margin: 0 0 3.4rem 0;
	padding: 5px;
}
.bonusTC:hover {
	text-decoration:underline;
}
.bonusTC .termstext {
	visibility:hidden; 
	width:186px; 
	background-color:#EAEAEA; 
	border:1px solid #008393; 
	color:#444; 
	text-align:center; 
	padding:0.3rem 0.3rem 0.6rem; 
	position:absolute; 
	z-index:99; 
	bottom:60%; 
	left:50%; 
	margin-left:-98px;
}
.termstext span {display:block; margin:0.3rem 0 0;}
.bonusTC .wider {
	width:240px; 
	margin-left:-120px;
}
.bonusTC:hover .termstext {
	visibility:visible;
}
.button {
	border: none;
    border-radius: 3px;
    box-shadow: 0 2px 4px 0 #333333b8;
    display: block;
	color: #FFF!important; 
	background-color: #08c858;
	font-size: 0.9rem; 
	font-weight: 700;
	text-decoration: none;
	margin: 1rem auto 0;
	width: 70%;
	max-width: 200px;
	padding: 0.3rem;
    text-align: center;
	text-transform: uppercase;	
}
.button:hover {
	background-color: #06b24e!important;
	cursor: pointer;
}
/* Content end */

/* Casino review */

.casino-review {
    background-color:#FFF;
    border-radius:0.2rem;
    box-shadow:0 1px 3px #33333361;
	display: flex;
	flex-flow: row wrap;
	gap: 1rem;
	height: auto;
	margin: 0 0.5rem;
	padding: 1rem;
	text-align: center;
}
.casino-review-nobg {background-color:unset; box-shadow:unset; display:flex; flex-flow:column; margin:0; padding:0 0.5rem; text-align:center;}
.lower {
	margin: 0 auto;
}
.casino-review.lower h2 {
    margin: 0 auto;
	padding: 0;
}
.casino-review .logo {margin:0; width:100%;}
.casino-review .logo img {
	border-radius: 0.4rem;
	display: block;
	margin: 0 auto;
}
.casino-review .name {
	width: 100%;
}
.casino-review .name h1 {
	color: #101010;
	display: block;
    font-size: 1.5rem;
	margin: 0;
	padding: 0;
	text-align: center;
}
.casino-review .rating {
	color: #101010;
	font-size: 1.4rem;
	font-weight: 700;
	width: 100%;
}
.casino-review .rating img {
	display: inline-block;
	margin: 0.1rem auto 0;
	vertical-align: bottom;
	width: 200px;
}
pros-cons {margin:0 auto;}
pros-cons h2 {font-size:1.3rem !important;}
pros-cons .pro-con-div {color:#101010;	display:flex; flex-flow:column; gap:1rem; margin:0 0 1.5rem; padding:0;}
pros-cons .pro-con-div div {align-items:center; display:flex; flex-flow:column; margin:0;}
pros-cons .pro-con-div h2 {background-position:left 4px; background-repeat:no-repeat; background-size:18px; margin:0 0 0.5rem; padding:0 0 0 1.3rem;}
pros-cons .pro-div li {background-color:#08c80a0f;}
pros-cons .pro-div h2 {background-image:url(../images/dot-positive.webp);}
pros-cons .con-div li {background-color:#c808080f;}
pros-cons .con-div h2 {background-image:url(../images/dot-negative.webp);}
pros-cons .pro-con-div ul {background-color:unset; box-shadow:unset; display:flex; flex-flow:row wrap; gap:0.5rem; justify-content:center; list-style-type:none; margin:0; padding:0;}
pros-cons .pro-con-div ul li {border-radius:0.2rem; box-shadow:0 1px 3px #33333361; line-height:unset; margin:0; padding:0.2rem 0.4rem 0.3rem; width:fit-content;}

.pro-con-div.slot div {align-items:unset; display:flex; flex-flow:column; margin:0;}
.pro-con-div.slot ul {justify-content:flex-start;}

.casino-review .languages {margin:0 auto; max-width:580px; padding:0;
}
.casino-review language-box {background-color:#FFF; border-radius:0.2rem; color:#101010; display:block; font-size:1rem; font-weight:700; margin:0; padding:0; text-transform:uppercase;}
.casino-review language-box p {margin:0;}
.casino-review language-box img {border-radius:2px;	margin:0 0 0.25rem;	vertical-align:middle; width:initial;}
.visit {display:flex; flex-flow:column; margin:0.5rem 0; width:100%;}
.visit a {color:#101010; font-size:1rem; font-weight:500;}
.visit .vcas {font-size:1.1rem !important; font-weight:700 !important; margin:0 auto 1rem; max-width:210px;	padding:1rem 0;}

.casino-review .lobby, .casino-review-nobg .lobby {margin:0; padding:2rem 0; width:100%;}
.casino-review .lobby img, .casino-review-nobg .lobby img {
	margin: 0 auto;
	max-width: 500px;
	outline: none;
	padding: 0;
	width: 100%;
}
.casino-bonuses {display:flex; flex-flow:column; gap:0.5rem; margin:1.5rem 0.5rem 0;}
.casino-bonuses h2 {font-size:1.4rem; font-weight:800; margin:0 auto; text-transform:uppercase;}
.wht {color:#FFF !important;}
.blk {color:#101010 !important;}

.casino-bonuses .bonus-container {display:flex;	flex-flow:row wrap; gap:1rem 0.7rem; justify-content:center; margin:0 auto; padding:0;}
.casino-bonuses .bonus-inner {align-items:center; background-color:#08a8c80f; border-radius:0.2rem; box-shadow:0 1px 3px #33333361; display:flex; flex-flow:column; gap:0.5rem; margin:0; max-width:230px; min-width:218px; padding:0.5rem 0.8rem 0.8rem; text-align:center; width:min-content;}
.casino-bonuses .Bonus {align-items:center;	color:#e10000; display:flex; font-size:1.1rem; font-weight:800; height:3.4rem; margin:0; padding:0; text-align:center; text-transform:uppercase;}
.casino-bonuses .BonusType {color:#018bd2; font-size:0.9rem; font-weight:800; text-transform:uppercase;}
.wager {color:#5f6264; font-size:1rem; font-weight:500; margin-top:auto; padding:0;}
.wager span {color:#5f6264; font-weight:700;}	
.button-cont {padding:0.5rem 0; width:128px;}
a.bonus-button {
	background-color: #08c858;
  	border-radius: 0.2rem;
 	box-shadow: 2px 2px 4px #333;
  	color: #FFF;
  	cursor: pointer;
  	display: block;
  	font-weight: 700;
  	margin: 0 auto;
 	padding: 0.3rem 0.5rem;
	text-decoration: none;
  	text-transform: uppercase;
  	width: 100%;
}
a.bonus-button:hover {
	background-color: #06b24e!important;
	cursor: pointer;
}
.bonus-country {
	color: #5f6264;
  	font-size: 0.75rem;
  	margin: 0;
  	text-align: center;
 }
.safe-gambling {
  	color: #5f6264;
  	font-size: 0.75rem;
  	font-weight: 400;
  	margin: 0.5rem 0 0;
  	text-align: center;
}
.safe-gambling a {
	color: inherit;
	font-weight: inherit;
}
.summary {
    background-color:#FFF;
    box-shadow:0 1px 3px #33333361;
    border-radius: 0.2rem;
	color: #101010;
	margin: 0;
    padding: 1rem 0.7rem;
	text-align: center;
}
.summary h2 {
	font-weight: 800;
	margin: 0 0 1rem;
  	padding: 0;	
  	text-transform: uppercase;
}
.summary .title {
    color:#101010;
	display: block;
	font-size: 1rem;
	font-weight: 800;
	margin: 0 0 0.3rem;
	text-transform: uppercase;
}
.summary a {
	text-decoration: none;
}
.summary p {
    font-size: 1rem;
	line-height: 1.5rem;
	margin: 0;
}
.summary ul {
	background-color: unset;
  	border: none;
    box-shadow: none;
  	list-style-type: none;
  	margin: 0 auto 1rem;
  	max-width: none;
  	padding: 0;
}
.summary ul li {
	border-radius: 2px;
	display: inline-block;
    font-size:1rem;
	line-height: 1.1rem;
	margin: 0 0.1rem 0.3rem 0;
	width: auto;
}
.summary .col2 {display:flex; flex-flow:row wrap; gap:1rem; justify-content:space-between;}
.summary .col2 div {flex-basis:calc(50% - 0.5rem);}
.summary .col2 div p {margin:0;}
.summary.providers {display:flex; flex-flow:column; grid-column:1 / span 5; grid-row:3;}
.summary.countries {display:flex; flex-flow:column; grid-column:1 / span 5; grid-row:4;}

guru-text {color:#101010; display:block; padding:0; text-align:center;}

.bonus-inner label {
	color: #666;
	cursor: pointer;
	display: block;
	font-size: 1rem;
	font-weight: 900;
	margin: 0;
	padding: 0;
	text-decoration: underline;
}
.read-more {
	display: none;
}
.read-more:checked + .tc-box {
	display: block;
}
.tc-box {
	background-color: #9cffb770;
    border-radius: 0.2rem;
    display: none;
    flex-basis: 100%;
    margin: 0.5rem 0;
    padding: 0 0.5rem;
}
.tc-box p {
	color: #262626;
	text-align: center;
}

/* Casino review end */

/* Slots page */

.slot-head {
	display: inline-block;
}
.column-s img {
	width: 35%;
	max-width: 212px;
	height: auto;
	float: right;
	margin: 0 0 1rem 1rem;
	padding: 0.4rem;
	background-color: #2b2b2b;
	border-radius: 0.4rem;
	box-shadow: 0 0 0.4rem #9c9c9c;
}
.column-s p a {
	color: #000;
	font-weight: 500;
	text-decoration: none;
}
.sHead {
	color: #FFFFFF;
	display: inline-block;
	font-size: 1.2rem;
	font-weight: 800;
	margin: 0 auto 0.5rem;
	padding: 0;
	text-align: left;
	text-transform: uppercase;
	width: 100%;
}
.filterbox {
	padding: 0;
	width: 100%;	
}
.filterbox div {
	position: relative;
	text-align: left;
}
.filtr-search { 
	padding: 0 10px; 
	height: 36px; 
	width: 100%; 
	font-size: 16px;
	outline: none;
	border: none;
	border-radius: 3px;
	background-color: #F8F8F8;
	color: black;
}
.filtr-clear {
	background-color: transparent;
	border: none;
	vertical-align: middle;
	outline: none;
}
.filtr-clear:after {
	content: 'x';
	height: 16px;
	width: 16px;
	display: block;
	position: absolute;
	top: 7px;
	right: 12px;
	background-color: #61ad9e;
	color: #F8F8F8;
	border-radius: 50%;
	padding: 3px;
	font-size: 18px;
	line-height: 15px;
	cursor: pointer;
}
.filterbutton {
	border:none; 
	padding: 0;
	margin: 0;
	cursor: pointer;
	outline: none;
	color: #F8F8F8;
	background-color: transparent;
}
.clearfilter { 
	float: right;
	border: none; 
	color: #F8F8F8;
	background-color: transparent; 
	padding: 6px 5px 6px 0;
	cursor: pointer;
	outline: none;
}
.checkboxcontainer{ 
	margin-top: 8px; 
	display: none;
}
.checkboxcontainer:last-of-type {
	margin-bottom: 10px;
}
.checkboxTitle {
	color: #FFFFFF;
	text-transform: uppercase;
	font-weight: 500;
}
.checkboxes {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
}
.checkboxes div {
	display: inline-block;
	padding: 0 12px 3px 0;
}
.checkboxes div a {
	color: #FFFFFF;
	text-decoration: none;
}
.checkboxes .sortImg {
	width: 34px;
	height: auto;
	display: block;
	margin: 0 auto;
	padding: 0;
	float: none;
}
.checkboxes div a.softlink {
	text-decoration: none;
	color: rgba(255,255,255,0.7);
}
.checkboxes div input[type="radio"], .checkboxes div input.txt-new[type="radio"], .checkboxes div input.txt-popular[type="radio"], .checkboxes div input.txt-jackpot[type="radio"] {
	display: none;
}
.checkboxes div input[type="radio"] + label, .checkboxes div input.txt-new[type="radio"] + label, .checkboxes div input.txt-popular[type="radio"] + label, .checkboxes div input.txt-jackpot[type="radio"] + label {
	display: inline-block;
	margin: 0;
	padding: 5px 8px 5px 2px;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	color: rgba(255,255,255,0.50);
}
.checkboxes div input[type="radio"]:checked + label{
	font-weight: bold;
}
.checkboxes div input.txt-new[type="radio"] + label span {
	display: block;
	width: 40px;
	height: 40px;
	margin: 0 auto;
	background: url(../images/new.png) -40px top no-repeat;
	background-size: cover;
	cursor: pointer;
}
.checkboxes div input.txt-new[type="radio"]:checked + label span {
	background: url(../images/new.png) left top no-repeat;
	background-size: cover;
}
.checkboxes div input.txt-popular[type="radio"] + label span {
	display: block;
	width: 40px;
	height: 40px;
	margin: 0 auto;
	background: url(../images/popular.png) -40px top no-repeat;
	background-size: cover;
	cursor: pointer;
}
.checkboxes div input.txt-popular[type="radio"]:checked + label span {
	background: url(../images/popular.png) left top no-repeat;
	background-size: cover;
}
.checkboxes div input.txt-jackpot[type="radio"] + label span {
	display: block;
	width: 40px;
	height: 40px;
	margin: 0 auto;
	background: url(../images/jackpot.png) -40px top no-repeat;
	background-size: cover;
	cursor: pointer;
}
.checkboxes div input.txt-jackpot[type="radio"]:checked + label span {
	background: url(../images/jackpot.png) left top no-repeat;
	background-size: cover;
}
.thumbnail-s {
	margin: 10px 0.5% 10px 0.5%;
}
.thumbnail-s:first-of-type, .thumbnail-s:last-of-type {
	margin: 10px 0.5% 10px 0.5%;
}
/* Slots page end */

/* Play slot */
.column-ps {
	float: left;
    height: auto;
    margin: 0 0 1rem;
    padding: 0 0.5rem;
	width: 100%;
}
.column-ps .popSlots {  
	width: 100%;
}
.column-ps h3 {
	width: 100%;
	margin: 0;
}
h3.top-slots {
  display: inline-block;
	margin: 2rem 0 0 0.5rem !important;
}
h4.top-slots {
	margin: 7px 0 5px!important;
}
.column-ps span.slot-features {
	display: inline-block;
	text-align: left;
	width: 100%;
	margin: 0;
	font-size: 18px;
	font-weight: 500;
	color: #000000;
	text-transform: uppercase;
}
.column-ps ul {
	margin: 15px 0 0 0;
	padding: 0;
	text-align: left;
}
.column-ps ul li {
	font-weight: 500;
	list-style-type: none;
	display: block;
	margin: 5px 0 0 0;
}
.column-ps ul li a {
	color: #3E3E3E;
}
.column-ps span.new-slots {
	display: inline-block;
	text-align: left;
	width: 100%;
	margin: 0 0 5px 0;
	font-weight: 500;
	color: #000000;
	text-transform: uppercase;
}
.column-ps .popSlots .thumbnail {
  width: 49%;
  text-align: center;
  float: left;
  padding: 0;
  margin: 10px 0.5% 5px 0.5%;
}
.column-ps .popSlots .slotDetail {
  width: 100%;
  text-align: center;
  padding: 0;
  margin: 0;
  position: relative;
	overflow: hidden;
}
.column-ps .popSlots .slotImgBox {
	border-radius: 3px;
}
.column-ps .popSlots .slotImgBox.bgImg .slotImgCover {
	text-decoration: none;
}
.column-ps .popSlots .slotImgBox.bgImg .slotImgCover div {
  position: relative;
  background-color: #2A2D34;
  color: #FFFFFF;
  width: 60%;
  font-weight: 500;
  font-size: 16px;
  margin: 80px auto 0 auto;
  padding: 5px;
}
.column-ps .popSlots .slotImgBox.bgImg .slotImgCover div:hover {
  color: #61ad9e;
	transition: all 0.2s linear;
}
.column-ps .popSlots .slotImgBox:hover .slotImgCover {
  display: block;
  height: 100%;
}
.column-ps .popSlots .bgImg:hover .slotImgCover {
  display: block;
  height: 100%;
}
.upc-slot {
  color: #569ef8 !important;
  display: block !important;
  text-transform: none !important;
}
.feature-box {
	display: flex;
	flex-flow: column;
	margin: 0;
	padding: 0 1%;
	width: 100%;	
}
.feature-box div {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
}
span.slot-features {
	font-size: 1.2rem;
	font-weight: 800;
	color: #000000;
	margin: 1rem 0 0;
}
.feature-box h3 {
	font-size: 1.3rem;
	font-weight: 800;
	width: 100%;
	margin: 0 0 0.4rem;
}
.feature-box h3:nth-of-type(2) {
	margin: 1.3rem 0 0.4rem;
}
.feature-box p {
	color: #f8d756;
	background-color: #323d52;
	border-radius: 3px;
	font-size: 1.1rem;
	padding: 0.4rem 0.4rem 0.5rem;
	margin: 0 0 0.4rem;
	width: 49%;
	text-align: center;
}
.feature-box p:first-of-type {
	margin: 0 2% 0.4rem 0;
}
.feature-box p.wide {
	width: 100%;
	margin: 0 0 1rem;
}
.feature-box p.wide span {
	font-size: 1.7rem;
}
.feature-box p span {
	display: block;
	font-size: 1.5rem;
	color: #f8d756;
	font-weight: 800;
	margin: 0;	
}
.feature-box p .minfo {
	display: inline-block;
	border: 1px solid #f8d756;
	border-radius: 10px;
	width: 1rem;
	height: 1rem;
	font-size: 0.6rem;
	vertical-align: bottom;
	margin: 0 0 2px;
	padding: 0 0.02rem 0 0;
	cursor: pointer;
}
.feature-box span {
	color: transparent;
	margin: 0 0.4rem 0.2rem 0;
	font-size: 1.1rem;
	font-weight: 500;
}
.feature-box span a {
	background-color: #323d52;
	border-radius: 0.3rem;
	color: #f8d756;
	display: inline-block;
	font-weight: normal;
	margin: 0 0 0.3rem;
	padding: 0.3rem 0.4rem;
	text-decoration: none;
}
.box-ad-pg {
	display: none!important;
}
.box-ad-pg img {
	margin: 1.5rem 0 0;
	width: 100%;
	max-width: 300px;
	max-height: 250px;
}
.wide-ad-pg {
	justify-content: center!important;
	text-align: center;
	padding: 1.5rem 0 0;
}
.wide-ad-pg img {
	margin: 0;
  max-width: 468px;
  width: 100%;
}
.feature-logo {
	width: 33%;
	max-width: 300px;
	float: left;
	margin: 0.3rem 1rem 0 0;
	border: none;
}
.sm {
	display: block;
	max-width: 190px;
	margin: 0.3rem 0 0;
	font-weight: 500;
	text-decoration: none;
}
.sm img {
	border: none;
	width: 1.3rem;
	vertical-align: text-bottom;
}
.intro {
	font-weight: 500;
}

.clip {
	width: 100%;
	height: 100%;
	margin: 1.5rem 0 0;
}
.clip iframe {
	width: 100%;
	max-width: 700px;
	height: 360px;
}
.rating-box {
  background-color: #323d52;	
	border-radius: 3px;
	margin: 1.5rem 0 0;
	max-width: 200px;
	width: 40%;
}
.rating-box p {
	color: #f8d756;
	font-size: 1.1rem;
	margin: 0 auto;
	padding: 0.4rem 0.4rem 0.5rem;
	text-align: center;
}
.rating-box span {
	color: #f8d756;
	display: block;
	font-size: 1.7rem;
	font-weight: 800;
	line-height: 2rem;
	margin: 0;
}
.backButton {
	display: block;
	float: left;
	color: #000000;
	text-decoration: none;
	outline: none;
	font-weight: 500;
	font-size: 14px;
	margin: 15px 0 0 0;
}
.backButton-sml {
	display: block;
	float: left;
	color: #000000;
	text-decoration: none;
	outline: none;
	font-weight: 500;
	font-size: 1rem;
	margin: 1rem 0 0 0;
}
.backButton-lrg {
	display: none;
}
.gameframe {
	background-color:#d1d1d1;
	margin: 0;
	overflow: hidden;
	padding-bottom: 58%;
	position: relative;	
}
.gameframe img {
	width: 100%;
	height: auto;
	position: relative;
	border: none;
}
.gameframe p {
  text-align: center;
}
.gameframe-o {
	height: 440px;
}
.gameframe-no {
	padding-bottom: 0;
}
.gameframe .verification {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0;
}
.gameframe .confirmed {
	display: none;
}
.verification .verification-inner {
    background-color: rgba(255,255,255,0.6);
    height: 100%;
    position: absolute;
	top: 0;
	width: 100%;
}
.verification-inner div {
    background-color: rgba(255,255,255,0.8);
    display: flex;
    flex-flow: row wrap;
    font-weight: 500;
    justify-content: center;
    margin: 0 auto;
    padding: 20px 30px;
    position: relative;
    top: 20%;
    width: 80%;
}
.verification-inner .first {
	font-size: 1.3rem;
}
.verification-inner p {
	text-align: center;
}
.verification-inner button {
	margin: 1rem 0.5rem 0;
	width: 44%;
}

.slotWide {
    border: none;
	height: 100%;
    left: 0;
    position: absolute;
	top: 0;
	width: 100%;   
}
.slotOrg {
	border: none;
    height: 100%;
    left: 0;
    position: absolute;
	top: 0;
	width: 100%; 
}
.gallery-ps {
	width: 100%;
    height: auto;
    text-align: center;
    padding: 0 15px;
    margin: 0;
    float: left;
}
.gallery-ps a {
	text-decoration: none;
	color: #000000;
}
.gallery-ps h3 {
	display: block;
	margin: 25px 0 0 0;
	text-transform: uppercase;
}
.slot-review {
	padding: 25px 15px 0;
	max-width: 900px;
}
.slot-review h2, .slot-review h3 {
	margin: 0;
}

/* Play slot end */

/* Footer */
.footer_bg {
	width: 100%;
	padding: 3rem 1.4rem;
	background-color: #101010;	
}
footer {
	width: 100%;
	max-width: 1160px;
	height: auto;
	margin: 0 auto;
	padding: 0;
}
.foot-col {
	width: 100%;
	height: auto;
	margin: 0 auto;
	color: #C9C9C9;
	padding: 0;
}
.foot-col span {
	display: inline-block;
	text-transform: uppercase;
	font-weight: 500;
	margin: 2rem 0 0.8rem 0;
}
.foot-col ul {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	column-count: 3;
}
.foot-col ul li {
	margin: 0;
}
.foot-col ul li a {
	color: #C0C0C0;
	font-size: 14px;
	text-decoration: none;
}
.footer_header {
	color: #FFF;
	text-align: center;
	margin: 0;
	letter-spacing: 4px;
}
.disclaimer {
	width: 100%;
	margin: 3rem 0 2rem;
	text-align: center;
}
.copyright {
	width: 100%;
	text-align: center;
	color: #FFF;
	text-transform: uppercase;
	font-weight: lighter;
}
.copyright a {
	color: #FFF;
	text-decoration: none;
}

/* Footer end*/

@media (min-width: 700px) {
.logo {
	width: 220px;
}
#header_search {
	top: 153px;
}
nav input[type="checkbox"]:checked + .sub-menu2 {
    grid-template-columns: 1fr 1fr 1fr;
}
.intro_bg {
	height: 378px;
	padding: 0;
}
.white_bg .guides .guide .SGImg, .darkblue_bg .guides .guide .SGImg {
	margin: 0.3rem 0 0 1rem;
}	
.column {
	width: 60%;
	max-width: 700px;
}
.column-box-ad {
	display: block;
	float: right;
	margin: 0;
	padding: 1rem 0 1rem 1rem;
	text-align: center;
	width: 40%;
}
.column-box-ad div {
	display: inline-block;
}
.column-wide-ad {
	display: none;
}
.column-text img {
	max-width: initial;
	width: auto;
}
.col-1-m {
  grid-template-columns: 1fr;
}
.col-2-m {
  grid-template-columns: 1fr 1fr;
}
.col-3-m {
  grid-template-columns: 1fr 1fr 1fr;
}
.col-5-m {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
} 

#ProCon {grid-template-columns:1fr 1fr;}

.faq-div {margin:1.5rem 0 0.5rem;}

provider-list {grid-template-columns:1fr 1fr 1fr;}
slot-div:last-of-type {display:none;}
slot-div.split:last-of-type{display:grid;}

.thumbnail-up:last-of-type {display:none;}
.show-last:last-of-type {display: block;}
.star-rating {margin:0.3rem 0 0; width:80%;}  
slot-div casino-box {gap:0.5rem;}
casino-box span.realPlay {font-size:0.8rem;}

.realBonus {
    font-size: 1.3rem;
	line-height: 1.2rem;
	height: 2.8rem;
}
.bonusTC .wider {
	width:240px; 
	margin-left:-150px;
}
.slotImgCover div {margin:30% auto 0 auto;}
.slotImgBox.bgImg .slotImgCover div {margin:100px auto 0 auto;}
.column-ps .popSlots .thumbnail {
	width: 32%;
	padding: 0;
	margin: 10px 0.6% 5px 0.6%;
}
.column-ps .popSlots .slotImgBox.bgImg {height:150px;}
.column-ps .popSlots .slotImgBox.bgImg .slotImgCover div {margin:65px auto 0 auto;}
.column-ps .popSlots h4 a {font-size:16px;}
.clip iframe {height:394px;}	
.casino-bonuses .bonus-inner {max-width:260px; width:auto;}

.verification-inner div {top:30%;}

}
@media (min-width: 800px) {
.flex-jc-sb-dt {justify-content:space-between !important;}
start-block h1 {text-align: left;}
start-block p {text-align: left;}
start-block img {grid-column:2; grid-row: 1 / span 3;}

.promo_bg {padding:1rem 0;}
.start-text {margin:0; max-width:380px;}
.cas-promo {margin:0; max-width:360px;}
.header_bg {height:123px;}
nav {
	float: none;
	display: flex;
	width: 100%;
	margin: 90px auto 0;
	z-index: 15;
	background-color: #08c858;
}
.main-menu {
	display: flex;
    flex-flow: row nowrap;
    gap: 2rem;
	margin: 0 auto;
    padding: 0.3rem 0 0.4rem;
}
.main-menu li {position: relative;}
.main-menu label {font-size:1rem; padding:0.3rem 0.4rem;}
.sub-menu li a {font-size:0.9rem; padding:0.6rem; width:100%;}	
.sub-menu li a:hover {background-color:#06b24e;}
.sub-menu label {display:block; font-size:0.9rem; padding:0.6rem; width:100%;}
.sub-menu label:hover {background-color:#06b24e;}
.sub-menu2 {min-width:500px;}
.sub-menu2 li {display:block;}
.sub-menu2 li a {font-size:0.85rem;}
nav input[type="checkbox"]:checked + .sub-menu {    
    background-color: #08c858;
    gap: 0;
    left: -35%;
    margin: 0;
    padding: 0;
	position: absolute;
    top: 1.7rem;
}
nav input[type="checkbox"]:checked + .sub-menu2 {margin-bottom:5px; padding:0; width:auto;}	
#toggle-menu {display:none;}
nav ul li a {font-size:1rem; padding:0;}
nav li, nav a {font-size:1rem; font-weight:700;}
	
.logo_cont {float:left;	left:0;	margin:0; position:relative;}
.logo {margin:10px 0 0 10px; width:170px;}
.search_cont {
	position: relative;
	width: 35%;
	max-width: 320px;
	text-align: center;
	margin: 27px 0 0;
	padding: 0;
	z-index: 99;
}
.search_cont:after {clear:both;}	
.search_box {margin:0; width:100%;}
#header_search {
	width: 420px;
	left: -50px;
	right: 0;
	top: 35px;
	margin: auto;
}
.search_box input {font-size:1rem; width:100%;}
.ad_cont {
	margin: 1rem 0 0;
	padding: 0 0.6rem 0 0;
	width: 38%;
	text-align: right;
}
.txtContainer {
	right: 30px;
	left: 30px;
}
.faq-div {padding:1rem 1.5rem; width:70%;}

.slotDetail h4 {
	font-size: 16px;
	margin: 7px 5px 5px 5px;
}
.slotImgCover div {
	margin: 28% auto 0 auto;
}
.bgImg {
	height: 180px;
}
.slotImgBox.bgImg .slotImgCover div {
	margin: 76px auto 0 auto;
}
.gameframe-o {
	height: auto;
}
.column-ps .popSlots .slotImgBox.bgImg {
  height: 180px;
}
.column-ps .popSlots .slotImgBox.bgImg .slotImgCover div {
	margin: 78px auto 0 auto;
}

.foot-col ul {
	column-count: 4;
}
}
@media (min-width: 920px) {	

.flex-col {
	flex-flow: column;
	}
.intro_bg {
	height: 370px;
}	
provider-list {display:grid; grid-template-columns:1fr 1fr 1fr 1fr;
}
.white_bg .guides, .darkblue_bg .guides {display:grid; grid-template-columns:1fr 1fr 1fr;}
h3.guide-title {grid-column:1 / span 3; grid-row:1;}

.column-wide-ad-ps {
	display: none;
}
.gameframe-o {
	height: auto;
	min-height: 600px;
}

.slotDetail h4 {
	margin: 7px 5px 5px 6px;
	font-size: 17px;
}
.column-text p {width:70%;}
.column-text img {float:right; margin:1rem;}
.column-text ul {
	align-content: flex-start;
	display: flex;
	flex-flow: row wrap;
	margin: 0 0 1rem;
	max-width: 70%;
}
table.list-table {width:70%;}

.casino-review, .casino-review-nobg {align-items:center; display:grid; gap:0.5rem 1rem;	grid-template-columns:repeat(5, 1fr);}
.casino-review-nobg {gap:0 1rem;}
.lower {grid-template-columns:auto 25% auto 25% auto; margin:0 auto 2rem !important;}

.casino-review .logo {
	grid-column: 1;
	grid-row: 1 / span 2;
	margin: 0;
	min-width: 140px;
	order: initial;
	padding: 0;
	width: auto;
}
.casino-review .logo img {
	display: block;
	margin: 0; 
	max-width: 200px;
	width: 100%;
}
.casino-review .name {
	grid-column: 2 / span 3;
	grid-row: 1;
	order: initial;
}
.casino-review .name h1 {
    font-size:1.4rem;
	margin: 0 auto;
	text-align: left;
}
.casino-review .rating {
	grid-column: 2 / span 3;
	grid-row: 2;
	font-size: 1.4rem;
	font-weight: 700;
	order: initial;
	text-align: left;
	width: auto;
}
.casino-review .rating img {
	width: 160px;
}
.casino-review .languages {		
  	grid-column: 4;
  	grid-row: 1 / span 2;
  	margin: 0;
  	padding: 0;
}
.casino-review language-box {
	align-items: center;
	display: flex;	
	font-size: 0.9rem;
	padding: 0.5rem;
}
.casino-review language-box img {
	margin: 0 0 0.2rem;
}

.casino-review.lower h2 {
	grid-column: 1 / span 2;
	grid-row: 1;
	margin: 0;
	padding: 0;
}
.casino-review .lobby, .casino-review-nobg .lobby {
	grid-column: 4 / span 2;
  	grid-row: 1;
  	margin: 0;
    padding: 0;
	text-align: right;
}
.casino-review .lobby img, .casino-review-nobg .lobby img {
	border-radius: 0.2rem;
	padding: 0;
}
.visit {align-items:flex-end; grid-column:5; grid-row:1 / span 2; margin:0; padding:0; text-align:right;}
.visit a {font-size:0.9rem;	font-weight:500; margin:0.5rem 2rem 0 0;}
.visit .vcas {
	font-size: 1.1rem !important;
	font-weight: 700 !important;
	margin: 0 0 0.4rem;
    max-width: 150px;
	padding: 1rem 0;
}

pros-cons {grid-column:1 / span 5; grid-row:5; padding:0 3rem;}
pros-cons h2 {margin:0 0 0.5rem !important;}
pros-cons .pro-con-div {display:grid; grid-template-columns:1fr 1fr;}
pros-cons .pro-con-div ul {justify-content:unset; max-width:unset;}
pros-cons .pro-con-div div {align-items:flex-start;}

.pro-con-div.slot {margin:0; width:70%;}

.casino-bonuses {margin:2rem 0.5rem 0;}
.casino-bonuses .Bonus {font-size: 1.2rem;}
.summary {box-shadow:none; grid-column:1 / span 3; grid-row:1 / span 2; text-align:left;}
.summary ul {max-width:100%;}
.summary.providers {margin:-0.3rem 0 0;}

guru-text {text-align:left;}

title-row {position:relative;}
.content .title-more {bottom:0.5rem; position:absolute; right:0;}

}
@media (min-width: 1024px) {
.col-1-l {
  grid-template-columns: 1fr;
}
.col-2-l {
  grid-template-columns: 1fr 1fr;
}
.col-3-l {
  grid-template-columns: 1fr 1fr 1fr;
}
.col-5-l {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.backButton-sml {
	display: none;
}
.backButton-lrg {
	display: inline-block;
	width: 400px;
	color: #000000;
	text-decoration: none;
	outline: none;
	font-weight: 500;
	font-size: 1rem;
	margin: 0 0 0 1rem;
}	

.start-text {max-width:420px;}
slot-div:last-of-type {display:flex;}
slot-div casino-box {gap:0.7rem;}

.thumbnail:last-of-type {display:block;}
.thumbnail-up:last-of-type, .thumbnail-up-s:last-of-type {display:block;}
.no-disp:last-of-type {display:none !important;}	
.bgImgS {height:155px;}
.bgImg {height:130px;}
.slotImgCover div {margin:28% auto 0 auto;}
.slotImgBox.bgImg .slotImgCover div {margin:54px auto 0 auto;}
.slotImgBox.bgImgS .slotImgCover div {margin:66px auto 0 auto;}
.casinoListing, .casinoListing-s {flex-basis:32.3%;}
.realBonus {
	font-size: 1.1rem;
	line-height: 1.1rem;
	height: 2.2rem;
}
.realCasinoBox span.realCasino {
	font-size: 1.1rem;
}
.column-s {
	padding-bottom: 0;
}
.column-ps {
	width: 70%;
}
.column-ps .popSlots .thumbnail:nth-of-type(1) {
  width: 16%;
  text-align: center;
  float: left;
  padding: 0;
  margin: 10px 0.4% 5px 0;
}
.column-ps .popSlots .thumbnail {
  width: 16%;
  text-align: center;
  float: left;
  padding: 0;
  margin: 10px 0.4% 5px 0.4%;
}
.column-ps .popSlots .thumbnail:nth-of-type(6) {
  width: 16%;
  text-align: center;
  float: left;
  padding: 0;
  margin: 10px 0 5px 0.4%;
}
.column-ps .popSlots h3 {
	font-size: 16px;
}
.column-ps .popSlots h4 a {
	font-size: 14px;
}
.column-ps span.new-slots {
	margin: 10px 0 0 0;
}	
.column-ps .popSlots .slotImgBox.bgImg {
  height: 110px;
}
.column-ps .popSlots .slotImgBox.bgImg .slotImgCover div {
	width: 85%;
	margin: 45px auto 0 auto;
}
.feature-box {
	width: 30%;
	padding: 0 1% 0;
}
.feature-box div {
	max-width: 300px;
}	
.feature-box p .minfo {
	padding: 0 0 0 0.02rem;
}
.feature-box span {
	font-size: 1rem;
}	
.feature-box span a { 
	padding: 0.1rem 0.4rem 0.3rem;
}
.box-ad-pg {
	display: inline-block!important;
}
.wide-ad-pg {
	display: none!important;
}
.feature-logo {
	width: 20%;
}
.foot-col ul {
	column-count: 5;
}
}
@media (min-width: 1200px) {
	.promo_bg {margin:2rem auto;}
}