* {
	margin:0;
	padding:0;
}

a {
	outline:none;
}


body {
	position: absolute;
	top:0;
	left:0;
	width:100vw;
	height:100vh;
	-moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-touch-callout: none;
	font-family: "Roboto-Light";
	overflow: visble;
	background: #000;
}

#swipeUp {background-color: rgba(0, 0, 0, 0.6);height: calc(100% + 200px);position: relative; z-index:2}
.swipeUpInner {font-size: 25px;text-align: center; font-family: "Roboto-Bold"; color: #fff;padding: 100px 0 0 0;}

#portrait_bg {
	position: absolute;
	top:0;
	left:0;
	width:100vw;
	height: 100vh;
	background-image: none;
	display: none;
}

#portrait_bgm {
	position: absolute;
	top:0;
	left:0;
	width:100vw;
	height: 100vh;
	background-image: none;
	display: none;
}

#bonus_bg {
	position: absolute;
	top:0;
	left:0;
	width:0;
	height: 0;
	background-image: none;
	display: none;
}
	

	

/* Scroll styles */
::-webkit-scrollbar {
    width: 18px;
    padding: 10px;
}

::-webkit-scrollbar-thumb {
    background: #ebbe5e;
    border-radius: 10px;
    border: 4px solid #222;
}

::-webkit-scrollbar-track {
    background: #222;
    border-radius: 10px;
}


button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
		background-color: initial;
    margin: 0;
}

#viewport-wrapper {
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    margin: 0 auto;
    background-position: center;
    background-size: cover;
    position: fixed;
    top: calc(50% - 1px);
    left: calc(50% - 1px);
		background: #transparent;
    transform: translate(-50%, -50%);
}

#viewport {
    width: 1920px;
    height: 1080px;
    transform-origin: 0px 0px;
    position: absolute;
    overflow: hidden;
		background: transparent;
		z-index: -1;
		background: url(gfx/horizontal_bg.jpg) no-repeat center;
		background-size: 0 0;
		background-repeat:no-repeat;
}
#mystbg {
    width: 1920px;
    height: 1080px;
    transform-origin: 0px 0px;
    position: absolute;
    overflow: visible;
		background: transparent;
		background-image: url(gfx/mystery_background.jpg);
		background-size: 1920px 1080px;
		background-repeat:no-repeat;
		display: none;

}

canvas {
    position: absolute;
		z-index:100;
}

svg {
    width: 100%;
    height: 100%;
}

#home_button {
	position: absolute;
	top:950px;
	left:1700px;
	z-index:40;
}

#autostartmessage {
    font-family: "Roboto-Bold";
    font-size: 40px;
    height:80px;
    width: 50%;
		left: 25%;
    color: #fff;
    position: absolute;
    top: 350px;
    z-index: 5;
		text-align: center;
    display: none;
}


#startmessage {
    font-family: "Roboto-Bold";
    font-size: 40px;
    height:80px;
    width: 70%;
		left: 15%;
    color: #fff;
    position: absolute;
    top: 240px;
    z-index: 5;
		text-align: center;
    display: none;
}




#totalcash_lbl {
	position: absolute;
	top:50px;
	left:1484px;
	width:200px;
	font-size: 30px;
	line-height: 30px;
	color:#fff;
	text-align: left;
}
#totalcash {
	position: absolute;
	top:50px;
	left:1750px;
	width:200px;
	font-size: 30px;
	line-height: 30px;
	text-align: left;
	color:#fff;
}


#launch {
		position: absolute;
		top: 100px;
		left:889px;
	  height: 376px;
    width: 142px;
    cursor: pointer;
    -webkit-appearance: none;
    background-image: url("gfx/launch.png");
    background-position: center;
    background-size: contain;
}

#presentWin_title {
}

#presentWin_value {


}




.adisable {
	color: #0e0000 !important;
	text-shadow: 1px 1px 2px #69592 !important;
}




.balance-view {
		text-align: center;
		position: absolute;
		top: 14px;
		left: 25%;
		transform: translate(-50%, 0);
		text-shadow: none;
}

.balance-view .balance-view__top {
		display: flex;
		color: #ebbe5e;
}
.color0 {
		color: #ebbe5e;
}

.autostart-view {
		text-align: center;
		position: absolute;
		top: -140px;
		left: 90%;
		transform: translate(-50%, 0);
		text-shadow: none;
}


#middleViewContainer {
		text-align: center;
		position: absolute;
		top: 14px !important;
		left: 50%;
		transform: translate(-50%, 0);
}
#middleViewContainer1 {
		text-align: center;
		position: absolute;
		top: 50px !important;
		left: 50%;
		transform: translate(-50%, 0);
}

#uiBetBtnView {
		text-align: center;
		position: absolute;
		top: 14px;
		left: 70%;
		right: unset;
		transform: translate(-50%, 0);
		opacity: 1;
		background: transparent;
		border: none;
}

#uiBetBtnView .bet-view__top {
		display: flex;
		color: #ebbe5e;
}

#uiBet {
		color: #fff;
}


.modal-container {
    position: fixed;
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    z-index: 998;
    background-color: rgba(1,0,0,.8);
    justify-content: center;
    align-items: center;
    font-size: 24px;
    font-family: Roboto-Light;
    display: none
}

.modal {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    width: 80%;
		margin-left:8%;
    margin-top: 5vh;
    border-radius: 50px;
    padding: 4vw;
    color: #fff;
    text-align: center;
    background-color: rgba(0,0,0,.6)
}

.modal-heading {
    color: #ffd200;
    font-size:40px;
    padding: 0 0 2vw 0;
}



.modal_buttons {
  display: flex;
  justify-content: center;
}
.modal-button {
    text-align: center;
    font-size: 30px;
    padding: 0.5vw 2vw 0.5vw 2vw;
    color: #ffd200;
    border: 1px solid #ffd200;
    border-radius: 6px;
    cursor: pointer;
    background: transparent;
    margin: 4vh 1vw 0 1vw;
}

.modal-button1 {
    text-align: center;
    font-size: 24px;
    padding: 0.5vw 2vw 0.5vw 2vw;
    color: #000;
    border: 3px solid #ffd200;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 600;
    background:#ffd200;
    margin: 4vh 1vw 0 1vw;
    min-width:20vw;
}





#alpha_time {
	position: absolute;
	top:20px;
	left:20px;
	text-align: right;
	font-size:20px;
	color: #fff;
	text-shadow: none;
	z-index: 103;
}

#menu {
    font-size: 40px;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: rgba(0, 0, 0, 0.9);
    color: #fff;
    position: absolute;
    left: -2px;
    top: -2px;
    z-index: 102;
    display: none;
		font-family: "roboto-light";
}

#closeMenu {
    width: 50px;
    height: 50px;
    position: fixed;
    right: 30px;
    top: 30px;
    z-index: 1;
		border: 0;
}

#viewContainerPaytable {
	width: 1414px;
	height: calc(100% - 80px);
	left: 356px;
	transform: translate(0, 0);
	top: 20px;
}

/* ===== Head ===== */
#menu-head {
    position: absolute;
    bottom: 60px;
    left: 25px;
    z-index: 1;
}

#menu-head .menu-head__tab {
    text-align: left;
    font-size: 50px;
    color: #555;
    display: flex;
    flex-direction: column;
		border-width:0px;
    border-bottom: 2px solid transparent;
}

#menu-head .selected {
    color: #fff;
    border-bottom: 2px solid #ebbe5e;
}

#nobet {
	text-align: center;
}

/* ===== Content ===== */
#menu-content {
    width: 100%;
    height: 100%;
    position: relative;
}

.menu-content__tab {
    width: 100%;
    height: 100%;
    display: none;
    flex-direction: column;
    align-items: center;
    position: absolute;
}

.menu-content__tab.selected {
    display: flex;
}

/* ===== Slider ===== */
.ui-slider {
    height: 30px;
    padding: 0 140px;
    position: relative;
    box-sizing: content-box;
}

.ui-slider__inner {
    position: relative;
}

.ui-slider-edge {
    font-size: 35px;
    width: 130px;
    position: absolute;
    top: -5px;
}

.ui-slider-edge.edge-left {
    text-align: right;
    left: 0;
}

.ui-slider-edge.edge-right {
    text-align: left;
    right: 0;
}

.ui-slider-progress {
    height: 10px;
    background-color: #fff;
    position: absolute;
    top: 11px;
    left: 0;
    border-radius: 10px;
}

.ui-slider-tooltip {
    width: calc(100% - 42px);
    height: 40px;
    position: absolute;
    top: -60px;
    left: 22px;
}

.tooltip-slide {
    font-size: 34px;
    text-align: center;
    padding: 0 5px;
    background-color: #fff;
    color: #000;
    position: absolute;
    left: 0;
    border-radius: 5px;
    transform: translate(-50%, 0px);
}

.tooltip-slide::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 14px 12px 0 12px;
    border-color: #fff transparent transparent transparent;
    position: absolute;
    top: 38px;
    left: 50%;
    transform: translate(-50%, 0%);
}

.ui-slider input {
    width: 100%;
    height: 100%;
    background-color: transparent;
}

input[type="range"] {
    width: 100%;
    -webkit-appearance: none;
    position: absolute;
    top: 16px;
}

input[type="range"]:focus {
    outline: none;
}

input[type="range"]::-webkit-slider-runnable-track {
    width: 100%;
    height: 10px;
    border: 1px solid #fff;
    border-radius: 10px;
    cursor: pointer;
}

