﻿@font-face {
font-family: 'RobotoCondensed-Regular';
src: url("font/RobotoCondensed-Regular.ttf") format("opentype");
}
@font-face {
font-family: 'RobotoCondensed-Bold';
src: url("font/RobotoCondensed-Bold.ttf") format("opentype");
}
:root{
	--white: #f9f9f9;
	--black: #32313e;
	--gray: #85888C;
	--yellow: #FFFF00;
	--color-white: #fff;
    --color-yellow: #E9AF1B;
    --color-orange: #E9AF1B;
    --color-red: #d52d37;
    --color-green: #20aa2e;
    --color-blue: #886aff;
    --color-purple: #b251ff;
    --color-black: #1a1b20;
    --color-black-hover: #111;
    --color-black-2: #262832;
	--color-dark-blue-2: #212a53;
	--color-grey: #5d5f69;
	--background-gradient: cover;
}
body {
	font-family: 'RobotoCondensed-Regular';
	line-height: initial;
	font-size: 16px;
	padding: 0px;
	margin: 0px;
	-ms-user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	overflow-x: hidden;
}
h1 {
	font-family: 'RobotoCondensed-Bold';
	font-size: 50px;
	margin: 0px;
	margin-bottom: 20px;
}
h2 {
	margin-bottom: 20px;
	font-size: 40px;
	font-family: 'RobotoCondensed-Bold';
}
#slots h2 {
	background: url(images/new-1.svg) left no-repeat;
	padding-left: 40px;
} 
b, strong {
	font-family: 'RobotoCondensed-Bold';
}

header {background: rgb(28, 28, 64);
    box-shadow: 0 10px 16px rgba(75,74,120,0.11);
position: sticky; top: 0px; z-index: 9999;}

header .logo img , footer .logo img {
	height: 50px;
}
.maincontent {width: calc(100% - 620px);
    padding: 0 15px;
    max-width: 1140px;
    margin: 0 auto;}
.content {
	     width: 1200px;
    margin: 0px auto;
	padding:0 20px;

}
header .content { max-width:96%; }
.radius { 
	border-radius:10px;
 }
iframe {
	margin: 30px auto;
	display: block;
	max-width:100%;
}
.video {
	max-width:800px;
	margin:30px auto;
}

.flex {
	display:flex;
	align-self: center;
	align-items: center;
}
.top_link a { 
	padding: 12px 22px;
    line-height: 1.1;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    outline: none;
    border-radius: 5px;
    color: #f9f9f9;
    background: rgba(52, 82, 252, 0.915);
    transition-duration: 0.2s;
    border: 2px solid transparent;
    margin-right: 20px;
	font-family: 'RobotoCondensed-Bold';

}
.top_link a:hover { background:#6e6abd }

.top_link a.login {display: inline-block;
    padding: 12px 22px;
    line-height: 1.1;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    outline: none;
    border-radius: 5px;
    background: #212a53;
    transition-duration: 0.2s;
    border: 2px solid transparent;}

.top_link a.login:hover {
    background: #9ba1a3;
    color: white;
    transition-duration: 0.2s;
}    
.top_link {
	float: right;
	margin-left: auto;
}
.colot_black {
	color:#32313e;
}
.color_white {
	color:#fff;
}
.over_black {
	position: relative;
}
.over_black:before {
	background: #32313e;
	opacity: 0.5;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width:100%;
	content: '';
	z-index: 0;
}
.pad100 { 
	padding:100px 0; 
}
.over_black > div {
	z-index: 99;
	position: inherit;
}
.slide_title {
	margin-bottom: 20px;
	font-family: 'RobotoCondensed-Bold';
	font-size: 60px;
}
.text-center {
	text-align: center;
}
img {
	max-width:100%
 }
.slide1 {
	border-radius: 10px;
	overflow: hidden; 
	position: relative;
	line-height: 8px;
}
.text-slider { 
	position:absolute !important;
	top:10%;
	width: 100%; 
	line-height: initial;
}
.strok_red {
	text-shadow: 3px 2px 1px red;
}
.cliam_text {
	margin-bottom: 20px;
	font-size: 40px;
	color: var(--yellow);
}
.cliam_text b {
	font-size: 50px;
}
.dep_text {
	font-size: 25px;
	font-family: 'RobotoCondensed-Bold';
	text-transform: uppercase;
	margin-bottom: 30px;
}
.links { 
	display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.button {
padding: 12px 22px;
    line-height: 1.1;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    outline: none;
    border-radius: 5px;
    background: #212a53;
    transition-duration: 0.2s;
    border: 2px solid transparent;
	font-family: 'RobotoCondensed-Bold';
	text-decoration: none;
}
.glow-on-hover:before {
	content: '';
	background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
	position: absolute;
	top: -2px;
	left:-2px;
	background-size: 400%;
	z-index: -1;
	filter: blur(5px);
	width: calc(100% + 4px);
	height: calc(100% + 4px);
	animation: glowing 20s linear infinite;
	opacity: 0;
	transition: opacity .3s ease-in-out;
	border-radius: 10px;
}

.glow-on-hover:active {
	color: #32313e
}

.glow-on-hover:active:after {
	background: transparent;
}

.glow-on-hover:hover:before {
	opacity: 1;
}

.row {
	--bs-gutter-x: 1.875rem;
	--bs-gutter-y: 0;
	display: flex;
	flex-wrap: wrap;
	margin-top: calc(var(--bs-gutter-y) * -1);
}
.gamelauncher a {
	text-decoration:none;
}
.text-boxes {
	color: #32313e;
	padding-left: 5px;
	text-decoration:none;

}
.rounded-bottom {
	margin-bottom: 5px;
}
.text-boxes.rounded-bottom {
	font-size:13px;
	color:#8a8a8a;
	}
.gameimg {
	width: 98%;
	margin: 0 auto;
	cursor: pointer;
}
.rounded {
	border-radius: 0.3125rem !important;
}
.column {
	width: 20%;
}
.gameimg:hover {
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
	transition: 0.5s ease;
}
#maintext {
	padding-top:50px;
	
}
#about {
	background:#32313e;
	color: #fff;
	margin: 40px 0;
}
#about a { 
	color:#eaff96;
}
#about h2 {
	font-size: 30px; 
	font-family: 'RobotoCondensed-Bold';
	text-transform: uppercase;
}
#about h3 {
	font-size: 20px; 
	font-family: 'RobotoCondensed-Bold';
	text-transform: uppercase;
}

