#modal083,
table tr {
	padding: 20px !important;
}
#notificationsclass,
#notificationsclassempty {
	color: #dbc666 !important;
}
.header {
	grid-area: header;
}
body,
html {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.clearfix,
.socials {
	clear: both;
}
#iframe-loader,
#test {
	width: 100px;
	height: 100px;
}
#game_wrapper,
.footer-block,
footer {
	bottom: 0 !important;
}
#softswissGameId,
.footer-block {
	z-index: 998 !important;
}
#left-menu,
#mobile-notification-inner {
	overflow-y: scroll;
}
body {
	text-decoration: none !important;
	padding-top: env(safe-area-inset-top);
	padding-bottom: env(safe-area-inset-bottom);
	padding-left: env(safe-area-inset-left);
	padding-right: env(safe-area-inset-right);
}
#googleButton,
#sports-lists,
.Bz112c-r9oPif,
.dropdown-toggle::after,
.jeton-text,
.none,
.old-menu,
.tawk-icon-right img,
.vip-mobile-image {
	display: none !important;
}
span.count-providers {
	font-size: 12px;
	font-weight: 500;
}
#registration-pattern-ver,
.max768,
.small-device {
	display: none;
}
hr {
	color: #5f697f !important;
	padding-right: 20px !important;
}
#more-btn,
.marginauto {
	margin: 0 auto !important;
}
#more-btn {
	margin-top: 20px;
}
.w50 {
	width: calc(50% - 10px) !important;
}

.hr {
	background: #5f697f !important;
}
.register .register-link:hover,
button.purple-button-in:hover,
li.sub-itemm:hover {
	color: var(--text-color-black);
	background-image: linear-gradient(to right, var(--primary-color), #78ccff);
}
.live-support {
	color: #27f470 !important;
}
.ease-fn,
.ease-fn-fast {
	-webkit-transition: 0.2s ease-in-out !important;
	-moz-transition: 0.2s ease-in-out !important;
	-o-transition: 0.2s ease-in-out !important;
	transition: 0.2s ease-in-out !important;
}
#hint-edit {
	font-size: 12px !important;
	top: 20px;
	font-weight: 500;
	left: 20px;
	right: 0;
	padding-left: 10px;
	color: #ff6767;
}
.header-language-nav li {
	text-align: left;
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}
.absolute-center p,
.center-text,
.footer-main,
.reviews,
footer {
	text-align: center;
}
.header-language-nav a {
	margin: 0;
	padding: 0;
	color: #bec9dd;
	font-size: 10px;
	font-weight: light;
	line-height: normal;
	display: block;
	transition: none;
	text-transform: uppercase;
}
.alert-success p,
.half h3 {
	font-weight: 500 !important;
}
.header-language-nav a:hover,
a:hover {
	text-decoration: none;
	transition: 0.3s ease-in-out;
}
.header-language-nav ul ul {
	display: none;
	position: absolute;
	top: 100%;
	left: -14px;
	z-index: 99999;
	list-style: none;
	margin: 0;
	padding: 5px 10px;
}
.header-language-nav ul ul ul {
	top: 0;
	left: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
}
.header-language-nav ul ul a {
	width: 57px;
	list-style: none;
	margin: 10px 0 0;
}
.header-language-nav li:hover,
.header-language-nav ul ul a:hover {
	text-decoration: none;
}
.header-language-nav ul li:hover > ul {
	display: block;
	list-style: none;
	background: rgba(13, 17, 26, 0.65);
	padding: 5px 10px;
	border-radius: 15px;
}
.header-language-nav .flag {
	vertical-align: middle;
	margin-left: 4px;
}
.anjouan-license {
	width: 120px;
	overflow: auto;
	margin: auto;
}
.footer-main {
	display: block;
	overflow: auto;
	padding: 30px 0;
}
.payments {
	border-bottom: 1px solid var(--primary-color);
}
.reviews {
	border-bottom: var(--primary-color) solid 1px;
}
.all-20 {
	margin: 20px !important;
}
.r-20 {
	margin-right: 20px !important;
}
.l-r-20 {
	padding-right: 20px !important;
	padding-left: 20px !important;
}
.game-box-new img {
	width: 100%;
	height: 100%;
	aspect-ratio: 1/1;
	object-fit: fill;
}
.form-select,
input {
	background: #10151f !important;
}
.form-select {
	border-radius: 5px;
	border: 1px solid #3e4861 !important;
}
.payment-item .col-4,
li a.new-menu {
	cursor: pointer !important;
}
#header-language ul li,
#stay-here-img,
.clickable-div,
.close-modal-new,
.close:focus,
.close:hover,
.open-ver-popup,
.select-box,
.select-box-inner p,
.select-box:active,
.select-box:focus,
.selected-box,
.show-bonus-modal-new {
	cursor: pointer;
}
.expiring-bonus {
	font-size: 13px;
}
.mr-15 {
	margin-right: 15px;
}
.close {
	top: 25px !important;
}
button.purple-button {
	width: auto !important;
	background-image: linear-gradient(to right, #78ccff, var(--primary-color));
	color: var(--text-color-black);
}
.big-green {
	color: #fff !important;
	font-size: 16px !important;
}
.success-message {
	color: #fff !important;
	padding-bottom: 0 !important;
	margin-bottom: -20px !important;
}
#iframe-emptyy,
.main-container-for-all {
	margin: 0 auto !important;
}
.cLoNnb,
.nwmXb.nwmXb.nwmXb {
	background: #1a2333 !important;
}
table tr:nth-child(2n) {
	background: #171e2f !important;
	color: #eee;
}
table tr {
	color: #eee;
}
.header {
	width: 100% !important;
}
#game_wrapper,
#iframe-emptyy,
.main-container-for-all {
	width: calc(100vw - 580px) !important;
}
.tawk-agent-chat-bubble {
	background: var(--primary-color) !important;
	color: #131314 !important;
}
.fs20 {
	font-size: 20px !important;
}
.dropdown-menu {
	margin-top: 40px !important;
	border-radius: 0 !important;
	max-width: 420px !important;
	width: 100% !important;
	animation-name: scaleTotal;
	animation-duration: 0.2s;
	animation-timing-function: ease-in-out;
}
#vip-container,
.phoneinput {
	margin-top: 0 !important;
}
.registerH5 {
	font-size: 14px !important;
}
.header-content .header-nav-right > li a {
	font-size: 14px;
}
#modal083 {
	max-width: 120px !important;
}
#modalfs {
	padding: 0 !important;
	width: 480px !important;
	margin-left: calc(50% - 240px) !important;
}
.table > :not(caption) > * > * {
	background-color: var(--bs-table-bg);
	border-bottom-width: 0 !important;
	box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}
