/* 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, 0.2) rgba(0, 0, 0, 0.1);
}

*::-webkit-scrollbar {
	width: 3px;
	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, 0.5);
}






/* Default skin styles */
.ggskin{
	font-family: var(--primaryFont);
	font-size: 1rem;
	line-height: 1.362rem;
	font-weight: 400;
}
.ggmarkdown p,
.ggmarkdown h1,
.ggmarkdown h2,
.ggmarkdown h3,
.ggmarkdown h4 {
	margin-top: 0px
}

.ggmarkdown {
	white-space: normal
}
/* Default dkin styles */





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

.vignette {
	z-index: -1 !important;
}




















/* Animations */

.socialShareButtonIcon, .floorplanButtonDesktop, .topLogo
{
	transition-timing-function: cubic-bezier(.71, -1, .52, 3) !important;
}
.mobile .topLogo{
	transition-timing-function: ease-in-out !important;
}


.desktop .roomInfoButton:hover,
.desktop .closeMapButton:hover,
.desktop .changeMapButton:hover
{
	animation: jello-horizontal-small 1s alternate both;
	-webkit-animation: jello-horizontal-small 1s alternate both;
}




.roomInfoContainer, .sideMenuContainer, .sideMenuBg, .googleMapContainer,
.floorplanContainer,
.mainMenuContainer
{
	/* transition-timing-function: cubic-bezier(.94, -0.01, .09, .99) !important; */
	/* transition-timing-function: cubic-bezier(1, 0, .65, 1) !important; */
	transition-timing-function: cubic-bezier(.37,0,.33,1) !important;
}
.leftButtonsSmartphoneContainer{
	transition-timing-function: cubic-bezier(1, .02, .75, 1.53) !important;
}

.socialShareButtonsContainer {
	transition-timing-function: cubic-bezier(.68, 0, .99, .65) !important;
}
/* Animations */














/* Hotspots */
.hotspotHover .animatedHSback{
	display: none !important;
}
.hsIconIcon, .hsIconCircle, .hsIconHover, .hsIcon{
	transition: all 0.3s ease-in-out !important;
	-webkit-transition: all 0.3s ease-in-out !important;
	-moz-transition: all 0.3s ease-in-out !important;
	-ms-transition: all 0.3s ease-in-out !important;
	-o-transition: all 0.3s ease-in-out !important;
	transition-timing-function: cubic-bezier(1, .02, .75, 1.53) !important;
	box-sizing: border-box !important;
}
.hsIconHover > .hsIconIcon{
	transform:scale(100%) rotate(90deg) !important;
	-webkit-transform:scale(100%) rotate(90deg) !important;
	-moz-transform:scale(100%) rotate(90deg) !important;
	-ms-transform:scale(100%) rotate(90deg) !important;
	-o-transform:scale(100%) rotate(90deg) !important;
}
.hsIconHover > .hsIconCircle{
	border-color: rgba(0, 0, 0, 1) !important;
	transform: scale(120%);
	-webkit-transform: scale(120%);
	-moz-transform: scale(120%);
	-ms-transform: scale(120%);
	-o-transform: scale(120%);
}
.zIndexTop {
	z-index: 1 !important;
}

.ht_mapTitleTop {
	top: 25px !important;
}

.ht_mapTitleTop .mouseHoverFix {
	bottom: -10px !important;
}

.hsThumbnailTop {
	top: 30px !important;
}

.hsThumbnailTop .mouseHoverFix {
	bottom: 0px !important;
}
.mapHotspot:hover {
	z-index: 2 !important;
}

.hsThumbnailTitle {
	font-weight: 300 !Important;
}

/* Hotspots */













.nodeTitle > div{
	padding-top: 10px !important;
	padding-bottom: 8px !important;
	white-space: normal !important;
}
.nodeTitle p {
	margin: 0 !important;
}
.nodeTitle {
	/*14px*/
	font-size: 16px !important;
	font-weight: 400 !important;
	width: fit-content !important;
	margin: 0 auto;
	left: 0;
	right: 0;
}
.nodeTitleSmartphone{
	/*16px*/
	font-size: 1rem !important;
}




.roomInfoIframe {
	border: none;
	width: 100%;
	height: 100%;
	transition-delay: 0.5s !important;
	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;
}
.roomInfoClosed .roomInfoIframe{
	opacity: 0 !important;
	transition-delay: 0s !important;
}
.leftButtonSmartphone{
	/*16px*/
	font-size: 1rem !important;
	transform-origin: top !important;
	transition: all 0.3s ease-in-out !important;
	-webkit-transition: all 0.3s ease-in-out !important;
	-moz-transition: all 0.3s ease-in-out !important;
	-ms-transition: all 0.3s ease-in-out !important;
	-o-transition: all 0.3s ease-in-out !important;
}
.leftButtonsSmartphoneContainer{
	perspective: 500px;
	perspective-origin: 0% 50%;
}
.flip{
	transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
}
.flipCenter{
	transform-origin: center !important;
}
.delay{
	transition-delay: 0.5s !important;
}













/* Menu */
.counterNodesText {
	font-size: 0.875rem !important;
	/* 14px */
}
.counterNodesText.mobile{
	font-size: 1rem !important;
}

.sideMenu {
	background-color: var(--colorLighBlue);
	overflow-y: auto;
}
.menuItem {
	width: calc(100% - 47px);
	margin-left: 28px;
	height: var(--menuItemHeight);
	box-sizing: border-box;
	border-bottom: solid 1px #FFF;
	color: #FFF;
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
}

.menuItem:last-child {
	border: none !important;
}

