#gameMinipoker {
    position: absolute;
    top: 152px;
    left: 50px;
    z-index: 0;
}

 


.helptablepoker {
    background: url(../images/minigame/videopoker/video_h.png) no-repeat;
    width: 748px;
    height: 686px;
    position: relative;
    margin-left: 134px;
    margin-top: 10px;
   
}


.mg-mp, .mg-mp .game {
    position: absolute;
    width: 918px;
    height: 413px;
   
}

.mg-mp .event {
    width: 234px;
    height: 50px;
    background-image: url(../images/minigame/videopoker/title.png);
    top: -30px;
    left: 328px;
    z-index: -1;
}

 
.mg-mp .event {
    display: inline-block;
    background-repeat: no-repeat;
    position: absolute;
}



.mg-mp .game {
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(../images/media/MiniGameMP.65a2f8e0.png);
    background-position: -2px -2px;
    top: 0;
    left: 0;
    z-index: 10;
}
.mg-mp .game > .jackpot {
    -webkit-box-shadow: 0 2px rgb(229 208 255 / 35%);
    box-shadow: 0 2px rgb(229 208 255 / 35%);
    height: 55px;
    width: 269px;
    border-radius: 56px;
    background: #2f2451;
    position: absolute;
    top: 38px;
    left: 162px;
}
.mg-mp .game > .jackpot .money {
    width: 270px;
    font-size: 30px;
    color: #ffea00;
    text-align: left;
    display: block;
    line-height: 55px;
    position: absolute;
    left: 57px;
}

.mg-mp .game > .jackpot .ic-money {
    position: absolute;
    display: none;
    width: 49px;
    height: 49px;
    cursor: pointer;
}
.mg-mp .game > .jackpot .ic-money.money-1 {
    background-repeat: no-repeat;
    background-image: url(../images/media/MiniGameMP.65a2f8e0.png);
    background-position: -784px -418px;
    top: 3px;
    left: 3px;
}

.mg-mp .game > .jackpot .ic-money.money-2 {
    background-repeat: no-repeat;
    background-image: url(../images/media/MiniGameMP.65a2f8e0.png);
    background-position: -847px -418px;
    top: 3px;
    left: 3px;
}


.mg-mp .game > .jackpot .ic-money.active {
    display:block;
    
}
  
.mg-mp .game > .jackpot .ic-money:hover {
   -webkit-animation: bounceScale .25s ease-in-out;
    animation: bounceScale .25s ease-in-out;
}

.mg-mp .effect, .mg-mp .maingame {
    position: absolute;
    top: 111px;
    left: 150px;
    pointer-events: none;
}

.mg-mp .spin-tutorial {
    position: absolute;
    top: 31px;
    left: 3px;
    z-index: 1;
}


.mg-mp .spin-tutorial:after, .mg-mp .spin-tutorial:before {
    content: " ";
    display: inline-block;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    opacity: 0;
}

.mg-mp .spin-tutorial:before {
    width: 53px;
    height: 141px;
    background-image: url(../images/media/MiniGameMP.65a2f8e0.png);
    background-position: -916px -28px;
    left: 0;
    overflow: hidden;
    height: 0;
    -webkit-animation: mp-st-1 2s infinite ease;
    animation: mp-st-1 2s infinite ease;
}
.mg-mp .spin-tutorial:after {
    width: 59px;
    height: 28px;
    background-image: url(../images/media/MiniGameMP.65a2f8e0.png);
    background-position: -911px -191px;
    left: -2px;
    -webkit-animation: mp-st-2 2s infinite ease;
    animation: mp-st-2 2s infinite ease;
}

.mg-mp .effect .jackpot, .mg-mp .effect .straighflush {
    position: absolute;
    -webkit-animation: mp-es 1s infinite ease;
    animation: mp-es 1s infinite ease;
}
.mg-mp .effect .jackpot {
    display: inline-block;
    width: 301px;
    height: 86px;
    background-repeat: no-repeat;
    background-image: url(../images/media/MiniGameMP.65a2f8e0.png);
    background-position: -0px -529px;
    top: 20px;
    left: 140px;
}
.mg-mp .effect .straighflush {
    display: inline-block;
    width: 426px;
    height: 54px;
    background-repeat: no-repeat;
    background-image: url(../images/media/MiniGameMP.65a2f8e0.png);
    background-position: -308px -529px;
    top: 41px;
    left: 83px;
}
#gameMinipoker .slotImgNotify {
    position: absolute;
    display: none;
    top: 5px;
    top:-30px;
    right: 240px;
    color: #ff0;
    font-weight: 700;
}
#gameMinipoker .slotTextNotify {
    position: absolute;
    display: none;
    top: -30px;
    right: 240px;
    color: #ff0;
    font-weight: 700;
    z-index: 10001;
    font-size: 26px;
}

