@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;
}