/* Minification failed. Returning unminified contents.
(4868,51): run-time error CSS1046: Expect comma, found '104'
(4868,59): run-time error CSS1046: Expect comma, found '/'
(4876,47): run-time error CSS1046: Expect comma, found '79'
(4876,53): run-time error CSS1046: Expect comma, found '/'
(4876,72): run-time error CSS1046: Expect comma, found '88'
(4876,77): run-time error CSS1046: Expect comma, found '/'
(4876,97): run-time error CSS1046: Expect comma, found '55'
(4876,102): run-time error CSS1046: Expect comma, found '/'
 */
.corner-ribbon {
    width: 200px;
    background: rgba(255, 255, 255, 0.815);
    position: fixed;
    text-align: center;
    line-height: 50px;
    letter-spacing: 1px;
    color: #8f8f8f;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    right: -50px;
    box-shadow: 0 0 3px rgba(0,0,0,.3);
    bottom: 75px;
    font-weight: bold;
    font-size: 1.5rem;
    text-transform: uppercase;
    z-index: 99;
    pointer-events: none;
}

* {
    -webkit-overflow-scrolling: touch;
}

.disabled {
    pointer-events: none;
}

.slotgame-favorite-icon {
    position: absolute;
    right: 15%;
    bottom: 12%;
    z-index: 99;
    background: rgba(0,0,0,0.64);
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    font-size: 1rem;
    align-items: center;
    border-radius: 5px;
    cursor: pointer;
    color: #c1c1c1
}

    .slotgame-favorite-icon.in {
        color: red;
    }

    .slotgame-favorite-icon:hover {
        background: rgba(0,0,0,0.80);
    }

.slot_middle_W {
    float: left;
    width: 100%;
    padding: 0 230px 0 230px;
    position: relative;
    transition: .5s;
}

.AJS_Banner {
    float: left;
}

.slot_in_middle {
    background-color: #111;
    padding: 0;
}

.slot_asideHead {
    padding: 0 0 0 20px;
}

.sc_toplist_aside {
    float: left;
    width: 230px;
    background-color: #0e0e0e;
    padding: 0 0 0 0;
    left: 0;
    border-right: 1px solid rgba(0,0,0,.5);
    top: 0;
    position: absolute;
    height: 100%;
    transition: 0.5s;
}

.sc_gameList li {
    display: block;
    padding: 5px 0 5px 7px;
    border-bottom: 1px solid #191919;
    transition: 1s;
}

    .sc_gameList li:hover {
        border-left: 3px solid #ff6a00;
        color: #ff6a00;
        cursor: pointer;
        background-color: #121215;
    }

    .sc_gameList li.active {
        border-left: 3px solid #ff6a00;
        color: #ff6a00;
        background-color: #121215;
    }

    .sc_gameList li img {
        width: 44px;
        vertical-align: middle;
        margin-right: 7px;
        border-radius: 3px;
    }

.sc_all_item_w {
    float: left;
    width: 100%;
}

    .sc_all_item_w > div {
        float: left;
        width: 100%;
        padding: 20px 10px 40px 20px;
    }


    .sc_all_item_w ul {
        float: left;
        width: 100%;
    }

        .sc_all_item_w ul > li {
            float: left;
            width: 16.66666666666667%;
            padding: 0 10px 10px 0;
        }

            .sc_all_item_w ul > li > div {
                width: 100%;
                background-color: #121215;
                border: 1px solid #212127;
                float: left;
                padding: 0 0 20px;
                box-shadow: 0 8px 6px -6px black;
            }


.sc_Thumb {
    float: left;
    width: 100%;
    padding: 10px;
    height: 120px;
    background-color: #212127;
}

    .sc_Thumb > img {
        height: 100px;
        margin: auto;
        display: block;
        max-width: 100%;
    }

.sc_all_item_w ul > li > div > h4 {
    padding: 8px 0;
    font-size: 14px;
    margin: 0;
    text-align: center;
    float: left;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-weight: normal;
}


.sc_button_w {
    float: left;
    width: 100%;
    text-align: center;
}

    .sc_button_w > button {
        width: 75px;
        height: 30px;
        border-radius: 2px;
        text-align: center;
        border: 1px solid #1c1c22;
        padding: 0;
        margin: 0;
        background-color: #ff6a00;
        color: #fff;
        display: inline-block;
        cursor: pointer;
    }

        .sc_button_w > button:hover {
            background-color: #c55200;
        }

        .sc_button_w > button:last-child {
            background-color: #212127;
        }


.sc_card_w {
    display: none;
    float: left;
    width: 100%;
}

.infoPanel_Video ul > li:hover {
    color: #ff6a00;
    font-weight: bold;
    transition: 1s;
    cursor: pointer;
}

.sc_pg_na_w {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 44px;
    padding: 5px 10px;
    width: 100%;
    transition: 1s;
    background-color: #555;
}

    .sc_pg_na_w.active {
        bottom: 34px;
    }


    .sc_pg_na_w > div:first-child {
        float: left;
    }

    .sc_pg_na_w > div:last-child {
        float: right;
    }

    .sc_pg_na_w > div {
        width: 125px;
    }

        .sc_pg_na_w > div > span {
            height: 34px;
            text-align: center;
            line-height: 34px;
            background-color: #ff6a00;
            color: #fff;
            width: 48%;
            display: inline-block;
        }


        .sc_pg_na_w > div:first-child > span {
            margin: 0 0 0 2%;
        }

        .sc_pg_na_w > div:last-child > span {
            margin: 0 2% 0 0;
        }

.gameitemsSearch {
    padding: 0;
    margin: 2px 0 0 7px;
    height: 30px;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    max-width: 0;
    border: 1px solid #5f5e5e;
    background-color: rgba(0,0,0,0.5);
    display: none;
    transition: 1s;
    padding: 0 0 0 10px;
    color: #fff;
}

.gameitemsSearchbut {
    height: 34px;
    background-color: rgba(0,0,0,0.5);
    vertical-align: top;
    line-height: 34px;
    padding: 0 9px;
    margin-left: 5px;
    cursor: pointer;
}

.slot_asideHead.toggleParentclass .gameitemsSearch {
    display: inline-block;
    max-width: 200px;
}




.play_but_w {
    float: left;
    width: 100%;
    height: 50px;
}

    .play_but_w > div:first-child {
        width: 50%;
        float: left;
        line-height: 50px;
        text-align: center;
        font-size: 16px;
    }

        .play_but_w > div:first-child:hover {
            cursor: pointer;
            color: #ff6a00;
        }




    .play_but_w > div:last-child {
        width: 50%;
        float: left;
        padding: 5px 0;
    }

        .play_but_w > div:last-child > span {
            display: block;
            height: 20px;
            line-height: 20px;
        }

            .play_but_w > div:last-child > span > i {
                margin: 0 8px 0 0;
            }

            .play_but_w > div:last-child > span:hover {
                cursor: pointer;
                color: #ff6a00;
            }

.SlotGame_popup_w {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
    z-index: 100;
}

    .SlotGame_popup_w > div {
        position: absolute;
        left: 50%;
        top: 50%;
        width: 70%;
        transform: translate(-50%,-50%);
        border: 4px solid #909090;
    }

        .SlotGame_popup_w > div > iframe {
            width: 100%;
            border: none;
            padding: 0;
            margin: 0;
            position: absolute;
            height: 100%;
            left: 0;
            top: 0;
        }

.ifamebg {
    float: left;
    width: 100%;
}

.SlotGame_popup_close_w {
    position: absolute;
    height: 35px;
    background-color: #909090;
    right: -4px;
    top: -35px;
    width: 90px;
    text-align: center;
    font-size: 20px;
}

    .SlotGame_popup_close_w > i {
        padding: 8px;
        color: #000;
    }

        .SlotGame_popup_close_w > i:hover {
            color: #fff;
            cursor: pointer;
        }

    .SlotGame_popup_close_w:before {
        width: 0;
        height: 0;
        border-left: 31px solid transparent;
        border-right: 0px solid transparent;
        border-bottom: 31px solid #909090;
        content: "";
        right: 100%;
        position: absolute;
    }



.sg_right_add_w {
    right: 0;
    top: 0;
    position: absolute;
    width: 230px;
    height: 100%;
    background-color: #000;
    transition: 0.5s;
    z-index: 1;
}

.latestwin_w {
    width: 100%;
    min-height: 700px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('https://cdn2-5e15.kxcdn.com/Slotgames/latestwinBg.jpg');
    background-size: cover;
    border: 1px solid #000;
    position: relative;
    /*padding-top:144px; // Required when we enabled IsYgtGamesPlayableBonusActive as true... */
}




.in_middle:after {
    right: 0;
}

.customer_S_w h3 {
    height: 50px;
    margin: 0;
    padding: 0;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    background-color: #353031;
    color: #fff;
    font-weight: normal;
}

.slotGameSp:before {
    background-image: url('https://cdn2-5e15.kxcdn.com/Slotgames/slotGameSp.png');
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
}

.call_icon:before {
    background-position: -1px -1px;
    width: 27px;
    height: 27px;
}

.chat_icon:before {
    background-position: -30px -1px;
    width: 32px;
    height: 26px;
    position: relative;
    z-index: 1;
    transform: scale(0.8);
    transform-origin: bottom;
}

.customer_S_w > div {
    font-size: 14px;
    text-align: center;
    margin: 14px 0 0 0;
    position: relative;
}

.sp_no:after {
    content: "";
    width: 50%;
    height: 1px;
    background-color: #141213;
    margin-left: 25%;
    clear: both;
    display: block;
    margin-top: 4px;
    margin-bottom: 0;
}

.chat_icon > div {
    position: relative;
    z-index: 1;
}

.chat_icon:after {
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background-color: #353031;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 0;
}




/******************************************************/

.right_slideBUtAdd .sg_right_add_w {
    right: -190px !important;
    z-index: 2;
}



.slot_in_middle_Ct {
    width: 100%;
    background-image: url('https://cdn2-5e15.kxcdn.com/Slotgames/texture.jpg');
}

    .slot_in_middle_Ct > div {
        overflow: hidden
    }

.N_slot_banner_w {
    height: 275px;
}

.N_slot_banner {
    width: 720px;
    float: left;
    position: relative;
}

    .N_slot_banner img {
        width: 100%;
    }


.N_slot_Last_winner_w {
    float: left;
    width: calc(100% - 545px);
    background-color: #1e0101;
    height: 182px;
    border: 1px solid #000;
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/jpScreen/banner1.jpg);
    background-size: cover;
}

N_slotgame_w {
    float: left;
}

.N_slotgame {
    float: left;
    width: 100%;
    text-align: center;
}

    .N_slotgame ul {
        float: left;
        width: 100%;
        transform-origin: top left;
        white-space: nowrap;
        width: 1075px;
        transition: 0.5s;
        padding-bottom: 24px;
    }

        .N_slotgame ul > li {
            float: left;
            width: 16.6666666%;
            position: relative;
            padding: 0;
        }

            .N_slotgame ul > li img {
                border-radius: 12px;
                width: 100%;
                cursor: pointer;
            }



    .N_slotgame.samll_thumb ul > li > div.mb > div {
        opacity: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0);
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        position: absolute;
        transition: 1s;
    }

    .N_slotgame.samll_thumb ul > li > div.mb:hover > div {
        z-index: 111111;
        background-color: rgba(0, 0, 0, 0.9);
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        width: 35%;
        height: 40px;
        border-radius: 8px;
        display: block;
        cursor: pointer;
        opacity: 1;
    }


    .N_slotgame.samll_thumb ul > li > div.mb > div > span {
        color: #ffc500;
        font-size: 16px;
        font-weight: 600;
        letter-spacing: 1px;
        transform: translate(-50%,-50%);
        top: 50%;
        left: 50%;
        position: absolute;
    }





.N_but_w > div:last-child {
    margin-top: 1px;
    line-height: 47px;
    font-weight: bold;
    font-size: 26px;
    width: 100%;
    border-radius: 7px;
}

.N_but_w > div {
    float: left;
    cursor: pointer;
    text-align: center;
    text-shadow: 1px 1px #000000;
    width: 50%;
    line-height: 37px;
    border-radius: 5px;
    background-image: none;
}

    .N_but_w > div:nth-child(2) {
        font-size: 11px;
        line-height: 39px;
        height: 39px;
    }

    .N_but_w > div:first-child {
        line-height: 39px;
        height: 39px;
        font-size: 11px;
    }

.N_but_w {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0 17px 18px 17px;
}








/*jk style ************************************************************* */

.N_jk_w {
    float: left;
    width: 100%;
    height: 42px;
    margin: 10px 0 15px;
    font-size: 16px;
    position: relative;
}


.main, .main > div {
    float: left;
    width: 100%;
}

    .main > div .Jackpot0, .main > div .Jackpot1, .main > div .Jackpot2, .main > div .Jackpot3 {
        width: calc(25% - 108px);
        float: left;
        text-align: right;
        position: relative;
        margin-left: 16px;
        background-color: #635b5b;
        border-radius: 8px;
        padding-right: 18px;
        box-shadow: inset 5px 0 20px rgba(0,0,0,0.8);
    }

        .main > div .Jackpot0 > div, .main > div .Jackpot1 > div, .main > div .Jackpot2 > div, .main > div .Jackpot3 > div {
            display: inline-block;
            white-space: nowrap;
            padding: 0 6px;
            position: relative;
            overflow: hidden;
            vertical-align: top;
            margin-top: 0;
        }


            .main > div .Jackpot0 > div.Empty, .main > div .Jackpot1 > div.Empty, .main > div .Jackpot2 > div.Empty, .main > div .Jackpot3 > div.Empty {
                display: none;
            }

            .main > div .Jackpot0 > div:last-child, .main > div .Jackpot1 > div:last-child, .main > div .Jackpot2 > div:last-child, .main > div .Jackpot3 > div:last-child {
                margin-right: 3px;
            }





            .main > div .Jackpot0 > div > label, .main > div .Jackpot1 > div > label, .main > div .Jackpot2 > div > label, .main > div .Jackpot3 > div > label {
                position: absolute;
                left: 0;
                width: 100%;
            }

        .main > div .Jackpot0 > label, .main > div .Jackpot1 > label, .main > div .Jackpot2 > label, .main > div .Jackpot3 > label {
            display: inline-block;
            vertical-align: top;
            white-space: nowrap;
            line-height: 33px !important;
            padding: 0 2px 0 0;
        }















    .main > div > div:after {
        transform: translate(100%,0);
    }

    .main > div > div:before, .main > div > div:after {
        /*background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/JKspritesheet.png);
        background-repeat: no-repeat;*/
        display: inline-block;
        content: ""
    }

    .main > div > div:after {
        content: "" attr(data) "";
        word-wrap: break-word;
        letter-spacing: 24px;
        line-height: 9px;
        font-size: 10px;
        color: #fff;
        font-weight: bolder;
        text-align: center;
        padding-top: 4px;
        text-shadow: -1px 0px 1px #000;
        box-shadow: inset 5px 0 20px rgba(0,0,0,0.8);
        font-family: monospace;
    }