.mg-mp .control {
    position: absolute;
    top: 50px;
    left: 758px;
    width: 60px;
    height: 270px;
    cursor: pointer;
}
.mg-mp .control:after, .mg-mp .control:before {
    content: " ";
    display: inline-block;
    background-repeat: no-repeat;
    position: absolute;
}
.mg-mp .control:before {
    width: 60px;
    height: 61px;
    background-image: url(../images/media/MiniGameMP.65a2f8e0.png);
    background-position: -212px -419px;
    top: 0;
    left: 0;
    z-index: 1;
}


    .mg-mp .control:after {
        width: 30px;
        height: 94px;
        background-image: url(../images/media/MiniGameMP.65a2f8e0.png);
        background-position: -276px -419px;
        top: 51px;
        left: 15px;
        -webkit-transform-origin: 50% 100%;
        -ms-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
    }


.mg-mp .control.spin:before {
    -webkit-animation: mp-spin-1 .1s 1 ease;
    animation: mp-spin-1 .1s 1 ease
}

.mg-mp .control.spin:after {
    -webkit-animation: mp-spin-2 .1s 1 ease;
    animation: mp-spin-2 .1s 1 ease
}

@-webkit-keyframes mp-spin-1 {
    50% {
        -webkit-transform: translateY(170px);
        transform: translateY(170px)
    }
}

@keyframes mp-spin-1 {
    50% {
        -webkit-transform: translateY(170px);
        transform: translateY(170px)
    }
}
@-webkit-keyframes mp-spin-2 {
    50% {
        -webkit-transform: scale(-.8);
        transform: scale(-.8)
    }
}

@keyframes mp-spin-2 {
    50% {
        -webkit-transform: scale(-.8);
        transform: scale(-.8)
    }
}


.mg-mp .buttons .button {
    position: absolute;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}

    .mg-mp .buttons .button:hover {
        -webkit-filter: brightness(130%);
        filter: brightness(130%);
    }

    .mg-mp .buttons .button-guide, .mg-mp .buttons .button-history, .mg-mp .buttons .button-trophy {
        display: -ms-flexbox;
        display: flex;
        width: 69px;
        height: 69px;
        background-repeat: no-repeat;
        background-image: url(../images/media/MiniGameMP.65a2f8e0.png);
        background-position: -296px -419px;
        cursor: pointer;
    }

.mg-mp .buttons .button-close {
    display: -ms-flexbox;
    display: flex;
    width: 66px;
    height: 66px;
    background-repeat: no-repeat;
    background-image: url(../images/media/MiniGameMP.65a2f8e0.png);
    background-position: -142px -419px;
    cursor: pointer;
}

.mg-mp .buttons .button-guide {
    top: 34px;
    left: 63px;
    background-position: -335px -419px;
}
.mg-mp .buttons .button-history {
    top: 85px;
    left: 17px;
    background-position: -408px -419px;
}
.mg-mp .buttons .button-trophy {
    top: 154px;
    left: 3px;
    background-position: -585px -419px;
}

.mg-mp .buttons .button-close {
    top: 156px;
    left: 856px;
}


.mg-mp .buttons .button i {
    position: relative;
    top: -3px;
}

.mg-mp .game .ic-guide, .mg-mp .game .ic-history {
    display: inline-block;
    height: 26px;
    background-repeat: no-repeat;
}

.mg-mp .game .ic-guide {
    width: 18px;
    background-image: url(../images/media/MiniGameMP.65a2f8e0.png);
    background-position: -366px -419px;
}

.mg-mp .game .ic-history {
    width: 25px;
    background-image: url(../images/media/MiniGameMP.65a2f8e0.png);
    background-position: -388px -419px;
}
.mg-mp .game .ic-close, .mg-mp .game .ic-trophy {
    display: inline-block;
    background-repeat: no-repeat;
}

.mg-mp .game .ic-trophy {
    width: 29px;
    height: 26px;
    background-image: url(../images/media/MiniGameMP.65a2f8e0.png);
    background-position: -417px -419px;
}
.mg-mp .game .ic-close {
    width: 21px;
    height: 22px;
    background-image: url(../images/media/MiniGameMP.65a2f8e0.png);
    background-position: -310px -419px;
}

