.dot {
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  transform: translateX(-50%) translateY(-50%);
  border-radius: 50%;
  box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.7),
    0px 0px 5px 1px rgba(0, 0, 0, 0.8);
  border: 1px solid rgba(255, 255, 255, 0.9);
  background-color: rgba(0, 0, 0, 0.7);
}

.dot.hidden {
  opacity: 0;
}

.mobile .dot.hidden {
  opacity: 1 !important;
}

.icon_div {
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: 50px;
  left: 30px;

  width: 200px;
  height: 200px;

  display: none;

  cursor: pointer;

  /* transition: all 0.0s ease-in; */
}

.icon_div_right_button {
  background-image: url(icon_right_button.png);
}

.icon_div_left_button {
  background-image: url(icon_left_button.png);
}

.icon_div_arrow_up {
  background-image: url(icon_arrow_up.png);
}

.icon_div_arrow_down {
  background-image: url(icon_arrow_down.png);
}

.a_hidden {
  display: none;
}

.mobile .icon_div {
  display: none !important;
}