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

*{
	--colorGrayDark:#8E939A;
	--colorGrayLight:#E9ECEF;
	--colorGrayBlue:#5F6671;
	--colorRedLight:#CD4940;
	--colorRedDark:#842923;
	--imageTemplate:url('data:image/svg+xml;utf8,<svg stroke="%23fff" viewBox="0 0 38 38" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><g transform="translate(1 1)" stroke-width="2"><circle cx="18" cy="18" r="18" stroke-opacity=".5"/><path d="m36 18c0-9.94-8.06-18-18-18"><animateTransform attributeName="transform" dur="1s" from="0 18 18" repeatCount="indefinite" to="360 18 18" type="rotate"/></path></g></g></svg>');
	--iconZoom: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjE5NTggMTYuNjQwNEwxMS4yMzI3IDExLjY1NjJDMTAuODE2IDExLjk4NjMgMTAuMzU5MSAxMi4yMzgyIDkuODYyMDMgMTIuNDExOEM5LjM2NDk0IDEyLjU4NTQgOC44NTE5NiAxMi42NzIyIDguMzIzMDcgMTIuNjcyMkM3LjAyMzM0IDEyLjY3MjIgNS45MTg0MSAxMi4yMTczIDUuMDA4MjcgMTEuMzA3NEM0LjA5ODE0IDEwLjM5NzYgMy42NDMwNyA5LjI5MzEzIDMuNjQzMDcgNy45OTQxQzMuNjQzMDcgNi42OTUyMSA0LjA5OCA1LjU5MDM1IDUuMDA3ODYgNC42Nzk1MkM1LjkxNzcyIDMuNzY4ODIgNy4wMjIxNiAzLjMxMzQ4IDguMzIxMTkgMy4zMTM0OEM5LjYyMDA4IDMuMzEzNDggMTAuNzI0OSAzLjc2ODU1IDExLjYzNTggNC42Nzg2OEMxMi41NDY1IDUuNTg4ODIgMTMuMDAxOCA2LjY5Mzc1IDEzLjAwMTggNy45OTM0OEMxMy4wMDE4IDguNTM4MzQgMTIuOTEyNCA5LjA1OTMxIDEyLjczMzUgOS41NTYzOUMxMi41NTQ1IDEwLjA1MzYgMTIuMzEyMiAxMC41MDI1IDEyLjAwNjYgMTAuOTAzMUwxNi45Njk3IDE1Ljg2NjJMMTYuMTk1OCAxNi42NDA0Wk04LjMyMjQ0IDExLjU4OTFDOS4zMjY3NSAxMS41ODkxIDEwLjE3NzIgMTEuMjQwOCAxMC44NzM3IDEwLjU0NDFDMTEuNTcwNCA5Ljg0NzU3IDExLjkxODcgOC45OTcxNiAxMS45MTg3IDcuOTkyODVDMTEuOTE4NyA2Ljk4ODU1IDExLjU3MDQgNi4xMzgxMyAxMC44NzM3IDUuNDQxNkMxMC4xNzcyIDQuNzQ0OTMgOS4zMjY3NSA0LjM5NjYgOC4zMjI0NCA0LjM5NjZDNy4zMTgxNCA0LjM5NjYgNi40Njc3MiA0Ljc0NDkzIDUuNzcxMTkgNS40NDE2QzUuMDc0NTIgNi4xMzgxMyA0LjcyNjE5IDYuOTg4NTUgNC43MjYxOSA3Ljk5Mjg1QzQuNzI2MTkgOC45OTcxNiA1LjA3NDUyIDkuODQ3NTcgNS43NzExOSAxMC41NDQxQzYuNDY3NzIgMTEuMjQwOCA3LjMxODE0IDExLjU4OTEgOC4zMjI0NCAxMS41ODkxWk03Ljc4MDc3IDkuOTg2MzlWOC41MzQ1Mkg2LjMyODlWNy40NTExOEg3Ljc4MDc3VjUuOTk5MzFIOC44NjQxMVY3LjQ1MTE4SDEwLjMxNlY4LjUzNDUySDguODY0MTFWOS45ODYzOUg3Ljc4MDc3WiIgZmlsbD0iIzAwMDAwMCIvPgo8L3N2Zz4K");
	--iconForm: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIuMjA4MzcgNC43OTE3MVYxLjIwODM3SDUuNzkxNzFWMi4yOTE3MUgzLjI5MTcxVjQuNzkxNzFIMi4yMDgzN1pNMTYuNzA4NCA0Ljc5MTcxVjIuMjkxNzFIMTQuMjA4NFYxLjIwODM3SDE3Ljc5MTdWNC43OTE3MUgxNi43MDg0Wk0yLjIwODM3IDE4Ljc5MTdWMTUuMjA4NEgzLjI5MTcxVjE3LjcwODRINS43OTE3MVYxOC43OTE3SDIuMjA4MzdaTTE0LjIwODQgMTguNzkxN1YxNy43MDg0SDE2LjcwODRWMTUuMjA4NEgxNy43OTE3VjE4Ljc5MTdIMTQuMjA4NFpNNi4yOTE3MSAxNC40NTE5QzYuMjkxNzEgMTQuNTE2MSA2LjMxODQ0IDE0LjU3NDggNi4zNzE5MiAxNC42MjgyQzYuNDI1MjUgMTQuNjgxNiA2LjQ4NCAxNC43MDg0IDYuNTQ4MTcgMTQuNzA4NEgxMy40NTE5QzEzLjUxNjEgMTQuNzA4NCAxMy41NzQ4IDE0LjY4MTYgMTMuNjI4MiAxNC42MjgyQzEzLjY4MTYgMTQuNTc0OCAxMy43MDg0IDE0LjUxNjEgMTMuNzA4NCAxNC40NTE5VjUuNTQ4MTdDMTMuNzA4NCA1LjQ4NCAxMy42ODE2IDUuNDI1MjUgMTMuNjI4MiA1LjM3MTkyQzEzLjU3NDggNS4zMTg0NCAxMy41MTYxIDUuMjkxNzEgMTMuNDUxOSA1LjI5MTcxSDYuNTQ4MTdDNi40ODQgNS4yOTE3MSA2LjQyNTI1IDUuMzE4NDQgNi4zNzE5MiA1LjM3MTkyQzYuMzE4NDQgNS40MjUyNSA2LjI5MTcxIDUuNDg0IDYuMjkxNzEgNS41NDgxN1YxNC40NTE5Wk02LjQ4NTY3IDE1Ljc5MTdDNi4xMDYzNiAxNS43OTE3IDUuNzk4NjUgMTUuNjU5OCA1LjU2MjU0IDE1LjM5NTlDNS4zMjY0MyAxNS4xMzIgNS4yMDgzNyAxNC44MTczIDUuMjA4MzcgMTQuNDUxOVY1LjU0ODE3QzUuMjA4MzcgNS4xODI3NSA1LjMyNjQzIDQuODY4MSA1LjU2MjU0IDQuNjA0MjFDNS43OTg2NSA0LjM0MDMyIDYuMTA2MzYgNC4yMDgzNyA2LjQ4NTY3IDQuMjA4MzdIMTMuNTE0NEMxMy44Nzk4IDQuMjA4MzcgMTQuMTg0MSA0LjM0MDMyIDE0LjQyNzEgNC42MDQyMUMxNC42NzAyIDQuODY4MSAxNC43OTE3IDUuMTgyNzUgMTQuNzkxNyA1LjU0ODE3VjE0LjQ1MTlDMTQuNzkxNyAxNC44MTczIDE0LjY3MDIgMTUuMTMyIDE0LjQyNzEgMTUuMzk1OUMxNC4xODQxIDE1LjY1OTggMTMuODc5OCAxNS43OTE3IDEzLjUxNDQgMTUuNzkxN0g2LjQ4NTY3Wk04LjIwODM3IDguMjkxNzFIMTEuNzkxN1Y3LjIwODM3SDguMjA4MzdWOC4yOTE3MVpNOC4yMDgzNyAxMC41NDE3SDExLjc5MTdWOS40NTgzN0g4LjIwODM3VjEwLjU0MTdaTTguMjA4MzcgMTIuNzkxN0gxMS43OTE3VjExLjcwODRIOC4yMDgzN1YxMi43OTE3Wk02LjI5MTcxIDE0LjQ1MTlWNS4yOTE3MVYxNC43MDg0VjE0LjQ1MTlaIiBmaWxsPSIjMDAwMDAwIi8+Cjwvc3ZnPgo=");
	  
	  
}
.ggskin, .tippy-content, .fancybox-container{
	font-family: "Open Sans", sans-serif;
	font-size: 1rem;
}
#container{
	/* position: relative;
	z-index: 99999; */
}
.ggskin_text>div{
	white-space: normal !important;

}
.delay{
	transition-delay: 0.3s !important;
}
.blur{
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
}
.hide{
	display: none !important;
}



