@CHARSET "UTF-8";

.container.inJackpotMode.playout.portrait.loaded .portraitHeadlineContainer 				{ background-image: url('../../picts/game/1280/firepot/portrait_top.jpg'); }
.container.inJackpotMode.playout.portrait.smallHeader.loaded .portraitHeadlineContainer 	{ background-image: url('../../picts/game/1280/firepot/portrait_top_small.jpg'); }
.container.inJackpotMode.playout.portrait.loaded .portraitBottomContainer 					{ background-image: url('../../picts/game/1280/firepot/portrait_bottom_l32.jpg'); }
.container.inJackpotMode.playout.l169.portrait.loaded .portraitBottomContainer 				{ background-image: url('../../picts/game/1280/firepot/portrait_bottom_l169.jpg'); }

.container.inJackpotMode .mainControlBox .mainControlBoxBG,
.container.inJackpotInfoMode .mainControlBox .mainControlBoxBG		{ background-image: none; }
.container.inJackpotMode.playout .webConsole						{ background-image: url('../../picts/game/1280/firepot/console_web_bg.png'); }
.container.inJackpotMode .mobileConsole								{ background-image: none; }
.container.inJackpotMode.playout .landscapeConsole					{ background-image: url('../../picts/game/1280/firepot/console_mobile_bg.jpg'); }
.container.inJackpotMode.playout .portraitConsole					{ background-image: url('../../picts/game/1280/firepot/console_portrait_bg.jpg'); }

.jackpotContainer .bgAnim 							{ background-image: url('../../picts/game/1280/firepot/bgFire.jpg'); }
.jackpotContainer .bgHeadline 						{ background-image: url('../../picts/game/1280/firepot/title.png'); }
.container.l169 .jackpotContainer .bgHeadline,
.container.portrait .jackpotContainer .bgHeadline	{ background-image: none; }

.jackpotContainer .jpChance.showInfoDuringJackpotChance:after	{ content: url('../../picts/game/1280/firepot/chance-info-en.png'); }
html[lang='de'] .jackpotContainer .jpChance.showInfoDuringJackpotChance:after	{ content: url('../../picts/game/1280/firepot/chance-info-de.png'); }
.jackpotContainer .jpChance .chanceItem	 			{ background-image: url('../../picts/game/1280/firepot/oven-closed.png'); }
.jackpotContainer .jpChance .win	 				{ background-image: url('../../picts/game/1280/firepot/oven-win.png'); }
.jackpotContainer .jpChance.showInfoDuringJackpotChance .chanceItemSuccessSign.win	{ background-image: url('../../picts/game/1280/firepot/chance-win.png'); }
.jackpotContainer .jpChance .lose					{ background-image: url('../../picts/game/1280/firepot/oven-lose.png'); }
.jackpotContainer .jpChance.showInfoDuringJackpotChance .chanceItemSuccessSign.lose	{ background-image: url('../../picts/game/1280/firepot/chance-lose.png'); }
.jackpotContainer .jpPlayout .bgPlayout				{ background-image: url('../../picts/game/1280/firepot/bgPlayout.png'); }

.jackpotContainer .jpPlayout .symbol-1				{ background-image: url('../../picts/game/1280/firepot/symbols/symbol-1.png'); }
.jackpotContainer .jpPlayout .symbol-2,
#jackpotBonusFlySymbol.symbol-2						{ background-image: url('../../picts/game/1280/firepot/symbols/symbol-2.png'); }
.jackpotContainer .jpPlayout .symbol-3				{ background-image: url('../../picts/game/1280/firepot/symbols/symbol-3.png'); }
.jackpotContainer .jpPlayout .symbol-4				{ background-image: url('../../picts/game/1280/firepot/symbols/symbol-4.png'); }
.jackpotContainer .jpPlayout .symbol-5				{ background-image: url('../../picts/game/1280/firepot/symbols/symbol-5.png'); }
#jackpotBonusFlySymbol.symbol-5						{ background-image: url('../../picts/game/1280/firepot/symbols/symbol-5.png'); }
.jackpotContainer .jpPlayout .symbol-6				{ background-image: url('../../picts/game/1280/firepot/symbols/symbol-6.png'); }
.jackpotContainer .jpPlayout .symbol-7				{ background-image: url('../../picts/game/1280/firepot/symbols/symbol-7.png'); }
.jackpotContainer .jpPlayout .symbol-8				{ background-image: url('../../picts/game/1280/firepot/symbols/symbol-8.png'); }
.jackpotContainer .jpPlayout .symbol-9				{ background-image: url('../../picts/game/1280/firepot/symbols/symbol-9.png'); }
.jackpotContainer .jpPlayout .symbol-10				{ background-image: url('../../picts/game/1280/firepot/symbols/symbol-10.png'); }
.jackpotContainer .jpPlayout .symbol-11				{ background-image: url('../../picts/game/1280/firepot/symbols/symbol-11.png'); }
.jackpotContainer .jpPlayout .symbol-12				{ background-image: url('../../picts/game/1280/firepot/symbols/symbol-12.png'); }
.jackpotContainer .jpPlayout .symbol-13				{ background-image: url('../../picts/game/1280/firepot/symbols/symbol-13.png'); }
.jackpotContainer .jpPlayout .symbol-14				{ background-image: url('../../picts/game/1280/firepot/symbols/symbol-14.png'); }
.jackpotContainer .jpPlayout .symbol-15				{ background-image: url('../../picts/game/1280/firepot/symbols/symbol-15.png'); }
.jackpotContainer .jpPlayout .symbol-100			{ background-image: url('../../picts/game/1280/firepot/symbols/symbol-question.jpg'); }

