#small_24 {
  position: fixed !important;
  bottom: 0px;
  padding: 0px !important;
  left: 50%;
  display: none;
  width: 600px;
  height: 450px;
  margin-left: -300px;
  z-index: 2147483640 !important;
}

#product_small_24 {
}

#product_24 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background-image: url(art_2.png);
  background-size: cover;
}
#art_24 {
  position: absolute;
  width: 120%;
  height: 120%;
  top: -10%;
  left: -10%;
  background-image: url(art_3.png);
  background-size: cover;
}
#product_24 {
  position: absolute;
  width: 120%;
  height: 120%;
  top: -10%;
  left: -10%;
}

.product_img_24 {
  background-image: url(bottle.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

#circle_cont_24 {
  position: absolute;
  width: 600px;
  height: 600px;
  bottom: -300px;
}

#circle_24 {
  position: absolute;
  width: 600px;
  height: 600px;
  border-radius: 300px;
  animation: rotation 8s infinite linear;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

.pattern_24 {
  background-image: url(blue_bg.jpg);
  background-size: cover;
  background-position: center;
}

.lady_24 {
  position: absolute;
  width: 500px;
  height: 450px;
  bottom: 0px;
  left: -90px;
}

#text_24 {
  position: absolute;
  width: 500px;
  height: 450px;
  left: 130px;
  top: 10px;
}

#text_big_24 {
  background-size: cover;
  position: absolute;
  width: 110%;
  height: 110%;
  top: -5%;
  left: -5%;
  background-image: url(art_1.png);
}

.text_24 {
  background-image: url(text.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

#cta_small_24 {
  position: absolute;
  width: 356px;
  height: 87px;
  left: 145px;
  bottom: 14px;
  border-radius: 100px;
  background: #fa4d09;
  /*    background: rgb(0,0,0);*/
  /*    background: linear-gradient(0deg, #08a5d3 0%, #0bbedf 100%);*/
  box-shadow: 0px 13px 24px rgba(6, 14, 45, 0.9);
  border: 2px solid #005878;
}

#cta_small_rect_24 {
  /*    background-color: #041a27;*/
  background-color: #f5a706;
  top: 95px;
}

#cta_small_text_24 {
  position: absolute;
  width: 246px;
  height: 53px;
  left: 83px;
  bottom: 17px;
  background-image: url(cta_small_text.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

#ctaFinal_24 {
  position: absolute;
  bottom: 100px;
  left: calc(50% - (359px / 2));
  width: 359px;
  height: 92px;
  background-image: url(cta.png);

  flex-grow: 1;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

#video_wrap_24 {
  box-sizing: border-box;
  width: 90%;
  left: 5%;
  top: 20%;
  position: absolute;
  border-radius: 30px;
  overflow: hidden;
  padding: 10px;
  background-color: #000;
}
video {
  width: 100%;
  border-radius: 20px;
}

button {
  border: unset;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

button:active {
  transform: scale(0.8);
}

#toggle_sound,
#toggle_play {
  position: absolute;
  right: 30px;
  bottom: 20px;
  width: 60px;
  height: 60px;
  background-color: #000;
  border-radius: 50%;
}

#toggle_play {
  right: unset;
  left: 30px;
}

#toggle_sound img {
  position: absolute;
  width: 40px;
  left: 10px;
  top: 15px;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  touch-action: none;
}
#toggle_play img {
  position: absolute;
  width: 30px;
  left: 15px;
  top: 15px;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  touch-action: none;
}
#cta_small_icon_cont_24 {
  position: absolute;
  width: 50px;
  height: 50px;
  left: 22px;
  bottom: 19px;
  background-size: 65%;
  background-color: white;
  border-radius: 100px;
  box-shadow: 0px 4px 5px rgba(39, 113, 133, 0.35);
}

#cta_small_icon_24 {
  position: absolute;
  width: 50px;
  height: 50px;
  background-image: url(arrow_icon.png);
  background-position: center;
  background-size: 65%;
  background-repeat: no-repeat;
}

#logo_small_24 {
  position: absolute;
  width: 281px;
  height: 169px;
  background-image: url(logo.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

#water_wave_24 {
  position: absolute;
  width: 100%;
  height: 12%;
  top: -4vh;
}

.water_wave_24 {
  position: absolute;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  z-index: 9999999;
  /*    top: -50px;*/
  bottom: 0px;
  opacity: 0;
}

#water_cont_24 {
  width: 100%;
  height: 100%;
  position: fixed;
  display: none;
  bottom: 0px;
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: 2147483639;
}

#small_wrap_24 {
  left: 50px;
}

.shadow_24 {
  -webkit-filter: drop-shadow(0px 6px 10px rgba(0, 0, 0, 0.4));
  filter: drop-shadow(0px 6px 10px rgba(0, 0, 0, 0.4));
}

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

.small_text_24 {
  position: absolute;
  width: 328px;
  height: 91px;
}

#bg_24 {
  /*     animation-timing-function: lissnear;*/
  /*  animation: mymove 5s infinite linear;*/

  /* animation-name: mymove;
  animation-duration: 8s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;

  background-position: top left;
  background-size: auto !important; */
  background-color: #fff8c5;
}
@keyframes mymove {
  from {
    background-position: 0px 866px;
  }
  to {
    background-position: 869px 0px;
  }
}

.logo_24 {
  background-image: url(logo_big.png);
  cursor: pointer;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

#logoCorner_24 {
  position: absolute;
  width: 20vmin;
  height: 18vmin;
  margin: 2vmin;
  left: 0px;
  top: 0px;
}

#tagline_24 {
  background-image: url(tagline.png);
  width: 25vmin;
  height: 8vmin;
  margin: 2vmin;
  position: absolute;
  right: 0px;
  bottom: 0px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  /* background-color: red; */
}

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

/*  FLEX CONTENT   s t a r t  */

#wrapper_24 {
  align-items: center;
  justify-content: center;
}

#stuff_24 {
  /*    justify-content: center;*/
  /*    align-items: center;*/
  width: 850px;
  height: 850px;
  position: absolute;
  opacity: 0;
  border-radius: 50px;
}

#screen_24 {
  flex-grow: 2;
  width: 100%;
  height: 50%;
  position: relative;
}

#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  */

#shade_24 {
  position: absolute;
  width: 500px;
  height: 500px;
  top: 100px;
  background: rgb(0, 0, 0);
  background: radial-gradient(
    circle,
    #9be0ed 0%,
    rgba(71, 175, 196, 0.3) 40%,
    rgba(71, 175, 196, 0) 65%
  );
  opacity: 1;
  left: 50px;
}

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

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

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

#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;
}

#ad_24 {
  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: 2147483640 !important;

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

  display: none;
}

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

.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%;
}

@media (orientation: landscape) {
}

@media (orientation: portrait) {
}

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