/* Aleksey Skubaev

askubaev@gmail.com
icq - 322253350
test-templates.com
------------------
*/


:root {
--white: 255,255,255;
    --green: 37,245,108;
    --yellow: 245,187,37;
    --red: 255,80,80;
    --semi-gray: 118,128,163;
    --gray: 81,88,113;
    --semi-dark-gray: 35,39,53;
    --avatar-gray-bg: 39, 43, 58;
    --dark-gray: 33,36,51;
    --soft-gray: 44,49,66;
    --semi-dark: 23,25,36;
    --dark: 31,34,47;
    --indent-base: 12px;
    --height-48: 48px;
    --border-4: 4px;
    --border-8: 8px;
    --border-12: 12px;
    --border-16: 16px;
    --border-24: 24px;
    --full: 100%;
    --large: 300px;
    --medium: 200px;
    --super-small: 80px;
    --small: 130px;
    --border-color-gray: 39,43,58;
    --color-colorful: 37,195,92;
    --color-dark: 33,36,51;
    --launch-game-background: 0,0,0;
    --icon-play-background: 245,187,37;
    --checkbox-active-bg: 21,63,7;
    --gradient-desktop-bg: linear-gradient(130deg, #1F3F2A 0%, transparent 25.38%);
    --gradient-bg: linear-gradient(130deg, #1F3F2A 0%, rgb(var(--dark)) 25.38%);
    --gradient-drawer-bg: linear-gradient(90deg, #212433 0%, rgba(33, 36, 51, 0) 100%);
    --gradient-green: linear-gradient(181deg, #0CB989 0%, #1C5E7C 95.31%);
    --gradient-bonus-on-deposit: linear-gradient(187deg, #656AC1 0%, #373DA9 100%);
    --gradient-bonus-free-spin: linear-gradient(181deg, #0AC2AF 0%, #00796D 100%);
    --landing-gradient: linear-gradient(180deg, rgba(var(--semi-dark),1) 0%, rgba(var(--dark),1) 39%);
    --top-first-player-bg: 245,187,37;
    --top-second-player-bg: 189,189,189;
    --top-third-player-bg: 220,109,61;
    --app-height: 939px;
    --app-width: 1920px;
    --vw: 1920px;
    --vh: 939px;
}

body {
	padding: 0 0 0 0;
	margin: 0;
	background: rgb(23,25,36);
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	font-size: 14px;
	color: #fff;

}

input, textarea {
	font-family: 'Montserrat', sans-serif !important;
	outline: none !important;
}

h1, h2, h3, h4, form {
	padding: 0;
	margin: 0;
}

a {
	text-decoration: none;
}
img {
	border: none;
}

html {
	min-height: 100vh;
}

form {
	margin: 0;
	padding: 0;
}

.mainfl {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 0 12px;
	position: relative;
	min-height: 100vh;
	box-sizing: border-box;
	text-align: left;
}

.mainfl:after {
    background: linear-gradient(130deg, #1F3F2A 0%, transparent 25.38%);
    content: "";
    height: 50%;
    left: 0;
    max-height: 700px;
    position: absolute;
    top: 0;
    width: 50%;
    z-index: 0;
}

	.left-col {
		overflow-y: hidden;
		padding: 0;
		position: -webkit-sticky;
		position: sticky;
		top: 0;
		width: 320px;
		z-index: 2;
		height: calc(100vh - 30px);
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		padding: 12px 12px 12px 0;
	}
	
		.left-col-t {
			
		}
		
		.logo {
			display: flex;
			justify-content: center;
		}
	
		.ltnav {
			padding: 4px;
			display: flex;
			justify-content: space-between;
			background: rgba(33,36,51);
			border-radius: 12px;
			margin: 0 0 12px 0;
		}
		
			.ltnav a {
				width: 30%;
				box-sizing: border-box;
				align-items: center;
				display: flex;
				flex-direction: column;
				justify-content: center;
				padding: 4px;
				position: relative;
				border: 2px transparent solid;
				opacity: 0.7;
				border-radius: 12px;
			}
			
				.ltnav a svg {
					height: 15px;
					margin: 0 0 4px 0;
				}
				
				.ltnav a span {
					max-width: 90px;
					overflow: hidden;
					text-align: center;
					text-decoration: none;
					text-overflow: ellipsis;
					white-space: nowrap;
					font-size: 12px;
					color: #fff;
				}
				
				.AppSwitcher_new__vhJgt {
					height: 12px !important;
					padding: 6px;
					position: absolute;
					right: 10px;
					top: -1px;
					width: 25px;
				}
				
				.ltnav a:nth-child(1) {
					opacity: 1;
					background: rgba(44,49,66);
					border: 2px rgba(39,43,58) solid;
				}
				
		.lpay {
			height: 48px;
			display: flex;
			justify-content: center;
			align-items: center;
			color: #fff;
			box-sizing: border-box;
			border: 2px solid rgb(var(--green));
			background-color: rgb(var(--color-colorful));
			box-shadow: 0 3px 16px rgba(var(--color-colorful),.7),inset 0 4px 3px #ffffff4d;
			border-radius: var(--border-8);
			margin: 0 0 17px 0;
		}
		
			.lpay svg {
				margin: 0 10px 0 0;
			}
			
			.lpay span {
				
			}
			
		.lnav {
			
		}
		
			.lnav a {
				margin: 0 0 17px 0;
				padding: 0 12px;
				box-sizing: border-box;
				display: flex;
				align-items: center;
				background: var(--gradient-drawer-bg);
				border-radius: var(--border-8);
				color: #fff;
				font-size: 14px;
				height: 48px;
				position: relative;
			}
			
				.lnav a svg {
					height: 20px;
					width: 20px;
					margin: 0 12px 0 0;
				}
				
				.lnav a span {
					
				}
				
				.BonusButtons_red__jpuDa {
					align-items: center;
					background-color: rgb(var(--red));
					border: 1px solid rgb(var(--border-color-gray));
					border-radius: 50%;
					display: flex;
					height: 25px;
					justify-content: center;
					width: 25px;
					position: absolute;
					right: 12px;
					top: calc(50% - 12px);
				}
				
		.CasinoDrawer_dash__M2AcU {
			background-color: rgb(var(--border-color-gray));
			border-radius: var(--border-4);
			height: 2px;
			margin: 0 0 17px 0;
		}
		
		.lnav a.nhyt {
			color: rgb(var(--gray));
		}
		
			.nhyt svg {
				
			}
			
			.nhyt span {
				
			}
			
		.lcb {
			display: flex;
			justify-content: space-between;
			align-items: center;
		}
		
			.SocialButtons_socialButton__rKe2k {
				align-items: center;
				background-color: rgb(var(--dark-gray));
				border-radius: 50%;
				display: flex;
				height: 38px;
				justify-content: center;
				width: 38px;
			}
			
			.CasinoDrawer_email__NvH64 {
				align-items: center;
				background-color: rgb(var(--soft-gray));
				border: solid rgb(var(--border-color-gray));
				border-radius: var(--border-12);
				color: rgb(var(--white));
				display: flex;
				font-size: 12px;
				margin-left: var(--indent-base);
				padding: var(--indent-base);
				text-decoration: none;
			}
	
	.right-col {
		width: calc(100% - 345px);
		position: relative;
		z-index: 2;
		padding: 12px 0 0 0;
		box-sizing: border-box;
	}
	
		.head-line {
			background: rgba(var(--dark),.45);
			border: 2px solid rgb(var(--border-color-gray));
			border-radius: var(--border-24);
			height: 96px;
			margin-bottom: 12px;
			padding: 0 30px;
			position: relative;
			box-sizing: border-box;
			display: flex;
			justify-content: flex-end;
			align-items: center;
		}
		
			.head-line a {
				color: #fff;
				display: flex;
				align-items: center;
				font-size: 16px;
				margin: 0 0 0 20px;
			}
			
				.head-line a svg {
					margin: 0 20px;
				}
				
				.Header_jivoBtn__1NnDx {
					align-items: center;
					background: rgb(var(--soft-gray));
					border-radius: var(--border-8);
					display: flex;
					height: 36px;
					justify-content: center;
					margin-left: calc(var(--indent-base)/2);
					width: 36px;
				}
				
				.Header_jivoBtn__1NnDx svg {
					height: 24px;
					width: 24px;
					margin: 2px 0 0 0 !important;
				}
				
		.rcwrap {
			background: #000;
			border: 2px solid rgb(var(--border-color-gray));
			border-radius: var(--border-24);
			margin-bottom: 12px;
			padding: 30px;
			position: relative;
			box-sizing: border-box;
		}
		
			.rcmenu {
				margin: 0 0 20px 0;
				overflow-x: hidden;
				white-space: nowrap;
			}
			
				.rcmenu > div {
					display: inline-block;
					vertical-align: top;
				}
			
				.rcmenu a {
					display: flex;
					flex-direction: column;
					justify-content: center;
					align-items: center;
					box-sizing: border-box;
					background-color: rgb(var(--dark-gray));
					border-radius: 6px;
					font-size: 9px;
					height: 55px;
					margin-left: calc(var(--indent-base)/3);
					width: 55px;
				}
				
					.rcmenu a svg {
						height: 20px;
						margin-bottom: calc(var(--indent-base)/2);
						width: 45px;
					}
					
					.CasinoCategory_inHouse__M7WG6 svg>g {
						transform: scale(1.6) translate(-9px,-9px);
					}
					
					.CasinoCategory_inHouse__M7WG6 svg>g>path {
						fill: rgb(var(--gray));
					}
					
					.rcmenu a span {
						color: rgb(var(--white));
						overflow: hidden;
						text-align: center;
						text-overflow: ellipsis;
						white-space: nowrap;
						width: 86%;
					}
					
		.slider-block {
			position: relative;
		}
		
			.slider-left, .slider-right {
				position: absolute;
				width: 28px;
				height: 100%;
				box-sizing: border-box;
				display: flex;
				justify-content: center;
				align-items: center;
				cursor: pointer;
				opacity: 0.4;
				left: 0;
				top: 0;
				transition: all .25s ease-in;
				z-index: 3;
			}
			
				.slider-left:after, .slider-right:after {
					border-bottom: 8px solid #0000;
					border-top: 8px solid #0000;
					content: "";
					display: inline-block;
					margin: 0 5px;
					    border-right: 8px solid #fff;
				}
				
				.slider-left:hover, .slider-right:hover {
					background: #0003;
					opacity: 1;
				}
				
				.slider-right {
					transform: rotate(180deg);
					left: auto;
					right: 0;
				}
					
			.slider-item {
				height: 300px;
				position: relative;
				border-radius: 12px;
			}
			
				.slider-item-image {
					border-radius: 12px;
					display: block;
					height: 100%;
					overflow: hidden;
					
					position: relative;
					z-index: 1;
				}
				
					.slider-item-image img {
						border-radius: 12px;
						height: 100%;
						width: 100%;
						object-fit: cover;
						object-position: center top;
					}
					
				.slider-item-over {
					border-radius: 12px;
					position: absolute;
					z-index: 2;
					left: 0;
					top: 0;
					display: flex;
					height: 100%;
					box-sizing: border-box;
					width: 500px;
					padding: 30px 40px;
					flex-direction: column;
					justify-content: center;
					align-items: flex-start;
				}
				
					.slider-item-title {
						color: #fff;
						text-transform: uppercase;
						font-size: 22px;
						font-weight: bold;
						margin: 0 0 30px 0;
					}
					
					.slider-item-btn {
						border: 2px solid rgb(var(--green));
						height: 32px;
						padding: 0 10px;
						background-color: rgb(var(--color-colorful));
						box-shadow: 0 3px 16px rgba(var(--color-colorful),.7),inset 0 4px 3px #ffffff4d;
						align-items: center;
						border-radius: var(--border-8);
						color: rgb(var(--white));
						cursor: pointer;
						display: flex;
						flex-shrink: 0;
						font-size: 14px;
						justify-content: center;
						overflow: hidden;
						transition: .5s;
						white-space: nowrap;
					}
					
			.rslider-nav {
				display: flex;
				justify-content: center;
				align-items: center;
				height: 32px;
			}
			
				.rslider-nav span {
					background: #fff;
					border-radius: 50%;
					box-shadow: 1px 1px 2px #000000e6;
					cursor: pointer;
					display: inline-block;
					height: 8px;
					margin: 0 8px;
					opacity: .3;
					transition: opacity .25s ease-in;
					width: 8px;
					box-sizing: border-box;
				}
				
				.rslider-nav span:hover {
					background: rgba(37,245,108);
					opacity: 1;
				}
				
				.rslider-nav span.swiper-pagination-bullet-active {
					opacity: 1;
				}
				
.rblock {
	margin: 0 0 24px 0;
}

	.rblock-title {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin: 0 0 12px 0;
	}
	
		.rblock-title > div {
			display: flex;
			align-items: center;
		}
		
			.rblock-title > div span {
				color: rgba(var(--white),.7);
				font-size: 18px;
				margin-left: 5px;
			}
		
			.rblock-title > div svg {
				background: rgb(var(--dark-gray));
				border: 2px solid rgb(var(--border-color-gray));
				border-radius: var(--border-8);
				height: 30px;
				padding: 5px;
				width: 30px;
				box-sizing: border-box;
				box-sizing: border-box;
			}
			
			.rblock-title > div svg path {
				fill: rgb(var(--green));
				box-sizing: border-box;
			}
			
			.rblock-title > div svg>g {
				transform: scale(1.6) translate(-9px,-9px);
				box-sizing: border-box;
			}
		
		.rblock-title > a {
			display: flex;
			align-items: center;
			color: rgb(var(--yellow));
			display: flex;
			font-size: 14px;
			font-weight: 400;
			justify-content: space-between;
			text-transform: capitalize;
		}
		
			.rblock-title > a svg {
				margin-left: calc(var(--indent-base)/2);
				transform: rotate(90deg);
			}
			
			.rblock-title > a svg path {
				fill: rgb(var(--yellow));
			}
			
	.game-line {
		grid-gap: 6px;
		display: grid;
		grid-auto-flow: column;
		overflow-x: auto;
		padding-bottom: var(--indent-base);
		grid-auto-columns: 190px;
	}
	
		.game-item {
			background-color: rgb(var(--gray));
			border-radius: var(--border-8);
			height: 130px;
			overflow: hidden;
			position: relative;
		}
		
			.game-item > img {
				border-radius: var(--border-8);
				width: 100%;
				height: 100%;
				object-fit: cover;
				position: relative;
				z-index: 1;
			}
			
			.game-item > span {
				position: absolute;
				z-index: 2;
				background-color: rgba(var(--dark),.8);
				border-radius: var(--border-16);
				color: rgb(var(--white));
				font-size: 12px;
				height: -webkit-fit-content;
				height: -moz-fit-content;
				height: fit-content;
				max-width: 108px;
				overflow: hidden;
				padding: 8px;
				text-overflow: ellipsis;
				white-space: nowrap;
				left: 8px;
				position: absolute;
				top: 8px;
				box-sizing: border-box;
			}
			
.prov-line {
	grid-gap: 6px;
    display: grid;
    grid-auto-columns: 120px;
    grid-auto-flow: column;
    overflow-x: auto;
    padding-bottom: 10px;
}

	.prov-line a {
		align-items: center;
		background-color: rgb(var(--dark-gray));
		border-radius: 6px;
		display: flex;
		height: 55px;
		justify-content: center;
		overflow: hidden;
		padding: 0 calc(var(--indent-base)/2);
		text-align: center;
		box-sizing: border-box;
	}
	
		.prov-line a img {
			max-height: 40px;
			box-sizing: border-box;
			color: rgb(var(--semi-gray));
    flex-shrink: 0;
    font-weight: 700;
    max-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: capitalize;
    white-space: nowrap;
    width: calc(100% - var(--indent-base));
		}
	
::-webkit-scrollbar{height:2px;width:2px}
::-webkit-scrollbar-track{background:rgb(var(--dark-gray))}
::-webkit-scrollbar-thumb{background:rgb(var(--green))}
	
.game-line::-webkit-scrollbar, .prov-line::-webkit-scrollbar {
    height: 2px;
    width: 2px;
}

.rtable-wrap {
	border: 2px solid rgb(var(--border-color-gray));
    border-radius: var(--border-12);
    margin-bottom: calc(var(--indent-base)*2);
    padding: var(--indent-base);
}

	.rtable-title {
		margin: 0 0 24px 0;
		color: #fff;
		font-size: 16px;
	}
	
	.rtable {
		background-color: rgb(var(--dark));
		border-radius: var(--border-12);
		padding: var(--indent-base);
		box-sizing: border-box;
	}
	
		.rtable-cap {
			align-items: center;
			color: rgb(var(--semi-gray));
			display: flex;
			font-size: 13px;
			margin-bottom: var(--indent-base);
			padding: 0 var(--indent-base);
		}
		
			.rtable-cap > div {
				box-sizing: border-box;
			}
			
			.rtable-cap > div:nth-child(1) {
				width: 50%;
			}
			
			.rtable-cap > div:nth-child(2) {
				width: calc(30% - var(--indent-base));
				text-align: center;
			}
			
			.rtable-cap > div:nth-child(3) {
				width: 20%;
				text-align: right;
				margin-left: var(--indent-base);
			}
	
		.rtable-row {
			border-bottom: 1px solid rgb(var(--border-color-gray));
			display: flex;
			height: 36px;
			margin-bottom: var(--indent-base);
			box-sizing: border-box;
		}
		
			.rtable-row div {
				box-sizing: border-box;
			}
		
			.rtable-row > div:nth-child(1) {
				align-items: center;
				display: flex;
				width: 50%;
			}
			
				.rtable-row > div:nth-child(1) > img {
					height: 15px;
					width: 25px;
				}
			
				.rtname {
					color: #fff;
					font-size: 13px;
					margin-left: calc(var(--indent-base)/2);
					overflow: hidden;
					text-overflow: ellipsis;
					white-space: nowrap;
					width: calc(100% - 25px);
				}
			
			.rtable-row > div:nth-child(2) {
				align-items: center;
				display: flex;
				justify-content: center;
				width: calc(30% - var(--indent-base));
			}
			
				.List_profileIcon__LAYNA {
					height: 15px;
				}
			
				.List_clientId__6N-bL {
					color: rgb(var(--white));
					font-size: .7rem;
					white-space: nowrap;
				}
			
			.rtable-row > div:nth-child(3) {
				align-items: center;
				display: flex;
				justify-content: flex-end;
				margin-left: var(--indent-base);
				width: 20%;
				color: rgb(var(--green));
				font-size: 13px;
				font-weight: 700;
			}
			
		.rtable-row:nth-child(1) {
			
		}
		
.footer {
    background: rgb(var(--dark));
    border-top: 2px solid rgb(var(--border-color-gray));
    padding: 12px;
	text-align: left;
}

	.footer-logo {
		display: flex;
		justify-content: center;
		margin: 0 0 12px 0;
	}
	
		.footer-logo svg {
			height: 48px;
		}
		
	.faq-title {
		color: rgb(var(--semi-gray));
		font-size: 16px;
		margin: 0 0 12px 0;
	}
	
	.faq-item {
		margin: 0 0 12px 0;
	}
	
		.faq-item-title {
			border: 2px solid rgb(var(--border-color-gray));
			border-radius: var(--border-8);
			display: flex;
			font-size: 18px;
			justify-content: space-between;
			padding: var(--indent-base);
			margin: 0 0 2px 0;
			align-items: center;
			cursor: pointer;
		}
		
		.faq-item-text {
			border: 2px solid rgb(var(--border-color-gray));
			padding: 12px;
			border-radius: var(--border-8);
			display: none;
		}
		
			.ttul {
				padding: 0;
				margin: 0;
			}
			
				.ttul > li {
					font-size: 16px;
					color: #fff;
					list-style-type: none;
					position: relative;
					padding: 0 0 0 24px;
					margin: 0 0 12px 0;
				}
				
					.ttul > li:before {
						background: rgb(var(--green));
						border-radius: 50%;
						content: "";
						height: 5px;
						left: var(--indent-base);
						position: absolute;
						top: 50%;
						transform: translateY(-50%);
						width: 5px;
					}
					
			.faq-item-active .faq-item-title svg {
				transform: rotate(180deg);
			}
			
			.faq-item-active .faq-item-text {
				display: block;
			}
			
.footer-text {
	color: rgb(var(--gray));
    font-size: 12px;
}

	.footer-text a {
		color: rgb(var(--gray));
		text-decoration: underline;
	}
	
		.footer-text a:hover {
			color: rgba(var(--green));
		}
		
.mtext {
	width: 100%;
	color: #a3accd;
	font-size: 15px;
	line-height: 20px;
	padding: 20px 10px;
}

	.mtext h1 {
		font-size: 26px;
		font-weight: bold;
		margin: 0 0 20px 0;
		color: #fff;
	}
	
	.mtext h2 {
		font-size: 22px;
		font-weight: bold;
		margin: 0 0 20px 0;
		color: #fff;
	}
	
	.mtext h3 {
		font-size: 18px;
		font-weight: bold;
		margin: 0 0 20px 0;
		color: #fff;
	}
	
	.mtext p {
		margin: 0 0 20px 0;
		padding: 0;
	}
	
	.mtext a {
		color: #428cdc;
		text-decoration: underline;
	}
	
		.mtext a:hover {
			opacity: 0.7;
		}
		
.mtext ul {
	margin: 0 0 30px 0;
	padding: 0;
}
		
.mtext ul li {
	position: relative;
	padding: 0px 0 20px 20px;
	color: #D29D25;
	list-style-type: none;
	font-weight: bold;
}

.mtext ul li:before {
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #4F5151;
  content: "";
  left: 0;
  transition: .3s ease-in-out;
  top: 5px;
}

.mtext ul li:after {
  position: absolute;
  border-left: 1px dotted #4F5151;
  width: 1px;
  top: 22px;
  content: "";
  left: 3px;
  height: calc(100% - 30px);
}

.mtext ul li:last-child {
	padding-bottom: 0;
}

.mtext ul li:last-child:after {
	display: none;
}



.mtext ol {
	margin: 0 0 30px 0;
	padding: 0;
	counter-reset: listitem;
}
		
.mtext ol li {
	position: relative;
	padding: 0px 0 20px 20px;
	color: #D29D25;
	list-style-type: none;
	font-weight: bold;
}

.mtext ol li:before {
  position: absolute;
  border-radius: 50%;
  counter-increment: listitem;
			 content: counters(listitem, '') '';
  left: 0;
  transition: .3s ease-in-out;
  top: 0px;
  color: #fff;
}

.mtext ol li:after {
  position: absolute;
  border-left: 1px dotted #4F5151;
  width: 1px;
  top: 22px;
  content: "";
  left: 3px;
  height: calc(100% - 30px);
}

.mtext ol li:last-child {
	padding-bottom: 0;
}

.mtext ol li:last-child:after {
	display: none;
}
									
.mtable-wrap {
	overflow-x: auto;
	margin: 0 0 40px 0;
}					

.mtable {
	border: 0;
	width: 100%;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}

	.mtable tr {
		
	}
	
		.mtable strong {
			color: #fff;
		}
	
		.mtable td {
			border: 0;
			padding: 20px;
			border-bottom: 1px #304862 solid;
		}
	
.mkttysd-mtext img {
	max-width: 100%;
	margin-bottom: 20px;
}

.mkttysd-mtext {
	color: #fff;
	font-size: 15px;
	line-height: 24px;
}

	.mkttysd-mtext h1 {
		font-size: 26px;
		font-weight: bold;
		margin: 0 0 30px 0;
		color: #fff;
		line-height: normal;
	}
	
	.mkttysd-mtext h2 {
		font-size: 22px;
		font-weight: bold;
		margin: 0 0 30px 0;
		color: #fff;
		line-height: normal;
	}
	
	.mkttysd-mtext h3 {
		font-size: 18px;
		font-weight: bold;
		margin: 0 0 30px 0;
		color: #fff;
		line-height: normal;
	}
	
	.mkttysd-mtext h4 {
		font-size: 18px;
		font-weight: bold;
		margin: 0 0 30px 0;
		color: #fff;
		line-height: normal;
	}
	
	.mkttysd-mtext p {
		margin: 0 0 30px 0;
		padding: 0;
	}
	
	.mkttysd-mtext a {
		color: #428cdc;
		text-decoration: underline;
	}
	
		.mkttysd-mtext a:hover {
			opacity: 0.7;
		}
		
.mkttysd-mtext ul {
	margin: 0 0 30px 0;
	border: 0;
    padding: 0;
}
		
.mkttysd-mtext ul li {
	position: relative;
	color: #42cb72;
	list-style-type: none;
	font-weight: bold;
	
	padding: 12px 12px 12px 25px;
	margin: 0 0 5px 0;
	border-radius: var(--border-12);
	border: 2px #2b2b2b dashed;
}

.mkttysd-mtext ul li:before {
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #4F5151;
  content: "";
  left: 9px;
  transition: .3s ease-in-out;
  top: 18px;
  
	box-sizing: border-box;
    border: 2px solid rgb(var(--green));
    background-color: rgb(var(--color-colorful));
    box-shadow: 0 3px 16px rgba(var(--color-colorful),.7),inset 0 4px 3px #ffffff4d;
    border-radius: var(--border-8);
}



.mkttysd-mtext ol {
	margin: 0 0 30px 0;
	border: 2px solid rgb(var(--border-color-gray));
    border-radius: var(--border-12);
    padding: var(--indent-base);
	counter-reset: listitem;
}
		
.mkttysd-mtext ol li {
	position: relative;
	color: #fff;
	list-style-type: none;
	font-weight: bold;
	padding: 5px 0 5px 25px;
	margin: 0 0 5px 0;
	border-radius: var(--border-12);
}

.mkttysd-mtext ol li:before {
  position: absolute;
  border-radius: 50%;
  counter-increment: listitem;
			 content: counters(listitem, '') '';
  left: 12px;
  transition: .3s ease-in-out;
  top: 4px;
  color: #25c35c;
}

.mkttysd-mtext ol li:last-child:after {
	display: none;
}
									
.mkttysd-mtable-wrap {
	overflow-x: auto;
	margin: 0 0 40px 0;
	
	border: 2px solid rgb(var(--border-color-gray));
	padding: 12px 0 12px 0;
	margin: 0 0 25px 0;
	border-radius: var(--border-12);
}					

.mkttysd-mtable {
	border: 0;
	width: 100%;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}

	.mkttysd-mtable tr {
		
	}
	
		.mkttysd-mtable strong {
			color: #fff;
		}
	
		.mkttysd-mtable td {
			border: 0;
			padding: 10px 20px;
			border-bottom: 1px #303850 solid;
		}
		
		.mkttysd-mtable tr:first-child td {
			
		}
		
		.mkttysd-mtable tr:last-child td {
			border: 0;
		}
			
.sl-wrap {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -8px 50px -8px;
}

	.sl-item {
		margin: 0 8px 16px 8px;
		width: calc(20% - 16px);
		border-radius: 15px;
		overflow: hidden;
		height: calc(20vw / 2.3);
	}
	
		.sl-item > img {
			width: 100%;
			height: 100%;
			object-fit: cover;
			transition:all 1.3s linear;
		}
		
		.sl-item:hover > img {
			transform: scale(1.1);
		}


.mob-logo {
	display: none !important;
}

.mbmenu {
	display: none;
}

@media (max-width: 1200px) {
	
	.mob-logo {
		display: block !important;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 22;
		margin: 0 !important;
	}
	
	.mob-logo svg {
		width: 65px;
		height: 40px;
	}
	
	.left-col {
		display: none;
	}
	
	.right-col {
		width: 100%;
		padding: 0;
	}
	
	.head-line {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		box-sizing: border-box;
		z-index: 222;
		height: 40px;
		padding: 0;
		border-radius: 0px;
		background: var(--gradient-bg);
	}
	
	.mainfl {
		padding: 0;
	}
	
	.mainfl:after {
		display: none;
	}
	
	.head-line a {
		font-size: 13px;
	}
	
	.Header_jivoBtn__1NnDx {
		transform: scale(0.7);
	}
	
	body {
		padding: 105px 0 70px 0;
	}
	
	.rcwrap {
		background: none;
		border:0;
		border-radius: 0;
		margin-bottom: 0;
		padding: 10px 10px;
		position: relative;
		box-sizing: border-box;
		
	}
	
	.rcmenu {
		position: fixed;
		left: 0;
		top: 40px;
		width: 100%;
		background: rgb(var(--semi-dark));
		padding: 10px 10px;
		z-index: 222;
		overflow-x: auto;
	}
	
	.rcmenu::-webkit-scrollbar {
	  display: none;
	}
	
	.rcmenu a {
		margin: 0 2px 0 0;
	}
	
	.slider-item {
		height: 140px;
	}
	
	.slider-left, .slider-right {
		display: none;
	}
	
	.slider-item-title {
		margin: 0 0 5px 0;
		font-size: 18px;
	}
	
	.rblock-title > div span {
		font-size: 15px;
	}
	
	.rblock-title > a {
		font-size: 12px;
	}
	
	.slider-item-over {
		padding: 12px;
	}
	
	.rblock-title > div svg {
		transform: scale(0.8);
	}
	
	.game-item {
		height: 120px;
	}
	
	.game-item > span {
		font-size: 11px;
	}
	
	.faq-item-title {
		font-size: 16px;
	}
	
	.rtable-cap {
		font-size: 11px;
	}
	
	.mbmenu {
		align-items: center;
		background: rgb(var(--dark));
		border-top: 2px solid rgb(var(--border-color-gray));
		bottom: 0;
		display: flex;
		height: 60px;
		left: 0;
		padding: 4px 8px;
		position: fixed;
		width: 100%;
		z-index: 222;
		box-sizing: border-box;
	}
	
		.mbmenu a {
			    align-items: center;
			color: rgb(var(--white));
			display: flex;
			flex-direction: column;
			font-size: 12px;
			font-weight: 400;
			height: 100%;
			justify-content: center;
			text-decoration: none;
			width: 100%;
			    font-size: 10px;
				color: #fff;
		}
		
			.mbmenu a svg {
				height: 24px;
			}
			
	.footer-logo {
		display: none;
	}
	
	.sl-item {
		height: calc(20vw / 1.7);
	}
		
}

.mob-panel {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 88888;
	background: rgba(0,35,71,0.7);
	width: 100%;
	height: 100%;
}

	.mob-panel2 {
		position: absolute;
		width: 280px;
		right: 0;
		top: 0;
		height: 100%;
		background: #001226;
		box-sizing: border-box;
		padding: 20px;
	}
	
	.mob-panel .lang-hidden {
		width: 260px;
		left: -10px;
		top: -10px;
	}
	
	.mob-panel-menu {
		padding: 20px 0 0 0;
	}
	
		.mob-panel-menu a {
			display: block;
			padding: 10px 0;
			border-bottom: 1px #2e3a46 solid;
			color: #fff;
			text-transform: uppercase;
		}
		
	.mob-panel .lang-current {
		margin-left: -10px;
	}
	
	.mob-panel .lang-hidden-line-item > span:nth-child(1) {
		margin-right: 3px;
	}
	
	.mob-close {
		background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 5.99994C17.8124 5.81247 17.5581 5.70715 17.293 5.70715C17.0278 5.70715 16.7735 5.81247 16.586 5.99994L12 10.5859L7.41397 5.99994C7.22644 5.81247 6.97213 5.70715 6.70697 5.70715C6.44181 5.70715 6.1875 5.81247 5.99997 5.99994C5.8125 6.18747 5.70718 6.44178 5.70718 6.70694C5.70718 6.9721 5.8125 7.22641 5.99997 7.41394L10.586 11.9999L5.99997 16.5859C5.8125 16.7735 5.70718 17.0278 5.70718 17.2929C5.70718 17.5581 5.8125 17.8124 5.99997 17.9999C6.1875 18.1874 6.44181 18.2927 6.70697 18.2927C6.97213 18.2927 7.22644 18.1874 7.41397 17.9999L12 13.4139L16.586 17.9999C16.7735 18.1874 17.0278 18.2927 17.293 18.2927C17.5581 18.2927 17.8124 18.1874 18 17.9999C18.1874 17.8124 18.2928 17.5581 18.2928 17.2929C18.2928 17.0278 18.1874 16.7735 18 16.5859L13.414 11.9999L18 7.41394C18.1874 7.22641 18.2928 6.9721 18.2928 6.70694C18.2928 6.44178 18.1874 6.18747 18 5.99994Z' fill='%23fff'/%3E%3C/svg%3E%0A") center center no-repeat;
		cursor: pointer;
		width: 50px;
		height: 50px;
		position: absolute;
		right: 280px;
		top: 0;
	}

@media (max-width: 1200px) {
	
	
	
}

@media (max-width: 850px) {
	
	
	
}

@media (max-width: 730px) {
	
	
	
}

@media (max-width: 650px) {

	.sl-item {
		width: calc(50% - 16px);
		height: calc(50vw / 1.7);
	}
	
}

@media (max-width: 420px) {
	
	
	
}

