/* Цвет информационных маркеров */
#markers .button {
  /*background: #f6e50a;*/
}

/* Цвет полосы загрузки */
#control-panel .progress-bar .value {
  /*background: #f6e50a;*/
}

#tour-player {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

#markers .marker {
  height: 48px;
  width: 48px;
  margin-left: -24px;
  margin-top: -24px;
}

#markers .button {
  height: 48px;
  width: 48px;
  border-radius: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-color: transparent;
}

#markers .button.extraSmall {
  transform: scale(.5);
}

#markers .button.extraSmall:hover {
  transform: scale(.57);
}

#markers .button.small {
  transform: scale(.7);
}

#markers .button.small:hover {
  transform: scale(.8);
}

#markers .button.large {
  transform: scale(1.2);
}

#markers .button.large:hover {
  transform: scale(1.3);
}

#markers .title.top {
  margin-top: -48px;
}

#markers .title.bottom {
  margin-top: 48px;
}


#markers .title.right {
  margin-left: 48px;
}

#markers .title.left {
  margin-top: -48px;
}


#notification {
  z-index: 50;
}


#markers .marker.hideIcon .button {
  opacity: 0;
  pointer-events: none;
}

#markers .marker:hover .title,
#markers .marker.doNotHideTitle .title {
  z-index: 1;
  opacity: 1;
  left: auto;
}

#markers .marker.doNotHideTitle .title.bottom {
  padding-top: 12px;
}

#markers .marker.doNotHideTitle .title.top {
  padding-bottom: 24px;
}

#markers .marker.doNotHideTitle .title.right {
  padding-left: 12px;
}

#markers .marker.doNotHideTitle .title.left {
  padding-right: 24px;
}

.my_title{
  background-color: rgba(255,255,255,0.5);
  padding: 8px 20px;
  backdrop-filter: blur(10px);
  width: max-content;
  font-weight: 500;
  transform: translate(-50%, -50%);
  border-radius: 30px;
  max-width: 180px;
  -webkit-backdrop-filter: blur(10px);

}