.Jackpot0 {
    /*background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/jk_3_0.png);*/
    height: 36px;
}

.Jackpot1 {
    /*background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/jk_3_1.png);*/
    height: 36px;
}

.Jackpot2 {
    /*background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/jk_3_3.png);*/
    height: 36px;
    margin-left: 365px !important;
}

.Jackpot3 {
    /*background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/jk_3_2.png);*/
    height: 36px;
}

.Jackpot0:before {
    width: 55px;
    height: 45px;
    background-position: -166px 0;
    top: -3px !important;
}

.Jackpot0:after {
    width: 28px;
    height: 40px;
}




.Jackpot1:before {
    width: 56px;
    height: 40px;
    background-position: -56px 0;
    top: -2px !important;
}

.Jackpot1:after {
    width: 26px;
    height: 41px;
}



.Jackpot2:before {
    width: 56px;
    height: 42px;
    background-position: 0 0;
    top: -3px !important;
}

.Jackpot2:after {
    width: 29px;
    height: 47px;
}






.Jackpot3:before {
    width: 54px;
    height: 49px;
    background-position: -112px 0;
    top: -3px !important;
}

.Jackpot3:after {
    width: 28px;
    height: 56px;
}


.main > div > div:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/spritLatstwinn.png);
    display: block;
    box-shadow: inset 5px 0 20px rgba(0,0,0,0.8);
}


.Jackpot0:before {
    background-position: -249px -23px;
    width: 35px;
    height: 40px;
}

.Jackpot1:before {
    background-position: -162px -24px;
    width: 35px;
    height: 40px;
}

.Jackpot2:before {
    background-position: -206px -24px;
    width: 35px;
    height: 40px;
}

.Jackpot3:before {
    background-position: -292px -23px;
    width: 35px;
    height: 40px;
}



.main > div > div:after {
    position: absolute;
    top: 0;
    right: 18px;
    padding: 5px 0 0 7px;
}



.left_slideBUtAdd .in_left_aside_JS {
    left: -190px !important;
    transition: .5s;
    z-index: 2;
}

.in_left_aside .left_slideBUt {
    margin: 0 -34px 0 0;
}

.left_slideBUtAdd .left_slideText,
.right_slideBUtAdd .right_slideText {
    position: absolute;
    left: calc(100% - 63px);
    top: 59px;
    transform: rotate(-270deg);
    white-space: nowrap;
    transition: .5s;
    background-color: #da5c27;
    font-size: 14px;
    padding: 0 10px 0 10px;
    height: 28px;
    line-height: 32px;
    border-radius: 10px 10px 0 0;
    z-index: 1;
}

.right_slideBUtAdd .right_slideText {
    right: calc(100% - 75px);
    border-radius: 0 0 10px 10px;
    left: auto;
    top: 69px;
}


/*banner*/

.AJS_Banner > ul > li > img {
    height: 215px !important;
}
/*add*/
.N_slot_add1, .N_slot_add2 {
    float: left;
    width: calc(50% - 360px);
    background-color: #17060f;
    height: 275px;
    text-align: center;
    padding: 0;
    overflow: hidden;
}

    .N_slot_add1 video, .N_slot_add2 video {
        width: 136%;
        transform: scale(1.12);
        pointer-events: none;
        height: 275px;
        margin-left: -25%;
    }

    .N_slot_add1 video {
        margin-right: 0;
        margin-left: -8%;
    }

.N_slot_add2 {
    float: right;
}

.upcoming {
    width: 100%;
    max-width: 300px;
    margin: auto;
    height: 66px;
    background-color: #3b0e26;
    border-radius: 0 0 50% 50%;
}

    .upcoming > img {
        margin-top: 8px;
    }

.N_slot_add1 img, .N_slot_add2 img {
    max-width: 100%;
}

.N_slot_add1 > img {
    margin-top: -15px;
}

.N_slot_add2 > img {
    margin-top: 10px;
}

.AJS_Banner .next, .AJS_Banner .prev {
    background-color: rgba(0,0,0,0.6);
    border-radius: 100%;
}

.AJS_Banner .next {
    right: -25px !important;
}

.AJS_Banner .prev {
    left: -25px !important;
}

.AJS_Banner .next:before {
    margin-right: 15px;
}

.AJS_Banner .prev:before {
    margin-left: 15px;
}




/*latest winner*/

.mysterylogo {
    max-width: 100%;
    display: block;
    margin: 8px auto 0;
}

.N_spritLatstwinn:before {
    content: "";
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/spritLatstwinn.png);
    display: block;
}

.jpIcon1:before {
    background-position: -249px -23px;
    width: 35px;
    margin-top: 0;
    height: 36px;
}

.jpIcon2:before {
    background-position: -159px -23px;
    width: 40px;
    height: 46px;
    margin-top: 13px;
}

.jpIcon3:before {
    background-position: -204px -26px;
    width: 34px;
    height: 40px;
    margin-top: 9px;
}

.jpIcon4:before {
    background-position: -290px -23px;
    width: 35px;
    height: 38px;
    margin-top: 2px;
}
.jpIcon1_1:after {
    background-position: -249px -23px;
    width: 35px;
    margin-top: 0;
    height: 36px;
}

.jpIcon2_1:after {
    background-position: -159px -23px;
    width: 40px;
    height: 46px;
    margin-top: 13px;
}

.jpIcon3_1:after {
    background-position: -204px -26px;
    width: 34px;
    height: 40px;
    margin-top: 9px;
}

.jpIcon4_1:after {
    background-position: -290px -23px;
    width: 35px;
    height: 38px;
    margin-top: 2px;
}
.jpWinBG:before {
    background-position: -11px -10px;
    width: 136px;
    height: 84px;
    transform: scale(0.6);
    transform-origin: left top;
}

.jpWinBG {
    position: relative;
    width: 85px;
    height: 38px;
    margin: auto;
}

    .jpWinBG > span {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%) scale(0.85);
        transform-origin: left top;
        margin-top: 10px;
    }





.jp_last_win {
    width: 100%;
    height: 82px;
    border: 1px solid #fefd00;
    border-radius: 25px;
    background-color: rgba(0,0,0,0.8);
    position: relative;
    margin: 24px auto 6px;
    transform: scale(0.835);
    transform-origin: bottom;
}

    .jp_last_win:before {
        background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/spritLatstwinn.png);
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        transform: translate(-50%,-50%);
    }





    .jp_last_win:after {
        background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/spritLatstwinn.png);
        content: "";
        position: absolute;
        left: 100%;
        top: 50%;
        transform: translate(-50%,-50%);
    }

    .jp_last_win > span {
        background-color: #ffc500;
        height: 28px;
        width: 106%;
        border-radius: 50px;
        left: -3%;
        top: -26px;
        text-align: center;
        line-height: 13px;
        font-size: 13px;
        color: #000;
        position: absolute;
        font-weight: bold;
        white-space: nowrap;
    }

        .jp_last_win > span > span {
            display: block
        }

    .jp_last_win > div > div {
        text-align: center;
        line-height: 18px;
        font-size: 16px;
    }

        .jp_last_win > div > div:first-child {
            margin-top: 3px;
            color: #ff6900;
            font-size: 14px;
        }

.jpIcon_w {
    white-space: nowrap;
    text-align: center;
    transform: scale(0.95);
    transform-origin: top;
}

    .jpIcon_w > span {
        display: inline-block;
        width: 48px;
        height: 48px;
        border-radius: 100%;
        border: 1px solid #c11bfc;
        line-height: 32px;
        margin: 0 3px;
        background-color: rgba(0,0,0,0.8);
        position: relative;
    }

        .jpIcon_w > span:before {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%,-50%);
        }

        .jpIcon_w > span.active {
            box-shadow: 0 2px 13px rgb(254, 3, 87);
            border: 1px solid #fefd00;
        }


