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

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

#divAppSignUpBonusSlots .divSignUpBonusSlotsPopup
{
	filter:blur(5px);
	height:100%;
	left:0%;
	overflow:hidden;
	position:absolute;
	top:0%;
	transition:filter 0.5s;
	width:100%;
}

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

#divAppSignUpBonusSlots .divSignUpBonusSlotsPopup::before
{
	background-image:url('../images/promotions/signUpBonusSlots/slotsHeading.webp');
	background-position:center top 40px;
	background-repeat:no-repeat;
	content:"";
	display:block;
	filter:drop-shadow(0px 2px 0px #000000);
	height:100%;
	left:0%;
	pointer-events:none;
	position:absolute;
	top:0%;
	width:100%;
	z-index:2;
}

#divAppSignUpBonusSlots .divSignUpBonusSlotsPopup:after
{
	background-image:url('../images/promotions/signUpBonusSlots/floor.webp');
	background-position:center bottom;
	background-repeat:no-repeat;
	content:"";
	display:block;
	height:100%;
	left:0%;
	pointer-events:none;
	position:absolute;
	top:0%;
	width:100%;
}

#divAppSignUpBonusSlots #vidBackground
{
	height:100%;
	left:0%;
	object-fit:cover;
	object-position:center;
	position:absolute;
	top:0%;
	width:100%;
}

#divAppSignUpBonusSlots .divCurtainContainer
{
	height:100%;
	left:0%;
	pointer-events:none;
	position:absolute;
	top:0%;
	width:100%;
}

#divAppSignUpBonusSlots .divCurtainContainer.alignRight
{
	transform:scaleX(-1);
}

#divAppSignUpBonusSlots .divCurtainContainer:before
{
	animation:curtainMove 5s ease-in-out 0s infinite;
	background-image:url('../images/promotions/signUpBonusSlots/curtain1.webp');
	background-position:top left;
	background-repeat:no-repeat;
	content:"";
	display:block;
	height:100%;
	left:0%;
	position:absolute;
	top:0%;
	width:100%;
}

#divAppSignUpBonusSlots .divCurtainContainer.alignRight:before
{
	animation:curtainMove 5s ease-in-out 1s infinite;
}

#divAppSignUpBonusSlots .divCurtainContainer:after
{
	animation:curtainMove 5s ease-in-out 1s infinite;
	background-image:url('../images/promotions/signUpBonusSlots/curtain3.webp');
	background-position:top left;
	background-repeat:no-repeat;
	content:"";
	display:block;
	height:100%;
	left:0%;
	position:absolute;
	top:0%;
	width:100%;
}

#divAppSignUpBonusSlots .divCurtainContainer.alignRight:after
{
	animation:curtainMove 5s ease-in-out 2s infinite;
}

#divAppSignUpBonusSlots .imgCurtainInner
{
	animation:curtainMove 5s ease-in-out 0.5s infinite;
	left:0%;
	position:absolute;
	top:0%;
}

#divAppSignUpBonusSlots .alignRight .imgCurtainInner
{
	animation:curtainMove 5s ease-in-out 1.5s infinite;
}

#divAppSignUpBonusSlots .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;
}

#divAppSignUpBonusSlots .divWheelBoxContainer
{
	background-image:url('../images/promotions/signUpBonusSlots/wheelbox.webp');
	background-size:100% 100%;
	height:720px;
	left:50%;
	position:relative;
	top:calc(50% + 50px);
	transform:translate(-50%, -50%);
	width:1000px;
	z-index:1;
}

#divAppSignUpBonusSlots .divWheelBoxSpinner
{
	bottom:17%;
	left:50%;
	overflow:hidden;
	position:absolute;
	top:23%;
	transform:translateX(-50%);
	width:18%;
}

#divAppSignUpBonusSlots .divWheelBoxSpinner:nth-child(1)
{
	left:23.5%;
}

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

#divAppSignUpBonusSlots .divWheelBoxSpinner:nth-child(3)
{
	left:76.5%;
}

#divAppSignUpBonusSlots .divWheelBoxSpinner:after
{
	background-color:#ffffff;
	border-radius:2px;
	box-shadow: 0px 0px 15px 0px #00ff00, 0px 0px 15px 0px #00ff00, 0px 0px 15px 0px #00ff00;
	content:"";
	display:block;
	height:4px;
	left:50%;
	opacity:0;
	position:absolute;
	top:50%;
	transform:translate(-50%, -50%);
	transition:opacity 0.5s;
	width:100%;
}

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

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

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