.padding20 {
	padding-left: 20px !important;
	padding-right: 20px !important;
}
.form-label {
	color: #fff !important;
	padding-top: 0 !important;
	margin-top: -3px !important;
	margin-left: 30px !important;
	padding-left: 4px !important;
	padding-right: 4px !important;
	font-size: 12px !important;
	position: absolute !important;
}
.form-select {
	height: 40px !important;
	color: #fff !important;
	margin-top: 8px !important;
	padding-left: 20px !important;
	font-size: 14px !important;
	border-radius: 5px !important;
}
@media screen and (max-width: 768px) {
	.game-box-new img {
		border-radius: 12px !important;
		width: 100%;
		height: 100%;
		aspect-ratio: 1/1;
		object-fit: fill;
	}
	.game-box-img {
		display: inline-box;
		overflow: auto;
		top: -20px;
		margin: 0 40px !important;
		border-radius: 15px;
		position: relative;
		width: calc(100% - 20px) !important;
		background: grey;
	}
	.min768 {
		display: none;
	}
	.max768 {
		display: block;
	}
	.modal-content {
		border-radius: 0;
		margin-left: 0;
		background: #171e2f !important;
		margin-top: 0;
		padding: 20px;
	}
	.game-box-new {
		width: 100%;
		float: left;
		border-radius: 15px;
		margin-bottom: 30px;
	}
}
.mt-15 {
	margin-top: 15px !important;
}
.mt-10 {
	margin-top: 10px !important;
}
.mt-20 {
	margin-top: 20px !important;
}
.mb-20 {
	margin-bottom: 20px !important;
}
.mb-15 {
	margin-bottom: 15px !important;
}
.bonus-button,
.vip-button {
	padding: 14px 10px 16px 14px !important;
}
.big-text {
	font-size: 18px;
	margin-left: 30px;
	margin-right: 30px;
}
.vip-container {
	width: 48px;
	height: 48px;
	margin: 0 auto;
	background: url("/assets/icons/user-ph.png");
	border-radius: 365px !important;
}
.badge-text {
	background: #8c2dd8;
	border-radius: 32px;
	padding: 4px 12px;
	margin-top: -2px;
	color: #bec9dd;
	font-size: 12px;
	font-weight: 400;
	margin-bottom: 0;
}
.large-buton a {
	font-size: 18px !important;
	padding: 10px 20px !important;
	min-width: 100px;
}
.mt20 {
	padding-top: 20px !important;
}
.alert-success {
	background: #6cbee7;
	border: 1px solid #8ad2f3;
}
.alert-success p {
	color: #122e46 !important;
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}
@media (max-width: 768px) {
	.info-box {
		margin: 150px 25px;
	}
	.balance-bonus {
		font-size: 12px !important;
	}
}
@media (max-width: 576px) {
	.info-box {
		margin: 50px 25px;
		padding: 25px;
	}
	#tawk-bubble-container {
		display: none !important;
	}
	.tawk-min-container {
		opacity: 0 !important;
	}
}
.footer-block {
	height: 100px !important;
	width: 100vw !important;
}
#login-upper-part {
	background: url(https://betroyal.casino/lp/creatives/popup/users/login-popup-promo.jpg)
		center center/cover no-repeat !important;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	padding-top: 75% !important;
	width: 100% !important;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}