.jp_biggest_win_w {
    border-radius: 20px;
    border: 1px solid #fefd00;
    background-color: #050017;
    text-align: center;
    position: relative;
    width: calc(100% - 10px);
    margin: 6px 0 0 5px;
    padding: 22px 0 12px 0;
}

    .jp_biggest_win_w > span {
        top: -12px;
        background-color: #ffc500;
        height: 24px;
        width: 106%;
        border-radius: 50px;
        left: -3%;
        text-align: center;
        line-height: 26px;
        font-size: 16px;
        color: #000;
        position: absolute;
        font-weight: bold;
        transform: scale(0.835);
    }

    .jp_biggest_win_w > label {
        margin-top: 3px;
        color: #ff6900;
        font-size: 16px;
        display: block;
        transform: scale(0.835);
    }

    .jp_biggest_win_w > div {
        text-align: center;
        line-height: 20px;
        font-size: 18px;
        transform: scale(0.835);
    }

    .jp_biggest_win_w > .hr {
        height: 2px;
        width: 100%;
        background: -webkit-linear-gradient(left, rgba(85,82,98,0) 0%,rgba(85,82,98,0.8) 15%,rgba(85,82,98,1) 19%,rgba(85,82,98,1) 47%,rgba(85,82,98,1) 51%,rgba(85,82,98,1) 81%,rgba(85,82,98,0.8) 85%,rgba(85,82,98,0) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(85,82,98,0) 0%,rgba(85,82,98,0.8) 15%,rgba(85,82,98,1) 19%,rgba(85,82,98,1) 47%,rgba(85,82,98,1) 51%,rgba(85,82,98,1) 81%,rgba(85,82,98,0.8) 85%,rgba(85,82,98,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        margin: 10px 0;
    }

.N_scroll_div {
    float: left;
    width: 100%;
    height: calc(100vh - 174px);
    position: relative;
    overflow-x: unset !important;
}

.full_screen_body_add_class_JS .N_scroll_div {
    height: calc(100vh - 114px);
}

.N_slotgame ul > li > div.mb {
    display: none;
}




/*popup*/


.close_icon {
    width: 32px;
    height: 32px;
    background-position: -182px -2px;
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
}

.sprite_img {
    background-image: url("https://cdn2-5e15.kxcdn.com/EGT/sprite_img.png");
}


.TransferPopupBG {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 1111;
    overflow: auto;
}


.TransferPopupW {
    background-color: #000;
    max-width: 500px;
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    padding: 30px;
    transform: translate(-50%,-50%);
    text-align: center;
    margin: 15px 0;
    border: 1px solid #311c13;
}

    .TransferPopupW h3 {
        margin: 0;
        text-align: center;
        font-size: 20px;
        font-weight: normal;
        /*color: #ec5818;*/
        color: #d49722;
        padding: 0px 0 10px 0;
        border-bottom: 1px solid #2e2d2a;
    }

.TransferAmount > span {
    display: block;
    padding: 10px 0;
    font-size: 14px;
}

.TransferAmount > label, .TransferAmount > input {
    display: inline-block;
    padding: 10px;
    min-width: 280px;
    background-color: #101010;
    height: 40px;
    font-size: 14px;
}
.TransferAmount{
    position:relative;
}
.TransferAmount .amt-currency {
    color: #009833;
    font-size: 16px;
}
._credit_w .TransferAmount .amt-currency {
    width: 100%;
    min-width:auto;
}
._credit_w .TransferAmount .TransferCur {
    position: absolute;
    bottom: 0;
    right: 0;
    margin-bottom: .5rem;
    min-width: 50px;
}
._credit_w .TransferAmount .TransferCurrency {
    min-width: 50px !important;
    position: absolute;
    bottom: 0;
    right: 0;
    margin-bottom:0;
}
._credit_w .TransferAmount input {
    width: 100% !important;
}
._credit_w .TransferAmount {
    padding: 0 6px;
}

.TransferAmount > label.TransferCur {
    background-color: #009833 !important;
}

.TransferAmount .TransferCurrency {
    background-color: #996500;
    min-width: 100px !important;
    margin-left: -5px;
}

.TransferAmount > input {
    border: none;
    text-align: center !important;
    border-radius: 0 0 2px 2px;
    color: #d49722;
    width: 280px !important;
}

.TransferAmount > label.TransferCur {
    background-color: #311c13;
    padding: 10px;
    height: 40px;
    display: inline-block;
    min-width: 100px;
    margin: 0 -4px;
}

.Transfer_Ok_but {
    display: inline-block;
    clear: both;
    float: none;
    min-width: 75px;
    margin: 30px auto 0;
    cursor: pointer;
    padding: 0 20px;
    height: 35px;
    background-color: #009833;
    border-radius: 4px;
    font-size: 12px;
    line-height: 35px;
    text-align: center;
    font-weight: bold;
    border: 1px solid #2e2d2a;
}



.SlotGame_popup_w.active .SlotGame_popup_close_w {
    right: -32px;
    top: 27px;
    z-index: 1;
    transform: rotate(-90deg);
}

.SlotGame_popup_w.active > div {
    width: 100%;
}

.SlotGame_popup_w {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
    z-index: 1111;
}

    .SlotGame_popup_w > div {
        position: absolute;
        left: 50%;
        top: 50%;
        width: 70%;
        transform: translate(-50%,-50%);
        border: 4px solid #909090;
        background-color: #101010;
    }

        .SlotGame_popup_w > div .iframeSlot {
            width: 100%;
            border: none;
            padding: 0;
            margin: 0;
            position: absolute;
            height: 100%;
            left: 0;
            top: 0;
        }

.ifamebg {
    float: left;
    width: 100%;
}

.SlotGame_popup_close_w {
    position: absolute;
    height: 35px;
    background-color: #909090;
    right: -4px;
    top: -35px;
    width: 90px;
    text-align: center;
    font-size: 20px;
}

    .SlotGame_popup_close_w > i {
        padding: 8px;
        color: #000;
    }

        .SlotGame_popup_close_w > i:hover {
            color: #fff;
            cursor: pointer;
        }

    .SlotGame_popup_close_w:before {
        width: 0;
        height: 0;
        border-left: 31px solid transparent;
        border-right: 0px solid transparent;
        border-bottom: 31px solid #909090;
        content: "";
        right: 100%;
        position: absolute;
    }

.sc_gameList li img {
    width: 62px;
    vertical-align: middle;
    margin-right: 7px;
    border-radius: 3px;
    margin: -5px 0 0 -10px;
}

.sc_gameList li > div span {
    width: 45px;
    height: 40px;
    overflow: hidden;
    display: inline-block;
    border: 1px solid #edc705;
    vertical-align: middle;
    margin-right: 8px;
}

.lds-default {
    display: none;
    position: absolute;
    width: 64px;
    height: 64px;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.left_slideBUtAdd .loadingGame_info {
    width: calc(100% - 269px);
    left: 39px;
}

.right_slideBUtAdd .loadingGame_info {
    width: calc(100% - 269px);
    left: 228px;
}

/* game info *************** */
.gameInfo_Popup_w {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background-color: rgba(0,0,0,0.8);
    z-index: 1111;
    transition: 0.5s;
}

    .gameInfo_Popup_w > div {
        width: 1024px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        border: 5px solid #555555;
        box-sizing: content-box;
        height: 530px;
        transition: 1s;
        animation: gameInfo_Popup_w 1s;
    }


/*Start Added Css for Baccarat game info */
.-Deal {
    background-position: -1538px 0;
    width: 63px;
    height: 70px;
}

.-RebetandDeal {
    background-position: -1609px 0;
    width: 63px;
    height: 70px;
}

.-Clear {
    background-position: -1680px 0;
    width: 63px;
    height: 70px;
}

.-Double {
    background-position: -1751px 0;
    width: 63px;
    height: 70px;
}

.-DoubleandDeal {
    background-position: -1822px 0;
    width: 63px;
    height: 70px;
}

.-NewBet {
    background-position: -1893px 0;
    width: 63px;
    height: 70px;
}

.-TotalBet {
    background-position: -1964px 0;
    width: 63px;
    height: 70px;
}

.-BetLimit {
    background-position: -2035px 0;
    width: 63px;
    height: 70px;
}

.-Win {
    background-position: -2106px 0;
    width: 63px;
    height: 70px;
}

.-History {
    background-position: -2177px 0;
    width: 63px;
    height: 70px;
}

.-Statistics {
    background-position: -2248px 0;
    width: 63px;
    height: 70px;
}

.-Menu {
    background-position: -2319px 0;
    width: 63px;
    height: 70px;
}

.-TotalBet2 {
    background-position: -1964px 0 !important;
    width: 63px;
    height: 70px;
}

.-Win2 {
    background-position: -2106px 0 !important;
    width: 63px;
    height: 70px;
}

.-Statistics2 {
    background-position: -2248px 0 !important;
    width: 63px !important;
    height: 70px;
}
/*End Added Css for Baccarat game info */


/*Start Added Game controls css common one*/
/*Strat using this one when we need to bind image dynamically. class gameInfospImg*/
.gameInfospImg {
    background-image: url(./slotGameInfo.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
    width: 69px;
    height: 69px;
}
/*End using this one when we need to bind image dynamically.*/

.gameInfosp1 {
    background-position: 0px 1px;
}

.gameInfosp2 {
    background-position: -70px 1px;
}

.gameInfosp3 {
    background-position: -140px 1px;
}

.gameInfosp4 {
    background-position: -210px 1px;
}

.gameInfosp5 {
    background-position: -280px 1px;
}

.gameInfosp6 {
    background-position: -350px 1px;
}

.gameInfosp7 {
    background-position: -420px 1px;
}

.gameInfosp8 {
    background-position: -490px 1px;
}

.gameInfosp9 {
    background-position: -560px 1px;
}

.gameInfosp10 {
    background-position: -630px 1px;
}

.gameInfosp11 {
    background-position: -700px 1px;
}

.gameInfosp12 {
    background-position: -770px 1px;
}

.gameInfosp13 {
    background-position: -840px 1px;
}

.gameInfosp14 {
    background-position: -910px 1px;
}

.gameInfosp15 {
    background-position: -980px 1px;
}

.gameInfosp16 {
    background-position: -1050px 1px;
}

.gameInfosp17 {
    background-position: -1120px 1px;
}

.gameInfosp18 {
    background-position: -1190px 1px;
}

.gameInfosp19 {
    background-position: -1260px 1px;
}

.gameInfosp20 {
    background-position: -1330px 1px;
}

.gameInfosp21 {
    background-position: -1400px 1px;
}

.gameInfosp22 {
    background-position: -1470px 1px;
}

.gameInfosp23 {
    background-position: -1540px 1px;
}

.gameInfosp24 {
    background-position: -1610px 1px;
}
/*End Added Game controls css common one*/


@keyframes gameInfo_Popup_w {
    from {
        transform: translate(-50%,-50%) scale(0);
    }

    to {
        transform: translate(-50%,-50%) scale(1);
    }
}






.gameInfo_Popup_w > div > iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 718px;
    height: 530px;
    z-index: 1;
    background-color: rgba(0,0,0,0.9);
}

.gameInfo_Popup_w > div > i {
    background-color: rgba(0, 0, 0, 0.8);
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    color: #fff;
    left: -20px;
    top: 5px;
    border: 1px solid #555;
    font-size: 18px;
    position: absolute;
    cursor: pointer;
    transition: 1s;
    z-index: 10;
}

    .gameInfo_Popup_w > div > i.infoIcon {
        top: 42px;
    }

.gameInfo_Popup_w > div:hover > i {
    left: -45px;
    width: 35px;
    border-radius: 100%;
}

.gameInfo_Popup_w > div > i:hover,
.gameInfo_Popup_w > div > i.active {
    border-color: #ff6a00;
    color: #ffffff;
    background-color: rgba(255, 106, 0, 0.6);
}

.gameInfo_Popup_w > div > .G_info {
    width: 100%;
    float: left;
    height: 530px;
}


.G_info_con_w {
    width: 297px;
    height: 485px;
    position: absolute;
    right: 5px;
    top: 22px;
    padding: 20px 30px;
    overflow: auto;
}

    .G_info_con_w > div {
        font-size: 15px;
        margin-bottom: 30px;
        line-height: 20px;
    }

        .G_info_con_w > div > span {
            color: #ffe651;
            font-size: 14px;
            padding: 0 5px 0 0;
        }

        .G_info_con_w > div > .active {
            color: #ffe651;
        }

.closeGameInfo {
    width: 27px;
    height: 27px;
    line-height: 26px;
    text-align: center;
    border-color: #ff6a00;
    color: #ff0023;
    background-color: rgb(4, 1, 1);
    right: -20px;
    top: -20px;
    position: absolute;
    border-radius: 100%;
    cursor: pointer;
    z-index: 10;
    transition: .5s;
    font-size: 14px;
}

    .closeGameInfo:hover {
        background-color: rgba(255, 106, 0, 1);
    }

.G_info_2 {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 15px 50px;
    background-color: rgba(0,0,0,0.98);
    z-index: 1;
    top: 0;
    left: 0;
    overflow: auto;
    color: #cecece;
    font-size: 1em
}

G_header_w {
    transition: 1s;
}

.G_header_w img {
    max-width: 308px;
    display: block;
    margin: auto;
    height: 100%;
    max-height: 70px;
}

.G_content_w h3, .G_content_w h4 {
    color: #ff6a00;
}

.G_header_w h2 {
    color: #fff;
}

.G_content_w ul, .G_content_w ol, .G_info_menu > ul {
    list-style: none;
    font-size: 1em;
}

    .G_content_w ul li:before, .G_content_w ol li:before, .G_content_w h4:before, .G_info_menu > ul li:before {
        content: "";
        width: 6px;
        height: 5px;
        background-color: #ff6a00;
        display: inline-block;
        margin: 8px;
        vertical-align: middle;
    }

    .G_content_w ol li:before {
        border: 1px solid #cecece;
    }

.G_content_w table {
    border: 1px solid #4b4b4b;
    border-collapse: collapse;
}

    .G_content_w table td, .G_content_w table th {
        border: 1px solid #4b4b4b;
        padding: 10px;
    }

.G_header_w .G_info_menuBut {
    display: none;
    transition: 1s;
}

.gameInfo_Popup_w > div > i.detailsIcon {
    top: 80px;
}

/*-----------------*/
.active .G_header_w {
    position: fixed;
    width: 100%;
    left: 0;
    background-color: #000;
    top: 0;
    height: 50px;
}

.G_info_menu > ul li:hover {
    color: #ff6a00;
    font-weight: bold;
    transition: 1s;
    cursor: pointer;
}

.active .G_header_w img {
    width: auto;
    height: 39px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.active .G_info_menu {
    width: 300px;
    position: absolute;
    right: 25px;
    top: 50px;
    background-color: #fff;
    box-shadow: 0 10px 10px #000;
    border-radius: 6px;
    padding: 25px;
    display: none;
}

    .active .G_info_menu.active {
        display: block;
    }

    .active .G_info_menu > h2, .G_info_menu > ul {
        margin: 0;
    }

    .active .G_info_menu > ul {
        color: #3e3e3e;
        list-style: none;
        margin: 14px 0 0;
        padding: 0;
    }

.active .G_header_w h2 {
    color: #000;
    font-size: 16px;
}

.active .G_info_menu > ul li {
    padding: 5px;
}

.active .G_header_w .G_info_menuBut {
    position: absolute;
    right: 25px;
    display: block;
    color: #fff;
    font-size: 24px;
    height: 50px;
    width: 20px;
    line-height: 50px;
    text-align: center;
    cursor: pointer;
}


.spritesheetGameInfo {
    background-image: url("https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/spritesheetBrownieHot.png");
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.spritesheetGoldenHot {
    background-image: url('https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/spritesheetGoldenHot.png');
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.spritesheetFrizzlingHot {
    background-image: url('https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/spritesheetFrizzlingHot.png');
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.spritesheetLadyFortune {
    background-image: url('https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/spritesheetLadyFortune.png');
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.spritesheetSeaPearl {
    background-image: url('https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/spritesheetSeaPearl.png');
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.spritesheetUltraHot {
    background-image: url('https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/spritesheetUltraHot.png');
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.spritesheetGlowingHot {
    background-image: url('https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/spritesheetGlowingHot.png');
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.spritesheetBlazingHot {
    background-image: url('https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/spritesheetBlazingHot.png');
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.spritesheetBrownieHot {
    background-image: url('https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/spritesheetBrownieHot.png');
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.spritesheetSapphireHeart {
    background-image: url('https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/spritesheetSapphireHeart.png');
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.spritesheetSplendidHot {
    background-image: url('https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/spritesheetSplendidHot.png');
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.spritesheet20GoldenCrown {
    background-image: url('https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/spritesheet20GoldenCrown.png');
    background-repeat: no-repeat;
    display: block;
    margin: auto
}

.-Collect {
    background-position: -858px 0;
    width: 63px;
    height: 70px;
}

.-stop {
    background-position: -786px 0;
    width: 63px;
    height: 70px;
}

.-Bet {
    background-position: -1170px 0;
    width: 83px;
    height: 70px;
}

.-Setting {
    background-position: -935px 0;
    width: 70px;
    height: 70px;
}



.-Audio {
    background-position: -10px -8px;
    width: 55px;
    height: 70px;
}

.-Autoplay {
    background-position: -75px 0;
    width: 74px;
    height: 70px;
}

.-Balance {
    background-position: -158px 0;
    width: 99px;
    height: 70px;
}

.-CreditBalance {
    background-position: -265px 0;
    width: 56px;
    height: 70px;
}

.-ExpandFullScreen {
    background-position: -331px 0;
    width: 54px;
    height: 70px;
}

.-Gamble {
    background-position: -395px 0;
    width: 73px;
    height: 70px;
}

.-GameInfo {
    background-position: -478px 0;
    width: 69px;
    height: 70px;
}

.-Home {
    background-position: -557px 0;
    width: 55px;
    height: 70px;
}

.-InfoPanelExit {
    background-position: -621px 0;
    width: 80px;
    height: 70px;
}

.-Spin {
    width: 63px;
    height: 70px;
    background-position: -714px 0;
}

.-StopReel {
    background-position: -786px 0;
    width: 63px;
    height: 70px;
}

.-TakeWin {
    background-position: -858px 0;
    width: 63px;
    height: 70px;
}

/*---------------------------------------*/


.infoPanel_w {
    position: absolute;
    width: 100%;
    padding: 75px 0 0 300px;
    height: calc(100% - 34px);
    background-color: #020401;
    z-index: 2;
    top: 34px;
    left: 0;
}

.infoPanel_H {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #111111;
    height: 75px;
}

    .infoPanel_H > img {
        display: block;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        height: 50px;
    }

.infoPanel {
    width: 300px;
    height: calc(100% - 75px);
    background-color: #000000;
    position: absolute;
    left: 0;
    border-right: 1px solid #131313;
}

.infoPanel_C {
    width: calc(100% - 300px);
    height: calc(100% - 75px);
    background-color: #000000;
    position: absolute;
    left: 300px;
    overflow: auto;
}

.closeinfoPanel {
    width: 30px;
    height: 30px;
    background-color: #000;
    text-align: center;
    line-height: 30px;
    color: #fff;
    font-size: 16px;
    right: 5px;
    top: 50%;
    position: absolute;
    transform: translate(-50%,-50%);
    border-radius: 100%;
}

/*.infoPanel_PlayNow {
    background-color: #df5c00;
    width: 195px;
    height: 50px;
    font-size: 14px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    font-size: 24px;
    border-radius: 2px;
    margin-left: 30px;
}*/
.infoPanel_PlayNow {
    background-color: #df5c00;
    width: 195px;
    height: 50px;
    font-size: 14px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    font-size: 24px;
    border-radius: 2px;
    margin-left: 30px;
    cursor: pointer;
}





    .infoPanel_PlayNow:hover {
        background-color: #bd4e00;
    }

.infoPanel .G_info_con_w {
    position: unset;
    height: auto;
}

.infoPanelText_H {
    font-size: 20px;
    color: #df5c00;
    font-weight: normal;
    margin: 5px 0 10px;
}

.infoPanel .G_info_con_w > div {
    margin-bottom: 15px;
}

.infoPanel_Video, .G_content_w {
    padding: 24px;
    float: left;
    width: 100%;
}

.infoPanel_Video {
    border-bottom: 1px solid #131313;
}

.infoPanelIframe {
    width: 60%;
    float: left;
    position: relative;
    height: 195px;
}

    .infoPanelIframe iframe {
        width: 100%;
        height: 195px;
    }

.infoPanel_Video ul {
    float: left;
    width: 40%;
    margin: 0;
    padding: 0 0 0 15px;
}

    .infoPanel_Video ul > li {
        display: block;
        padding: 5px;
        list-style: none;
    }

        .infoPanel_Video ul > li:before {
            content: "\f061";
            display: inline-block;
            font: normal normal normal 14px/1 FontAwesome;
            color: #df5c00;
            margin-right: 10px;
        }

.infoPanelIframe img {
    width: 100%;
    height: 100%;
    z-index: 1;
    position: absolute;
    cursor: pointer;
}

.infoPanelIframe:before {
    border: 5px solid #ffffff;
    border-radius: 50%;
    border-top: 5px solid #df5c00;
    border-bottom: 5px solid #df5c00;
    width: 40px;
    height: 40px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -20px 0 0 -22px;
    z-index: 2;
    background-color: #000;
    pointer-events: none;
    opacity: 0.6;
}

.infoPanelIframe.active:before {
    border: 5px solid #df5c00;
    cursor: pointer;
}

.infoPanelIframe.hidePlayBut:before, .infoPanelIframe.hidePlayBut:after {
    display: none;
}

.infoPanelIframe:after {
    content: "\f04b";
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 2;
    pointer-events: none;
    font-size: 20px;
    cursor: pointer;
}

.infoPanelIframe.active:after {
    cursor: pointer;
}

.infoPanelIframe.active:hover:before {
    opacity: 0.9;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.infoPanel_H .G_info_menuBut {
    right: 60px;
    position: absolute;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    top: 22px;
    font-size: 20px;
    cursor: pointer;
    display: none;
}

.infoPanel_H.active2 .G_info_menuBut {
    display: block;
}

.infoPanel_H.active .G_info_menu {
    display: none;
}

.infoPanel_H.active2 .G_info_menu.active {
    width: 228px;
    padding: 13px 20px 20px;
    z-index: 2;
    display: block;
}





.right_slideBUtAdd .in_right_aside .left_slideBUt {
    transform: rotate(180deg);
    margin: 0 0 0 -34px;
    transition: 1s;
}


/*Pop up */
._popup {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 111111111;
}

    ._popup > div {
        width: 100%;
        max-width: 400px;
        background-color: #fff;
        border-radius: 4px;
        padding: 40px 25px;
        transform: translate(-50%,-50%);
        left: 50%;
        top: 50%;
        text-align: center;
        position: absolute;
        -webkit-box-shadow: 0 8px 6px -6px black;
        -moz-box-shadow: 0 8px 6px -6px black;
        box-shadow: 0 8px 6px -6px black;
    }

        ._popup > div > h3 {
            display: block;
            padding: 0;
            margin: 0 0 20px 0;
            color: #1f1f1f;
            font-size: 22px;
        }

        ._popup > div > div {
            padding: 12px 20px;
            color: #fff;
            font-size: 16px;
            font-weight: bold;
            background-color: #df5c00;
            display: inline-block;
            min-width: 100px;
            border-radius: 2px;
        }




.N_slotgame.samll_thumb {
    margin-top: 5px !important;
}

    .N_slotgame.samll_thumb ul > li > .desktop {
        display: none;
    }



    .N_slotgame.samll_thumb ul > li > div.mb {
        display: block;
        position: relative;
        z-index: 1;
        cursor: pointer;
    }

    .N_slotgame.samll_thumb ul > li {
        width: 20%;
        float: none;
        display: inline-block;
        margin-bottom: 44px;
    }

    .N_slotgame.samll_thumb ul {
        width: 100% !important;
        transform: scale(1) !important;
        white-space: normal;
    }




.samll_thumb .N_but_w .-thumb {
    background-image: none;
}

.samll_thumb .N_but_w > div {
    width: 50%;
    margin: 0;
}

/*.samll_thumb .N_but_w > div:last-child {
        width: 58.46153846%;
        height: 30px;
        position: absolute;
        left: 50%;
        top: calc(100% - 30px);
        transform: translate(-50%,-50%);
        border-radius: 20px;
        font-size: 20px;
        line-height: 31px;
        color: #000000;
        margin-top: 37px;
        text-shadow: none;
        background-color: #ffc500;
        font-weight: bold;
    }*/

.samll_thumb .N_but_w {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0%;
    padding: 0;
}

    .samll_thumb .N_but_w > div:nth-child(2), .samll_thumb .N_but_w > div:first-child {
        margin-right: 0;
        position: absolute;
        top: calc(100% + 4px);
        background: -webkit-linear-gradient(left, rgba(20,20,20,0) 0%,rgba(20,20,20,0.8) 15%,rgba(20,20,20,1) 19%,rgba(20,20,20,1) 47%,rgba(15,15,15,1) 52%,rgba(15,15,15,1) 81%,rgba(15,15,15,0.8) 85%,rgba(15,15,15,0) 100%);
        background: linear-gradient(to right, rgba(20,20,20,0) 0%,rgba(20,20,20,0.8) 15%,rgba(20,20,20,1) 19%,rgba(20,20,20,1) 47%,rgba(15,15,15,1) 52%,rgba(15,15,15,1) 81%,rgba(15,15,15,0.8) 85%,rgba(15,15,15,0) 100%);
        line-height: 30px;
        height: 30px;
        width: 40%;
        left: 55%;
        color: #c1c1c1;
    }


    .samll_thumb .N_but_w > div:first-child {
        left: 5%;
        display: flex;
        line-height: 12px;
        align-items: center;
        justify-content: center;
    }
    .samll_thumb .N_but_w > div.DisabledGameInfoActive {
        left: 50%;
        transform: translateX(-50%);
    }

        .samll_thumb .N_but_w > div:first-child:active, .samll_thumb .N_but_w > div:nth-child(2):active {
            background-color: #df5c00;
            color: #ffffff;
        }

    .samll_thumb .N_but_w > div {
        background-color: rgba(117, 68, 19, 0);
        border: none;
    }






.scrollChild {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    -webkit-overflow-scrolling: touch
}

.scrollBar {
    position: relative;
    overflow: visible !important;
}

.scrollThumbBg {
    position: absolute;
    width: 4px;
    height: 100%;
    right: 0;
    top: 0;
    background-color: #1d1818;
    opacity: 0.3;
    -moz-box-shadow: inset 0 0 10px #000000;
    -webkit-box-shadow: inset 0 0 10px #000000;
    box-shadow: inset 0 0 10px #000000;
}

.scrollThumb {
    width: 100%;
    position: absolute;
    left: 50%;
    transform: translate(-50%,0);
    background-color: #df5c00;
    z-index: 1;
    border-radius: 2px;
    overflow: hidden;
}

    .scrollThumb:before {
        display: inline-block;
        font: normal normal normal 9px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        content: "\f0c9";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        font-size: 8px;
        color: #ffaf77;
    }

.scrolllUpArrow, .scrolllDownArrow {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 16px;
    line-height: 16px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    z-index: 0;
    background-color: #272727;
    display: none;
}

    .scrolllUpArrow:hover, .scrolllDownArrow:hover {
        background-color: #313131;
    }

.scrolllDownArrow {
    top: unset;
    bottom: 0;
}

.scrollBar:hover .scrollThumbBg {
    opacity: 1;
}

.scrollThumbBg:hover, .scrollBar.active .scrollThumbBg {
    width: 16px;
    transition: 0.5s;
    opacity: 1;
}

    .scrollThumbBg:hover .scrolllUpArrow, .scrollThumbBg:hover .scrolllDownArrow, .scrollBar.active .scrollThumbBg .scrolllUpArrow, .scrollBar.active .scrollThumbBg .scrolllDownArrow {
        display: block;
        transition: 0.5s;
    }


.N_slotgame_w {
    position: relative;
    float: left;
    width: 100%;
}

.jk_logo_w {
    position: absolute;
    width: 300px;
    height: 42px;
    top: 18px;
    left: 50%;
    transform: translate(-50%,0);
    overflow: hidden;
    border-radius: 32px;
}


    .jk_logo_w video {
        width: 100%;
        margin-top: -66px;
        height: 173px;
    }

/*///////////////*/
.N_slot_banner iframe {
    height: 275px;
}

.AJS_Banner, .AJS_Banner > ul {
    height: 275px;
}

.N_jk_w {
    float: left;
    width: 100%;
    height: 42px;
    margin: 20px 0 -4px;
    font-size: 16px;
}



.N_slot_banner_w {
    float: left;
    width: 100%;
}

#sicboHelpBg_w {
    width: 100%;
    float: left;
    overflow: hidden;
}

.N_slot_banner_w {
    float: left;
    transform-origin: left top;
    width: 1450px;
    position: relative;
    left: 50%;
}

.loadingGame_info {
    width: calc(100% - 457px);
    left: 228px;
}
/*jackpot drop down*/
.jackDropDownw {
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    position: absolute;
}

    .jackDropDownw > div {
        width: calc(25% - 108px);
        margin: 0 0 0 16px;
        height: 36px;
        position: relative;
        float: left;
    }

        .jackDropDownw > div:nth-child(3) {
            margin-left: 365px;
        }






section.jackDropDown {
    width: calc(100% - 53px);
    border-radius: 6px;
    border: 2px solid #ffc500;
    background-color: #1d1d1d;
    z-index: 1;
    left: 35px;
    top: calc(100% + 18px);
    box-shadow: 10px 5px 5px #0c0b00;
    display: none;
    position: absolute;
}

    section.jackDropDown > div {
        border-bottom: 2px solid #ffc500;
        padding: 5px
    }

        section.jackDropDown > div:last-child {
            border: none;
        }

        section.jackDropDown > div > span {
            width: 50%;
            text-align: center;
            font-size: 11px;
            display: inline-block;
            margin: 0 -3px;
        }

        section.jackDropDown > div > div {
            text-align: center;
            font-size: 20px;
            padding: 5px 0;
        }

            section.jackDropDown > div > div > label {
                font-size: 12px;
                color: #fec400;
            }

        section.jackDropDown > div > label {
            width: 50%;
            text-align: center;
            display: inline-block;
            color: #ffc500;
            padding: 5px 0;
            font-size: 20px;
            margin-bottom: 0
        }

        section.jackDropDown > div:last-child > label {
            width: 100%;
        }

    section.jackDropDown:before {
        width: 0;
        height: 0;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        content: '';
        border-bottom: 20px solid #ffc500;
        position: absolute;
        bottom: 100%;
        left: 50%;
        transform: translate(-50%,0)
    }



/*jackpot drop down end*/


.in_left_aside_JS > div {
    overflow-x: unset !important;
}

html {
    overflow-x: hidden;
    overflow-y: unset;
}


.sc_gameList li {
    position: relative;
    overflow: hidden;
}

    .sc_gameList li > span {
        float: right;
        position: absolute;
        right: 4px;
        width: 80px;
        text-align: center;
        height: 40px;
        line-height: 40px;
        padding-left: 10px;
        border-radius: 4px;
        background-color: green;
        display: none;
        transition: 0.5s;
        padding-left: 10px;
        top: 5px;
        color: #fff !important;
        background: linear-gradient(to right, rgb(14, 14, 14) 1%,rgba(20,20,20,0.8) 15%,rgba(20,20,20,1) 0%,rgb(51, 51, 51) 47%,rgb(45, 45, 45) 106%,rgba(15,15,15,1) 81%,rgba(15,15,15,0.8) 85%,rgba(15,15,15,0) 100%);
        text-shadow: 3px 3px 2px rgba(0, 0, 0, 1);
    }

    .sc_gameList li:hover > span {
        display: block;
    }

    .sc_gameList li > span:last-child {
        right: 85px;
        background-color: #000000;
    }

    .sc_gameList li > span:hover {
        background: linear-gradient(to right, rgb(14, 14, 14) 1%,rgba(20,20,20,0.8) 15%,rgba(20,20,20,1) 0%,#524f50 47%,#524f50 106%,rgba(15,15,15,1) 81%,rgba(15,15,15,0.8) 85%,rgba(15,15,15,0) 100%);
        color: #ffc500 !important;
    }


:root {
    --pluse_18-image: url("https://cdn2-5e15.kxcdn.com/Slotgames/Assets/plus-18.png");
}


span.pluse_18 {
  
    background-image: var(--pluse_18-image);
    width: 36px;
    height: 36px;
    position: absolute;
    left: 18px;
    top: 11px;
    background-color: rgba(0,0,0,0.7);
    border-radius: 100%;
    display: none;
}

.N_slotgame.samll_thumb ul > li > div.mb:hover span.pluse_18 {
    display: block;
}

.bonus_icon {
    display: none;
}

.bonus_icon_slot {
    display: block;
}




.bonusAmout_w {
    position: absolute;
    right: 56px;
    top: -1px;
    text-align: center;
    background-color: #111216;
    z-index: 1;
    border-radius: 0 0 21px 21px;
    font-size: 12px;
    font-weight: bold;
    padding: 6px 10px 9px 10px;
    color: #ffffff;
    border: 1px solid #6d6d6d;
    border-top-width: 5px;
    box-shadow: 3px 6px 5px 0px rgba(0,0,0,0.5);
}

    .bonusAmout_w > i {
        font-size: 17px;
        color: #ffc500;
    }

.left_slideBUt {
    margin-bottom: 0;
}

/*Start css added for the iframe to be used for game launch instead off newwindow.*/

.SlotGame_popup_close_w:before{
display:none;
}
    .SlotGame_popup_close_w {
        width: 20px !important;
        height: 20px;
        right: -1px;
        border-radius: 0 0 0 5px;
        top: 0;
        z-index: 1;
    }
 
.SlotGame_popup_close_w > i {
    padding: 0;
    color: #000;
    font-size: 10px;
    line-height: 20px;
    display: block;
}
 
.SlotGame_popup_w > div {
    width: 100%;
    border: 1px solid #909090;
}

     .ifamebg {
        float: left;
        width: 100%;
        max-height: var(--innerHeight);
        height: var(--innerHeight);
    }
@media screen and (max-width: 1250px) and (orientation: landscape) {


    .setViewHightMain .in_left_aside_JS {
        display:none !important
    }
    .setViewHightMain .slot_in_middle {
        display: none !important
    }
    .setViewHightMain .in_right_aside {
        display: none !important
    }
}

@media screen and (max-width: 1250px) and (orientation: portrait) {
    .SlotGame_popup_w > div {
        height: var(--innerHeight);
    }

    .setViewHightMain .in_left_aside_JS {
        display: none !important
    }

    .setViewHightMain .slot_in_middle {
        display: none !important
    }

    .setViewHightMain .in_right_aside {
        display: none !important
    }
}
/*End css added for the iframe to be used for game launch instead off newwindow.*/

/* game info end*************** */
@media only screen and (min-width: 768px) {
    .N_but_w > div {
        background-color: rgba(4, 2, 0, 0.95);
        border: 1px solid #4a4a4a
    }

        .N_but_w > div:hover {
            transition: 1s;
            background-color: rgba(0,0,0,0.5);
            border-color: transparent;
        }
}




@media only screen and (min-width: 1024px) {
    .jackDropDownw > div:hover > section {
        display: block;
    }
}



@media only screen and (max-width: 1599px) {

    section.jackDropDown {
        width: 100%;
        left: 0;
    }

    .jp_win_bg {
        height: 90px;
    }


        .jp_win_bg:before {
            margin-top: 41px;
        }

        .jp_win_bg > span {
            top: 70%;
        }


    .main > div .Jackpot0, .main > div .Jackpot1, .main > div .Jackpot2, .main > div .Jackpot3, .jackDropDownw > div {
        width: calc(25% - 28px);
        margin-left: 22px !important;
    }

    .N_jk_w {
        margin: 70px 0 8px;
    }
}

@media only screen and (max-width: 1350px) {


    .loadingGame_info {
        width: 100%;
        left: 0;
    }

    .page-alerts {
        padding: 8px;
        background-color: #c61b1b;
        z-index: 100000;
        width: 100%;
        top: 0;
        left: 0;
    }

    .closeinfoPanel {
        right: 22px;
    }
    /*.N_slot_Last_winner_w {
        display:none;
    }
    .N_slot_banner {
        width:100%;
    }*/
    .left_slideBUtAdd .in_left_aside_JS {
        left: 0 !important;
    }

    .right_slideBUtAdd .sg_right_add_w {
        right: 0 !important;
    }


    .in_left_aside_JS {
        left: -230px;
        z-index: 1;
    }

    .in_right_aside {
        right: -230px;
        z-index: 1;
    }

    .slot_middle_W {
        padding: 0 !important;
    }


    .in_left_aside_JS .left_slideBUt {
        transform: rotate(180deg);
        margin-right: -34px;
        background-color: #555;
    }

    .in_right_aside .left_slideBUt {
        transform: rotate(180deg);
        margin-left: -70px;
        background-color: #555;
    }

    .right_slideBUtAdd .in_right_aside .left_slideBUt {
        transform: rotate(0);
        margin: 0 0 0 -34px;
    }

    .left_slideBUtAdd .in_left_aside_JS .left_slideBUt {
        margin: 0 0 0 0;
    }

    .left_slideText, .right_slideText {
        position: absolute;
        left: calc(100% - 24px);
        top: 59px;
        transform: rotate(-270deg);
        white-space: nowrap;
        transition: .5s;
        background-color: #da5c27;
        font-size: 14px;
        padding: 0 10px 0 10px;
        height: 28px;
        line-height: 32px;
        border-radius: 10px 10px 0 0;
        z-index: 1;
    }

    .right_slideText {
        right: calc(100% - 37px);
        border-radius: 0 0 10px 10px;
        left: auto;
        top: 73px;
    }

    .left_slideBUtAdd .left_slideText, .right_slideBUtAdd .right_slideText {
        position: inherit;
        transform: rotate(-270deg);
        white-space: nowrap;
        transition: .5s;
        background-color: transparent;
        font-size: 14px;
        padding: 0;
        height: auto;
        line-height: normal;
    }

    .slot_asideHead {
        padding: 0 0 0 34px;
    }
}


@media only screen and (max-width: 1280px) {
    .main_w {
        width: 100% !important;
    }

    .main > div .Jackpot0 > div, .main > div .Jackpot1 > div, .main > div .Jackpot2 > div, .main > div .Jackpot3 > div {
        padding: 0 4px;
        font-size: 14px;
    }

    .main > div .Jackpot0 {
        margin-left: 63px;
    }
}

@media only screen and (max-width: 720px) {

    .AJS_Banner > ul > li > img {
        height: auto !important;
    }

    .N_slot_banner {
        width: 720px;
    }

    .N_slot_banner_w {
        width: 720px;
    }

    .N_slot_add1, .N_slot_add2 {
        display: none;
    }
}


@media only screen and (max-width: 850px) {


    .p-e-none {
        pointer-events: none;
    }

    .infoPanelIframe, .infoPanel_Video ul {
        width: 100%;
    }

    .infoPanel_Video ul {
        padding: 15px 0 0 15px;
    }

    /*---------------------------*/


    .G_info_2 {
        font-size: 1.8em;
    }

    .main_w {
        width: 100% !important;
    }





    .gameInfo_Popup_w > div:hover > i {
        left: -38px;
    }

    .N_slotgame.samll_thumb ul > li {
        width: 25% !important;
    }
}

.gameInfo_Popup_w > div .gameInfoImgW > div > iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 718px;
    height: 530px;
    z-index: 1;
    background-color: rgba(0,0,0,0.9);
}

@media only screen and (max-width: 767px) {

    .infoPanel {
        width: 100%;
        height: auto;
        position: unset;
    }

    .infoPanel_w {
        width: 100%;
        padding: 75px 0 0 0;
        overflow: auto;
    }

    .infoPanel .G_info_con_w {
        width: 100%;
    }

    .infoPanel_C {
        left: 0;
        position: unset;
        width: 100%;
        height: auto;
        overflow: unset;
    }


    /*-------------------------*/




    .main > div .Jackpot0, .main > div .Jackpot1, .main > div .Jackpot2, .main > div .Jackpot3, .jackDropDownw > div {
        width: calc(50% - 31px);
        margin-bottom: 10px;
        margin-left: 17px !important;
    }

    .main > div .Jackpot1, .main > div .Jackpot3 {
        margin-left: 25px !important;
    }


    .main > div .Jackpot0, .main > div .Jackpot2 {
        margin-left: 63px;
    }

    .N_slotgame.samll_thumb {
        margin-top: 5px !important;
    }

    .N_slotgame ul > li > .desktop {
        display: none;
    }

    .N_slotgame {
        margin-top: 42px;
    }

        .N_slotgame ul > li > div.mb {
            display: block;
            position: relative;
        }

        .N_slotgame ul > li {
            width: 33.33333%;
            float: none;
            display: inline-block;
            margin-bottom: 50px;
        }

        .N_slotgame ul {
            width: 100% !important;
            transform: scale(1) !important;
            white-space: normal;
        }

    .N_but_w .-thumb {
        background-image: none;
    }

    .N_but_w > div {
        width: 50%;
        margin: 0;
    }

    /*.N_but_w > div:last-child {
                width: 58.46153846%;
                height: 16.41791044776119%;
                position: absolute;
                left: 50%;
                top: 88%;
                transform: translate(-50%,-50%);
                border-radius: 20px;
                font-size: 0px;
                color: transparent;
                margin-top: 0;
            }*/

    .N_but_w {
        width: 100%;
        height: 100%;
        left: 0;
        top: 0%;
        padding: 0;
    }

        .N_but_w > div:nth-child(2), .N_but_w > div:first-child {
            margin-right: 0;
            position: absolute;
            top: 100%;
            background: -webkit-linear-gradient(left, rgba(20,20,20,0) 0%,rgba(20,20,20,0.8) 15%,rgba(20,20,20,1) 19%,rgba(20,20,20,1) 47%,rgba(15,15,15,1) 52%,rgba(15,15,15,1) 81%,rgba(15,15,15,0.8) 85%,rgba(15,15,15,0) 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to right, rgba(20,20,20,0) 0%,rgba(20,20,20,0.8) 15%,rgba(20,20,20,1) 19%,rgba(20,20,20,1) 47%,rgba(15,15,15,1) 52%,rgba(15,15,15,1) 81%,rgba(15,15,15,0.8) 85%,rgba(15,15,15,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            line-height: 30px;
            height: 30px;
            width: 40%;
            left: 55%;
            color: #c1c1c1;
        }

        .N_but_w > div:first-child {
            left: 5%;
        }

            .N_but_w > div:first-child:active, .N_but_w > div:nth-child(2):active {
                background-color: #df5c00;
                color: #ffffff;
            }


    /*.N_but_w > div:first-child:before {
                    content: "\f05a";
                    font: normal normal normal 14px/1 FontAwesome;
                    display:block
            }*/

    .left_slideText, .right_slideText {
        font-size: 12px;
    }

    .TransferAmount > label, .TransferAmount > input {
        min-width: 200px;
    }

    .TransferAmount > input {
        width: 200px !important
    }

    .TransferAmount > label.TransferCur {
        min-width: 50px;
    }

    .TransferAmount .TransferCurrency {
        min-width: 50px !important;
    }

    .closeGameInfo {
        right: 0;
        top: 0;
        transform: scale(0.7);
    }







    .infoPanel {
        width: 100%;
        height: auto;
        position: unset;
        margin-top: 278px
    }

    .infoVideoMb {
        position: absolute;
        width: 100%;
        left: 0;
        top: 160px;
        padding: 0 15px;
    }

        .infoVideoMb > .infoPanelText_H {
            display: none;
        }

    .infoPanel_PlayNow {
        position: absolute;
        top: 93px;
    }

    .gameInfo_Popup_w > div {
        width: 100%;
        left: 0;
        top: 0;
        transform: translate(0) scale(1) !important;
        border: none;
        box-sizing: border-box;
        height: 100%;
        padding-top: 75px;
    }



        .gameInfo_Popup_w > div > i {
            width: 50px;
            height: 35px;
            left: 10px;
            top: 9px;
        }

            .gameInfo_Popup_w > div > i.infoIcon {
                top: 9px;
                left: 66px;
            }

            .gameInfo_Popup_w > div > i.detailsIcon {
                top: 9px;
                left: 122px;
            }

        .gameInfo_Popup_w > div:hover > i {
            left: 10px;
        }

            .gameInfo_Popup_w > div:hover > i.infoIcon {
                left: 66px;
            }

            .gameInfo_Popup_w > div:hover > i.detailsIcon {
                left: 122px;
            }

    .closeGameInfo {
        right: 15px;
        top: 9px;
        transform: scale(1);
    }

    .gameInfo_Popup_w > div .gameInfoImgW > iframe {
        width: 100%;
        height: calc(100% - 55px);
        top: 55px;
        position: fixed;
    }

    .gameInfo_Popup_w > div .gameInfoImgW .G_info {
        width: 143%;
    }

    .G_info_con_w {
        height: 520px;
        position: unset;
        background-color: #090001;
        padding: 20px 30px;
        float: left;
        width: 100%;
        overflow: unset;
    }

    .gameInfoImgW {
        position: absolute;
        width: 100%;
        height: 87%;
        overflow-y: auto;
        padding-bottom: 64px;
    }

    .G_info_2 {
        font-size: 1.3em;
        padding: 15px;
    }

    .active .G_header_w .G_info_menuBut {
        right: 60px;
    }

    .active .G_header_w {
        height: 100px;
        margin-top: 0;
    }

    .G_header_w {
        margin-top: 45px;
    }

    .active .G_header_w img {
        transform: translate(-50%,0);
    }
}

@media only screen and (max-width: 600px) {
    .N_slotgame.samll_thumb ul > li {
        width: 33.3333% !important;
    }
}

@media only screen and (max-width: 400px) {
    .N_slotgame ul > li {
        width: 50%;
    }

    .N_slotgame.samll_thumb ul > li {
        width: 50% !important;
    }


    /*.main > div .Jackpot0, .main > div .Jackpot1, .main > div .Jackpot2, .main > div .Jackpot3 {
            width: calc(100% - 91px);
            margin-bottom: 10px;
            margin-left: 60px !important;
        }*/


    .jk_logo_w {
        top: 5px;
    }
}

@media only screen and (max-width: 350px) {

    .main > div .Jackpot0, .main > div .Jackpot1, .main > div .Jackpot2, .main > div .Jackpot3, .jackDropDownw > div {
        width: calc(100% - 32px);
        margin-bottom: 10px;
        margin-left: 15px !important;
    }

    .N_jk_w {
        height: 132px;
        /*margin: 50px 0 8px;*/
    }
}





.spritesheetGlowingHot {
    background-image: url('https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/spritesheetGlowingHot.png');
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.spritesheetBlazingHot {
    background-image: url('https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/spritesheetBlazingHot.png');
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.spritesheetBrownieHot {
    background-image: url('https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/spritesheetBrownieHot.png');
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.spritesheetSapphireHeart {
    background-image: url('https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/spritesheetSapphireHeart.png');
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.spritesheetSplendidHot {
    background-image: url('https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/spritesheetSplendidHot.png');
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

/*Claim Bonus UI*/
.bonus_icon {
    position: fixed;
    z-index: 1111;
    left: 100%;
    margin-left: -145px;
    bottom: 0;
    width: 185px;
    height: 185px;
    border-radius: 100%;
    transition-timing-function: ease;
    animation-iteration-count: infinite;
    animation-duration: 2.5s !important;
}

    .bonus_icon > img {
        width: 60%;
        margin: auto;
        display: block;
    }

.bonus-pop-up-w {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10001;
    background-color: rgba(0,0,0,0.7);
    width: 100%;
    height: 100%;
    display: none;
}

    .bonus-pop-up-w > span {
        top: 30px;
        right: 30px;
    }

    .bonus-pop-up-w > div {
        position: absolute;
        left: 50%;
        top: 50%;
        width: 550px;
        height: 450px;
        margin: -120px 0 0 0;
        transform-origin: top left;
    }

        .bonus-pop-up-w > div > img {
            width: 100%;
        }

        .bonus-pop-up-w > div > h5 {
            left: 86px;
            position: absolute;
            width: calc(100% - 172px);
            text-align: center;
            top: 118px;
            font-size: 21px;
            margin: 0;
        }

.bonusokbut {
    position: absolute;
    width: 100px;
    height: 38px;
    left: 50%;
    top: 37.5%;
    transform: translate(-50%,-50%) scale(0.8);
    border-radius: 12px;
    border: 2px solid #fff;
    background-color: #ff0000;
    text-align: center;
    line-height: 38px;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    box-shadow: inset 0 0 10px rgba(0,0,0,0.3);
}

    .bonusokbut:before {
        width: 80%;
        height: 12px;
        border-radius: 10px;
        background-color: rgba(255,255,255,0.4);
        content: "";
        left: 10%;
        top: 1px;
        position: absolute;
    }

    .bonusokbut:hover {
        cursor: pointer;
        background-color: #ff1818;
        box-shadow: inset 0 0 10px rgba(0,0,0,0.6);
    }

/*Claim Bonus UI*/

/*.nav_menu_w > ul > li > a[href^="/Betting/SlotGames/"]:before {
    content: "";
    background-image: url(../../images/ClaimBonus/slotgamenavICon.png);
    width: 144px;
    height: 65px;
    position: absolute;
    transform: scale(0.5);
    transform-origin: right;
    top: 5px;
    right: -6px;
}

.nav_menu_w > ul > li > a[href^="/Betting/SlotGames/"] {
    padding-right: 18px;
    position: relative;
}

    .nav_menu_w > ul > li > a[href^="/Betting/SlotGames/"]:hover:before {
        opacity: 0.5;
    }*/


.nav_menu_w > ul > li > a[href^="/Betting/SlotGames/"] {
    font-size: 0;
    color: transparent;
    width: 90px;
}

    .nav_menu_w > ul > li > a[href^="/Betting/SlotGames/"].newProduct {
        width: 124px;
    }

.mainMenuMB .nav_menu_w > ul > li > a[href^="/Betting/SlotGames/"] {
    position: relative;
    left: 23px;
    height: 44px;
    top: 5px;
}

.nav_menu_w > ul > li > a[href^="/Betting/SlotGames/"]:after {
    content: "";
    background-image: url(https://cdn2-5e15.kxcdn.com/betting/webportal/Images/ProductLog/SuribetSlotGames.png);
    width: 125px;
    height: 77px;
    position: absolute;
    transform: scale(0.8);
    transform-origin: right;
    top: -28px;
    right: -3px;
    background-position: center;
}

.nav_menu_w > ul > li > a[href^="/Betting/SlotGames/"].newProduct:before {
    position: absolute;
    left: 0;
    top: 1px;
}


.bannergifICon {
    width: 47px !important;
    height: 47px;
    position: absolute;
    bottom: 1px;
    left: 1px;
    z-index: 1;
    border-radius: 100%;
}

.bonus-pop-up-w.active {
    display: block;
}


/*ClaimBomus*/
.bonus-pop-up-w > div > img.bonus-Con {
    width: 64%;
    position: absolute;
    top: 69px;
    left: 50%;
    transform: translate(-50%,0);
    display: none;
}

.hideBoncon {
    display: none;
}

.bonus-pop-up-w.bonus-Con-w > div > img.bonus-Con {
    display: block;
}

.bonus-pop-up-w > div > h5 {
    top: 107px;
}

.bonus-pop-up-w.bonus-Con-w > div > h5 {
    top: 118px;
}

.bonus-pop-up-w > div .hideBonconok {
    display: none;
}

.bonus-pop-up-w > div .hideBonconPlay {
    display: block;
    background-color: #46c700;
}


.bonus-pop-up-w.bonus-Con-w > div .hideBonconPlay {
    display: none;
}

.bonus-pop-up-w.bonus-Con-w > div .hideBonconok {
    display: block;
}

.bonus_icon:hover, .bonus_icon:active {
    animation-duration: unset !important;
    cursor: pointer;
}

.overfloe-hidden {
    overflow: hidden;
}

.gameInfo_Popup_w > div .gameInfoImgW > div > iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: rgba(0,0,0,0.9);
}

body {
    height: 100vh;
}


.G_info_con_w::-webkit-scrollbar-thumb {
    background: #f46400;
}

.G_info_con_w::-webkit-scrollbar {
    width: 10px;
}


.G_info_2::-webkit-scrollbar-thumb {
    background: #f46400;
}

.G_info_2::-webkit-scrollbar {
    width: 10px;
}

.loadingIMG {
    position: relative;
}

    .loadingIMG:before {
        content: "";
        background-image: url(https://cdn2-5e15.kxcdn.com/betting/webportal/images/svg1.svg);
        width: 50px;
        height: 50px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        background-color: rgba(0, 0, 0, 0.80);
        border-radius: 100%;
        background-repeat: no-repeat;
        background-position: center;
        z-index: 2;
    }


.N_slotgame.samll_thumb ul > li > div.mb.loadingIMG > div {
    display: none !important;
}



/*Login With Claim Bonus UI Section*/
* {
    padding: 0px;
    margin: 0px;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.card-bonus-popup-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.70);
    top: 0px;
    left: 0px;
    z-index: 111111112;
}

    .card-bonus-popup-bg > .popup-window {
        width: 500px;
        position: relative;
        transform: translate(-50%, -50%);
        left: 50%;
        top: 50%;
        background: linear-gradient(45deg, black, #0c0c0c);
        z-index: 1;
        text-align: center;
        border-radius: 18px;
        border: 6px solid #cd9c3f;
        padding: 40px 10px;
        border-top: 8px solid #d8b855;
        display: table;
        z-index: 0;
        box-shadow: 0px -8px 0px #a07a48;
    }

        .card-bonus-popup-bg > .popup-window::before {
            content: "";
            position: absolute;
            width: 179px;
            height: 235px;
            top: -146px;
            background: url(https://cdn2-5e15.kxcdn.com/Slotgames/Assets/cardbonus.png) no-repeat;
            background-size: 100%;
            left: calc( 50% - 100px );
        }

        .card-bonus-popup-bg > .popup-window form {
            float: left;
            z-index: 10;
            margin: 0px 14px;
        }

        .card-bonus-popup-bg > .popup-window label {
            font-size: 30px;
            color: white;
            display: block;
            padding-bottom: 20px;
        }

            .card-bonus-popup-bg > .popup-window label span {
                font-weight: bolder;
                color: #d8b855;
            }

        .card-bonus-popup-bg > .popup-window form > .custom-textbox {
            font-size: 14px !important;
            height: 42px;
            float: left;
            margin-top: -1px;
            padding: 0px 10px;
        }

            .card-bonus-popup-bg > .popup-window form > .custom-textbox:focus {
                outline: none;
            }

            .card-bonus-popup-bg > .popup-window form > .custom-textbox:nth-of-type(1) {
                width: 200px;
                border-radius: 8px 0px 0px 8px;
            }

            .card-bonus-popup-bg > .popup-window form > .custom-textbox:nth-of-type(2) {
                width: 116px;
                /*margin-left: 1px;*/
            }

        .card-bonus-popup-bg > .popup-window button {
            width: 120px;
            height: 42px;
            font-size: 18px;
            color: #422909;
            font-weight: bold;
            background: linear-gradient(#ecbc25, #d8b855);
            border: 1px solid #ecbc25;
            margin-top: -1px;
            border-radius: 0px 5px 5px 0px;
        }

            .card-bonus-popup-bg > .popup-window button:hover {
                background: linear-gradient(#ffdb69, #d8b855);
                border: 1px solid #ecbc25;
                cursor: pointer !important;
                outline: none;
            }

.pop-closebtn {
    width: 88px;
    font-size: 16px;
    font-weight: bolder;
    color: white;
    text-decoration: none;
    position: absolute;
    background: black;
    padding: 5px 10px;
    border: 2px solid #d8b855;
    border-radius: 5px;
    top: -41px;
    right: 4px;
}

    .pop-closebtn i {
        margin-left: 10px;
    }

    .pop-closebtn:hover {
        cursor: pointer !important;
        text-decoration: none;
        background: #a07a48;
        color: white;
    }

/* New game rapper */
.N_slotgame.samll_thumb ul > li > div.mb.new:before {
    content: "";
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/Assets/newlable.png);
    position: absolute;
    width: 75px;
    height: 75px;
    right: 9px;
    top: 0;
    background-size: 90%;
    background-repeat: no-repeat;
    background-position: right top;
}

@media screen and (max-width: 1600px) {
    .N_slotgame.samll_thumb ul > li > div.mb.new:before {
        background-size: 70%;
    }
}


::-webkit-scrollbar-thumb {
    background: #555555 !important;
}

::-webkit-scrollbar {
    width: 10px;
}


.spritesheet20SoccerLeague {
    background-image: url('https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/spritesheet20SoccerLeague.png');
    background-repeat: no-repeat;
    display: block;
    margin: auto
}

.disableGame {
    pointer-events: none !important;
}

.spritesheet20FlamingFruits {
    background-image: url('https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/spritesheet20FlamingFruits.png');
    background-repeat: no-repeat;
    display: block;
    margin: auto
}

.spritesheetamazonclash {
    background-image: url('https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/spritesheetamazonclash.png');
    background-repeat: no-repeat;
    display: block;
    margin: auto
}

.spritesheetTikiIsle {
    background-image: url('https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/spritesheetTikiIsle.png');
    background-repeat: no-repeat;
    display: block;
    margin: auto
}

.spritesheetTreasureBonanza {
    background-image: url('https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/spritesheetTreasureBonanza.png');
    background-repeat: no-repeat;
    display: block;
    margin: auto
}

.spritesheetSkinfiriJungle {
    background-image: url('https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/spritesheetSkinfiriJungle.png');
    background-repeat: no-repeat;
    display: block;
    margin: auto
}

.spritesheetkinfiriMysterious {
    background-image: url('https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/spritesheetkinfiriMysterious.png');
    background-repeat: no-repeat;
    display: block;
    margin: auto
}

.spritesheetSkinFiriLotto {
    background-image: url('https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/spritesheetSkinFiriLotto.png');
    background-repeat: no-repeat;
    display: block;
    margin: auto
}

/*Imported from cshtml*/

.betslip-toggle {
    position: fixed;
    top: calc(100% - 150px);
    right: 30px;
    border: 2px solid #727171;
    background-image: linear-gradient(#282828,#100e0e);
    border-radius: 10px;
    z-index: 1001;
    width: 60px;
    height: 60px;
    padding: 5px;
    text-align: center;
}

    .betslip-toggle > div {
        width: 30px;
        height: 30px;
        background-color: #fff;
        border: 1px solid #101010;
        margin: auto;
        border-radius: 180px
    }

        .betslip-toggle > div > b {
            font-size: 13px;
            line-height: 30px;
            color: red
        }

    .betslip-toggle > span {
        font-size: 10px !important
    }

    .betslip-toggle, .betslip-toggle:hover, .betslip-toggle:hover > div {
        transition-duration: 2s;
        -webkit-transition-duration: 2s;
        -moz-transition-duration: 2s
    }

        .betslip-toggle:hover {
            background-image: linear-gradient(#100e0e,#282828);
            cursor: pointer
        }



.NewPopupWbg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    z-index: 100;
}

.NewPopupW {
    width: 500px;
    background-color: #fff;
    color: #808080;
    padding: 50px;
    border-radius: 2px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 101000;
}

/* REQUIRED */
.page-alerts {
    padding: 8px;
    background-color: #c61b1b;
    position: relative;
    min-height: 30px;
    color: #fff;
}

    .page-alerts > i {
        position: absolute;
        right: 10px;
        height: 30px;
        top: 0;
        width: 40px;
        text-align: center;
        line-height: 30px;
    }


.videostart iframe {
    z-index: 10000;
}

.Yvideo iframe {
    border: none;
    margin: 0;
    padding: 0;
}

.videoPlayButBG {
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0);
    opacity: 0;
    left: 0;
    top: 0;
    position: absolute;
    z-index: 1;
    transition: 0.5s;
}

.AJS_Banner > ul > li:hover .videoPlayButBG {
    background-color: rgba(0,0,0,0.5);
    opacity: 1;
}

.YTvideoPlayBut, .ViewTrailer {
    border: none;
    background-color: rgba(0,0,0,0.7);
    text-align: center;
    width: 120px;
    height: 45px;
    border-radius: 40px;
    display: none;
    line-height: 45px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    position: absolute;
    left: calc(50% + 70px);
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 50;
    cursor: pointer;
}

    .YTvideoPlayBut:hover, .ViewTrailer:hover {
        background-color: rgba(255, 197, 0, 0.9);
        color: #000;
    }

.ViewTrailer {
    left: calc(50% - 70px);
}

.YTvideoPlayBut:before {
    content: "Play Now";
}

.ViewTrailer:before {
    content: "View Trailer";
}

.AJS_Banner > ul > li:hover .YTvideoPlayBut, .AJS_Banner > ul > li:hover .ViewTrailer {
    display: block;
}

.gameInfo_Popup_w > div .gameInfoImgW > div > iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: rgba(0,0,0,0.9);
}

.SlotGame_popup_w .fa-external-link {
    display: none;
}

.SlotGame_popup_close_w {
    width: 50px;
}



.SlotGame_popup_w.active > div {
    border: none;
}

.jackDropDownw > div > button {
    width: 100%;
    height: 34px;
    background-color: transparent;
    border: none;
    outline: none;
}


section.jackDropDown.active {
    display: block;
}

.gameInfo_Popup_w > div:hover > i {
    left: 6px;
    width: 35px;
    border-radius: 100%;
}

._heightScrollItem {
    height: 260px;
}

@media only screen and (max-width: 767px) {

    ._heightScrollItem {
        height: 320px;
    }
}

@media only screen and (max-width: 850px) {
    .G_info_2 {
        font-size: 1.2em;
    }
}

.searchContainer {
    width: calc(60% - 30px);
    margin: 0px auto 5px;
    display: flex;
    position: relative;
    padding-left: 15px;
    padding-right: 5px;
    border-radius: 5px;
    background-color: #1a1a1a;
}

.searchField {
    width: 100%;
    background-color: transparent;
    border: 0;
    padding: 8px 0px;
    font-weight: 600;
    outline: none;
    color: #fff;
}

.searchBTN {
    border: 0;
    background-color: transparent;
    color: #fff;
}

@media (max-width: 767px) {
    .searchContainer {
        width: calc(100% - 30px);
    }
}

/* REMOVE */
.spritesheetEmeraldDice {
    background-image: url('https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/spritesheetEmeraldDice.png');
    background-repeat: no-repeat;
    display: block;
    margin: auto
}

/* Committed By Pranesh on 19-May-2020*/

.-Hide {
    background-position: -1220px 0px;
    width: 55px;
    height: 70px;
}

.-Turbo {
    background-position: -1295px 0px;
    width: 55px;
    height: 70px;
}

.spritesheetVegasMania {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/spritesheetVegasMania.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.spritesheetDeluxeFruits {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/spritesheetDeluxeFruits.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.-Bet {
    background-position: -1118px 0;
    width: 83px;
    height: 70px;
}

.-MaxBet {
    background-position: -1382px 0;
    width: 83px;
    height: 70px;
}

.-Play {
    background-position: -717px 0;
    width: 63px;
    height: 70px;
}

.spritesheetCircusMania {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/spritesheetCircusMania.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.spritesheetTropicanaCasino {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/spritesheetTropicanaCasino.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.spritesheetHappyFruits {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/spritesheetHappyFruits.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.spritesheetGummyLand {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/spritesheetGummyLand.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.spritesheetPerfectGems {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/spritesheetPerfectGems.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.spritesheet40BlazingHot {
    background-image: url('https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/spritesheet40BlazingHot.png');
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.spritesheet20BlazingHot {
    background-image: url('https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/spritesheet20BlazingHot.png');
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.spritesheet30BrownieHot {
    background-image: url('https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/spritesheet30BrownieHot.png');
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.spritesheetTropicalForest {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/spritesheetTropicalForest.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.spritesheetFruitBazar {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/spritesheetFruitBazar.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.spritesheetSeaPearl {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/spritesheetSeaPearl.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.spritesheetFruityFortune {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/spritesheetFruityFortune.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

/*Added 29-oct-2020 | Author: Pranesh*/
.spritesheetSplendidHot7 {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/spritesheetSplendidHot7.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.spritesheetFrenzyFruits {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/spritesheetFrenzyFruits.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.spritesheetEmeraldDice {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/spritesheetEmeraldDice.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.spritesheetHot777 {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/spritesheetHot777.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.spritesheetFruitClub {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/spritesheetFruitClub.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.spritesheetFrozenFruits {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/spritesheetFrozenFruits.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.spritesheetFrizzlingHot5 {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/spritesheetFrizzlingHot5.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.spritesheetTheGreatEgypt {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/spritesheetTheGreatEgypt.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.spritesheetGlowingHot20 {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/spritesheetGlowingHot.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.spritesheetSevenChakras {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/spritesheetSevenChakras.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.spritesheetTheGreatDragon {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/spritesheetTheGreatDragon.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.spritesheetOdinsGift {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/spritesheetOdinsGift.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.spritesheetAladdinTreasure {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/spritesheetAladdinTreasure.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.spritesheetIrishLuck {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/spritesheetIrishLuck.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.spritesheetJellyFish {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/spritesheetJellyFish.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.spritesheetKeno {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/spritesheetKeno.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.spritesheetTheKingofAtlantis {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/spritesheetTheKingofAtlantis.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.spritesheetGoldMiner {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/spritesheetGoldMiner.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.spritesheetWitchWorld {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/spritesheetWitchWorld.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.spritesheetLucky7 {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/spritesheetLucky7.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.spritesheetJuicyFruit {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/spritesheetJuicyFruit.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.spritesheetFortuneHut {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/spritesheetFortuneHut.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.joker_king_spritsheet {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/joker_king_spritsheet.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.great_phoenix_spritsheet {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/great_phoenix_spritsheet.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.fruitzilla_spritsheet {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/fruitzilla_spritsheet.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.halloweenNight_spritsheet {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/halloweenNight_spritsheet.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.superHotFruits_spritsheet {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/superHotFruits_spritsheet.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.magicOfOZ_spritsheet {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/magicOfOZ_spritsheet.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.TreeofXmas_spritsheet {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/TreeofXmas_spritsheet.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.SuperSeven_spritsheet {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/SuperSeven_spritsheet.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.LuckyRainbow_spritsheet {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/LuckyRainbow_spritsheet.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.diamond_star_spritsheet {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/diamond_star_spritsheet.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.queen_of_aztec_spritsheet {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/queen_of_aztec_spritsheet.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.snow_valley_spritsheet {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/snow_valley_spritsheet.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.magic_star_spritsheet {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/magic_star_spritsheet.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.farmFruits_spritsheet {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/farmFruits_spritsheet.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.jungleSafari_spritsheet {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/jungleSafari_spritsheet.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.goldenCloverLink_spritsheet {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/goldenCloverLink_spritsheet.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.chillyDice_spritsheet {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/chillyDice_spritsheet.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.the-great-forest-spritsheet {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/the-great-forest-spritsheet.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.spinning-wheel-spritsheet {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/spinning-wheel-spritsheet.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.spinning-ultra-star {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/spinning-ultra-star.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.neon-fruits-spritsheet {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/neon-fruits-spritsheet.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.lucky-star-spritsheet {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/lucky-star-spritsheet.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.andhar-bahar-spritsheet {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/andhar-bahar-spritsheet.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.-ReBet {
    background-position: -70px 0;
    width: 83px;
    height: 70px;
}

.-Win {
    background-position: -266px 0;
    width: 68px;
    height: 70px;
}

.-TotalBet {
    background-position: -262px;
    width: 73px;
    height: 70px;
}

.chalky-fruit-spritsheet {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/chalky-fruit-spritsheet.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.fruitas-mayores-spritsheet {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/fruitas-mayores-spritsheet.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.fruint-hunt-spritsheet {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/fruint-hunt-spritsheet.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.fruit-blast-spritsheet {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/fruit-blast-spritsheet.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.ocean-mystery-spritsheet {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/ocean-mystery-spritsheet.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.halloween-fest-spritsheet {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/halloween-fest-spritsheet.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.Tomatina-Spritsheet {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/Tomatina-Spritsheet.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.Spin-Moji-Spritsheet {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/Spin-Moji-Spritsheet.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.-Double-Bet {
    background-position: -1451px 0;
    width: 100px;
    height: 70px;
}

.-Rebet {
    background-position: -1551px 0;
    width: 100px;
    height: 70px;
}

.-Undo {
    background-position: -1651px 0;
    width: 100px;
    height: 70px;
}

.-Complete-Bet {
    background-position: -1751px 0;
    width: 100px;
    height: 70px;
}

.-Snake {
    background-position: -1851px 0;
    width: 100px;
    height: 70px;
}

.-Neighbour {
    background-position: -1951px 0;
    width: 100px;
    height: 70px;
}

.-Red-Split {
    background-position: -2051px 0;
    width: 100px;
    height: 70px;
}

.-Black-Split {
    background-position: -2151px 0;
    width: 100px;
    height: 70px;
}

.-Total-Bet {
    background-position: -2251px 0;
    width: 100px;
    height: 70px;
}

.-Max-Win {
    background-position: -2351px 0;
    width: 100px;
    height: 70px;
}

.-Statistics {
    background-position: -2451px 0;
    width: 100px;
    height: 70px;
}

.golden-soccer-spritsheet {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/golden-soccer-spritsheet.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.santa-gift-factory-spritsheet {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/Spritesheet_124.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.treasure-quest-spritsheett {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/santa-gift-factory-spritsheet.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.roulette-spritsheet {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/Roulette-spritsheet.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.donJuan-Spritsheet {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/donJuan-Spritsheet.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.HotCarnival-Spritsheet {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/HotCarnival-Spritsheet.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.BubbleFruits-Spritsheet {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/BubbleFruits-Spritsheet.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.FortunePuppet-Spritsheet {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/FortunePuppet-Spritsheet.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.DinoLand-Spritsheet {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/DinoLand-Spritsheet.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.-FixedLine {
    background-position: -1461px 0;
    width: 83px;
    height: 70px;
}

.-Quick-Stop {
    background-position: -2551px 0;
    width: 100px;
    height: 70px;
}

.GoldenCasinoNight-Spritsheet {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/Golden-Casino-Night-Spritsheet.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.AquaParadise-Spritsheet {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/AquaParadise-Spritsheet.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.WinterAdventure-Spritsheet {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/WinterAdventure-Spritsheet.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.FrutasBank-Spritsheet {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/FrutasBank-Spritsheet.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.DoctorDave-Spritesheet {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/DoctorDave-Spritesheet.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.FruityGlass-Spritesheet {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/FruityGlass-Spritesheet.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.Vikingo-Spritsheet {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/Vikingo-Spritesheet.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.GoldenCasinoNight20-Spritsheet {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/GoldenCasinoNight20-Spritesheet.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.ArcadeFruits-SpriteSheet {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/ArcadeFruits-SpriteSheet.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.Spritesheet_141 {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/Spritesheet_141.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.Spritesheet_118 {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/Spritesheet_118.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.Spritesheet_120 {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/Spritesheet_120.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.Spritesheet_137 {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/Spritesheet_137.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.Spritesheet_138 {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/Spritesheet_138.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}


.Spritesheet_132 {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/Spritesheet_132.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.Spritesheet_133 {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/Spritesheet_133.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.Spritesheet_134 {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/Spritesheet_134.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.Spritesheet_142 {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/Spritesheet_142.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}


.Spritesheet_143 {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/Spritesheet_142.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.Spritesheet_139 {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/Spritesheet_139.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.Spritesheet_140 {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/Spritesheet_140.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.Spritesheet_141 {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/Spritesheet_141.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}


.Spritesheet_142 {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/Spritesheet_142.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.Spritesheet_143 {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/Spritesheet_143.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}


.Spritesheet_144 {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/Spritesheet_144.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}


.Spritesheet_145 {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/Spritesheet_145.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}


.Spritesheet_146 {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/Spritesheet_146.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}



.Spritesheet_147 {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/Spritesheet_147.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}


.Spritesheet_148 {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/Spritesheet_148.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}


.Spritesheet_149 {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/Spritesheet_149.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}


.Spritesheet_150 {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/Spritesheet_150.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.Spritesheet_151 {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/Spritesheet_151.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.Spritesheet_152 {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/Spritesheet_152.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.Spritesheet_153 {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/Spritesheet_153.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}


.Spritesheet_154 {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/Spritesheet_154.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.Spritesheet_155 {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/Spritesheet_155.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.Spritesheet_156 {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/Spritesheet_156.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.Spritesheet_157 {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/Spritesheet_157.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.Spritesheet_158 {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/Spritesheet_158.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.Spritesheet_159 {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/Spritesheet_159.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
}

.Spritesheet_160 {
    background-image: url(https://cdn2-5e15.kxcdn.com/Slotgames/SpriteImages/Spritesheet_160.png);
    background-repeat: no-repeat;
    display: block;
    margin: auto;
    width: 69px;
    height: 69px;
}


.filter_tab_main {
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
    display: inline-block;
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
}

.filter_tab_w {
    display: flex;
    align-items: center;
    padding: 0 0;
    margin: 0 0;
    width: 100%;
    overflow: auto;
}

.tab_item {
    flex-grow: 1;
    flex-basis: 0;
    list-style: none;
    margin: 0 2px;
    min-width: 100px;
    cursor: pointer;
}

    .tab_item .tab_pill {
        color: #e3e3e3;
        text-align: center;
        background-color: #222;
        width: 100%;
        display: inline-block;
        border-bottom: 1px solid #484848;
        padding: 8px 20px;
        font-weight: 600;
        border-radius: 5px;
        background: linear-gradient(0deg, rgb(104 104 104 / 80%) 0%, rgba(73,73,73,0.8) 50%, rgba(38,38,38,0.8) 100%);
        white-space: nowrap;
    }

.tab_pill.active {
    color: #fff;
    border-bottom: 1px solid #df5c00;
    background-color: #df5c00;
    background: linear-gradient(0deg, rgb(255 79 11 / 80%) 0%, rgb(239 88 0 / 80%) 50%, rgb(133 55 0 / 75%) 100%);
}

@media screen and (max-width: 768px) {
    .filter_tab_main {
        margin-top: 55px !important;
    }
}

@media screen and (max-width: 767px) {
    .N_slotgame.samll_thumb ul > li > div.mb.new:before {
        background-size: 48%;
    }
}



/*Start Playble bonus popup*/
._tab_pan_menu {
    list-style: none;
    justify-content: center;
}

    ._tab_pan_menu li {
        margin-right: 1px;
    }

        ._tab_pan_menu li a {
            font-size: 14px;
            background-color: #101010;
            padding: 6px 8px;
            border-radius: 3px;
            border: 1px solid #212121;
            min-width: 160px;
            cursor: pointer;
            text-decoration: none;
            color: #fff;
            display: inline-block;
        }

        ._tab_pan_menu li.active a {
            background-color: #df5c00;
            border-color: #df5c00;
        }

        ._tab_pan_menu li a:hover {
            background-color: #b54c02;
            border-color: #b54c02;
        }

._creditAmount .TransferCurrency {
    background-color: #c76c00;
}

.TransferAmount._creditAmount input {
    color: #c76c00;
}


/* side circle  jackpot */
._jackpot_side_credit_w {
    position: absolute;
    z-index: 1;
    display: flex;
    justify-content: center;
    width: 100%;
    padding-top:8px;
}

._jackpot_side_credit {
    width: 140px;
    height: 140px;
    position: relative;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
}

._jackpot_digit_w {
    position: absolute;
    left: auto;
    color: #fcce4b;
    font-weight: 600;
    display: flex;
    justify-content: center;
    width: auto;
    flex-direction: column;
    align-items: center;
    flex-wrap: wrap;
    right: auto;
}

._jackpot_side_credit label {
    color: #fcce4b;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 0;
    display: block;
}

._jackpot_digit_w._jackpot_bonus {
    top: 25%;
}

._jackpot_digit_w._jackpot_credit {
    top: 51.5%;
}

._jackpot_digit_w span {
    margin-right: 0px;
    display: inline-block;
    text-align: center;
    font-size: 12px;
    letter-spacing: 1px;
}

._jackpot_digit_w ._amount_w {
    background-image: url('https://cdn2-5e15.kxcdn.com/Slotgames/amount-bg.png');
    background-size: contain;
    background-repeat: no-repeat;
    width: 105px;
    height: 21px;
    text-align: right;
    padding: 0px 6px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}



/*End Playble bonus popup*/


/*  
Theme Name : AJS_Banner
angular Version : angular 1.5.8;
Theme Author : Praneesh p p
slider Designed by : Ysecit
*/

:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.AJS_Banner {
    width: 100%;
    overflow: hidden;
    display: inline-block;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none;
}

    .AJS_Banner:active, .AJS_Banner > ul > li > img:active {
        cursor: move
    }

    .AJS_Banner > ul {
        display: table;
        list-style: none;
        padding: 0;
        margin: 0;
        text-align: center;
        -webkit-transition: ease-out 1s;
        -moz-transition: ease-out 1s;
        -o-transition: ease-out 1s;
        transition: ease-out 1s;
        float: left;
        background-color: rgba(0,0,0,0.5);
        position: relative;
    }

        .AJS_Banner > ul > li {
            display: table-cell;
            position: relative;
        }

            .AJS_Banner > ul > li > img {
                float: left;
                width: 100%;
                -webkit-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none;
                -webkit-backface-visibility: hidden;
                -webkit-touch-callout: none;
            }

            .AJS_Banner > ul > li.video > iframe {
                width: 100%;
                height: 100%;
                position: absolute;
                top: 0;
                left: 0;
                border: none;
            }



    .AJS_Banner .dot {
        text-align: center;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 1;
    }

    .AJS_Banner > ul > li > span {
        position: absolute;
        width: 50%;
        height: 100px;
        text-align: center;
        left: 25%;
        top: 100px;
        color: #fff;
        font-size: 30px;
        z-index: 1;
    }

    .AJS_Banner .dot > span {
        display: inline-block;
        cursor: pointer;
        margin: 0 5px;
        background: #ffffff;
        width: 8px;
        border-radius: 100%;
        height: 8px;
    }

        .AJS_Banner .dot > span.active {
            background: #9a12b4;
            cursor: auto;
            -webkit-transition: scale(1.3);
            -moz-transition: scale(1.3);
            -o-transition: scale(1.3);
            transform: scale(1.3);
            -webkit-transition: ease-out 1s;
            -moz-transition: ease-out 1s;
            -o-transition: ease-out 1s;
            transition: ease-out 1s;
        }

    .AJS_Banner .next,
    .AJS_Banner .prev {
        position: absolute;
        top: 50%;
        margin: -25px 0 0 0;
        width: 50px;
        height: 50px;
        z-index: 1;
        text-align: center;
        cursor: pointer;
        color: #fff;
    }

        .AJS_Banner .next.disable,
        .AJS_Banner .prev.disable {
            opacity: 0.1;
        }

    .AJS_Banner .prev {
        left: 0;
    }

        .AJS_Banner .prev:before {
            content: "\f104";
            display: inline-block;
            font: normal normal normal 24px/1 FontAwesome;
            line-height: 50px;
        }

    .AJS_Banner .next:before {
        content: "\f105";
        display: inline-block;
        font: normal normal normal 24px/1 FontAwesome;
        line-height: 50px;
    }

    .AJS_Banner .next:hover,
    .AJS_Banner .prev:hover,
    .AJS_Banner .dot > span:hover {
        color: #9a12b4;
        -webkit-transition: scale(1.4);
        -moz-transition: scale(1.4);
        -o-transition: scale(1.4);
        transform: scale(1.4);
        -webkit-transition: ease-out .15s;
        -moz-transition: ease-out .15s;
        -o-transition: ease-out .15s;
        transition: ease-out .15s;
    }

    .AJS_Banner .next {
        right: 0;
    }

    .AJS_Banner > ul > li.active {
        -webkit-animation: activeAJS_Banner 1s;
        animation: activeAJS_Banner 1s;
    }

@keyframes activeAJS_Banner {
    0% {
        opacity: 0.1;
        -webkit-transition: scale(0.1);
        transform: scale(0.1);
    }

    100% {
        opacity: 1;
        -webkit-transition: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes activeAJS_Banner {
    0% {
        opacity: 0.1;
        -webkit-transition: scale(0.1);
        transform: scale(0.1);
    }

    100% {
        opacity: 1;
        -webkit-transition: scale(1);
        transform: scale(1);
    }
}

@charset "UTF-8";

/*!
 * animate.css -https://daneden.github.io/animate.css/
 * Version - 3.7.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2019 Daniel Eden
 */

@-webkit-keyframes bounce {
    from, 20%, 53%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}

@keyframes bounce {
    from, 20%, 53%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}

@-webkit-keyframes flash {
    from, 50%, to {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

@keyframes flash {
    from, 50%, to {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}

@-webkit-keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
}

@-webkit-keyframes shake {
    from, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

@keyframes shake {
    from, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake;
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}

@-webkit-keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%, 20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%, 20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes wobble {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble;
}

@-webkit-keyframes jello {
    from, 11.1%, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }

    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}

@keyframes jello {
    from, 11.1%, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }

    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center;
}

@-webkit-keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

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

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

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

@keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

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

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

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

.heartBeat {
    -webkit-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

@-webkit-keyframes bounceIn {
    from, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes bounceIn {
    from, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.bounceIn {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInDown {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInLeft {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInRight {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInUp {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

.bounceOut {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes fadeOutDown {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes fadeOutDownBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes fadeOutLeft {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes fadeOutLeftBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes fadeOutRight {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

@keyframes fadeOutRightBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes fadeOutUp {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes fadeOutUpBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
    from {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    to {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

@keyframes flip {
    from {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    to {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip;
}

@-webkit-keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}

@-webkit-keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

.flipOutX {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

@keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

.flipOutY {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
    from {
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

@keyframes lightSpeedOut {
    from {
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

@keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%, 60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40%, 80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%, 60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40%, 80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-name: hinge;
    animation-name: hinge;
}

@-webkit-keyframes jackInTheBox {
    from {
        opacity: 0;
        -webkit-transform: scale(0.1) rotate(30deg);
        transform: scale(0.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg);
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes jackInTheBox {
    from {
        opacity: 0;
        -webkit-transform: scale(0.1) rotate(30deg);
        transform: scale(0.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg);
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

@keyframes rollOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    to {
        opacity: 0;
    }
}

@keyframes zoomOut {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    to {
        opacity: 0;
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

    .animated.infinite {
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
    }

    .animated.delay-1s {
        -webkit-animation-delay: 1s;
        animation-delay: 1s;
    }

    .animated.delay-2s {
        -webkit-animation-delay: 2s;
        animation-delay: 2s;
    }

    .animated.delay-3s {
        -webkit-animation-delay: 3s;
        animation-delay: 3s;
    }

    .animated.delay-4s {
        -webkit-animation-delay: 4s;
        animation-delay: 4s;
    }

    .animated.delay-5s {
        -webkit-animation-delay: 5s;
        animation-delay: 5s;
    }

    .animated.fast {
        -webkit-animation-duration: 800ms;
        animation-duration: 800ms;
    }

    .animated.faster {
        -webkit-animation-duration: 500ms;
        animation-duration: 500ms;
    }

    .animated.slow {
        -webkit-animation-duration: 2s;
        animation-duration: 2s;
    }

    .animated.slower {
        -webkit-animation-duration: 3s;
        animation-duration: 3s;
    }

@media (print), (prefers-reduced-motion: reduce) {
    .animated {
        -webkit-animation-duration: 1ms !important;
        animation-duration: 1ms !important;
        -webkit-transition-duration: 1ms !important;
        transition-duration: 1ms !important;
        -webkit-animation-iteration-count: 1 !important;
        animation-iteration-count: 1 !important;
    }
}


.jk_logo_w {
    position: absolute;
    width: 300px;
    height: 62px;
    top: 10px;
    left: 50%;
    transform: translate(-50%,0);
    overflow: hidden;
    border-radius: 32px;
}

    .jk_logo_w img {
   
        width: 100%;
    }

.startBg1:before {
    background-position: -318px -99px;
    width: 96px;
    height: 58px;
    transform: scale(1);
    left: -2px;
    top: 5px;
    position: relative;
}

.startBg2:before {
    background-position: -315px -184px;
    width: 102px;
    height: 60px;
    transform: scale(1);
    left: -12px;
    top: 6px;
    position: relative;
}

.startBg3:before {
    background-position: -316px -334px;
    width: 100px;
    height: 55px;
    transform: scale(1);
    left: -10px;
    top: 5px;
    position: relative;
}

.startBg4:before {
    background-position: -314px -261px;
    width: 100px;
    height: 60px;
    transform: scale(1);
    left: -10px;
    top: 10px;
    position: relative;
}

.jkpBGW{
    height:275px;
    position:absolute;
    left:0;
    top:0;
    z-index:2;
}


    .jkpBGW .__level1 {
        position: absolute;      
        font-size: 36px;
        font-weight: bold;
        top: 67%;
        left: 34%;
        transform: translate(-50%,-50%);
    }
    .jkpBGW .__level2 {
        position: absolute;
        font-size: 36px;
        font-weight: bold;
        top: 67%;
        left: 66%;
        transform: translate(-50%,-50%);
    }
.__levelWW{
    position:relative;
}
    .__levelWW .__level1 {
        position: absolute;
        font-size: 24px;
        font-weight: bold;
        top: 48%;
        left: 52%;
        transform: translate(-50%,-50%);
    }
    .__levelWW .__level2 {
        position: absolute;
        font-size: 24px;
        font-weight: bold;
        top: 48%;
        left: 52%;
        transform: translate(-50%,-50%);
    }
    .__levelWW .loader_text{
        font-size:20px;
    }

    @media only screen and (max-width: 720px) {
        .jkpBGW {
        background-color: #131e60;
    }

        .jkpBGW img {
            object-position: -168px;
            width: 1053px !important;
            height: 208px !important;
            margin-top: 32px;
        }


        .jkpBGW .__level2 { 
            top: 62%;
            left: 74%;          
        }
        .jkpBGW .__level1 {
      
            top: 62%;
            left: 25%;
          
        }
}

@media only screen and (max-width:500px) {

    .jkpBGW img {
        object-position: -79px;
        width: 907px !important;
        height: 195px !important;
        margin-top: 32px;
    }


    .jkpBGW .__level2 {
        top: 59%;
        left: 71%;
        font-size: 26px;
    }

    .jkpBGW .__level1 {
        top: 59%;
        left: 32%;
        font-size: 26px;
    }
}

.currencyID {
    position: absolute;
    font-size: 15px;
    font-weight: bold;
    transform: translate(-50%,-50%);
}

    .currencyID.level__1 {
        top: 83.5%;
        left: 33.7%;
    }

    .currencyID.level__2 {
        top: 83.5%;
        left: 66.5%;
    }

.currencyID_b {
    position: absolute;
    font-size: 11px;
    font-weight: bold;
    top: 58.5%;
    left: 51.5%;
    transform: translate(-50%,-50%);
}

    .currencyID_b.level__1 {
        top: 58.5%;
        left: 51.5%;
    }

    .currencyID_b.level__2 {
        top: 57.8%;
        left: 52.9%;
    }

.tournament_icon {
    position: absolute;
    z-index: 3;
    left: 10px;
    transform: translate(0, -50%) !important;
    top: 80px;
    width: 45px;
    height: 45px;
    animation: pulse 1.5s ease-in-out infinite;
    background: linear-gradient(180deg, #fd2833 0%, #280000 100%);
    border-radius: 50px;
    padding: 4px;
    border: 2px solid #710000;
    display: block !important;
}
.tournament_icon img {
    width: 100%;
    min-height: unset;
    filter: drop-shadow(-3px 4px 5px #000);
}
@media only screen and (max-width: 720px) {
    .currencyID.level__1 {
        top: 74.5%;
        left: 25.7%;
    }

    .currencyID.level__2 {
        top: 74.5%;
        left: 74.3%;
    }

    .tournament_icon {
        left: 8px;
        top: 51px;
        width: 34px;
        height: 34px;
    }
}

@media only screen and (max-width:500px) {
    .currencyID.level__1 {
        top: 70.5%;
        left: 31.1%;
    }

    .currencyID.level__2 {
        top: 70.5%;
        left: 72.8%;
    }
}




 
.loader_text {
    --w: 10ch;
    font-weight: bold;
    font-family: monospace;
    font-size: 24px;
    letter-spacing: var(--w);
    width: var(--w);
    overflow: hidden;
    white-space: nowrap;
    text-shadow: calc(-1*var(--w)) 0, calc(-2*var(--w)) 0, calc(-3*var(--w)) 0, calc(-4*var(--w)) 0, calc(-5*var(--w)) 0, calc(-6*var(--w)) 0, calc(-7*var(--w)) 0, calc(-8*var(--w)) 0, calc(-9*var(--w)) 0;
    animation: l16 2s infinite;
}

    .loader_text:before {
        content: "Loading...";
    }

@keyframes l16 {
    20% {
        text-shadow: calc(-1*var(--w)) 0, calc(-2*var(--w)) 0 red, calc(-3*var(--w)) 0, calc(-4*var(--w)) 0 #ffa516, calc(-5*var(--w)) 0 #63fff4, calc(-6*var(--w)) 0, calc(-7*var(--w)) 0, calc(-8*var(--w)) 0 green, calc(-9*var(--w)) 0;
    }

    40% {
        text-shadow: calc(-1*var(--w)) 0, calc(-2*var(--w)) 0 red, calc(-3*var(--w)) 0 #e945e9, calc(-4*var(--w)) 0, calc(-5*var(--w)) 0 green, calc(-6*var(--w)) 0 orange, calc(-7*var(--w)) 0, calc(-8*var(--w)) 0 green, calc(-9*var(--w)) 0;
    }

    60% {
        text-shadow: calc(-1*var(--w)) 0 lightblue, calc(-2*var(--w)) 0, calc(-3*var(--w)) 0 #e945e9, calc(-4*var(--w)) 0, calc(-5*var(--w)) 0 green, calc(-6*var(--w)) 0, calc(-7*var(--w)) 0 yellow, calc(-8*var(--w)) 0 #ffa516, calc(-9*var(--w)) 0 red;
    }

    80% {
        text-shadow: calc(-1*var(--w)) 0 lightblue, calc(-2*var(--w)) 0 yellow, calc(-3*var(--w)) 0 #63fff4, calc(-4*var(--w)) 0 #ffa516, calc(-5*var(--w)) 0 red, calc(-6*var(--w)) 0, calc(-7*var(--w)) 0 grey, calc(-8*var(--w)) 0 #63fff4, calc(-9*var(--w)) 0;
    }
}