.mg-mp .bets {
    
   
}
.mg-mp .bets .bet {
    position: absolute;
    display: inline-block;
    width: 59px;
    height: 62px;
    background-repeat: no-repeat;
    background-image: url(../images/media/MiniGameMP.65a2f8e0.png);
    background-position: -721px -419px;
    cursor: pointer;
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    line-height: 59px;
    text-align: center;
         
}


.mg-mp .bets .bet.active, .mg-mp .bets .bet:hover {
    width: 59px;
    height: 59px;
    background-position: -658px -419px;
    color: #821f00;
}


.mg-mp .bets #mini-room1 {
    top: 286px;
    left: 160px;
}

.mg-mp .bets #mini-room2 {
    top: 286px;
    left: 228px;
}
.mg-mp .bets #mini-room3 {
    top: 286px;
    left: 368px;
}
.mg-mp .bets #mini-room4 {
    top: 286px;
    left: 298px;
}
.mg-mp .speed {
    position: absolute;
    top: 276px;
    left: 549px;
}

    .mg-mp .speed .button-spin, .mg-mp .speed .button-stop {
        display: inline-block;
        width: 136px;
        height: 54px;
        background-repeat: no-repeat;
        background-image: url(../images/media/MiniGameMP.65a2f8e0.png);
        background-position: -2px -419px;
        position: absolute;
        top: 15px;
        left: 90px;
        font-size: 22px;
        font-weight: 700;
        text-align: center;
        line-height: 50px;
        color: #821f00;
        -webkit-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }

    .mg-mp .speed .button-speed {
        display: inline-block;
        width: 100px;
        height: 37px;
        background-repeat: no-repeat;
        background-image: url(../images/media/MiniGameMP.65a2f8e0.png);
        background-position: -481px -419px;
        position: absolute;
        top: 26px;
        left: -21px;
        font-size: 18px;
        font-weight: 700;
        text-align: center;
        line-height: 37px;
        color: #821f00;
        cursor: pointer;
        -webkit-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }
    .mg-mp .speed .text {
        width: 100%;
        text-align: center;
        position: absolute;
        top: -26px;
        left: 0;
        font-size: 18px;
        color: #fff;
    }


    .mg-mp .error_msg {
        position: absolute;
        width: 560px;
        height: 40px;
        left: 158px;
        top: 230px;
        line-height: 40px;
        background-color: rgba(29,16,18,0);
        background-image: -webkit-linear-gradient(left,rgba(29,16,18,0) 0%,rgba(29,16,18,0.6) 5%,rgba(29,16,18,0.6) 95%,rgba(29,16,18,0) 100%);
        background-image: linear-gradient(to right,rgba(29,16,18,0) 0%,rgba(29,16,18,0.6) 20%,rgba(29,16,18,0.6) 80%,rgba(29,16,17,0) 100%);
        font-size: 18px;
        text-align: center;
        color: #fff;
        z-index: 99991;
        display: none;
    }

    .mg-mp .button:hover {
        -webkit-filter: brightness(130%);
        filter: brightness(130%);
    }

@-webkit-keyframes mp-st-1 {
    0% {
        opacity: 0
    }

    50% {
        opacity: 0;
        height: 0
    }

    75% {
        opacity: 1
    }

    to {
        opacity: 0;
        height: 138px
    }
}

@keyframes mp-st-1 {
    0% {
        opacity: 0
    }

    50% {
        opacity: 0;
        height: 0
    }

    75% {
        opacity: 1
    }

    to {
        opacity: 0;
        height: 138px
    }
}
@-webkit-keyframes mp-st-2 {
    0% {
        opacity: 0
    }

    50% {
        opacity: 0;
        -webkit-transform: translateY(0) scaleY(.5);
        transform: translateY(0) scaleY(.5)
    }

    75% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(130px) scaleY(1);
        transform: translateY(130px) scaleY(1)
    }
}

@keyframes mp-st-2 {
    0% {
        opacity: 0
    }

    50% {
        opacity: 0;
        -webkit-transform: translateY(0) scaleY(.5);
        transform: translateY(0) scaleY(.5)
    }

    75% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(130px) scaleY(1);
        transform: translateY(130px) scaleY(1)
    }
}
@-webkit-keyframes mp-es {
    50% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

@keyframes mp-es {
    50% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}


#gameMinipoker .winnerbox-event-mini {
    position: absolute;
    display: none;
    z-index: 20;
    top: 31px;
    left: 177px;
    width: 252px;
    height: 68px;
    transform: scale(1.3);
}

#gameMinipoker .winnerbox-event-mini.active {
    display: inline-block;
}

