/*************** Animations ***************/
@keyframes slide-up {
	0% {
		transform: translateY(150%);
		opacity: 0;
	}
	5% {
		transform: translateY(0);
		opacity: 1;
	}
	50% {
		transform: translateY(0);
		opacity: 1;
	}
	100% {
		transform: translateY(-350%);
		opacity: 0;
	}
}
@keyframes scroll-text {
	0% {
		transform: translate3d(180%, 0, 0);
	}
	100% {
		transform: translate3d(-180%, 0, 0);
	}
}
@keyframes intro-00 {
	0% {
		opacity: 0;
		transform: scale3d(0,0,0) translate3d(0, -100%, 0);
	}
	25% {
		opacity: 1;
		transform: scale3d(1,1,1) translate3d(0, 0, 0);
	}
	75% {
		opacity: 1;
		transform: scale3d(1,1,1) translate3d(0, 0, 0);
	}
	100%{
		opacity: 0;
	}
}
@keyframes intro-01 {
	0% {
		opacity: 0;
		transform: scale3d(5,5,5) translate3d(0, 0, 0);
	}
	25% {
		opacity: 1;
		transform: scale3d(1,1,1) translate3d(0, 0, 0);
	}
	75% {
		opacity: 1;
		transform: scale3d(1,1,1) translate3d(0, 0, 0);
	}
	100% {
		opacity: 0;
	}
}
@keyframes fade-out {
	to { opacity: 1; }
	to { opacity: 0; }
}
@keyframes shake {
	from,
	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translate3d(-5px, 0, 0);
		transform: translate3d(-5px, 0, 0);
	}

	20%,
	40%,
	60%,
	80% {
		-webkit-transform: translate3d(5px, 0, 0);
		transform: translate3d(5px, 0, 0);
	}
}
@keyframes zoom {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
	100% {
		-webkit-transform: scale3d(1.025, 1.025, 1);
		transform: scale3d(1.025, 1.025, 1);
	}
}
/*************** Animations ***************/

/*********** Camera shake effect ***********/
#main_content.shake {
	animation-name: shake;
	animation-duration: .3s;
	animation-fill-mode: forwards;
	animation-timing-function: ease-in-out;
	animation-iteration-count: 1;
}
#main_content.zoom {
	animation-name: zoom;
	animation-duration: 2s;
	animation-fill-mode: forwards;
	animation-timing-function: linear;
	animation-iteration-count: 1;
}
/*********** Camera shake effect ***********/

/*************** Intro ***************/
.intro-wrapper {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 95.6%;
	background: linear-gradient(180deg, rgba(23,17,87,.6) 0%, rgba(0,2,29,.6) 100%);
	z-index: 2;
	animation-name: fade-out;
	animation-delay: 1.5s;
	animation-duration: 1.3s;
	animation-fill-mode: forwards;
	animation-timing-function: ease-out;
	pointer-events: none;
}
.intro {
	display: none;
}
.intro.show {
	display: block;
	pointer-events: all;
}
.intro-00 {
	opacity: 0;
	position: absolute;
	left: 22%;
	top: 0;
	width: 56%;
	height: 100%;
	background-image: url("imgs/intro/intro_00.png");
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 2;
	animation: intro-00 2.3s ease-in-out forwards;
}
.intro-01 {
	opacity: 0;
	position: absolute;
	left: 32.5%;
	top: 57%;
	width: 35%;
	height: 37%;
	background-image: url("imgs/intro/intro_01.png");
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 2;
	animation: intro-01 2s .2s ease-in forwards;
	pointer-events: all;
}
/*************** Intro ***************/