.jackpotContainer .jpPlayout .reelSymbolAnim .teaserAnimPart-0		{ background-image: url('../../picts/game/1280/firepot/optanim/featureSymbolTeaser_0.jpg'); }
.jackpotContainer .jpPlayout .reelSymbolAnim .teaserAnimPart-1		{ background-image: url('../../picts/game/1280/firepot/optanim/featureSymbolTeaser_1.jpg'); }
.jackpotContainer .jpPlayout .reelSymbolAnim .teaserAnimPart-2		{ background-image: url('../../picts/game/1280/firepot/symbols/symbol-question.jpg'); }
.jackpotContainer .jpPlayout .endSymbol.optBG						{ background-image: url('../../picts/game/1280/firepot/optanim/featureSymbolTransform_bg.jpg'); }

.jackpotContainer .jpSign.outro						{ background-image: url('../../picts/game/1280/firepot/signs/fpSign.png'); }
.jackpotContainer #jpOutroSignWinLevel				{ background-image: url('../../picts/game/1280/firepot/plaque_big.png'); }

.jackpotContainer .jackpotInfoContainer .bgInfo			{ background-image: url('../../picts/game/1280/firepot/bgInfoFire.png'); }
.jackpotContainer .jackpotInfoContainer .content		{ background-image: url('../../picts/game/1280/firepot/signs/fpSign.png'); }
.jackpotContainer .jackpotInfoContainer .content.noBG	{ background-image: none; }

.jackpotContainer .jackpotInfoContainer .jpBetInfo.level-0	{ background-image: url('../../picts/game/1280/firepot/signs/smokeash.png'); }
.jackpotContainer .jackpotInfoContainer .jpBetInfo.level-1	{ background-image: url('../../picts/game/1280/firepot/signs/level_screen_RHFP1.png'); }
.jackpotContainer .jackpotInfoContainer .jpBetInfo.level-2	{ background-image: url('../../picts/game/1280/firepot/signs/level_screen_RHFP2.png'); }
.jackpotContainer .jackpotInfoContainer .jpBetInfo.level-3	{ background-image: url('../../picts/game/1280/firepot/signs/level_screen_RHFP3.png'); }

.jackpotContainer .jackpotInfoContainer .confirmButton			{ background-image: url('../../picts/game/1280/firepot/intro/button-ok.png'); }
.jackpotContainer .jackpotInfoContainer .confirmButton:active	{ background-image: url('../../picts/game/1280/firepot/intro/button-ok-press.png'); }
.jackpotContainer .jackpotInfoContainer .settingCheckbox		{ background-image: url('../../picts/game/1280/firepot/intro/checkbox-off.png');}
.jackpotContainer .jackpotInfoContainer .settingCheckbox.active { background-image: url('../../picts/game/1280/firepot/intro/checkbox-on.png'); }

.jackpotContainer .jackpotInfoContainer .jpWelcomeBox .page-0	{ background-image: url('../../picts/game/1280/firepot/intro/intro_screen_RHFP1.png');}
.jackpotContainer .jackpotInfoContainer .jpWelcomeBox .page-1	{ background-image: url('../../picts/game/1280/firepot/intro/intro_screen_RHFP2.png');}
.jackpotContainer .jackpotInfoContainer .jpWelcomeBox .page-2	{ background-image: url('../../picts/game/1280/firepot/intro/intro_screen_RHFP3.0.png'),url('../../picts/game/1280/firepot/intro/intro_screen_RHFP3.png');}
.jackpotContainer .jackpotInfoContainer .jpWelcomeBox .page-3	{ background-image: url('../../picts/game/1280/firepot/intro/intro_screen_RHFP3.1.png'),url('../../picts/game/1280/firepot/intro/intro_screen_RHFP3.png');}
.jackpotContainer .jackpotInfoContainer .jpWelcomeBox .page-4	{ background-image: url('../../picts/game/1280/firepot/intro/intro_screen_RHFP3.2.png'),url('../../picts/game/1280/firepot/intro/intro_screen_RHFP3.png');}
.jackpotContainer .jackpotInfoContainer .jpWelcomeBox .page-5	{ background-image: url('../../picts/game/1280/firepot/intro/intro_screen_RHFP3.3.png'),url('../../picts/game/1280/firepot/intro/intro_screen_RHFP3.png');}
.jackpotContainer .jackpotInfoContainer .jpWelcomeBox .page-6	{ background-image: url('../../picts/game/1280/firepot/intro/intro_screen_RHFP4.png');}