#divAppSignUpBonusSlots .divWheelSymbools.spinWheel
{
	transform:translateY(-1200%);
}

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

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

#divAppSignUpBonusSlots .spinDown .divSlotSymbol
{
	transform:scale(1) scaleY(-1) translateY(-10px);
}

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

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

#divAppSignUpBonusSlots .divSlotSymbol.bolt
{
	background-image:url('../images/promotions/signUpBonusSlots/symbols/bolt.webp');
}

#divAppSignUpBonusSlots .divSlotSymbol.goldenMask
{
	background-image:url('../images/promotions/signUpBonusSlots/symbols/goldenmask.webp');
}

#divAppSignUpBonusSlots .divSlotSymbol.greenGem
{
	background-image:url('../images/promotions/signUpBonusSlots/symbols/greengem.webp');
}

#divAppSignUpBonusSlots .divSlotSymbol.harp
{
	background-image:url('../images/promotions/signUpBonusSlots/symbols/harp.webp');
}

#divAppSignUpBonusSlots .divSlotSymbol.hexagon
{
	background-image:url('../images/promotions/signUpBonusSlots/symbols/hexagon.webp');
}

#divAppSignUpBonusSlots .divSlotSymbol.purpleGem
{
	background-image:url('../images/promotions/signUpBonusSlots/symbols/purplegem.webp');
}

#divAppSignUpBonusSlots .divSlotSymbol.redGem
{
	background-image:url('../images/promotions/signUpBonusSlots/symbols/redgem.webp');
}

#divAppSignUpBonusSlots .divSlotSymbol.star
{
	background-image:url('../images/promotions/signUpBonusSlots/symbols/star.webp');
}

#divAppSignUpBonusSlots .divSlotSymbol.triangle
{
	background-image:url('../images/promotions/signUpBonusSlots/symbols/triangle.webp');
}

#divAppSignUpBonusSlots #btnSpinNow
{
	animation:pulsateSpinButton 2s infinite;
	background-image:url('../images/promotions/signUpBonusSlots/buttonSpinNow.webp');
	background-size:100% 100%;
	bottom:60px;
	cursor:pointer;
	height:75px;
	left:calc(50% - 110px);
	position:absolute;
	width:220px;
	z-index:1;
}

#divAppSignUpBonusSlots #btnSpinNow.disabled
{
	animation:none;
	cursor:default;
	filter:grayscale(0.5);
}

#divAppSignUpBonusSlots .divPlayLogo
{
	background-image:url('../images/logo.png');
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	height:60px;
	left:calc(50% - 80px);
	position:absolute;
	top:35px;
	width:160px;
}

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

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

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

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

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

#divAppSignUpBonusSlots #divIntroOverlay:before
{
	background-image:url('../images/logo.png');
	background-position:calc(50% - 15px) calc(50% - 160px);
	background-repeat:no-repeat;
	background-size:250px;
	content:"";
	display:block;
	height:100%;
	left:0%;
	position:absolute;
	top:0%;
	width:100%;
}

#divAppSignUpBonusSlots #divIntroOverlay:after
{
	background-image:url('../images/promotions/signUpBonusSlots/introTitle.webp');
	background-position:calc(50% - 15px) center;
	background-repeat:no-repeat;
	content:"";
	display:block;
	height:100%;
	left:0%;
	position:absolute;
	top:0%;
	width:100%;
}

#divAppSignUpBonusSlots #btnEnterTheGates
{
	background-image:url('../images/promotions/signUpBonusSlots/buttonEnterTheGates.webp');
	background-size:100% 100%;
	cursor:pointer;
	height:120px;
	left:50%;
	position:absolute;
	top:calc(50% + 95px);
	transform:translateX(-50%);
	width:460px;
	z-index:1;
}

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

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

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

#divAppSignUpBonusSlots #divTryAgainOverlay:before
{
	background-image:url('../images/promotions/signUpBonusSlots/tryAgainText.webp');
	background-position:center calc(50% - 40px);
	background-repeat:no-repeat;
	content:"";
	display:block;
	height:100%;
	left:0%;
	position:absolute;
	top:0%;
	width:100%;
}

#divAppSignUpBonusSlots #btnSpinAgain
{
	background-image:url('../images/promotions/signUpBonusSlots/buttonSpinAgain.webp');
	background-size:100% 100%;
	cursor:pointer;
	height:125px;
	left:50%;
	position:absolute;
	top:calc(50% + 30px);
	transform:translateX(-50%);
	width:340px;
	z-index:1;
}

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

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