/* Loader */
.loaderContainer{
	background-color: var(--colorGrayBlue) !important;
}
.rightContainer{
	min-width:450px;
}
.loaderBlackBg{
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
}
@media only screen and (max-width: 600px) {
	.rightContainer{
		width:100% !important;
		min-width: auto;
	}
}
@media only screen and (max-width: 700px) {
	.loaderBlackBg{
	  -webkit-backdrop-filter: none;
	  backdrop-filter: none;
	  background: rgba(39, 44, 52, 0.8) !important;
	}
}

.loaderInnerContainer{
	display: flex;
	flex-direction: column-reverse;
    flex-wrap: nowrap;
    justify-content: center;
}
.loaderInnerContainer>div{
	position: relative !important;
	margin:20px auto;
}
.loaderButtonsContainer{
	display: flex;
	flex-direction: row-reverse;
    flex-wrap: nowrap;
    justify-content: space-evenly;
}
.loaderButtonsContainer>div{
	position: relative !important;
}
.loaderButton {
	height: fit-content !important;
}
@media only screen and (max-height: 700px) {
	.copyright{
		display: none !important;
	}
}
@media only screen and (max-height: 600px) {
	.loaderText, .loaderDivider{
		display: none !important;
	}
}
/* Loader */






/* Top Container */
.topGradient{
	background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%) !important;
}