/* info sites */
.infoPopup.info1 .jackpot-phases								{ background-image: url('../../picts/game/1280/firepot/infoSites/en/firepot-phases.png'); }
.infoPopup.info1 #jackpotWinValues .thermometer				{ background-image: url('../../picts/game/1280/firepot/infoSites/en/thermometer.png'); }
.infoPopup.info1 #jackpotWinValues.inactive .thermometer		{ background-image: url('../../picts/game/1280/firepot/infoSites/en/thermometer-dimmed.png'); }
.infoPopup.info1.de .jackpot-phases								{ background-image: url('../../picts/game/1280/firepot/infoSites/de/firepot-phases.png'); }
.infoPopup.info1.de #jackpotWinValues .thermometer				{ background-image: url('../../picts/game/1280/firepot/infoSites/de/thermometer.png'); }
.infoPopup.info1.de #jackpotWinValues.inactive .thermometer	{ background-image: url('../../picts/game/1280/firepot/infoSites/de/thermometer-dimmed.png'); }


.container.inJackpotMode.playout.portrait .portraitHeadlineContainer {
	z-index: 3;
}


#jackpotBonusFlySymbol {
	position: absolute; 
	top: 728px;
	left: 502px;
	width: 152px;
	height: 112px;
	z-index: 5;
	opacity: 0;
	-webkit-transform: scale( 0.5);
	transform: scale( 0.5);
}
.container.l169 #jackpotBonusFlySymbol { top: 596px; }
@-webkit-keyframes flyBonusWeb {
	0%   { -webkit-transform: translate( 0px, 0px ) scale(0.5); opacity: 0;	}
	25%  { -webkit-transform: translate( 0px, 0px ) scale(0.5); opacity: 1;	}
	56%  { -webkit-transform: translate( -150px, -172px ) scale(1.15); }
	88%  { opacity: 1; }
	100% { -webkit-transform: translate( -300px, -344px ) scale(0.7); opacity: 0; }
}
@keyframes flyBonusWeb {
	0%   { transform: translate( 0px, 0px ) scale(0.5); opacity: 0;	}
	25%  { transform: translate( 0px, 0px ) scale(0.5); opacity: 1;	}
	56%  { transform: translate( -150px, -172px ) scale(1.15); }
	88%  { opacity: 1; }
	100% { transform: translate( -300px, -344px ) scale(0.7); opacity: 0; }
}
#jackpotBonusFlySymbol.animating { 
	-webkit-animation: flyBonusWeb 800ms linear 1;
	animation: flyBonusWeb 800ms linear 1;
}

#jackpotBonusFlySymbol.mobile { left: 554px; }
.container.portrait #jackpotBonusFlySymbol 				{ top: 986px; left: 458px; }
.container.portrait.smallHeader #jackpotBonusFlySymbol 	{ top: 820px; }
@-webkit-keyframes flyBonusMobile {
	0%   { -webkit-transform: translate( 0px, 0px ) scale(0.5); opacity: 0;	}
	25%  { -webkit-transform: translate( 0px, 0px ) scale(0.5); opacity: 1;	}
	56%  { -webkit-transform: translate( -176px, -172px ) scale(1.15); }
	88%  { opacity: 1; }
	100% { -webkit-transform: translate( -352px, -344px ) scale(0.7); opacity: 0; }
}
@keyframes flyBonusMobile {
	0%   { transform: translate( 0px, 0px ) scale(0.5); opacity: 0;	}
	25%  { transform: translate( 0px, 0px ) scale(0.5); opacity: 1;	}
	56%  { transform: translate( -176px, -172px ) scale(1.15); }
	88%  { opacity: 1; }
	100% { transform: translate( -352px, -344px ) scale(0.7); opacity: 0; }
}
#jackpotBonusFlySymbol.mobile.animating { 
	-webkit-animation: flyBonusMobile 800ms linear 1;
	animation: flyBonusMobile 800ms linear 1;
}


.jackpotContainer {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1280px;
	height: 853px;
	z-index: 2;
}
.container.l169 .jackpotContainer 					{ top: -133px; }
.container.portrait .jackpotContainer 				{ top: 0px; height: 1950px; }
.container.l23.portrait .jackpotContainer 			{ top: 0px; height: 1630px; }
.container.portrait.smallHeader .jackpotContainer 	{ top: 0px; height: 1784px; }
/* .container.l23 .jackpotContainer  					{ height:  853px; } */
/* .container.l169 .jackpotContainer 					{ height:  720px; } */

