.jp_bar .jp:not(.active) {
    display: none;
}

#games .jp_bar, #launcher .jp_bar {
    display: none;
    left: 0;
    background-image: url(../images/top-background.png);
    background-size: 100% 59px;
    text-align: center;
    width: 100%;
    height: 70px;
    position: relative;
    overflow: hidden;
    border: 0px solid #fff;
    transition: 1s;
}

#games.jackpot-active .jp_bar, #launcher.jackpot-active .jp_bar {
    display: flex;
    justify-content: space-evenly;
}

#games .jp_bar .number, #launcher .jp_bar .number {
    margin: 0 -4px 0 0
}

.odometer-digits {
    text-align: right;
    height: 70%;
    top: 3px;

    width: 213px;
    margin-left: auto;
    margin-right: 17px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}
.odometer-digit {
    width: 22px;
    /* right: 35px; */
}
.odometer-digit div {
    height: 100%;
    background-size:90% 75%;
    background-repeat: no-repeat;
    background-position: center;
}
.odometer-digit.odometer-digit-fractional {
    width: 10px;
    height: 10px;
    bottom: 3px;
}
.odometer-digit.odometer-digit-thousands {
    width: 10px;
    height: 10px;
    bottom: 3px;
}
/*.digits::-webkit-nth-letter(3) {
    color: red;
    font-family: "Comic Sans MS";
    font-size: 3em;
    font-weight: bold
}*/

#games .jp_bar .jp[name="iron"], #launcher .jp_bar .jp[name="iron"] {
    background-image: url(../images/jackpot/iron.png);
    margin-right: 0px;
}

#games .jp_bar .jp[name="bronze"], #launcher .jp_bar .jp[name="bronze"] {
    background-image: url(../images/jackpot/bronze.png)
}

#games .jp_bar .jp[name="silver"], #launcher .jp_bar .jp[name="silver"] {
    background-image: url(../images/jackpot/silver.png);
}

#games .jp_bar .jp[name="gold"], #launcher .jp_bar .jp[name="gold"] {
    background-image: url(../images/jackpot/gold.png);
}

#games .jp_bar .jp[name="platinum"], #launcher .jp_bar .jp[name="platinum"] {
    background-image: url(../images/jackpot/platinum.png)
}

#games .jp_bar .jp[name="diamond"], #launcher .jp_bar .jp[name="diamond"] {
    background-image: url(../images/jackpot/diamond.png);
    margin-left: 0px;
}

#games .jp_bar .jp[name="iron"].activate:before, #launcher .jp_bar .jp[name="iron"].activate:before {
    content: url('../images/jackpot/i-icon.png');
    position: absolute;
}

#games .jp_bar .jp[name="bronze"].activate:before, #launcher .jp_bar .jp[name="bronze"].activate:before {
    content: url('../images/jackpot/b-icon.png');
    position: absolute;
}

#games .jp_bar .jp[name="silver"].activate:before, #launcher .jp_bar .jp[name="silver"].activate:before {
    content: url('../images/jackpot/s-icon.png');
    position: absolute;
}

#games .jp_bar .jp[name="gold"].activate:before, #launcher .jp_bar .jp[name="gold"].activate:before {
    content: url('../images/jackpot/g-icon.png');
    position: absolute;
}

#games .jp_bar .jp[name="platinum"].activate:before, #launcher .jp_bar .jp[name="platinum"].activate:before {
    content: url('../images/jackpot/p-icon.png');
    position: absolute;
}

#games .jp_bar .jp[name="diamond"].activate:before, #launcher .jp_bar .jp[name="diamond"].activate:before {
    content: url('../images/jackpot/d-icon.png');
    position: absolute;
}

#games .jp_bar .jp, #launcher .jp_bar .jp {
    margin: 7px 0px;
    /*margin-left: 10px;*/
    width: 16%;
    height: 61px;
    position: relative;
    display: none;
    border: 0px solid #fff;
    background-size: 100% auto;
    padding: 8px 0px 0px 0px;
    box-sizing: border-box;
    background-repeat: no-repeat
}

#games .jp_bar .jp.active, #launcher .jp_bar .jp.active {
    float: left;
    display: flex;
}

@keyframes sprite {
    from {
        background-position: 0 0%
    }
    to {
        background-position: 0 100%
    }
}

#games .activate:before, #launcher .activate:before {
    position: absolute;
    top: 11px;
    left: 12px;
}

#games .jp-number, #launcher .jp-number {
    height: 28px;
    display: inline-block;
    left: 0px;
    top: 7px;
    position: relative
}