/* Top Container */













/* Buttons */
.buttonPrimary{
	background-color: white !important;
	transition: all 0.3s ease !important;
	cursor: pointer !important;
	border:solid 1px white !important;
}
body:not(.mobile) .buttonPrimary:hover{
	background-color: var(--colorRedLight) !important;
}
.buttonPrimary img{
	transition: all 0.3s ease !important;
}
body:not(.mobile) .buttonPrimary:hover>.ggskin_svg>img{
	-webkit-filter: invert(1);
	filter: invert(1);
	transform: scale(120%);
}
.menuButton{
	background-color: var(--colorRedLight) !important;
	margin-left: 10px !important;
}
.infoButton{
	margin-right: 10px !important;
}
body:not(.mobile) .menuButton:hover{
	background-color: var(--colorRedDark) !important;
}
body:not(.mobile) .menuButton:hover>.ggskin_svg>img{
	-webkit-filter: none;
	filter: none;
}
.topButtonsContainer{
	display: flex;
	flex-direction: row-reverse;
    flex-wrap: nowrap;
}
.topButtonsContainer>div{
	position: relative !important;
}

.shareContainer{
	display: flex;
	flex-direction: column-reverse;
	flex-wrap: nowrap;
}
.shareContainer > div {
	position: relative !important;
}
.locationMapCenterButton{
	border: solid 1px gray !important;
	border-radius: 4px !important;
}

/* Buttons */

/* Tooltips */
.tippy-content{
	padding: 10px 20px !important;
	font-weight: 300;
}
/* Tooltips */






/* Thmbs */
.thumbsActive{
	box-sizing: border-box;
}
.thumbCurrent{
	cursor: default !important;
}
.thumbsTitleContainerActive .thumbsTitle{
	top:0 !important;
}
body:not(.mobile) .thumbsHide:hover>.ggskin_svg>img{
	-webkit-filter: invert(1);
	filter: invert(1);
}

@media (max-width: 1600px){
	.thumbsBg{
		width:calc(100% - 410px) !important;
		left:20px !important;
	}
}
@media (max-width: 900px) {
	.thumbsBg{
		width:calc(100% - 0px) !important;
		left:0px !important;
	}

}
/* Thmbs */