img.provider-image {
	height: 64px !important;
}
.footer-row h4 {
	padding: 0 0 5px !important;
}
.logo-mobile {
	width: 60px !important;
}
.favorite-game {
	font-size: 12px !important;
	padding: 4px 7px !important;
	opacity: 0.7 !important;
	font-weight: 600 !important;
}
.game-box h3,
.strong {
	font-weight: 600;
}
.favorite-game:hover {
	opacity: 0.9 !important;
}
.content-menu .content-menu-nav > li a {
	padding: 0px 0 !important;
	margin-top: 0 !important;
	display: block;
	color: #b10505;
	text-decoration: none;
}
@keyframes shake {
	0%,
	100% {
		transform: translateX(0) rotate(0);
	}
	10%,
	30%,
	50%,
	70%,
	90% {
		transform: translateX(-1px) rotate(-5deg);
	}
	20%,
	40%,
	60%,
	80% {
		transform: translateX(1px) rotate(5deg);
	}
}
.absolute-center {
	height: 200px;
	margin-top: calc(50vh - 100px);
}
#notificationsclass,
#notificationsclassempty,
.user-small-pattern {
	width: 26px;
	height: 26px;
	position: absolute;
	left: 3px;
	top: 3px;
	margin-top: 0;
	z-index: 99999999;
}
.absolute-center i {
	color: #bec9dd;
	font-size: 60px !important;
}
#dropdown-menu-mob li a,
input:focus {
	color: #fff !important;
	display: block;
}
.greyy {
	color: #fff !important;
}
#notificationsclass {
	animation: 1s cubic-bezier(0.36, 0.07, 0.19, 0.97) infinite shake;
	animation-delay: 0.5s;
}
.big-iconn,
h1 {
	font-weight: 700 !important;
}
.small {
	font-size: 10px;
}
.not-img-big {
	width: 20px;
}
input:-webkit-autofill,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover,
select:-webkit-autofill,
select:-webkit-autofill:focus,
select:-webkit-autofill:hover,
textarea:-webkit-autofill,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:hover {
	border: 1px solid #3e4861 !important;
	background: #171e2f !important;
}
button.purple-button:hover,
li.sub-itemm:hover {
	background-image: linear-gradient(to right, var(--primary-color), #78ccff);
}
input:auto-fill {
	border: 1px solid #3e4861 !important;
	background: #171e2f !important;
}
.sidebar {
	z-index: 999 !important;
}
.header {
	z-index: 1000 !important;
}
.leftfloat {
	float: left !important;
}
.w180 {
	width: 180px !important;
}
.w380 {
	width: 380px !important;
}
.big-iconn {
	margin-right: 8px !important;
}
.iframe-close {
	opacity: 1;
}
@media (max-width: 767px) {
	.iframe-close {
		z-index: 104 !important;
		right: 30px !important;
		background: #492097;
		padding: 0 6px 6px 9px !important;
		border-radius: 365px !important;
		width: 40px !important;
		height: 40px !important;
		opacity: 0.9;
		font-size: 18px;
	}
	.iframe-close:hover {
		opacity: 1;
	}
}
input:focus {
	background: #121829 !important;
}
.iframe-layer {
	position: fixed !important;
	z-index: 9 !important;
}
.visible-block {
	display: block !important;
}
h1 {
	font-size: 36px !important;
}
#vip-container {
	width: 136px;
	height: 40px;
	margin: 0 auto;
}
.size15 {
	font-size: 15px !important;
}
.iframe-emptyy {
	background: #00f;
	width: 90%;
	height: 90%;
}
#spinner-loader {
	margin-top: calc(50vh - 75px);
	margin-left: calc(50% - 75px);
	width: 150px;
	height: 150px;
	border-radius: 50%;
	border: 14.1px solid #999bbb;
	border-right-color: var(--primary-color);
	animation: 1s linear infinite spinner-d3wgkg;
}
input.box-input {
	padding: 32px 15px 7px !important;
}
input.basic-input-strong {
	border: 2px solid #afb1c2 !important;
}
input[type="text"]:active,
input[type="text"]:focus {
	border-color: #ffd85c !important;
}
input.alert-input:active,
input.alert-input:focus {
	border-color: #b32121 !important;
	color: #6c0606 !important;
}
input.success-input:active,
input.success-input:focus {
	border-color: #21b365 !important;
	color: #066c32 !important;
}
.selected-box {
	padding-top: 12px !important;
	padding-bottom: 4px !important;
}
.bmmd-button,
.bmmd-button-danger,
.bmmd-button-success,
.bmmd-mat-button,
.bmmd-mat-button-danger,
.bmmd-mat-button-success {
	-webkit-border-radius: 3px;
	-webkit-transition: 0.3s ease-in-out !important;
	-moz-transition: 0.3s ease-in-out !important;
	-o-transition: 0.3s ease-in-out !important;
	transition: 0.3s ease-in-out !important;
}
html {
	box-sizing: border-box;
	scroll-behavior: smooth;
}
a {
	font-family: Montserrat, FontAwesome;
}
.hr {
	width: calc(100% - 40px);
	height: 1px;
	margin: 10px 30px 20px 20px;
}
.sb-language {
	padding: 10px;
	border-radius: 15px;
}
li.sub-itemm:hover {
	color: var(--text-color-black);
	transition: 0.3s ease-in-out;
}
#header-language {
	background: rgba(13, 17, 26, 0.65);
	border-radius: 15px;
}
.header-language-nav {
	margin: 0;
	padding: 0;
	position: relative;
}
.payments,
.reviews {
	padding: 30px 0;
	border-bottom: 1px solid #656e85;
}
.header-language-nav ul ul a .flag img,
.right {
	float: right;
}
.footer-menu {
	display: block;
	overflow: auto;
	margin-top: 25px;
}
footer a {
	display: inline-block;
	font-size: 12px;
	font-weight: 300;
	margin: 0 10px 10px;
	color: #c4c4c4;
	transition: 0.2s ease-in-out;
}
a:active,
a:link,
a:visited,
footer a:hover {
	color: #bec9dd;
	text-decoration: none;
}
.payments {
	display: block;
	margin: 0 30px;
}
.payments-box {
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px;
}
.reviews {
	display: block;
	margin: 0;
}
.reviews-box {
	display: inline-block;
	vertical-align: top;
	margin: 0;
}
.socials {
	display: block;
	margin-top: 30px;
}
footer .fa-brands {
	font-size: 25px;
	color: #7d8085;
}
.game-box h3,
.statement {
	color: #bec9dd;
	text-align: center;
}
.statement {
	max-width: 900px;
	overflow: auto;
	margin-left: calc(50% - 450px + 125px);
	padding: 0 30px;
	font-size: 13px;
}
@media (max-width: 1199px) {
	.statement {
		max-width: 900px;
		overflow: auto;
		margin: 0 auto;
		padding: 0 30px;
		font-size: 13px;
		color: #bec9dd;
		margin-bottom: 40px;
		text-align: center;
	}
}
#stay-here-img,
.maxwidth100 {
	max-width: 100%;
}
.mr-10 {
	margin-right: 10px;
}
.mt-30,
.mt30 {
	margin-top: 30px;
}
.game-box-bkgd,
.provider-cont {
	display: block;
	background-color: #171e2f;
	margin-top: 20px;
	margin-left: 7.5px;
	margin-right: 7.5px;
	position: relative;
	border-radius: 15px;
}
.mb-30,
.mb30 {
	margin-bottom: 30px;
}
.mb-50 {
	margin-bottom: 50px;
}
.provider-cont {
	min-height: 100px;
}
.game-box-bkgd {
	min-height: 350px;
}
.game-box-img {
	display: inline-box;
	overflow: auto;
	top: 0;
	border-radius: 15px;
	position: relative;
	width: calc(100% - 20px);
	background: grey;
}
.game-box-img img {
	width: (100% - 20px);
	height: auto;
	position: relative;
}
.game-box h3 {
	margin: 10px 0;
	padding: 0;
	font-size: 14px;
	line-height: normal;
}
.game-box-meta {
	display: block;
	overflow: auto;
	font-size: 10px;
	font-weight: 300;
	padding: 0 10px;
}
.game-box-players,
.game-box-status {
	width: calc(50% - 4px);
	overflow: auto;
	display: inline-block;
}
.game-box-players {
	color: #656e85;
	text-align: left;
}
.game-box-status {
	color: #27f470;
	text-align: right;
}
.game-box-btn {
	clear: both;
	display: block;
	margin: 20px 0;
}
.game-box-new {
	width: 100%;
	float: left;
	border-radius: 15px;
	margin-bottom: 30px;
}
@media screen and (max-width: 576px) {
	.game-box-new {
		width: 100%;
		float: left;
		border-radius: 15px;
		margin-bottom: 30px;
	}
}
@media screen and (min-width: 1180px) {
	.only-big-screen {
		display: block;
	}
	.only-small-screen {
		display: none;
	}
}
@media screen and (max-width: 1180px) {
	.only-big-screen {
		display: none;
	}
	.only-small-screen {
		display: block;
	}
}
.login-container {
	padding: 25px;
}
.modal-content {
	overflow-x: hidden;
}
#pay-in-mobile .payment-categories-mobile,
#send-mail-casino,
#send-mail-casino-input,
.big-device,
.min768,
.onlydisplay,
.username-visible {
	display: block;
}
.form-control,
input,
input.form-control {
	display: block;
	background: #10151f;
	border-radius: 5px;
	margin-bottom: 0;
	font-size: 16px;
	color: #bec9dd;
}
.form-control {
	border: 1px solid #171e2f;
	padding: 13px 15px;
}
.form-control1:focus {
	border: solid 1px var(--primary-color);
}
.form-select {
	display: block;
	margin-bottom: 0;
}
.form-select:focus {
	border: solid 1px var(--third-color);
}
.title {
	background-color: none;
	color: #bec9dd;
	border-bottom-style: solid;
	border-bottom-color: #171e2f;
	margin-bottom: 6rem;
}
.pt20,
h2.title {
	padding-top: 20px;
}
.close {
	position: absolute;
	font-size: 35px;
	font-weight: 700;
	color: #bec9dd;
}
.close:focus,
.close:hover {
	color: var(--third-color);
}
input,
input.form-control {
	border: 1px solid #171e2f;
}
button.purple-button,
button.purple-button-in {
	display: inline-block;
	line-height: normal;
	font-weight: 500;
	padding: 12px 30px;
}
.register .register-link,
button.purple-button {
	background-image: linear-gradient(to right, #78ccff, var(--primary-color));
}
.register .register-link,
.signin .signin-link {
	display: block;
	border-radius: 15px;
	padding: 7px;
	width: 100%;
	text-align: center;
}
.register .register-link {
	color: var(--text-color-black);
}
.signin .signin-link {
	color: var(--text-color);
	border: 2px solid var(--primary-color);
}
button.purple-button {
	font-size: 14px;

	color: var(--text-color-black);
}
button.purple-button:hover {
	color: var(--text-color-black);
	opacity: 1;
}
button.purple-button-in {
	width: auto;
	font-size: 14px;
	background-color: transparent;
	border: solid 1px var(--primary-color);
	border-radius: 15px;
	color: var(--text-color);
}
.success-message {
	padding: 20px 20px 0;
}
.jKcQkW.jKcQkW.jKcQkW:focus,
.jKcQkW.jKcQkW.jKcQkW[data-garden-focus-visible] {
	box-shadow: #1c174d 0 0 0 0.125rem;
	border: 1px solid #1a2333;
}
.hoKjDm.hoKjDm.hoKjDm {
	background-color: #1a2333;
}
table tr th {
	background: rgba(0, 0, 0, 0.6);
	color: #eee;
	padding: 20px;
}
.main-wrapper-new {
	width: 100%;
	position: relative;
	flex-direction: row;
	display: flex;
}
.header {
	position: fixed;
	top: 0;
}
.tawk-card-primary {
	background-color: var(--primary-color);
}
.tawk-agent-chat-bubble {
	background: var(--primary-color);
}
@media screen and (max-width: 1199px) {
	.main-container-for-all {
		width: 98% !important;
		margin-left: 1% !important;
	}
}
@keyframes slideUp {
	0% {
		opacity: 0;
		top: 45px;
	}
	100% {
		opacity: 1;
		top: 40px;
	}
}
@keyframes scaleTotal {
	0% {
		opacity: 0;
		transform: scale(0);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}
@media screen and (max-width: 992px) {
	.phoneinput {
		margin-top: 20px !important;
	}
}
.table > :not(caption) > * > * {
	padding: 0.5rem;
	background-color: var(--bs-table-bg);
	box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}
.half h3 {
	font-size: 20px;
}
.form-select {
	padding-top: 8px;
}
@media screen and (max-width: 768px) {
	h1 {
		font-size: 26px !important;
		padding: 20px !important;
	}
	.game-box-img {
		display: inline-box;
		overflow: auto;
		top: -20px;
		margin: 0 40px;
		border-radius: 15px;
		position: relative;
		width: calc(100% - 20px);
		background: grey;
	}
	.big-device,
	.min768 {
		display: none;
	}
	.max768,
	.small-device {
		display: block;
	}
	.modal-content {
		border-radius: 10px;
		margin-left: 0;
		background: #171e2f !important;
		margin-top: 0;
		padding: 20px;
	}
	.modal {
		padding: top 0;
	}
}
.processing {
	color: #0d6efd;
}
h2.games-list-title {
	padding-left: 0;
	font-size: 25px;
	font-weight: 600;
	margin-top: 10px;
}
img.game-title-icon {
	margin-right: 8px;
}
.mt-60 {
	margin-top: 60px;
}
.mb-10,
.mb10 {
	margin-bottom: 10px;
}
.mt-50 {
	margin-top: 50px;
}
.bonus-button,
.vip-button {
	height: 100%;
	font-size: 13px;
	left: 0;
	opacity: 1;
	border-radius: 8px;
	font-weight: 600;
	top: 0;
	transition: background-color 0.1s ease-in-out;
	width: 100%;
}
#page-loader,
.spinner-wrapper-new {
	background: rgba(0, 0, 0, 0.9);
	position: fixed;
	width: 100vw;
	height: 100vh;
	left: 0;
}
.bonus-button:hover {
	background-color: #1e2838;
}
.spinner-wrapper-new {
	top: 0;
	padding-top: 112px;
	z-index: 100000;
}
.p20 {
	padding: 20px;
}
.spinner-new {
	margin: 0 auto;
	width: 200px;
	height: 200px;
	margin-top: calc(50vh - 150px);
}
.sidebar-icon-wrap {
	height: auto;
}
.sidebar-icon-wrap img {
	width: 48px;
	margin-right: 20px;
}
#acpp-upper-part {
	width: 576px;
	height: 288px;
	background: url("https://betroyal.casino/lp/creatives/popup/users/credited-account-popup.jpg");
}
#withd-upper-part {
	width: 576px;
	height: 288px;
	background: url("https://betroyal.casino/lp/creatives/popup/users/withdrawal-process-popup.jpg");
}
#vip-upper-part,
#wager-upper-part {
	width: 576px;
	height: 288px;
	background: url("https://betroyal.casino/lp/creatives/popup/users/wagering-completion-popup.jpg");
}
.awwwardpopup h3 {
	font-size: 28px;
	text-align: center;
	font-weight: 700;
}
.awwwardpopup p {
	font-size: 18px;
	text-align: center;
}
.greencheck {
	color: #27f470;
	font-size: 40px;
}
body {
	background-color: #0f131b;
	font-family: Montserrat, sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #bec9dd;
	margin: 0;
}
.info-box {
	max-width: 768px;
	overflow: auto;
	background-color: #171e2f;
	border-radius: 25px;
	margin: 250px auto 0;
	padding: 50px;
	line-height: 22px;
}
.mt-35 {
	margin-top: 35px;
}
@media (max-width: 768px) {
	.info-box {
		margin: 150px 25px;
	}
	.balance-bonus {
		font-size: 12px;
	}
}
@media (max-width: 576px) {
	.info-box {
		margin: 50px 25px;
		padding: 25px;
	}
	#tawk-bubble-container {
		display: none;
	}
	.tawk-min-container {
		opacity: 0;
	}
}
.footer-block {
	position: absolute;
	background: #0f131b;
}
i.fa.fa-bars {
	padding-top: 14px;
}
.logo-mobile img {
	width: 45px !important;
	margin-left: 25px !important;
	/* margin-top: -7px !important;  */

	/* xmass styles */
	margin-top: 2px !important;
}
img.currency {
	width: 24px;
	height: 24px;
	margin-right: 6px;
	margin-top: -2px;
	margin-left: -4px;
}
.favorite-game {
	display: none;
	border-radius: 3px;
	color: #5b0aa7;
}
.favorite-game:hover {
	background-color: #bec9dd;
}
.pulsating-circle:after,
.pulsating-circle:before {
	content: "";
	display: block;
	background-color: #b10505;
}
.pulsating-circle {
	position: absolute;
	right: 5px;
	margin-top: 5px;
	transform: translateX(-50%) translateY(-50%);
	width: 12px;
	height: 12px;
	z-index: 99999999;
}
.pulse-link {
	right: 15px;
	margin-top: 12px;
}
.pulsating-circle:before {
	position: relative;
	width: 300%;
	height: 300%;
	box-sizing: border-box;
	margin-left: -100%;
	margin-top: -100%;
	border-radius: 45px;
	-webkit-animation: 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite
		pulse-ring;
	animation: 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite pulse-ring;
}
.pulsating-circle:after {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 15px;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
	-webkit-animation: 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite
		pulse-dot;
	animation: 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite pulse-dot;
}
.bmmd-mat-button,
.bmmd-mat-button-danger {
	-webkit-box-shadow: 0 2px 5px 0 rgba(95, 103, 107, 0.41);
	-moz-box-shadow: 0 2px 5px 0 rgba(95, 103, 107, 0.41);
	overflow: hidden;
}
@-webkit-keyframes pulse-ring {
	0% {
		transform: scale(0.33);
	}
	100%,
	80% {
		opacity: 0;
	}
}
@keyframes pulse-ring {
	0% {
		transform: scale(0.33);
	}
	100%,
	80% {
		opacity: 0;
	}
}
@-webkit-keyframes pulse-dot {
	0%,
	100% {
		transform: scale(0.8);
	}
	50% {
		transform: scale(1);
	}
}
@keyframes pulse-dot {
	0%,
	100% {
		transform: scale(0.8);
	}
	50% {
		transform: scale(1);
	}
}
@media (max-width: 1199px) {
	#left-menu {
		z-index: 99;
		border-right: 1px solid var(--primary-color);
	}
	.left.open.open-logged-in {
		top: 52px !important;
	}
	.leftbtn {
		margin-left: 0;
	}
	.leftfloat {
		float: none !important;
	}
	.w180,
	.w380 {
		width: 180px !important;
	}
	.pt-10 {
		padding-top: 10px !important;
	}
	.left,
	.left.open.open-logged-in {
		top: 52px;
	}
	.left {
		position: fixed;
		left: 0;
		width: 100%;
		padding: 0;
		bottom: 0;
		z-index: 2;
		transform: translateX(-100%);
	}
	.left.open {
		transform: translateX(0);
		overflow-y: scroll;
		overflow-x: hidden;
		top: 52px;
		z-index: 4;
	}
}
input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 50px #171e2f inset;
	-webkit-text-fill-color: #bec9dd;
}
input:-webkit-autofill:focus {
	-webkit-box-shadow: 0 0 0 50px #171e2f inset;
	-webkit-text-fill-color: #bec9dd;
}
#left-menu {
	position: fixed;
	left: 0;
	width: 250px;
	height: 100vh;
	-ms-overflow-style: none;
	scrollbar-width: none;
	z-index: 99;
}
#left-menu::-webkit-scrollbar {
	display: none;
}
.leftbtn {
	margin-left: 20px;
}
.colored {
	color: #e1b4fb;
}
.iframe-close:hover {
	opacity: 1;
	opacity: 0.9;
}
.logo-picture {
	width: 200px;
	margin: 0 auto;
}
.logo-picture img {
	width: 200px;
}
.down-game-text:hover .play-btn {
	-webkit-animation: 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both slide-top;
	animation: 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both slide-top;
}
.game-box-new:hover .game-image {
	filter: grayscale(50%);
	-webkit-filter: grayscale(50%);
	transition: filter 0.5s ease-in;
}
@-webkit-keyframes slide-top {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	100% {
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px);
	}
}
@keyframes slide-top {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	100% {
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px);
	}
}
.bonus-style,
.deposit-style {
	color: #fff;
	font-weight: 500;
}
#vip-container img,
.pwd-img img {
	width: 32px;
	height: 32px;
}
#mobile-notification,
#payback-bonus-id,
#salert,
.display1200,
.no-visible,
.onlymobile,
.payment-categories-mobile {
	display: none;
}
@keyframes pulsee {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.2);
	}
	100% {
		transform: scale(0.9);
	}
}
@keyframes spinner-d3wgkg {
	to {
		transform: rotate(1turn);
	}
}
@-ms-keyframes spin {
	from {
		-ms-transform: rotate(0);
	}
	to {
		-ms-transform: rotate(360deg);
	}
}
@-moz-keyframes spin {
	from {
		-moz-transform: rotate(0);
	}
	to {
		-moz-transform: rotate(360deg);
	}
}
@-webkit-keyframes spin {
	from {
		-webkit-transform: rotate(0);
	}
	to {
		-webkit-transform: rotate(360deg);
	}
}
@keyframes spin {
	from {
		transform: rotate(0);
	}
	to {
		transform: rotate(360deg);
	}
}
.bgred {
	background: red;
}
.bgblue {
	background: #00f;
}
.bgorange {
	background: orange;
}
.col3 input,
.col4 input {
	width: calc(100% - 24px);
}
.col3 input.basic-input,
.col4 input.basic-input {
	width: calc(100% - 26px);
}
.col3 input.basic-input-strong,
.col4 input.basic-input-strong {
	width: calc(100% - 28px);
}
input.basic-input,
input.focused-alert-input,
input.focused-input,
input.focused-success-input {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #afb1c2;
	background: #fff;
	padding: 8px 12px;
}
.bmmd-button,
.select-box-inner {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
input.box-input {
	border-bottom: 2px solid #afb1c2;
	background: #e5eaee;
	width: calc(100% - 30px);
}
.select-box-inner,
label.placeholder {
	position: absolute;
	background: #fff;
	display: none;
}
input.box-input:focus,
input.box-input:hover {
	background: #d9dde4;
}
label.box-placeholder {
	position: absolute;
	color: #30367c;
	padding: 3px;
	opacity: 1;
	margin-top: 25px;
	margin-left: 12px;
	font-size: 10px;
}
input.focused-input:active,
input.focused-input:focus {
	background: #eaecff;
	animation-name: changefocuscolor;
	animation-duration: 0.8s;
	animation-timing-function: ease-in;
}
input.focused-alert-input:active,
input.focused-alert-input:focus {
	background: #ffe6e6;
	animation-name: changefocusalertcolor;
	animation-duration: 0.8s;
	animation-timing-function: ease-in;
}
input.focused-success-input:active,
input.focused-success-input:focus {
	background: #e7fff2;
	animation-name: changefocussuccesscolor;
	animation-duration: 0.8s;
	animation-timing-function: ease-in;
}
.noph::-webkit-input-placeholder {
	opacity: 0;
}
.bmmd-checkbox-inner:hover + .bmmd-checkbox,
.bmmd-checkbox:hover,
.bmmd-radio-inner:hover + .bmmd-radio,
.bmmd-radio:hover {
	background: #9fa4ac;
	opacity: 0.5;
	animation-name: changeopacity;
	animation-duration: 0.8s;
	animation-timing-function: ease-in;
}
input[type="text"]:focus {
	border-color: #86c7fc !important;
}
input[type="text"]:active {
	border-color: #ffd85c;
}
label.placeholder {
	color: #30367c;
	padding: 3px;
	opacity: 1;
	margin-top: 10px;
	margin-left: 10px;
	font-size: 12px;
	animation-name: placeholdermove;
	animation-duration: 0.1s;
	animation-timing-function: ease-in;
}
.select-box-inner {
	border-radius: 3px;
	border: 1px solid #afb1c2;
	width: calc(100% - 2px);
	animation-name: basicscalling;
	animation-duration: 0.2s;
	animation-timing-function: ease-in;
	z-index: 2;
}
.bmmd-button,
.bmmd-mat-button {
	text-shadow: 1px 1px 1px #59626b;
	color: #bec9dd;
	font-size: 14px;
	padding: 12px 16px;
	display: block;
	text-align: center;
	text-decoration: none;
}
.select-box-inner-box {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0;
	border-radius: 0;
	background: #e5eaee;
}
.bmmd-checkbox,
.bmmd-checkbox:hover,
.bmmd-radio,
.bmmd-radio:hover {
	-webkit-border-radius: 365px;
	-moz-border-radius: 365px;
	width: 40px;
	height: 40px;
}
.select-box-inner p {
	padding: 6px 12px;
}
.green-btn a,
.red-btn a {
	display: inline-block;
	font-size: 13px;
	line-height: normal;
	font-weight: 500 !important;
	padding: 10px 20px;
	text-decoration: none !important;
}
.select-box-inner-box p:hover {
	background: #c0c2cc;
}
.select-box-inner p:hover {
	background: #dadbe2;
}
label.placeholder-alert {
	color: #6c0606;
}
label.placeholder-success {
	color: #066c32;
}
.bmmd-checkbox,
.bmmd-radio {
	border-radius: 365px;
	background: #ccd0ff;
	opacity: 0;
	cursor: pointer;
}
.bmmd-checkbox:hover,
.bmmd-radio:hover {
	border-radius: 365px;
}
.bmmd-checkbox-locked,
.bmmd-radio-locked {
	width: 40px;
	height: 40px;
	-webkit-border-radius: 365px;
	-moz-border-radius: 365px;
	border-radius: 365px;
	background: #ffd85c;
	opacity: 0.3;
	cursor: pointer;
}
.bmmd-checkbox-inner,
.bmmd-checkbox-inner-locked,
.bmmd-radio-inner,
.bmmd-radio-inner-locked {
	z-index: 2;
	width: 16px;
	height: 16px;
	margin-top: 10px;
	margin-left: 10px;
	cursor: pointer;
	position: absolute;
}
.bmmd-checkbox-inner-locked,
.bmmd-radio-inner-locked {
	border: 2px solid #ffd85c;
	background: #ffd85c;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.bmmd-checkbox-inner,
.bmmd-radio-inner {
	border: 2px solid #5c5e68;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.white-check,
.white-point {
	z-index: 3;
	font-weight: 500;
}
.bmmd-radio-inner,
.bmmd-radio-inner-locked {
	-webkit-border-radius: 365px;
	-moz-border-radius: 365px;
	border-radius: 365px;
}
.bmmd-switch,
.bmmd-switch-active {
	-webkit-border-radius: 365px;
	-moz-border-radius: 365px;
	height: 25px;
	width: 50px;
	cursor: pointer;
}
.bmmd-switch {
	border-radius: 365px;
	background: #9598aa;
}
.bmmd-switch img,
.bmmd-switch-danger img {
	margin-top: 5px;
	margin-left: 5px;
	animation-name: switchtoleft;
	animation-duration: 0.4s;
}
.bmmd-switch-active img,
.bmmd-switch-success img {
	margin-top: 5px;
	margin-left: 30px;
	animation-name: switchtoright;
}
.bmmd-switch-active {
	background: #ffd85c;
	border-radius: 365px;
}
.bmmd-switch-active img {
	animation-duration: 0.4s;
}
.bmmd-switch-danger {
	height: 25px;
	width: 50px;
	-webkit-border-radius: 365px;
	-moz-border-radius: 365px;
	border-radius: 365px;
	background: #e01528;
	cursor: pointer;
}
.bmmd-button {
	background: #485ac2;
	background-image: -webkit-linear-gradient(top, #485ac2, #0138ae);
	background-image: -moz-linear-gradient(top, #485ac2, #0138ae);
	background-image: -ms-linear-gradient(top, #485ac2, #0138ae);
	background-image: -o-linear-gradient(top, #485ac2, #0138ae);
	background-image: linear-gradient(to bottom, #485ac2, #0138ae);
	border-radius: 3px;
}
.bmmd-button-danger,
.bmmd-mat-button {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.bmmd-button:hover {
	background: #0138ae;
	background-image: -webkit-linear-gradient(top, #0138ae, #485ac2);
	background-image: -moz-linear-gradient(top, #0138ae, #485ac2);
	background-image: -ms-linear-gradient(top, #0138ae, #485ac2);
	background-image: -o-linear-gradient(top, #0138ae, #485ac2);
	background-image: linear-gradient(to bottom, #0138ae, #485ac2);
	text-decoration: none;
}
.bmmd-mat-button {
	position: relative;
	background: #485ac2;
	border-radius: 3px;
	box-shadow: 0 2px 5px 0 rgba(95, 103, 107, 0.41);
}
.bmmd-mat-button:hover {
	background: #0138ae;
	text-decoration: none;
}
.bmmd-mat-button-danger:active,
.bmmd-mat-button:active {
	-webkit-box-shadow: 0 0 3px 0 rgba(95, 103, 107, 0.41);
	-moz-box-shadow: 0 0 3px 0 rgba(95, 103, 107, 0.41);
	box-shadow: 0 0 3px 0 rgba(95, 103, 107, 0.41);
	animation-name: fastshadowresize;
	animation-duration: 50ms;
	animation-timing-function: ease-in;
}
.bmmd-button-danger {
	background: #f44336;
	background-image: -webkit-linear-gradient(top, #f44336, #d92518);
	background-image: -moz-linear-gradient(top, #f44336, #d92518);
	background-image: -ms-linear-gradient(top, #f44336, #d92518);
	background-image: -o-linear-gradient(top, #f44336, #d92518);
	background-image: linear-gradient(to bottom, #f44336, #d92518);
	border-radius: 3px;
	text-shadow: 1px 1px 1px #59626b;
	color: #bec9dd;
	font-size: 14px;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
	text-align: center;
}
.bmmd-button-success,
.bmmd-mat-button-danger {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	text-shadow: 1px 1px 1px #59626b;
	font-size: 14px;
	text-decoration: none;
	padding: 12px 16px;
	display: block;
	color: #bec9dd;
	text-align: center;
}
.bmmd-button-danger:hover {
	background: #ff2323;
	background-image: -webkit-linear-gradient(top, #d92518, #f44336);
	background-image: -moz-linear-gradient(top, #d92518, #f44336);
	background-image: -ms-linear-gradient(top, #d92518, #f44336);
	background-image: -o-linear-gradient(top, #d92518, #f44336);
	background-image: linear-gradient(to bottom, #d92518, #f44336);
	text-decoration: none;
}
.bmmd-mat-button-danger {
	position: relative;
	background: #f44336;
	border-radius: 3px;
	box-shadow: 0 2px 5px 0 rgba(95, 103, 107, 0.41);
}
.bmmd-mat-button-danger:hover {
	background: #d92518;
	text-decoration: none;
}
.bmmd-button-success {
	background: #05aa44;
	background-image: -webkit-linear-gradient(top, #07c751, #05aa44);
	background-image: -moz-linear-gradient(top, #07c751, #05aa44);
	background-image: -ms-linear-gradient(top, #07c751, #05aa44);
	background-image: -o-linear-gradient(top, #07c751, #05aa44);
	background-image: linear-gradient(to bottom, #07c751, #05aa44);
	border-radius: 3px;
}
.bmmd-button-success:hover {
	background: #4cf894;
	background-image: -webkit-linear-gradient(top, #05aa44, #07c751);
	background-image: -moz-linear-gradient(top, #05aa44, #07c751);
	background-image: -ms-linear-gradient(top, #05aa44, #07c751);
	background-image: -o-linear-gradient(top, #05aa44, #07c751);
	background-image: linear-gradient(to bottom, #05aa44, #07c751);
	text-decoration: none;
}
.bmmd-mat-button-success {
	position: relative;
	overflow: hidden;
	background: #07c751;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-shadow: 1px 1px 1px #59626b;
	color: #bec9dd;
	font-size: 14px;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
	text-align: center;
	-webkit-box-shadow: 0 2px 5px 0 rgba(95, 103, 107, 0.41);
	-moz-box-shadow: 0 2px 5px 0 rgba(95, 103, 107, 0.41);
	box-shadow: 0 2px 5px 0 rgba(95, 103, 107, 0.41);
}
.bmmd-mat-button-success:hover {
	background: #05aa44;
	text-decoration: none;
}
.bmmd-mat-button-success:active {
	-webkit-box-shadow: 0 0 3px 0 rgba(95, 103, 107, 0.41);
	-moz-box-shadow: 0 0 3px 0 rgba(95, 103, 107, 0.41);
	box-shadow: 0 0 3px 0 rgba(95, 103, 107, 0.41);
	animation-name: fastshadowresize;
	animation-duration: 10ms;
	animation-timing-function: ease-in;
}
.bmmd-switch-success {
	background: #00c044;
	height: 25px;
	width: 50px;
	-webkit-border-radius: 365px;
	-moz-border-radius: 365px;
	border-radius: 365px;
	cursor: pointer;
}
.bmmd-switch-success img {
	animation-duration: 0.25s;
	animation-timing-function: ease-in;
}
.white-check {
	color: #bec9dd;
	font-size: 17px;
	margin-top: 0;
	margin-left: 1px;
	position: relative;
}
.white-point {
	color: #bec9dd;
	font-size: 10px;
	margin-top: 2px;
	margin-left: 3px;
	position: relative;
}
.green-btn a,
.red-btn a,
.wpcc-btn {
	color: #fff !important;
}
.add-ripple-effect {
	padding: 12px 16px;
	display: block;
}
span.ripple {
	position: absolute;
	border-radius: 50%;
	transform: scale(0);
	animation: 1.2s ease-in ripple;
	background-color: rgba(255, 255, 255, 0.7);
}
.bmmd-radio-inner-locked {
	background: #fff;
	border: 5px solid #ffd85c;
	width: 10px;
	height: 10px;
}
#game-cont,
#game_wrapper_header,
.modal-content {
	background: #171e2f !important;
}
@keyframes ripple {
	0% {
		transform: scale(0);
		opacity: 0;
	}
	100% {
		transform: scale(8);
		opacity: 0.35;
	}
}
.mt10 {
	margin-top: 10px;
}
.mt20 {
	margin-top: 20px;
}
.mb20 {
	margin-bottom: 20px;
}
.mt40 {
	margin-top: 40px;
}
.mb40 {
	margin-bottom: 40px;
}
.mr20 {
	margin-right: 20px;
}
.pdr20 {
	padding-right: 20px;
}
@media only screen and (max-width: 1199px) {
	.col2 {
		width: 33.333%;
		float: left;
	}
}
#test {
	background-color: red;
}
#test:hover {
	animation-name: fancydropdown;
	animation-duration: 0.5s;
	animation-timing-function: ease-in;
}
@keyframes fastshadowresize {
	0% {
		-webkit-box-shadow: 0 2px 5px 0 rgba(95, 103, 107, 0.41);
		-moz-box-shadow: 0 2px 5px 0 rgba(95, 103, 107, 0.41);
		box-shadow: 0 2px 5px 0 rgba(95, 103, 107, 0.41);
	}
	100% {
		-webkit-box-shadow: 0 0 3px 0 rgba(95, 103, 107, 0.41);
		-moz-box-shadow: 0 0 3px 0 rgba(95, 103, 107, 0.41);
		box-shadow: 0 0 3px 0 rgba(95, 103, 107, 0.41);
	}
}
@keyframes placeholdermove {
	0% {
		font-size: 14px;
		margin-top: 25px;
		opacity: 0.8;
		margin-left: 10px;
		color: #2c2c2c;
	}
	100% {
		font-size: 12px;
		opacity: 1;
		margin-top: 12px;
		margin-left: 10px;
		color: #30367c;
	}
}
@keyframes changeopacity {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 0.65;
	}
	100% {
		opacity: 0.5;
	}
}
@keyframes changefocuscolor {
	0% {
		background-color: #bec9dd;
	}
	50% {
		background-color: #dbddf5;
	}
	100% {
		background-color: #eaecff;
	}
}
@keyframes switchtoright {
	0% {
		margin-left: 5px;
	}
	100% {
		margin-left: 30px;
	}
}
@keyframes switchtoleft {
	0% {
		margin-left: 30px;
	}
	100% {
		margin-left: 5px;
	}
}
@keyframes changefocusalertcolor {
	0% {
		background-color: #bec9dd;
	}
	50% {
		background-color: #fadfdf;
	}
	100% {
		background-color: #ffe6e6;
	}
}
@keyframes changefocussuccesscolor {
	0% {
		background-color: #bec9dd;
	}
	50% {
		background-color: #e0faec;
	}
	100% {
		background-color: #e7fff2;
	}
}
@keyframes changecolor {
	0% {
		background-color: #c9d0d6;
	}
	25% {
		background-color: #ff0;
	}
	50% {
		background-color: #00f;
	}
	100% {
		background-color: green;
	}
}
@keyframes basicscalling {
	0% {
		scale: 0;
	}
	100% {
		scale: 1;
	}
}
@keyframes nicescalling {
	0% {
		scale: 1;
	}
	25% {
		scale: 1.05;
	}
	50% {
		scale: 1.15;
	}
	100% {
		scale: 1.3;
	}
}
@keyframes fancydropdown {
	0% {
		margin-top: 40px;
	}
	50% {
		margin-top: 20px;
	}
	100% {
		margin-top: 0;
	}
}
.checkbox,
.radio {
	width: 40px;
}
.left-checkbox,
.left-radio {
	width: 45px;
	float: left;
}
.right-checkbox,
.right-radio {
	width: calc(100% - 45px);
	float: left;
}
.right-checkbox p,
.right-radio p {
	margin-top: 13px;
}
.max320 {
	max-width: 320px;
}
#exclude-yourself {
	width: 100%;
}
#page-loader {
	top: 0;
	z-index: 1000;
}
@-webkit-keyframes logott {
	from,
	to {
		-webkit-transform: scale(1);
		opacity: 0.75;
	}
	50% {
		-webkit-transform: scale(1.2);
		opacity: 1;
	}
}
.logott {
	width: 257px;
	height: 56px;
	margin: 0 auto;
	margin-top: calc(50vh - 28px);
	-webkit-animation-name: logott;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-iteration-count: 10;
}
.fa-circle-o-notch {
	-webkit-animation: 1s linear infinite spin;
	animation: 1s linear infinite spin;
}
@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}
@keyframes spin {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}
.modal-content {
	border-radius: 6px;
	width: 576px;
	margin-left: calc(50% - 288px);
	margin-top: 16vh;
	border: 0 solid #eee;
}
@media screen and (max-width: 768px) {
	.modal-content {
		border-radius: 6px !important;
	}
}
#game-cont,
#iframe-emptyy {
	border-radius: 6px;
	position: fixed;
}
.wpcc-color-custom-806538711.wpcc-container {
	background-color: #171e2f !important;
	border-color: #0a0e16 !important;
	border-radius: 3px;
	opacity: 0.95;
}
.wpcc-message {
	font-size: 14px !important;
	font-weight: 500;
}
.wpcc-btn {
	background: #7047ff !important;
}
.register-modal-div {
	max-width: 800px !important;
	width: 100% !important;
	margin: auto !important;
	margin-top: calc(50vh - 331px) !important;
	height: 574px !important;
	overflow-y: hidden !important;
}
.footer-row-container {
	margin-left: 292.5px;
}
.footer-legal {
	max-width: calc(100vw - 585px) !important;
	margin: 0 auto;
}
@media (max-width: 1199px) {
	.leftbtn {
		margin-left: 0;
	}
	.leftfloat {
		float: none;
	}
	.w180,
	.w380 {
		width: 180px;
	}
	.pt-10 {
		padding-top: 70px;
	}
	.footer-legal,
	.footer-row-container {
		max-width: 100% !important;
		margin-left: 0;
	}
}
.minus15 {
	margin-left: -15px !important;
}
.close {
	right: 15px;
}
@media screen and (max-width: 768px) {
	.minus15 {
		margin-left: 0 !important;
	}
	#left-registration {
		height: auto !important;
		background-size: 100% 100%;
	}
	.register-modal-div {
		overflow-y: scroll !important;
	}
	.modal-content {
		border-radius: 10px !important;
		margin-left: 0;
		background: #171e2f !important;
		margin-top: 0;
		padding: 20px;
	}
	#close-button {
		top: 135px !important;
	}
	#mobile-notification {
		display: block;
		background: #171e2f;
		position: fixed;
		top: 0;
		right: -100vw;
		width: 100vw;
		height: 100vh;
		z-index: 99999999999;
		margin-top: 0;
		transition: right 0.5s;
	}
	#mobile-notification h1 {
		margin-top: 20px;
		font-size: 20px !important;
	}
	#mobile-notification.show {
		right: 0;
	}
}
#iframe-emptyy {
	background: #000;
	height: calc(90vh - 90px) !important;
	z-index: 99999999999;
	display: none;
}
#iframe-loader {
	margin-top: calc(50vh - 50px);
	margin-left: calc(50% - 50px);
	-webkit-animation-name: spin;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-name: spin;
	-moz-animation-duration: 2s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	-ms-animation-name: spin;
	-ms-animation-duration: 2000ms;
	-ms-animation-iteration-count: infinite;
	-ms-animation-timing-function: linear;
	animation-name: spin;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
#iframe-emptyy img {
	width: 56px;
	height: 56px;
	margin-top: calc(50vh - 28px);
	margin-left: calc(50% - 28px);
	position: absolute;
	animation: 1.5s infinite pulsee;
	z-index: 999999999999;
}
#game_wrapper,
#game_wrapper > iframe {
	height: calc(90vh - 180px) !important;
}
#game_wrapper {
	margin-top: 180px;
	position: fixed;
	top: -45px !important;
	left: 285.5px;
	right: 0;
	background: 0 0 !important;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 997;
	border-radius: 20px;
}
#game_wrapper_header_inner {
	padding: 18px 0;
	z-index: 998 !important;
	position: relative;
}
#game_wrapper_header {
	width: calc(100vw - 565px) !important;
	height: 70px !important;
	border-radius: 6px 12px 0 0;
	margin-top: -2780px;
	margin-left: -17px !important;
	position: relative;
	z-index: 999999999999 !important;
}
#game-cont {
	width: calc(100vw - 315px) !important;
	height: calc(100vh - 210px) !important;
	top: 140px;
	left: 295px;
}
#game_wrapper > iframe {
	background: #000;
	width: calc(100vw - 565px) !important;
	border-radius: 0 0 12px 12px;
	margin-top: 220px;
}
.iframe-layer {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);
}
.very-small-icon {
	width: 18px;
	height: 18px;
}
.elk-iframe,
.elk-iframe-mobile {
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	position: fixed;
}
.elk-iframe {
	z-index: 1111111111;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.elk-iframe-mobile {
	z-index: 1000;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
#toast-container,
.iframe-close,
.maxz {
	z-index: 9999999999999999 !important;
}
.iframe-close {
	position: fixed;
	top: 10px;
	font-size: 28px;
	cursor: pointer;
	right: 15px !important;
	background: #492097;
	padding: 0 6px 6px 9px !important;
	border-radius: 365px !important;
	width: 40px !important;
	height: 40px !important;
	opacity: 0.9;
	margin-top: 20px !important;
}
.iframe-close:hover {
	opacity: 0.5;
}
#close-button {
	right: 35px !important;
	border-radius: 10px;
	position: fixed;
	top: 20px;
}
.green-btn a {
	cursor: pointer;
	background-image: linear-gradient(to bottom, #439d3c, #1b9012) !important;
	border-radius: 15px;
}
.green-btn a:hover {
	color: #bec9dd;
	background-image: linear-gradient(to bottom, #1b9012, #439d3c) !important;
}
.red-btn a {
	cursor: pointer;
	background-image: linear-gradient(to bottom, #bf2222, #a81212) !important;
	border-radius: 5px !important;
}
.red-btn a:hover {
	color: #bec9dd;
	background-image: linear-gradient(to bottom, #a81212, #bf2222) !important;
}
@media screen and (max-width: 1340px) {
	.game-box-new {
		width: 100%;
		float: left;
		border-radius: 15px;
		margin-bottom: 30px;
	}
	#iframe-emptyy {
		width: 100%;
		height: 100%;
		margin-left: 0;
		margin-top: 0;
	}
	#iframe-loader {
		width: 100px;
		height: 100px;
		margin-top: calc(50vh - 50px);
		margin-left: calc(50% - 50px);
		-webkit-animation-name: spin;
		-webkit-animation-duration: 2s;
		-webkit-animation-iteration-count: infinite;
		-webkit-animation-timing-function: linear;
		-moz-animation-name: spin;
		-moz-animation-duration: 2s;
		-moz-animation-iteration-count: infinite;
		-moz-animation-timing-function: linear;
		-ms-animation-name: spin;
		-ms-animation-duration: 2000ms;
		-ms-animation-iteration-count: infinite;
		-ms-animation-timing-function: linear;
		animation-name: spin;
		animation-duration: 2s;
		animation-iteration-count: infinite;
		animation-timing-function: linear;
	}
	#iframe-emptyy img {
		width: 56px;
		height: 56px;
		margin-top: calc(50vh - 28px);
		margin-left: calc(50% - 28px);
		position: absolute;
		animation: 1.5s infinite pulsee;
		z-index: 999999999999;
	}
	#spinner-loader {
		margin-top: calc(50vh - 75px);
		margin-left: calc(50% - 75px);
		width: 150px;
		height: 150px;
		border-radius: 50%;
		border: 14.1px solid #999bbb;
		border-right-color: var(--primary-color);
		animation: 1s linear infinite spinner-d3wgkg;
	}
}
.new-player-crown {
	color: #7b879c;
}
.form-grey {
	background: #171e2f !important;
	font-weight: 600 !important;
	position: relative !important;
	top: -2px !important;
}
.message-wrapper {
	position: relative;
}
.menu-balance img {
	margin-top: -2px;
	margin-left: -2px;
	margin-right: 6px;
}
.grey-txt {
	color: #bec9dd;
}
.progresss-wrapper {
	background: #171e2f !important;
	border-radius: 6px;
	padding: 15px 15px 8px;
	margin: 15px;
}
#progresss-bar-container {
	height: 15px;
	margin: 0 auto;
	position: relative;
	border-radius: 6px;
	overflow: hidden;
}
#progresss-bar-inner-left {
	width: calc(100% - 32px);
	float: left;
}
#progresss-bar-inner-right {
	width: 32px;
	float: left;
}
.progresss-bar-child {
	width: 100%;
	height: 100%;
}
.progresss {
	color: #bec9dd;
	text-align: center;
	line-height: 15px;
	animation-direction: reverse;
	background: #e5405e;
	background: linear-gradient(
		to right,
		#e50000 0,
		#dccc43 35%,
		#dccc43 65%,
		#00d723 100%
	);
}
.crypto-bg,
.crypto-bg-fixed {
	background-size: 100vw 100vh;
}
.shrinker {
	background-color: #000;
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
}
.timelapse {
	animation-name: timelapse;
	animation-fill-mode: forwards;
	animation-duration: 2s;
	animation-timing-function: cubic-bezier(0.86, 0.05, 0.4, 0.96);
}
@keyframes timelapse {
	0% {
		width: 100%;
	}
	100% {
		width: 0%;
	}
}
.strongtext {
	font-weight: 700 !important;
}
#password-eye,
#password-eye-closed {
	position: absolute;
	opacity: 1;
	right: 36px;
	top: 28px;
	cursor: pointer;
}
#password-eye-closed-one,
#password-eye-one {
	position: absolute;
	opacity: 1;
	right: 36px;
	top: 24px;
	cursor: pointer;
}
#password-eye-closed-two,
#password-eye-two {
	position: absolute;
	opacity: 1;
	right: 36px;
	top: 23px;
	cursor: pointer;
}
#password-eye-five,
#password-eye-five-closed,
#password-eye-four,
#password-eye-four-closed {
	position: absolute;
	opacity: 1;
	right: 36px;
	top: 27px;
	cursor: pointer;
}
#password-eye,
#password-eye-closed,
#password-eye-closed-one,
#password-eye-closed-two,
#password-eye-four,
#password-eye-four-closed,
#password-eye-one,
#password-eye-two {
	touch-action: manipulation;
}
@media screen and (max-width: 999px) {
	.display-only-chat,
	.tawk-min-container {
		display: none !important;
	}
}
.leftt {
	inset: 5px auto auto -5px !important;
}
.crypto-bg {
	background-image: linear-gradient(rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65)),
		url("/assets/img/crypto-bg1.jpg");
}
.crypto-bg-fixed {
	background-image: linear-gradient(
			rgba(0, 27, 64, 0.85),
			rgba(0, 27, 64, 0.85)
		),
		url("/assets/img/crypto-bg.jpg");
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.f-margin-fix {
	margin-top: -30px;
}
.card-gold p span,
.gold,
.gold-crown {
	color: gold;
}
.card-silver p span,
.silver-crown {
	color: silver;
}
.silver-bg {
	background: silver;
}
.bronze-bg {
	background: #a95400;
}
.bronze-crown,
.card-bronze p span {
	color: #a95400;
}
.gold-bg {
	background: gold;
	color: #333;
}
.card-platinum p span {
	color: #e5e4e2;
}
.platinum-bg {
	background: #e5e4e2;
	color: #333;
}
.sapphire-bg {
	background: #0f52ba;
}
.card-emerald p span,
.emerald-crown {
	color: #50c878;
}
.emerald-bg {
	background: #50c878;
}
.card-sapphire {
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1), 0 0 10px rgba(113, 170, 255, 0.6);
	border: 1px solid #2f353f;
}
.card-sapphire p span,
.sapphire-crown {
	color: #0f52ba;
}
.black-diamond-crown,
.card-black-diamond p {
	color: #7e7e7e;
}
.black-diamond-bg {
	background: #7e7e7e;
}
.pink-diamond-bg {
	background: #fc94f3;
}
.card-pink-diamond p,
.pink-diamond-crown {
	color: #fc94f3;
}
.card-blue-diamond {
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1), 0 0 10px rgba(78, 226, 236, 0.6);
	border: 1px solid #0051ff;
}
.blue-diamond-bg {
	background: #0051ff;
}
.blue-diamond-crown,
.card-blue-diamond p {
	color: #0051ff;
}
.card-red-diamond p,
.red-diamond-crown {
	color: #8b0000;
}
.card-red-diamond {
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1), 0 0 10px rgba(239, 40, 49, 0.6);
	border: 1px solid #8b0000;
}
.red-diamond-bg {
	background: #8b0000;
}
a.colored {
	color: #9099ff !important;
}
.smallikon {
	width: 24px;
	height: 24px;
	margin-right: 10px;
}
.gamrsidebar {
	margin-top: 26px !important;
}
a,
button,
img {
	touch-action: manipulation !important;
}
.toasttt {
	background-color: #4caf50;
	color: #bec9dd;
	padding: 15px 25px;
	border-radius: 5px;
	margin-bottom: 10px;
	font-size: 14px;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	opacity: 0;
	transform: translateX(100%);
	animation: 0.3s ease-in-out forwards toast-slide-in,
		0.6s ease-in-out 0.8s forwards toast-fade-out;
}
.error {
	background-color: #f44336;
}
.success {
	background-color: #4caf50;
}
#toast-container {
	position: fixed;
	bottom: 20px;
	right: 20px;
}
@keyframes toast-slide-in {
	0% {
		opacity: 0;
		transform: translateX(100%);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}
@keyframes toast-fade-out {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
@media screen and (max-width: 1200px) {
	#game-cont,
	#game_wrapper {
		height: 100% !important;
		left: 0;
		position: fixed;
	}
	#game_wrapper {
		width: 100% !important;
		margin-top: 95px;
		right: 0;
		background: 0 0 !important;
		bottom: 0 !important;
		display: flex;
		justify-content: center;
		align-items: center;
		z-index: 2111111111;
		border-radius: 20px;
		height: calc(100vh - 120px) !important;
	}
	.green-btn a {
		border-radius: 365px !important;
	}
	#game_wrapper_header_inner {
		padding: 0;
		z-index: 9999999999 !important;
		position: relative;
		margin-top: -15px;
	}
	#game_wrapper_header {
		width: 100% !important;
		height: 70px !important;
		border-radius: 0;
		margin-top: -2780px;
		margin-left: -17px !important;
		background: #171e2f !important;
		position: relative;
		z-index: 999999999999 !important;
	}
	#game-cont {
		background: #171e2f;
		border-radius: 6px 12px 0 0;
		width: 100vw !important;
		padding-top: 0;
		top: 0;
		z-index: 999999999999999;
	}
	#game_wrapper > iframe {
		background: #000;
		width: 100vw;
		height: 100%;
		border-radius: 6px !important;
		margin-top: 30px;
		z-index: 999999999999999;
	}
	.display1200 {
		display: block;
	}
	.modh3 {
		padding-top: 0 !important;
	}
}
#google-signin-container-two {
	width: 240px;
	margin: 0 auto;
}
b,
strong {
	font-weight: 600 !important;
}
.mainWrapper {
	margin-top: 80px;
}

@keyframes slideUp {
	0% {
		transform: translateY(20%);
		opacity: 0;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}
.casinoWrapper {
	padding-top: 20px!important;
	padding-left: 20px!important;
	padding-right: 20px!important;
}
@media screen and (max-width: 768px) {
	.casinoWrapper {
		padding-top: 0px!important;
		padding-left: 0px!important;
		padding-right: 0px!important;
	}
}
.max1400 {
	max-width: 1400px;
	margin: 0 auto;
}
.max1200 {
	max-width: 1200px;
	margin: 0 auto;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	color: #fff !important;
}

.desktopScreen {
	display: flex !important;
}
.mobileScreen {
	display: none !important;
}
@media screen and (max-width: 768px) {
	.desktopScreen {
		display: none !important;
	}
	.mobileScreen {
		display: flex !important;
	}
}

.fix-margina {
	margin-left: 20px !important;
	margin-right: 20px !important;
}
@media screen and (max-width: 768px) {
	.fix-margina {
		margin-left: 0px !important;
		margin-right: 0px !important;
	}
}