#divAppSignUpBonusSlots #divBonusRewardOverlay:before
{
	background-image:url('../images/promotions/signUpBonusSlots/bonusRewardText.webp');
	background-position:calc(50% - 20px) calc(50% - 110px);
	background-repeat:no-repeat;
	content:"";
	display:block;
	height:100%;
	left:0%;
	position:absolute;
	top:0%;
	width:100%;
}

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

#divAppSignUpBonusSlots #drdSelectPrize .dropDown .divInputBackground
{
	background-color:#000000;
	border:2px solid #311b5b;
	transition:border-color 0.25s;
}

#divAppSignUpBonusSlots #drdSelectPrize .dropDown:hover .divInputBackground, #divAppSignUpBonusSlots #drdSelectPrize .dropDown.focus .divInputBackground
{
	border:2px solid #7262f2;
}

#divAppSignUpBonusSlots #drdSelectPrize .dropDown .divInputBackground:after
{
	background-color:#000000;
	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;
}

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

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

#divAppSignUpBonusSlots #drdSelectPrize .dropDown .divDropDownItems
{
	background-color:#000000;
}

#divAppSignUpBonusSlots #drdSelectPrize .dropDown.focus .divDropDownItems
{
	height:100px;
	border:2px solid #7262f2;
}

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

#divAppSignUpBonusSlots #divBonusRewardTermsAndConditions
{
	color:#ffffff;
	font-size:14px;
	left:0%;
	position:absolute;
	text-align:center;
	top:calc(50% + 215px);
	width:calc(100% - 40px);
}

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

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

#divAppSignUpBonusSlots .divTermsAndConditionsText
{
	background-color:rgba(0, 0, 0, 0.5);
	font-size:14px;
	height:255px;
	left:50%;
	overflow:auto;
	padding:10px;
	position:absolute;
	top:calc(50% - 135px);
	transform:translateX(-50%);
	width:500px;
}

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

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

#divAppSignUpBonusSlots #btnCloseTermsAndConditions
{
	background-image:url('../images/promotions/signUpBonusSlots/buttonClose.webp');
	background-size:100% 100%;
	cursor:pointer;
	height:50px;
	left:50%;
	position:absolute;
	top:calc(50% + 150px);
	transform:translateX(-50%);
	width:160px;
}

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

@keyframes curtainMove
{
	0%	 {transform:translate(0px, 0px);}
	20%	 {transform:translate(-2px, -4px);}
	40%	 {transform:translate(-2px, 0px);}
	60%	 {transform:translate(-4px, -4px);}
	80%	 {transform:translate(0px, -2px);}
	100% {transform:translate(0px, 0px);}
}

@keyframes pulsateSpinButton
{
    0%	 {transform:scale(1)}
    50%	 {transform:scale(1.15)}
    100% {transform:scale(1)}
}

/* MEDIA QUERIES */
@media (max-width: 1600px)
{
	#divAppSignUpBonusSlots .divSignUpBonusSlotsPopup::before
	{
		background-position:center 75px;
		background-size:720px;
	}
	
	#divAppSignUpBonusSlots #vidBackground
	{
		height:92%;
	}

	#divAppSignUpBonusSlots .divWheelBoxContainer
	{
		height:620px;
		width:800px;
	}

	#divAppSignUpBonusSlots #btnSpinNow
	{
		bottom:45px;
		height:70px;
		left:calc(50% - 100px);
		width:200px;
	}

	#divAppSignUpBonusSlots .divPlayLogo
	{
		height:52px;
		left:calc(50% - 70px);
		top:30px;
		width:140px;
	}
}