/* Textbox */
h2, .h2, .textboxTitle{
	color:var(--colorRedLight);
	font-size: 1.6em;
	margin:0;
	font-weight: 300;
}
/* .infoButton{
	display: none;
} */
@media (max-width: 900px)  {
	.textboxContainer{
		display: none !important;
	}
	/* .infoButton{
		display: block;
	} */
}
.textboxButton1, .textboxButton2{
	background-color: white;
	border:solid 1px var(--colorGrayDark);
	border-radius: 0;
	transition: all 0.3s ease;
	color:black;
	padding:7px 10px;
	margin-right: 5px;
	font-size: 0.8em;
	cursor: pointer;
	margin-bottom: 10px;
}
body:not(.mobile) .textboxButton1:hover, body:not(.mobile) .textboxButton2:hover{
	background-color: var(--colorRedLight);
	border-color: var(--colorRedLight);
	color:white;
}
body:not(.mobile) .textboxButton1:hover .textboxButtonIcon, body:not(.mobile) .textboxButton2:hover .textboxButtonIcon{
	filter: invert(100%);
}
.textboxButton1 .textboxButtonIcon{
	background-image: var(--iconZoom);
}
.textboxButton2 .textboxButtonIcon{
	background-image: var(--iconForm);
}
.textboxButtonIcon{
	pointer-events: none;
	width:20px;
	height:20px;
    display: inline-block;
    vertical-align: bottom;
	margin-right: 10px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
}
.textboxFloorplan{
	cursor: pointer;
}
.textboxFloorplan, .moreinfo .htImage{
	width: 100%;
    height: auto;
    margin: 20px 0px;
}
.textboxFloorplan img{
    width: 100%;
    height: auto;
}
h3{
	font-weight: 300;
	text-transform: uppercase;
	margin: 0;
	font-size: 1.2em;
}
.moreinfo{
	white-space: normal !important;
}
.moreinfo .htImage{
	background-image: none;
}
.moreinfo .htImage img{
	filter: invert(1);
}
.moreInfoText{
	margin-top: 1.5em;
}
.moreInfoText:empty{
	margin: 0;
}
/* .moreinfoBottom{
	display: flex;
	flex-direction: row;
}
.moreinfoBottom>div{
	position: relative;
	width:50%;
} */

@media (max-width: 900px) {
	.moreinfoBottom{
		flex-direction: column;
	}
	.moreinfoBottom>div{
		width: 100%;
		margin-bottom:1em;
	}

}

#radarPath{
	stroke-width: 0;
}
.floorplanPin{
	box-shadow: 0 0 0 4px #ffffff80;
}
/* Textbox */












/* Menu */

.menuBg{
	display: flex !important;
	flex-direction: column-reverse;
    flex-wrap: nowrap;
}
.menuCloseButton{
	position: absolute !important;
}
.menuTopContainer, .menuBottomContainer{
	position: relative !important;
	top:0 !important;
	left:0 !important;
	bottom: 0 !important;
	right: 0 !important;
}




.menuItem{
	border-bottom: solid 1px #00000010 !important;
}
.menuMapButton{
	background-image: url();
}
.menuMapButtonImage img{
	object-fit: cover;
}
.menuItemBgHover{
	transition:none !important;
}
.menuItemImage{
	box-sizing: border-box !important;
	border:solid 1px white !important;
	filter: grayscale(100%) !important;
}
.menuItemImageHover{
	filter: none !important;
}
.menuItemTextHover>div{
	transition: all 0.3s ease !important;
}
.menuItemTextHover>div{
	/* transform:translateX(5px); */
	padding-left: 75px !important;
}
.menuItemVisited{
	transition: transform 0.3s ease !important;
}
.menuItemVisitedHover{
	transform:translateX(-5px);
}
.menuBottom .leaflet-control-zoom {
	border:solid 1px gray !important;
}
/* Menu */











/* Map */
.mapContainer{
	background-color: #e6e6e6 !important;
}
.leaflet-control-zoom{
	border: none !important;
}
.leaflet-bar a{
	font-weight: 300 !important;
	font-size: 16px !important;
	transition: all 0.2s ease !important;
}
body:not(.mobile) .leaflet-bar a:hover, .leaflet-bar a:focus {
	background-color: var(--colorRedLight) !important;
	color:white !important;
}
.mapPin{
	box-shadow: 0 0 0 5px #ffffff80;
}
.mapPin:focus{
	transform: scale(100%) !important;
}
.mapPin:focus > .mapPinTooltip{
	opacity: 1 !important;
	visibility: visible !important;
	transform: scale(100%) !important;
}
.leaflet-marker-pane>div{
	z-index: 0;
	position: relative;
}
.leaflet-marker-pane>div:has(.mapPinZindex){
	z-index: 1 !important;
}
.mapPinImage{
	background-color: #D9D9D9;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 60%;
	background-image: var(--imageTemplate);
}
/* Map */





















/* Mobile */