#table {
	margin: 70px 0;
}
.casino-table {
    overflow-x: auto; /* Added for horizontal scrolling */
}
.casino-table .casino-table-head {
	color: #fff;
	font-size: 18px;
	border-radius: 8px 8px 0 0;
	background: #32313e;
	padding: 20px;
	font-family: 'RobotoCondensed-Bold';
}

.casino-table table {
	font-size: 14px;
	width: 100%;
	border-spacing: 0;
}

.casino-table table td {
	padding: 10px;
	border: #c5c5c5 solid 1px;
	width: 50%;
}

.casino-table table th {
	padding: 10px;
	border: #c5c5c5 solid 1px;
	width: 50%;
}
.casino-table table tr td+td {
	border-left: 0;
}

.casino-table table tr+tr td {
	border-top: 0;
}

.casino-table table tr:last-child td:first-child {
	border-bottom-left-radius: 8px;
}

.casino-table table tr:last-child td:last-child {
	border-bottom-right-radius: 8px;
}
.casino-table table td:first-child {
    width: 30%; 
}

.casino-table table td:last-child {
    width: 30%; 
}
.header-menu {
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0;
    list-style: none;
    margin-left: 40px;
}
.header-menu .menu-item{
    list-style-type: none;
    text-align: center;
    white-space: nowrap;
    position: relative;
}
.header-menu .menu-item a {display: inline-block;
    color: #212121;
    font-size: 14px;
    padding: 28px 25px;
    font-weight: 400;
     border-bottom: 2px solid transparent;
    text-decoration: none;
}
.header-menu .menu-item:hover a {
    color: #3c3577;
    border-bottom: 2px solid #47397f;
}
 
.mbot70 { margin-bottom:70px; }
.pros-box {
	width: 47.8%;
	margin: 1%;
	background: #e1f4e7;
	border-radius: 10px;
	border: 1px solid #ccc;

}
.pros-box .info {
	padding: 20px;
}
.pros-head {
	font-family: 'RobotoCondensed-Bold';
	font-size: 20px;
	margin-bottom: 15px;
}
.pros-box ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.pros-box ul li { 
	padding-left:25px;
	margin: 10px 0;
	background: url(images/check.svg) left top no-repeat;
	background-size: 20px;
	line-height: 20px;
}
.pros-box.cons {
	background: #fef1f1;
 }
.pros-box.cons ul li { 
	background: url(images/uncheck.svg) left top no-repeat;
	background-size: 20px;
}
.accordion-item { 
	padding: 20px;
	background: url(images/ask.svg) left 12px top 20px no-repeat;
	padding-left: 50px;
	margin: 20px 0;
	-webkit-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
	-moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
	box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
	background-size: 30px;
	border-radius: 10px;
}
.accordion-item a {
	font-family: 'RobotoCondensed-Bold';
	font-size: 17px;
}
.accordion-item h3 {
	margin:0px;
	font-family: 'RobotoCondensed-Bold';
    font-size: 17px;
}
.stars {
	width: 100px;
	height: 15px;
	position: relative;
	overflow: hidden;
	display: inline-block;
	vertical-align: top;
}

.stars:before,
.stars .fill:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	background-image: url(images/stars-empty.svg);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: auto 100%;
	width: 100%;
	height: 100%;
	display: block;
}