input[type="range"]::-webkit-slider-thumb {
    height: 40px;
    width: 40px;
    margin-top: -16px;
    border-radius: 50%;
    cursor: pointer;
    -webkit-appearance: none;
    position: relative;
    background-image: url("gfx/slider_point.png");
    background-position: center;
    background-size: contain;
}

input[type="range"]::-moz-range-thumb {
    height: 30px;
    width: 30px;
    margin-top: -12px;
    background: #fff;
    border: 1px solid #fff;
    border-radius: 50%;
    cursor: pointer;
    -moz-appearance: none;
		
}

input[type="range"]::-moz-range-track {
    width: 100%;
    height: 10px;
    border: 1px solid #fff;
    border-radius: 10px;
    cursor: pointer;
}

/* Need fixes for MS */
input[type="range"]::-ms-track {
    width: 100%;
    height: 8.4px;
    cursor: pointer;
    background: transparent;
    border-color: transparent;
    border-width: 16px 0;
    color: transparent;
}

input[type="range"]::-ms-fill-lower {
    background: #2a6495;
    border: 0.2px solid #010101;
    border-radius: 2.6px;
    box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}

input[type="range"]::-ms-fill-upper {
    background: #3071a9;
    border: 0.2px solid #010101;
    border-radius: 2.6px;
    box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}

input[type="range"]::-ms-thumb {
    height: 30px;
    width: 30px;
    margin-top: -12px;
    background: #fff;
    border: 1px solid #000;
    border-radius: 50%;
    cursor: pointer;
    -webkit-appearance: none;
}

/* ===== Volume controls ===== */
.volume {
    position: relative;
}

.vol-control {
    position: absolute;
    bottom: 125px;
    left: -105px;
    display: none;
    transition: 1s;
    overflow: hidden;
    transform: rotate(-90deg);
}

.vol-control__inner {
    text-align: center;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 0 20px;
    background-color: rgba(0, 0, 0, 0.6);
}

.volume:hover .vol-control {
    display: block;
}

/* ===== Volume ===== */
.volume-slider {
    width: 200px;
    height: 50px;
    padding: 0;
    position: relative;
}

.volume-slider .ui-slider-progress {
    width: 0%;
    margin: 0;
    top: 20px;
}

.volume-slider input[type="range"] {
    position: relative;
    top: 0;
}

.volume-slider input[type="range"]::-webkit-slider-runnable-track {
    background: rgba(255, 255, 255, 0.1);
    border: none;
}

.volume-slider input[type="range"]::-webkit-slider-thumb {
    height: 35px;
    width: 35px;
    margin-top: -13px;
    background: #ebbe5e;
}

/* ===== Bet ===== */
#bid-blocks {
    width: 630px;
    margin: 0 auto 75px auto;
}

.bid-block {
    font-size: 40px;
    text-align: center;
    width: 180px;
    margin: 10px;
    padding: 8px 0;
    color: #fff;
    border: 2px solid #ccc;
    border-radius: 10px;
    cursor: pointer;
}

/* ===== Settings ===== */
#menu-content__tab--settings .ui-switch {
    margin: 20px 0;
}

.ui-switch__title {
    padding: 0 40px 0 0;
}

/* ===== Autoplay ===== */
#menu-content__tab--autoplay .autoplay__line {
    margin: 0 0 60px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#menu-content__tab--autoplay .ui-slider {
    width: 100%;
    max-width: 500px;
}

#menu-content__tab--autoplay .ui-switch {
    justify-content: flex-start;
}

/* ===== Checkbox styles ===== */
.ui-switch {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.settings-checkbox {
    position: relative;
    cursor: pointer;
    display: flex;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

.settings-checkbox input {
    position: absolute;
    left: -9999px;
}

.settings-checkbox-button {
    display: inline-block;
    width: 80px;
    border-radius: 50px;
    height: 40px;
    position: relative;
    cursor: pointer;
    border: 2px solid #fff;
}


.settings-checkbox-button:before {
    background: #fff;
    content: "";
    width: 28px;
    height: 28px;
    border-radius: 50%;
    position: absolute;
    top: 4px;
    left: 5px;
    transition: 0.2s;
}

.settings-checkbox.checked .settings-checkbox-button {
    border: 2px solid #ebbe5e;
}

.settings-checkbox.checked .settings-checkbox-button:before {
    left: 43px;
    background: #ebbe5e;
}

.checkbox-disabled {
    opacity: 0.5;
}

.checkbox-disabled .settings-checkbox-button {
    cursor: default;
}

/* ===== Button ===== */
#selectBetBtn,
#autoplayBtn {
    text-align: center;
    font-size: 50px;
    margin: auto;
    padding: 10px 40px;
    background: none;
    border: 3px solid #ebbe5e;
    border-radius: 15px;
    display: block;
}

#selectBetBtn,
#autoplayBtn {
    margin: 60px auto 0 auto;
}

#selectBetBtn:disabled,
#autoplayBtn:disabled {
    color: #ebbe5e;
    border: 3px solid #ebbe5e;
}

.view-container {
    font-size: 26px;
    display: flex;
    flex-direction: column;
    padding: 0 20px;
    position: absolute;
    overflow: auto;
}

.menu-content__tab__inner {
    position: absolute;
}

.view-container h1 {
    text-align: center;
    margin: 0;
}

.view-container h2 {
    margin: 30px 0 10px 0;
}

.view-container .text-center {
    text-align: center;
}

.view-container .regular-text {
    line-height: 36px;
    margin: 10px 0 30px 0;
}

.view-container .regular-text:last-child {
    margin: 0;
}

/* ===== History ===== */
.history-head {
    text-align: center;
    display: flex;
    justify-content: center;
}

#history-content {
    text-align: center;
}

.history-item {
    padding: 20px 0;
    display: flex;
    justify-content: center;
    border-bottom: 2px solid #ebbe5e;
}

.history-item:last-child {
    border: none;
}

.history-head > div,
.history-item > div {
    width: 33%;
}

#symbol_values {
	left:25%;
	width:50%
}
.symbol-value img {
		width: 70px;
		
		margin-left:25%;
		
}
.value {
	position: relative;
	margin-left:10%;
	width:25%;
	font-size: 45px;
	font-weight: 900;
	text-align: left;
	top: -20px;
	
}

#endbonus {
	position: absolute;
	top:-2px;
	left:-2px;
	width:101%;
	height:101%;
	background: rgba(0,0,0,0.6);
	z-index: 101;
	display: none;

}
#endbonus1 {
	position: absolute;
	top:40px;
	left:518px;
	width:883px;
	height:583px;
	background-image: url(gfx/end_bonus_frame.png);
	background-size: 100%;
	background-repeat:no-repeat;
	background-position: center;
	z-index:101;
	display:none;
}

#endbonustitle {
	position: absolute;
	top:120px;
	left:0px;
	width:883px;
	height:52px;
	font-size: 52px;
	font-weight: 900;
	line-height: 52px;
	text-align: center;
	color: #f5df74;
	background-color: #f5df74;
  background: -webkit-linear-gradient(#f5df74, #cd924e);
	background-size:100%;
	-webkit-background-clip: text;
  -moz-background-clip: text;
  -webkit-text-fill-color: transparent; 
  -moz-text-fill-color: transparent;
	text-shadow: none !important;
}
#endbonusinfo {
	position: absolute;
	top:235px;
	left:0px;
	width:883px;
	height:180px;
	line-height: 60px;
	text-align: center;
	color: #fff;
	font-size: 50px;
	background-color: #f5df74;
  background: -webkit-linear-gradient(#f5df74, #cd924e);
	background-size:100%;
	-webkit-background-clip: text;
  -moz-background-clip: text;
  -webkit-text-fill-color: transparent; 
  -moz-text-fill-color: transparent;
}

#endbonuscontinue {
	position: absolute;
	top:428px;
	left:235px;
	width:400px;
	height:36px;
	font-size: 36px;
	line-height: 36px;
	text-align: center;
	color: #fff;
	background-color: #31AC10;
	border: 1px solid white;
	border-radius: 20px;
	padding:10px;
}

#endbonuscontinue:hover {
		background-image: url("gfx/start_hover.png");
    background-position: center;
    background-size: contain;
}


#bonusgame {
	position: absolute;
	top:0px;
	left:-2px;
	width:1924px;
	height:1080px;
	background-color: #000;
	background-image: url(gfx/bonus_landscape.jpg);
	background-size: 100%;
	background-repeat:no-repeat;
	background-position: center;
	z-index: 4;
	display: none;
}

#panel_100cash {
	position: absolute;
	top:-34px;
	left:0px;
	width:586px;
	height:294px;
	background-image: url(gfx/collect_frame_1.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	z-index: 9;	
}


#panel_100cash_shine {
	position: absolute;
	top:-50px;
	left:0px;
	width:586px;
	height:324px;
	background-image: url(gfx/collect_frame_1_shine.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	z-index: 9;	
}


#panel_100cash_full {
	position: absolute;
	top:-34px;
	left:0px;
	width:586px;
	height:294px;
	background-image: url(gfx/complete_collect_frame_1.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	z-index: 9;	
}

#panel_100cash_glow {
	position: absolute;
	top:-44px;
	left:0px;
	width:586px;
	height:294px;
	background-image: url(gfx/collect_glow_1.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	z-index: 9;	
}


