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

/* Убрать обводку у радара */
#radarPath, path.leaflet-interactive{
	stroke-width:0px !important;
}


.ggskin, .topRightButton, .uiTooltip, .closeHelpScreenButton, .mapTab, .panoramaName, .menuText{
	font-family: MiloWeb, Verdana, Arial, Helvetica, sans-serif !important;
	font-size:1rem;
}



h1{
	font-family: MiloSerifWeb, 'Times New Roman', Times, serif;
	font-size: 2rem !important;
	font-weight: 400 !important;
	text-transform: uppercase;
}

.animatedHSback {
	pointer-events: none;
	animation-duration: 4s;
	animation-iteration-count: infinite;
	animation-name: bgCircleSize;
	transform-origin: center center;
	animation-timing-function: ease-out;
}

.mapPin:hover {
	z-index: 1;
}

.htNode:hover {
	z-index: 2 !important;
}


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

	50% {
		transform: scale(1.1);
		opacity: 0.5;
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
		-o-transform: scale(1.1);
}

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








































/* .ht_node:after, .ht_gallery:after, .ht_video_youtube:after{
	content: "";
	width: 50px;
	height: 50px;
	border-radius:50%;
	background-color: #fff;
	position: absolute;
	top: -25px;
	left: -25px;
	z-index: -1;
	animation-duration: 4s;
	animation-iteration-count: infinite;
	animation-name: bgCircleSize;
	transform-origin: center center;
	animation-timing-function: ease-out;
	border-radius: 50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-ms-border-radius:50%;
	-o-border-radius:50%;
} */





























.topRightButton {
	transition: all 0.5s ease !important;
	-webkit-transition: all 0.5s ease !important;
	-moz-transition: all 0.5s ease !important;
	-ms-transition: all 0.5s ease !important;
	-o-transition: all 0.5s ease !important;
	font-size: 1rem !important;
}

.buttonHelp{
	/* background-color: #fff !important;
	border-color:#AB0520 !important;
	color:#AB0520 !important; */
	font-size: 1.4rem !important;
	/* transition: all 0.5s ease 0s, right 1s cubic-bezier(.92,.13,.74,1.37) 2s !important;
	-webkit-transition: all 0.5s ease 0s, right 1s cubic-bezier(.92,.13,.74,1.37) 2s !important;
	-moz-transition: all 0.5s ease 0s, right 1s cubic-bezier(.92,.13,.74,1.37) 2s !important;
	-ms-transition: all 0.5s ease 0s, right 1s cubic-bezier(.92,.13,.74,1.37) 2s !important;
	-o-transition: all 0.5s ease 0s, right 1s cubic-bezier(.92,.13,.74,1.37) 2s !important; */
}
/* .buttonHelp:hover {
	background-color: #AB0520 !important;
	border-color: #fff!important;
	color: #fff !important;
} */
.buttonHelp:after{
	content:"";
	width:40px;
	height:40px;
	background-color:#fff;
	position: absolute;
	top:0px;
	left:0px;
	z-index: -2;
	animation-duration: 4s;
	animation-iteration-count: 3;
	animation-name: bgCircleSize;
	transform-origin: center center;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards;
	pointer-events: none;	
}



.topRightButton>div {
	font-size: inherit !important;
	background: none !important;
	border:none !important;
	text-transform: uppercase;
	width: 100% !important;
	height: auto !important;
	color:inherit !important;
	/* text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); */
	font-weight: 700 !important;
	top:50% !important;
	position: absolute !important;
	transform: translateY(-50%) !important;
	-webkit-transform: translateY(-50%) !important;
	-moz-transform: translateY(-50%) !important;
	-ms-transform: translateY(-50%) !important;
	-o-transform: translateY(-50%) !important;
}



/* portrait */
@media (max-aspect-ratio: 9/10) {
	.topRightButton {
		right:10px !important;
		width:100px !important;
	}
	.buttonHelp{
		width:40px !important;
	}

	.topRightButton:nth-child(2){
		top:60px !important;
	}
	.topRightButton:nth-child(3) {
		top: 110px !important;
	}
	.helpScreenText01 {
		top:110px !important
	}
	.helpScreenText01>div {
		text-align: right !important;
	}
}





















.uiTooltip > div{
	max-width:300px !important;
	white-space: normal !important;
}

















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

.infoScreenContainer, .videoScreenContainer{
	transition: top 1s cubic-bezier(.4,0,.3,.99) !important;
	-webkit-transition: top 1s cubic-bezier(.4,0,.3,.99) !important;
	-moz-transition: top 1s cubic-bezier(.4,0,.3,.99) !important;
	-ms-transition: top 1s cubic-bezier(.4,0,.3,.99) !important;
	-o-transition: top 1s cubic-bezier(.4,0,.3,.99) !important;
}

.infoScreenText>div:first-child a {
	color: #fff !important;
}

.infoScreenText>div:first-child::-webkit-scrollbar {
	width: 5px;
}
.infoScreenText{
	position: relative !important;
	height: auto !important;
	max-height: 90vh !important;
	overflow: hidden !important;
	box-shadow: 0px 0px 30px rgba(12, 35, 75, 0.5) !important;
	border:solid 1px rgba(129,211,235, 0.3);
}
.infoScreenText > div:first-child{
	font-size: 1.2rem !important;
	font-weight: normal !important;
	max-height: 90vh !important;
	overflow-y: auto !important;
}
.videoPlayer{
	box-shadow: 0px 0px 30px rgba(12, 35, 75, 0.5) !important;
}

/* portrait */
@media screen and (max-width: 600px), screen and (max-height: 600px) {

	.infoScreenText {
		width:90% !important;
		left:5% !important;
	}
}






















.helpScreenBg {
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}
.helpScreenBlockControls{
	backdrop-filter: grayscale(100%);
	-webkit-backdrop-filter: grayscale(100%);
}

.closeHelpScreenButton{
	font-size: 1.4rem !important;
}
.helpScreenText{
	font-size: 1.6rem !important;
	line-height: 1em !important;
	text-shadow: 1px 1px 1px rgba(0,0,0,1);
}
		.helpScreenTextMobile {
			font-size: 1.2em !important;
		}






















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

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






































.mapBg{
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	box-shadow: 0px 0px 50px rgba(12, 35, 75, 0.5);
}
.ggskin_map{
	overflow: visible !important;
}
.mapTab{
	font-size: 1rem !important;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}








.menuBg{
	box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.5);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}
.menuText{
	font-size: 1.2rem !important;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
	line-height: 1em !important;
}
div:last-child>.menuLevel01{
	border-bottom-width: 1px !important;
}

.menuPanoName {
	border-style: dotted !important;
}
.menuActive{
	background-image: url(menubg.png) !important;
	background-position: left !important;
	background-repeat: repeat-y !important;
}





.panoramaName{
	text-transform: uppercase;
	font-weight: bold !important;
	font-size:1.4rem !important;
	line-height: 1.1em !important;
	/* text-shadow: 1px 1px 1px rgba(0,0,0,0.2); */
}
.panoramaNameMobile{
	line-height: 1.0em !important;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}