@font-face {
	font-family:Megalopolis;
	src:url(MEgalopolisExtra.otf);
} 

body {
	overflow:hidden;
	margin:0;
	background:#000000;
}

a {
	color:#000000;
}

img {
	border:0;
}

#bg, #game, #menu_container, #ui, #popup, #transition, #cover {
	position:absolute;
	user-select:none;
}

#bg {
	width:1920px;
	height:1080px;
	transform-origin: top left;
	background-size:3420px 1080px;
}

#game .sponsor {
	position:absolute;
	top:-540px;
	left:369px;
	width:1182px;
	height:300px;
	opacity:0.9;
	cursor:pointer;
}

#game .sponsor:hover {
	opacity:1;
}

#game .sponsor img {
	width:100%;
	height:100%;
}

#game .sponsor span {
	margin-top:-150px;
	width:1182px;
	height:60px;
	text-align:center;
	color:#000000;
	font-family:Megalopolis;
	font-size:36px;
}

#menu .bg {
	z-index:0;
	position:absolute;
	top:0;
	left:420px;
	width:1080px;
	height:880px;
	border-radius:0 0 40px 40px;
	background:rgba(255, 255, 255, 0.75);
}

#menu .but_playstore {
	position:absolute;
	width:288px;
	height:86px;
	background:url('../img/google_play.svg');
	cursor:pointer;
}

#menu .game_ui {
	position:absolute;
	font-family:Megalopolis;
	color:#444444;
}

#menu .game_ui_bet_result {
	display:none;
	width:800px;
	height:180px;
	top:24px;
	left:560px;
	font-size:48px;
	text-align:center;
}

#menu .game_ui_bets {
	z-index:0;
	top:140px;
	left:1340px;
	width:540px;
	height:700px;
	border-radius:40px;
	background:rgba(255, 255, 255, 0.75);
}

#menu .game_ui_bets_title {
	top:160px;
	left:1380px;
	width:460px;
	font-size:48px;
	text-align:center;
}

#menu .game_ui_bets_bet_title {
	left:1380px;
	width:460px;
	font-size:36px;
	text-align:left;
}

#menu .game_ui_bets_bet_desc {
	left:1380px;
	width:460px;
	font-size:36px;
	text-align:left;
	color:#666666;
}

#menu .game_ui_bets_bet_money {
	left:1380px;
	width:200px;
	font-size:48px;
	text-align:center;
}

#menu .game_ui_dealer_cards {
	width:320px;
	height:80px;
	top:400px;
	left:200px;
	font-size:32px;
	text-align:center;
}

#menu .game_ui_hand {
	width:160px;
	height:80px;
	top:731px;
	left:880px;
	font-size:64px;
	text-align:center;
}

#menu .game_ui_hand_dealer {
	width:160px;
	height:80px;
	top:704px;
	left:280px;
	font-size:32px;
	text-align:center;
}

#menu .game_ui_level {
	width:480px;
	height:60px;
	top:24px;
	left:1416px;
	font-size:48px;
	text-align:right;
}

#menu .game_ui_score {
	width:480px;
	height:60px;
	top:24px;
	left:24px;
	font-size:48px;
	text-align:left;
}

#menu .game_ui_score_2 {
	width:480px;
	height:60px;
	top:84px;
	left:162px;
	font-size:48px;
	text-align:left;
}

#menu .ico_loading {
	position:absolute;
	top:490px;
	left:910px;
	width:100px;
	height:100px;
	background-image:url('../img/ico_loading.svg');
}

#menu .logo {
	z-index:1;
	position:absolute;
	top:0;
	left:600px;
	width:720px;
	height:128px;
}

#menu .medal_info {
	z-index:0;
	position:absolute;
	top:780px;
	left:-430px;
	width:410px;
	height:170px;
	background:rgba(68, 68, 68, 0.75);
}

#menu .medal_info_title {
	position:absolute;
	top:20px;
	left:160px;
	font-size:32px;
}

#menu .medal_info_text {
	position:absolute;
	top:100px;
	left:160px;
	font-size:24px;
}

#menu .medal_con {
	position:absolute;
	width:116px;
	height:116px;
	border:2px solid #444444;
	background:radial-gradient(#FFFFFF, #FFF1CE);
}

#menu .medal_img {
	z-index:0;
	position:absolute;
	width:116px;
	height:116px;
	clip-path:inset(0 0 0 0);
}

#menu .medal_ico {
	z-index:1;
	position:absolute;
	width:32px;
	height:40px;
	top:100px;
	left:-16px;
}

#menu .medal_menu_title {
	z-index:1;
	position:absolute;
	font-size:36px;
}

#menu .medal_menu_text {
	z-index:1;
	position:absolute;
	font-size:28px;
}

#menu .stats {
	position:absolute;
	font-family:Megalopolis;
	color:#444444;
}

#menu .stats_bars {
	left:820px;
	top:200px;
	width:600px;
	height:336px;
	background:rgba(0, 0, 0, 0.1);
}

#menu .stats_bar_10 {
	width:60px;
	background:#000000;
	background:linear-gradient(90deg, rgba(0, 0, 0, 0.8) 0%, rgba(34, 34, 34, 0.8) 100%);
}

#menu .stats_bar_25 {
	width:24px;
	background:#000000;
	background:linear-gradient(90deg, rgba(0, 0, 0, 0.8) 0%, rgba(34, 34, 34, 0.8) 100%);
}

#menu .stats_block_new {
	top:574px;
	left:992px;
	width:328px;
	height:136px;
	background:rgba(68, 68, 68, 0.75);
}