.jackpotContainer .fullSize {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 2;
}

.jackpotContainer .fadeInSlow {
	-webkit-transition-property: opacity;
	transition-property: opacity;
	-webkit-transition-duration: 700ms;
	transition-duration: 700ms;
	opacity: 1;
}
.jackpotContainer .fadeOutSlow {
	-webkit-transition-property: opacity;
	transition-property: opacity;
	-webkit-transition-duration: 700ms;
	transition-duration: 700ms;
	opacity: 0;
}

.jackpotContainer .bgAnim,
.jackpotContainer .bgInfo {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1280px;
	height: 853px;
	background-repeat: no-repeat;
	background-position: bottom;
}
.jackpotContainer .bgInfo { z-index: 2; }
.container.portrait .jackpotContainer .bgAnim,
.container.portrait .jackpotContainer .bgInfo { height: 1110px; }
.container.portrait.smallHeader .jackpotContainer .bgAnim,
.container.portrait.smallHeader .jackpotContainer .bgInfo { height:  944px; }

.jackpotContainer .bgAnim * {
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scale(4);
	-moz-transform: scale(4);
	-ms-transform: scale(4);
	-o-transform: scale(4);
	transform: scale(4);
}

.jackpotContainer .bgHeadline {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 1280px;
	height: 133px;
	background-repeat: no-repeat;
	background-position: bottom;
}
.container.portrait .jackpotContainer .bgHeadline				{ height: 390px; }
.container.portrait.smallHeader .jackpotContainer .bgHeadline	{ height: 224px; }


.jackpotContainer .bgControlBox {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 1280px;
	height: 116px;
}
.container.portrait .jackpotContainer .bgControlBox	{
	height: 526px;
	bottom: auto;
	top: 994px;
}
.container.portrait.smallHeader .jackpotContainer .bgControlBox	{
	top: 828px;
}

.jackpotContainer .bgDarkening {
	background-color: black;
	opacity: 0.73;
}
.container.portrait .jackpotContainer .bgDarkening 				{ height: 1520px; }
.container.portrait.smallHeader .jackpotContainer.bgDarkening  	{ height: 1354px; }

.jackpotContainer .content {
	position: absolute;
	top: 133px;
	left: 0px;
	width: 1280px;
	height: 604px;
	z-index: 2;
}
.container.portrait .jackpotContainer .content				{ top: 390px; }
.container.portrait.smallHeader .jackpotContainer .content	{ top: 224px; }

.jackpotContainer .jpChance.showInfoDuringJackpotChance:after {
	position: absolute;
	top: 436px;
	left: 360px;
}
.jackpotContainer .content .jpChance .chanceItem,
.jackpotContainer .content .jpChance .chanceItemSuccessSign,
.jackpotContainer .content .jpChance .chanceAnim .chanceItemAnim {
	position: absolute;
	top: 140px;
	width: 284px;
	height: 312px;
}
.jackpotContainer .content .jpChance .chanceItemSuccessSign {
	background-repeat: no-repeat;
	background-position: center;
	z-index: 10;
}
.jackpotContainer .content .jpChance.showInfoDuringJackpotChance .chanceItem,
.jackpotContainer .content .jpChance.showInfoDuringJackpotChance .chanceItemSuccessSign,
.jackpotContainer .content .jpChance.showInfoDuringJackpotChance .chanceAnim .chanceItemAnim {
	top: 78px;
}
.jackpotContainer .content .jpChance [id^='chanceItem-0']	{ left: 174px; }
.jackpotContainer .content .jpChance [id^='chanceItem-1']	{ left: 498px; }
.jackpotContainer .content .jpChance [id^='chanceItem-2']	{ left: 822px; }