#d15m1 {
	position: absolute;
	top:142px;
	left:90px;
	width:72px;
	height:72px;
	background-image: url(gfx/collect_red.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	z-index: 9;	
}
#gd15m1 {
	position: absolute;
	top:142px;
	left:90px;
	width:72px;
	height:72px;
	background-image: url(gfx/collect_red_glow.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	z-index: 9;
	display:none;
}


#d15m2 {
	position: absolute;
	top:142px;
	left:150px;
	width:72px;
	height:72px;
	background-image: url(gfx/collect_red.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	z-index: 9;	
}
#gd15m2 {
	position: absolute;
	top:142px;
	left:150px;
	width:72px;
	height:72px;
	background-image: url(gfx/collect_red_glow.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	z-index: 9;
	display:none;
}
#d15m3 {
	position: absolute;
	top:142px;
	left:210px;
	width:72px;
	height:72px;
	background-image: url(gfx/collect_red.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	z-index: 9;	
}
#gd15m3 {
	position: absolute;
	top:142px;
	left:210px;
	width:72px;
	height:72px;
	background-image: url(gfx/collect_red_glow.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	z-index: 9;
	display:none;
}

#d15m4 {
	position: absolute;
	top:142px;
	left:270px;
	width:72px;
	height:72px;
	background-image: url(gfx/collect_red.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	z-index: 9;
	
}

#gd15m4 {
	position: absolute;
	top:142px;
	left:270px;
	width:72px;
	height:72px;
	background-image: url(gfx/collect_red_glow.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	z-index: 9;
	display:none;
}

#d15m5 {
	position: absolute;
	top:142px;
	left:330px;
	width:72px;
	height:72px;
	background-image: url(gfx/collect_red.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	z-index: 9;	
}

#gd15m5 {
	position: absolute;
	top:142px;
	left:330px;
	width:72px;
	height:72px;
	background-image: url(gfx/collect_red_glow.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	z-index: 9;
	display:none;
}

#d15m6 {
	position: absolute;
	top:142px;
	left:390px;
	width:72px;
	height:72px;
	background-image: url(gfx/collect_red.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	z-index: 9;	
}
#gd15m6 {
	position: absolute;
	top:142px;
	left:390px;
	width:72px;
	height:72px;
	background-image: url(gfx/collect_red_glow.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	z-index: 9;
	display:none;
}

#panel_25cash {
	position: absolute;
	top:212px;
	left:0px;
	width:586px;
	height:306px;
	background-image: url(gfx/collect_frame_2.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	z-index: 9;	
}


#panel_25cash_shine {
	position: absolute;
	top:197px;
	left:0px;
	width:586px;
	height:338px;
	background-image: url(gfx/collect_frame_2_shine.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	z-index: 9;	
}


#panel_25cash_full {
	position: absolute;
	top:212px;
	left:0px;
	width:586px;
	height:306px;
	background-image: url(gfx/complete_collect_frame_2.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	z-index: 9;	
}


#panel_25cash_glow {
	position: absolute;
	top:201px;
	left:0px;
	width:586px;
	height:306px;
	background-image: url(gfx/collect_glow_2.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	z-index: 9;	
}


#d3m1 {
	position: absolute;
	top:387px;
	left:95px;
	width:77px;
	height:77px;
	background-image: url(gfx/collect_green.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	z-index: 9;	
}
#gd3m1 {
	position: absolute;
	top:387px;
	left:95px;
	width:77px;
	height:77px;
	background-image: url(gfx/collect_green_glow.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	z-index: 9;
	display:none;
}


#d3m2 {
	position: absolute;
	top:387px;
	left:168px;
	width:77px;
	height:77px;
	background-image: url(gfx/collect_green.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	z-index: 9;	
}

#gd3m2 {
	position: absolute;
	top:387px;
	left:168px;
	width:77px;
	height:77px;
	background-image: url(gfx/collect_green_glow.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	z-index: 9;
	display:none
}


#d3m3 {
	position: absolute;
	top:387px;
	left:241px;
	width:77px;
	height:77px;
	background-image: url(gfx/collect_green.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	z-index: 9;	
}

#gd3m3 {
	position: absolute;
	top:387px;
	left:241px;
	width:77px;
	height:77px;
	background-image: url(gfx/collect_green_glow.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	z-index: 9;
	display:none
}


#d3m4 {
	position: absolute;
	top:387px;
	left:315px;
	width:77px;
	height:77px;
	background-image: url(gfx/collect_green.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	z-index: 9;	
}

#gd3m4 {
	position: absolute;
	top:387px;
	left:315px;
	width:77px;
	height:77px;
	background-image: url(gfx/collect_green_glow.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	z-index: 9;
	display:none
}

#d3m5 {
	position: absolute;
	top:387px;
	left:388px;
	width:77px;
	height:77px;
	background-image: url(gfx/collect_green.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	z-index: 9;	
}
#gd3m5 {
	position: absolute;
	top:387px;
	left:388px;
	width:77px;
	height:77px;
	background-image: url(gfx/collect_green_glow.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	z-index: 9;
	display:none
}

#panel_10cash {
	position: absolute;
	top:470px;
	left:0px;
	width:585px;
	height:321px;
	background-image: url(gfx/collect_frame_3.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	z-index: 9;	
}


#panel_10cash_shine {
	position: absolute;
	top:454px;
	left:0px;
	width:586px;
	height:355px;
	background-image: url(gfx/collect_frame_3_shine.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	z-index: 9;	
}


#panel_10cash_full {
	position: absolute;
	top:470px;
	left:0px;
	width:585px;
	height:321px;
	background-image: url(gfx/complete_collect_frame_3.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	z-index: 9;	
}


#panel_10cash_glow {
	position: absolute;
	top:458px;
	left:0px;
	width:585px;
	height:321px;
	background-image: url(gfx/collect_glow_3.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	z-index: 9;	
}


#d1m1 {
	position: absolute;
	top:650px;
	left:94px;
	width:94px;
	height:94px;
	background-image: url(gfx/collect_blue.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	z-index: 9;	
}

#gd1m1 {
	position: absolute;
	top:650px;
	left:94px;
	width:94px;
	height:94px;
	background-image: url(gfx/collect_blue_glow.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	z-index: 9;
	display:none;
}

#d1m2 {
	position: absolute;
	top:650px;
	left:184px;
	width:94px;
	height:94px;
	background-image: url(gfx/collect_blue.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	z-index: 9;	
}


#gd1m2 {
	position: absolute;
	top:650px;
	left:184px;
	width:94px;
	height:94px;
	background-image: url(gfx/collect_blue_glow.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	z-index: 9;
	display:none;
}


#d1m3 {
	position: absolute;
	top:650px;
	left:276px;
	width:94px;
	height:94px;
	background-image: url(gfx/collect_blue.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	z-index: 9;	
}

#gd1m3 {
	position: absolute;
	top:650px;
	left:276px;
	width:94px;
	height:94px;
	background-image: url(gfx/collect_blue_glow.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	z-index: 9;
	display:none;
}


#d1m4 {
	position: absolute;
	top:650px;
	left:367px;
	width:94px;
	height:94px;
	background-image: url(gfx/collect_blue.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	z-index: 9;	
}


#gd1m4 {
	position: absolute;
	top:650px;
	left: 367px;
	width:94px;
	height:94px;
	background-image: url(gfx/collect_blue_glow.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	z-index: 9;
	display:none;
}

#panel_50cash {
	position: absolute;
	top:-34px;
	left:-6px;
	width:586px;
	height:294px;
	background-image: url(gfx/collect_frame_4.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	z-index: 9;	
}


#panel_50cash_shine {
	position: absolute;
	top:-50px;
	left:-6px;
	width:585px;
	height:324px;
	background-image: url(gfx/collect_frame_4_shine.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	z-index: 9;	
}


#panel_50cash_full {
	position: absolute;
	top:-34px;
	left:-6px;
	width:586px;
	height:294px;
	background-image: url(gfx/complete_collect_frame_4.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	z-index: 9;	
}
#panel_50cash_glow {
	position: absolute;
	top:32px;
	left:1316px;
	width:593px;
	height:294px;
	background-image: url(gfx/collect_glow_4.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	z-index: 9;	
}


#d3c1 {
	position: absolute;
	top:132px;
	left:1441px;
	width:94px;
	height:94px;
	background-image: url(gfx/collect_yellow.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	z-index: 9;	
}

#gd3c1 {
	position: absolute;
	top:132px;
	left:1441px;
	width:94px;
	height:94px;
	background-image: url(gfx/collect_yellow_glow.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	z-index: 9;
	display: none;
}

#d3c2 {
	position: absolute;
	top:132px;
	left:1505px;
	width:94px;
	height:94px;
	background-image: url(gfx/collect_yellow.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	z-index: 9;	
}

#gd3c2 {
	position: absolute;
	top:132px;
	left:1505px;
	width:94px;
	height:94px;
	background-image: url(gfx/collect_yellow_glow.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	z-index: 9;
	display: none;
}


#d3c3 {
	position: absolute;
	top:132px;
	left:1569px;
	width:94px;
	height:94px;
	background-image: url(gfx/collect_yellow.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	z-index: 9;	
}


#gd3c3 {
	position: absolute;
	top:132px;
	left:1569px;
	width:94px;
	height:94px;
	background-image: url(gfx/collect_yellow_glow.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	z-index: 9;
	display: none;
}

#d3c4 {
	position: absolute;
	top:132px;
	left:1633px;
	width:94px;
	height:94px;
	background-image: url(gfx/collect_yellow.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	z-index: 9;	
}