@media (max-width: 1200px)
{
	#divAppSignUpBonusSlots .divSignUpBonusSlotsPopup::before
	{
		background-size:640px;
	}

	#divAppSignUpBonusSlots .divSignUpBonusSlotsPopup:after
	{
		background-image:url('../images/promotions/signUpBonusSlots/floorMobile.webp');
		background-size:100%;
	}

	#divAppSignUpBonusSlots #vidBackground
	{
		height:88%;
	}

	#divAppSignUpBonusSlots .imgCurtainInner
	{
		height:80px;
		width:350px;
	}

	#divAppSignUpBonusSlots .divCurtainContainer:before
	{
		background-size:130px;
	}

	#divAppSignUpBonusSlots .divCurtainContainer:after
	{
		background-size:220px;
	}
	
	#divAppSignUpBonusSlots .divWheelBoxContainer
	{
		height:600px;
		width:740px;
	}

	#divAppSignUpBonusSlots #btnSpinNow
	{
		bottom:40px;
		height:60px;
		left:calc(50% - 90px);
		width:180px;
	}
	
	/* INTRO OVERLAY */
	#divAppSignUpBonusSlots #divIntroOverlay
	{
		background-size:800px;
	}

	#divAppSignUpBonusSlots #divIntroOverlay:before
	{
		background-position:calc(50% - 13px) calc(50% - 110px);
		background-size:180px;
	}

	#divAppSignUpBonusSlots #divIntroOverlay:after
	{
		background-position:calc(50% - 13px) calc(50% - 10px);
		background-size:360px;
	}

	#divAppSignUpBonusSlots #btnEnterTheGates
	{
		height:90px;
		top:calc(50% + 50px);
		width:320px;
	}

	#divAppSignUpBonusSlots #divIntroTermsAndConditions
	{
		top:calc(50% + 150px);
	}

	/* BONNUS REWARD OVERLAY */
	#divAppSignUpBonusSlots #divBonusRewardOverlay
	{
		background-size:800px;
	}

	#divAppSignUpBonusSlots #divBonusRewardOverlay:before
	{
		background-position:calc(50% - 13px) calc(50% - 85px);
		background-size:360px;
	}

	#divAppSignUpBonusSlots #drdSelectPrize
	{
		left:calc(50% - 13px);
		top:calc(50% - 35px);
		width:340px;
	}

	#divAppSignUpBonusSlots #btnClaimPrize
	{
		left:calc(50% - 13px);
		height:100px;
		top:calc(50% + 50px);
		width:280px;
	}

	#divAppSignUpBonusSlots #divBonusRewardTermsAndConditions
	{
		top:calc(50% + 150px);
		width:calc(100% - 20px);
	}
}

@media (max-width: 1000px)
{
	#divAppSignUpBonusSlots .divSignUpBonusSlotsPopup::before
	{
		background-position:center 100px;
		background-size:600px;
	}

	#divAppSignUpBonusSlots .divSignUpBonusSlotsPopup:after
	{
		background-size:120%;
	}

	#divAppSignUpBonusSlots #vidBackground
	{
		height:89%;
	}

	#divAppSignUpBonusSlots .divWheelBoxContainer
	{
		height:520px;
		width:640px;
	}

	#divAppSignUpBonusSlots .spinDown .divSlotSymbol
	{
		transform:scaleY(-1) translateY(-8px);
	}

	#divAppSignUpBonusSlots #btnSpinNow
	{
		bottom:35px;
		height:55px;
		left:calc(50% - 80px);
		width:160px;
	}

	#divAppSignUpBonusSlots .divPlayLogo
	{
		height:44px;
		left:calc(50% - 60px);
		top:25px;
		width:120px;
	}
	
	/* TRY AGAIN OVERLAY */
	#divAppSignUpBonusSlots #divTryAgainOverlay
	{
		background-size:580px;
	}

	#divAppSignUpBonusSlots #divTryAgainOverlay:before
	{
		background-position:center calc(50% - 30px);
		background-size:380px;
	}

	#divAppSignUpBonusSlots #btnSpinAgain
	{
		height:100px;
		top:calc(50% + 20px);
		width:280px;
	}

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

	#divAppSignUpBonusSlots .divTermsAndConditionsText
	{
		height:180px;
		top:calc(50% - 95px);
		width:390px;
	}

	#divAppSignUpBonusSlots #btnCloseTermsAndConditions
	{
		top:calc(50% + 115px);
	}
}

