body {
/*    background-color: rgb(111, 111, 111);*/
}

#bg_24 {
    background-color: red;
    background-image: url('bg.png');
    background-size: cover;
    background-position: center;
    width: 100vw;
    height: 100vh;
    /*width: 500px;*/
    /*height: 500px   ;*/
    position: absolute;
}

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

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

#logo_24 {
    position: absolute;
    background-image: url('logo.png');
    width: 400px;
    height: 200px;
    left: 50%;
    margin-left: -200px;
    position: absolute;
    top: 6vh;
}

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

#videoPlayer_24 {
    background-color: black;
    border-radius: 5vmin;
    width: 95vmin;
    height: 60vmin;
    position: absolute;
    margin-top: -7vh;
    opacity: 0;
}


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

#close_small_btn_24 {
    z-index: 1400000;
}


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

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






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

    /*box-shadow: 0px 10px 35px rgba(178, 209, 255, 0.65);*/
}

/*  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;
}






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


#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;
    top: 0px !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;
}


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


#ad_24 {
/*    width: 100%;*/
/*    height: 80vw;*/
    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;

/*    left: 0px;*/

    display: none;

    overflow: hidden;
    text-overflow: clip;

/*    background-color: rgba(0, 0, 0, 1);*/
    /*background-color: #004372;*/

        right: 0px !important;
        bottom: 0px !important;
        width:  100% !important;
        height: 100% !important;
/*        left: auto;*/
}



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

.noDisplay_24 {
    display: none;
}

.noDisplay {
    display: none;
}

.noEvents{
  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 */

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


/* MOBILE VERTICAL */
@media (orientation: portrait) and (max-device-width: 767px) {
}