.stars .fill {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
}

.stars .fill:before {
	background-image: url(images/stars-active.svg);
}

footer {
	background:rgb(28, 28, 64);
	color: #fff;
}
footer a {
	color: #fff;
	display: block;
	width: 100%;
	margin-bottom: 5px;
}
.copyright { margin-top:20px; text-align:center; }
footer .flex {
	gap: 50px;
	justify-content: center;
}
.feedback-item {
	background: #40475f;
	color: #fff;
	padding: 20px;
	margin: 10px 0;
	border-radius: 10px;
	padding-bottom: 30px; 
	position: relative;
}
.feedback-rate {
	margin-left: auto;
}
.feedback-text {
	background: #8b92a8;
	margin-top: 10px;
	padding: 10px;
	border-radius: 10px;
	padding-bottom: 15px;
}
.date {
	font-size:12px;
	font-style:italic; 
}
.feedback-item a {
	position: absolute;
	right: 30px;
	bottom: 20px;
	font-size: 14px;
	text-transform: inherit;
	text-decoration: none;
	padding: 5px 10px;
}
.author-box {
	display: flex;
	align-items: center;
	gap: 25px;
	padding: 30px;
	background: #40475f;
	border-radius: 10px;
	margin: 40px 0;
	border: 1px solid #53596d;
}
.author-box img {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	object-fit: cover;
	flex-shrink: 0;
}
.author-box .author-info h3 {
	margin: 0 0 5px 0;
	font-size: 22px;
	color: #fff;
}
.author-box .author-info .author-title {
	color: #8b92a8;
	font-size: 14px;
	margin-bottom: 10px;
}
.author-box .author-info a {
	color: #6b9fff;
	text-decoration: none;
	font-size: 14px;
}
.author-box .author-info a:hover {
	text-decoration: underline;
}
.expert-callout {
	background: linear-gradient(135deg, #2d3548 0%, #40475f 100%);
	border-left: 4px solid #E9AF1B;
	padding: 20px 25px;
	margin: 25px 0;
	border-radius: 0 10px 10px 0;
	color: #fff;
}
.expert-callout strong {
	color: #E9AF1B;
}

.casino-fav {
	background: #40475f;
	color: #fff;
	padding: 40px 0;
}

.casino-fav-list>.casino-item {
	display: flex;
	position: relative;
	margin: 25px 0 25px 0;
	border-radius: 6px;
	border: #53596d solid 1px;
	background: #40475f;
	row-gap: 50px;
}

.casino-fav-list>.casino-item>.info {
	display: flex;
	flex: 1;
	align-items: center;
	justify-content: center;
	color: #000;
}

.casino-fav-list>.casino-item>.info>div {
	width: 25%;
	flex: 1;
	padding: 0 10px;
}

.casino-fav-list>.casino-item>.info>.logo {
	max-width: 150px;
	min-width: 150px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
}

.casino-fav-list>.casino-item .num-item {
	color: #fff;
	display: flex;
	width: 28px;
	height: 28px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 3px;
	background: #3da195;
	font-weight: 800;
	margin-top: 24px;
	margin-left: -14px;
}

.casino-fav-list>.casino-item>.info>.logo img {
	max-width: 118px;
}

.casino-fav-list>.casino-item .fav-info-text {
	color: #8b92a8;
	text-align: center;
	font-size: 12px;
	letter-spacing: -0.36px;
}

.casino-fav-list>.casino-item .bold {
	font-size: 16px;
	font-style: normal;
	margin: 10px 0;
	color: #fff;
	text-align: center;
	font-weight: 800;
}

.casino-fav-list>.casino-item .buttons .button {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	text-decoration: none;
	width: 198px;
	float: right;
}
.stick { position:fixed; top:100px; right:0px; padding:10px; }

#page_content a {
	color: var(--black);
	text-decoration: underline;
}
.nav{
	position: fixed;
	background-color: var(--black);
	overflow: hidden;
	z-index: 9999;
	top: 0px;
	display: none;
	right: 0px;
	width: 20%;
	height: 100%;
	border-left: 2px solid #4b1be9;
}
.menu {
	margin-top: 75px;
}
.menu a{
	display: inline-block;
	padding: 10px;
	color: var(--white);
}
.menu a:hover{
	background-color: var(--gray);
}
.nav{
	max-height: 0;
	transition: max-height .5s ease-out;
}
.hamb{
	cursor: pointer;
	float: right;
	padding: 40px 20px;
}

.hamb-line {
	background:#e9af1b;
	display: block;
	height: 3px;
	position: relative;
	width: 24px;
} 

.hamb-line::before,
.hamb-line::after{
	background: #e9af1b;
	content: '';
	display: block;
	height: 100%;
	position: absolute;
	transition: all .2s ease-out;
	width: 100%;
}

.side-menu:checked + label .hamb-line::before,
.side-menu:checked + label .hamb-line::after {
	background: var(--white);
}

