#ad_24 {
/*  background-color: black;*/
  width: 100%;
  height: 100%;
  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: 9999999 !important;
  left: 0px;
  top: 0px;
  bottom: 0px;
  right: 0px;
  display: none;
  opacity: 1;
  overflow: hidden;
  text-overflow: clip;
  cursor: pointer;
}


#canvas_24 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
/*  background-color: black;*/
}
#canvas_behind_24 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
/*  background-color: black;*/
}
#canvas_end_24 {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
/*  background-color: black;*/
}

.pic_24 {
  position: absolute;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  visibility: hidden;
}

#small_24 {
  position: fixed;
  bottom: 0px;
  right: 0px;
  width: 600px;
  height: 500px;
  padding: 0px !important;
  display: none;
  justify-content: center;
  z-index: 99999999 !important;
}

#dragArea_24 {
  cursor: grab;
}



#logo_24 {
  position: absolute;
  width: 264px;
  height: 48px;
  background-image: url(logo.png);
  margin-left: 2.5vh;
  margin-top: 2.5vh;
  background-position: left center;
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0;
}

#logo_shade_24 {
  opacity: 0;
  background: linear-gradient(180deg, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 22%);
}

#t1_24 {
  background-image: url(t1.png);
}
#t2_24 {
  background-image: url(t2.png);
}
#t3_24 {
  background-image: url(t3.png);
}
#t4_24 {
  background-image: url(t4.png);
}
#ts_24 {
  background-image: url(ts.png);
}
#text2_24 {
  background-image: url(text2.png);
}
#cta_24 {
  background-image: url(cta.png);
}
#symbol_24 {
  background-image: url(symbol.png);
}







/*  FLEX CONTENT   s t a r t  */

#wrapper_24 {
  align-items: center;
  justify-content: center;
  /*    padding: 10px;*/
  /*    background-color: black;*/
}

#stuff_24 {
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  /*    max-width: 60%;*/
  /*    height: 100%;*/
  position: relative;
  /*    flex-grow: 1;*/
  /*    gap: 1%;*/
  /*    opacity: 0*/
}

#screen_24 {
  flex-grow: 2.5;
  width: 100%;
  position: relative;
  /*    background-color: blue;*/
}

#playerCont_24 {
  position: absolute;
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.5);
}

.f_24 {
  display: flex !important;
}

/*  FLEX CONTENT   e n d  */


.hideit {
  visibility: hidden;
}


.z1_24 {
  z-index: 100000;
}
.z2_24 {
  z-index: 200000;
}


.plane {
  width: 90%;
  height: 100%;
  margin-top: -40px;
  margin-left: 50px;
}
.plane img {
  display: none;
}

#curtains_24 {
  position: absolute;
  margin: 0;
  overflow: hidden;
  z-index: 999999998;
  width: 1000px;
  height: 667px;
  background-color: rgba(0, 111, 55, 0.25);
}

.curtain_24 {
  position: absolute;
  background-image: url(curtains.png);
  width: 1066px;
  height: 1000px;
}

.side_24 {
  position: absolute;
}

#coverTop_24 {
  width: 100%;
  height: 66px;
  background-color: black;
  position: absolute;
}
#coverBot_24 {
  width: 100%;
  height: 66px;
  bottom: 0px;
  background-color: black;
  position: absolute;
}

#posters_24 {
  cursor: pointer;
}

#lights_24 {
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    -45deg,
    #170033,
    #551872,
    #9b648c,
    #a9919e,
    #6e287a,
    #9b648c,
    #551872,
    #170033,
    #170033,
    #551872,
    #9b648c,
    #a9919e,
    #6e287a,
    #9b648c,
    #551872,
    #170033,
    #170033,
    #551872,
    #9b648c,
    #a9919e
  );
  background-size: 400% 400%;
  animation: gradient 20s ease infinite;
}

@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

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

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

#close_btn_24 {
  position: absolute !important;
  width: 93px !important;
  height: 93px !important;
  top: -10px !important;
  right: -10px !important;
  background-image: url(close_btn.png) !important;
  cursor: pointer !important;
  /*background-color: red;*/
  z-index: 9999999 !important;
}

#close_small_btn_24 {
  position: absolute !important;
  width: 60px !important;
  height: 60px !important;
  top: 10px !important;
  right: 10px !important;
  background-image: url(close_btn.png) !important;
  cursor: pointer !important;
  /*background-color: red;*/
  z-index: 9999999 !important;
  background-size: contain;
}

#close_ad_btn_24 {
  position: absolute !important;
  width: 60px !important;
  height: 60px !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;
}

#gameCtaArea_24 {
  cursor: grab;
}

#big_close_btn_24 {
  position: absolute !important;
  width: 93px !important;
  height: 93px !important;
  top: 20px !important;
  right: 20px !important;
  background-image: url(close_btn.png) !important;
  opacity: 0;
}
#fullscreen_btn_24 {
  position: absolute !important;
  width: 93px !important;
  height: 93px !important;
  /*top: -20px !important;*/
  /*right: -20px !important;*/
  top: 0px;
  right: 0px;
  background-image: url(fullscreen_btn.png) !important;
  cursor: pointer !important;
  /*display: none;*/
  z-index: 9999998 !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 {
  -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%;
}

/*@media (orientation: landscape) {
  body {
    flex-direction: row;
  }
}*/

@media (orientation: portrait) {
  #stuff_24 {
    max-width: 95%;
  }

  #l/*ogo_24 {
        flex-grow: 2;
    }*/

    #screen_24 {
    flex-grow: 2;
  }

  #info_24 {
    flex-grow: 3;
    flex-direction: column;
    justify-content: flex-start;
    gap: 1%;
  }

  #date_24 {
    width: 50%;
    max-height: 7vh;
  }

  #ctaFinal_24 {
    width: 50%;
    max-height: 5vh;
  }

  #bottom_24 {
    height: 70%;
  }
}