#gd3c4 {
	position: absolute;
	top:132px;
	left:1633px;
	width:94px;
	height:94px;
	background-image: url(gfx/collect_yellow_glow.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	z-index: 9;
	display: none;
}

#d3c5 {
	position: absolute;
	top:132px;
	left:1697px;
	width:94px;
	height:94px;
	background-image: url(gfx/collect_yellow.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	z-index: 9;	
}


#gd3c5 {
	position: absolute;
	top:132px;
	left:1697px;
	width:94px;
	height:94px;
	background-image: url(gfx/collect_yellow_glow.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	z-index: 9;
	display: none;
}


#panel_15cash {
	position: absolute;
	top:212px;
	left:11px;
	width:586px;
	height:306px;
	background-image: url(gfx/collect_frame_5.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	z-index: 9;	
}


#panel_15cash_shine {
	position: absolute;
	top:197px;
	left:11px;
	width:586px;
	height:338px;
	background-image: url(gfx/collect_frame_5_shine.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	z-index: 9;	
}


#panel_15cash_full {
	position: absolute;
	top:212px;
	left:12px;
	width:586px;
	height:306px;
	background-image: url(gfx/complete_collect_frame_5.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	z-index: 9;	
}

#panel_15cash_glow {
	position: absolute;
	top:201px;
	left:11px;
	width:586px;
	height:306px;
	background-image: url(gfx/collect_glow_5.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	z-index: 9;	
}

#d2c1 {
	position: absolute;
	top:400px;
	left:1452px;
	width:78px;
	height:78px;
	background-image: url(gfx/collect_pink.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	z-index: 9;	
}

#gd2c1 {
	position: absolute;
	top:400px;
	left:1452px;
	width:78px;
	height:78px;
	background-image: url(gfx/collect_pink_glow.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	z-index: 9;
	display: none;
}


#d2c2 {
	position: absolute;
	top:400px;
	left:1546px;
	width:78px;
	height:78px;
	background-image: url(gfx/collect_pink.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	z-index: 9;	
}

#gd2c2 {
	position: absolute;
	top:400px;
	left:1546px;
	width:78px;
	height:78px;
	background-image: url(gfx/collect_pink_glow.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	z-index: 9;
	display: none;
}

#d2c3 {
	position: absolute;
	top:400px;
	left:1640px;
	width:78px;
	height:78px;
	background-image: url(gfx/collect_pink.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	z-index: 9;	
}

#gd2c3 {
	position: absolute;
	top:400px;
	left:1640px;
	width:78px;
	height:78px;
	background-image: url(gfx/collect_pink_glow.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	z-index: 9;
	display: none;
}

#d2c4 {
	position: absolute;
	top:400px;
	left:1734px;
	width:78px;
	height:78px;
	background-image: url(gfx/collect_pink.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	z-index: 9;	
}

#gd2c4 {
	position: absolute;
	top:400px;
	left:1734px;
	width:78px;
	height:78px;
	background-image: url(gfx/collect_pink_glow.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	z-index: 9;
	display: none;
}



#panel_5cash {
	position: absolute;
	top:470px;
	left:28px;
	width:585px;
	height:321px;
	background-image: url(gfx/collect_frame_6.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	z-index: 9;	
}


#panel_5cash_shine {
	position: absolute;
	top:454px;
	left:28px;
	width:586px;
	height:355px;
	background-image: url(gfx/collect_frame_6_shine.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	z-index: 9;	
}


#panel_5cash_full {
	position: absolute;
	top:470px;
	left:28px;
	width:585px;
	height:321px;
	background-image: url(gfx/complete_collect_frame_6.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	z-index: 9;	
}

#panel_5cash_glow {
	position: absolute;
	top:458px;
	left:28px;
	width:585px;
	height:321px;
	background-image: url(gfx/collect_glow_6.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	z-index: 9;	
}


#d1c1 {
	position: absolute;
	top:653px;
	left:1496px;
	width:84px;
	height:84px;
	background-image: url(gfx/collect_purple.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	z-index: 9;	
}

#gd1c1 {
	position: absolute;
	top:653px;
	left: 1496px;
	width:84px;
	height:84px;
	background-image: url(gfx/collect_purple_glow.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	z-index: 9;
	display:none;
}


#d1c2 {
	position: absolute;
	top:653px;
	left:1604px;
	width:84px;
	height:84px;
	background-image: url(gfx/collect_purple.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	z-index: 9;	
}

#gd1c2 {
	position: absolute;
	top:653px;
	left:1604px;
	width:84px;
	height:84px;
	background-image: url(gfx/collect_purple_glow.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	z-index: 9;
	display:none;
}

#d1c3 {
	position: absolute;
	top:653px;
	left:1714px;
	width:84px;
	height:84px;
	background-image: url(gfx/collect_purple.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	z-index: 9;	
}
#gd1c3 {
	position: absolute;
	top:653px;
	left:1714px;
	width:84px;
	height:84px;
	background-image: url(gfx/collect_purple_glow.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	z-index: 9;
	display:none;
}



.bigwin_zoom {
	transition: all 0.8s;
	transform: scale(1) !important;
	top:400px !important;
}


#bonus_bigwin {
	position: absolute;
	top:300px;
	left:960px;
	margin-left:-542px;
	margin-top:-266px;
	width:1085px;
	height:533px;
	z-index: 9;
	transform: scale(0.2);
	display:none;
}
#bonus_bigwin_bg {
	position: absolute;
	top:0px;
	left:0px;
	width:1085px;
	height:533px;
	background-image: url(gfx/bonus_center_win_frame.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	text-shadow: 1px 1px 2px black;	
}
#bonus_bigwin_txt {
	position: absolute;
	top:156px;
	left:92px;
	width:900px;
	height:160px;
	text-align: center;
	font-size:80px;
	line-height: 80px;
	color:#fff;
	text-shadow: 1px 1px 2px black;

}

#board {
	position: absolute;
	top:0px;
	left:500px;
	width:920px;
	height:828px;
	z-index: 9;
	font-family: "LilitaOne";
	transform: scale(1);
}

#panels_left {
	position: absolute;
	left:-18px;
	top:72px;
	margin-left:788px;
	margin-top:258px;
}

#panels_right {
	position: absolute;
	left:1326px;
	top:72px;
	margin-left: -316px;
	margin-top:258px;
}

.board_intro {
	transition: all 0.8s;
}


.panels_left_intro {
	transition: all 0.8s;
}
.panels_right_intro {
	transition: all 0.8s;
}

.panels_intro {
	transform: scale(1) !important;
	margin-top:0 !important;
	margin-left:0 !important;
}

.gem_anim {
	transition: all 1s;
	margin:0 !important;
}

#board1 {
	position: absolute;
	top:0px;
	left:0px;
	width:920px;
	height:828px;
	background-image: url(gfx/bonus_grid_glow.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	z-index: 9;	
}
#board2 {
	position: absolute;
	top:50px;
	left:50px;
	width:819px;
	height:732px;
	background-image: url(gfx/bonus_grid_background.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	z-index: 9;	
}

#board3 {
	position: absolute;
	top:48px;
	left:50px;
	width:819px;
	height:710px;
	background-image: url(gfx/bonus_grid_front.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	z-index: 9;	
}
#board4 {
	position: absolute;
	top:675px;
	left:860px;
	width:200px;
	height:200px;
	background-image: url(gfx/dragon_head.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	z-index: 101;
	display: none;
}

#board4a {
	position: absolute;
	top:0;
	left:0;
	width:200px;
	height:200px;
	background-image: url(gfx/dragon_head_glow.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	display: none;
	opacity: 0.9

}

#lbl_board4 {
    position: absolute;
    top: 26%;
    left: 0px;
	width:100%;
    font-size: 70px;
    color: #fff;
    text-align: center;
	font-weight: 100;
}

#brd_sqr1 {
	position: absolute;
	top:94px;
	left:125px;
	width:136px;
	height:189px;
	z-index: 9;
	overflow:visible;
}

#brd_sqr2 {
	position: absolute;
	top:97px;
	left:259px;
	width:135px;
	height:186px;
	z-index: 9;
	overflow:hidden;
	
	
}

#brd_sqr3 {
	position: absolute;
	top:97px;
	left:394px;
	width:134px;
	height:186px;
	z-index: 9;
	overflow:hidden;
}

#brd_sqr4 {
	position: absolute;
	top:97px;
	left:527px;
	width:134px;
	height:186px;
	z-index: 9;
	overflow:hidden;
}

#brd_sqr5 {
	position: absolute;
	top:97px;
	left:661px;
	width:135px;
	height:186px;
	z-index: 9;
	overflow:hidden;
}

#brd_sqr6 {
	position: absolute;
	top:286px;
	height:200px;
	left:114px;
	width:140px;
	z-index: 9;
	overflow:hidden;
}

#brd_sqr7 {
	position: absolute;
	top:286px;
	height:200px;
	left:253px;
	width:140px;
	z-index: 9;
	overflow:hidden;
}

#brd_sqr8 {
	position: absolute;
	top:286px;
	height:200px;
	left:393px;
	width:138px;
	z-index: 9;
	overflow:hidden;
}

#brd_sqr9 {
	position: absolute;
	top:286px;
	height:200px;
	left:528px;
	width:139px;
	z-index: 9;
	overflow:hidden;
}