.side-menu:checked + .hamb {
	z-index: 99999;
	left: 16%;
}

.hamb-line::before{
	top: 5.5px;
}
.hamb-line::after{
	top: -6px;
}

.side-menu {
	display: none;
}

.side-menu:checked ~ nav{
	max-height: 100%;
}
.side-menu:checked ~ .hamb .hamb-line {
	background: transparent;
}
.side-menu:checked ~ .hamb .hamb-line::before {
	transform: rotate(-45deg);
	top:0;
}
.side-menu:checked ~ .hamb .hamb-line::after {
	transform: rotate(45deg);
	top:0;
}
.page_content_head {
	background: url(images/burger.svg) left no-repeat;
	background-size:40px;
	padding-left:50px;
	margin-bottom:20px;
	font-family: 'RobotoCondensed-Bold'; 
}
#page_content ul {
	background: #f9f8f8;
	border-radius: 8px;
	font-size: 18px;
	line-height: 180%;
	padding: 20px;
	padding-left: 40px;
}

.casino-table-black {
    overflow-x: auto; /* Added for horizontal scrolling */
}
.casino-table-black table td {
	background:var(--black);
}

.casino-table-black table th {
	background:var(--black);
}
.casino-table-black table { 
	color: var(--white);
	border:0px;
	width: 100%;
	border-spacing: 0;
}
.casino-table-black table tr:first-child td:last-child {
	border-top-right-radius: 8px;
}
.casino-table-black table tr:first-child td:first-child {
	border-top-left-radius: 8px;
}
.casino-table-black table tr:last-child td:last-child {
	border-bottom-right-radius: 8px;
}
.casino-table-black table tr:last-child td:first-child {
	border-bottom-left-radius: 8px;
}
.casino-table-black table tr:first-child th:last-child {
	border-top-right-radius: 8px;
}
.casino-table-black table tr:first-child th:first-child {
	border-top-left-radius: 8px;
}
.casino-table-black table tr:last-child th:last-child {
	border-bottom-right-radius: 8px;
}
.casino-table-black table tr:last-child th:first-child {
	border-bottom-left-radius: 8px;
}
td { 
	border:1px solid var(--gray);
	padding: 10px; 
}

th { 
	border:1px solid var(--gray);
	padding: 10px; 
}
.casino-table-black table tr td+td {
	border-left: 0;
}

.casino-table-black table tr th+th {
	border-left: 0;
}
.block-grey {
	background: #f9f8f8;
}
.block-grey-content {
	margin: 0 auto;
	max-width: 834px;
	display: flex;
	align-items: center;
}
.block-grey-content img {
	width: 360px;
}
.block-grey-content-text {
	color: #1c1c1c;
	padding-right: 50px;
	font-size: 16px;
}

.block-grey-content-head {
	color: #1c1c1c;
	margin-bottom: 20px;
	font-size: 30px;
}
.moregames {
	margin: 30px 0;
}
.menu li{
	float: none;
	display:block;
}
.menu {
	list-style: none;
}
.menu li a {
	text-decoration: none;
	display: flex;
	align-items: center;
	font-size: 20px;
}
.menu li img , 
.menu li svg {
	margin-right: 10px;
	width: 30px;
}
.side-menu:checked ~ nav{
	display: block;
}
.mobile { 
	display:none;
}
.col-image {
	width: 40%; 
	padding: 10px;
}
.text-desktop {
	width: 60%;
	padding: 10px;
}
.block-mobile .col-image {
	width: 20%; 
	padding: 10px;
}
.block-mobile .text-desktop {
	width: 80%; 
	padding: 10px;
}
.block-dekctop , .block-mobile {
	margin-top: 40px;
}
table tr+tr td {
	border-top: 0;
}
ol {text-align:left;}

.slot-list .slot-card {
    position: relative;
    width: 16.2%;
    overflow: hidden;
    border-radius: 5px;
    margin: 0.2%;
    line-height: 0;
}
.slot-list .slot-card img {
    object-fit: cover;
    width:100%;
}
.slot-list .slot-card .slot__card-overlay {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(50% 50% at 50% 50%,rgba(0,99,249,0.6) 0%,rgba(0,46,115,0.6) 100%);
    opacity: 0;
    transition-duration: 0.2s;
    line-height: 1.3;
    padding-top: 50%;
}
.slot-list .slot-card .short_name {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 700;
    min-height: 53px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    padding: 5px;
}
.slot-list .slot-card .btn_play {
    width: 32px;
    height: 38px;
    margin-left: 10px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-image: url(images/download.svg);
}
.slot-list .slot-card .btn {
    font-size: 18px;
    padding: 5px 15px;
    min-width: 105px;
    margin-top: 9px;
    text-align: center;
}
.slot-list .slot-card:hover .slot__card-overlay {
    opacity: 1;
    transition-duration: 0.2s;
}
.slot-list {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin: 0 auto 30px;
}

