/* SIGN UP BONUS SLOTS POPUP */
#divAppSignUpBonusSlotsV3
{
	background-color:#1b1c20;
	display:none;
	height:100%;
	left:0%;
	opacity:0;
	position:fixed;
	top:0%;
	width:100%;
	z-index:20;
}

#divAppSignUpBonusSlotsV3.show
{
	animation:showSignUpBonusSlots 0.25s;
	display:block;
	opacity:1;
}

/* SLOT MACHINE POPUP */
#divAppSignUpBonusSlotsV3 .divSignUpBonusSlotsPopup
{
	background:linear-gradient(120deg, #19053c 40%, #3f2a65 50%, #19053c 60%);
	filter:blur(5px);
	height:100%;
	left:0%;
	overflow:hidden;
	position:absolute;
	top:0%;
	transition:filter 0.5s;
	user-select:none;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
	width:100%;
}

#divAppSignUpBonusSlotsV3.removeBlur .divSignUpBonusSlotsPopup
{
	filter:blur(0px);
}

#divAppSignUpBonusSlotsV3 .divSignUpBonusSlotsPopup:before
{
	background-image:url('../images/promotions/signUpBonusSlotsV3/slotHeading.webp');
	background-position:center top 10%;
	background-repeat:no-repeat;
	background-size:50%;
	content:"";
	display:block;
	filter:drop-shadow(2px 2px 25px #000000);
	height:100%;
	left:0px;
	pointer-events:none;
	position:absolute;
	top:0px;
	width:100%;
	z-index:1;
}

#divAppSignUpBonusSlotsV3 .divSignUpBonusSlotsPopup:after
{
	background-image:url('../images/promotions/signUpBonusSlotsV3/background.webp');
	background-position:center;
	background-size:cover;
	content:"";
	display:block;
	filter:drop-shadow(2px 2px 10px #000000);
	height:100%;
	left:0px;
	position:absolute;
	top:0px;
	width:100%;
}

#divAppSignUpBonusSlotsV3 .divPopupHeading
{
	color:#ffffff;
	font-family:'Dalek', sans-serif;
	font-size:68px;
	font-weight:700;
	position:relative;
	text-align:center;
	text-shadow:0px 4px 0px #000000;
	top:20px;
}

#divAppSignUpBonusSlotsV3 .divWheelBoxContainer
{
	aspect-ratio:1 / 1;
	left:50%;
	position:relative;
	top:49.5%;
	transform:translate(-50%, -50%);
	width:30%;
}

#divAppSignUpBonusSlotsV3 .divWheelBoxSpinner
{
	bottom:0px;
	left:50%;
	overflow:hidden;
	position:absolute;
	top:0px;
	transform:translateX(-50%);
	width:calc((100% - 20px) / 3);
}

#divAppSignUpBonusSlotsV3 .divWheelBoxSpinner:nth-child(1)
{
	left:16.75%;
}

#divAppSignUpBonusSlotsV3 .divWheelBoxSpinner:nth-child(2)
{
	left:50%;
}

#divAppSignUpBonusSlotsV3 .divWheelBoxSpinner:nth-child(3)
{
	left:83.5%;
}

#divAppSignUpBonusSlotsV3 .divWheelBoxSpinner:after
{
	aspect-ratio:1 / 1;
	background-image:url('../images/promotions/signUpBonusSlotsV3/symbols/symbolWin.webp');
	background-position:center;
	background-size:100% 100%;
	content:"";
	display:block;
	left:50%;
	opacity:0;
	position:absolute;
	top:50%;
	transform:translate(-50%, -50%);
	transition:opacity 1s;
	width:100%;
}

#divAppSignUpBonusSlotsV3 .divWheelBoxSpinner.winningLine:after
{
	opacity:1;
}

#divAppSignUpBonusSlotsV3 .divWheelSymbools
{
	height:100%;
	left:0px;
	position:relative;
	top:0px;
	transition:transform 2s ease-out;
	width:100%;
}

#divAppSignUpBonusSlotsV3 .divWheelSymbools.spinDown
{
	transform:scaleY(-1);
}

#divAppSignUpBonusSlotsV3 .divWheelSymbools.spinWheel
{
	transform:translateY(-1198.5%);
}

#divAppSignUpBonusSlotsV3 .divWheelSymbools.spinDown.spinWheel
{
	transform:scaleY(-1) translateY(-1198.5%);
}

#divAppSignUpBonusSlotsV3 .divSlotSymbol
{
	background-position:center;
	background-repeat:no-repeat;
	background-size:90% 90%;
	height:33.3%;
	position:relative;
	transition:transform 0.5s;
	width:100%;
}

#divAppSignUpBonusSlotsV3 .spinDown .divSlotSymbol
{
	transform:scale(1) scaleY(-1);
}

#divAppSignUpBonusSlotsV3 .winningLine .divSlotSymbol:nth-child(38)
{
	transform:scale(1.15);
}

#divAppSignUpBonusSlotsV3 .winningLine .spinDown .divSlotSymbol:nth-child(38)
{
	transform:scale(1.15) scaleY(-1);
}

#divAppSignUpBonusSlotsV3 .divSlotSymbol.symbol1
{
	background-image:url('../images/promotions/signUpBonusSlotsV3/symbols/symbol1.webp');
}

#divAppSignUpBonusSlotsV3 .divSlotSymbol.symbol2
{
	background-image:url('../images/promotions/signUpBonusSlotsV3/symbols/symbol2.webp');
}

#divAppSignUpBonusSlotsV3 .divSlotSymbol.symbol3
{
	background-image:url('../images/promotions/signUpBonusSlotsV3/symbols/symbol3.webp');
}

#divAppSignUpBonusSlotsV3 .divSlotSymbol.symbol4
{
	background-image:url('../images/promotions/signUpBonusSlotsV3/symbols/symbol4.webp');
}

#divAppSignUpBonusSlotsV3 .divLeftContent
{
	height:100%;
	left:0px;
	position:absolute;
	top:0px;
	width:100%;
	z-index:1;
}

#divAppSignUpBonusSlotsV3 .divLeftContent:before
{
	background-image:url('../images/promotions/signUpBonusSlotsV3/money1.webp');
	background-position:bottom left;
	background-repeat:no-repeat;
	background-size:500px;
	content:"";
	display:block;
	height:100%;
	left:0px;
	position:absolute;
	top:0px;
	width:100%;
	z-index:1;
}

#divAppSignUpBonusSlotsV3 .divLeftContent:after
{
	animation:droneHover 12s ease-in-out infinite;
	background-image:url('../images/promotions/signUpBonusSlotsV3/drone.webp');
	background-position:center;
	background-size:cover;
	content:"";
	display:block;
	filter:drop-shadow(0px 0px 5px #000000);
	height:100px;
	left:8%;
	position:absolute;
	top:18%;
	transform:scaleX(-1);
	width:155px;
}

#divAppSignUpBonusSlotsV3 #cnvCharacterAnimation
{
	bottom:-20px;
	height:680px;
	left:20%;
	position:absolute;
	transform:translateX(-50%);
	width:680px;
}

#divAppSignUpBonusSlotsV3 .divRightContent
{
	background-image:url('../images/promotions/signUpBonusSlotsV3/character2.webp');
	background-position:bottom right 15%;
	background-repeat:no-repeat;
	background-size:320px;
	height:100%;
	left:0px;
	position:absolute;
	top:0px;
	width:100%;
	z-index:1;
}

#divAppSignUpBonusSlotsV3 .divRightContent:before
{
	background-image:url('../images/promotions/signUpBonusSlotsV3/money2.webp');
	background-position:bottom right;
	background-repeat:no-repeat;
	background-size:500px;
	content:"";
	display:block;
	height:100%;
	left:0px;
	position:absolute;
	top:0px;
	width:100%;
}

#divAppSignUpBonusSlotsV3 #btnClosePopup
{
	cursor:pointer;
	height:40px;
	position:absolute;
	right:10px;
	top:10px;
	width:40px;
	z-index:1;
}

#divAppSignUpBonusSlotsV3 #btnClosePopup:before
{
	background-color:#ff0000;
    box-shadow:0px 0px 5px #ffffff;
	content:"";
	height:2px;
	left:8px;
	position:absolute;
	top:20px;
	transform:rotate(45deg);
	width:24px;
}

#divAppSignUpBonusSlotsV3 #btnClosePopup:after
{
	background-color:#ff0000;
    box-shadow:0px 0px 5px #ffffff;
	content:"";
	height:2px;
	left:8px;
	position:absolute;
	top:20px;
	transform:rotate(-45deg);
	width:24px;
}

#divAppSignUpBonusSlotsV3 #btnSpinNow
{
	background-image:url('../images/promotions/signUpBonusSlotsV3/buttonSpin.webp');
	background-size:cover;
	bottom:-5px;
	cursor:pointer;
	height:180px;
	left:calc(50% - 150px);
	position:absolute;
	width:299px;
	z-index:1;
}

#divAppSignUpBonusSlotsV3 #btnSpinNow.disabled
{
	background-image:url('../images/promotions/signUpBonusSlotsV3/buttonSpinPressed.webp');
	cursor:default;
	filter:grayscale(0.5);
}

#divAppSignUpBonusSlotsV3 #btnSpinNow:before
{
	animation:pulsateSpinButtonCircle 2s infinite;
	border:2px solid #fef57c;
	border-radius:50%;
	content:"";
	display:block;
	height:66px;
	left:calc(50% - 69px);
	position:absolute;
	top:5px;
	width:132px;
}

#divAppSignUpBonusSlotsV3 #btnSpinNow:after
{
	animation:pulsateSpinButtonCircle 2s infinite;
	border-bottom:3px solid #fef57c;
	border-radius:50%;
	content:"";
	display:block;
	height:94px;
	left:calc(50% - 84px);
	position:absolute;
	top:22px;
	width:168px;
}

#divAppSignUpBonusSlotsV3 #btnSpinNow:hover:before, #divAppSignUpBonusSlotsV3 #btnSpinNow:focus:before, #divAppSignUpBonusSlotsV3 #btnSpinNow:hover:after, #divAppSignUpBonusSlotsV3 #btnSpinNow:focus:after
{
	animation:none;
	filter:drop-shadow(0px 0px 5px #1500ff) drop-shadow(0px 0px 5px #1500ff) drop-shadow(0px 0px 10px #1500ff);
}

#divAppSignUpBonusSlotsV3 #btnSpinNow.disabled:before, #divAppSignUpBonusSlotsV3 #btnSpinNow.disabled:after
{
	display:none;
}

/* INTRO OVERLAY */
#divAppSignUpBonusSlotsV3 #divIntroOverlay
{
	background-color:rgba(0, 0, 0, 0.75);
	background-image:url('../images/promotions/signUpBonusSlotsV3/introBackground.webp');
	background-position:center;
	background-repeat:no-repeat;
	height:100%;
	left:0%;
	position:absolute;
	top:0%;
	width:100%;
}

#divAppSignUpBonusSlotsV3 #divIntroOverlay.hide
{
	display:none;
}

#divAppSignUpBonusSlotsV3 #btnEnterNow
{
	animation:pulsateOverlayButton 3s infinite;
	background-image:url('../images/promotions/signUpBonusSlotsV3/buttonEnterNow.webp');
	background-size:100% 100%;
	cursor:pointer;
	filter:drop-shadow(0px 0px 10px #fef57c);
	height:110px;
	left:calc(50% - 155px);
	position:absolute;
	top:calc(50% + 230px);
	width:310px;
	z-index:1;
}

#divAppSignUpBonusSlotsV3 #divIntroTermsAndConditions
{
	color:#ffffff;
	cursor:pointer;
	font-size:14px;
	left:50%;
	position:absolute;
	top:calc(50% + 185px);
	transform:translateX(-50%);
	z-index:1;
}

/* TRY AGAIN OVERLAY */
#divAppSignUpBonusSlotsV3 #divTryAgainOverlay
{
	background-color:rgba(0, 0, 0, 0.75);
	background-image:url('../images/promotions/signUpBonusSlotsV3/tryAgainBackground.webp');
	background-position:center;
	background-repeat:no-repeat;
	background-size:800px;
	display:none;
	height:100%;
	left:0%;
	opacity:0;
	position:absolute;
	top:0%;
	width:100%;
}

#divAppSignUpBonusSlotsV3 #divTryAgainOverlay.show
{
	animation:showSignUpBonusSlots 0.25s;
	display:block;
	opacity:1;
}

#divAppSignUpBonusSlotsV3 #divTryAgainOverlay:before
{
	background-image:url('../images/promotions/signUpBonusSlotsV3/tryAgainText.webp');
	background-position:calc(50% + 25px) calc(50% - 80px);
	background-repeat:no-repeat;
	background-size:500px;
	content:"";
	display:block;
	height:100%;
	left:0%;
	position:absolute;
	top:0%;
	width:100%;
}

#divAppSignUpBonusSlotsV3 #btnSpinAgain
{
	animation:pulsateOverlayButton 3s infinite;
	background-image:url('../images/promotions/signUpBonusSlotsV3/buttonSpinNow.webp');
	background-size:100% 100%;
	cursor:pointer;
	height:142px;
	left:calc(50% - 175px);
	position:absolute;
	top:calc(50% + 40px);
	width:400px;
	z-index:1;
}

/* BONNUS REWARD OVERLAY */
#divAppSignUpBonusSlotsV3 #divBonusRewardOverlay
{
	background-color:rgba(0, 0, 0, 0.75);
	background-image:url('../images/promotions/signUpBonusSlotsV3/tryAgainBackground.webp');
	background-position:center;
	background-repeat:no-repeat;
	background-size:800px;
	display:none;
	height:100%;
	left:0%;
	opacity:0;
	position:absolute;
	top:0%;
	width:100%;
}

#divAppSignUpBonusSlotsV3 #divBonusRewardOverlay.show
{
	animation:showSignUpBonusSlots 0.25s;
	display:block;
	opacity:1;
}

#divAppSignUpBonusSlotsV3 #divBonusRewardOverlay:before
{
	background-image:url('../images/promotions/signUpBonusSlotsV3/bonusRewardText.webp');
	background-position:calc(50% + 25px) calc(50% - 105px);
	background-repeat:no-repeat;
	background-size:500px;
	content:"";
	display:block;
	height:100%;
	left:0%;
	position:absolute;
	top:0%;
	width:100%;
}

#divAppSignUpBonusSlotsV3 #drdSelectPrize
{
	left:calc(50% + 18px);
	position:absolute;
	top:calc(50% - 35px);
	transform:translateX(-50%);
	width:380px;
	z-index:1;
}

#divAppSignUpBonusSlotsV3 #drdSelectPrize .dropDown .divInputBackground
{
	background:linear-gradient(120deg, #19053c 20%, #3f2a65 50%, #19053c 80%);
	border:2px solid #e6a7fb;
	box-shadow:0px 0px 10px 0px #5d00ff, inset 0px 0px 10px 0px #5d00ff;
	transition:border-color 0.25s;
}

#divAppSignUpBonusSlotsV3 #drdSelectPrize .dropDown:hover .divInputBackground, #divAppSignUpBonusSlotsV3 #drdSelectPrize .dropDown.focus .divInputBackground
{
	border:2px solid #ffffff;
}

#divAppSignUpBonusSlotsV3 #drdSelectPrize .dropDown .divInputBackground:after
{
	background-color:#19053c;
	border:none;
	border-bottom:4px solid #ffffff;
	border-left:4px solid #ffffff;
	border-radius:0px;
	content:"";
	height:10px;
	right:15px;
	top:15px;
	transform:rotate(-45deg);
	width:10px;
}

#divAppSignUpBonusSlotsV3 #drdSelectPrize .dropDown:hover .divInputBackground:after, #divAppSignUpBonusSlotsV3 #drdSelectPrize .dropDown.focus .divInputBackground:after
{
    border:none;
	border-bottom:4px solid #ffffff;
	border-left:4px solid #ffffff;
    box-shadow:none;
}

#divAppSignUpBonusSlotsV3 #drdSelectPrize .dropDown .divInputValue
{
	bottom:2px;
	right:38px;
}

#divAppSignUpBonusSlotsV3 #drdSelectPrize .dropDown .divDropDownItems
{
	background:linear-gradient(120deg, #19053c 20%, #3f2a65 50%, #19053c 80%);
	box-shadow:0px 0px 10px 0px #5d00ff, inset 0px 0px 10px 0px #5d00ff;
}

#divAppSignUpBonusSlotsV3 #drdSelectPrize .dropDown.focus .divDropDownItems
{
	max-height:100px;
	border:2px solid #e6a7fb;
}

#divAppSignUpBonusSlotsV3 #btnClaimPrize
{
	background-image:url('../images/promotions/signUpBonusSlotsV3/buttonClaimPrize.webp');
	background-size:100% 100%;
	cursor:pointer;
	height:125px;
	left:calc(50% + 18px);
	position:absolute;
	top:calc(50% + 65px);
	transform:translateX(-50%);
	width:340px;
}

#divAppSignUpBonusSlotsV3 #divBonusRewardTermsAndConditions
{
	color:#ffffff;
	cursor:pointer;
	font-size:14px;
	left:0%;
	position:absolute;
	text-align:center;
	top:calc(50% + 200px);
	width:calc(100% + 35px);
}

/* TERMS AND CONDITIONS OVERLAY */
#divAppSignUpBonusSlotsV3 #divTermsAndConditionsOverlay
{
	background-color:rgba(0, 0, 0, 0.75);
	background-image:url('../images/promotions/signUpBonusSlotsV3/tryAgainBackground.webp');
	background-position:center;
	background-repeat:no-repeat;
	background-size:800px;
	display:none;
	height:100%;
	left:0%;
	opacity:0;
	position:absolute;
	top:0%;
	width:100%;
	z-index:1;
}

#divAppSignUpBonusSlotsV3 #divTermsAndConditionsOverlay.show
{
	animation:showSignUpBonusSlots 0.25s;
	display:block;
	opacity:1;
}

#divAppSignUpBonusSlotsV3 .divTermsAndConditionsText
{
	font-size:14px;
	height:385px;
	left:calc(50% + 30px);
	overflow:auto;
	position:absolute;
	top:calc(50% - 185px);
	transform:translateX(-50%);
	width:525px;
}

#divAppSignUpBonusSlotsV3 .divTermsAndConditionsText h3
{
	text-align:center;
}

#divAppSignUpBonusSlotsV3 .divTermsAndConditionsText span
{
	color:#ffffff;
	font-size:16px;
}

#divAppSignUpBonusSlotsV3 #btnCloseTermsAndConditions
{
	background-image:url('../images/promotions/signUpBonusSlotsV3/buttonClose.webp');
	background-size:100% 100%;
	cursor:pointer;
	height:110px;
	left:calc(50% - 135px);
	position:absolute;
	top:calc(50% + 235px);
	width:310px;
	z-index:1;
}

/* ANIMATION KEY FRAMES */
@keyframes showSignUpBonusSlots
{
	0%   {opacity:0;}
	1%   {opacity:0;}
	100% {opacity:1;}
}

@keyframes droneHover
{
	0%   {transform:scaleX(-1) translate(0px, 0px) rotate(0deg);}
	3%   {transform:scaleX(-1) translate(0px, 2px) rotate(0deg);}
	6%   {transform:scaleX(-1) translate(0px, 0px) rotate(0deg);}
	9%   {transform:scaleX(-1) translate(0px, 2px) rotate(0deg);}
	12%   {transform:scaleX(-1) translate(0px, 0px) rotate(0deg);}
	15%  {transform:scaleX(-1) translate(0px, 2px) rotate(0deg);}
	18%  {transform:scaleX(-1) translate(0px, 0px) rotate(0deg);}
	20%  {transform:scaleX(-1) translate(0px, 0px) rotate(5deg);}
	24%  {transform:scaleX(-1) translate(60px, 0px) rotate(5deg);}
	26%  {transform:scaleX(-1) translate(65px, 0px) rotate(-3deg);}
	28%  {transform:scaleX(-1) translate(62px, 0px) rotate(0deg);}
	31%  {transform:scaleX(-1) translate(62px, 2px) rotate(0deg);}
	34%  {transform:scaleX(-1) translate(62px, 0px) rotate(0deg);}
	37%  {transform:scaleX(-1) translate(62px, 2px) rotate(0deg);}
	40%  {transform:scaleX(-1) translate(62px, 0px) rotate(0deg);}
	43%  {transform:scaleX(-1) translate(62px, 2px) rotate(0deg);}
	46%  {transform:scaleX(-1) translate(62px, 0px) rotate(0deg);}
	48%  {transform:scaleX(-1) translate(62px, 0px) rotate(-5deg);}
	54%  {transform:scaleX(-1) translate(-40px, -30px) rotate(-5deg);}
	56%  {transform:scaleX(-1) translate(-45px, -30px) rotate(3deg);}
	58%  {transform:scaleX(-1) translate(-42px, -30px) rotate(0deg);}
	61%  {transform:scaleX(-1) translate(-42px, -28px) rotate(0deg);}
	64%  {transform:scaleX(-1) translate(-42px, -30px) rotate(0deg);}
	67%  {transform:scaleX(-1) translate(-42px, -28px) rotate(0deg);}
	70%  {transform:scaleX(-1) translate(-42px, -30px) rotate(0deg);}
	73%  {transform:scaleX(-1) translate(-42px, -28px) rotate(0deg);}
	76%  {transform:scaleX(-1) translate(-42px, -30px) rotate(0deg);}
	78%  {transform:scaleX(-1) translate(-42px, -30px) rotate(3deg);}
	82%  {transform:scaleX(-1) translate(2px, 2px) rotate(3deg);}
	84%  {transform:scaleX(-1) translate(0px, 0px) rotate(0deg);}
	87%  {transform:scaleX(-1) translate(0px, 2px) rotate(0deg);}
	90%  {transform:scaleX(-1) translate(0px, 0px) rotate(0deg);}
	93%  {transform:scaleX(-1) translate(0px, 2px) rotate(0deg);}
	96%  {transform:scaleX(-1) translate(0px, 0px) rotate(0deg);}
	98%  {transform:scaleX(-1) translate(0px, 1px) rotate(0deg);}
	100% {transform:scaleX(-1) translate(0px, 0px) rotate(0deg);}
}

@keyframes pulsateSpinButtonCircle
{
    0%	 {filter:drop-shadow(0px 0px 0px #fef57c) drop-shadow(0px 0px 0px #fef57c);}
    50%	 {filter:drop-shadow(0px 0px 5px #38ff45) drop-shadow(0px 0px 10px #38ff45);}
    100% {filter:drop-shadow(0px 0px 0px #fef57c) drop-shadow(0px 0px 0px #fef57c);}
}

@keyframes pulsateOverlayButton
{
	0%   {transform:scale(1);}
	50%  {transform:scale(1.1);}
	100% {transform:scale(1);}
}

/* MEDIA QUERIES */
@media (max-width: 1200px)
{
	/* SLOT MACHINE POPUP */
	#divAppSignUpBonusSlotsV3 .divSignUpBonusSlotsPopup:before
	{
		background-size:70%;
	}

	#divAppSignUpBonusSlotsV3 .divLeftContent:before
	{
		background-size:420px;
	}

	#divAppSignUpBonusSlotsV3 .divLeftContent:after
	{
		top:20%;
	}

	#divAppSignUpBonusSlotsV3 #cnvCharacterAnimation
	{
		bottom:-10px;
		height:600px;
		width:600px;
	}

	#divAppSignUpBonusSlotsV3 .divRightContent
	{
		background-position:bottom right 8%;
		background-size:290px;
	}

	#divAppSignUpBonusSlotsV3 .divRightContent:before
	{
		background-size:420px;
	}
	
	/* INTRO OVERLAY */
	#divAppSignUpBonusSlotsV3 #divIntroOverlay
	{
		background-size:1000px;
	}

	#divAppSignUpBonusSlotsV3 #btnEnterNow
	{
		height:94px;
		left:calc(50% - 140px);
		top:calc(50% + 210px);
		width:280px;
	}

	#divAppSignUpBonusSlotsV3 #divIntroTermsAndConditions
	{
		top:calc(50% + 170px);
	}
}

@media (max-width: 1000px), (orientation: portrait)
{
	/* SLOT MACHINE POPUP */
	#divAppSignUpBonusSlotsV3 .divSignUpBonusSlotsPopup:before
	{
		background-size:75%;
	}

	#divAppSignUpBonusSlotsV3 .divSignUpBonusSlotsPopup:after
	{
		background-image:url('../images/promotions/signUpBonusSlotsV3/backgroundMobile.webp');
		background-size:1000px;
	}

	#divAppSignUpBonusSlotsV3 .divWheelBoxContainer
	{
		width:300px;
	}

	#divAppSignUpBonusSlotsV3 .divLeftContent:before
	{
		background-size:280px;
	}

	#divAppSignUpBonusSlotsV3 .divLeftContent:after
	{
		height:64px;
		left:3%;
		top:20%;
		width:100px;
	}

	#divAppSignUpBonusSlotsV3 #cnvCharacterAnimation
	{
		bottom:-30px;
		height:480px;
		width:480px;
	}

	#divAppSignUpBonusSlotsV3 .divRightContent
	{
		background-position:bottom right 3%;
		background-size:215px;
	}

	#divAppSignUpBonusSlotsV3 .divRightContent:before
	{
		background-size:280px;
	}

	/* INTRO OVERLAY */
	#divAppSignUpBonusSlotsV3 #divIntroOverlay
	{
		background-size:800px;
	}

	#divAppSignUpBonusSlotsV3 #btnEnterNow
	{
		height:80px;
		left:calc(50% - 120px);
		top:calc(50% + 160px);
		width:240px;
	}

	#divAppSignUpBonusSlotsV3 #divIntroTermsAndConditions
	{
		top:calc(50% + 120px);
	}

	/* TRY AGAIN OVERLAY */
	#divAppSignUpBonusSlotsV3 #divTryAgainOverlay
	{
		background-size:640px;
	}

	#divAppSignUpBonusSlotsV3 #divTryAgainOverlay:before
	{
		background-position:calc(50% + 20px) calc(50% - 60px);
		background-size:410px;
	}

	#divAppSignUpBonusSlotsV3 #btnSpinAgain
	{
		height:110px;
		left:calc(50% - 135px);
		top:calc(50% + 30px);
		width:310px;
	}

	/* BONNUS REWARD OVERLAY */
	#divAppSignUpBonusSlotsV3 #divBonusRewardOverlay
	{
		background-size:640px;
	}

	#divAppSignUpBonusSlotsV3 #divBonusRewardOverlay:before
	{
		background-position:calc(50% + 20px) calc(50% - 90px);
		background-size:410px;
	}

	#divAppSignUpBonusSlotsV3 #drdSelectPrize
	{
		left:calc(50% + 12px);
		top:calc(50% - 25px);
		width:280px;
	}

	#divAppSignUpBonusSlotsV3 #drdSelectPrize .dropDown .divInputValue
	{
		font-size:14px;
	}

	#divAppSignUpBonusSlotsV3 #btnClaimPrize
	{
		height:80px;
		left:calc(50% - 100px);
		top:calc(50% + 58px);
		width:240px;
	}

	#divAppSignUpBonusSlotsV3 #divBonusRewardTermsAndConditions
	{
		top:calc(50% + 225px);
	}

	/* TERMS AND CONDITIONS OVERLAY */
	#divAppSignUpBonusSlotsV3 #divTermsAndConditionsOverlay
	{
		background-size:640px;
	}

	#divAppSignUpBonusSlotsV3 .divTermsAndConditionsText
	{
		height:300px;
		left:calc(50% + 25px);
		top:calc(50% - 145px);
		width:430px;
	}

	#divAppSignUpBonusSlotsV3 #btnCloseTermsAndConditions
	{
		height:80px;
		left:calc(50% - 100px);
		top:calc(50% + 190px);
		width:240px;
	}
}

@media (max-width: 800px)
{
	/* SLOT MACHINE POPUP */
	#divAppSignUpBonusSlotsV3 .divSignUpBonusSlotsPopup:before
	{
		background-size:80%;
	}

	#divAppSignUpBonusSlotsV3 .divRightContent
	{
		background-position:bottom right -2%;
	}

	#divAppSignUpBonusSlotsV3 #btnSpinNow
	{
		bottom:-20px;
		transform:scale(0.8);
	}

	#divAppSignUpBonusSlotsV3 #cnvCharacterAnimation
	{
		left:12%;
	}

	/* INTRO OVERLAY */
	#divAppSignUpBonusSlotsV3 #divIntroOverlay
	{
		background-size:600px;
	}

	#divAppSignUpBonusSlotsV3 #btnEnterNow
	{
		height:60px;
		left:calc(50% - 90px);
		top:calc(50% + 120px);
		width:180px;
	}

	#divAppSignUpBonusSlotsV3 #divIntroTermsAndConditions
	{
		font-size:12px;
		top:calc(50% + 85px);
	}

	/* TRY AGAIN OVERLAY */
	#divAppSignUpBonusSlotsV3 #divTryAgainOverlay
	{
		background-size:580px;
	}

	#divAppSignUpBonusSlotsV3 #divTryAgainOverlay:before
	{
		background-position:calc(50% + 20px) calc(50% - 45px);
		background-size:380px;
	}

	#divAppSignUpBonusSlotsV3 #btnSpinAgain
	{
		height:100px;
		left:calc(50% - 130px);
		top:calc(50% + 25px);
		width:300px;
	}

	/* BONNUS REWARD OVERLAY */
	#divAppSignUpBonusSlotsV3 #divBonusRewardOverlay
	{
		background-size:580px;
	}

	#divAppSignUpBonusSlotsV3 #divBonusRewardOverlay:before
	{
		background-position:calc(50% + 20px) calc(50% - 80px);
		background-size:380px;
	}

	#divAppSignUpBonusSlotsV3 #drdSelectPrize
	{
		left:calc(50% + 15px);
		top:calc(50% - 20px);
		width:270px;
	}

	#divAppSignUpBonusSlotsV3 #btnClaimPrize
	{
		height:75px;
		left:calc(50% + 15px);
		top:calc(50% + 72px);
		width:220px;
	}

	#divAppSignUpBonusSlotsV3 #divBonusRewardTermsAndConditions
	{
		font-size:12px;
		top:calc(50% + 205px);
	}

	/* TERMS AND CONDITIONS OVERLAY */
	#divAppSignUpBonusSlotsV3 #divTermsAndConditionsOverlay
	{
		background-size:580px;
	}

	#divAppSignUpBonusSlotsV3 .divTermsAndConditionsText
	{
		height:270px;
		top:calc(50% - 130px);
		width:385px;
	}

	#divAppSignUpBonusSlotsV3 #btnCloseTermsAndConditions
	{
		height:60px;
		left:calc(50% - 75px);
		top:calc(50% + 180px);
		width:180px;
	}
}

@media (max-width: 600px)
{
	/* SLOT MACHINE POPUP */
	#divAppSignUpBonusSlotsV3 .divSignUpBonusSlotsPopup:before
	{
		background-size:90%;
	}

	#divAppSignUpBonusSlotsV3 .divSignUpBonusSlotsPopup:after
	{
		background-size:800px;
	}

	#divAppSignUpBonusSlotsV3 .divWheelBoxContainer
	{
		width:240px;
	}

	#divAppSignUpBonusSlotsV3 .divLeftContent:before
	{
		background-size:200px;
	}

	#divAppSignUpBonusSlotsV3 .divLeftContent:after
	{
		left:10%;
		top:22%;
	}

	#divAppSignUpBonusSlotsV3 #cnvCharacterAnimation
	{
		height:420px;
		width:420px;
	}

	#divAppSignUpBonusSlotsV3 .divRightContent
	{
		background-position:bottom right -10%;
		background-size:185px;
	}

	#divAppSignUpBonusSlotsV3 .divRightContent:before
	{
		background-size:200px;
	}

	#divAppSignUpBonusSlotsV3 #btnSpinNow
	{
		bottom:-28px;
		transform:scale(0.7);
	}

	/* INTRO OVERLAY */
	#divAppSignUpBonusSlotsV3 #divIntroOverlay
	{
		background-size:420px;
	}

	#divAppSignUpBonusSlotsV3 #btnEnterNow
	{
		top:calc(50% + 110px);
	}

	#divAppSignUpBonusSlotsV3 #divIntroTermsAndConditions
	{
		font-size:11px;
		top:calc(50% + 75px);
	}

	/* TRY AGAIN OVERLAY */
	#divAppSignUpBonusSlotsV3 #divTryAgainOverlay
	{
		background-size:460px;
	}

	#divAppSignUpBonusSlotsV3 #divTryAgainOverlay:before
	{
		background-position:calc(50% + 15px) calc(50% - 40px);
		background-size:300px;
	}

	#divAppSignUpBonusSlotsV3 #btnSpinAgain
	{
		height:82px;
		left:calc(50% - 105px);
		top:calc(50% + 15px);
		width:240px;
	}

	/* BONNUS REWARD OVERLAY */
	#divAppSignUpBonusSlotsV3 #divBonusRewardOverlay
	{
		background-size:460px;
	}

	#divAppSignUpBonusSlotsV3 #divBonusRewardOverlay:before
	{
		background-position:calc(50% + 15px) calc(50% - 65px);
		background-size:300px;
	}

	#divAppSignUpBonusSlotsV3 #drdSelectPrize
	{
		top:calc(50% - 20px);
	}

	#divAppSignUpBonusSlotsV3 #btnClaimPrize
	{
		top:calc(50% + 70px);
	}

	#divAppSignUpBonusSlotsV3 #divBonusRewardTermsAndConditions
	{
		font-size:11px;
		top:calc(50% + 162px);
	}

	/* TERMS AND CONDITIONS OVERLAY */
	#divAppSignUpBonusSlotsV3 #divTermsAndConditionsOverlay
	{
		background-size:460px;
	}

	#divAppSignUpBonusSlotsV3 .divTermsAndConditionsText
	{
		font-size:13px;
		height:215px;
		left:calc(50% + 18px);
		top:calc(50% - 105px);
		width:305px;
	}

	#divAppSignUpBonusSlotsV3 #btnCloseTermsAndConditions
	{
		left:calc(50% - 80px);
		top:calc(50% + 140px);
	}
}

@media (max-width: 420px)
{
	/* SLOT MACHINE POPUP */
	#divAppSignUpBonusSlotsV3 .divSignUpBonusSlotsPopup:before
	{
		background-size:95%;
	}

	#divAppSignUpBonusSlotsV3 .divSignUpBonusSlotsPopup:after
	{
		background-size:680px;
	}

	#divAppSignUpBonusSlotsV3 .divWheelBoxContainer
	{
		width:202px;
	}

	#divAppSignUpBonusSlotsV3 .divLeftContent:before
	{
		background-size:130px;
	}

	#divAppSignUpBonusSlotsV3 .divLeftContent:after
	{
		top:20%;
	}

	#divAppSignUpBonusSlotsV3 #cnvCharacterAnimation
	{
		bottom:-30px;
		height:340px;
		left:6%;
		width:340px;
	}

	#divAppSignUpBonusSlotsV3 .divRightContent
	{
		background-position:bottom right -15%;
		background-size:150px;
	}

	#divAppSignUpBonusSlotsV3 .divRightContent:before
	{
		background-size:130px;
	}

	#divAppSignUpBonusSlotsV3 #btnSpinNow
	{
		bottom:-42px;
		transform:scale(0.55);
	}
	
	/* INTRO OVERLAY */
	#divAppSignUpBonusSlotsV3 #divIntroOverlay
	{
		background-size:360px;
	}

	#divAppSignUpBonusSlotsV3 #btnEnterNow
	{
		height:50px;
		left:calc(50% - 80px);
		top:calc(50% + 95px);
		width:160px;
	}

	#divAppSignUpBonusSlotsV3 #divIntroTermsAndConditions
	{
		font-size:10px;
		top:calc(50% + 65px);
	}

	/* TRY AGAIN OVERLAY */
	#divAppSignUpBonusSlotsV3 #divTryAgainOverlay
	{
		background-size:360px;
	}

	#divAppSignUpBonusSlotsV3 #divTryAgainOverlay:before
	{
		background-position:calc(50% + 12px) calc(50% - 35px);
		background-size:230px;
	}

	#divAppSignUpBonusSlotsV3 #btnSpinAgain
	{
		height:70px;
		left:calc(50% - 88px);
		top:calc(50% + 10px);
		width:200px;
	}

	/* BONNUS REWARD OVERLAY */
	#divAppSignUpBonusSlotsV3 #divBonusRewardOverlay
	{
		background-size:360px;
	}

	#divAppSignUpBonusSlotsV3 #divBonusRewardOverlay:before
	{
		background-position:calc(50% + 12px) calc(50% - 52px);
		background-size:230px;
	}

	#divAppSignUpBonusSlotsV3 #drdSelectPrize
	{
		left:calc(50% + 10px);
		top:calc(50% - 22px);
		width:230px;
	}

	#divAppSignUpBonusSlotsV3 #btnClaimPrize
	{
		top:calc(50% + 85px);
	}

	#divAppSignUpBonusSlotsV3 #divBonusRewardTermsAndConditions
	{
		font-size:10px;
		top:calc(50% + 65px);
		width:calc(100% + 30px);
	}

	/* TERMS AND CONDITIONS OVERLAY */
	#divAppSignUpBonusSlotsV3 #divTermsAndConditionsOverlay
	{
		background-size:360px;
	}

	#divAppSignUpBonusSlotsV3 .divTermsAndConditionsText
	{
		font-size:12px;
		height:170px;
		left:calc(50% + 15px);
		top:calc(50% - 80px);
		width:240px;
	}

	#divAppSignUpBonusSlotsV3 #btnCloseTermsAndConditions
	{
		top:calc(50% + 100px);
	}
}