#brd_sqr10 {
	position: absolute;
	top:287px;
	height:199px;
	left:667px;
	width:142px;
	z-index: 9;
	overflow:hidden;
}
#brd_sqr11 {
	position: absolute;
	top: 489px;
  left: 102px;
  width: 146px;
  height: 211px;
	z-index: 9;
	overflow:hidden;
}

#brd_sqr12 {
	position: absolute;
	top: 488px;
  left: 248px;
  width: 141px;
  height: 212px;
	z-index: 9;
	overflow:hidden;
}

#brd_sqr13 {
	position: absolute;
	top: 488px;
  left: 390px;
  width: 142px;
  height: 211px;
	z-index: 9;
	overflow:hidden;
}

#brd_sqr14 {
	position: absolute;
	top: 490px;
  left: 533px;
  width: 144px;
  height: 211px;
	z-index: 9;
	overflow:hidden;
}

#brd_sqr15 {
	position: absolute;
	top: 488px;
  left: 674px;
  width: 146px;
  height: 212px;
	z-index: 9;
	overflow:hidden;
}



.bsq  {
	background-color: #800;
	border: 1px solid white;
	width:140px;
	height: 100px;
	text-align: center;
	font-size:34px;
}

.bsq_on {
	background-color:#00f;
}


#bpoints_lbl {
	position: absolute;
	left:1500px;
	top: 780px;
	width:350px;
	height:24px;
	font-size:24px;
	text-align: center;
	color:#fff;
}
#bpoints {
	position: absolute;
	left:1500px;
	top: 820px;
	width:350px;
	height:24px;
	font-size:24px;
	text-align: center;
	color:#fff;
}

#bcash_lbl {
	position: absolute;
	left:1500px;
	top: 680px;
	width:350px;
	height:24px;
	font-size:24px;
	text-align: center;
	color:#fff;
}
#bcash {
	position: absolute;
	left:1500px;
	top: 720px;
	width:350px;
	height:24px;
	font-size:24px;
	text-align: center;
	color:#fff;
}

#bmystery_lbl {
	position: absolute;
	left:1500px;
	top: 580px;
	width:350px;
	height:24px;
	font-size:24px;
	text-align: center;
	color:#fff;
}

#bmystery {
	position: absolute;
	left:1500px;
	top: 620px;
	width:350px;
	height:24px;
	font-size:24px;
	text-align: center;
	color:#fff;
}

#bcollect {
	position: absolute;
	left:700px;
	top: 800px;
	width:300px;
	height:34px;
	font-size:34px;
	text-align: center;
	color:#fff;
}




#bplay {
	position: absolute;
	left:1000px;
	top: 800px;
	width:300px;
	height:34px;
	font-size:34px;
	text-align: center;
	color:#fff;
}


.bonus_text_style {
	font-size: 36px;
	color: #fff;
	font-weight: 800;
	width:300px;
	text-align: center;
  background: linear-gradient(to bottom, #F2D97E 0%, #F9E7C8 50%, #FEE890 50%, #B5834A 100%); !important;
	-webkit-background-clip: text !important;
  -moz-background-clip: text !important;
  -webkit-text-fill-color: transparent !important; 
  -moz-text-fill-color: transparent !important;
		
}
#cash100_lbl {
	position: absolute;
	top:-2px;
	left:150px;
	z-index:9;
}
#cash100collect {
	position: absolute;
	top:90px;
	left:1350px;
	color:#aaa;
}

#cash25_lbl {
	position: absolute;
	top:244px;
	left:147px;
	z-index:9;
}
#cash25collect {
	position: absolute;
	top:190px;
	left:1350px;
	color:#aaa;
}

#cash10_lbl {
	position: absolute;
	top:503px;
	left:154px;
	z-index:9;
}
#cash10collect {
	position: absolute;
	top:290px;
	left:1350px;
	color:#aaa;
}

#cash50_lbl {
	position: absolute;
	top:0px;
	left:135px;
	z-index:9;
}
#cash50collect {
	position: absolute;
	top:90px;
	left:1650px;
	color:#aaa;
}
#cash15_lbl {
	position: absolute;
	top:244px;
	left:145px;
	z-index:9;
}
#cash15collect {
	position: absolute;
	top:18px;
	left:1650px;
	color:#aaa;
}
#cash5_lbl {
	position: absolute;
	top:500px;
	left:148px;
	z-index:9;

}
#cash5collect {
	position: absolute;
	top:590px;
	left:1650px;
	color:#aaa;
}
.bonus_text_style1 {
	font-size:32px;
	color:#fff;
	font-weight: 800;
	text-align: center;
	line-height: 32px;
}

#bonusbar {
	position: absolute;
	bottom:106px;
	left: 793px;
	width:333.33px;
	height:100px;
	background-color: rgba(0,0,0,0.5);
	border-radius: 25px 25px 0 0;
	font-family: "Roboto-Bold";
}
#bonuscash_lbl {
	position: absolute;
	top:15px;
	left:20px;
	width: 280px;
}

#bonuscash {
	position: absolute;
	top:53px;
	left:20px;
	width:280px;
}

@media (orientation: landscape) {

#mobile-view .balance-view {
	top: 0px;
}
#mobile-view #uiBetBtnView {
	top: 0px;
}
#mobile-view #middleViewContainer {
	top: 5px !important;
}


#closeMenu {
    top: 150px;
		right:50px;
}


#mobile-view	.spinBtn__wrapper {
	width:200px;
	height:200px;
	
}

#mobile-view	.spinBtn__wrapper {
	width:200px;
	height:200px;
	
}
#mobile-view .modal-container  {
	font-size: 80px;
}
#mobile-view #ui-panel {
	font-size: 44px;
}
#mobile-view .modal-heading  {
	font-size: 80px;
}
#mobile-view .modal  {
	font-size: 60px;
}

#mobile-view .modal-button {
		margin-top:50%;
	font-size: 60px;
}

#mobile-view .modal-button1 {
		margin-top:50%;
	font-size: 60px;
}




#mobile-view #presentWin_title {
	font-size:80px;
}

#mobile-view #presentWin_value {
	font-size:100px;
}

#mobile-view #alpha_time {
	font-size:40px;
}

#mobile-view #startmessage {
	font-size:70px;
	top:270px;
}

#mobile-view #autostartmessage {
	font-size:70px;
	top:290px;
}
#mobile-view .autostart-view {
		top: -15px;
		left: 91%;
		
}

	
	#historycontainer {
				width: 1414px;
				height: calc(100% - 80px);
				left: 356px;
				transform: translate(0, 0);
				top: 20px;
	}

	#svgClose {
			display: block;
	}
	#previousSvg {
			display: none;
	}
		
		
	#mobile-view  .spinBtn__wrapper {
			top: -500px;
			right: 50px;
	}
}

@media (orientation: portrait) {
	
	#viewport {
    width: 720px;
    height: 1280px;
	background-image: url(gfx/vertical_bg.jpg);
	}
	
	
	#mystbg {
		background-image: none !important;
		display: none;
	}


	
	#middleViewContainer {
		text-shadow: 1px 1px 2px black;
		top:-440px !important;
	}
	#middleViewContainer1 {
		top:-400px !important;
		text-shadow: 1px 1px 2px black;
	}
	

	#ui-panel {
			height: 118px;
	}
	

	#uiAutoStartBtn {
		top: -289px;
	}
	#uiAutoStopBtn {
		top: -289px;
	}
	#uiFullscreenBtn {
		display: none;
	}
	#uiFullscreenOffBtn {
		display: none;
	}
	#uiBetBtn {
		top:-289px;
		left:30px;
		width:107px;
		height:112px;
	}
	#uiBetOff {
		top:-289px;
		left:30px;
		width:107px;
		height:112px;
	}
	#uiBetBtnView {
		left: unset !important;
		right:2%;
	}

	#uiSoundBtn {
		top:15px;
	}
	#uiSoundOffBtn {
		top:15px;
	}

	#alpha_time {
		position: absolute;
		top:10px;
		left:40px;
		z-index:101;
		text-shadow: 1px 1px 2px black;
	}

	
	
#bonus_3box {
	top:465px;
	left:97px;
	width:165px;
	height:37px;
}
#bonus_3boxOn {
	top:465px;
	left:100px;
	width:165px;
	height:37px;
}

#bonus_4box {
	top:465px;
	left:277px;
	width:165px;
	height:37px;
}
#bonus_4boxOn {
	top:465px;
	left:277px;
	width:165px;
	height:37px;
}
#bonus_fullbox {
	top:465px;
	left:459px;
	width:165px;
	height:37px;
}
#bonus_fullboxOn {
	top:465px;
	left:459px;
	width:165px;
	height:37px;
}

#bonus_mysterybox {
	position: absolute;
	top:461px;
	left:550px;
	width:165px;
	height:37px;
}

#bonus_mysterylbl {
	top:4px;
	left:0;
	width:165px;
	height:12px;
	font-size: 12px;
	line-height: 12px;
	text-shadow: 1px 1px 2px black;
}