.android-3__right .flex img { margin:10px 10px;    width: 45%;}
.acc-head {
text-transform: uppercase;
font-family: 'RobotoCondensed-Bold';
border:1px solid #ccc; padding:15px;
border-radius:10px;
}
.acc-body { padding:15px; padding-left:40px; margin-bottom:10px;}
.acc-body p { margin:0px;}
.bonus-code__wrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 25px;
}
.bonus-code__item {
    background: #181a2c;
    box-shadow: 8px 0 14px rgba(0,0,0,.19), inset 0 1px 4px #fff;
    border-radius: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 40px 20px;
	margin-bottom:20px;
}
.bonus-code__img {
    margin-bottom: 25px;
    max-width: 100%;
    height: auto;
    object-fit: contain;
}
.bonus-code__num {
    color: #fff;
    font-size: 40px;
    line-height: 49px;
    text-align: center;
    margin-bottom: 5px;
}
.bonus-code__free {
    font-size: 24px;
    line-height: 29px;
    text-align: center;
    color: #fff;
    margin-bottom: 20px;
}
.bonus-code__pretitle {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 17px;
    color: #dedede;
}
.bonus-code__btn {
    padding: 10px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    box-shadow: 4px 8px 10px rgba(0,0,0,.29), inset 0 2px 4px rgba(255,255,255,.34);
    font-size: 12px;
    line-height: 15px;
    color: #fff;
}
.bonuses-section__wrap {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 25px;
}
.bonuses-section__box {
    display: grid;
    grid-template-columns: minmax(350px,1fr) 2fr;
    grid-gap: 25px;
}
.bonuses-section__img {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 28px;
    box-shadow: 8px 0 14px rgba(0,0,0,.19), inset 0 1px 4px #fff;
    background: #13151c;
    padding: 20px;
}
.bonuses-section__info {
    border-radius: 28px;
    padding: 30px 40px;
    background: #13151c;
    box-shadow: 8px 0 14px rgba(0,0,0,.19), inset 0 1px 4px #fff;
}
.bonuses-section__title-mob {
    display: none;
}
#app {
  scroll-margin-top: 80px;
}
#our-experience .content { max-width:1000px; }
.rating-top__text {
    text-align: center;
    margin-bottom: 12px;
    font-size: 48px;
    line-height: 59px;
}
.rating-top svg {
    height: 24px;
    width: 24px;
}
.rating-medium__box {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 25px;
}

.rating-bottom__box {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 25px;
}

@media screen and (min-width:768px){
	.footer__seo{
		margin:24px 0
	}
}
@media screen and (min-width:1440px){
	.footer__seo{
		margin:32px 0
	}
}
.footer__seo-page-text{
	padding:16px;
	border-bottom:1px solid rgba(110,113,145,.3)
}
@media screen and (min-width:768px){
	.footer__seo-page-text{
		padding:24px
	}
}
@media screen and (min-width:1440px){
	.footer__seo-page-text{
		padding:32px
	}
}
.footer__validator div{
	width:36px;
	height:auto;
}

.bonuses-section__img img, .bonuses-section__img svg {
    max-width: 100%;
    height: auto;
    object-fit: contain;
    margin: 0 auto;
    display: block;
}
.bonuses-section__title {
    font-size: 18px;
    line-height: 22px;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 15px;
}
.bonuses-section__text {
    font-size: 14px;
    line-height: 17px;
    color: #fff;
    margin-bottom: 15px;
}
.how-to-2__box {
    border-radius: 16px;
    padding: 24px;
    background: #181a2c;
    box-shadow: 8px 0 14px rgba(0,0,0,.19), inset 0 1px 4px #fff;
    backdrop-filter: blur(8px);
    margin-top: 30px;
    color: #fff;
}
.how-to-2__list {
    padding: 0;
    list-style-type: none;
    margin: 0;
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 15px;
}
.android-3__wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 25px;
    align-items: center;
}

