body {
    background-color: rgba(0, 0, 0, 0.05);
}

#bg_24 {
/*    background-color: red;*/
    background-size: cover;
    background-position: center;
    /*width: 500px;*/
    /*height: 500px   ;*/
    position: absolute;

/*    filter: blur(11px);*/

    transition-property: filter;
    transition-duration: 1s;
    transition-delay: 0s;
}

#bgs_24 {
    pointer-events: none;
}

#bg_real_24 {
    position: absolute;
    background-size: cover;
    background-position: center;
    background-image: url(bg.jpg);
    display: none;
/*    filter: blur(5px);*/
    transition-property: filter;
    transition-duration: 1s;
    transition-delay: 0s;
}

#shadows_24 {
    position: absolute;
    width: 360px;
    height: 57px;
    background-image: url(shadows.png);
}

#can_24 {
/*    background-image: url(can.png);*/
}

#cta_24 {
    position: absolute;
/*    background-image: url(cta.png);*/

    width: 609px;
    left: 50%;
    margin-left: -305px;
    height: 159px;
    position: absolute;
    bottom: 3.5vh;
    opacity: 0;
}


#videoCont_24 {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    display: none;
}

#playerCont_24 {
    width: 960px;
    height: 540px;
}

#videoPlayer_24 {
    background-color: black;
    border-radius: 5vmin;
    position: absolute;
    /*opacity: 0;*/
    box-shadow: 0px 5px 20px rgb(237 121 30 / 60%);
}


#drag_area_24 {
    cursor: pointer;
    z-index: 1200000;
}

#close_small_btn_24 {
    z-index: 1400000;
    pointer-events: auto;
    cursor: pointer;
}


.noscroll_24 {
/*    overflow: hidden;*/
/*  overflow-y: hidden;*/
/*  overflow-x: hidden;*/
}

.wrap_24 {
    overflow: hidden;
    text-overflow: clip;
}

#wrapper_fix_24 {
    position: absolute;
    width: 100vw;
    height: 100vh;
/*    width: 100%;*/
/*    height: 100%;*/
}


#patalyne_24 {
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(patalyne.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
}

#kojos1_24 {
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(kojos1.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    display: none;
}
#kojos2_24 {
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(kojos2.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    display: none;
}



.ico_24 {
    position: absolute;
    left: 458px;
    top: 259px;
    color: white;
    opacity: 0;
}

/*  FLEX CONTENT   s t a r t  */

#wrapper_24 {
    /*flex-direction: column;*/
    /*align-items: center;*/
/*    justify-content: space-around;*/
    /*justify-content: space-evenly;*/
/*    justify-content: center;*/
    /*gap: 0vmin;*/
/**/
}

.f_24{
    display: flex !important;
}

/*  FLEX CONTENT   e n d  */





.hideit {
    visibility: hidden;
}







.z1_24 {
    z-index: 1000000000;
}
.z2_24 {
    z-index: 2000000000;
}




#canvas_24 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
/*    width:  1000px;*/
/*    height:  667px;*/
}





.side_24 {
    position: absolute;
}



.sep_24 {
    flex-grow: 0.5;
}


#ranka_24 {
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 30%;
    height: 100%;
    background-image: url(ranka.png);
    background-repeat: no-repeat;
    display: none;
}

#animWrap_24 {
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: auto;
    cursor: pointer;
}

#animCont_24 {
    position: absolute;
    width:1000px;
    height: 1000px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#ranka2_behind_24 {
    background-image: url(ranka2_behind.png);
    z-index: 1000;
}
#ranka2_24 {
    background-image: url(ranka2.png);
    z-index: 5000;
}
.ranka2_24 {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 1000px;
    height: 708px;
    background-repeat: no-repeat;
}

#shade_24 {
/*    background-color: #e09500;*/
/*    opacity: 0.85;*/
}

.bowl_24 {
    width: 515px;
    height: 250px;
    position: absolute;
}

#bowl_top_24 {
    background-image: url(bowl_top.png);
    z-index: 1000;
}
#bowl_bot_24 {
    background-image: url(bowl_bot.png);
    z-index: 5000;
}

#chipsai_24 {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
/*    background-color: rgba(0, 0, 0, 0.25);*/
    width: 480px;
    height: 730px;
    border-radius: 170px;
    overflow: hidden;
    text-overflow: clip;
    z-index: 2500;
}


.chip_24 {
    position: absolute;
    width: 180px;
    height: 180px;
/*    background-image: url(c1.png);*/
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 2500;
}
    

#tap_btn_24 {
    position: absolute;
    width: 405px;
    height: 112px;
    background-image: url(tap_btn.png);
    margin-left: -660px;
    margin-top: 60px;
    display: none;
}

/* MOBILE LANDSCAPE */
/*@media (orientation: landscape) and (max-device-width: 767px) {*/


@media (orientation: landscape) {
    #logo_24 {
        left: 3vh;
        margin-left: 0px;
    }
    #bg_24 {
        width: 2000px;
        height: 1020px;
    }
    #bg_real_24 {
        width: 2000px;
        height: 1020px;
    }
}

@media (orientation: portrait) {
    #bg_24 {
        width: 1000px;
        height: 1335px;
    }

    #bg_real_24 {
        width: 1000px;
        height: 1335px;
        background-image: url(bg_ver.jpg);
    }

    #ranka_24 {
/*        right: 10vw;*/
        width: 45%;
        height: 90%;
        bottom: 10vh;
        right: -10vw;
        background-position: left bottom;
    }
    
    #patalyne_24 {
        background-size: contain;
    }

}





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


#dragEl_24 {
    cursor: pointer;
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
    background-image: url(empty.png) !important;
}

#close_btn_24 {
    position: absolute !important;
    width: 35px !important;
    height: 35px !important;
/*    bottom: 150px !important;*/
/*    right: 0px !important;*/
    background-image: url(close_btn.png) !important;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer !important;
    /*background-color: red;*/
    z-index: 9999999 !important;
    border-radius: 100px;
    overflow: hidden;
    text-overflow: clip;

    pointer-events: auto;
}


#myCanvas{
    position:absolute;
    height:100%;
    width:100%;
}


#ad_24 {
    position: fixed !important;
    border: 0px solid #CCC !important;
    -webkit-perspective: 1000px !important;
    -moz-perspective: 1000px !important;
    -o-perspective: 1000px !important;
    perspective: 1000px !important;
    z-index: 9999999999 !important;

    display: none;
    pointer-events: none;

    overflow: hidden;
    text-overflow: clip;

        left: 0px !important;
        top: 0px !important;
        right: 0px !important;
        bottom: 0px !important;

        width:  100% !important;
        height: 100% !important;
}



.rct {
    width: 150px !important;
    height: 160px !important;
    position: absolute !important;
}

.noDisplay_24 {
    display: none;
}

.noDisplay {
    display: none;
}

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

.noselect_24 {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}


.fs_24 {
    position: absolute;
    width: 100%;
    height: 100%;
}

#output_24 {
    position: absolute;
    top: -600;
    width: 400px;
    z-index: 9999999999999;
    overflow-wrap: break-word;
}



/* default::: buvo MOBILE VERTICAL, daba DESKTOP */