#bonus_mysteryval {
	top:16px;
	left:0;
	width:165px;
	height:16px;
	font-size: 16px;
	line-height: 16px;
	text-shadow: 1px 1px 2px black;
}
	
		
	#bonusgame {
		background-color: transparent;
		background-image: none;
	}
	
	#bonus_bg {
		top:0;
		left:0;
		width:100%;
		height: 100%;
		background-image: url(gfx/bonus_portrait.jpg);
		background-size: cover;
	}
	
	#bonusbar {
		position: absolute;
		top:1180px;
		left: 0px;
		width:724px;
		height:100px;
	}

	.bonus_text_style1 {
		font-size:24px;
		text-align: center;
		line-height: 24px;
	}
	
	#bonuscash_lbl {
		left:20px;
		width:200px;
	}
	#bonuscash {
		left:20px;
		width:200px;
	}
		
	#endbonus {
		top:-30%;
		left:-30%;
		width:160%;
		height:160%;
	}
	
	#endbonus1 {
		top:200px;
		left:20px;
		width:680px;
	}
	
	#endbonustitle {
		width:680px;
		top:167px;
		font-size: 44px;
		line-height: 44px;
	}
	
	#endbonusinfo {
		top:260px;
		width:680px;
		font-size: 40px;
		line-height: 50px;
	}
	#endbonuscontinue {
		top: 441;
		left:130px;
	}
	
	#home_button {
		position: absolute;
		top:1203px;
		left:628px;
		z-index:40;
	}
	
	#fullscreenbutton {
		display: none;
	}
	#autostartmessage {
			top: 785px;
	}
	
	#board {
		top:370px;
		left:-99px;
	}
	
	#board4 {
		top:973px;
		left:277.5px;
		width:165px;
		height:165px;
	}
	#board4a {
		width:165px;
		height:165px;
	}
	#lbl_board4 {
		top: 23%;
		font-size: 70px;
	}
	
	#panels_left {
		margin-top:100px;
		margin-left:100px;
		top:75px;
		left:0;
	}
	#panels_right {
		margin-top:100px;
		margin-left:160px;
		top:75px;
		left:370px;
	}
	
	#d15m1 {
		top:120px;
		left:68px;
		width:40px;
		height:40px;
	}
	#d15m2 {
		top:120px;
		left:104px;
		width:40px;
		height:40px;
	}
	#d15m3 {
		top:120px;
		left:140px;
		width:40px;
		height:40px;
	}
	#d15m4 {
		top:120px;
		left:176px;
		width:40px;
		height:40px;
	}
	#d15m5 {
		top:120px;
		left:212px;
		width:40px;
		height:40px;
	}
	#d15m6 {
		top:120px;
		left:248px;
		width:40px;
		height:40px;
	}
	#gd15m1 {
		top:120px;
		left:68px;
		width:40px;
		height:40px;
	}
	#gd15m2 {
		top:120px;
		left:104px;
		width:40px;
		height:40px;
	}
	#gd15m3 {
		top:120px;
		left:140px;
		width:40px;
		height:40px;
	}
	#gd15m4 {
		top:120px;
		left:176px;
		width:40px;
		height:40px;
	}
	#gd15m5 {
		top:120px;
		left:212px;
		width:40px;
		height:40px;
	}
	#gd15m6 {
		top:120px;
		left:248px;
		width:40px;
		height:40px;
	}
		

	#d3m1 {
		top:264px;
		left:68px;
		width:48px;
		height:48px;
	}
	#d3m2 {
		top:264px;
		left:111px;
		width:48px;
		height:48px;
	}
	#d3m3 {
		top:264px;
		left:155px;
		width:48px;
		height:48px;
	}
	#d3m4 {
		top:264px;
		left:199px;
		width:48px;
		height:48px;
	}
	#d3m5 {
		top:264px;
		left:243px;
		width:48px;
		height:48px;
	}
	#gd3m1 {
		top:264px;
		left:68px;
		width:48px;
		height:48px;
	}
	#gd3m2 {
		top:264px;
		left:111px;
		width:48px;
		height:48px;
	}
	#gd3m3 {
		top:264px;
		left:155px;
		width:48px;
		height:48px;
	}
	#gd3m4 {
		top:264px;
		left:199px;
		width:48px;
		height:48px;
	}
	#gd3m5 {
		top:264px;
		left:243px;
		width:48px;
		height:48px;
	}


	#d1m1 {
		top:422px;
		left:67px;
		width:57px;
		height:57px;
	}
	#d1m2 {
		top:422px;
		left:122px;
		width:57px;
		height:57px;
	}
	#d1m3 {
		top:422px;
		left:176px;
		width:57px;
		height:57px;
	}
	#d1m4 {
		top:422px;
		left:231px;
		width:57px;
		height:57px;
	}
	#gd1m1 {
		top:422px;
		left:67px;
		width:57px;
		height:57px;
	}
	#gd1m2 {
		top:422px;
		left:122px;
		width:57px;
		height:57px;
	}
	#gd1m3 {
		top:422px;
		left:176px;
		width:57px;
		height:57px;
	}
	#gd1m4 {
		top:422px;
		left:231px;
		width:57px;
		height:57px;
	}


	#d3c1 {
		top:110px;
		left:438px;
		width:58px;
		height:58px;
	}
	#d3c2 {
		top:110px;
		left:477px;
		width:58px;
		height:58px;
	}
	#d3c3 {
		top:110px;
		left:515px;
		width:58px;
		height:58px;
	}
	#d3c4 {
		top:110px;
		left:554px;
		width:58px;
		height:58px;
	}
	#d3c5 {
		top:110px;
		left:592px;
		width:58px;
		height:58px;
	}

	#gd3c1 {
		top:110px;
		left:438px;
		width:58px;
		height:58px;
	}
	#gd3c2 {
		top:110px;
		left:477px;
		width:58px;
		height:58px;
	}
	#gd3c3 {
		top:110px;
		left:515px;
		width:58px;
		height:58px;
	}
	#gd3c4 {
		top:110px;
		left:554px;
		width:58px;
		height:58px;
	}
	#gd3c5 {
		top:110px;
		left:592px;
		width:58px;
		height:58px;
	}

	#d2c1 {
		top:270px;
		left:445px;
		width:48px;
		height:48px;
	}
	#d2c2 {
		top:270px;
		left:502px;
		width:48px;
		height:48px;
	}
	#d2c3 {
		top:270px;
		left:558px;
		width:48px;
		height:48px;
	}
	#d2c4 {
		top:270px;
		left:614px;
		width:48px;
		height:48px;
	}
	#gd2c1 {
		top:270px;
		left:445px;
		width:48px;
		height:48px;
	}
	#gd2c2 {
		top:270px;
		left:502px;
		width:48px;
		height:48px;
	}
	#gd2c3 {
		top:270px;
		left:558px;
		width:48px;
		height:48px;
	}
	#gd2c4 {
		top:270px;
		left:614px;
		width:48px;
		height:48px;
	}


	#d1c1 {
		top:424px;
		left:472px;
		width:50px;
		height:50px;
	}
	#d1c2 {
		top:424px;
		left:537px;
		width:50px;
		height:50px;
	}
	#d1c3 {
		top:424px;
		left:603px;
		width:50px;
		height:50px;
	}

	#gd1c1 {
		top:424px;
		left:472px;
		width:50px;
		height:50px;
	}
	#gd1c2 {
		top:424px;
		left:537px;
		width:50px;
		height:50px;
	}
	#gd1c3 {
		top:424px;
		left:603px;
		width:50px;
		height:50px;
	}


#bonus_bigwin {
	position: absolute;
	top:500px;
	left:360px;
	margin-left:-360px;
	margin-top:-172px;
	width:720px;
	height:354px;
	z-index: 9;
	transform: scale(0.2);
	display:none;
}
#bonus_bigwin_bg {
	position: absolute;
	top:0px;
	left:0px;
	width:720px;
	height:354px;
	background-image: url(gfx/bonus_center_win_frame.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	text-shadow: 1px 1px 2px black;	
}
#bonus_bigwin_txt {
	position: absolute;
	top:106px;
	left:60px;
	width:600px;
	height:158px;
	text-align: center;
	font-size:50px;
	line-height: 55px;
	color:#fff;
	text-shadow: 1px 1px 2px black;
}

.bigwin_zoom {
	top:684px !important;
}

	
	#startmessage {
			font-size: 40px;
	}
	
	#autostartmessage {
			font-size: 40px;
	}
	
	#mobile-view .modal-container  {
		font-size: 40px;
	}
	#mobile-view .modal-heading  {
		font-size: 40px;
	}
	#mobile-view .modal  {
		font-size: 40px;
	}
	
	#mobile-view .modal-button {
			margin-top:50%;
		font-size: 60px;
	}
	
	#mobile-view .modal-button1 {
			margin-top:50%;
		font-size: 60px;
	}
	 
		#bigwin {
			width: 201px;
			height:206px;
			color: #fff;
			position: absolute;
			top: 18%;
			left: 50%;
			margin-left:-100px;
	
	}
	
	#historycontainer {
				width: 90%;
				height: calc(100% - 300px);
				left: 3%;
				transform: translate(0, 0);
				top: 180px;
	}
	#svgClose {
		display: none;
	}
	#previousSvg {
		display: block;
	}
	#viewContainerPaytable {
		width: 90%;
		height: calc(100% - 300px);
		left: 3%;
		transform: translate(0, 0);
		top: 180px;
	}


 .balance-view {
					left: 50%;
					transform: translate(-50%, 0);
			}
	.spinBtn__wrapper {
			top: -320px;
			left: 50%;
			transform: translate(-50%, 0);
	}


	#uiMenuBtn,
	.balance-view,
	#middleViewContainer,
	#middleViewContainer1,
	#uiBetBtnView {
			top: 15px;
	}
	#middleViewContainer {
			top: -450px;
			left:5%;width:90%;
			transform: translate(0,0);
			font-size: 34px;
	}
	
	#middleViewContainer1 {
			top: -510px;
			left:5%;width:90%;
			transform: translate(0,0);
			font-size: 34px;
	}	

	
	.symbol-value img {
			height: 145px;
	}
	#menu-head {
			width: 100%;
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			align-items: flex-start;
			top: 20px;
			left: 0;
			bottom: initial;
	}

	.menu-head__tab {
			width: auto;
			font-size: 40px;
			margin: 0 10px 10px 0;
	}

	#menu-content__tab--autoplay {
			.autoplay__line__title {
					margin: 0 0 70px 0;
			}

			.autoplay__line {
					flex-direction: column;
			}

			.ui-slider {
					max-width: 400px;
			}
	}

	history-head > div:nth-child(1),
	.history-item > div:nth-child(1) {
			width: 45%;
	}

	#closeMenu {
			width: 80px;
			height: 80px;
			top: initial;
			right: initial;
			position: fixed;
			left: 25px;
			bottom: 10px;
	}
				
}