.content-rating__wrap {
    display: grid;
    grid-template-columns: 300px 1fr;
    grid-gap: 25px;
}
.content-rating__left {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 25px;
	white-space: nowrap;
	color: #fff;
}
.rating-top {
    background: #181a2c;
    box-shadow: 8px 0 14px rgba(0,0,0,.19), inset 0 1px 4px #fff;
    backdrop-filter: blur(8px);
    border-radius: 16px;
    padding: 15px 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.rating-medium {
    background: #181a2c;
    box-shadow: 8px 0 14px rgba(0,0,0,.19), inset 0 1px 4px #fff;
    backdrop-filter: blur(8px);
    border-radius: 16px;
    padding: 15px 25px;
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 10px;
}
.rating-bottom {
    background: #181a2c;
    box-shadow: 8px 0 14px rgba(0,0,0,.19), inset 0 1px 4px #fff;
    backdrop-filter: blur(8px);
    border-radius: 16px;
    padding: 15px 25px;
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 10px;
}
.content-rating__left p { 
	margin:0px;
	width: 120px; 
}
.deposit-3__wrap {
    display: grid;
    grid-template-columns: 3fr 2fr;
    grid-gap: 25px;
    align-items: start;
}
.deposit-3__img {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #181a2c;
    box-shadow: 8px 0 14px rgba(0,0,0,.19), inset 0 1px 4px #fff;
    backdrop-filter: blur(8px);
    border-radius: 16px;
    padding: 45px 30px;
}
.license-3__wrap {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 25px;
}
.license-3__item {
    display: grid;
    grid-template-columns: 1fr 250px;
    grid-gap: 25px;
    align-items: start;
}
.license-3__info {
    background: #181a2c;
    box-shadow: 8px 0 14px rgba(0,0,0,.19), inset 0 1px 4px #fff;
    backdrop-filter: blur(8px);
    border-radius: 16px;
    padding: 25px;
    color: #fff;
}
.license-3__img {
    background: #181a2c;
    box-shadow: 8px 0 14px rgba(0,0,0,.19), inset 0 1px 4px #fff;
    backdrop-filter: blur(8px);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 15px;
}
.support__wrap {
    display: grid;
    grid-template-columns: 1fr 200px;
    grid-gap: 20px;
    align-items: start;
}
.support__img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
    margin: 0 auto;
    display: block;
}

.payment-methods{
	position:relative
}
.payment-methods .main{
	position:relative;
	z-index:1;
}
.payments-container{
	padding:50px 0 0;
}
a {
  text-decoration: none;
}
.btn {
    background: #02b0cb;
    border: none;
    border-radius: 10px;
    padding: 10px 20px;
    display: inline-block;
    text-decoration: none;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    transition: all .2s ease-in-out;
    cursor: pointer;
}
.t-header{
	display:flex;
	flex-direction:row;
	justify-content:flex-start;
	height:70px;
	font-weight:700;
	color:#6a6f8a
}
.t-header > div{
	padding:15px 15px 0;
	border-left:1px solid #343645
}
.t-header > div:nth-child(1){
	width:150px;
	border-left:none
}
.t-header > div:nth-child(2){
	width:140px
}
.t-header > div:nth-child(3){
	width:90px
}
.t-header > div:nth-child(4){
	width:110px
}
.t-header > div:nth-child(5){
	width:110px
}
.t-header > div:nth-child(6){
	width:120px
}
.t-header > div:nth-child(7){
	width:180px
}
.payment{
	display:flex;
	flex-direction:row;
	justify-content:flex-start;
	height:80px
}
.payment .logo{
	width:150px;
	display:flex;
	justify-content:center;
	align-items:center;
	padding: 10px;
}
.payment .logo img{
	width:120px;
	 
}
.payment .payment-info{
	display:flex;
	flex-direction:row;
	justify-content:flex-start
}
.payment .payment-info > div{
	display:flex;
	flex-direction:row;
	justify-content:flex-start
}
.payment .payment-info > div:nth-child(1){
	padding:0 15px;
	font-weight:700;
	display:none
}
.payment .payment-info .info > div{
	display:flex;
	align-items:center;
	padding:0 10px;
	border-left:1px solid #343645
}
.payment .payment-info .info > div:nth-child(1){
	width:140px
}
.payment .payment-info .info > div:nth-child(2){
	width:90px
}
.payment .payment-info .info > div:nth-child(3){
	width:110px
}
.payment .payment-info .info > div:nth-child(4){
	width:110px
}
.payment .payment-info .info > div:nth-child(5){
	width:120px
}
.payment .dep{
	display:flex;
	justify-content:center;
	align-items:center;
	width:180px;
	border-left:1px solid #343645;
	padding: 10px;
}
.payment:nth-child(even){
	background-color:#2b2e3a
}
@media screen and (max-width: 930px){
	.t-header{
		display:none
	}

	.payment{
		flex-direction:column;
		height:auto;
		margin:30px 0
	}
	.payment .logo{
		width:100%;
		background-color:#2b2e3a;
		height:80px
	}
	.payment .payment-info{
		justify-content:space-between;
		padding:10px 0 20px
	}
	.payment .payment-info > div{
		flex-direction:column;
		width:45%
	}
	.payment .payment-info > div:nth-child(1){
		display:flex
	}
	.payment .payment-info > div > div{
		height:50px;
		display:flex;
		align-items:center
	}
	.payment .payment-info .info > div{
		padding:0 15px;
		border-left:none;
		width:100%!important
	}
	.payment .dep{
		width:100%;
		border-left:none
	}
	.payment:nth-child(even){
		background-color:transparent
	}
	.btn{
		width:100%;
		text-align:center
	}
}