#gameMinipoker .character-winnerbox-event-mini {
    background: url(../images/minigame/videopoker/draw-veso.png) no-repeat top left;
    display: inline-block;
    width: 60px;
    height: 71px;
    position: absolute;
    left: 50%;
    margin-left: -31px;
    top: 10px;
    z-index: 1;
}

#gameMinipoker .character-winnerbox-event-mini:after {
    background: url(../images/minigame/videopoker/draw-veso.png) no-repeat top left;
    display: inline-block;
    width: 60px;
    height: 71px;
    position: absolute;
    top: 0;
    z-index: -2;
    content: '';
    -webkit-animation: shadowbox .9s linear infinite;
    animation: shadowbox .9s linear infinite;
}

#gameMinipoker .star-winnerbox-event-mini {
    background: url(../images/minigame/videopoker/s-star2.png) no-repeat top left;
    display: inline-block;
    width: 20px;
    height: 21px;
    position: absolute;
    left: 50%;
    margin-left: -36px;
    top: 48px;
    z-index: 20;
    -webkit-animation: starfall 1.2s linear infinite;
    animation: starfall 1.2s linear infinite;
    transform: scale(0.5);
}
#gameMinipoker .star2-winnerbox-event-mini {
    background: url(../images/minigame/videopoker/s-star2.png) no-repeat top left;
    display: inline-block;
    width: 20px;
    height: 21px;
    position: absolute;
    left: 50%;
    margin-left: 15px;
    top: 53px;
    z-index: 20;
    -webkit-animation: starfall 1.2s linear infinite;
    animation: starfall 1.2s linear infinite;
}

#gameMinipoker .t-winnerbox-event-mini {
    background: url(../images/minigame/videopoker/lucky-veso.png) no-repeat top left;
    display: inline-block;
    width: 70px;
    height: 20px;
    position: absolute;
    left: 50%;
    margin-left: -43px;
    top: 43px;
    z-index: 2;
    -webkit-animation: t-winner .9s linear infinite;
    animation: t-winner .9s linear infinite;
}
#gameMinipoker .winnerbox-event-mini:after {
    background: rgba(0, 0, 0, .5);
    display: inline-block;
    width: 439px;
    height: 133px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 500px;
    top: -22px;
    left: -103px;
    content: '';
    position: absolute;
}


@keyframes starfall {
    0% {
        -webkit-transform: translateY(0) scale(.3);
        opacity: 0
    }

    60% {
        -webkit-transform: translateY(-40px) scale(1);
        opacity: 1
    }

    95% {
        -webkit-transform: translateY(-45px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0);
        opacity: 0
    }
}

@-webkit-keyframes starfall {
    0% {
        -webkit-transform: translateY(0) scale(.3);
        opacity: 0
    }

    60% {
        -webkit-transform: translateY(-40px) scale(1);
        opacity: 1
    }

    95% {
        -webkit-transform: translateY(-45px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0);
        opacity: 0
    }
}

@keyframes shadowbox {
    0% {
        -webkit-transform: scale(1,1);
        -ms-transform: scale(1,1);
        -o-transform: scale(1,1);
        transform: scale(1,1);
        opacity: 1
    }

    50% {
        -webkit-transform: scale(1,1);
        -ms-transform: scale(1,1);
        -o-transform: scale(1,1);
        transform: scale(1,1);
        opacity: .8
    }

    100% {
        -webkit-transform: scale(1.7,1.7);
        -ms-transform: scale(1.7,1.7);
        -o-transform: scale(1.7,1.7);
        transform: scale(1.7,1.7);
        opacity: 0
    }
}

@-webkit-keyframes shadowbox {
    0% {
        -webkit-transform: scale(1,1);
        -ms-transform: scale(1,1);
        -o-transform: scale(1,1);
        transform: scale(1,1);
        opacity: 1
    }

    50% {
        -webkit-transform: scale(1,1);
        -ms-transform: scale(1,1);
        -o-transform: scale(1,1);
        transform: scale(1,1);
        opacity: .6
    }

    100% {
        -webkit-transform: scale(1.7,1.7);
        -ms-transform: scale(1.7,1.7);
        -o-transform: scale(1.7,1.7);
        transform: scale(1.7,1.7);
        opacity: 0
    }
}


@keyframes t-winner {
    0% {
        transform: scale(.5);
        -webkit-transform: scale(.5)
    }

    50% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }

    100% {
        transform: scale(.5);
        -webkit-transform: scale(.5)
    }
}

@-webkit-keyframes t-winner {
    0% {
        transform: scale(.5);
        -webkit-transform: scale(.5)
    }

    50% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }

    100% {
        transform: scale(.5);
        -webkit-transform: scale(.5)
    }
}