.jackpotContainer .content .jpPlayout .bgPlayout {
	z-index: 10;
	background-repeat: no-repeat;
	background-position: top center;
}
.jackpotContainer .content .jpPlayout .thermometer {
	position: absolute;
	top: 19px;
	left: 216px;
	width: 114px;
	height: 426px;
	z-index: 1;
	border-bottom-left-radius: 60px;
	border-bottom-right-radius: 60px;
	background-color: black;
	overflow: hidden;
}
.jackpotContainer .content .jpPlayout .thermometer .filling {
	position: absolute;
	top: 426px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background: #d41202;
	background: -moz-linear-gradient(top, #d41202 0%, #fe8008 100%);
	background: -webkit-linear-gradient(top, #d41202 0%,#fe8008 100%);
	background: linear-gradient(to bottom, #d41202 0%,#fe8008 100%);
}
.jackpotContainer .content .jpPlayout #playoutTextBox {
	position: absolute;
	top: 0px;
	left: 378px;
	width: 740px;
	height: 456px;
	z-index: 15;
}

.jackpotContainer .content #jackpot_reel_container,
.jackpotContainer .content .jpPlayout .reelSymbolAnim {
	position: absolute; 
	left: 236px; 
	top: 472px;
	z-index: 15;
	overflow: hidden; 
	width: 808px; 
	height: 112px; 
}

.jackpotContainer .content #jackpot_reel_container > div { width: 152px; }
.jackpotContainer .content .jpPlayout .reelSymbolAnim .teaserAnim {
	position: relative;
	width: 152px;
	height: 100%;
}
.jackpotContainer .content .jpPlayout .reelSymbolAnim .teaserAnim > div {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: 0;
}
.jackpotContainer .content #teaserAnim-1, 
.jackpotContainer .content #teaserAnim-2,
.jackpotContainer .content #teaserAnim-3,
.jackpotContainer .content #teaserAnim-4 { margin-left: 12px; }
	

/* flying symbols */
.jackpotContainer .content .endSymbol {
	position: absolute; 
	top: 472px;
	width: 152px;
	height: 112px;
	z-index: 50;
	opacity: 1;
}
.jackpotContainer .content #endSymbol-0 { left: 236px; }
.jackpotContainer .content #endSymbol-1 { left: 400px; }
.jackpotContainer .content #endSymbol-2 { left: 564px; }
.jackpotContainer .content #endSymbol-3 { left: 728px; }
.jackpotContainer .content #endSymbol-4 { left: 892px; }

.jackpotContainer .content .endSymbol > div { 
	position: absolute; 
	top: 0px;
	left: 0px;
	width: 152px;
	height: 112px;
}

.jackpotContainer .content .endSymbol .transformedSymbol { 
	opacity: 0; 
}
.jackpotContainer .content .endSymbol .transformedSymbol.fadeIn {
	-webkit-transition-property: opacity;
	transition-property: opacity;
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
	opacity: 1;
}

@-webkit-keyframes fly0 {
	0%   { -webkit-transform: translate( 0px, 0px ) scale(1); opacity: 1;	}
	50%  { -webkit-transform: translate(  -16px, -106px ) scale(1.15); }
	80%  { opacity: 1; }
	100% { -webkit-transform: translate(  -32px, -212px ) scale(0.7); opacity: 0; }
}
@keyframes fly0 {
	0%   { transform: translate( 0px, 0px ) scale(1); opacity: 1;	}
	50%  { transform: translate(  -16px, -106px ) scale(1.15); }
	80%  { opacity: 1; }
	100% { transform: translate(  -32px, -212px ) scale(0.7); opacity: 0; }
}
.jackpotContainer .content #endSymbol-0 .flySymbol.animating {
	-webkit-animation: fly0 500ms linear 1;
	animation: fly0 500ms linear 1;
}
@-webkit-keyframes fly1 {
	0%   { -webkit-transform: translate( 0px, 0px ) scale(1); opacity: 1;	}
	50%  { -webkit-transform: translate( -100px, -106px ) scale(1.15); }
	80%  { opacity: 1; }
	100% { -webkit-transform: translate( -200px, -212px ) scale(0.7); opacity: 0; }
}
@keyframes fly1 {
	0%   { transform: translate( 0px, 0px ) scale(1); opacity: 1;	}
	50%  { transform: translate( -100px, -106px ) scale(1.15); }
	80%  { opacity: 1; }
	100% { transform: translate( -200px, -212px ) scale(0.7); opacity: 0; }
}
.jackpotContainer .content #endSymbol-1 .flySymbol.animating { 
	-webkit-animation: fly1 500ms linear 1;
	animation: fly1 500ms linear 1;
}
@-webkit-keyframes fly2 {
	0%   { -webkit-transform: translate( 0px, 0px ) scale(1); opacity: 1;	}
	50%  { -webkit-transform: translate( -182px, -106px ) scale(1.15); }
	84%  { opacity: 1; }
	100% { -webkit-transform: translate( -364px, -212px ) scale(0.7); opacity: 0; }
}
@keyframes fly2 {
	0%   { transform: translate( 0px, 0px ) scale(1); opacity: 1;	}
	50%  { transform: translate( -182px, -106px ) scale(1.15); }
	84%  { opacity: 1; }
	100% { transform: translate( -364px, -212px ) scale(0.7); opacity: 0; }
}
.jackpotContainer .content #endSymbol-2 .flySymbol.animating { 
	-webkit-animation: fly2 630ms linear 1;
	animation: fly2 630ms linear 1;
}
@-webkit-keyframes fly3 {
	0%   { -webkit-transform: translate( 0px, 0px ) scale(1); opacity: 1;	}
	50%  { -webkit-transform: translate( -264px, -106px ) scale(1.15); }
	86%  { opacity: 1; }
	100% { -webkit-transform: translate( -528px, -212px ) scale(0.7); opacity: 0; }
}
@keyframes fly3 {
	0%   { transform: translate( 0px, 0px ) scale(1); opacity: 1;	}
	50%  { transform: translate( -264px, -106px ) scale(1.15); }
	86%  { opacity: 1; }
	100% { transform: translate( -528px, -212px ) scale(0.7); opacity: 0; }
}
.jackpotContainer .content #endSymbol-3 .flySymbol.animating { 
	-webkit-animation: fly3 700ms linear 1;
	animation: fly3 700ms linear 1;
}
@-webkit-keyframes fly4 {
	0%   { -webkit-transform: translate( 0px, 0px ) scale(1); opacity: 1;	}
	50%  { -webkit-transform: translate( -348px, -106px ) scale(1.15); }
	87%  { opacity: 1; }
	100% { -webkit-transform: translate( -696px, -212px ) scale(0.7); opacity: 0; }
}
@keyframes fly4 {
	0%   { transform: translate( 0px, 0px ) scale(1); opacity: 1;	}
	50%  { transform: translate( -348px, -106px ) scale(1.15); }
	87%  { opacity: 1; }
	100% { transform: translate( -696px, -212px ) scale(0.7); opacity: 0; }
}
.jackpotContainer .content #endSymbol-4 .flySymbol.animating { 
	-webkit-animation: fly4 730ms linear 1;
	animation: fly4 730ms linear 1;
}