.payments-container { 
	max-width:900px; 
	margin:30px auto;
}
.u-layout-row {
    flex-direction: row;
    flex-wrap: wrap;
    min-height: 100%;
    max-width: 100%;
    display: flex;
}
.u-layout-row > .u-size-19 {
    flex: 0 0 31.66666667%;
    max-width: 31.66666667%;
    min-width: 31.66666667%;
}
.u-layout-row > .u-size-41 {
    flex: 0 0 68.33333333%;
    max-width: 68.33333333%;
    min-width: 68.33333333%;
    font-size: 17px;
}
.android-3__right .flex img { margin:10px 10px;    width: 45%;}
table {
	border-spacing: 0;
}

table td {
	padding: 5px;
}

tr td+td {
	border-left: 0;
}

table tr+tr td {
	border-top: 0;
}
* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

@media (max-width: 568px) {

	#metodi-di-pagamento table { font-size:12px;}

}
footer .providers-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0 0 32px;
}
.mobile-menu_wrap { display:none;}
.welcome-banner {
    border-radius: 8px ;
        display: inline-block;
    min-height: 200px;
    width: 100%;
    position: relative;
	color:#fff;
}
#banner-container .col-right img {
    margin-bottom: -5px;
    margin-top: -44px;
}
#banner-container .col-left { position:absolute; left:2%; top:20%;
}
#banner-container .col-right { float:right; }
.nav-buttons {
    display: flex;
}
.sub-nav-col {
    display: flex;
    margin: 0 5px;
}
.sub-nav-btn {
    color: #5d5f69;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    min-height: 36px;
    min-width: 100px;
    justify-content: center;
    align-items: center;
    display: flex;
    border-radius: 5px;
    padding: 8px 12px;
}
.btn-dark-grey {
    background-color: var(--color-dark-blue-2);
    border: 2px solid var(--color-dark-blue-2);
    color: var(--color-white);
    transition: all .3s ease;
}
.sub-nav-icon {
    margin-right: 10px;
}
.sub-nav-icon svg {fill:var(--color-grey);}
.btn-dark-grey:hover {
    border: 2px solid var(--color-white);
    color: var(--color-white);
}
.btn-dark-grey:hover svg { fill:var(--color-white);; }
#topslider { margin-top:50px; }
.content { max-width:100%; }

