/* Variables */
:root {
	--colorGreen: #20B2A9;
	--colorBlue: #044a90;
	--colorWhite: #ffffff;
	--colorLighBlue: #88c0d7;
	--menuGroupHeight: 84px;
	--menuItemHeight: 92px;
	--notVisitedIcon: url('data: image/svg+xml;utf8,<svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="3.65761" y="3.65663" width="15.6867" height="15.6867" rx="7.84337" stroke="black" stroke-width="1.31327" /><rect x="0.656635" y="0.656635" width="21.6867" height="21.6867" rx="10.8434" stroke="black" stroke-width="1.31327" /></svg>');
	--visitedIcon: url('data: image/svg+xml;utf8,<svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="4" y="3.99805" width="15" height="15" rx="7.5" fill="black" stroke="black" stroke-width="2" /><rect x="1" y="1" width="21" height="21" rx="10.5" stroke="black" stroke-width="2" /><path fill-rule="evenodd" clip-rule="evenodd" d="M10.59 14.998L8 12.138L9.05875 10.998L10.59 12.688L13.9413 8.99805L15 10.138L10.59 14.998Z" fill="white" /></svg>');
	--plusIcon: url('data: image/svg+xml;utf8,<svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg"><line x1="6.2002" y1="-4.37114e-08" x2="6.2002" y2="13" stroke="black" stroke-width="2" /><line x1="13" y1="6.19922" x2="-8.74228e-08" y2="6.19922" stroke="black" stroke-width="2" /></svg>');
	--minusIcon: url('data: image/svg+xml;utf8,<svg width="13" height="2" viewBox="0 0 13 2" fill="none" xmlns="http://www.w3.org/2000/svg"><line x1="13" y1="1" x2="-8.74228e-08" y2="0.999999" stroke="black" stroke-width="2" /></svg>');
}


/* 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: 'Poppins', sans-serif;
	font-size: 1rem;
	line-height: 1.1rem;
	font-weight: 300;
}
.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, .logoDesktop
{
	transition-timing-function: cubic-bezier(.71, -1, .52, 3) !important;
}


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




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

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














/* Hotspots */

.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;
}
.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{
	/* background-color: rgba(254,153,51,0.5) !important; */
	border-color: rgba(70, 180, 254, 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: 27px !important;
}

.hsThumbnailTop .mouseHoverFix {
	bottom: 0px !important;
}
.mapHotspot:hover {
	z-index: 2 !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: 14px !important;
	font-weight: 400 !important;
	width: fit-content !important;
	margin: 0 auto;
	left: 0;
	right: 0;
}
.nodeTitleSmartphone{
	/*16px*/
	font-size: 1rem !important;
}




/* 
.roomInfoIframe {
	overflow: hidden !important;
}

.roomInfoIframe div:first-child {
	width: 100% !important;
	height: 100% !important;
	padding: 0 !important;
	top: 0 !important;
	transform: none !important;
	-webkit-transform: none !important;
	-moz-transform: none !important;
	-ms-transform: none !important;
	-o-transform: none !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;
}


.bookButtonMobile{
	/*16px*/
	font-size: 1rem;
	font-weight: 400;
	/* text-transform: uppercase; */
	color:#044a90;
	background-color: #FFF;
	width: calc(100% - 48px);
	text-align: center;
	padding: 11px 0;
	margin-top: 30px;
	margin-bottom: 28px;
	margin-left: 24px;
}
.bookButton{
	/*13px*/
	font-size: 0.813rem !important;
	background-size: 100% 200% !important;
	background-image: linear-gradient(to bottom, #88c0d7 50%, var(--colorWhite) 50%) !important;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}
.bookButton:hover{
	color: #044a90 !important;
	background-color: var(--colorBlue) !important;
	background-position: 0% 100% !important;
}
.menuButton{
	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;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}
.menuButton:hover {
	background-color: var(--colorWhite) !important;
	background-position: 0% 100% !important;
}
.menuIcon path {
	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;
}
.menuButton:hover .menuIcon path{
	fill: var(--colorBlue) !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 #000;
	color: #000;
	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: 300;
	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: .9rem;
	/* 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: #FFF;
	transition-timing-function: ease-in-out !important;
}

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

.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: .7rem;
	margin-right: 17px;
}

.menuGroupTitleText {
	flex: 1;
	font-size: 2.375rem;
	font-weight: 200;
}
.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;
}
.sideMenuImageSmartphone > img{
			/* width: 100% !important;
			transform: translate(-50%, -50%);
			margin: 0 !important;
			transition: none !important;
			-webkit-transition: none !important;
			-moz-transition: none !important;
			-ms-transition: none !important;
			-o-transition: none !important;
			-webkit-transform: translate(-50%, -50%);
			-moz-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
			-o-transform: translate(-50%, -50%); */
}
/* Menu */


.loaderBg{
	/*
	background: linear-gradient(129deg, #17a2bf, #cbb4ff, #00ffb8);
	background-size: 600% 600%;
	animation: gradientAnimation 7s ease infinite;
	-webkit-animation: gradientAnimation 7s ease infinite;
	*/
	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;
}
.closeMapButton:hover+.changeMapButton {

}
.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;}
}