/* playout (outro) sign */
@-webkit-keyframes flicker {
	0%, 49% { opacity: 0; }
	50%, 100% { opacity: 1; }
}
@keyframes flicker {
	0%, 49% { opacity: 0; }
	50%, 100% { opacity: 1; }
}
.jackpotContainer .jpSign #jpSignAnimHighlight {
	opacity: 0;
}
.jackpotContainer .jpSign #jpSignAnimHighlight.flickering {
/*	-webkit-animation: flicker 460ms linear infinite;
	animation: flicker 460ms linear infinite;*/
	opacity: 1;
}

.jackpotContainer .jpSign.outro {
	background-repeat: no-repeat;
	background-position: top center;
	opacity: 0;
}
.jackpotContainer .jpSign.outro.fadeInSlow {
	-webkit-transition-property: opacity;
	transition-property: opacity;
	-webkit-transition-duration: 700ms;
	transition-duration: 700ms;
	opacity: 1;
}
.jackpotContainer #jpOutroSignWinLevel {
	width: 403px;
	height: 78px;
	margin: 254px auto 22px;
}
.jackpotContainer #jpOutroSignWinValue {
	font-family: 'Roboto Condensed', Arial, Sans-serif;
	color: #ffffff;
	font-weight: bold;
	font-size: 70px;
	text-align: center;
}

/* jackpot signs */
.jackpotContainer .jackpotInfoContainer .content {
	background-repeat: no-repeat;
	background-position: top center;
	margin-top: 14px;
	margin-left: 2px;
	font-family: 'Roboto Condensed', Arial, Sans-serif;
	color: #ffffff;
	font-weight: bold;
	font-size: 42px;
	text-shadow: 2px 2px 2px #000000;
	text-align: center;
}

.jackpotContainer .jackpotInfoContainer .content .jpBetInfo,
.jackpotContainer .jackpotInfoContainer .content .jpIntro {
	position: relative;
	width: 980px;
	height: 572px;
	margin: 0px auto;
}

.jackpotContainer .jackpotInfoContainer .content .currLeft 	{ padding-right: 6px; }
.jackpotContainer .jackpotInfoContainer .content .currRight	{ padding-left: 6px; }

.jackpotContainer .jackpotInfoContainer .content .value {
	padding-left: 8px;
}
/* .jackpotContainer .jackpotInfoContainer.highlightJackpotBet .content .jackpotBet .value {
	color: #fff600;
} */
.jackpotContainer .jackpotInfoContainer.highlightJackpotBet .content .jackpotBet .value:before {
	content: '+';
	margin-right: 8px;
	
}


/* jackpot bet change sign */
.jackpotContainer .jackpotInfoContainer .jpBetInfo	{
	background-repeat: no-repeat;
	background-position: bottom center; 
	font-size: 30px; 
}
.jackpotContainer .jackpotInfoContainer .jpBetInfo.level-0 {
	left: 10px;
	height: 498px;
}

.jackpotContainer .jackpotInfoContainer .content .jackpotWin {
	position: relative;
	top: 446px;
	left: -5px;
	width: 262px;
	height: 56px;
	padding-left: 212px;
	margin: 0px auto;
	font-size: 48px;
}
.jackpotContainer .jackpotInfoContainer .content .jackpotWin .value {
	position: absolute;
	top: 0px;
	right: 20px;
	text-align: right;
}
.jackpotContainer .jackpotInfoContainer .content .jackpotWin #jackpotWinMetal {
	position: absolute;
	top: 0px;
	left: 12px;
	width: 160px;
	height: 58px;
}

.jackpotContainer .jackpotInfoContainer .content .jackpotBet {
	position: absolute;
	width: 290px;
	left: 342px;
	top: 216px;
}