#square1 {
	left:321px;
	z-index: 5;
}

#square2 {
	left:843px;
	z-index: 5;
}

#square3 {
	left:1382px;
	z-index: 5;
}

#logo {
	width: 538px;
	height: 215px;
	background-image: url('gfx/logo.png');
	position: absolute;
	left: 26px;
	top: 8px;
	z-index: 5;
}

.crashSquare {
    top:605px;
    position: absolute;
    border-style: solid;
	width:214px;
    height: 214px;
	font-size: 32px;
	line-height: 32px;
	text-align: center;
    border-radius: 33px;
	align-items: center;
	display: flex;
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	opacity: 1;
	box-shadow: 10px 5px 30px black;
	z-index: 7;
}


.crashDiv {
	background-color: #414141;
	border: solid;
	border-color: white;
	border-width: 2px;
	border-radius: 15px;
	box-shadow: 5px 5px 50px black;
	position: absolute;
	height: 55px;	
}

.crashDiv1 {
	background-color: #414141;
	border: solid;
	border-color: white;
	border-width: 2px;
	border-radius: 15px;
	box-shadow: 5px 5px 50px black;
	position: absolute;
	height: 55px;	
}

.crashBox {
	width: 55px;
	top: 12.5px;
}

.crashTickbox {
	left: 50%;
	margin-left: -74px;
}

.rectangleTickbox {
	left: 22px;
	top: 10px;
	width: 48px;
	height: 48px;
}

.crashCoinBox {
	left: 50%;
	margin-left: 15px;
	font-size: 21px;
	display: flex;
	align-items: center;
	text-align: center;
}

.crashSquareText {
	text-align: center;
	width: 214px;
	font-size: 40px;
	padding-bottom: 7px;
	position: absolute;
	transition: top 1s ease-out;
	top: 40%;
	text-shadow: 1px 1px 2px black;
}

.bet_selected {
	top: 50px;
}

.crashRectangle {
	width: 72px;	
	top: 138px;
	text-shadow: 1px 1px 2px black;
}

.crashMinusButton {
	left: 50%;
	margin-left: -86px;
	line-height: 26px;
	font-size: 42px;
}



.crashPlusButton {
	left: 50%;
	margin-left: 10px;
	line-height: 58px;
	font-size: 42px;
}

.collectButton {
	left: 50%;
	margin-left: -86px;
	width: calc(86px * 2 - 4px);
	line-height: 54px;
}




.hitboxSquare {
	width: 85px;
	height: 85px;
	position: absolute;
	z-index: 8;
}

.hitboxPlusMinus {
	width: 96px;
	height: 79px;
	position: absolute;
	z-index: 8;
}

.collectHitbox {
	width: calc(2 * 96px);
	height: 200px;
	position: absolute;
	z-index: 8;
	top: calc(480px + 138px - 10px);
}


.hitboxControlRectangle {
	width: 350px;
	height: 101px;
	position: absolute;
	z-index: 8;
}


#tickbox1Hitbox {
	left: calc(321px + 214px * 0.5 - 74px - 10px);
	top: calc(605px + 12px - 10px);
}

#tickbox2Hitbox {
	left: calc(843px + 214px * 0.5 - 74px - 10px);
	top: calc(605px + 12px - 10px);
}

#tickbox3Hitbox {
	left: calc(1382px + 214px * 0.5 - 74px - 10px);
	top: calc(605px + 12px - 10px);
}

#coinbox1Hitbox {
	left: calc(321px + 214px * 0.5 + 15px - 10px);
	top: calc(605px + 12px - 10px);
}

#coinbox2Hitbox {
	left: calc(843px + 214px * 0.5 + 15px - 10px);
	top: calc(605px + 12px - 10px);
}

#coinbox3Hitbox {
	left: calc(1382px + 214px * 0.5 + 15px - 10px);
	top: calc(605px + 12px - 10px);
}

#tickbox4Hitbox {
	left: calc(25.5px - 11.75px);
	top: calc(968.5px - 12.75px);
}

#tickbox5Hitbox {
	left: calc(396.5px - 11.75px);
	top: calc(968.5px - 12.75px);
}


#hitboxMinus1 {
	left: calc(321px + 214px * 0.5 - 86px - 8px);
	top: calc(605px + 138px - 7px);
}



#hitboxMinus2 {
	left: calc(843px + 214px * 0.5 - 86px - 8px);
	top: calc(605px + 138px - 7px);
}

#hitboxMinus3 {
	left: calc(1382px + 214px * 0.5 - 86px - 8px);
	top: calc(605px + 138px - 7px);
}

#hitboxPlus1 {
	left: calc(321px + 214px * 0.5 + 10px - 8px);
	top: calc(605px + 138px - 7px);
}

#hitboxPlus2 {
	left: calc(843px + 214px * 0.5 + 10px - 8px);
	top: calc(605px + 138px - 7px);
}

#hitboxPlus3 {
	left: calc(1382px + 214px * 0.5 + 10px - 8px);
	top: calc(605px + 138px - 7px);
}

#collectHitbox1 {
	left: calc(321px + 214px * 0.5 - 86px - 8px);
	top: calc(480px + 138px - 7px);
}

#collectHitbox2 {
	left: calc(843px + 214px * 0.5 - 86px - 8px);
	top: calc(480px + 138px - 7px);
}

#collectHitbox3 {
	left: calc(1382px + 214px * 0.5 - 86px - 8px);
	top: calc(480px + 138px - 7px);
}

.crashTick {
	background-image: url(gfx/tick.png);
	background-size: cover;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 7px;
	top: -5px;
}

.crashCoin {
	background-image: url(gfx/coin.png);
	background-size: cover;
	position: absolute;
	width: 64%;
	height: 70%;
	left: 18%;
	top: 15%;
}

.crashChevron {
	background-image: url(gfx/chevron.png);
	background-size: cover;
	position: absolute;
	width: 27px;
	height: 17px;
	left: calc(50% - (27px / 2));
	top: -10px;
}

.rectangleTick {
	background-image: url(gfx/tick.png);
	background-size: cover;
	position: absolute;
	width: 85%;
	height: 85%;
	left: 7px;
	top: 2px;
}


#sidebetToggle {
	left:25.5px;
}

#autoplayToggle {
	left:396.5px;
}

#collectAll {
}


#collectAll:hover {
  background-color: #555;
	text-shadow: 1px 1px 2px #111 !important;	
}

.ahoverclass {
  background-color: #555;
	text-shadow: 1px 1px 2px #111 !important;
}

#startbutton {
	left:788px;
	top: 967px;
	width:343px;
	height: 73px;
	border-radius: 20px;
	background-color: #31AC10;
	border-width: 2px;
	z-index: 5;
	display : flex;
	justify-content: center;
	align-items: center;
}


#startbutton:hover {
  background-color: #056A21;
	text-shadow: 1px 1px 2px #154E2B !important;
}

#playBonus {
	left:788px;
    top: 967px;
	width:343px;
    height: 73px;
    border-radius: 20px;
	background-color: #e8b419;
	border-width: 2px;
	z-index: 5;
}

.controlRectangle {
	position: absolute;
	left:788px;
	top: 967px;
	width:343px;
	height: 73px;
	border-radius: 20px;
	border-width: 2px;
  border-style: solid;
	color: #fff;
	font-size: 32px;
	display : flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	backdrop-filter: blur(54.75px);
	-webkit-backdrop-filter: blur(54.75px);
	text-shadow: 1px 1px 2px black;
	z-index: 5;
}

.controlRectangle1 {
	position: absolute;
	left:788px;
	top: 967px;
	width:343px;
	height: 73px;
	line-height: 73px;
	border-radius: 20px;
	border-width: 2px;
  border-style: solid;
	color: #fff;
	font-size: 32px;
	text-align: center;
	display : inline-block;
	backdrop-filter: blur(54.75px);
	-webkit-backdrop-filter: blur(54.75px);
	text-shadow: 1px 1px 2px black;
	z-index: 5;
}

.controlrectangleText {
	position: absolute;
	left: 23%;
	width: 70%;
	z-index: 1;
}

#totalbet {
    left:1200px;
    top: 968px;
		z-index: 5;
		text-shadow: 1px 1px 2px black;
}

#balance {
    left:1200px;
    top: 1010px;
		z-index: 5;
		text-shadow: 1px 1px 2px black;
}

#uiBet {
		float:none;
		display: inline-block;
}

