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

/*  background: #6100b8;*/
}

#shade_24 {
  background: rgb(97,0,184);
  background: radial-gradient(circle, rgba(150,150,150,0.5) 0%, rgba(150,150,150,0) 50%);
  opacity: 0;
}

#dragArea_24 {
  cursor: grab;
}

#bg_24 {
  background-image: url(bg.jpg);
  background-position: center;
  background-size: cover;
}



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


.rct_24 {
  width: 400px !important;
  height: 400px !important;
  position: absolute !important;
}

#cont_24 {
    opacity: 0;
}

#ctaArea_24 {
    position: absolute;
    bottom: 5%;
    left: 10%;
    width: 80%;
    height: 15%;
    z-index: 7777;
    cursor: pointer;
}
#area_24 {
  position: absolute;
  width: 50%;
  height: 60%;
    cursor: pointer;
}

#bg_24 {
    background-image: url(bg.png);
}
#ctaCont_24 {
    position: absolute;
    margin-top: 180px;
    opacity: 0;
}
#cta_24 {
    background-image: url(cta.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.cta_24 {
    position: absolute;
    width: 393px;
    height: 99px;
}
#ctaBG_24 {
    background-color: #a877f6;
    border-radius: 50px;

}

.animBG_24 {
    background: linear-gradient(-45deg, #a877f6, #fae00f, #863ccd, #f9e787);
    background-size: 200% 200%;
    animation: gradient_24 0.6s ease infinite;
}

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

#logo_24 {
  width: 317px;
  height: 76px;
  background-image: url(logo.png);
  margin-top: -170px;
  opacity: 0;
}


.bgfit_24 {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}












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



















/*  FLEX CONTENT   s t a r t  */

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

.f_24 {
  display: flex !important;
}

/*  FLEX CONTENT   e n d  */

.hideit {
  visibility: hidden;
}

/*
.mask_img {
    position: absolute;
    width: 150%;
    height: 150%;
    background-image: url(logo.png);
}*/

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



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

#dragEl_24 {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  background-image: url(empty.png) !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;
}


.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) {
}