@media (max-width: 800px)
{
	#divAppSignUpBonusSlots
	{
		background-image:url('../images/promotions/signUpBonusSlots/mobileBackground1.webp');
		background-position:center bottom;
		background-size:cover;
	}
	
	#divAppSignUpBonusSlots .divSignUpBonusSlotsPopup::before
	{
		background-position:center calc(50% - 140px);
		background-size:500px;
	}

	#divAppSignUpBonusSlots .divSignUpBonusSlotsPopup:after
	{
		background-size:140%;
	}

	#divAppSignUpBonusSlots #vidBackground
	{
		display:none;
	}

	#divAppSignUpBonusSlots .imgCurtainInner
	{
		height:60px;
		width:260px;
	}

	#divAppSignUpBonusSlots .divCurtainContainer:before
	{
		background-size:100px;
	}

	#divAppSignUpBonusSlots .divCurtainContainer:after
	{
		background-size:180px;
	}

	#divAppSignUpBonusSlots .divWheelBoxContainer
	{
		height:480px;
		top:calc(50% + 150px);
		width:580px;
	}

	#divAppSignUpBonusSlots .spinDown .divSlotSymbol
	{
		transform:scaleY(-1) translateY(-7px);
	}

	#divAppSignUpBonusSlots #btnSpinNow
	{
		bottom:30px;
		height:50px;
		left:calc(50% - 70px);
		width:140px;
	}

	#divAppSignUpBonusSlots .divPlayLogo
	{
		height:36px;
		left:calc(50% - 50px);
		width:100px;
	}
	
	/* INTRO OVERLAY */
	#divAppSignUpBonusSlots #divIntroOverlay
	{
		background-size:600px;
	}

	#divAppSignUpBonusSlots #divIntroOverlay:before
	{
		background-position:calc(50% - 10px) calc(50% - 80px);
		background-size:120px;
	}

	#divAppSignUpBonusSlots #divIntroOverlay:after
	{
		background-position:calc(50% - 10px) calc(50% - 10px);
		background-size:280px;
	}

	#divAppSignUpBonusSlots #btnEnterTheGates
	{
		height:62px;
		top:calc(50% + 30px);
		width:220px;
	}

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

	/* BONNUS REWARD OVERLAY */
	#divAppSignUpBonusSlots #divBonusRewardOverlay
	{
		background-size:600px;
	}

	#divAppSignUpBonusSlots #divBonusRewardOverlay:before
	{
		background-position:calc(50% - 10px) calc(50% - 65px);
		background-size:260px;
	}

	#divAppSignUpBonusSlots #drdSelectPrize
	{
		left:calc(50% - 10px);
		top:calc(50% - 32px);
		width:280px;
	}

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

	#divAppSignUpBonusSlots #btnClaimPrize
	{
		left:calc(50% - 10px);
		height:70px;
		top:calc(50% + 45px);
		width:180px;
	}

	#divAppSignUpBonusSlots #divBonusRewardTermsAndConditions
	{
		font-size:12px;
		top:calc(50% + 115px);
		width:calc(100% - 16px);
	}
}

@media (max-width: 700px)
{
	#divAppSignUpBonusSlots .divSignUpBonusSlotsPopup::before
	{
		background-position:center 75px;
	}
}

@media (max-width: 600px)
{
	#divAppSignUpBonusSlots
	{
		background-image:url('../images/promotions/signUpBonusSlots/mobileBackground2.webp');
	}
	
	#divAppSignUpBonusSlots .divSignUpBonusSlotsPopup::before
	{
		background-position:center calc(50% - 115px);
		background-size:460px;
	}

	#divAppSignUpBonusSlots .divSignUpBonusSlotsPopup:after
	{
		background-size:160%;
	}

	#divAppSignUpBonusSlots .divWheelBoxContainer
	{
		height:440px;
		width:480px;
	}

	#divAppSignUpBonusSlots .spinDown .divSlotSymbol
	{
		transform:scaleY(-1) translateY(-6px);
	}

	#divAppSignUpBonusSlots .divPlayLogo
	{
		top:22px;
	}

	/* INTRO OVERLAY */
	#divAppSignUpBonusSlots #divIntroOverlay
	{
		background-image:url('../images/promotions/signUpBonusSlots/tryAgainBackground.webp');
		background-position:center top 100px;
		background-size:420px;
	}

	#divAppSignUpBonusSlots #divIntroOverlay:before
	{
		display:none;
	}

	#divAppSignUpBonusSlots #divIntroOverlay:after
	{
		background-position:50% 205px;
	}

	#divAppSignUpBonusSlots #btnEnterTheGates
	{
		height:55px;
		top:285px;
		width:180px;
	}

	#divAppSignUpBonusSlots #divIntroTermsAndConditions
	{
		font-size:10px;
		top:345px;
	}

	/* TRY AGAIN OVERLAY */
	#divAppSignUpBonusSlots #divTryAgainOverlay
	{
		background-position:center top 100px;
		background-size:400px;
	}

	#divAppSignUpBonusSlots #divTryAgainOverlay:before
	{
		background-position:center 210px;
		background-size:260px;
	}

	#divAppSignUpBonusSlots #btnSpinAgain
	{
		height:70px;
		top:265px;
		width:200px;
	}

	/* BONNUS REWARD OVERLAY */
	#divAppSignUpBonusSlots #divBonusRewardOverlay
	{
		background-image:url('../images/promotions/signUpBonusSlots/tryAgainBackground.webp');
		background-position:center calc(50% - 100px);
		background-size:420px;
	}

	#divAppSignUpBonusSlots #divBonusRewardOverlay:before
	{
		background-position:50% calc(50% - 148px);
		background-size:180px;
	}

	#divAppSignUpBonusSlots #drdSelectPrize
	{
		left:50%;
		top:calc(50% - 125px);
		width:270px;
	}

	#divAppSignUpBonusSlots #btnClaimPrize
	{
		left:50%;
		height:50px;
		top:calc(50% - 50px);
		width:140px;
	}

	#divAppSignUpBonusSlots #divBonusRewardTermsAndConditions
	{
		font-size:10px;
		top:50%;
		width:100%;
	}

	/* TERMS AND CONDITIONS OVERLAY */
	#divAppSignUpBonusSlots #divTermsAndConditionsOverlay
	{
		background-position:center top 100px;
		background-size:400px;
	}

	#divAppSignUpBonusSlots .divTermsAndConditionsText
	{
		font-size:12px;
		height:150px;
		top:180px;
		width:300px;
	}

	#divAppSignUpBonusSlots .divTermsAndConditionsText span
	{
		font-size:14px;
	}

	#divAppSignUpBonusSlots #btnCloseTermsAndConditions
	{
		top:360px;
	}
}