#uiBalance {
	float:left;
	padding-left: 5px;
}

#sidebet {
	top: calc(968.5px - 56.5px);
	left: calc(25.5px + 153.5px);
}

#placeBets {
    top: 874px;
	width: 1920px;
	position: absolute;
	color: #fff;
	font-size: 40px;
	line-height: 74px;
	text-align: center;
	left: 3px;
	z-index: 5;
	-webkit-text-stroke-width: 0.8px;
	-webkit-text-stroke-color: black;
}

#text_win {
	top: calc(968.5px - 118.5px);
	left: calc(25.5px + 159.5px);
	font-size: 22px;
	opacity: 0.5;
	z-index: 5;
}

#text_bonusgame {
	top: calc(968.5px - 91.5px);
	left: calc(25.5px + 159.5px);
	font-size: 22px;
	opacity: 0.5;
	z-index: 5;
}

.balanceLabel {
	float:left
}

.betLabel {
		float:none;
		display: inline-block;
}

.regText {
	color: #fff;
	font-size: 30px;
	line-height: 32px;
	text-align: center;
	position: absolute;
}


.regText1 {
	color: #fff;
	font-size: 42px;
	line-height: 2px;
	text-align: center;
	position: absolute;
}

.optionstitle {
	overflow: hidden;
	height: 120px;
}
#autocollectMenuContainer {
	width: 100%;
	height: 620px;
	overflow: hidden;
	position: relative;
	margin-top:-14px;
	
	z-index: 6;
}

.autocollect_selected {
	background-color: rgb(120, 120, 100, 0.65);
}

.autocollectMenu {
	width: calc(0.78 * 214px);
	backdrop-filter: blur(32.75px);
	-webkit-backdrop-filter: blur(54.75px);
	box-shadow: 10px 5px 30px black;
	position: absolute;
	z-index: -1;
	padding-top: 20px;
	line-height: 44px;
	padding-bottom: -2px;
	border-radius: 12px 12px 0px 0px;
	border: solid;
	border-width: 2px;
	font-size: 30px;
	line-height: 30px;
}

#autocollectMenu1 {
	left: calc(321px + 0.11 * 214px);
	background-color: rgb(73, 77, 15, 0.4);
}

#autocollectMenu2 {
	left: calc(843px + 0.11 * 214px);
	background-color: rgb(210, 76, 57, 0.25)
}

#autocollectMenu3 {
	left: calc(1382px + 0.11 * 214px);
	background-color: rgba(230, 209, 3, 0.3)
}

.autocollectMenuOption {
	width: 100%;
	display: inline-block;
	transition: all 0.1s ease;
	padding: 6px 0px 6px 0;

}

.autocollectMenuOption:hover {
	background-color: rgb(120, 120, 100, 0.65);
}

.selectedAutocollect {
	background-color: rgb(120, 120, 100, 0.65);
}

.multiplier {
	width: 217px;
	text-align: center;
	z-index: 8;
	top: 50%;
	text-shadow: 1px 1px 2px black;
}

#multiplier1 {
	left: 321px;
}

#multiplier2 {
	left: 843px;
}

#multiplier3 {
	left: 1382px;
}

#menuButton {
	width: 90px;
	height: 52px;
	top: 980px;
	left: 35px;
	position: absolute;
	z-index: 5;
}

#soundbutton0 {
	width: 90px;
	height: 70px;
	top: 968.5px;
	left: 148px;
	position: absolute;
	z-index: 5;
	display: none;
}

#soundbutton1 {
	width: 90px;
	height: 70px;
	top: 968.5px;
	left: 148px;
	position: absolute;
	z-index: 5;
	display: none;
}
#soundbutton2 {
	width: 90px;
	height: 70px;
	top: 968.5px;
	left: 148px;
	position: absolute;
	z-index: 5;
}
#soundbuttonmask {
	width: 120px;
	height: 90px;
	top: 960px;
	left: 133px;
	position: absolute;
	z-index: 5;
}

#hitboxMenuButton {
	width: 110px;
	height: 90px;
	top: 961px;
	left: 21px;
	position: absolute;
	z-index: 8;
}

@media (orientation: portrait) {
	
.crashDiv1 {
	border: none;
	background: none;
	box-shadow: none;

}
	#square1 {
		left:17.25px;
	}
	
	#square2 {
		left:251.5px;
	}
	
	#square3 {
		left:485.75px;
	}

	#startbutton {
		left:30px;
		top: 1041px;
		width: 660px;
		height: 90px;
	}

	#playBonus {
		left:364.66px;
		top: 967px;
	}

	#collectAll {
		left:30px;
		top: 1041px;
		width: 660px;
		height: 90px;
		margin: 0;
	}

	#sidebetToggle {
		left:10.33px;
	}
	
	#autoplayToggle {
		left:346px;
	}

	.controlRectangle1 {
		top: 1158px;
	}

	#totalbet {
		left:0px;
		top: 940px;
		width: 100%;
		text-align: center;
	}
	
	#balance {
		left:0px;
		top: 990px;
		width: 100%;
		text-align: center;
	}

	.balanceLabel {
		float:none;
		display: inline-block;
	}

	#uiBalance {
		float:none;
		display: inline-block;
	}
		
	#tickbox1Hitbox {
		left: calc(17.25px + 214px * 0.5 - 74px - 10px);
		top: calc(605px + 12px - 10px);
	}

	#tickbox2Hitbox {
		left: calc(251.5px + 214px * 0.5 - 74px - 10px);
		top: calc(605px + 12px - 10px);
	}

	#tickbox3Hitbox {
		left: calc(485.75px + 214px * 0.5 - 74px - 10px);
		top: calc(605px + 12px - 10px);
	}

	#coinbox1Hitbox {
		left: calc(17.25px + 214px * 0.5 + 15px - 10px);
		top: calc(605px + 12px - 10px);
	}

	#coinbox2Hitbox {
		left: calc(251.5px + 214px * 0.5 + 15px - 10px);
		top: calc(605px + 12px - 10px);
	}

	#coinbox3Hitbox {
		left: calc(485.75px + 214px * 0.5 + 15px - 10px);
		top: calc(605px + 12px - 10px);
	}

	#tickbox4Hitbox {
		left: calc(10.33px - 11.75px);
		top: calc(1050px - 12.75px);
	}
	
	#tickbox5Hitbox {
		left: 346px;
		top: 1160px;
	}


	#hitboxMinus1 {
		left: calc(17.25px + 214px * 0.5 - 87.5px - 10px);
		top: calc(605px + 138px - 10px);
	}

	#hitboxMinus2 {
		left: calc(251.5px + 214px * 0.5 - 87.5px - 10px);
		top: calc(605px + 138px - 10px);
	}

	#hitboxMinus3 {
		left: calc(485.75px + 214px * 0.5 - 87.5px - 10px);
		top: calc(605px + 138px - 10px);
	}

	#hitboxPlus1 {
		left: calc(17.25px + 214px * 0.5 + 7.5px - 10px);
		top: calc(605px + 138px - 10px);
	}

	#hitboxPlus2 {
		left: calc(251.5px + 214px * 0.5 + 7.5px - 10px);
		top: calc(605px + 138px - 10px);
	}

	#hitboxPlus3 {
		left: calc(485.75px + 214px * 0.5 + 7.5px - 10px);
		top: calc(605px + 138px - 10px);
	}

	
	#collectHitbox1 {
		left: calc(17.25px + 214px * 0.5 - 86px - 8px);
		top: 615px;
	}

	#collectHitbox2 {
		left: calc(251.5px + 214px * 0.5 - 86px - 8px);
		top: 615px;
	}

	#collectHitbox3 {
		left: calc(485.75px + 214px * 0.5 - 86px - 8px);
		top: 615px;
	}



	#autocollectMenu1 {
		left: calc(17.25px + 0.11 * 214px);
		background-color: rgb(73, 77, 15, 0.4);
	}
	
	#autocollectMenu2 {
		left: calc(251.5px + 0.11 * 214px);
		background-color: rgb(210, 76, 57, 0.25)
	}
	
	#autocollectMenu3 {
		left: calc(485.75px + 0.11 * 214px);
		background-color: rgba(230, 209, 3, 0.3)
	}

	#sidebet {
		top: calc(1050px - 56.5px);
		left: calc(10.33px + 153.5px);
		z-index: 5;
	}

	#text_win {
		top: calc(1050px - 118.5px);
		left: calc(10.33px + 159.5px);
	}
	
	#text_bonusgame {
		top: calc(1050px - 91.5px);
		left: calc(10.33px + 159.5px);
	}

	#logo {
		width: calc(538px/1.5);
		height: calc(215px/1.5);
		left: 6px;
		top: 40px;
		background-size: cover;
	}

	.multiplier {
		top: 43%;
	}

	#multiplier1 {
		left: 17.25px;
	}
	
	#multiplier2 {
		left: 251.5px;
	}
	
	#multiplier3 {
		left: 485.75px;
	}

	#placeBets {
		top: 850px;
		width: 720px;
	}

	#menuButton {
		top: 1175px;
		left: 18px;
	}

	#hitboxMenuButton {
		top: 1160px;
		left:20px;
	}


	#soundbutton0 {
		top: 1163px;
	}
	#soundbutton1 {
		top: 1163px;
	}
	#soundbutton2 {
		top: 1163px;
	}
	#soundbuttonmask {	
		top: 1155px;
		left:150px;
	}
}