.menuItemVisitedMark {
	width: 23px;
	height: 23px;
	margin: 0;
	background-image: var(--notVisitedIcon);
	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;
}

.menuItemVisitedMarkCheck {
	background-image: var(--visitedIcon);
}

.menuItemThumb {
	width: 62px;
	height: 62px;
	border-radius: 50%;
	background-color: gray;
	background-size: cover;
	overflow: hidden;
	box-sizing: border-box;
	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;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	outline: solid 5px rgba(255, 255, 255, .5);
}
.menuItemThumb::after{
	content: "";
	width:52px;
	height:52px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	/* border:solid 1px var(--colorLighBlue); */
	position: absolute;
	margin-top: -58px;
	margin-left: 4px;
	pointer-events: none;
}

.menuItemThumbHide {
	transform: scale(50%) !important;
	-webkit-transform: scale(50%) !important;
	-moz-transform: scale(50%) !important;
	-ms-transform: scale(50%) !important;
	-o-transform: scale(50%) !important;
}

.menuItemThumbImage {
	width: 100%;
	height: 100%;
	background-size: cover;
	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;
}

.menuItem:hover .menuItemThumbImage {
	transform: scale(150%) !important;
	-webkit-transform: scale(150%) !important;
	-moz-transform: scale(150%) !important;
	-ms-transform: scale(150%) !important;
	-o-transform: scale(150%) !important;
}
.menuItem:hover .menuItemThumb {
	outline: solid 5px white;
	box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.3);
}

.menuItemText {
	font-weight: 400;
	line-height: 19px;
	margin: 0;
	margin-right: 50px;
	margin-left: 18px;
	flex: 1;
	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;
	font-size: 1rem;
	/* 16px */
	overflow: hidden;
	max-height: var(--menuItemHeight);
}
.menuItem:hover .menuItemText {
	color: #000;
	transform: translateX(-3px);
		-webkit-transform: translateX(-3px);
		-moz-transform: translateX(-3px);
		-ms-transform: translateX(-3px);
		-o-transform: translateX(-3px);
}

.menuGroupItems {
	background-color: #3384AD;
	transition-timing-function: ease-in-out !important;
}

.menuGroupTitle {
	height: var(--menuGroupHeight);
	background-color: var(--colorLighBlue);
	display: flex;
	align-items: center;
	cursor: pointer;
	color: #FFF;
	/* border-bottom: solid 1px black; */
	box-sizing: border-box;
}
.menuGroupDivider{
	width:calc(100% - 42px);
	margin-left: 25px;
	height: 1px;
	background-color: white;
	/* opacity: .5; */
}
.accordion-active + div + .menuGroupDivider{
	visibility: hidden;
}
.accordion-active {
	background-color: #3384AD;
}

.menuGroupTitle:hover .menuGroupTitleIcon {
	margin-right: 5px;
}
@media (hover: none) {
	.menuGroupTitle:hover .menuGroupTitleIcon {
		margin-right: 15px;
	}
}

.menuGroupTitleIcon {
	width: 13px;
	height: 13px;
	margin: 0 15px 0px 24px;
	background-image: var(--plusIcon);
	background-position: center center;
	background-repeat: no-repeat;
	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;
}

.accordion-active>.menuGroupTitleIcon {
	background-image: var(--minusIcon);
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
}

.menuGroupCounter {
	/* 16px */
	font-size: 1rem;
	margin-right: 17px;
}

.menuGroupTitleText {
	flex: 1;
	font-size: 2.375rem;
}
.sideMenuImage > img{
	transition: opacity 0.5s ease 0.5s;
	-webkit-transition: opacity 0.5s ease 0.5s;
	-moz-transition: opacity 0.5s ease 0.5s;
	-ms-transition: opacity 0.5s ease 0.5s;
	-o-transition: opacity 0.5s ease 0.5s;
}

.blankImage > img{
	opacity: 0;
}
/* Menu */


.loaderBg{
	background-color: rgba(255, 255, 255, 0.8);
}
.loaderWhiteCircle{
	transition-timing-function: cubic-bezier(.76, .02, .15, 1.34) !important;
}






.changeMapButton{
	font-weight: 600 !important;
	background-size: 100% 200% !important;
	background-image: linear-gradient(to bottom, var(--colorBlue) 50%, var(--colorWhite) 50%) !important;
	transition: all 0.3s ease-in-out !important;
	-webkit-transition: all 0.3s ease-in-out !important;
	-moz-transition: all 0.3s ease-in-out !important;
	-ms-transition: all 0.3s ease-in-out !important;
	-o-transition: all 0.3s ease-in-out !important;
}
.changeMapButton.satellite {
	font-weight: 700 !important;
	background-position: 0% 100% !important;
}

.mapPinActive{
	background-color: var(--colorBlue) !important;
}
.visitedMark svg{
	width:100%;
	height:100%;
}
.mapPinActive .hsIconCircle{
	border-color: var(--colorBlue) !important;
}

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

@keyframes bgCircleSize {
    0% { transform: scale(0.9); opacity: .7; }
    25% { transform: scale(0.9); opacity: .7; }
    100% { transform: scale(2.2); opacity: 0;}
}

.svgIcon, .svgIcon>*{
	white-space: normal !important;
}


.mobPanoTitle > div{
	font-size: 0.813rem !important;
	font-weight:400 !important;
}

/* ORIG
.mobPanoTitle > div{
	font-size: 0.813rem !important;
}
*/



/* Tooltips */
.tippy-content{
	padding:0.5rem 0.7rem !important;
	font-family: var(--primaryFont);
	font-weight: 400;
}
.tippy-box{
	border-radius: 0 !important;
}