@media (max-width: 768px) {
	#banner-container .col-left {
    position: relative;
    left: 2%;
    top: 12%;
	width:96%; 
}
#welcome-banner { margin-bottom:50px; color:#FFF; }
	.mobile-menu_wrap {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    max-width: 100vw;
    height: 64px;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 14px;
    background: #fff;
    box-shadow: 0px -9px 20px rgb(28, 28, 64);
}
	.mobile-menu_wrap .mobile-menu {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding: 0;
    margin: 0;
    list-style: none;
}
	.mobile-menu_wrap .mobile-menu a, .mobile-menu_wrap .mobile-menu span {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    text-align: center;
    font-weight: 500;
    font-size: 9px;
    color: #212121;
    text-transform: uppercase;
}
	.mobile-menu_wrap .mobile-menu img {
    width: 18px;
    height: 18px;
    margin-bottom: 4px;
}
	.maincontent {width: 100%;
    padding: 0 0px;}
	footer {
	padding-bottom:100px !important;
	}
	.login { display:none !important;}
	header {
    padding: 10px 0;
    background: rgb(28, 28, 64);
	}
	.android-3__wrap {
    display: block;
	}
	header .logo img {
    max-height: 33px;
	}
	#topslider { margin-top:20px;}
	h1 {
    font-family: 'RobotoCondensed-Bold';
    font-size: 40px;
    margin: 0px;
    margin-bottom: 20px;
	}
	#maintext {
    padding-top: 15px;
	}
	.block-dekctop , .block-mobile {
		display: flex;
		flex-direction: column;
		margin-top: 40px;
	}
	.top_link a.login , .top_link a {
    display: inline-block;
    padding:5px 9px;
    line-height: 1.1;
    font-size: 15px;
	margin-right:5px;
	}
	.slot-list .slot-card {
    position: relative;
    max-width: 180px;
    width: 32.26%;
	}
	.header-menu  , .stick { display:none; }
	.payments-container .payment:first-child { display:none; }
	.payment .logo , .payment .dep { padding: 0px;}
	.u-layout-row > .u-size-19 {
    flex: 0 0 100%;
    max-width: 100%;
    min-width: 100%;
	}
	.u-layout-row > .u-size-41 {
	    flex: 0 0 100%;
	    max-width: 100%;
	    min-width: 100%;
	    font-size: 17px;
	}

	.u-layout-row {display: block;}
	.support__img {
    display: none;
	}
	.support__wrap {
    display: block;
	}
	.license-3__wrap {
    grid-gap: 10px;
	}
	.license-3__item {
    grid-template-columns: 1fr;
    grid-gap: 10px;
	}
	.license-3__info {
    padding: 12px;
    border-radius: 8px;
    grid-row-start: 2;
	}
	.license-3__img {
    border-radius: 8px;
	}
	.license-3__img img {
    width: 100%;
    box-sizing: border-box;
    object-fit: cover;
    max-height: 300px;
	}
	.deposit-3__wrap {
    grid-gap: 15px;
    grid-template-columns: 1fr;
	}
	.content-rating__wrap {
    	grid-template-columns: 1fr;
	}
	.bonus-code__wrap { display: block;}
	.block-dekctop , .block-mobile {
		display: flex;
		flex-direction: column;
		margin-top: 40px;
	}
	.video {
		position: relative;
		padding-bottom: 56.25%;
		height: 0;
		overflow: hidden;
		max-width:800px;
		margin:30px auto;
	}

	.video iframe, .video object, .video embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.image-desctop {
		order: 1;
	}
	.text-desktop {
		order: 2;
	}
	body {
		overflow-x:hidden;
		}
	.col-image {
		width: 100% !important;
		padding: 10px;
	}
	.text-desktop {
		width: 100% !important;
		padding: 10px;	
	}
	
	.desktop {
		display: none;
	}
	.mobile { 
		display:block;
	}	
	.content {
		padding:0px 20px;
		width: 100%;
        box-sizing: border-box; /* Added box-sizing */
	}
	.side-menu:checked ~ nav {
		display: block;
	}
	.nav {
		max-height: none;
		top: 0; 
	}
	.nav-buttons  { display:none; }

	.nav {
		width: 100%;
		height: 100%;
		position: fixed;
		overflow: hidden;
		z-index: 9999;
		top: 0px;
		display: none;
	}
	.menu {
		margin-top: 70px;
	}
	.side-menu:checked + label .hamb-line::before,
	.side-menu:checked + label .hamb-line::after {
		background: var(--white);
	}
	.menu li{
		float: none;
		display: block;
	}
	
	.menu a:hover{
		background-color: transparent;
		color: var(--gray);
	}
 
	.hamb{
		display: block;
		position: absolute;
		right: 0px;
	}
	header .logo {
		margin-left: inherit;
	}
	.top_link {
		padding-right: 0px;
		position: relative;
		z-index: 9999999;
	}
	.pad100 {
		padding: 40px 0;
	}
	.block-grey-content {
		text-align: center;
		display: flex;
		flex-direction: column;
	}
	.block-grey-content-text {
		padding-right: 0;
		text-align: center;
		order: 2;
	}
	.block-grey-content img {
		order: 1;
	}
	.casino-fav-list>.casino-item {
		display: block;
		margin: 40px 0;
	}
	.casino-fav-list>.casino-item .num-item {
		color: #fff;
		display: flex;
		width: 28px;
		height: 28px;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 10px;
		border-radius: 3px;
		background: #3da195;
		font-weight: 800;
		margin-top: 24px;
		margin-left: auto;
		margin: 0 auto;
		margin-top: -15px;
	}
	.casino-fav-list>.casino-item>.info, .casino-top-list>.casino-top-item .info {
		display: block;
		width: auto;
	}
	.casino-fav-list>.casino-item>.info>div, .casino-top-list>.casino-top-item .info>div {
		max-width: 100% !important;
		width: auto !important;
		display: block !important;
		align-items: center;
		justify-content: center;
		text-align: center;
	}
	.casino-fav-list>.casino-item>.info>.logo {
		height: auto;
		margin-top: 15px;
		margin-bottom: 15px;
	}
	.casino-fav-list>.casino-item .buttons .button {
		float: none;
		margin: 0 auto;
		width: 230px;
	}
	.buttons {
		margin-bottom: 20px;
	}
	.pros-box {
		width: 100%;
	}
	.column {
		width: 50%;
	}
	.slide1 {
		padding:0
	}
	.slide1 img {
	width:100%;
	min-height:400px;
	}
	.col-image img { width:90%;}
	.col-image { text-align:center;}
	.block-grey-content-text p { 
	text-align:left;
	}
	.slide_title {
    font-size: 30px;
	}
	.cliam_text {
    font-size: 30px;
	}
	#banner-container .col-right img {
    margin-bottom: -5px;
    margin-top: 0;
}
}
  .rainbet-hero-section {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 24px;
    margin-bottom: 32px;
  }

  .rainbet-hero-content {
    flex: 1;
  }

  .rainbet-hero-image {
    max-width: 320px;
    height: auto;
    flex-shrink: 0;
    border-radius: 12px;
  }

  @media (max-width: 768px) {
    .rainbet-hero-section {
      flex-direction: column;
      align-items: center;
    }

    .rainbet-hero-image {
      max-width: 100%;
    }
  }
#welcome-banner {
   background: linear-gradient(91deg, #b6a8cb, #151246) no-repeat bottom !important;
    background-size: var(--background-gradient) !important;
}
#banner-container p { margin:5px 0;
text-align:center;}