/* vertical OR horizontal */
@media (max-width: 600px), (max-height: 600px) {
	.topLogo{
		display: none !important;
	}
}
/* vertical & :horizontal */


/* Vertical */
@media only screen and (max-width: 600px) {

	.menuBg{
		width:100% !important;
	}
	.ggskin_subelement.ggskin_scrollarea{
		width:100% !important;
	}

}

/* Vertical */

/* Horizontal */
@media only screen and (max-height: 600px) {
	.menuBg{
		width:100% !important;
		flex-direction: row-reverse;
    	flex-wrap: nowrap;
	}
	.ggskin_subelement.ggskin_scrollarea{
		width:100% !important;
	}
	.menuTopContainer, .menuBottomContainer{
		width:50% !important;
		height: 100% !important;
	}
	.menuMapButton{
		height:110px !important;
	}
	.menuBottom{
		height: calc(100% - 110px) !important;
	}
	.menuTop{
		display: none;
	}
	.menuItemsContainer{
		height:100% !important;
		top:0 !important;
	}
}

/* Horizontal */

/* Mobile */


/* Hotspots */
.hsCircle{
	box-shadow: 0 0 0 2px #ffffff80;
	transition: all 0.3s ease-in-out !important;
}
.hsCircleHover{
	box-shadow: 0 0 0 3px #ffffff;
}
@media (max-width: 600px), (max-height: 600px) {
	.hsCircle{
		width: 40px !important;
		height: 40px !important;
		top: calc(50% - 20px) !important;
		left: calc(50% - 20px) !important;
	}
}
.chevron_white{
	transform:translate3d(0px,0px,1px);
	transition: transform 0.2s ease !important;
}
.htNode:focus .chevron_white, .chevron_white_hover{
	transform:translate3d(0px,0px,5px);
}
.chevron_black{
	transform:translate3d(0px,0px,-7px);
	transition: transform 0.2s ease !important;
}
.htNode:focus .chevron_black, .chevron_black_hover{
	transform:translate3d(0px,0px,-9px) scale(85%);
}

/* Hotspots */

/* Popup */
.htTitle{
	text-transform: uppercase;
	font-size: 1.4em;
	font-weight: 700;
}
.popupText{
	max-height: 90% !important;
	overflow-y: auto !important;
}
@media only screen and (max-width: 800px) {
	.popupText{
		width:100% !important;
		left:0% !important;
	}
}
@media (max-width: 600px), (max-height: 600px) {
	.popupVideo{
		width: 100% !important;
		height: 100% !important;
		top:0 !important;
		left:0 !important;
	}
}

.htImage{
	background-image: url(spinner.svg);
	background-position: center;
	background-repeat: no-repeat;
	min-width: 100px;
	min-height: 100px;
	display: block;
	margin:0 auto;
}
.htImage img{
	width: 100%;
}
/* Popup */



/* Fancybox */
.fancyButton{
	width:40px !important;
	height:40px !important;
	border: solid 1px #ffffff20 !important;
    top: 20px;
    right: 20px;
	transition: all 0.3s ease;
	cursor: pointer;
}
body:not(.mobile) .fancyButton:hover{
	background-color: var(--colorRedLight) !important;
}
.fancyButton:hover svg{
	transition: all 0.3s ease;
}
body:not(.mobile) .fancyButton:hover svg{
	transform: rotate(90deg) !important;
}
.fancybox-inner{
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
}

.fancybox-button > div{
	border:solid 1px #ffffff30 !important;
	border-radius:0 !important;
	transition: background 0.3s ease;
	width:40px !important;
	height:40px !important;
}
body:not(.mobile) .fancybox-button:hover > div{
	background-color: var(--colorRedLight) !important;
}
body:not(.mobile) .fancybox-button:hover:disabled > div{
	background-color: gray !important;
}
.fancybox-caption__body{
	max-height: 20vh !important;
}
/* Fancybox */



.textboxButtonsContainer{
	display: flex;
	flex-direction: row-reverse;
	flex-wrap: nowrap;
}
.textboxButtonsContainer > div {
	position: relative !important;
	right: auto !important;
	top:auto !important;
	bottom:auto !important;
	left: auto !important;
	margin:0 0 0 2px !important;
}
.hidden{
	display: none !important;
}
.visibilityHidden{
	visibility: hidden !important;
}

.no-more-info-at-popup.popupText > div .moreinfoBottom > div:first-child button{
	display: none;
}