#games .jp_gold>.jp-number, #launcher .jp_gold>.jp-number {
    left: 10px
}

#games .jp-number img, #launcher .jp-number img {
    height: 100%
}

#games .jp-number-dot,
#games .jp-number-comma,
#launcher .jp-number-dot,
#launcher .jp-number-comma {
    width: 10px;
    height: 10px;
    top: 4px
}

#games .jp_bar .jp.activate, #launcher .jp_bar .jp.activate {
    height: 61px ;
    background: url(../images/jackpot/sprite.png) no-repeat 0 0% ;
    background-position-x: 0px ;
    animation: sprite 1s steps(15) infinite;
    position: relative ;
    display: inline-block;
    background-size: 300px auto;
    left: 21px;
}
.jp.activate .odometer-digits{
    top: 2px;
    margin-right: 36px;
}

/* #launcher .jp-bar {
    display: flex;
    justify-content: space-evenly;
} */
/*
.jackpot-seq {
    width: 100%;
    height: 98%;
    position: absolute;
    left: 0px;
    right: 0px;
    background: url(../images/jackpot/sequence.png) center;
    background-position: 0px 0px;
    background-size: 100% 1600%;
    animation: sprite 1s steps(15) infinite;
    z-index: 10
}

@keyframes play {
    from {
        background-position: 0px 0px
    }
    to {
        background-position: 0px 100%
    }
}

#DIVjackpotWin #jp_bar1 {
    position: relative;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-image: url(../images/jackpot/jackpot-block.png);
    background-size: 100% 100%;
    margin: auto
}

#DIVjackpotWin {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: -56px;
    left: 0px;
    background-color: #00080;
    background-size: 100% 100%;
    z-index: 10000
}

#DIVjackpotWin #jp_bar1 .jp_gold {
    background: url(../images/jp_show_gold.gif) no-repeat
}

#DIVjackpotWin #jp_bar1 .jp_silver {
    background: url(../images/jp_show_silver.gif) no-repeat
}

#DIVjackpotWin #jp_bar1 .jp_bronze {
    background: url() no-repeat
}

#DIVjackpotWin #jp_bar1 .jp_iron {
    background: url(../images/jp_show_iron.gif) no-repeat
}

#DIVjackpotWin #jp_bar1 .jp_diamond {
    background: url(../images/jp_show_diamond.gif) no-repeat
}

#DIVjackpotWin #jp_bar1 .jp_platinum {
    background: url(../images/jp_show_platinum.gif) no-repeat
}

#DIVjackpotWin #jp_bar1 .jp {}

#DIVjackpotWin .digits {
    height: 16%;
    top: 58%;
    width: 100%;
    text-align: center;
    position: absolute
}

.jpdigits {
    width: 64px;
    height: 103.7px;
    top: -58px;
    background-image: url(../images/jpSymbols-vertical_reversed.png);
    background-position: 0px -522px;
    display: inline-block
}

.sss {
    width: 24px;
    height: 24px;
    top: -22px;
    position: relative;
    background-image: url(../images/jackpot_point.png);
    display: inline-block
}

.jpdigitsbox {
    width: 700px;
    margin: 0 auto
}

.jackpot_close {
    z-index: 10000;
    position: absolute;
    top: 180px;
    right: -178px;
    width: 3.8484%;
    height: 6.4873%
}

.jackpot-label {
    position: relative;
    width: 50%;
    height: 8%;
    top: 83%;
    text-align: center;
    z-index: 10;
    margin: 0 auto
}

.jackpot-amount {
    height: 16%;
    top: 58%;
    width: 100%;
    text-align: center;
    position: absolute;
    z-index: 100
}

.jackpot-amount div {
    height: 100%;
    display: inline-block
}

.jackpot-amount img {
    height: 100%
}

.digit-point {
    width: 5%;
    height: 50% !important;
    bottom: -10%;
    position: relative
}

.jackpot-label img {
    position: relative;
    right: 30px;
    margin: 0 10px;
    bottom: 10px;
    width: 34%;
    height: 100%
}

@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
    .jackpot-sprite {
        background-size: 302px auto
    }
}

@media (max-width: 500px) {
    #DIVjackpotWin {
        width: 100%;
        height: 64%;
        top: 0px;
    }
    .jackpot-label img {
        position: relative;
        right: 13px;
        margin: 0 10px;
        bottom: 5px;
        width: 34%;
        height: 100%;
        /* top: -1px; 
    }
}*/