.jackpotContainer .jackpotInfoContainer .content .jackpotBonus {
	position: absolute;
	width: 0px;
	right: 215px;
	top: 168px;
}
.jackpotContainer .jackpotInfoContainer .content .jackpotBonus .label {
	display: block;
	position: absolute;
	top: 0px;
	right: -122px;
	width: 250px;
	font-size: 22px;
}
.jackpotContainer .jackpotInfoContainer .content .jackpotBonus .value {
	display: block;
	position: absolute;
	bottom: 20px;
	right: 30px;
	font-size: 32px;
}

.jackpotContainer .jackpotInfoContainer .content .jackpotBetLevel {
	position: absolute;
	width: 200px;
	height: 30px;
	left: 62px;
	top: 256px;
	font-size: 24px;
	color: #fff17d;
}
.jackpotContainer .jackpotInfoContainer .content .jackpotBetLevel .value {
	padding-left: 0px;
	padding-right: 6px;
}

.jackpotContainer .jackpotInfoContainer .content .jackpotInfo {
	position: absolute;
	width: 344px;
	right: 30px;
	top: 260px;
	font-size: 22px;
}
.jackpotContainer .jackpotInfoContainer .content .level-3 .jackpotInfo {
	top: 236px;
}
.jackpotContainer .jackpotInfoContainer .content .level-0 .jackpotInfo {
	position: absolute;
	width: 970px;
	left: -10px;
	top: 226px;
	font-size: 60px;
}
.jackpotContainer .jackpotInfoContainer .content .level-2 .jackpotInfo::after {
	content: url('../../picts/game/1280/firepot/signs/greenarrows2.png');
	position: relative;
	top: 14px;
}
.jackpotContainer .jackpotInfoContainer .content .level-3 .jackpotInfo::after {
	content: url('../../picts/game/1280/firepot/signs/greenarrows3.png');
	position: relative;
	top: 24px;
	left: -4px;
}


/* jackpot welcome sign */
.jackpotContainer .jackpotInfoContainer .jpIntro .jpWelcomeBox {
	width: 100%;
	height: 100%;
}
.jackpotContainer .jackpotInfoContainer .jpIntro .jpWelcomeBox .page {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 1;
}
.jackpotContainer .jackpotInfoContainer .jpIntro .jpWelcomeBox .page.invisible {
	opacity: 0;
}
.jackpotContainer .jackpotInfoContainer .jpIntro .jpWelcomeBox .page.animating { 
	-webkit-transition-property: opacity;
	transition-property: opacity;
	-webkit-transition-duration: 800ms;
	transition-duration: 800ms;
}

.jackpotContainer .jackpotInfoContainer .jpIntro .jpWelcomeBox .headline {
	margin-top: 64px;
	text-align: center;
	font-size: 26px;
	color: #fff17d;
}

.jackpotContainer .jackpotInfoContainer .jpIntro .jackpotText {
	position: absolute;
	top: 124px;
	right: 40px;
	width: 540px;
	height: 50px;
}
.jackpotContainer .jackpotInfoContainer .jpIntro .jpWelcomeBox .jackpotText-1 { top: 172px; }
.jackpotContainer .jackpotInfoContainer .jpIntro .jpWelcomeBox .jackpotText-2 { top: 220px; }
.jackpotContainer .jackpotInfoContainer .jpIntro .jpWelcomeBox .page-6 .jackpotText.jackpotText-0 { top: 128px; font-size: 34px; width: 400px; }
.jackpotContainer .jackpotInfoContainer .jpIntro .jpWelcomeBox .page-6 .jackpotText.jackpotText-1 { top: 164px; font-size: 38px; width: 400px; }
.jackpotContainer .jackpotInfoContainer .jpIntro .jackpotText.winSlogan {
	top: 298px;
	left: 42px;
	width: 280px;
	height: 50px;
	font-size: 30px;
}

.jackpotContainer .jackpotInfoContainer .jpIntro .jackpotSetting {
	position: absolute;
	bottom: 50px;
	right: 182px;
	width: 274px;
	text-align: right;
}
.jackpotContainer .jackpotInfoContainer .jpIntro .settingCheckbox { 
	background-repeat: no-repeat;
	background-position: left;
	background-size: contain;
	padding-left: 36px;
	padding-top: 6px;
	font-size: 18px;
	cursor: pointer;
}
.jackpotContainer .jackpotInfoContainer .jpIntro .confirmButton { 
	position: absolute;
	bottom: 42px;
	right: 70px;
	width: 102px;
	height: 51px;
	cursor: pointer;
}
.jackpotContainer .jackpotInfoContainer .jpIntro .confirmButton .buttonText { 
	font-size: 30px;
	padding-top: 8px; 
}