#menu .stats_text_large {
	left:500px;
	top:200px;
	width:280px;
	font-size:36px;
	text-align:left;
}

#menu .stats_text_small {
	left:500px;
	top:335px;
	width:280px;
	font-size:28px;
	text-align:left;
}

#menu .text_light {
	color:#EEEEEE;
}

#menu .text {
	z-index:1;
	position:absolute;
	font-family:Megalopolis;
	font-size:28px;
	text-align:left;
	color:#444444;
}

#menu .text_help {
	z-index:1;
	position:absolute;
	font-family:Arial,Verdana,sans;
	font-size:32px;
	text-align:left;
	color:#444444;
}

#menu .text_link {
	z-index:1;
	position:absolute;
	font-family:Arial,Verdana,sans;
	font-size:24px;
	text-align:left;
	color:#666666;
	cursor:pointer;
}

#menu .title {
	z-index:1;
	position:absolute;
	top:140px;
	left:620px;
	width:680px;
	height:30px;
	font-family:Megalopolis;
	font-size:32px;
	text-align:center;
	color:#666666;
}

#ui .sponsor {
	position:absolute;
	top:936px;
	left:1305px;
	width:591px;
	height:120px;
	opacity:0.9;
	cursor:pointer;
}

#ui .sponsor:hover {
	opacity:1;
}

#ui .sponsor img {
	width:100%;
	height:100%;
}

#ui .tip {
	position:absolute;
	top:844px;
	left:36px;
	width:300px;
	height:80px;
	padding:25px 10px 15px 10px;
	font-family:Megalopolis;
	font-size:32px;
	text-align:center;
	color:#FFFFFF;
	background-image:url('../img/ui_tip.svg');
}

#popup .bg {
	position:absolute;
	top:0;
	left:0;
	width:1920px;
	height:1080px;
}

#popup .title {
	position:absolute;
	top:60px;
	left:620px;
	width:680px;
	height:80px;
	font-family:Megalopolis;
	font-size:64px;
	text-align:center;
	color:#222222;
}

#popup .text {
	position:absolute;
	font-family:Megalopolis;
	font-size:28px;
	text-align:left;
	color:#444444;
}

#transition {
	display:none;
	top:0;
	right:0;
	bottom:0;
	left:0;
}

#cover .cover {
	overflow:hidden;
	position:absolute;
	background:#000000;
}

#cover .top {
	top:-600px;
	left:0;
	width:1920px;
	height:600px;
}

#cover .right {
	top:0;
	left:1920px;
	width:600px;
	height:1080px;
}

#cover .bottom {
	top:1080px;
	left:0;
	width:1920px;
	height:600px;
}

#cover .left {
	top:0;
	left:-600px;
	width:600px;
	height:1080px;
}


.button {
	z-index:1;
	position:absolute;
	font-family:Megalopolis;
	font-size:32px;
	text-align:center;
	color:#444444;
	-webkit-tap-highlight-color:transparent;
}

.button_l {
	width:302px;
	height:64px;
	padding:28px 14px 0 14px;
	background-size:996px 276px;
}

.button_m {
	width:184px;
	height:64px;
	padding:28px 14px 0 14px;
	background-size:636px 276px;
}

.button_s {
	width:64px;
	height:64px;
	padding:14px;
	background-size:276px 276px;
}

.button_s .ico {
	width:100%;
	height:100%;
}

.button_active {
	background-position-y:-92px;
	cursor:pointer;
}

.button_active:hover {
	background-position-y:-184px;
}

.card {
	position:absolute;
	width:120px;
	height:180px;
	border-radius:12px;
	border:1px solid #939289;
	background:linear-gradient(#FFF2CF, #FAE7B1);
	font-family:Arial,Verdana,sans;
	transform-origin:50% 100%;
}

.card_black {
	color:rgba(34, 34, 34, 0.8);
}

.card_red {
	color:rgba(221, 0, 0, 0.8);
}

.card .bg {
	position:absolute;
	width:120px;
	height:180px;
}

.card .border {
	position:absolute;
	width:78px;
	height:158px;
	top:10px;
	left:20px;
	border:1px solid #939289;
}

.card .border_wide {
	position:absolute;
	width:98px;
	height:158px;
	top:10px;
	left:10px;
	border:1px solid #939289;
}

.card .suit {
	position:absolute;
	width:24px;
	height:24px;
	transform:translate(-50%,-50%);
}

.card .suit_top {
	position:absolute;
	width:16px;
	height:16px;
	top:34px;
	left:10px;
	transform:translate(-50%,-50%);
}

.card .suit_bot {
	position:absolute;
	width:16px;
	height:16px;
	top:146px;
	left:110px;
	transform:translate(-50%,-50%) rotate(180deg);
}

.card .suit_large {
	position:absolute;
	width:68px;
	height:68px;
	top:90px;
	left:60px;
	transform:translate(-50%,-50%);
}

.card .value_large {
	position:absolute;
	width:80px;
	height:60px;
	top:48px;
	left:20px;
	font-size:64px;
	font-weight:bold;
	text-align:center;
}

.card .value_top {
	position:absolute;
	width:22px;
	height:30px;
	top:5px;
	left:0;
	font-size:20px;
	font-weight:bold;
	text-align:center;
}

.card .value_bot {
	position:absolute;
	width:22px;
	height:30px;
	top:145px;
	left:98px;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	transform-origin:50% 50%;
	transform:rotate(180deg);
}