/* reset styles */
html {line-height: 1.5;-webkit-text-size-adjust: 100%;width:100%;height:100%;padding: 0;}body {margin: 0;width: 100%;height: 100%;padding: 0;}main {display: block;}img {border-style: none;}button, input, optgroup, select, textarea {font-family: inherit;font-size: 100%;line-height: 1.5;margin: 0;}button, input {overflow: visible;}button, select {text-transform: none;}button, [type="button"], [type="reset"], [type="submit"] {-webkit-appearance: button;}button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {border-style: none;padding: 0;}button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {outline: 1px dotted ButtonText;}legend {box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal;}progress {vertical-align: baseline;}textarea {overflow: auto;}[type="checkbox"], [type="radio"] {box-sizing: border-box;padding: 0;}[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {height: auto;}[type="search"] {-webkit-appearance: textfield;outline-offset: -2px;}[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}::-webkit-file-upload-button {-webkit-appearance: button;font: inherit;}details {display: block;}summary {display: list-item;}template {display: none;}
/* reset styles */
*{
--darkRed: #691917;
--yellow: #998019;
}
*{
	scrollbar-width: thin;
	scrollbar-color: rgba(255, 255, 255, 0.2) rgba(255, 255, 255, 0.1);
}
*::-webkit-scrollbar {
	width: 3px;
	background-color: rgba(255, 255, 255, 0.1);
}
*::-webkit-scrollbar-track {
background: rgba(255, 255, 255, 0.3);
}
*::-webkit-scrollbar-thumb {
background-color: rgba(255, 255, 255, 0.5);
}

.animatedHSback {
	width: 100px;
	height: 100px;
	border-radius: 50px;
	pointer-events: none;
	background-color: #ffFFFF;
	animation-duration: 4s;
	animation-iteration-count: infinite;
	animation-name: bgCircleSize;
	transform-origin: center center;
	animation-timing-function: ease-out;
}

@keyframes bgCircleSize {
	0% {
		transform: scale(0.9);
		opacity: 1;
		-webkit-transform: scale(0.9);
		-moz-transform: scale(0.9);
		-ms-transform: scale(0.9);
		-o-transform: scale(0.9);
}

	25% {
		transform: scale(0.9);
		opacity: 1;
		-webkit-transform: scale(0.9);
		-moz-transform: scale(0.9);
		-ms-transform: scale(0.9);
		-o-transform: scale(0.9);
}

	100% {
		transform: scale(3);
		opacity: 0;
		-webkit-transform: scale(3);
		-moz-transform: scale(3);
		-ms-transform: scale(3);
		-o-transform: scale(3);
}
}










.tooltipCopy .mapClonerItem{
  transform:translate(0px,30px) !important;
}
.tooltipCopy{
  transition: all 0.3s ease;
  transform:translate(0px,0px) scale(1);
}
.mapToolTipHide{
  opacity:0 !important;
  transform:translate(0px,0px) scale(0);
}
.mapClonerName>div{
	line-height: 22px !important;
}





.blur{
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.textShadow{
  text-shadow:1px 1px 0px rgba(0,0,0,0.5);
}
.boxShadow{
	box-shadow:1px 1px 20px rgba(0, 0, 0, 0.5);
}
.caps{
text-transform:uppercase;
}
.infoWindowText{
	font-family: 'Roboto', Arial, Helvetica, sans-serif !important;
	font-size: 1.3rem !important;
	font-weight: 300 !important;
}
.infoWindowText h1{
	font-weight: normal;
	text-transform: uppercase;
	font-size: 2rem;
	margin: 0;
}

.shareButtonOpen{
	border-radius:0 !important;
}



.panoramaName{
  line-height:1.5rem;
}
@media only screen and (max-width: 500px) {
  .panoramaName div{
    font-size:18px !important;
  }
}



















.languagesContainer{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: center;
	align-items: flex-start;;
	padding-top: 150px;
}
@media screen and (max-width: 500px){
	.languagesContainer {
		flex-direction: column !important;
		align-items: center;
		justify-content: flex-start;
	}
}

.languageButton{
	text-shadow: 1px 1px 0px rgba(0,0,0,0.3);
	position: relative !important;
	left:auto !important;
	top:auto !important;
	margin:1rem !important;
	transition-timing-function: cubic-bezier(.51, -0.02, .21, 1.53) !important;
	-webkit-transition-timing-function: cubic-bezier(.51, -0.02, .21, 1.53) !important;
	-moz-transition-timing-function: cubic-bezier(.51, -0.02, .21, 1.53) !important;
	-ms-transition-timing-function: cubic-bezier(.51, -0.02, .21, 1.53) !important;
	-o-transition-timing-function: cubic-bezier(.51, -0.02, .21, 1.53) !important;
}

.languageButton:hover{
		box-shadow: 0px 10px 30px 0px #99801950;
}

.languageButton > div{
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-weight: 300 !important;
}







.mapBlurBg, .mapObject{
	transition: opacity 0.1s ease;
}






.topRightButtonsContainer {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	align-items: flex-start;
	justify-content: flex-end;
}

.topRightButton {
	box-sizing: border-box;
	position: relative !important;
	left: auto !important;
	right: auto !important;
	bottom: auto !important;
	top: auto !important;
}

@media screen and (max-width: 500px) {
	.topRightButtonsContainer {
		flex-direction: column-reverse;
		flex-wrap: nowrap;
		align-content: center;
		align-items: flex-end;
		justify-content: flex-end;
	}
	.topRightButton {
		width:100px !important;
		border-radius:5px !important;
		-webkit-border-radius:5px !important;
		-moz-border-radius:5px !important;
		-ms-border-radius:5px !important;
		-o-border-radius:5px !important;
		margin-bottom: 5px !important;
	}
	.buttonHelp{
		width: 40px !important;
	}
}







.helpScreenBlockControls {
	backdrop-filter: grayscale(100%) blur(2px);
	-webkit-backdrop-filter: grayscale(100%) blur(2px);
}
@media screen and (max-width: 500px) {
	.helpScreenText>div{
		font-size: 1.5em !important;
	}
}



.menuLevelSelected > div{
	font-weight: 500 !important;
}

.menuPanoImage{
	box-sizing: border-box;
	border: solid 6px rgba(255, 255, 255, 0.2);
	overflow: hidden !important;
	border-radius: 50% !important;
	-webkit-border-radius: 50% !important;
	-moz-border-radius: 50% !important;
	-ms-border-radius: 50% !important;
	-o-border-radius: 50% !important;
}
.menuPanoImageActive {
	border: solid 6px rgba(255, 255, 255, 1);
}
.menuPanoImage, .menuPanoImage > img {
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}
.menuPanoImageHover > img {
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
}
























.assistantImage{
	overflow: hidden;
	box-sizing: border-box;
	border:solid 8px rgba(255, 255, 255, 0.3);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	border-radius: 50% !important;
	-webkit-border-radius: 50% !important;
	-moz-border-radius: 50% !important;
	-ms-border-radius: 50% !important;
	-o-border-radius: 50% !important;
}
.assistantTextBox{
	box-shadow:1px 1px 30px rgba(0, 0, 0, 0.3);
}
.assistantText {
	font-family: 'Roboto', Arial, Helvetica, sans-serif !important;
	font-size: 1rem !important;
	font-weight: 300 !important;
}
.assistantText h1 {
	font-weight: normal;
	text-transform: uppercase;
	font-size: 1.3rem;
	margin: 0;
}



.hotspot:has(> div.currentHotspotOver){
	z-index: 0 !important;
}

.mbAssistantContainer{
	transform-origin: bottom right !important;
	transition: all 0.3s 0.5s ease;
	-webkit-transition: all 0.3s 0.5s ease;
	-moz-transition: all 0.3s 0.5s ease;
	-ms-transition: all 0.3s 0.5s ease;
	-o-transition: all 0.3s 0.5s ease;
}