/* info sites */
.infoContainer .infoPopup .headline.headline-jackpot {
	background-color: #dd521f;
}
.infoContainer .infoPopup .jackpot-phases {
	width: 960px;
	height: 341px;
	background-repeat: no-repeat;
	background-position: top left;
	background-size: 100%
}
.infoContainer .infoPopup #jackpotWinValues {
	/*width: 500px;*/
	width: auto;
	margin: 10px auto 0px;
}
.infoContainer .infoPopup #jackpotWinValues .winValues {
	margin-top: 5px;
	margin-left: 36px;
}
.infoContainer .infoPopup #jackpotWinValues .winValues .winValue {
	/*width: 156px;*/
	width: auto;
	line-height: 45px;
}
.infoContainer .infoPopup #jackpotWinValues.inactive .winValues .winValue {
	color: #666963;
}
.infoContainer .infoPopup #jackpotWinValues .winValues .winValue.topWinOnHighestLevel {
	color: transparent;
}
.infoContainer .infoPopup #jackpotWinValues .thermometer {
	width: 307px;
	height: 294px;
	background-repeat: no-repeat;
	background-position: top left;
	background-size: auto 100%
}


/* fullscreen workaround */
.inJackpotMode .mainControlBox,
.loaded.inJackpotMode .mainControlBox.portrait,
.inJackpotInfoMode .mainControlBox,
.loaded.inJackpotInfoMode .mainControlBox.portrait { height: 0 }
.inJackpotMode .mainControlBox .fullscreenWorkaround, 
.inJackpotInfoMode .mainControlBox .fullscreenWorkaround { 
	width: 1px;
	height: 600px;
	margin-top:-600px; 
}
.container.portrait.inJackpotMode .portraitBottomContainer,
.container.portrait.inJackpotInfoMode .portraitBottomContainer 		{ margin-top: 1126px; }



/* layout depending on the language */
html[lang="es"] .jackpotContainer .jackpotInfoContainer .jpIntro .jpWelcomeBox .jackpotText { font-size: 35px; }

html[lang="hu"] .jackpotContainer .jackpotInfoContainer .jpIntro .jpWelcomeBox .jackpotText { font-size: 40px; }
html[lang="ru"] .jackpotContainer .jackpotInfoContainer .jpIntro .jpWelcomeBox .page-6 .jackpotText { right: 24px; }

html[lang="it"] .jackpotContainer .jackpotInfoContainer .content .level-2 .jackpotInfo { width: 340px; }

html[lang="ko"] .jackpotContainer .jackpotInfoContainer .jpIntro .confirmButton .buttonText { padding-top: 7px; }
html[lang="ko"] .container.landscape .jackpotContainer .jackpotInfoContainer .jpIntro .confirmButton .buttonText,
html[lang="ko"] .container.portrait .jackpotContainer .jackpotInfoContainer .jpIntro .confirmButton .buttonText { padding-top: 9px; }
html[lang="ko"] .jackpotContainer .jackpotInfoContainer .content .level-3 .jackpotInfo { width: 300px; }

html[lang="ru"] .jackpotContainer .jackpotInfoContainer .jpIntro .jpWelcomeBox .jackpotText { font-size: 31px; }
html[lang="ru"] .jackpotContainer .jackpotInfoContainer .jpIntro .jpWelcomeBox .page-6 .jackpotText { right: 24px; font-size: 28px; }

html[lang="sv"] .jackpotContainer .jackpotInfoContainer .jpIntro .jpWelcomeBox .page-6 .jackpotText-0 { font-size: 32px; right: 20px; }
html[lang="sv"] .jackpotContainer .jackpotInfoContainer .jpIntro .jpWelcomeBox .page-6 .jackpotText-1 { font-size: 36px; right: 20px; }

html[lang='th'] .jackpotContainer .jackpotInfoContainer .jpIntro .confirmButton .buttonText { padding-top: 4px; }
html[lang="th"] .container.landscape .jackpotContainer .jackpotInfoContainer .jpIntro .confirmButton .buttonText,
html[lang="th"] .container.portrait .jackpotContainer .jackpotInfoContainer .jpIntro .confirmButton .buttonText { padding-top: 1px; }
html[lang="th"] .jackpotContainer .jackpotInfoContainer .content .level-2 .jackpotInfo { top: 264px; }
html[lang="th"] .jackpotContainer .jackpotInfoContainer .content .level-3 .jackpotInfo { top: 240px; width: 314px; }

html[lang="vi"] .jackpotContainer .jackpotInfoContainer .jpIntro .jpWelcomeBox .page-6 .jackpotText { right: 24px; font-size: 28px; }

html[lang='zh'] .jackpotContainer .jackpotInfoContainer .jpIntro .confirmButton .buttonText { padding-top: 4px; }
html[lang="zh"] .jackpotContainer .jackpotInfoContainer .content .level-2 .jackpotInfo { width: 284px; }
html[lang="zh"] .jackpotContainer .jackpotInfoContainer .content .level-3 .jackpotInfo { width: 254px; }