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


.ggskin, .menuButtonText, .menuLevelCounter, .menuLevel02Description, .loaderButton, .loaderInfoText, .loaderCopyright, .startButton, .tippy-content{
	font-family: 'Roboto', sans-serif;
	font-size: 0.8rem;
}
.ggskin {
	font-family: Roboto, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.selectedThumbnail {
	outline: solid 4px white;
}

.tippy-content{
	padding: 1rem;
}


::-webkit-scrollbar {
	width: 5px;
}

::-webkit-scrollbar-thumb {
	background: black;
}

::-webkit-scrollbar-track {
	background: rgba(0, 0, 0, 0);
}















.blur{
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
}
.fadeLoader{
	z-index: 1000;
}
.loaderContainer{
	z-index: 100;
	color:white;
}
.loaderImage img{
	object-fit: cover;

	animation: scale-up-center 10s ease-in-out infinite alternate backwards;
	-webkit-animation: scale-up-center 10s ease-in-out infinite alternate backwards;
}
.loaderText>div{
	font-size: 32px;
	text-transform: uppercase;
	font-weight: 100;
	line-height: 1.3em;
}
.loaderText>div strong{
	font-weight: 400;
}
.loaderStartButton{
	text-transform: uppercase;
}
.loaderInner{
	display: flex !important;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: space-around;
}
.loaderInnerBlock{
	position: relative !important;
	height: auto !important;
}

.loaderInnerCenter{
	display: flex !important;
		flex-direction: column;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: center;
}

.loaderInnerCenter div, .loaderInnerBottom div, .loaderInnerTop div{
	position: relative !important;
}
.loaderStartButton{
	margin-top:2rem;
}
.loaderCopyright div, .loaderCopyright div a{
	color:white !important;
	font-size: 0.8rem !important;
}
.loaderLogo{
	margin:auto;
}
@media screen and (max-width: 420px) {
	.loaderText>div { 
		font-size:22px !important;
	}
}
.nodeCircle{
	box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.3);
}




@-webkit-keyframes scale-up-center {
	0% {
		transform: scale(100%);
		-webkit-transform: scale(100%);
		-moz-transform: scale(100%);
		-ms-transform: scale(100%);
		-o-transform: scale(100%)
	}

	100% {
		transform: scale(109%);
		-webkit-transform: scale(109%);
		-moz-transform: scale(109%);
		-ms-transform: scale(109%);
		-o-transform: scale(109%)
	}
}

@keyframes scale-up-center {
	0% {
		transform: scale(100%);
		-webkit-transform: scale(100%);
		-moz-transform: scale(100%);
		-ms-transform: scale(100%);
		-o-transform: scale(100%)
	}

	100% {
		transform: scale(109%);
		-webkit-transform: scale(109%);
		-moz-transform: scale(109%);
		-ms-transform: scale(109%);
		-o-transform: scale(109%)
	}
}


/* Top right buttons */
.topRightButtonsContainer{
	display:flex;
	flex-direction: row-reverse;
}
.topRightButton{
	position: relative !important;
	margin-right:10px;
	margin-top:10px;
}
/* Top right buttons */

/* Zomm buttons */
.zoomButtonsContainer{
	display: flex;
		flex-direction: column-reverse;
		justify-content: center;
		align-items: flex-end;
}
.zoomButton{
	position: relative !important;
	margin-right: 10px;
	margin-top: 10px;
}

@media screen and (max-height: 950px) {
	.zoomButtonsContainer {
		justify-content: flex-end;
		margin-top:60px;
	}
}
@media screen and (max-height: 600px) {
	.zoomButtonsContainer {
		display: none;
	}
}
/* Zomm buttons */

/* Prev Next Buttons */
.bottomRightBottomContainer{
display: flex;
	flex-direction: row-reverse;
	justify-content: flex-start;
	align-items: flex-end;
}
.bottomRightButton {
	position: relative !important;
	margin-right: 10px;
	margin-bottom: 10px;
}
.progressBar, .progressbarBG{
	top:auto !important;
	bottom:0 !important;
}
.counter{
		top: auto !important;
			bottom: 0 !important;
			left: auto !important;
			right: 0 !important;
			margin-bottom: 0.5rem;
}
/* Prev Next Buttons */

/* Pano Info */
.bottomRightTopContainer{

}
.panoInfoContainer{
	max-height: calc(100% - 140px);
}
h2{
		margin: 0;
			font-size: 1rem !important;
			font-weight: 700 !important;
			text-transform: uppercase;
}
.panoInfoText div{
	white-space: pre-line !important;
}
/* Pano Info */

/* hs info */
.hsInfoScreenContainer{
		backdrop-filter: blur(20px);
		-webkit-backdrop-filter: blur(20px);
			z-index: 100;
			display: flex;
			flex-direction: column;
			flex-wrap: nowrap;
			justify-content: center;
			align-items: center;
			background-color: rgba(0,0,0,0.2);
			
}
.hsInfoScreenText{
	position: relative !important;
	width:80% !important;
	max-width: 500px !important;
}
.hsInfoScreenText div{
text-align: left !important;
line-height: 1.5em !important;
font-size: 1rem !important;
font-weight: 300 !important;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
/* hs info */