/*************** Utility classes ***************/
.invisible4ever {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
}
.game-theme-color {
	color: #fdd757;
}
.ps__thumb-y {
	background-color: #fdd757 !important;
}
.text-right {
	text-align: right;
}
.text-underline {
	background: rgba(255,255,255,.15);
}
.text-padding-left {
	padding-left: 6%;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.text-padding-right {
	padding-right: 6%;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
.txtYellow {
	color: #fdd757;
}
/*************** Utility classes ***************/

/*************** Magic Number Box ***************/
.btnMagicNumber {
	height: 6.250%;
	width: 3.1%;
	background-repeat: no-repeat;
	background-size: contain;
	left: 93.3%;
	position: absolute;
	cursor: pointer;
}
.label-magicnumber {
	left: 69%;
	top: 20%;
	width: 12.5%;
	height: 4.456%;
	position: absolute;
	color: #fdd757;
	font-family: benguiat, serif;
	text-transform: uppercase;
	text-shadow: 0 0 0.3vmin black, 0 0 0.3vmin black;
}
.box-magicnumber {
	position: absolute;
	top: 21%;
	left: 84.15%;
	width: 7.8%;
	height: 12.068%;
	text-align: center;
	font-family: benguiat, serif;
	font-weight: bolder;
	color: #ed00ee;
	/*background: #ee0979;  !* fallback for old browsers *!*/
	/*background: -webkit-linear-gradient(to bottom, #ff6a00, #ee0979);  !* Chrome 10-25, Safari 5.1-6 *!*/
	/*background: linear-gradient(to bottom, #ff6a00, #ee0979); !* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ *!*/
	/*-webkit-background-clip: text;*/
	/*-webkit-text-fill-color: transparent;*/
}
.box-magicnumber-glass {
	position: absolute;
	top: 20.9%;
	left: 84.20%;
	width: 7.9%;
	height: 12.068%;
	background-image: url("imgs/glass.png");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
.MnAdd {
    top: 20.6%;
	background-image: url(imgs/btn_plusMN.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 0;
}
.MnAdd:hover {
	background-position: 33.33%;
}
.MnAdd:active {
	background-position: 66.66%;
}
.MnAdd.disabledbutton {
	background-position: 100%;
	opacity: 1 !important;
}
.MnSub {
    top: 27%;
	background-image: url(imgs/btn_minusMN.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 0;
}
.MnSub:hover {
	background-position: 33.33%;
}
.MnSub:active {
	background-position: 66.66%;
}
.MnSub.disabledbutton {
	background-position: 100%;
	opacity: 1 !important;
}
/*************** Magic Number Box ***************/

/*************** Paytable ***************/
.paytable {
	position: absolute;
	height: 29.4%;
	width: 27.5%;
	top: 4.6%;
	left: 4.3%;
	font-family: benguiat, serif;
}
.paytable div {
	float: left;
	width: 60%;
	height: 10%;
	text-align: left;
	color: #ffffff;
	/*text-shadow: 1px 3px 2px #00000087;*/
}
.paytable-value {
	width: 40% !important;
	text-align: right !important;
	color: #fdd757 !important;
}
.paytable div span, .score-container div span {
	display: block;
	text-transform: lowercase;
}
.paytable div span::first-letter, .score-container div span::first-letter {
	text-transform: uppercase;
}
/*************** Paytable ***************/

/*************** Flex Fix ***************/
.flexFix {
	display: flex;
	justify-content: left;
	flex-wrap: wrap;
}
.flexFix-center {
	justify-content: center;
}
.flexFix span {
	order: 1;
}
.flexFix .invisible {
	order: 2;
}
/*************** Flex Fix ***************/

/*************** Score container ***************/
.score-container {
	position: absolute;
	width: 31%;
	height: 12.50%;
	left: 68.03%;
	top: 5.23%;
	font-family: benguiat, serif;
	color: #ffffff;
}
.score-container div {
	float: left;
	width: 45%;
	height: 33%;
	position: relative;
}
.score-container .win-container {
	position: absolute;
	right: 0;
	box-sizing: border-box;
	width: 100%;
}
/*************** Score container ***************/

/*************** Dashboard ***************/
.magicNumberButton {
	width: 12.33%;
	height: 10.8%;
	top: 84.85%;
	position: absolute;
	background-size: cover;
	cursor: pointer;
	font-family: benguiat, serif;
	overflow: hidden;
}
.magicNumberButton div {
	text-align: center;
	position: absolute;
	left: 11.5%;
	top: 20%;
	width: 57%;
	height: 60%;
	color: #fef8c1;
}
.magicNumberButton.mini {
	width: 3.92%;
	height: 10.8%;
	top: 84.85%;
}
.magicNumberButton.mini div {
	height: 28.333%;
}
.magicNumberButton:active div {
	transform: scale3d(.95, .95, 1);
}
.deal-button {
	left: 83.6%;
	background-image: url(imgs/dashboard/btn_deal.png);
	background-repeat: no-repeat;
	background-position: 0;
}
.deal-button:hover {
	background-position: 33.33%;
}
.deal-button:active {
	background-position: 66.66%;
}
.deal-button.disabledbutton {
	background-position: 100%;
}
.draw-button {
	left: 83.6%;
	background-image: url(imgs/dashboard/btn_draw.png);
	background-repeat: no-repeat;
	background-position: 0;
}
.draw-button:hover {
	background-position: 33.33%;
}
.draw-button:active {
	background-position: 66.66%;
}
.draw-button.disabledbutton {
	background-position: 100%;
}
.take-button {
	left: 83.6%;
	background-image: url(imgs/dashboard/btn_draw.png);
	background-repeat: no-repeat;
	background-position: 0;
}
.take-button:hover {
	background-position: 33.33%;
}
.take-button:active {
	background-position: 66.66%;
}
.take-button.disabledbutton {
	background-position: 100%;
}
.betPlus-button {
	left: 79.8%;
	background-image: url(imgs/dashboard/btn_bet_plus.png);
	background-repeat: no-repeat;
	background-position: 0;
}
.betPlus-button:hover {
	background-position: 33.33%;
}
.betPlus-button:active {
	background-position: 66.66%;
}
.betPlus-button.disabledbutton {
	background-position: 100%;
}
.betMinus-button {
	left: 75.85%;
	background-image: url(imgs/dashboard/btn_bet_minus.png);
	background-repeat: no-repeat;
	background-position: 0;
}
.betMinus-button:hover {
	background-position: 33.33%;
}
.betMinus-button:active {
	background-position: 66.66%;
}
.betMinus-button.disabledbutton {
	background-position: 100%;
}
.replay-button {
	left: 75.85%;
	width: 7.8%;
	background-image: url(imgs/dashboard/btn_replay.png);
	background-repeat: no-repeat;
	background-position: 0;
}
.replay-button:hover {
	background-position: 33.33%;
}
.replay-button:active {
	background-position: 66.66%;
}
.replay-button.disabledbutton {
	background-position: 100%;
}
.replay-button div {
	left: 21%;
}
.autoplay-button {
	left: 4.15%;
	width: 7.8%;
	background-image: url(imgs/dashboard/btn_autoplay.png);
	background-repeat: no-repeat;
	background-position: 0;
}
.autoplay-button:hover {
	background-position: 33.33%;
}
.autoplay-button:active {
	background-position: 66.66%;
}
.autoplay-button.disabledbutton {
	background-position: 100%;
}
.autoplay-button div {
	left: 18%;
	top: 17%;
	width: 65%;
	height: 20%;
}
.double-button {
	left: 46.1%;
	width: 7.8%;
	background-image: url(imgs/dashboard/btn_gamble.png);
	background-repeat: no-repeat;
	background-position: 0;
}
.double-button:hover {
	background-position: 33.33%;
}
.double-button:active {
	background-position: 66.66%;
}
.double-button.disabledbutton {
	background-position: 100%;
}
.double-button div {
	left: 21%;
	top: 2%;
}
.GambleSmall-button {
	left: 52%;
	width: 5.8%;
	background-image: url(imgs/dashboard/btn_low.png);
	background-repeat: no-repeat;
	background-position: 0;
}
.GambleSmall-button:hover {
	background-position: 33.33%;
}
.GambleSmall-button:active {
	background-position: 66.66%;
}
.GambleSmall-button.disabledbutton {
	background-position: 66.66%;
}
.GambleMezzo-button {
	left: 45.605%;
	width: 5.8%;
	background-image: url(imgs/dashboard/btn_half_gamble.png);
	background-repeat: no-repeat;
	background-position: 0;
}
.GambleMezzo-button:hover {
	background-position: 33.33%;
}
.GambleMezzo-button:active {
	background-position: 66.66%;
}
.GambleMezzo-button.disabledbutton {
	background-position: 100%;
}
.GambleBig-button {
	left: 39.15%;
	width: 5.8%;
	background-image: url(imgs/dashboard/btn_high.png);
	background-repeat: no-repeat;
	background-position: 0;
}
.GambleBig-button:hover {
	background-position: 33.33%;
}
.GambleBig-button:active {
	background-position: 66.66%;
}
.GambleBig-button.disabledbutton {
	background-position: 100%;
}
.Gamble-button div {
	left: 21%;
	top: 16%;
	height: 20%;
}
/*************** Dashboard ***************/

/*************** Win message ***************/
.big-pos-value {
	width: 100%;
	height: 7%;
	position: absolute;
	top: 16%;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
	z-index: 0;
	font-family: benguiat, serif;
	animation: slide-up 2.5s ease-out forwards;
}
.big-pos-value span {
	background: rgba(38, 6, 48, .7);
	padding: 1.5% 5%;
	border-radius: 20px;
	text-shadow: 0 1px 4px black;
	border: solid thin #fef8c1c7;
	box-shadow: 0 4px 5px #00000057 inset;
}
.big-pos-value.invisible {
	display: none;
}
/*************** Win message ***************/

/*************** Hold ***************/
.button-hold {
	position: absolute;
	width: 16%;
	height: 42.8%;
	cursor: pointer;
}
.button-hold.hold1 {
	left: 4.2%;
	top: 38.3%;
}
.button-hold.hold2 {
	left: 23.1%;
	top: 38.3%;
}
.button-hold.hold3 {
	left: 42%;
	top: 38.3%;
}
.button-hold.hold4 {
	left: 60.9%;
	top: 38.3%;
}
.button-hold.hold5 {
	left: 79.8%;
	top: 38.3%;
}
/*************** Hold ***************/

/*************** Show Message ***************/
.box-1 {
	position: absolute;
	color: #fc0f02;
	width: 100%;
	height: 15.5%;
	top: 48.3%;
	left: 0;
	font-family: Arial, Helvetica, sans-serif;
	z-index: 2;
	text-align: center;
	text-shadow: 2px 2px 0 rgba(0, 0, 0, 1.00);
	background: rgba(0, 0, 0, 0.39);
}
.box-2 {
    position: relative;
    width: 100%;
    height: 100%;
}
/*************** Show Message ***************/

.textGameOver-pos-value {
	position: absolute;
	width: 16.5%;
	height: 6.333%;
	left: 41.62%;
	top: 86.90%;
	text-align: center;
	font-family: benguiat, serif;
	text-shadow: 0 0.1vw 0.1vw rgba(0, 0, 0, 0.78);
}

/*************** Autoplay container ***************/
.autoplay-counter {
	position: absolute;
	width: 8%;
	height: 5%;
	left: 12.5%;
	bottom: 7.1%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.autoplay-counter span {
	width: 100%;
	display: flex;
	font-family: benguiat, sans-serif;
	color: 	#fef8c1;
	height: 100%;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	background-image: url(imgs/dashboard/display_autoplay.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
/*************** Autoplay container ***************/

/*************** Win up container ***************/
.win-up-container {
	position: absolute;
	top: 0.4%;
	left: 5%;
	width: 26.5%;
	height: 2.7%;
	overflow: hidden;
	color: #ffffff;
	font-family: Montserrat-Light, serif;
	font-size: 12px;
	white-space: nowrap;
	padding: 0 0.5%;
	box-sizing: border-box;
	transition: opacity .2s linear;
}
.win-up-wrapper {
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}
.win-up-message {
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	animation: scroll-text 10s linear infinite;
}
.win-up-message p {
	display: inline-block;
	margin: 0;
}
.win-up-value {
	color: #fdd757;
	font-weight: bolder;
}
/*************** Win up container ***************/

/*************** Paytable combinations ***************/
.paytable-combination.combination-0 {
	background-image: url("imgs/paytable/0.png");
}
.paytable-combination.combination-1 {
	background-image: url("imgs/paytable/1.png");
}
.paytable-combination.combination-2 {
	background-image: url("imgs/paytable/2.png");
}
.paytable-combination.combination-3 {
	background-image: url("imgs/paytable/3.png");
}
.paytable-combination.combination-4 {
	background-image: url("imgs/paytable/4.png");
}
.paytable-combination.combination-5 {
	background-image: url("imgs/paytable/5.png");
}
.paytable-combination.combination-6 {
	background-image: url("imgs/paytable/6.png");
}
.paytable-combination.combination-7 {
	background-image: url("imgs/paytable/7.png");
}
.paytable-combination.combination-8 {
	background-image: url("imgs/paytable/8.png");
}
.paytable-combination.combination-9 {
	background-image: url("imgs/paytable/9.png");
}
.paytable-combination.symbol-1 {
	background-image: url("imgs/symbols/01.png");
}
.paytable-combination.symbol-2{
	background-image: url("imgs/symbols/02.png");
}
.paytable-combination.symbol-3 {
	background-image: url("imgs/symbols/03.png");
}
.paytable-combination.symbol-4 {
	background-image: url("imgs/symbols/04.png");
}
.paytable-combination.symbol-5 {
	background-image: url("imgs/symbols/05.png");
}
.paytable-combination.symbol-6 {
	background-image: url("imgs/symbols/06.png");
}
.paytable-combination.symbol-7 {
	background-image: url("imgs/symbols/07.png");
}
.paytable-combination.symbol-8 {
	background-image: url("imgs/symbols/08.png");
}
.paytable-combination.symbol-9 {
	background-image: url("imgs/symbols/09.png");
}
.paytable-combination.symbol-10 {
	background-image: url("imgs/symbols/10.png");
}
.paytable-combination.symbol-11 {
	background-image: url("imgs/symbols/11.png");
}
.paytable-combination.symbol-12 {
	background-image: url("imgs/symbols/12.png");
}
.paytable-combination.symbol-13 {
	background-image: url("imgs/symbols/13.png");
}
/*************** Paytable combinations ***************/

/*************** MaxWin Container ***************/
@keyframes genieAppear {
	70% {
		-webkit-transform: translateY(0%);
		transform: translateY(0%);
	}
	100% {
		-webkit-transform: translateY(0%);
		transform: translateY(0%);
		opacity: 1;
	}
}
@keyframes genieFloating {
	0% {
		-webkit-transform: translateY(0%);
		transform: translateY(0%);
	}
	50% {
		-webkit-transform: translateY(2%);
		transform: translateY(2%);
	}
	100% {
		-webkit-transform: translateY(0%);
		transform: translateY(0%);
	}
}
@keyframes maxWinAppear {
	0%{
		-webkit-transform: scale3d(3,3,1);
		transform: scale3d(3,3,1);
	}
	80%{
		-webkit-transform: scale3d(.9,.9,1);
		transform: scale3d(.9,.9,1);
	}
	100% {
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1);
		opacity: 1;
	}
}
@keyframes maxWinValueAppear {
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}
@keyframes maxWinTextPulse {
	0% {
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1);
	}
	10% {
		-webkit-transform: scale3d(1.5,1.5,1);
		transform: scale3d(1.5,1.5,1);
	}
	20% {
		-webkit-transform: scale3d(0.5,0.5,1);
		transform: scale3d(0.5,0.5,1);
	}
	30% {
		-webkit-transform: scale3d(1.5,1.5,1);
		transform: scale3d(1.5,1.5,1);
	}
	50% {
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1);
	}
}
@-webkit-keyframes floatUp{
	0%{top: 100vh; opacity: 0;}
	25%{opacity: 1;}
	50%{top: 0; opacity: .8;}
	75%{opacity: 1;}
	100%{top: -100vh; opacity: 0;}
}
@-moz-keyframes floatUp{
	0%{top: 100vh; opacity: 0;}
	25%{opacity: 1;}
	50%{top: 0; opacity: .8;}
	75%{opacity: 1;}
	100%{top: -100vh; opacity: 0;}
}
@-o-keyframes floatUp{
	0%{top: 100vh; opacity: 0;}
	25%{opacity: 1;}
	50%{top: 0; opacity: .8;}
	75%{opacity: 1;}
	100%{top: -100vh; opacity: 0;}
}
@keyframes floatUp{
	0%{top: 100vh; opacity: 0;}
	25%{opacity: 1;}
	50%{top: 0; opacity: .8;}
	75%{opacity: 1;}
	100%{top: -100vh; opacity: 0;}
}

.max-win-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 95.6%;
	background: rgba(0,0,0,.8);
	z-index: 9990;
	transition: all .5s ease-out;
	opacity: 0;
	pointer-events: none;
}
.max-win-container.show {
	opacity: 1;
	pointer-events: all;
}
.max-win-container .max-win-wrapper {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-image: url("imgs/maxwin/background.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	overflow: hidden;
}
.max-win-container .max-win-wrapper .max-win-genie {
	width: 36%;
	height: 100%;
	position: absolute;
	background-image: url("imgs/maxwin/genie.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	left: 0;
	top: 0;
	opacity: 0;
	transform: translateY(100%);
}
.max-win-container .max-win-wrapper .max-win-txtMax {
	width: 30%;
	height: 30%;
	position: absolute;
	background-image: url(imgs/maxwin/max.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	left: 28%;
	top: 23%;
	opacity: 0;
	transform: scale3d(0,0,0);
}
.max-win-container .max-win-wrapper .max-win-txtWin {
	width: 30%;
	height: 30%;
	position: absolute;
	background-image: url(imgs/maxwin/win.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	left: 57%;
	top: 23%;
	opacity: 0;
	transform: scale3d(0,0,0);
}
.max-win-container.show .max-win-genie {
	animation-name: genieAppear, genieFloating;
	animation-duration: 1s, 4s;
	animation-fill-mode: forwards, forwards;
	animation-iteration-count: 1, infinite;
	animation-timing-function: ease, ease-in-out;
	animation-delay: 0s, 1.1s;
}
.max-win-container.show .max-win-txtMax {
	animation-name: maxWinAppear;
	animation-duration: .5s;
	animation-fill-mode: forwards;
	animation-timing-function: ease;
	animation-delay: .5s;
}
.max-win-container.show .max-win-txtWin {
	animation-name: maxWinAppear;
	animation-duration: .5s;
	animation-fill-mode: forwards;
	animation-timing-function: ease;
	animation-delay: .8s;
}
.max-win-container .max-win-wrapper .max-win-value {
	position: absolute;
	width: 54%;
	height: 20%;
	left: 30%;
	top: 54%;
	text-align: center;
	overflow: hidden;
}
.max-win-container .max-win-wrapper .max-win-value .max-win-text {
	width: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	transform: translateY(100%);
	opacity: 0;
	font-weight: bolder;
	text-shadow: 3px 3px 10px rgba(0,0,0,.5);
}
.max-win-container.show .max-win-wrapper .max-win-value .max-win-text {
	animation-name: maxWinValueAppear, maxWinTextPulse;
	animation-duration: .5s, 1s;
	animation-fill-mode: forwards, forwards;
	animation-timing-function: ease, ease;
	animation-iteration-count: 1, 11;
	animation-delay: 1s, 1.5s;
}
.max-win-container .max-win-wrapper .light {
	position: absolute;
	width: 0;
	background-color: white;
	box-shadow: #15f7ff 0 0 20px 2px;
	opacity: 0;
	top: 100vh;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.max-win-container.show .max-win-wrapper .x1{
	-webkit-animation: floatUp 2s infinite linear;
	-moz-animation: floatUp 2s infinite linear;
	-o-animation: floatUp 2s infinite linear;
	animation: floatUp 2s infinite linear;
	-webkit-transform: scale(1.0);
	-moz-transform: scale(1.0);
	-o-transform: scale(1.0);
	transform: scale(1.0);
}
.max-win-container.show .max-win-wrapper .x2{
	-webkit-animation: floatUp 5s infinite linear;
	-moz-animation: floatUp 5s infinite linear;
	-o-animation: floatUp 5s infinite linear;
	animation: floatUp 5s infinite linear;
	-webkit-transform: scale(1.6);
	-moz-transform: scale(1.6);
	-o-transform: scale(1.6);
	transform: scale(1.6);
	left: 15%;
}
.max-win-container.show .max-win-wrapper .x3{
	-webkit-animation: floatUp .5s infinite linear;
	-moz-animation: floatUp .5s infinite linear;
	-o-animation: floatUp .5s infinite linear;
	animation: floatUp .5s infinite linear;
	-webkit-transform: scale(.5);
	-moz-transform: scale(.5);
	-o-transform: scale(.5);
	transform: scale(.5);
	left: -15%;
}
.max-win-container.show .max-win-wrapper .x4{
	-webkit-animation: floatUp 2.5s infinite linear;
	-moz-animation: floatUp 2.5s infinite linear;
	-o-animation: floatUp 2.5s infinite linear;
	animation: floatUp 2.5s infinite linear;
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
	left: -34%;
}
.max-win-container.show .max-win-wrapper .x5{
	-webkit-animation: floatUp 6s infinite linear;
	-moz-animation: floatUp 6s infinite linear;
	-o-animation: floatUp 6s infinite linear;
	animation: floatUp 6s infinite linear;
	-webkit-transform: scale(2.2);
	-moz-transform: scale(2.2);
	-o-transform: scale(2.2);
	transform: scale(2.2);
	left: -57%;
}
.max-win-container.show .max-win-wrapper .x6{
	-webkit-animation: floatUp 1s infinite linear;
	-moz-animation: floatUp 1s infinite linear;
	-o-animation: floatUp 1s infinite linear;
	animation: floatUp 1s infinite linear;
	-webkit-transform: scale(.8);
	-moz-transform: scale(.8);
	-o-transform: scale(.8);
	transform: scale(.8);
	left: -81%;
}
.max-win-container.show .max-win-wrapper .x7 {
	-webkit-animation: floatUp 3.3s infinite linear;
	-moz-animation: floatUp 3.3s infinite linear;
	-o-animation: floatUp 3.3s infinite linear;
	animation: floatUp 3.3s infinite linear;
	-webkit-transform: scale(3.2);
	-moz-transform: scale(3.2);
	-o-transform: scale(3.2);
	transform: scale(3.2);
	left: 37%;
}
.max-win-container.show .max-win-wrapper .x8 {
	-webkit-animation: floatUp 2.7s infinite linear;
	-moz-animation: floatUp 2.7s infinite linear;
	-o-animation: floatUp 2.7s infinite linear;
	animation: floatUp 2.7s infinite linear;
	-webkit-transform: scale(1.7);
	-moz-transform: scale(1.7);
	-o-transform: scale(1.7);
	transform: scale(1.7);
	left: 62%;
}
.max-win-container.show .max-win-wrapper .x9 {
	-webkit-animation: floatUp 2.1s infinite linear;
	-moz-animation: floatUp 2.1s infinite linear;
	-o-animation: floatUp 2.1s infinite linear;
	animation: floatUp 2.1s infinite linear;
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-o-transform: scale(0.9);
	transform: scale(0.9);
	left: 85%;
}
/*************** MaxWin Container ***************/