/* 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 */
/* Scrollbars */
* {
	scrollbar-width: thin;
	scrollbar-color: rgba(0, 0, 0, 1) rgba(0, 0, 0, 0.1);
	--yellowColor: #FFBD00;
}

*::-webkit-scrollbar {
	width: 8px;
	background-color: rgba(0, 0, 0, 0.1);
}

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

*::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, 1);
}

/* Scrollbars */




.ggskin{
	font-family: Helvetica, sans-serif;
	font-size: 0.8rem;
}
.ggmarkdown p,
.ggmarkdown h1,
.ggmarkdown h2,
.ggmarkdown h3,
.ggmarkdown h4 {
	margin-top: 0px
}

.ggmarkdown {
	white-space: normal
}

.blur{
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}
.delay{
	transition-delay: 0.5s !important;
}
h2 {
	font-weight: 600 !important;
	font-size: 2rem !important;
	line-height: 2.2rem !important;
	margin: 0 0 1rem 0 !important;
}



/* LOADER */
.loaderLogo{
	display: flex !important;
	align-items: center;
}
.loaderLogo img{
	height: auto !important;
    position: relative !important;
}
.loaderButtonsContainer{
position: relative !important;
width: auto !important;
display: flex;
	gap: 20px;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
}
.loaderButton1, .loaderButton2{
	position: relative !important;
	display: block;
}
.loaderButton1>div,
.loaderButton2>div{
	display: flex;
	align-items: center;
}
@media (max-width: 500px) {
	.loaderButton1>div, .loaderButton2>div {
		white-space: normal !important;
	}
}

.loaderBgImage, .loaderVideo{
	background-color: black !important;
}
.loaderBgImage>img, .loaderVideo>video{
	object-fit: cover;
}

.loaderBgImage>img {
	animation: scale-up-center 10s ease-in-out infinite alternate backwards;
	-webkit-animation: scale-up-center 10s ease-in-out infinite alternate backwards;
}
@media (prefers-reduced-motion: reduce) {
	.loaderBgImage>img {
		animation: none;
		-webkit-animation: none;
	}
}

.langButtonsContainer{
display: flex;
	flex-direction: row-reverse;
	flex-wrap: nowrap;
	justify-content: center;
	gap: 5px;
}
	    

.langButton {
	/* box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 0.40); */
	position: relative !important;
	left: 0 !important;
	top: 0 !important;
}
/* LOADER */








/* TOP RIGHT BUTTONS */

.topBg{
	background: linear-gradient(180deg, rgba(0, 0, 0, 1.0) 0%, rgba(0, 0, 0, 0.00) 100%) !important;
}

.topRightButton{
	font-weight: 600 !important;
	position: relative !important;
	display: flex !important;
	flex-direction: row-reverse;
	align-items: center;
	right: 0 !important;
}
.topRightButton>div {
	cursor: pointer !important;
	position: relative !important;
	/* margin-right: 10px; */
	padding: 18px 24px !important;
}


.topRightButtonsContainerInner{
	display: flex !important;
	flex-direction: row-reverse;
	justify-content: flex-start;
	align-items: flex-start;
	gap:10px;
}

@media (max-width: 500px) {
	.topRightButton{
		flex-direction: column-reverse !important;
		top:10px !important;
	}
	.topRightButton > div{
		/* white-space: normal !important; */
		padding: 10px 18px !important;
	}
	.topRightButtonIcon {
		margin-bottom:0.5rem;
	}
}
@media (max-height: 500px) {
	.topRightButtonsContainerInner {
		top: -10px !important;
	}
}
/* TOP RIGHT BUTTONS */



/* * BUTTONS * */

/* * BUTTONS * */


/* HELP */
.helpClose{
	transition-timing-function: cubic-bezier(1, .32, 0, 1.54) !important;
}
.tippy-content{
	font-family: Helvetica, sans-serif;
	font-size: 1rem;
	padding: 1rem !important;
	text-align: center;
}
/* HELP */



/* GUIDE */
.nextButtonOver, .prevButtonOver, .prevNextIcon, .guideTextContainerCloseOver{
	transition-timing-function: cubic-bezier(1, .32, 0, 1.54) !important;
}
.guideImage{
	width:90px !important;
	height:90px !important;
	border: 5px solid rgba(255, 255, 255, 1);
	border-radius: 0;
	overflow: hidden;
	/* transition: all 0.3s ease-in-out; */
}
.prevNextDisabled{
	pointer-events: none !important;
	opacity: 0.5;
	/* background-color: silver !important; */
}

.guideTextContainer{
	/* box-shadow: 4px 4px 0px 0px rgba(0, 0, 0, 0.40); */
	/* transition: all 0.3s  !important; */
	transition-timing-function: cubic-bezier(0, 1, .27, .99) !important;
}
.guideText h3{
	margin: 0;
	padding: 0;
	font-weight: 700;
	font-size: 1em;
	margin-bottom: 1rem;
}

/* GUIDE */



/* MENU */