@media (max-width: 500px)
{
	#divAppSignUpBonusSlots .divSignUpBonusSlotsPopup::before
	{
		background-position:center 160px;
		background-size:380px;
	}

	#divAppSignUpBonusSlots .divWheelBoxContainer
	{
		height:380px;
		width:400px;
	}

	#divAppSignUpBonusSlots .divPlayLogo
	{
		height:30px;
		left:calc(50% - 40px);
		top:20px;
		width:80px;
	}
}

@media (max-width: 420px)
{
	#divAppSignUpBonusSlots .divSignUpBonusSlotsPopup::before
	{
		background-position:center 100px;
		background-size:340px;
	}

	#divAppSignUpBonusSlots .divWheelBoxContainer
	{
		height:340px;
		top:calc(50% + 110px);
		width:360px;
	}

	#divAppSignUpBonusSlots .spinDown .divSlotSymbol
	{
		transform:scaleY(-1) translateY(-5px);
	}

	#divAppSignUpBonusSlots .divPlayLogo
	{
		height:26px;
		left:calc(50% - 35px);
		top:18px;
		width:70px;
	}

	/* INTRO OVERLAY */
	#divAppSignUpBonusSlots #divIntroOverlay
	{
		background-size:360px;
	}

	#divAppSignUpBonusSlots #divIntroOverlay:after
	{
		background-position:50% 185px;
		background-size:250px;
	}

	#divAppSignUpBonusSlots #btnEnterTheGates
	{
		height:50px;
		top:260px;
		width:160px;
	}

	#divAppSignUpBonusSlots #divIntroTermsAndConditions
	{
		top:312px;
	}

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

	#divAppSignUpBonusSlots #divTryAgainOverlay:before
	{
		background-position:center 200px;
		background-size:220px;
	}

	#divAppSignUpBonusSlots #btnSpinAgain
	{
		height:60px;
		top:250px;
		width:180px;
	}

	/* BONNUS REWARD OVERLAY */
	#divAppSignUpBonusSlots #divBonusRewardOverlay
	{
		background-position:center calc(50% - 50px);
		background-size:360px;
	}

	#divAppSignUpBonusSlots #divBonusRewardOverlay:before
	{
		background-position:50% calc(50% - 95px);
		background-size:140px;
	}

	#divAppSignUpBonusSlots #drdSelectPrize
	{
		top:calc(50% - 80px);
		width:240px;
	}

	#divAppSignUpBonusSlots #drdSelectPrize .dropDown .divDropDownItem
	{
		font-size:14px;
	}

	#divAppSignUpBonusSlots #btnClaimPrize
	{
		height:40px;
		top:calc(50% - 3px);
		width:110px;
	}

	#divAppSignUpBonusSlots #divBonusRewardTermsAndConditions
	{
		top:calc(50% - -40px);
	}
}