.menuCenter{
	background-color: #ffbd00 !important;
}
.menuActive{
	font-weight: bold !important;
}
.menu1LevelName.menuActive {
	box-sizing: border-box;
	border-left: solid 6px #000 !important;
}
.menu2LevelName.menuActive {
	box-sizing: border-box;
	border-left: solid 6px #2B74B1 !important;
}
.menu1LevelName.menuActive>div:first-child, .menu2LevelName.menuActive>div:first-child{
	padding-left: 29px !important;
}
.menu1LevelName > div, .menu2LevelName>div {
	transition: all 0.2s ease-in-out !important;
}
.menu1LevelName:hover > div:first-child, .menu2LevelName:hover>div:first-child {
	transform: translate(7px, -50%) !important;
}

.menu1LevelName h1, .menu2LevelName h1{
font-size: 1em !important;
margin:0 !important;
}
.menuBottomBg{
	display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: center;
			gap: 0.5rem;
}
.btnMenu{
	position: relative !important;
		left: 0 !important;
		top: 0 !important;
		box-sizing: border-box;
}
/* MENU */



/* * SHARE * */
.shareContainer div{
	box-sizing: border-box;
}
/* * SHARE * */


/* HOTSPOTS */
.iconWhite path{
	fill: white !important;
}

.popupCloseButton{
	z-index: 2 !important;
}
.popupText{
	font-size: 1.2rem;
	line-height: 1.5rem;
	font-weight: 300;
	max-width: 750px;
	transform: translate(-50%, -50%) !important;
	left:50% !important;
	top:50% !important;
	max-height: 90% !important;
	overflow-y: auto !important;
}



/* HOTSPOTS */


















/* GALLERY */



.centerContainer{
	/* background-color: #fff; */
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
		height: 100%;
}
.galleryContainer{
		background-color: white;
		outline:solid 50px white;
	max-width: calc(100% - 100px);
	max-height: calc(100% - 100px);
	width:1000px;
	max-height: 700px;
	display: flex;
	flex-direction: row;
	gap: 40px;
	padding: 0px;
	box-sizing: border-box;
	white-space:normal;
	overflow-y: auto;
}
.galleryContainer > div{
	position: relative;
	white-space: normal;
	text-align: left;
	box-sizing: border-box;
}
.gallery{
	width:67%;
	background-image: url(loading.svg);
	background-position: center;
	background-repeat: no-repeat;
}
.galleryCarouselItem{
	max-width:670px;
	height:450px;
	/* margin-bottom: 60px; */
	background-position: center;
	background-size: cover;
}
.galleryCarouselItemImage {
	width:100%;
	object-fit: contain;
}
.owl-nav{
		position: absolute;
			width: 100%;
			left: 0;
			top: 40%;
}
.owl-nav>button{
	position: absolute;
	left: 0;
	width: 50px;
	height: 70px;
	background-color: rgba(0, 0, 0, 0.3) !important;
	margin: 0 !important;
	border-radius: 0 !important;
	transition: all 0.3s ease;
	color: white !important;
	font-size: 3rem !important;
	font-weight: 100 !important;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}
.owl-next{
	right: 0 !important;
	left: auto !important;
}
.owl-nav>button:hover{
	background-color: rgba(0, 0, 0, 0.7) !important;
}
.owl-nav>button>span{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -55%);
}
.owl-dot.active>span{
	background-color: var(--yellowColor) !important;
}
.owl-next.disabled, .owl-prev.disabled {
	opacity: 0 !important;
}

.galleryDescription{
	width:33%;
	padding-right: 20px;
	white-space: pre-wrap !important;
	font-size: 1rem;
}
.galleryContainerCenter {
	justify-content: center;
}
.imageCaption{
	background-color: #F5F5F5;
	font-size: .875rem;
	padding: 1rem;
	border-top: solid 4px var(--yellowColor);
	box-sizing: border-box;
	position: absolute;
	bottom: 0;
	width:100%;
}
.descriptionButton{
	padding: 1rem 2rem;
	font-size: 1rem;
	font-weight: 600;
	background-color: var(--yellowColor);
	color:black;
	cursor: pointer;
	transition: all 0.2s ease;
	margin-top: 1rem;
	display: inline-block;
	margin-bottom: 1rem;
}
.descriptionButton:hover {
	background-color: #ffd14c;
	/* color: white; */
}

@media only screen and (max-width: 768px) {
	.galleryContainer{
		display: block;
		overflow: auto;
		max-width: 100%;
		max-height: 100%;
	}
	.gallery{
		width: 100%;
	}
	.galleryDescription {
		width: auto;
		padding: 1rem;
	}
}

.owl-dots{
	margin-top:1rem;
}
/* GALLERY */


/* MAP */
.ggdefaulthotspot {
	padding: 1rem !important;
	font-size: 1rem !important;
	border: none !important;
	box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.3);
}
.mapTooltip{
	box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.3);
	border-radius: 5px !important;
}
.mapTooltip >div{
	border-radius: 5px !important;
	max-width: 30vw;
	white-space: normal !important;
	width: max-content !important;
	line-height: 1.5;
}
/* Fix carriage return issue in tippy */
.tippy-content > div {
    white-space: normal !important;
}
.tippy-content > div b {
    display: block;
}
/* MAP */


.menuItem:focus-visible{
	background-color: black  !important;
	color:white !important;
}