@font-face {
	font-family: 'Krona One';
	src:
		url('/wp-content/themes/hh-dev/assets/fonts/krona.woff2') format('woff2'),
		url('/wp-content/themes/hh-dev/assets/fonts/krona.woff') format('woff');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Montserrat';
	src:
		url('/wp-content/themes/hh-dev/assets/fonts/montserrat-light.woff2') format('woff2'),
		url('/wp-content/themes/hh-dev/assets/fonts/montserrat-light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Montserrat';
	src:
		url('/wp-content/themes/hh-dev/assets/fonts/montserrat-regular.woff2') format('woff2'),
		url('/wp-content/themes/hh-dev/assets/fonts/montserrat-regular.woff') format('woff');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
:root {
	--color-gray: #f0ede8;
	--color-darkgray: #7e7e7e;

	--headings-sizes-h1: 2.037rem;
	--headings-sizes-h2: 0.3272rem;
	--headings-sizes-h3: 0.2727rem;
	--headings-sizes-h4: 0.21rem;
	--headings-sizes-h5: 6.11rem;
	--headings-sizes-h6: 6.11rem;

	--textsize-regular: 1.12rem;
	--textsize-small: 0.1363rem;

	--font-krona: 'Krona One', Helvetica, Arial, sans;
}

.clearfix:after {
	content: '';
	display: block;
	clear: both;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: 'Montserrat', Helvetica, Arial, sans;
	font-weight: 300;
}

svg *,
svg {
	will-change: transform, scale, opacity, width !important;
}

html {
	font-size: 1vh;
	overflow-x: hidden;
	height: -webkit-fill-available;
}

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	color: #000;
	background: var(--color-gray);
	font-size: var(--textsize-regular);
	line-height: 1.3;
	font-weight: 300;
	position: relative;

	/* mobile viewport bug fix */
	min-height: 100vh;
	min-height: -webkit-fill-available;
}

img {
	height: auto;
}

strong,
b {
	font-weight: 600;
}

h1,
.fontsize-h1,
h2,
.fontsize-h2,
h3,
.fontsize-h3,
h4,
.fontsize-h4,
h5,
.fontsize-h5,
h6,
.fontsize-h6 {
	line-height: 1.2;
	font-weight: 400;
	font-family: var(--font-krona);
	text-transform: uppercase;
}

h1,
.fontsize-h1 {
	font-size: var(--headings-sizes-h1);
	margin-bottom: 0.4rem;
	letter-spacing: 0.2rem;
}

h2,
.fontsize-h2 {
	font-size: var(--headings-sizes-h2);
	margin-bottom: 0.22rem;
}

h3,
.fontsize-h3 {
	font-size: var(--headings-sizes-h3);
	margin-bottom: 0.2rem;
}

h4,
.fontsize-h4 {
	font-size: var(--headings-sizes-h4);
	margin-bottom: 0.15rem;
}

h5,
.fontsize-h5 {
	font-size: var(--headings-sizes-h5);
	text-transform: uppercase;
	line-height: 1;
}

h6,
.fontsize-h6 {
	font-size: var(--headings-sizes-h5);
	text-transform: uppercase;
	line-height: 1;
}

p {
	margin-bottom: 1.1rem;
	line-height: 1.25;
}
p:last-child {
	margin-bottom: 0;
}

a {
	position: relative;
	display: inline-block;
	color: inherit;
	text-decoration: none;
	transition: all 0.4s;
}
a:hover {
	text-decoration: none;
	transition: all 0.4s;
}

.container {
	width: 100%;
	max-width: 143.834rem;
	margin: 0 auto;
}

@media (max-width: 1024px) {
	.container {
		max-width: calc(100vw - 3.79rem);
	}
}

/* HEADER */
header.site-header {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10000;
	transition: all 0.4s;
}

header.site-header .container {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	position: relative;
	z-index: 3;
}

header.site-header .logo-area {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	position: relative;
	z-index: 4;
	width: 5rem;
}
header.site-header .logo {
	display: block;
	margin-top: 2.037rem;
	cursor: pointer;
}
header.site-header .logo svg,
header.site-header .logo img {
	width: 4.482rem;
	height: auto;
	display: block;
}

/* HEADER LINKS MENU */

header.site-header .header-links-area {
	width: calc(50% - 2.5rem);
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

ul.links-navigation {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	list-style: none;
	font-size: 0.916rem;
	position: relative;
	opacity: 1;
	transition: all 0.4s;
}

.section-amenities ul.links-navigation,
.section-cityview ul.links-navigation {
	opacity: 0;
	transition: all 0.4s;
	pointer-events: none;
}

ul.links-navigation li a,
ul.links-navigation li a .semikols {
	line-height: 1;
	text-transform: uppercase;
	font-weight: 400;
	font-family: var(--font-krona);
	padding: 2.15rem 2.1rem;
	letter-spacing: 0.09rem;
	white-space: nowrap;
	background-color: #fff;
	cursor: pointer;
}

ul.links-navigation li a {
	display: block;
}
ul.links-navigation li a {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
}
.all-hotels a {
	position: relative;
	padding-left: 4.889rem;
	padding-right: 2.5rem;
	background-color: #fff;
	display: block;
	line-height: 1;
	text-transform: uppercase;
	font-weight: 400;
	font-family: var(--font-krona);
	font-size: 0.916rem;
	padding: 2.15rem 2.5rem 2.15rem 4.889rem;
	letter-spacing: 0.09rem;
	white-space: nowrap;
	background-color: #fff;
	cursor: pointer;
}
.all-hotels a:after {
	content: '';
	position: absolute;
	top: 0;
	left: 2.037rem;
	width: 1.83rem;
	height: 100%;
	background-image: url('data:image/svg+xml,<svg width="18" height="8" viewBox="0 0 18 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.646447 3.62691C0.451184 3.82218 0.451184 4.13876 0.646447 4.33402L3.82843 7.516C4.02369 7.71126 4.34027 7.71126 4.53553 7.516C4.7308 7.32074 4.7308 7.00416 4.53553 6.80889L1.70711 3.98047L4.53553 1.15204C4.7308 0.956778 4.7308 0.640195 4.53553 0.444933C4.34027 0.249671 4.02369 0.249671 3.82843 0.444933L0.646447 3.62691ZM18 3.48047L1 3.48047L1 4.48047L18 4.48047L18 3.48047Z" fill="black"/></svg>');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

.all-hotels {
	position: absolute;
	top: -6rem;
	left: 0;
	transition: all 0.4s;
}
.activate-hotel .all-hotels {
	top: 0;
	transition: all 0.4s;
}

ul.links-navigation li.book-now {
	opacity: 1;
	transition: all 0.4s;
}

ul.links-navigation li.book-now .semikols {
	padding: 0;
	width: 0;
	opacity: 0;
}
ul.links-navigation:hover li.book-now a .semikols,
.activate-booknow-menu ul.links-navigation li.book-now a .semikols {
	opacity: 1;
}

/* BOOKING NAVIGATION */
ul.booking-navigation {
	position: absolute;
	top: 0;
	left: 13.7rem;
	list-style: none;
	display: -webkit-box;
	display: flex;
	width: 0;
	opacity: 0;
	transition: all 0.4s;
}
ul.booking-navigation:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 0;
	background-color: #fff;
	transition: all 0.4s;
}
ul.booking-navigation li {
	position: relative;
	z-index: 9;
}
ul.booking-navigation li a {
	padding: 2.15rem 1.57rem;
	background-color: none;
}
ul.booking-navigation li:last-child a {
	padding-right: 2.1rem;
}

.activate-booknow-menu ul.links-navigation ul.booking-navigation {
	width: auto;
	opacity: 1;
	transition: all 0.4s;
}

@media (min-width: 1025px) {
	ul.links-navigation:hover ul.booking-navigation {
		width: auto;
		opacity: 1;
		transition: all 0.4s;
	}
}

.activate-booknow-menu ul.links-navigation:hover ul.booking-navigation:before,
ul.links-navigation:hover ul.booking-navigation:before {
	width: 100%;
}

/* HEADER NAVIGATION */

header.site-header .navigation-area {
	width: calc(50% - 2.5rem);
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
}

ul.top-navigation {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	list-style: none;
	font-size: 0.916rem;
	background-color: rgba(256, 256, 256, 0.9);
	position: relative;
}
ul.top-navigation li {
	position: relative;
	margin-left: 3.1rem;
}
ul.top-navigation li:last-child {
	margin-right: 2.037rem;
}
ul.top-navigation li.menu-title {
	margin-left: 1.9rem;
}
ul.top-navigation li a,
ul.top-navigation li.menu-title > span {
	display: block;
	line-height: 1;
	text-transform: uppercase;
	font-weight: 400;
	font-family: var(--font-krona);
	padding: 2.15rem 0;
	letter-spacing: 0.09rem;
	white-space: nowrap;
}
ul.top-navigation li a,
ul.top-navigation li.menu-title > span .semikols {
	line-height: 1;
	text-transform: uppercase;
	font-weight: 400;
	font-family: var(--font-krona);
	letter-spacing: 0.09rem;
	white-space: nowrap;
}
ul.top-navigation li a {
	cursor: pointer;
	position: relative;
}

ul.top-navigation:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0.1rem;
	background-color: var(--color-darkgray);
	opacity: 0;
	transition: all 0.4s;
}

.section-thehotels ul.top-navigation li.thehotels a:after,
.section-amenities ul.top-navigation li.amenities a:after,
.section-cityview ul.top-navigation li.cityview a:after {
	content: '';
	position: absolute;
	bottom: 1.73rem;
	left: 0;
	height: 0.1rem;
	width: 100%;
	background-color: #000;
}

/* BIRDS */
#birds .flyingbirds,
.section-thehotels.activate-hotel-hover #birds .flyingbirds {
	display: block;
	position: absolute;
	top: 28.5rem;
	left: calc(50% - 21.5rem);
	width: 30rem;
	z-index: 0;

	opacity: 0;
	animation: theflight 10s linear infinite normal;
	transition: all 0.4s;
}

.section-thehotels #birds .flyingbirds {
	z-index: 1005;
	opacity: 1;
}

/* FLIP NOTICE */
header.site-header .flip-notice {
	display: none;
}

.flip-for-menu {
	display: none;
}

@media (max-width: 1024px) {
	header.site-header:after {
		content: '';
		position: absolute;
		top: 0;
		left: 1.89rem;
		width: calc(100vw - 3.79rem);
		height: 12.32rem;
		background-color: rgba(256, 256, 256, 0.9);
	}

	header.site-header .logo-area {
		order: 1;
		width: 5.8rem;
		justify-content: flex-end;
	}
	header.site-header .logo {
		margin-top: 3.75rem;
		margin-bottom: 1.3rem;
	}
	header.site-header .logo svg,
	header.site-header .logo img {
		width: 4.1rem;
	}

	header.site-header .header-links-area {
		order: 2;
		width: calc(100% - 5.8rem);
		justify-content: flex-end;
		align-items: flex-end;
		padding-right: 12.5rem;
	}
	ul.links-navigation li a {
		padding: 1.6rem 0;
		letter-spacing: 0.1rem;
		background-color: unset;
	}

	header.site-header .navigation-area {
		order: 3;
		width: 100%;
		padding: 0 1.77rem;
	}

	ul.top-navigation {
		border-top: 0.1rem solid var(--color-darkgray);
		width: 100%;
		justify-content: space-between;
		background-color: transparent;
	}
	ul.top-navigation li,
	ul.top-navigation li:last-child {
		margin: 0 0.7rem;
	}

	ul.top-navigation li.menu-title {
		margin: 0;
		position: absolute;
		top: -4.5rem;
		right: 0;
		opacity: 1;
		transition: all 0.4s;
	}
	ul.top-navigation li.menu-title > span {
		border-top: 0.1rem solid var(--color-darkgray);
		border-left: 0.1rem solid var(--color-darkgray);
		border-bottom: 0;
		padding: 1.8rem 0.7rem 1.6rem 1.9rem;
		background-color: unset;
		letter-spacing: 0.11rem;
		cursor: pointer;
	}
	ul.top-navigation li.menu-title .semikols {
		display: none;
	}

	.activate-hotel ul.links-navigation li.book-now,
	.activate-hotel ul.top-navigation li.menu-title {
		opacity: 0;
		pointer-events: none;
	}

	.all-hotels {
		top: -7.2rem;
		left: unset;
		right: 1.77rem;
	}
	.activate-hotel .all-hotels {
		top: 1.8rem;
	}
	.all-hotels a {
		padding-right: 0.7rem;
		letter-spacing: 0.12rem;
	}

	li.all-hotels a:after {
		top: -0.15rem;
		left: 1.4rem;
	}

	.section-cityview ul.top-navigation:after {
		opacity: 1;
	}

	header.site-header .flip-notice {
		display: -webkit-box;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
		position: absolute;
		top: 12.32rem;
		left: 0;
		width: 100%;
		height: 5.21rem;
		padding: 0 2.47rem;
		background: rgba(256, 256, 256, 0.9);
		transition: all 0.4s;
		opacity: 0;
		pointer-events: none;
	}
	.section-cityview header.site-header .flip-notice {
		opacity: 1;
	}
	header.site-header .flip-notice .flip-text {
		font-weight: 400;
		font-family: var(--font-krona);
		letter-spacing: -0.04rem;
		text-transform: uppercase;
		font-size: 0.916rem;
	}
	header.site-header .flip-notice .flip-icon {
		width: 3.1rem;
		height: 100%;
		background-image: url('/wp-content/themes/hh-dev/assets/images/icon-90deg.svg');
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
	}

	.flip-for-menu {
		display: -webkit-box;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		width: auto;
		position: absolute;
		top: 10rem;
		left: 50%;
		transform: translateX(-50%);
		z-index: 11000;
		display: none;
		opacity: 0;
	}

	ul.top-navigation li.menu-title:after {
		content: '';
		position: absolute;
		bottom: -0.3rem;
		left: 0.2rem;
		width: 100%;
		height: 0.5rem;
		background-color: #fff;
	}

	ul.links-navigation {
		position: absolute;
		top: 2.6rem;
		left: 0;
		width: 100%;
		background: #fff;
	}

	ul.booking-navigation,
	.section-thehotels ul.booking-navigation {
		position: absolute;
		top: 5.1rem;
		left: 0!important;
		width: 100%;
		list-style: none;
		opacity: 1;
		justify-content: space-between;
		display: -webkit-box;
		display: flex;
		flex-wrap: wrap;
		padding: 0 1.77rem;
		opacity: 0;
	}
	ul.booking-navigation li {
		margin: 0 0.7rem;
	}
	ul.links-navigation li.book-now {
		position: absolute;
		top: 0;
		right: 10.7rem;
	}
	ul.links-navigation li.book-now a {
		background: #fff;
		border-top: 0.1rem solid #fff;
		border-left: 0.1rem solid #fff;
		border-right: 0.1rem solid #fff;
		padding: 1.8rem 1.8rem 1.6rem 1.8rem;
	}
	.activate-booknow-menu ul.links-navigation li.book-now a {
		background: #fff;
		border-top: 0.1rem solid var(--color-darkgray);
		border-left: 0.1rem solid var(--color-darkgray);
		border-right: 0.1rem solid var(--color-darkgray);
	}
	.activate-booknow-menu ul.links-navigation li.book-now a:after {
		content: '';
		position: absolute;
		bottom: -0.3rem;
		left: 0rem;
		width: 100%;
		height: 0.5rem;
		background-color: #fff;
		z-index: 10000;
	}
	.activate-booknow-menu ul.links-navigation:hover li.book-now a .semikols,
	.activate-booknow-menu ul.links-navigation li.book-now a .semikols {
		opacity: 0;
	}

	.activate-booknow-menu ul.links-navigation ul.booking-navigation {
		width: 100%;
		opacity: 1;
		z-index: 15000;
	}
	ul.booking-navigation li:last-child a {
		padding-right: 0;
	}

	.activate-booknow-menu ul.top-navigation li.amenities,
	.activate-booknow-menu ul.top-navigation li.thehotels,
	.activate-booknow-menu ul.top-navigation li.cityview,
	.activate-booknow-menu ul.top-navigation li.cphview {
		opacity: 0;
		pointer-events: none;
	}

	.activate-booknow-menu ul.top-navigation li.menu-title > span {
		border-top: 0.1rem solid #fff;
		border-left: 0.1rem solid rgba(256, 256, 256, 0);
		border-bottom: 0.1rem solid #fff;
	}
	.activate-booknow-menu ul.top-navigation li.menu-title:after {
		display: none;
	}

	ul.links-navigation:hover li.book-now a .semikols {
		width: 0;
		opacity: 0;
	}

	.section-amenities ul.links-navigation,
	.section-cityview ul.links-navigation {
		opacity: 1;
		transition: all 0.4s;
		pointer-events: unset;
	}

	.activate-booknow-menu li.amenitites,
	.activate-booknow-menu li.thehotels,
	.activate-booknow-menu li.cityview,
	.activate-booknow-menu li.cphview {
		pointer-events: none;
	}
}

@media (min-width: 1024px) {
	.activate-hotel ul.booking-navigation {
		display: none !important;
	}
}

/* MAIN */

.page-container {
	position: relative;
	width: 100%;
}

main.content {
	width: 100%;
	min-height: 100vh;
	position: relative;
	z-index: 1;
	overflow: hidden;
}

/* CONTENT */

article {
	width: 100%;
	min-height: 100vh;
}
article#onepager {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100vh;
}

/* INTRO AREA */
#intro-area {
	position: absolute;
	top: 92.3rem;
	left: calc(50% - 40rem);
	width: 80rem;
	pointer-events: none;
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	transition: all 0.4s;
	opacity: 1;
}
.activate-hotel #intro-area,
.activate-hotel-hover #intro-area,
.section-amenities #intro-area,
.section-cityview #intro-area {
	opacity: 0;
}
#intro-area h6.fontsize-h1 {
	font-size: 1rem;
}

@media (max-width: 1024px) {
	#intro-area {
		top: 67rem;
		opacity: 0.75;
	}
	#intro-area #intro-text-right {
		margin-left: 5rem;
	}
	#intro-area h6.fontsize-h1 {
		font-size: 1rem;
	}
}

/* LOADER */
#loader {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 20000;
	background-color: #f5eeea;
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	transition: all 0.4s;
	opacity: 0;
	pointer-events: none;
}
#loader svg {
	animation: rotate-btn 10s linear infinite;
	pointer-events: none;
	width: 11rem;
	height: 11.3rem;
	display: block;
}

.loading #loader {
	opacity: 1;
}

@media (min-width: 1024px) {
	#loader,
	.loading #loader {
		z-index: 9999;
	}

	header.site-header .header-links-area,
	header.site-header .navigation-area {
		transition: all 0.4s;
		opacity: 1;
	}

	.loading header.site-header .header-links-area,
	.loading header.site-header .navigation-area {
		opacity: 0;
		pointer-events: none;
	}
}

@media screen and (orientation: portrait) {
	#loader,
	.loading #loader {
		height: unset;
		min-height: -webkit-fill-available;
		padding-bottom: 5rem;
	}

	#loader,
	.loading #loader {
		z-index: 9999;
	}

	header.site-header .header-links-area,
	header.site-header .navigation-area {
		transition: all 0.4s;
		opacity: 1;
	}

	.loading header.site-header .header-links-area,
	.loading header.site-header .navigation-area {
		opacity: 0;
		pointer-events: none;
	}

	.loading header.site-header:after {
		background-color: rgba(256, 256, 256, 0);
	}

	.loading header.site-header .logo-area {
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
	}
}

/* SKIES */

#eurosky {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	z-index: 1000;
	pointer-events: none;
}
#eurosky svg.euroskies {
	display: block;
	height: 44.82rem !important;
	width: auto !important;
	margin-top: -5.1rem;
	margin-left: calc(50% - 122.238rem);
	transition: all 0.8s;
}

#eurosky .thesun {
	translate: 0 0;
	transition: all 0.4s;
}
.section-amenities #eurosky .thesun {
	translate: -15.6rem -6.5rem;
	transition: all 0.4s;
}

.section-cityview #eurosky .thesun {
	translate: 17.1rem 7.5rem;
	transition: all 0.4s;
	width: 15rem !important;
	height: 15rem !important;
}

.activate-hotel #eurosky svg.euroskies {
	height: 34.82rem !important;
	margin-left: calc(50% - 79rem);
	margin-top: -28rem;
	transition: all 0.8s;
}

#eurosky svg.airplane {
	position: absolute;
	top: 12rem;
	left: calc(50% - 54rem);
	width: auto;
	height: 5.4rem;
	transition: all 0.4s;
	animation: theflight 20s linear infinite normal;
	opacity: 0;
}
.section-cityview #eurosky svg.airplane {
	opacity: 1;
}

#supersky {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	z-index: 900;
	pointer-events: none;
}
#supersky img {
	display: block;
	height: 95.142rem !important;
	margin-top: 0;
	margin-left: calc(50% - 121.22rem);
	transition: all 0.4s;
	max-width: unset;
	width: auto !important;
}

/* BOTTOM IMG */
#bottombg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1001;
}
#bottombg img {
	display: block;
	width: 100% !important;
	height: 32.291rem;
	position: absolute;
	top: 67.5rem;
	left: 0;
	transition: all 0.4s;
}
#bottombg img.bottombg2 {
	display: block;
	width: 100% !important;
	height: 7.02rem;
	position: absolute;
	top: 64.7rem;
	left: 0;
	transition: all 0.4s;
	opacity: 0;
	pointer-events: none;
}

.section-cityview #bottombg img {
	top: 71.5rem;
}
.section-cityview #bottombg img.bottombg2 {
	top: 64.7rem;
	opacity: 1;
}

.active-57house-hover #bottombg img {
	top: 74.1rem;
	transition: all 0.4s;
}
.active-ascot-hover #bottombg img {
	top: 72.8rem;
	transition: all 0.4s;
}
.active-wide-hover #bottombg img {
	top: 75rem;
	transition: all 0.4s;
}
.active-hypernym-hover #bottombg img {
	top: 74.1rem;
	transition: all 0.4s;
}

.active-ascot #bottombg img {
	top: 78.2rem;
	transition: all 0.4s;
}
.active-57house #bottombg img {
	top: 74.9rem;
	transition: all 0.4s;
}
.active-wide #bottombg img {
	top: 78.9rem;
	transition: all 0.4s;
}
.active-hypernym #bottombg img {
	top: 75.8rem;
	transition: all 0.4s;
}

/* ALL HOTELS VIEW */

#all-hotels {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	z-index: 2000;
	opacity: 1;
	transition: all 0.4s;
}

/* BUILDING LEFT */

#building-left {
	position: absolute;
	top: 24rem;
	left: calc(50% - 137.6rem);
	opacity: 0.1;
	transition: all 0.4s;
}
#building-left svg {
	width: 61.1rem;
	height: auto;
	transition: all 0.4s;
}

.active-ascot-hover #building-left {
	top: 10.4rem;
	left: calc(50% - 170.8rem);
	opacity: 0.2;
	transition: all 0.4s;
}
.active-ascot-hover #building-left svg {
	width: 87.3rem;
}

.active-57house-hover #building-left {
	top: 10.1rem;
	left: calc(50% - 124rem);
	opacity: 0.2;
	transition: all 0.4s;
}
.active-57house-hover #building-left svg {
	width: 90.1rem;
}

.active-wide-hover #building-left,
.active-hypernym-hover #building-left {
	opacity: 0;
	left: calc(50% - 152.6rem);
	transition: all 0.4s;
}

.activate-hotel #building-left {
	opacity: 0;
	pointer-events: none;
}

.activate-hotel.active-57house #building-left {
	top: 17.3rem;
	left: calc(50% - 107.5rem);
	opacity: 0.2;
}
.activate-hotel.active-57house #building-left svg {
	width: 81.1rem;
}

.section-cityview #building-left {
	top: 38.8rem;
	left: calc(50% - 75.7rem);
	opacity: 1;
	transition: all 0.4s;
}
.section-cityview #building-left svg {
	width: 36.3rem;
	height: auto;
	transition: all 0.4s;
}

/* BUILDING RIGHT */

#building-right {
	position: absolute;
	top: 18.9rem;
	left: calc(50% + 76.6rem);
	opacity: 0.1;
	transition: all 0.4s;
}
#building-right svg {
	width: 83.3rem;
	height: auto;
	transition: all 0.4s;
}

.section-amenities #building-right {
	transition: all 0.4s;
}

.active-ascot-hover #building-right,
.active-57house-hover #building-right {
	position: absolute;
	top: 9.5rem;
	left: calc(50% + 120.2rem);
	opacity: 0;
	transition: all 0.4s;
}

.active-wide-hover #building-right {
	position: absolute;
	top: 9.5rem;
	left: calc(50% + 81.2rem);
	opacity: 0.1;
	transition: all 0.4s;
}
.active-wide-hover #building-right svg {
	width: 112.1rem;
	height: auto;
	transition: all 0.4s;
}

.active-hypernym-hover #building-right {
	position: absolute;
	top: 9.9rem;
	left: calc(50% + 29.6rem);
	opacity: 0.2;
	transition: all 0.4s;
}
.active-hypernym-hover #building-right svg {
	width: 110.1rem;
	height: auto;
	transition: all 0.4s;
}

.activate-hotel #building-right {
	opacity: 0;
	pointer-events: none;
}

.activate-hotel.active-wide #building-right {
	top: 15.7rem;
	left: calc(50% + 93.5rem);
	opacity: 0.1;
}
.activate-hotel.active-wide #building-right svg {
	width: 108.8rem;
}

.activate-hotel.active-hypernym #building-right {
	top: 21.3rem;
	left: calc(50% + 26.9rem);
	opacity: 0.2;
}
.activate-hotel.active-hypernym #building-right svg {
	width: 93.8rem;
}

.section-cityview #building-right {
	position: absolute;
	top: 42.4rem;
	left: calc(50% + 37.7rem);
	opacity: 1;
	transition: all 0.4s;
}
.section-cityview #building-right svg {
	width: 38.3rem;
	height: auto;
	transition: all 0.4s;
}

/* BUILDING CENTER */

#building-center {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	opacity: 0;
	transition: all 0.4s;
	pointer-events: none;
}
#building-center img.buildings {
	display: block;
	position: absolute;
	width: 77.11rem;
	height: auto;
	transition: all 0.4s;
	top: 49.95rem;
	left: calc(50% - 39.5rem);
}
#building-center img.metrotrees {
	display: block;
	position: absolute;
	width: 130.69rem;
	height: auto;
	transition: all 0.4s;
	top: 58.1rem;
	left: calc(50% - 78.4rem);
}
#building-center img.treesgroup {
	display: block;
	position: absolute;
	width: 9.06rem;
	height: auto;
	transition: all 0.4s;
	top: 60rem;
	left: calc(50% - 59rem);
}

#building-center svg.obj_cw09 {
	top: 65rem;
	height: 3.97rem;
	left: calc(50% + 65.5rem);
	display: block;
	width: auto !important;
	position: absolute;
	transition: all 0.4s;
	pointer-events: none;
	animation: moving-left 23s linear infinite normal;
}

.section-cityview #building-center {
	opacity: 1;
	transition: all 0.4s;
}

/* ASCOT */

#ascot {
	position: absolute;
	top: 38.8rem;
	left: calc(50% - 53.2rem);
	opacity: 1;
	transition: all 0.4s;
}
#ascot svg {
	width: 50.1rem;
	height: auto;
	transition: all 0.4s;
}

.active-ascot-hover #ascot {
	top: 32.15rem;
	left: calc(50% - 50.15rem);
	opacity: 1;
	transition: all 0.4s;
}
.active-ascot-hover #ascot svg {
	width: 70.8rem;
	transition: all 0.4s;
}

.active-57house-hover #ascot {
	top: 31.4rem;
	left: calc(50% + 1.3rem);
	opacity: 0.4;
	transition: all 0.4s;
}
.active-57house-hover #ascot svg {
	width: 76rem;
	transition: all 0.4s;
}

.active-wide-hover #ascot {
	top: 35.95rem;
	left: calc(50% - 92.1rem);
	opacity: 0.4;
	transition: all 0.4s;
}
.active-wide-hover #ascot svg {
	width: 66.5rem;
	transition: all 0.4s;
}

.active-hypernym-hover #ascot {
	top: 31.2rem;
	left: calc(50% - 150rem);
	opacity: 0.4;
	transition: all 0.4s;
}
.active-hypernym-hover #ascot svg {
	width: 73.2rem;
	transition: all 0.4s;
}

.active-ascot #ascot {
	top: 26.6rem;
	left: calc(50% - 45.6rem);
	transition: all 0.4s;
}
.active-ascot #ascot svg {
	width: 87.8rem;
	transition: all 0.4s;
}

.active-57house #ascot {
	top: 24.5rem;
	left: calc(50% + 13.9rem);
	opacity: 0.4;
	transition: all 0.4s;
}
.active-57house #ascot svg {
	width: 85.7rem;
	transition: all 0.4s;
}

.active-wide #ascot {
	top: 29.9rem;
	left: calc(50% - 125.4rem);
	opacity: 0.4;
	transition: all 0.4s;
}
.active-wide #ascot svg {
	width: 84.5rem;
	transition: all 0.4s;
}

.active-hypernym #ascot {
	top: 30.4rem;
	left: calc(50% - 166rem);
	opacity: 0.4;
	transition: all 0.4s;
}
.active-hypernym #ascot svg {
	width: 78.5rem;
	transition: all 0.4s;
}

.hide-allhotels-ascot #ascot {
	opacity: 0;
	transition: all 0.4s;
}

.section-cityview #ascot {
	top: 56.8rem;
	left: calc(50% - 28.9rem);
	opacity: 1;
	transition: all 0.4s;
}
.section-cityview #ascot svg {
	width: 27rem;
	height: auto;
	transition: all 0.4s;
}

/* WIDE AND HYPERNYM */
#wide {
	position: absolute;
	top: 19.75rem;
	left: calc(50% - 3.25rem);
	opacity: 1;
	transition: all 0.4s;
}
#wide svg {
	width: 80.3rem;
	height: auto;
	transition: all 0.4s;
}

.active-ascot-hover #wide {
	top: 5.6rem;
	left: calc(50% + 20.25rem);
	opacity: 0.4;
	transition: all 0.4s;
}
.active-ascot-hover #wide svg {
	width: 112.5rem;
	transition: all 0.4s;
}

.active-57house-hover #wide {
	top: 3.1rem;
	left: calc(50% + 77rem);
	opacity: 0.4;
	transition: all 0.4s;
}
.active-57house-hover #wide svg {
	width: 120.1rem;
	transition: all 0.4s;
}

.active-wide-hover #wide {
	top: 10.4rem;
	left: calc(50% - 25.9rem);
	opacity: 1;
	transition: all 0.4s;
}
.active-wide-hover #wide svg {
	width: 107.3rem;
	transition: all 0.4s;
}

#wide svg .wide_hypernym {
	opacity: 1;
	transition: all 0.4s;
}
.active-wide-hover #wide svg .wide_hypernym {
	opacity: 0.4;
	transition: all 0.4s;
}

.active-hypernym-hover #wide {
	top: 9.55rem;
	left: calc(50% - 77rem);
	opacity: 1;
	transition: all 0.4s;
}
.active-hypernym-hover #wide svg {
	width: 106.8rem;
	transition: all 0.4s;
}

#wide svg .wide_wide {
	opacity: 1;
	transition: all 0.4s;
}
.active-hypernym-hover #wide svg .wide_wide {
	opacity: 0.4;
	transition: all 0.4s;
}

.active-ascot #wide {
	top: -6.9rem;
	left: calc(50% + 41.5rem);
	transition: all 0.4s;
	opacity: 0.4;
}
.active-ascot #wide svg {
	width: 142.2rem;
	transition: all 0.4s;
}

.active-57house #wide {
	top: -7.3rem;
	left: calc(50% + 99.2rem);
	transition: all 0.4s;
	opacity: 0.4;
}
.active-57house #wide svg {
	width: 136rem;
	transition: all 0.4s;
}

.active-wide #wide {
	top: -1.9rem;
	left: calc(50% - 41.2rem);
	transition: all 0.4s;
	opacity: 1;
}
.active-wide #wide svg {
	width: 135.1rem;
	transition: all 0.4s;
}

.active-wide #wide svg .wide_hypernym {
	opacity: 0.4;
	transition: all 0.4s;
}

.active-hypernym #wide {
	top: 7.1rem;
	left: calc(50% - 87.9rem);
	transition: all 0.4s;
	opacity: 1;
}
.active-hypernym #wide svg {
	width: 115.1rem;
	transition: all 0.4s;
}

.active-hypernym #wide svg .wide_wide {
	opacity: 0.4;
	transition: all 0.4s;
}

.hide-allhotels-wide #wide {
	opacity: 1;
	transition: all 0.4s;
}
.hide-allhotels-wide #wide svg .wide-wide {
	opacity: 0;
	transition: all 0.4s;
}

.hide-allhotels-hypernym #wide {
	opacity: 1;
	transition: all 0.4s;
}
.hide-allhotels-hypernym #wide svg .wide-hypernym {
	opacity: 0;
	transition: all 0.4s;
}

.section-cityview #wide {
	top: 46.75rem;
	left: calc(50% - 2rem);
	opacity: 1;
	transition: all 0.4s;
}
.section-cityview #wide svg {
	width: 42.8rem;
	transition: all 0.4s;
}

/* 57 HOUSE */
#house57 {
	position: absolute;
	top: 37.3rem;
	left: calc(50% - 76.95rem);
	opacity: 1;
	transition: all 0.4s;
}
#house57 svg {
	width: 24rem;
	height: auto;
	transition: all 0.4s;
}

.active-ascot-hover #house57 {
	top: 29.55rem;
	left: calc(50% - 84.2rem);
	opacity: 0.4;
	transition: all 0.4s;
}
.active-ascot-hover #house57 svg {
	width: 34.3rem;
	transition: all 0.4s;
}

.active-57house-hover #house57 {
	top: 29.4rem;
	left: calc(50% - 34.6rem);
	opacity: 1;
	transition: all 0.4s;
}
.active-57house-hover #house57 svg {
	width: 36.2rem;
	transition: all 0.4s;
}

.active-wide-hover #house57 {
	top: 33.45rem;
	left: calc(50% - 124.1rem);
	opacity: 0.4;
	transition: all 0.4s;
}
.active-wide-hover #house57 svg {
	width: 32.3rem;
	transition: all 0.4s;
}

.active-hypernym-hover #house57 {
	top: 33.45rem;
	left: calc(50% - 124.1rem);
	opacity: 0;
	transition: all 0.4s;
}
.active-hypernym-hover #house57 svg {
	width: 32.3rem;
	transition: all 0.4s;
}

.active-ascot #house57 {
	top: 23.55rem;
	left: calc(50% - 87.6rem);
	transition: all 0.4s;
	opacity: 0.4;
}
.active-ascot #house57 svg {
	width: 42.3rem;
	transition: all 0.4s;
}

.active-57house #house57 {
	top: 22.1rem;
	left: calc(50% - 28.1rem);
	transition: all 0.4s;
	opacity: 1;
}
.active-57house #house57 svg {
	width: 42.3rem;
	transition: all 0.4s;
}

.active-wide #house57 {
	top: 26.6rem;
	left: calc(50% - 166.3rem);
	transition: all 0.4s;
	opacity: 0.4;
}
.active-wide #house57 svg {
	width: 41.3rem;
	transition: all 0.4s;
}

.active-hypernym #house57 {
	left: calc(50% - 166.3rem);
	transition: all 0.4s;
	opacity: 0;
}

.section-cityview #house57 {
	top: 56rem;
	left: calc(50% - 41.8rem);
	opacity: 1;
	transition: all 0.4s;
}
.section-cityview #house57 svg {
	width: 12.9rem;
	transition: all 0.4s;
}

/* INTRO TITLE */
.intro-title {
	position: absolute;
	top: 17.4rem;
	left: calc(50% - 50.745rem);
	width: 101.49rem;
	text-align: center;
	transition: all 0.4s;
	opacity: 1;
}
.activate-hotel .intro-title,
.intro-title.hover-title,
.section-amenities .intro-title.main-title,
.section-cityview .intro-title.main-title,
.activate-hotel-hover .intro-title.main-title,
.intro-title.title-amenities,
.intro-title.title-cityview {
	pointer-events: none;
	opacity: 0;
	transition: all 0.4s;
}

.activate-hotel-hover .intro-title.hover-title {
	pointer-events: unset;
	transition: all 0.4s;
}

.active-ascot-hover .intro-title.ascot,
.active-57house-hover .intro-title.house57,
.active-wide-hover .intro-title.wide,
.active-hypernym-hover .intro-title.hypernym,
.section-amenities .intro-title.title-amenities,
.section-cityview .intro-title.title-cityview {
	opacity: 1;
}

/* ALL HOTELS ELEMENTS */
#all-hotels-elements {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	opacity: 1;
	transition: all 0.4s;
}

.active-ascot #all-hotels-elements,
.active-57house #all-hotels-elements,
.active-wide #all-hotels-elements,
.active-hypernym #all-hotels-elements,
.section-amenities #all-hotels-elements,
.section-cityview #all-hotels-elements {
	opacity: 0;
	transition: all 0.4s;
}

.active-ascot-hover #all-hotels-elements,
.active-57house-hover #all-hotels-elements,
.active-wide-hover #all-hotels-elements,
.active-hypernym-hover #all-hotels-elements {
	top: 5rem;
	transition: all 0.4s;
}

#all-hotels-elements .allpeople-1 {
	position: absolute;
	top: 65.45rem;
	left: calc(50% - 60.6rem);
	display: block;
	width: auto;
	height: 7.639rem;
	z-index: 2101;
	animation: cycling-left 40s;
	animation-iteration-count: infinite;
}
#all-hotels-elements .allpeople-2 {
	position: absolute;
	top: 68.7rem;
	left: calc(50% - 38.7rem);
	display: block;
	width: auto;
	height: 9.982rem;
	z-index: 2103;
}
#all-hotels-elements .allpeople-obj1 {
	position: absolute;
	top: 69.5rem;
	left: calc(50% - 38.4rem);
	display: block;
	width: auto;
	height: 8.5rem;
	z-index: 2103;
	animation: cycling-right 30s linear infinite normal;
}
@media (max-width: 1024px) {
	#all-hotels-elements .allpeople-obj1 {
		top: 60.5rem;
		left: calc(50% - 20.4rem);
		height: 2.95rem;
		animation: cycling-right 30s linear infinite normal;
	}
}
#all-hotels-elements .allpeople-obj2 {
	position: absolute;
	top: 71.7rem;
	left: calc(50% + 12.6rem);
	display: block;
	width: auto;
	height: 5.1rem;
	z-index: 2103;
	animation: cycling-right 15s linear infinite normal;
}
@media (max-width: 1024px) {
	#all-hotels-elements .allpeople-obj2 {
		top: 63.7rem;
		left: calc(50% + 12.6rem);
		height: 1.77rem;
		animation: cycling-right 15s linear infinite normal;
	}
}
#all-hotels-elements .allpeople-obj3 {
	position: absolute;
	top: 69.1rem;
	left: calc(50% + 46.7rem);
	display: block;
	width: auto;
	height: 9.1rem;
	z-index: 2103;
	animation: cycling-right 40s linear infinite normal;
}
@media (max-width: 1024px) {
	#all-hotels-elements .allpeople-obj3 {
		top: 63.1rem;
		left: calc(50% + 20.7rem);
		height: 3.16rem;
		animation: cycling-right 40s linear infinite normal;
	}
}
#all-hotels-elements svg.allpeople-3 {
	position: absolute;
	top: 65.7rem;
	left: calc(50% - 122.238rem);
	display: block;
	width: auto;
	height: 8.047rem;
	z-index: 2102;
}

.introplaying #all-hotels-elements svg.allpeople-3 {
	display: none;
}

#all-hotels-logos {
	position: absolute;
	top: 81.6rem;
	left: calc(50% - 50rem);
	width: 100rem;
	display: -webkit-box;
	display: flex;
	justify-content: center;
	opacity: 1;
	transition: all 0.4s;
	z-index: 9998;
}

.activate-hotel #all-hotels-logos,
.section-amenities #all-hotels-logos,
.section-cityview #all-hotels-logos {
	opacity: 0;
	transition: all 0.4s;
	pointer-events: none;
}

#all-hotels-logos > div {
	display: -webkit-box;
	display: flex;
	align-items: flex-end;
	transition: all 0.4s;
	opacity: 1;
}
#all-hotels-logos .logo-57house {
	margin-left: 0;
}
#all-hotels-logos .logo-ascot {
	margin-left: 10.15rem;
}
#all-hotels-logos .logo-wide {
	margin-left: 9.1rem;
}
#all-hotels-logos .logo-hypernym {
	margin-left: 10.9rem;
}

.active-ascot-hover #all-hotels-logos > div.logo-57house,
.active-ascot-hover #all-hotels-logos > div.logo-wide,
.active-ascot-hover #all-hotels-logos > div.logo-hypernym {
	opacity: 0.2;
	pointer-events: none;
	transition: all 0.4s;
}

.active-57house-hover #all-hotels-logos > div.logo-ascot,
.active-57house-hover #all-hotels-logos > div.logo-wide,
.active-57house-hover #all-hotels-logos > div.logo-hypernym {
	opacity: 0.2;
	pointer-events: none;
	transition: all 0.4s;
}

.active-wide-hover #all-hotels-logos > div.logo-ascot,
.active-wide-hover #all-hotels-logos > div.logo-57house,
.active-wide-hover #all-hotels-logos > div.logo-hypernym {
	opacity: 0.2;
	pointer-events: none;
	transition: all 0.4s;
}

.active-hypernym-hover #all-hotels-logos > div.logo-ascot,
.active-hypernym-hover #all-hotels-logos > div.logo-wide,
.active-hypernym-hover #all-hotels-logos > div.logo-57house {
	opacity: 0.2;
	pointer-events: none;
	transition: all 0.4s;
}

#all-hotels-logos .logo-57house svg {
	display: block;
	width: auto;
}
#all-hotels-logos .logo-57house svg {
	height: 5.195rem;
}
#all-hotels-logos .logo-ascot svg {
	height: 2.444rem;
}
#all-hotels-logos .logo-wide svg {
	height: 2.444rem;
}
#all-hotels-logos .logo-hypernym svg {
	height: 3.565rem;
}

/* TREES */
#trees {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 6000;
	pointer-events: none;
	opacity: 1;
	transition: all 0.4s;
}
.close-front #trees,
.section-amenities #trees,
.section-cityview #trees {
	z-index: 0;
	opacity: 0;
	transition: all 0.4s;
}

#trees #tree-left {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	z-index: 6002;
}
#trees #tree-left svg {
	display: block;
	width: auto !important;
	height: 51.849rem !important;
	position: absolute;
	top: 50.423rem;
	left: -11.5rem;
	transition: all 0.4s;
}
.activate-hotel-hover #trees #tree-left svg {
	top: 35.2rem;
	height: 70.5rem !important;
	left: -14.4rem;
	transition: all 0.4s;
}

#trees #tree-left-back {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	z-index: 6001;
}
#trees #tree-left-back svg {
	display: block;
	width: auto !important;
	height: 32.8rem !important;
	position: absolute;
	top: 59.2rem;
	left: 6rem;
	opacity: 0;
	transition: all 0.4s;
}
.activate-hotel-hover #trees #tree-left-back svg {
	opacity: 1;
	transition: all 1s;
}

#trees #tree-right {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	z-index: 6002;
}
#trees #tree-right svg {
	display: block;
	width: auto !important;
	height: 62.869rem !important;
	position: absolute;
	top: 44rem;
	right: -12.9rem;
	transition: all 0.4s;
}
.activate-hotel-hover #trees #tree-right svg {
	top: 10.1rem;
	height: 97rem !important;
	right: -25rem;
	transition: all 0.4s;
}

#trees #tree-right-back {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	z-index: 6001;
}
#trees #tree-right-back svg {
	display: block;
	width: auto !important;
	height: 62.17rem !important;
	position: absolute;
	top: 41rem;
	right: -1.8rem;
	opacity: 0;
	transition: all 0.4s;
}
.activate-hotel-hover #trees #tree-right-back svg {
	opacity: 1;
	transition: all 1s;
}

/* POINTERS */
#all-pointers {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 8000;
	opacity: 1;
	transition: all 0.4s;
}
.activate-hotel #all-pointers,
.section-amenities #all-pointers,
.section-cityview #all-pointers {
	opacity: 0;
	z-index: 0;
	transition: all 0.4s;
}

#all-pointers #pointer-57house {
	position: absolute;
	top: 50rem;
	left: calc(50% - 66.2rem);
	cursor: pointer;
	transition: all 0.4s;
	opacity: 1;
}
#all-pointers #pointer-ascot {
	position: absolute;
	top: 48.5rem;
	left: calc(50% - 29.6rem);
	cursor: pointer;
	transition: all 0.4s;
	opacity: 1;
}
#all-pointers #pointer-wide {
	position: absolute;
	top: 48.5rem;
	left: calc(50% + 18.7rem);
	cursor: pointer;
	transition: all 0.4s;
	opacity: 1;
}
#all-pointers #pointer-hypernym {
	position: absolute;
	top: 48.5rem;
	left: calc(50% + 48.5rem);
	cursor: pointer;
	transition: all 0.4s;
	opacity: 1;
}

.active-ascot-hover #all-pointers #pointer-57house,
.active-ascot-hover #all-pointers #pointer-wide,
.active-ascot-hover #all-pointers #pointer-hypernym {
	transition: all 0.4s;
	opacity: 0;
}

.active-57house-hover #all-pointers #pointer-ascot,
.active-57house-hover #all-pointers #pointer-wide,
.active-57house-hover #all-pointers #pointer-hypernym {
	transition: all 0.4s;
	opacity: 0;
}

.active-wide-hover #all-pointers #pointer-ascot,
.active-wide-hover #all-pointers #pointer-57house,
.active-wide-hover #all-pointers #pointer-hypernym {
	transition: all 0.4s;
	opacity: 0;
}

.active-hypernym-hover #all-pointers #pointer-ascot,
.active-hypernym-hover #all-pointers #pointer-wide,
.active-hypernym-hover #all-pointers #pointer-57house {
	transition: all 0.4s;
	opacity: 0;
}

#all-pointers svg {
	display: block;
	width: 2.954rem !important;
	height: 2.954rem !important;
}

/* ASCOT PROFILE */

#ascot-profile {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	z-index: 0;
	opacity: 0;
	transition: all 0.4s;
}
.active-ascot #ascot-profile {
	opacity: 1;
	transition: all 0.4s;
	transition-delay: 0.4s;
	z-index: 3000;
}

#ascot-profile .building-ascot {
	width: 100%;
	height: 100vh;
	max-height: 100vh;
	overflow: hidden;
}
#ascot-profile .building-ascot svg {
	width: auto !important;
	height: 53.9rem !important;
	position: absolute;
	top: 26.5rem;
	left: calc(50% - 45.8rem);
}

#ascot-profile .people-ascot {
	width: 100%;
	height: 100vh;
	max-height: 100vh;
	overflow: hidden;
	pointer-events: none;
}
#ascot-profile .people-ascot svg {
	width: auto !important;
	height: 102.85rem !important;
	position: absolute;
	top: -1.2rem;
	left: calc(50% - 77rem);
}

#ascot-profile #ascot-desc {
	width: 100%;
	position: absolute;
	top: 84.1rem;
	left: 0;
}

#ascot-profile #ascot-scroll-area {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	z-index: 7500;
}

#ascot-profile #ascot-profile-details {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 100vh;
	opacity: 0;
	transition: all 1s;
}
.active-ascot-profile #ascot-profile #ascot-profile-details {
	z-index: 8000;
	opacity: 1;
	transition: all 1s;
}

#ascot-profile #ascot-profile-elements .ascotpeople-1 {
	display: block;
	position: absolute;
	top: 72.7rem;
	left: calc(50% - 3.3rem);
	width: auto;
	height: 9.677rem;
	z-index: 3101;
}
#ascot-profile #ascot-profile-elements .ascotpeople-2 {
	display: block;
	position: absolute;
	top: 77.5rem;
	left: calc(50% - 23.7rem);
	width: auto;
	height: 8.862rem;
	z-index: 3103;
}

#ascot-profile #ascot-profile-elements .ascotpeople-3 {
	position: absolute;
	top: 75.7rem;
	left: calc(50% - 122.238rem);
	display: block;
	width: auto;
	height: 7.028rem;
	z-index: 3102;
	max-width: unset;
}

/* HOUSE57 PROFILE */

#house57-profile {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	z-index: 0;
	opacity: 0;
	transition: all 0.4s;
}

.active-57house #house57-profile {
	opacity: 1;
	transition: all 0.4s;
	transition-delay: 0.4s;
	z-index: 3000;
}

#house57-profile .building-house57 {
	width: 100%;
	height: 100vh;
	max-height: 100vh;
	overflow: hidden;
}
#house57-profile .building-house57 svg {
	width: auto !important;
	height: 54.8rem !important;
	position: absolute;
	top: 22.1rem;
	left: calc(50% - 28rem);
}

#house57-profile .people-house57 {
	width: 100%;
	height: 100vh;
	max-height: 100vh;
	overflow: hidden;
	pointer-events: none;
}
#house57-profile .people-house57 svg {
	width: auto !important;
	height: 102.85rem !important;
	position: absolute;
	top: -1.2rem;
	left: calc(50% - 77rem);
}

#house57-profile #house57-desc {
	width: 100%;
	position: absolute;
	top: 81rem;
	left: 0;
}

#house57-profile #house57-scroll-area {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	z-index: 7500;
}

#house57-profile #house57-profile-details {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 100vh;
	opacity: 0;
	transition: all 1s;
}
.active-house57-profile #house57-profile #house57-profile-details {
	z-index: 8000;
	opacity: 1;
	transition: all 1s;
}

#house57-profile #house57-profile-elements .house57people-1 {
	display: block;
	position: absolute;
	top: 71.1rem;
	left: calc(50% - 13.6rem);
	width: auto;
	height: 9.982rem;
	z-index: 3101;
}

#house57-profile #house57-profile-elements .house57people-2 {
	position: absolute;
	top: 79.3rem;
	left: calc(50% - 122.238rem);
	display: block;
	width: auto;
	height: 8.45rem;
	z-index: 3102;
	max-width: unset;
}

/* WIDE PROFILE */

#wide-profile {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	z-index: 0;
	opacity: 0;
	transition: all 0.4s;
}
.active-wide #wide-profile {
	opacity: 1;
	transition: all 0.4s;
	transition-delay: 0.4s;
	z-index: 3000;
}

#wide-profile .building-wide {
	width: 100%;
	height: 100vh;
	max-height: 100vh;
	overflow: hidden;
}
#wide-profile .building-wide svg {
	width: auto !important;
	height: 62.3rem !important;
	position: absolute;
	top: 20.1rem;
	left: calc(50% - 41rem);
}

#wide-profile .people-wide {
	width: 100%;
	height: 100vh;
	max-height: 100vh;
	overflow: hidden;
	pointer-events: none;
}
#wide-profile .people-wide svg {
	width: auto !important;
	height: 102.85rem !important;
	position: absolute;
	top: -1.2rem;
	left: calc(50% - 77rem);
}

#wide-profile #wide-desc {
	width: 100%;
	position: absolute;
	top: 84.2rem;
	left: 0;
}

#wide-profile #wide-scroll-area {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	z-index: 7500;
}

#wide-profile #wide-profile-details {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 100vh;
	opacity: 0;
	transition: all 1s;
}
.active-wide-profile #wide-profile #wide-profile-details {
	z-index: 8000;
	opacity: 1;
	transition: all 1s;
}

#wide-profile #wide-profile-elements .widepeople-1 {
	display: block;
	position: absolute;
	top: 75.1rem;
	left: calc(50% - 37rem);
	width: auto;
	height: 10.08rem;
	z-index: 3101;
}

#wide-profile #wide-profile-elements .widepeople-2 {
	position: absolute;
	top: 79.3rem;
	left: calc(50% - 122.238rem);
	display: block;
	width: auto;
	height: 8.45rem;
	z-index: 3102;
	max-width: unset;
}

/* HYPERNYM PROFILE */

#hypernym-profile {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	z-index: 0;
	opacity: 0;
	transition: all 0.4s;
}
.active-hypernym #hypernym-profile {
	opacity: 1;
	transition: all 0.4s;
	transition-delay: 0.4s;
	z-index: 3000;
}

#hypernym-profile .building-hypernym {
	width: 100%;
	height: 100vh;
	max-height: 100vh;
	overflow: hidden;
}
#hypernym-profile .building-hypernym svg {
	width: auto !important;
	height: 70.5rem !important;
	position: absolute;
	top: 6.8rem;
	left: calc(50% - 22.1rem);
}

#hypernym-profile .people-hypernym {
	width: 100%;
	height: 100vh;
	max-height: 100vh;
	overflow: hidden;
	pointer-events: none;
}
#hypernym-profile .people-hypernym svg {
	width: auto !important;
	height: 102.85rem !important;
	position: absolute;
	top: -1.2rem;
	left: calc(50% - 77rem);
}

#hypernym-profile #hypernym-desc {
	width: 100%;
	position: absolute;
	top: 83.2rem;
	left: 0;
}

#hypernym-profile #hypernym-scroll-area {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	z-index: 7500;
}

#hypernym-profile #hypernym-profile-details {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 100vh;
	opacity: 0;
	transition: all 1s;
}
.active-hypernym-profile #hypernym-profile #hypernym-profile-details {
	z-index: 8000;
	opacity: 1;
	transition: all 1s;
}

#hypernym-profile #hypernym-profile-elements .hypernympeople-1 {
	display: block;
	position: absolute;
	top: 73.8rem;
	left: calc(50% - 19.2rem);
	width: auto;
	height: 7.02rem;
	z-index: 3101;
}

#hypernym-profile #hypernym-profile-elements .hypernympeople-2 {
	position: absolute;
	top: 79.3rem;
	left: calc(50% - 122.238rem);
	display: block;
	width: auto;
	height: 8.45rem;
	z-index: 3102;
	max-width: unset;
}

/* COMMON PROFILE THINGS */

.hotel-description .content {
	width: 100%;
	max-width: 54rem;
	margin: 0 auto;
}
.hotel-description .hotel-logo {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: 3.2rem;
}

.hotel-description .hotel-logo svg {
	display: block;
}
.hotel-description .hotel-logo.ascot svg {
	width: 12.02rem;
	height: auto;
}

.hotel-description .hotel-desc {
	width: 100%;
	text-align: center;
}

.hotel-title {
	width: 100%;
	text-align: center;
	position: absolute;
	top: 17.4rem;
	left: 0;
	opacity: 1;
	transition: all 0.4s;
}

.scroll-to-see-more,
.scroll-to-see-more svg {
	display: block;
	width: 11.51rem;
	height: 11.1rem;
}
.scroll-to-see-more {
	position: absolute;
	top: calc(50vh - 5.55rem);
	left: calc(50% - 5.755rem);
}
.scroll-to-see-more svg {
	animation: rotate-btn 10s linear infinite;
	pointer-events: none;
}

@keyframes rotate-btn {
	to {
		transform: rotate(360deg);
	}
}

.hotel-image {
	position: absolute;
	top: 0;
	left: calc(50% - 53.8865rem);
	width: 107.773rem;
	height: 100vh;
	z-index: 8001;
}

.hotel-image .hotel-profile-image {
	position: relative;
	width: 100%;
	height: 100vh;
}

.hotel-image .hotel-img {
	display: block;
	width: 0;
	height: 0;
	-o-object-fit: cover;
	   object-fit: cover;
	-o-object-position: center center;
	   object-position: center center;
	position: relative;
	z-index: 8002;
	transition: all 1s;
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
}
/* EVENTS */
.active-ascot-profile .hotel-image .hotel-img,
.active-house57-profile .hotel-image .hotel-img,
.active-wide-profile .hotel-image .hotel-img,
.active-hypernym-profile .hotel-image .hotel-img {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	-o-object-position: center center;
	   object-position: center center;
	position: relative;
	z-index: 8002;
	transition: all 1s;
	opacity: 1;
	position: absolute;
	top: 0;
	left: 0;
}

.hotel-image .hotel-profile-button {
	position: absolute;
	top: 48.1rem;
	left: calc(50% - 20rem);
	width: 40rem;
	height: 3.66rem;
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	z-index: 8003;
	opacity: 0;
	transition: 0.4s;
	transition-delay: 0;
}
.hotel-image .hotel-profile-button a {
	display: inline-block;
	letter-spacing: 0.16rem;
	background-color: #fff;
	color: #000;
	font-family: var(--font-krona);
	line-height: 1;
	padding: 1.3rem 2.037rem;
	text-transform: uppercase;
	border-radius: 1.83rem;
}
@media (min-width: 1025px) {
	.hotel-image .hotel-profile-button a:hover {
		color: #fff;
		background-color: #000;
	}
}

/* EVENTS */
.active-ascot-profile .hotel-image .hotel-profile-button,
.active-house57-profile .hotel-image .hotel-profile-button,
.active-wide-profile .hotel-image .hotel-profile-button,
.active-hypernym-profile .hotel-image .hotel-profile-button {
	opacity: 1;
	transition: 0.4s;
	transition-delay: 1s;
}

.hotel-image .hotel-profile-logo {
	position: absolute;
	top: 80.4rem;
	left: calc(50% - 20rem);
	width: 40rem;
	height: 10rem;
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	z-index: 8003;
}
.hotel-image .hotel-profile-logo svg {
	display: block;
	height: auto;
}
.hotel-image .hotel-profile-logo svg * {
	fill: #fff !important;
}

.hotel-image .hotel-profile-logo {
	opacity: 0;
	transition: 0.4s;
	transition-delay: 0;
}
/* ADJ */
.active-ascot-profile .hotel-image .hotel-profile-logo,
.active-house57-profile .hotel-image .hotel-profile-logo,
.active-wide-profile .hotel-image .hotel-profile-logo,
.active-hypernym-profile .hotel-image .hotel-profile-logo {
	opacity: 1;
	transition: 0.4s;
	transition-delay: 1s;
}

.hotel-image .hotel-profile-logo svg.logo-hotel-ascot {
	width: 51.34rem;
}

.close-hotel-area .close-hotel {
	position: absolute;
	top: 1.12rem;
	left: calc(50% - 51.849rem);
	width: 2.954rem;
	height: 2.954rem;
	z-index: 0;
	background-image: url('data:image/svg+xml,<svg width="29" height="29" viewBox="0 0 29 29" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="14.5" cy="14.5" r="14.5" fill="white" fill-opacity="0.9"/><line x1="6.82349" y1="14.8529" x2="22.1764" y2="14.8529" stroke="black"/></svg>');
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	pointer-events: none;
	opacity: 0;
	transition: all 1s;
}

/* ADJ */
.active-ascot-profile .close-hotel-area .close-hotel.close-ascot,
.active-house57-profile .close-hotel-area .close-hotel.close-house57,
.active-wide-profile .close-hotel-area .close-hotel.close-wide,
.active-hypernym-profile .close-hotel-area .close-hotel.close-hypernym {
	opacity: 1;
	transition: all 1s;
	pointer-events: unset;
	z-index: 10300;
	cursor: pointer;
}

/* VISIT HOTEL BUTTON */
.visit-hotel-button {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.visit-hotel-button a {
	display: inline-block;
	letter-spacing: 0.16rem;
	background-color: #fff;
	color: #000;
	font-family: var(--font-krona);
	line-height: 1;
	padding: 1.3rem 2.037rem;
	text-transform: uppercase;
	border-radius: 1.83rem;
	transition: all 0.4s;
	opacity: 1;
	cursor: pointer;
}

.active-ascot-profile .visit-hotel-button a,
.active-wide-profile .visit-hotel-button a,
.active-hypernym-profile .visit-hotel-button a,
.active-house57-profile .visit-hotel-button a {
	opacity: 0;
}
@media (min-width: 1025px) {
	.visit-hotel-button a:hover {
		color: #fff;
		background-color: #000;
	}
}

@media (max-width: 1024px) {
	.visit-hotel-button {
		top: 70%;
	}
}

@media screen and (orientation: portrait) {
	.visit-hotel-button {
		top: 60%;
	}
}

/* AMENITIES */

#amenities {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 0;
	opacity: 0;
	transition: all 0.4s;
	pointer-events: none;
}
.section-amenities #amenities {
	z-index: 8000;
	opacity: 1;
	transition: all 0.4s;
	pointer-events: unset;
}

#amenities img.amenities-people {
	position: absolute;
	width: auto;
	height: 8.35rem;
	top: 67.2rem;
	left: calc(50% - 69.2rem);
	pointer-events: none;
}

.amenity-item {
	position: absolute;
	top: 62.7rem;
}
.amenity-data {
	position: absolute;
	left: -13.12rem;
	width: 29rem;
	height: 29rem;
	border-radius: 14.5rem;
	overflow: hidden;
	box-shadow: 0 0 0.05rem 0 rgba(0, 0, 0, 0.33);
	opacity: 0;
	top: -26.86rem;
	pointer-events: none;
	transition: all 0.4s;
}

.amenity-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
}
.amenity-image:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 50%;
	z-index: 11;
	background: #fff;
	opacity: 0.95;
}
.amenity-image img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	-o-object-position: center center;
	   object-position: center center;
}

.amenity-title {
	margin: 14.5rem auto 0 auto;
	width: 24.34rem;
	height: 4.9rem;
	border-bottom: 0.1rem solid #7f7f7f;
	text-align: center;
	position: relative;
	z-index: 30;
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.amenity-desc {
	margin: 1.5rem auto 0 auto;
	width: 17.62rem;
	text-align: center;
	position: relative;
	z-index: 30;
	font-size: 0.9rem;
}
.amenity-desc p {
	font-weight: 400;
}

.amenity-title h6 {
	font-size: 1.35rem;
	line-height: 1;
	text-align: center;
	margin: 0.6rem auto 0 auto;
}
.amenity-title h6 img {
	display: block;
	width: auto;
	height: 3.46rem;
}
.amenity-pointer a,
.amenity-pointer a svg {
	cursor: pointer;
	display: block;
}

.amenity-pointer a {
	position: relative;
}
.amenity-pointer a:after {
	content: '';
	position: absolute;
	top: 7rem;
	left: calc(50% - 1rem);
	width: 2rem;
	height: 11.1rem;
}
.amenity-pointer a svg {
	width: 2.954rem !important;
	height: 2.954rem !important;
}
.amenity-name {
	position: absolute;
	top: 7.13rem;
	left: 1.42rem;
	padding-top: 11.6rem;
	width: 9rem;
	line-height: 1.1;
	pointer-events: none;
}
.amenity-name:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 0.1rem;
	height: 11rem;
	background: #656461;
}

.amenity-close {
	position: absolute;
	bottom: 2rem;
	left: calc(50% - 1.35rem);
	height: 2.7rem;
	width: 2.7rem;
	z-index: 11;
	display: none;
}
.amenity-close a,
.amenity-close img {
	display: block;
	height: 2.7rem;
	width: 2.7rem;
}

#amenity-1.amenity-item {
	left: calc(50% - 62.3rem);
}
#amenity-2.amenity-item {
	left: calc(50% - 52rem);
}
#amenity-3.amenity-item {
	left: calc(50% - 39.4rem);
}
#amenity-4.amenity-item {
	left: calc(50% - 29.5rem);
}
#amenity-5.amenity-item {
	left: calc(50% + 3.8rem);
}
#amenity-6.amenity-item {
	left: calc(50% + 17.7rem);
}
#amenity-7.amenity-item {
	left: calc(50% + 32.7rem);
}
#amenity-8.amenity-item {
	left: calc(50% + 44.3rem);
}
#amenity-9.amenity-item {
	left: calc(50% + 60.3rem);
}

.activate-amenity-1 #amenity-1 .amenity-data,
.activate-amenity-2 #amenity-2 .amenity-data,
.activate-amenity-3 #amenity-3 .amenity-data,
.activate-amenity-4 #amenity-4 .amenity-data,
.activate-amenity-5 #amenity-5 .amenity-data,
.activate-amenity-6 #amenity-6 .amenity-data,
.activate-amenity-7 #amenity-7 .amenity-data,
.activate-amenity-8 #amenity-8 .amenity-data,
.activate-amenity-9 #amenity-9 .amenity-data {
	top: -30.86rem;
	pointer-events: unset;
	opacity: 1;
	transition: all 0.4s;
}

.amenity-close-area {
	position: absolute;
	top: 13rem;
	left: 0;
	width: 100%;
	height: 40rem;
	display: none;
}
.amenity-close-area_bottom {
	position: absolute;
	top: 62rem;
	left: 0;
	width: 100%;
	height: 40rem;
	display: none;
}

@media (max-width: 1024px) {
	.section-amenities #house57 {
		top: 49rem;
		left: calc(50% - 25.6rem);
	}
	.section-amenities #house57 svg {
		width: 7.4rem;
	}

	.section-amenities #ascot {
		top: 49.4rem;
		left: calc(50% - 18.2rem);
	}
	.section-amenities #ascot svg {
		width: 15.5rem;
	}

	.section-amenities #wide {
		top: 42.4rem;
		left: calc(50% - 2.7rem);
	}
	.section-amenities #wide svg {
		width: 26.8rem;
	}

	.amenity-pointer a svg {
		width: 2.25rem !important;
		height: 2.25rem !important;
	}

	.amenity-item {
		top: 55.9rem;
	}
	.amenity-name {
		top: 8.4rem;
		left: 1.1rem;
		padding-top: 25.6rem;
		width: 1rem;
	}
	.amenity-item .mobile-name {
		display: block;
		transform: rotate(-90deg);
		position: absolute;
		bottom: 6.6rem;
		left: -10.25rem;
		width: 23rem;
		font-weight: 400;
		font-size: 1.3rem;
	}

	.amenity-name:after {
		height: 29.8rem;
	}

	.amenity-close,
	.amenity-close-area,
	.amenity-close-area_bottom {
		display: block;
	}

	#amenity-1.amenity-item {
		left: calc(50% - 22.2rem);
	}
	#amenity-2.amenity-item {
		left: calc(50% - 18.1rem);
	}
	#amenity-3.amenity-item {
		left: calc(50% - 14.1rem);
	}
	#amenity-4.amenity-item {
		left: calc(50% - 10.4rem);
	}
	#amenity-5.amenity-item {
		left: calc(50% - 0.2rem);
	}
	#amenity-6.amenity-item {
		left: calc(50% + 4.4rem);
	}
	#amenity-7.amenity-item {
		left: calc(50% + 9.1rem);
	}
	#amenity-8.amenity-item {
		left: calc(50% + 12.9rem);
	}
	#amenity-9.amenity-item {
		left: calc(50% + 17.9rem);
	}

	#amenity-1 .amenity-data {
		left: 7.7rem;
	}
	#amenity-2 .amenity-data {
		left: 3.6rem;
	}
	#amenity-3 .amenity-data {
		left: -0.4rem;
	}
	#amenity-4 .amenity-data {
		left: -4.1rem;
	}
	#amenity-5 .amenity-data {
		left: -14.3rem;
	}
	#amenity-6 .amenity-data {
		left: -18.9rem;
	}
	#amenity-7 .amenity-data {
		left: -23.6rem;
	}
	#amenity-8 .amenity-data {
		left: -27.3rem;
	}
	#amenity-9 .amenity-data {
		left: -32.3rem;
	}

	#amenities img.amenities-people {
		height: 2.68rem;
		top: 57.5rem;
		left: calc(50% - 23.1rem);
	}

	.section-amenities #bottombg img {
		top: 58.5rem;
	}

	.section-amenities #eurosky .thesun {
		translate: -34.2rem -0.4rem;
	}

	.section-amenities #building-left {
		top: 44.8rem;
		left: calc(50% - 45.3rem);
	}
	.section-amenities #building-left svg {
		width: 19.78rem;
	}

	.section-amenities #building-right {
		top: 42rem;
		left: calc(50% + 24rem);
	}
	.section-amenities #building-right svg {
		width: 28.6rem;
	}
	.amenity-pointer a:after {
		top: 8rem;
		left: calc(50% - 1.5rem);
		width: 3rem;
		height: 30rem;
	}
}

/* CITY VIEW */
#cityview {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 0;
	opacity: 0;
	transition: all 0.4s;
	pointer-events: none;
}
.section-cityview #cityview {
	z-index: 8000;
	opacity: 1;
	transition: all 0.4s;
	pointer-events: unset;
}

.cityview-item {
	position: absolute;
	top: 26.6rem;
}

.cityview-title {
	position: relative;
	z-index: 30;
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.cityview-title:after {
	content: '';
	position: absolute;
	left: 0;
	width: 0.1rem;
	background: #656461;
}
#cityview-pointer-1 .cityview-title:after {
	top: 3.3rem;
	height: 24.3rem;
}
#cityview-pointer-2 .cityview-title:after {
	top: 3.3rem;
	height: 21.7rem;
}
#cityview-pointer-3 .cityview-title:after {
	top: -10.5rem;
	height: 10.2rem;
}
#cityview-pointer-4 .cityview-title:after {
	top: 1.7rem;
	height: 21.5rem;
}
#cityview-pointer-5 .cityview-title:after {
	top: 3.3rem;
	height: 17.1rem;
}
#cityview-pointer-6 .cityview-title:after {
	top: 3.3rem;
	height: 11.2rem;
}

.cityview-title .distance {
	display: block;
	width: 100%;
	padding-top: 0.2rem;
}

#cityview-pointer-1.cityview-item {
	left: calc(50% - 75.2rem);
}
#cityview-pointer-2.cityview-item {
	left: calc(50% - 61rem);
}
#cityview-pointer-3.cityview-item {
	left: calc(50% - 48.7rem);
}
#cityview-pointer-4.cityview-item {
	left: calc(50% - 1.1rem);
}
#cityview-pointer-5.cityview-item {
	left: calc(50% + 45rem);
}
#cityview-pointer-6.cityview-item {
	left: calc(50% + 64rem);
}

#cityview img.fronttrees {
	display: block;
	width: auto !important;
	height: 10.3rem;
	position: absolute;
	top: 66.5rem;
	left: calc(50% - 28.4rem);
	transition: all 0.4s;
	pointer-events: none;
	z-index: 8004;
}

#cityview .cityview-animations svg {
	display: block;
	width: auto !important;
	position: absolute;
	transition: all 0.4s;
	pointer-events: none;
}

#cityview svg.obj_cw01 {
	top: 75.3rem;
	height: 3.05rem;
	left: calc(50% - 60.8rem);
	animation: moving-left 15s linear infinite normal;
	z-index: 8006;
}
#cityview svg.obj_cw02 {
	top: 76rem;
	height: 4.38rem;
	left: calc(50% - 52.7rem);
	animation: moving-left 60s linear infinite normal;
	z-index: 8008;
}
#cityview svg.obj_cw03 {
	top: 74.2rem;
	height: 4.48rem;
	left: calc(50% - 45.7rem);
	animation: moving-left 45s linear infinite normal;
	z-index: 8007;
}
#cityview svg.obj_cw04 {
	top: 77rem;
	height: 4.48rem;
	left: calc(50% - 31.6rem);
	animation: moving-left 30s linear infinite normal;
	z-index: 8011;
}
#cityview svg.obj_cw05 {
	top: 73.8rem;
	height: 3.05rem;
	left: calc(50% - 12.3rem);
	animation: moving-left 25s linear infinite normal;
	z-index: 8005;
}
#cityview svg.obj_cw06 {
	top: 77.9rem;
	height: 3.25rem;
	left: calc(50% + 1.3rem);
	animation: moving-left 30s linear infinite normal;
	z-index: 8010;
}
#cityview svg.obj_cw07 {
	top: 76.7rem;
	height: 4.48rem;
	left: calc(50% + 24.1rem);
	animation: moving-left 70s linear infinite normal;
	z-index: 8009;
}
#cityview svg.obj_cw08 {
	top: 76.5rem;
	height: 4.99rem;
	left: calc(50% + 57.6rem);
	animation: moving-left 55s linear infinite normal;
	z-index: 8011;
}

#cityview svg.obj_cw10 {
	top: 73.8rem;
	height: 2.24rem;
	left: calc(50% - 68.6rem);
	animation: moving-right 25s linear infinite normal;
	z-index: 8002;
}
#cityview svg.obj_cw11 {
	top: 70.5rem;
	height: 3.87rem;
	left: calc(50% - 56.7rem);
	animation: moving-right 75s linear infinite normal;
	z-index: 8001;
}
#cityview svg.obj_cw12 {
	top: 73.3rem;
	height: 3.87rem;
	left: calc(50% - 21.2rem);
	animation: moving-right 65s linear infinite normal;
	z-index: 8005;
}
#cityview svg.obj_cw13 {
	top: 73.2rem;
	height: 3.36rem;
	left: calc(50% + 9.1rem);
	animation: moving-right 50s linear infinite normal;
	z-index: 8003;
}
#cityview svg.obj_cw14 {
	top: 73.3rem;
	height: 2.85rem;
	left: calc(50% + 16rem);
	animation: moving-right 40s linear infinite normal;
	z-index: 8002;
}
#cityview svg.obj_cw15 {
	top: 74.3rem;
	height: 4.38rem;
	left: calc(50% + 39.8rem);
	animation: moving-right 25s linear infinite normal;
	z-index: 8007;
}
#cityview svg.obj_cw16 {
	top: 70.3rem;
	height: 3.97rem;
	left: calc(50% + 54.7rem);
	animation: moving-right 75s linear infinite normal;
	z-index: 8001;
}
#cityview svg.obj_cw17 {
	top: 73.8rem;
	height: 2.24rem;
	left: calc(50% + 61.9rem);
	animation: moving-right 30s linear infinite normal;
	z-index: 8002;
}

@media (max-width: 1024px) {
	.section-cityview #ascot {
		top: 67.8rem;
		left: calc(50% - 11.3rem);
	}
	.section-cityview #ascot svg {
		width: 10.5rem;
	}

	.section-cityview #wide {
		top: 63rem;
		left: calc(50% - 0.8rem);
	}
	.section-cityview #wide svg {
		width: 18.3rem;
	}

	.section-cityview #house57 {
		top: 67.4rem;
		left: calc(50% - 16.2rem);
	}
	.section-cityview #house57 svg {
		width: 5.1rem;
	}

	.section-cityview #building-left {
		top: 59rem;
		left: calc(50% - 21.2rem);
	}
	.section-cityview #building-left svg {
		width: 15.4rem;
	}

	.section-cityview #building-right {
		top: 60.5rem;
		left: calc(50% + 8.8rem);
	}
	.section-cityview #building-right svg {
		width: 16.1rem;
	}

	#building-center img.buildings {
		width: 20.11rem;
		top: 64.9rem;
		left: calc(50% - 10.4rem);
	}

	.section-cityview #bottombg img {
		top: 69.9rem;
	}
	.section-cityview #bottombg img.bottombg2 {
		opacity: 0;
	}

	#cityview svg.obj_cw16 {
		top: 80.3rem;
	}
	#cityview svg.obj_cw11 {
		top: 80.5rem;
	}
	#cityview svg.obj_cw13 {
		top: 83.2rem;
	}
	#cityview svg.obj_cw14 {
		top: 83.3rem;
	}
	#cityview svg.obj_cw12 {
		top: 83.3rem;
	}
	#cityview svg.obj_cw15 {
		top: 84.3rem;
	}
	#cityview svg.obj_cw17 {
		top: 83.8rem;
	}
	#cityview svg.obj_cw10 {
		top: 83.8rem;
	}
	#cityview svg.obj_cw05 {
		top: 83.8rem;
	}
	#cityview svg.obj_cw03 {
		top: 84.2rem;
	}
	#cityview svg.obj_cw01 {
		top: 85.3rem;
	}
	#cityview svg.obj_cw02 {
		top: 86rem;
	}
	#cityview svg.obj_cw08 {
		top: 86.5rem;
	}
	#cityview svg.obj_cw07 {
		top: 86.7rem;
	}
	#cityview svg.obj_cw04 {
		top: 87rem;
	}
	#cityview svg.obj_cw06 {
		top: 87.9rem;
	}

	#building-center svg.obj_cw09 {
		top: 69rem;
	}

	#building-center img.metrotrees,
	#building-center img.treesgroup,
	#cityview img.fronttrees {
		opacity: 0;
		pointer-events: none;
	}

	#cityview .cityview-title .cw-title {
		display: block;
		transform: rotate(-90deg);
		width: 20rem;
		position: absolute;
		top: 9.1rem;
		left: -8.8rem;
		text-align: right;
		font-size: 1.33rem;
		font-weight: 400;
	}
	.cityview-title .distance {
		display: inline;
		width: auto;
		padding-top: 0;
	}

	.cityview-item {
		top: 33.4rem;
	}

	#cityview-pointer-1 .cityview-title:after,
	#cityview-pointer-2 .cityview-title:after,
	#cityview-pointer-4 .cityview-title:after,
	#cityview-pointer-5 .cityview-title:after,
	#cityview-pointer-6 .cityview-title:after {
		top: 0;
	}

	#cityview-pointer-1 .cityview-title:after {
		height: 35.5rem;
	}
	#cityview-pointer-2 .cityview-title:after {
		height: 24.9rem;
	}
	#cityview-pointer-3 .cityview-title:after {
		top: -8.3rem;
		height: 27.8rem;
	}
	#cityview-pointer-4 .cityview-title:after {
		height: 30.5rem;
	}
	#cityview-pointer-5 .cityview-title:after {
		height: 28rem;
	}
	#cityview-pointer-6 .cityview-title:after {
		height: 26rem;
	}

	#cityview-pointer-1.cityview-item {
		left: calc(50% - 21.9rem);
	}
	#cityview-pointer-2.cityview-item {
		left: calc(50% - 18.6rem);
	}
	#cityview-pointer-3.cityview-item {
		left: calc(50% - 14.5rem);
	}
	#cityview-pointer-4.cityview-item {
		left: calc(50% - 0.7rem);
	}
	#cityview-pointer-5.cityview-item {
		left: calc(50% + 11rem);
	}
	#cityview-pointer-6.cityview-item {
		left: calc(50% + 19.7rem);
	}

	.section-cityview #eurosky svg.airplane {
		top: 20rem;
		left: calc(50% - 18.1rem);
		height: 3.2rem;
	}

	.section-cityview #trees {
		z-index: 6000;
		opacity: 1;
	}
	.section-cityview #trees #tree-left svg {
		height: 15.7rem !important;
		top: 69.2rem;
		left: -2rem;
	}

	.section-cityview #eurosky .thesun {
		translate: -33.9rem -0.5rem;
		width: 35rem !important;
		height: 35rem !important;
	}

	@keyframes moving-left {
		0% {
			transform: translateX(-120rem);
		}
		50% {
			transform: translateX(0);
		}
		100% {
			transform: translateX(120rem);
		}
	}

	@keyframes moving-right {
		0% {
			transform: translateX(120rem);
		}
		50% {
			transform: translateX(0);
		}
		100% {
			transform: translateX(-120rem);
		}
	}

	@keyframes theflight {
		0% {
			transform: translate(-120rem, 20rem);
		}
		50% {
			transform: translate(0, 0);
		}
		100% {
			transform: translate(120rem, -20rem);
		}
	}
}

/* BOUNCE */
.bounce-left-1 {
	animation: bounce-left 100s;
	animation-iteration-count: infinite;
}
.bounce-left-2 {
	animation: bounce-left 150s;
	animation-iteration-count: infinite;
}
.bounce-left-3 {
	animation: bounce-left 90s;
	animation-iteration-count: infinite;
}

.bounce-right-1 {
	animation: bounce-right 100s;
	animation-iteration-count: infinite;
}
.bounce-right-2 {
	animation: bounce-right 150s;
	animation-iteration-count: infinite;
}

.allpeople-3 {
	animation: cycling-left 40s;
	animation-iteration-count: infinite;
}

.ascotpeople-3 {
	animation: cycling-left 40s;
	animation-iteration-count: infinite;
}

.house57people-2 {
	animation: cycling-left 40s;
	animation-iteration-count: infinite;
}

@keyframes bounce-left {
	0%,
	20%,
	40%,
	60%,
	80%,
	100% {
		transform: translateX(0);
	}
	10%,
	30%,
	50%,
	70%,
	90% {
		transform: translateX(-40rem);
	}
}

@keyframes bounce-right {
	0%,
	20%,
	40%,
	60%,
	80%,
	100% {
		transform: translateX(-35rem);
	}
	10%,
	30%,
	50%,
	70%,
	90% {
		transform: translateX(10rem);
	}
}

@keyframes cycling-left {
	0% {
		transform: translateX(7.639rem);
		opacity: 1;
	}
	99.989% {
		transform: translateX(-300rem);
		opacity: 1;
	}
	99.990% {
		transform: translateX(-300rem);
		opacity: 0;
	}
	99.991% {
		transform: translateX(7.639rem);
		opacity: 0;
	}
	100% {
		transform: translateX(7.639rem);
		opacity: 1;
	}
}

@keyframes cycling-right {
	0% {
		transform: translateX(-300rem);
		opacity: 1;
	}
	99.989% {
		transform: translateX(300rem);
		opacity: 1;
	}
	99.990% {
		transform: translateX(300rem);
		opacity: 0;
	}
	99.991% {
		transform: translateX(-300rem);
		opacity: 0;
	}
	100% {
		transform: translateX(-300rem);
		opacity: 1;
	}
}

@keyframes moving-left {
	0% {
		transform: translateX(-200rem);
	}
	50% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(200rem);
	}
}

@keyframes moving-right {
	0% {
		transform: translateX(200rem);
	}
	50% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-200rem);
	}
}

@keyframes theflight {
	0% {
		transform: translate(-120rem, 20rem);
	}
	50% {
		transform: translate(0, 0);
	}
	100% {
		transform: translate(120rem, -20rem);
	}
}

footer {
	display: none !important;
}

@media (max-width: 1024px) {
	:root {
		--headings-sizes-h1: 1.9rem;
	}

	h1,
	.fontsize-h1 {
		margin-bottom: 0;
		letter-spacing: 0.2rem;
		line-height: 1.7;
	}

	#all-hotels-logos {
		left: 1.89rem;
		top: 73.1rem;
		width: calc(100vw - 3.79rem);
		height: 24.53rem;
		border-left: 0.1rem solid #7c7875;
		transition: all 0.25rem;
	}
	#all-hotels-logos > div {
		width: 25%;
		position: relative;
		opacity: 1;
		transition: all 0.4s;
	}
	#all-hotels-logos > div:after {
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		width: 0.1rem;
		height: 100%;
		background-color: #7c7875;
		opacity: 1;
		transition: all 0.4s;
	}
	#all-hotels-logos .logo-57house,
	#all-hotels-logos .logo-ascot,
	#all-hotels-logos .logo-wide,
	#all-hotels-logos .logo-hypernym {
		margin: 0;
	}
	#all-hotels-logos > div > a {
		transform: translate(-50%, -50%) rotate(-90deg);
		position: absolute;
		transition: all 0.4s;
		opacity: 1;
	}
	#all-hotels-logos .logo-57house a {
		top: calc(50% - 0rem);
		left: calc(50% - 0rem);
	}
	#all-hotels-logos .logo-57house svg {
		height: 4.6rem;
		width: auto;
		display: block;
	}
	#all-hotels-logos .logo-ascot a {
		top: calc(50% + 0rem);
		left: calc(50% - 0.1rem);
	}
	#all-hotels-logos .logo-ascot svg {
		height: 2.45rem;
		width: auto;
		display: block;
	}
	#all-hotels-logos .logo-wide a {
		top: calc(50% - 0.1rem);
		left: calc(50% + 0rem);
	}
	#all-hotels-logos .logo-wide svg {
		height: 1.9rem;
		width: auto;
		display: block;
	}
	#all-hotels-logos .logo-hypernym a {
		top: calc(50% - 0.2rem);
		left: calc(50% + 0.3rem);
	}
	#all-hotels-logos .logo-hypernym svg {
		height: 2.87rem;
		width: auto;
		display: block;
	}

	.intro-title {
		position: absolute;
		top: 21.85rem;
		left: calc(50% - 18rem);
		width: 36rem;
	}

	#ascot {
		top: 46.1rem;
		left: calc(50% - 17rem);
	}
	#ascot svg {
		width: 19.5rem;
	}

	#wide {
		top: 38.8rem;
		left: calc(50% + 2.5rem);
	}
	#wide svg {
		width: 31.2rem;
	}

	#house57 {
		top: 45.5rem;
		left: calc(50% - 26.2rem);
	}
	#house57 svg {
		width: 9.34rem;
	}

	#trees #tree-right {
		display: none;
	}

	#trees #tree-left svg {
		height: 19.79rem !important;
		top: 52.7rem;
		left: calc(50% - 27.7rem);
	}

	#building-left {
		top: 39.9rem;
		left: calc(50% - 49.9rem);
	}
	#building-left svg {
		width: 23.78rem;
	}

	#building-right {
		top: 37.9rem;
		left: calc(50% + 33.7rem);
	}
	#building-right svg {
		width: 32.42rem;
	}

	#bottombg img {
		height: 45rem;
		top: 56.8rem;
	}

	#all-hotels-elements .allpeople-1 {
		display: none;
	}
	#all-hotels-elements .allpeople-2 {
		top: 61.2rem;
		left: calc(50% - 7.8rem);
		width: auto;
		height: 2.8rem;
	}
	#all-hotels-elements svg.allpeople-3 {
		top: 57.3rem;
		left: calc(50% - 65.238rem);
		height: 2.8rem;
	}

	.activate-hotel #all-hotels-logos {
		opacity: 1;
		pointer-events: unset;
		border-left: 0;
	}
	.activate-hotel.active-ascot-profile #all-hotels-logos,
	.activate-hotel.active-house57-profile #all-hotels-logos,
	.activate-hotel.active-wide-profile #all-hotels-logos,
	.activate-hotel.active-hypernym-profile #all-hotels-logos {
		opacity: 0;
	}

	.activate-hotel #all-hotels-logos .logo-57house {
		width: 12.6%;
	}
	.activate-hotel #all-hotels-logos .logo-57house a {
		left: calc(50% - 0.7rem);
	}
	.activate-hotel #all-hotels-logos .logo-57house svg {
		height: 3.4rem;
	}

	.activate-hotel #all-hotels-logos .logo-ascot {
		width: 14.4%;
	}
	.activate-hotel #all-hotels-logos .logo-ascot a {
		left: calc(50% - 0rem);
	}
	.activate-hotel #all-hotels-logos .logo-ascot svg {
		height: 1.8rem;
	}

	.activate-hotel #all-hotels-logos .logo-wide {
		width: 14.4%;
	}
	.activate-hotel #all-hotels-logos .logo-wide a {
		left: calc(50% + 0.1rem);
	}
	.activate-hotel #all-hotels-logos .logo-wide svg {
		height: 1.45rem;
	}

	.activate-hotel #all-hotels-logos .logo-hypernym {
		width: 12.1%;
	}
	.activate-hotel #all-hotels-logos .logo-hypernym:after {
		opacity: 0;
	}
	.activate-hotel #all-hotels-logos .logo-hypernym a {
		left: calc(50% + 0.9rem);
	}
	.activate-hotel #all-hotels-logos .logo-hypernym svg {
		height: 2.25rem;
	}

	.active-ascot.activate-hotel #all-hotels-logos .logo-ascot {
		width: 60.9%;
	}
	.active-ascot.activate-hotel #all-hotels-logos .logo-ascot a {
		opacity: 0;
		pointer-events: none;
	}

	.active-ascot #ascot-profile #ascot-desc {
		width: calc(100% - 3.79rem);
		top: 77.9rem;
		left: 1.89rem;
		display: -webkit-box;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		pointer-events: none;
		padding-left: 11.5%;
		padding-right: 24.8%;
	}
	.hotel-description .content {
		width: 21rem;
	}

	.hotel-description .hotel-desc p {
		font-weight: 400;
		font-size: 0.94rem;
		line-height: 1.3;
	}

	.active-ascot .hotel-description .hotel-logo,
	.active-57house .hotel-description .hotel-logo {
		margin-bottom: 4.2rem;
	}

	#ascot-profile .building-ascot svg {
		height: 26rem !important;
		top: 38.1rem;
		left: calc(50% - 21.3rem);
	}

	/* HOUSE 57 */
	.active-57house.activate-hotel #all-hotels-logos .logo-57house {
		width: 59.1%;
	}
	.active-57house.activate-hotel #all-hotels-logos .logo-57house a {
		opacity: 0;
		pointer-events: none;
	}

	.active-57house #house57-profile #house57-desc {
		width: calc(100% - 3.79rem);
		top: 76.4rem;
		left: 1.89rem;
		display: -webkit-box;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		pointer-events: none;
		padding-left: 0;
		padding-right: 37.9%;
	}

	.active-57house .hotel-description .hotel-logo svg {
		height: 3.9rem;
		width: auto;
	}

	#house57-profile .building-house57 svg {
		height: 35.9rem !important;
		top: 29.8rem;
		left: calc(50% - 13.4rem);
	}

	.active-57house #house57 {
		top: 29.8rem;
		left: calc(50% - 13.5rem);
	}
	.active-57house #house57 svg {
		width: 27.8rem;
	}

	.active-57house #ascot {
		top: 31.9rem;
		left: calc(50% + 14.1rem);
	}
	.active-57house #ascot svg {
		width: 57.5rem;
	}

	.activate-hotel.active-57house #building-left {
		top: 23.2rem;
		left: calc(50% - 68.1rem);
	}
	.activate-hotel.active-57house #building-left svg {
		width: 55.1rem;
	}

	.active-57house #bottombg img {
		top: 62.4rem;
	}

	#house57-profile #house57-profile-elements .house57people-1 {
		top: 62.1rem;
		left: calc(50% - 3.9rem);
		height: 6.5rem;
	}
	#house57-profile #house57-profile-elements .house57people-2 {
		top: 67.3rem;
		height: 4.45rem;
	}

	#house57-profile .hotel-image .hotel-profile-logo {
		top: 65.9rem;
	}
	#house57-profile .hotel-image .hotel-profile-logo svg {
		width: 7.2rem;
	}

	/* HOUSE 57 END */

	/* WIDE */
	.active-wide.activate-hotel #all-hotels-logos .logo-wide {
		width: 60.9%;
	}
	.active-wide.activate-hotel #all-hotels-logos .logo-wide a {
		opacity: 0;
		pointer-events: none;
	}

	.active-wide #wide-profile #wide-desc {
		width: calc(100% - 3.79rem);
		top: 78.2rem;
		left: 1.89rem;
		display: -webkit-box;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		pointer-events: none;
		padding-left: 24.6%;
		padding-right: 11.5%;
	}

	.active-wide .hotel-description .hotel-logo svg {
		height: 3.9rem;
		width: auto;
	}

	#wide-profile .building-wide svg {
		height: 35.3rem !important;
		top: 30.2rem;
		left: calc(50% - 23.4rem);
	}

	.active-wide .hotel-description .hotel-logo svg {
		height: 2.2rem;
	}

	.active-wide .hotel-description .hotel-logo {
		margin-bottom: 4.2rem;
	}

	.active-wide #wide {
		top: 17.8rem;
		left: calc(50% - 23.3rem);
	}
	.active-wide #wide svg {
		width: 76.5rem;
	}

	.active-wide #ascot {
		top: 35.9rem;
		left: calc(50% - 70.6rem);
	}
	.active-wide #ascot svg {
		width: 47.5rem;
	}

	.active-wide #bottombg img {
		top: 63.6rem;
	}

	#wide-profile #wide-profile-elements .widepeople-1 {
		top: 61.5rem;
		left: calc(50% - 21rem);
		height: 5.75rem;
	}

	#wide-profile .hotel-image .hotel-profile-logo {
		top: 61.9rem;
	}
	#wide-profile .hotel-image .hotel-profile-logo svg {
		width: 16.4rem;
	}

	/* WIDE END */

	/* HYPERNYM */
	.active-hypernym.activate-hotel #all-hotels-logos .logo-hypernym {
		width: 60.9%;
	}
	.active-hypernym.activate-hotel #all-hotels-logos .logo-hypernym a {
		opacity: 0;
		pointer-events: none;
	}

	.active-hypernym #hypernym-profile #hypernym-desc {
		width: calc(100% - 3.79rem);
		top: 77rem;
		left: 1.89rem;
		display: -webkit-box;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		pointer-events: none;
		padding-left: 37.5%;
		padding-right: 0;
	}

	.active-hypernym .hotel-description .hotel-logo svg {
		height: 3.3rem;
		width: auto;
	}

	#hypernym-profile .building-hypernym svg {
		height: 44.9rem !important;
		top: 20rem;
		left: calc(50% - 14.4rem);
	}

	.active-hypernym .hotel-description .hotel-logo {
		margin-bottom: 4.2rem;
	}

	#hypernym-profile .hotel-image .hotel-profile-logo {
		top: 61.9rem;
	}
	#hypernym-profile .hotel-image .hotel-profile-logo svg {
		width: 16.4rem;
	}

	.active-hypernym #wide {
		top: 20.1rem;
		left: calc(50% - 56.9rem);
	}
	.active-hypernym #wide svg {
		width: 73.8rem;
	}

	.active-hypernym #bottombg img {
		top: 59.8rem;
	}

	.activate-hotel.active-hypernym #building-right {
		top: 21.7rem;
		left: calc(50% + 16.9rem);
	}
	.activate-hotel.active-hypernym #building-right svg {
		width: 73.8rem;
	}

	#hypernym-profile #hypernym-profile-elements .hypernympeople-1 {
		top: 62.9rem;
		left: calc(50% - 12.7rem);
		height: 4.45rem;
	}

	#hypernym-profile .hotel-image .hotel-profile-logo svg {
		height: 3.3rem;
		width: auto;
	}

	/* HYPERNYM END */

	#all-pointers svg {
		width: 2.25rem !important;
		height: 2.25rem !important;
	}
	#all-pointers #pointer-57house {
		top: 51.9rem;
		left: calc(50% - 20.8rem);
	}
	#all-pointers #pointer-ascot {
		top: 51.9rem;
		left: calc(50% - 8.3rem);
	}
	#all-pointers #pointer-wide {
		top: 51.9rem;
		left: calc(50% + 11.4rem);
	}
	#all-pointers #pointer-hypernym {
		top: 51.9rem;
		left: calc(50% + 18.7rem);
	}

	#eurosky svg.euroskies {
		height: 25rem !important;
		margin-top: 5rem;
		margin-left: calc(50% - 63rem);
	}
	#eurosky .thesun {
		translate: -6rem 0;
		width: 35rem;
		height: 35rem;
	}
	#supersky img {
		height: 70rem !important;
		margin-left: calc(50% - 80rem);
	}

	.active-ascot #bottombg img {
		top: 62.7rem;
	}

	.hotel-title {
		width: 37rem;
		top: 21.8rem;
		left: calc(50% - 18.5rem);
	}
	.hotel-title.profile-title h2 {
		line-height: 1.22;
	}

	.active-ascot #ascot {
		top: 38.3rem;
		left: calc(50% - 21.2rem);
	}
	.active-ascot #ascot svg {
		width: 42.3rem;
	}
	.active-ascot #house57 {
		top: 37rem;
		left: calc(50% - 41.4rem);
		opacity: 1;
	}
	.active-ascot #house57 svg {
		width: 20.25rem;
	}
	.active-ascot #wide {
		top: 22.2rem;
		left: calc(50% + 20.8rem);
		opacity: 1;
	}
	.active-ascot #wide svg {
		width: 67.75rem;
	}

	#ascot-profile #ascot-profile-elements .ascotpeople-1 {
		top: 60.4rem;
		left: calc(50% - 0.6rem);
		height: 4.55rem;
	}
	#ascot-profile #ascot-profile-elements .ascotpeople-2 {
		top: 63rem;
		left: calc(50% - 10.5rem);
		height: 4.25rem;
	}
	#ascot-profile #ascot-profile-elements .ascotpeople-3 {
		top: 62.2rem;
		left: calc(50% - 78.238rem);
		height: 3.028rem;
	}

	.scroll-to-see-more {
		top: calc(50vh - 6.5rem);
		left: calc(50% - 6.8rem);
	}
	.scroll-to-see-more,
	.scroll-to-see-more svg {
		width: 13.51rem;
		height: auto;
	}

	.hotel-image {
		top: 12.32rem;
		left: 1.89rem;
		width: calc(100% - 3.89rem);
		height: calc(100% - 12.32rem);
	}

	.hotel-image .hotel-profile-image {
		height: 100%;
	}

	.hotel-image .hotel-profile-button {
		top: 35.7rem;
	}
	.hotel-image .hotel-profile-button a {
		padding: 1.4rem 2.037rem;
		font-size: 1.34rem;
		border-radius: 2rem;
	}
	.hotel-image .hotel-profile-logo {
		top: 61.9rem;
	}
	.hotel-image .hotel-profile-logo svg {
		width: 12.3rem;
	}

	.close-hotel-area .close-hotel {
		top: 14.35rem;
		left: calc(50% + 16.8rem);
		left: unset;
		right: 4.2rem;
		width: 2.3rem;
		height: 2.3rem;
	}

	#ascot-profile #ascot-scroll-area,
	#house57-profile #house57-scroll-area,
	#wide-profile #wide-scroll-area,
	#hypernym-profile #hypernym-scroll-area {
		height: 73vh;
	}

	#ascot-profile #ascot-profile-details,
	#ascot-profile .building-ascot,
	#house57-profile #house57-profile-details,
	#house57-profile .building-house57,
	#wide-profile #wide-profile-details,
	#wide-profile .building-wide,
	#hypernym-profile #hypernym-profile-details,
	#hypernym-profile .building-hypernym {
		pointer-events: none;
	}
	.active-ascot-profile #ascot-profile #ascot-profile-details,
	.active-house57-profile #house57-profile #house57-profile-details,
	.active-wide-profile #wide-profile #wide-profile-details,
	.active-hypernym-profile #hypernym-profile #hypernym-profile-details {
		pointer-events: unset;
	}
}

/* CITY VIEW FLIPPED */
.flip-for-menu .flip-text {
	font-weight: 400;
	font-size: 2.1rem;
	line-height: 1;
	font-family: var(--font-krona);
	text-transform: uppercase;
	letter-spacing: 0.16rem;
}
.flip-for-menu .flip-icon {
	width: 5.6rem;
	height: 5.6rem;
	background-image: url('/wp-content/themes/hh-dev/assets/images/icon-90deg.svg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	margin-left: 2rem;
}

@media screen and (max-width: 900px) and (orientation: landscape) {
	html {
		font-size: 1svh;
	}
	body {
		overflow: hidden;
	}

	.section-cityview header.site-header {
		opacity: 1;
		top: -20rem;
	}

	.section-cityview .flip-for-menu {
		opacity: 1;
		display: -webkit-box;
		display: flex;
		top: 2.6rem;
	}
	.section-cityview .intro-title.title-cityview {
		top: 15.8rem;
		left: calc(50% - 90rem);
		width: 180rem;
	}
	.section-cityview .intro-title.title-cityview h2 {
		line-height: 1;
		font-size: 4.37rem;
	}

	.section-cityview #building-left {
		top: 44rem;
		left: calc(50% - 101.7rem);
	}
	.section-cityview #building-left svg {
		width: 48.9rem;
	}

	.section-cityview #building-right {
		top: 46.5rem;
		left: calc(50% + 49.3rem);
	}
	.section-cityview #building-right svg {
		width: 56.1rem;
	}

	.section-cityview #wide {
		top: 47.7rem;
		left: calc(50% - 7.2rem);
	}
	.section-cityview #wide svg {
		width: 64.2rem;
	}

	.section-cityview #house57 {
		top: 63.4rem;
		left: calc(50% - 62.1rem);
	}
	.section-cityview #house57 svg {
		width: 17.8rem;
	}

	.section-cityview #ascot {
		top: 64.4rem;
		left: calc(50% - 44.4rem);
	}
	.section-cityview #ascot svg {
		width: 37.3rem;
	}

	.section-cityview #bottombg img {
		top: 79rem;
	}

	#cityview .cityview-title .cw-title {
		display: block;
		transform: rotate(0);
		width: 32rem;
		top: 0;
		left: 1.5rem;
		text-align: left;
		font-size: 2.85rem;
	}

	.cityview-title .distance {
		display: block;
		width: 100%;
		padding-top: 0.3rem;
	}

	.cityview-item {
		top: 34.3rem;
	}

	#cityview-pointer-1.cityview-item {
		left: calc(50% - 103.4rem);
	}
	#cityview-pointer-2.cityview-item {
		left: calc(50% - 84rem);
	}
	#cityview-pointer-3.cityview-item {
		left: calc(50% - 64.8rem);
	}
	#cityview-pointer-4.cityview-item {
		left: calc(50% - 7.2rem);
	}
	#cityview-pointer-5.cityview-item {
		left: calc(50% + 59rem);
	}
	#cityview-pointer-6.cityview-item {
		left: calc(50% + 80.7rem);
	}

	#cityview-pointer-1 .cityview-title:after {
		height: 40.5rem;
	}
	#cityview-pointer-2 .cityview-title:after {
		height: 25.8rem;
	}
	#cityview-pointer-3 .cityview-title:after {
		top: -7.6rem;
		height: 14.4rem;
	}
	#cityview-pointer-4 .cityview-title:after {
		height: 20.3rem;
	}
	#cityview-pointer-5 .cityview-title:after {
		height: 19rem;
	}
	#cityview-pointer-6 .cityview-title:after {
		height: 22.3rem;
	}

	.section-cityview #eurosky svg.airplane {
		top: 22.5rem;
		left: calc(50% - 80rem);
		height: 6.7rem;
	}

	.section-cityview #building-center svg.obj_cw09 {
		top: 79.5rem;
		left: calc(50% + 73.5rem);
		height: 4.7rem;
	}
	.section-cityview #building-center img.buildings {
		display: none;
	}

	.section-cityview #building-center img.treesgroup {
		width: 10.6rem;
		top: 75.2rem;
		left: calc(50% - 79rem);
		opacity: 1;
	}
	#building-center img.metrotrees {
		width: 168.69rem;
		top: 72rem;
		left: calc(50% - 103.2rem);
		opacity: 1;
	}

	#cityview svg.obj_cw01 {
		top: 91.3rem;
		left: calc(50% - 79.8rem);
		height: 3.5rem;
	}
	#cityview svg.obj_cw02 {
		top: 93rem;
		left: calc(50% - 70.1rem);
		height: 4.8rem;
	}
	#cityview svg.obj_cw03 {
		top: 90.2rem;
		left: calc(50% - 61.7rem);
		height: 5.8rem;
		z-index: 8008;
	}
	#cityview svg.obj_cw04 {
		top: 93.3rem;
		left: calc(50% - 42.6rem);
		height: 4.6rem;
	}
	#cityview svg.obj_cw05 {
		top: 89.5rem;
		left: calc(50% - 20.5rem);
		height: 3.8rem;
	}
	#cityview svg.obj_cw06 {
		top: 90.9rem;
		left: calc(50% - 3.7rem);
		height: 3.9rem;
	}
	#cityview svg.obj_cw07 {
		top: 91.7rem;
		left: calc(50% + 26.6rem);
		height: 5.8rem;
	}
	#cityview svg.obj_cw08 {
		top: 92rem;
		left: calc(50% + 68.6rem);
		height: 5.8rem;
	}
	#cityview svg.obj_cw10 {
		top: 89.8rem;
		left: calc(50% - 94.8rem);
		height: 3.5rem;
	}
	#cityview svg.obj_cw11 {
		top: 85.8rem;
		left: calc(50% - 31.7rem);
		height: 4rem;
	}
	#cityview svg.obj_cw12 {
		top: 85.3rem;
		height: 4rem;
		z-index: 8001;
	}
	#cityview svg.obj_cw13 {
		top: 86.2rem;
		left: calc(50% + 29.1rem);
		height: 4.6rem;
		z-index: 8001;
	}
	#cityview svg.obj_cw14 {
		top: 89.3rem;
		height: 3.2rem;
		left: calc(50% + 15rem);
		z-index: 8003;
	}
	#cityview svg.obj_cw15 {
		top: 90rem;
		left: calc(50% + 39.8rem);
		height: 4.9rem;
	}
	#cityview svg.obj_cw16 {
		top: 86rem;
		left: calc(50% + 62.5rem);
		height: 4.4rem;
	}
	#cityview svg.obj_cw17 {
		top: 89.9rem;
		left: calc(50% + 77.9rem);
		height: 3rem;
	}

	#cityview img.fronttrees {
		height: 15.1rem;
		top: 77.2rem;
		left: calc(50% - 44.9rem);
		opacity: 1;
		z-index: 8002;
	}

	.section-cityview #trees #tree-right {
		display: block;
	}
	.section-cityview #trees #tree-right svg {
		display: block;
		height: 15.4rem !important;
		top: 71rem;
		right: calc(50% - 69.5rem);
		opacity: 1;
	}

	.section-cityview #trees #tree-left {
		display: none;
	}

	.section-cityview #eurosky svg.euroskies {
		height: 59rem !important;
		margin-top: 8rem;
		margin-left: calc(50% - 113rem);
	}
	.section-cityview #supersky img {
		height: 96rem !important;
		margin-left: calc(50% - 120rem);
		margin-top: -10rem;
	}
}

@media screen and (orientation: portrait) and (max-width: 670px),
	screen and (orientation: landscape) and (max-width: 900px) {
	html {
		font-size: 1svh;
		overflow: hidden;
	}
}

/* SPECIAL MOBILE LANDSCAPE */
@media screen and (orientation: landscape) and (max-height: 450px) {
	header.site-header {
		z-index: 0;
		opacity: 0;
	}
	.flip-for-menu {
		opacity: 1;
		display: -webkit-box;
		display: flex;
		top: 2.6rem;
	}
	.intro-title {
		display: none;
	}

	#house57,
	.section-amenities #house57 {
		top: 24.85rem;
		left: calc(50% - 79.74rem);
	}
	#house57 svg,
	.section-amenities #house57 svg {
		width: 25.218rem;
	}

	#ascot,
	.section-amenities #ascot {
		top: 26.4rem;
		left: calc(50% - 54.9rem);
	}
	#ascot svg,
	.section-amenities #ascot svg {
		width: 52.65rem;
	}
	#wide,
	.section-amenities #wide {
		top: 7rem;
		left: calc(50% - 2.75rem);
	}
	#wide svg,
	.section-amenities #wide svg {
		width: 84.24rem;
	}

	#intro-area,
	#trees #tree-left,
	#all-hotels-elements svg.allpeople-3,
	#all-hotels-logos > div:after {
		display: none;
	}

	.visit-hotel-button a {
		font-size: 2.5rem;
		padding: 2.6rem 4.07rem;
		border-radius: 3.66rem;
	}

	#all-hotels-elements {
		top: -11rem;
	}

	.hotel-description .content {
		width: 64rem;
		max-width: 64rem;
	}
	.hotel-description .hotel-desc p {
		font-size: 1.7rem;
	}

	#all-hotels-logos > div > a {
		transform: translate(-50%, -50%) rotate(0deg);
	}

	#all-pointers svg {
		width: 6.25rem !important;
		height: 6.25rem !important;
	}

	#all-pointers #pointer-57house {
		top: 40.9rem;
		left: calc(50% - 65.8rem);
	}
	#all-pointers #pointer-ascot {
		top: 40.9rem;
		left: calc(50% - 31.3rem);
	}
	#all-pointers #pointer-wide {
		top: 40.9rem;
		left: calc(50% + 20.4rem);
	}
	#all-pointers #pointer-hypernym {
		top: 40.9rem;
		left: calc(50% + 42.7rem);
	}

	#all-hotels-logos {
		border-left: 0;
		width: 130rem;
		left: calc(50% - 65rem);
	}
	#all-hotels-logos .logo-57house svg,
	.activate-hotel #all-hotels-logos .logo-57house svg {
		height: 6.9rem;
	}
	#all-hotels-logos .logo-ascot svg,
	.activate-hotel #all-hotels-logos .logo-ascot svg {
		height: 3.675rem;
	}
	#all-hotels-logos .logo-wide svg,
	.activate-hotel #all-hotels-logos .logo-wide svg {
		height: 2.85rem;
	}
	#all-hotels-logos .logo-hypernym svg,
	.activate-hotel #all-hotels-logos .logo-hypernym svg {
		height: 4.3rem;
	}

	.active-57house.activate-hotel #all-hotels-logos .logo-57house a,
	.active-ascot.activate-hotel #all-hotels-logos .logo-ascot a,
	.active-wide.activate-hotel #all-hotels-logos .logo-wide a,
	.active-hypernym.activate-hotel #all-hotels-logos .logo-hypernym a {
		opacity: 1;
		pointer-events: unset;
	}

	.active-57house #house57-profile #house57-desc,
	.active-ascot #ascot-profile #ascot-desc,
	.active-wide #wide-profile #wide-desc,
	.active-hypernym #hypernym-profile #hypernym-desc,
	#house57-profile #house57-desc,
	#ascot-profile #ascot-desc,
	#wide-profile #wide-desc,
	#hypernym-profile #hypernym-desc {
		display: none;
	}

	.activate-hotel #all-hotels-logos .logo-57house,
	.active-57house.activate-hotel #all-hotels-logos .logo-57house,
	.activate-hotel #all-hotels-logos .logo-ascot,
	.active-ascot.activate-hotel #all-hotels-logos .logo-ascot,
	.activate-hotel #all-hotels-logos .logo-wide,
	.active-wide.activate-hotel #all-hotels-logos .logo-wide,
	.activate-hotel #all-hotels-logos .logo-hypernym,
	.active-hypernym.activate-hotel #all-hotels-logos .logo-hypernym {
		width: 25% !important;
	}

	.activate-hotel #all-hotels-logos > div {
		opacity: 0.4;
	}
	.active-57house.activate-hotel #all-hotels-logos .logo-57house,
	.active-ascot.activate-hotel #all-hotels-logos .logo-ascot,
	.active-wide.activate-hotel #all-hotels-logos .logo-wide,
	.active-hypernym.activate-hotel #all-hotels-logos .logo-hypernym {
		opacity: 1;
	}

	.active-ascot #wide svg,
	.active-57house #wide svg,
	.active-wide #wide svg,
	.active-hypernym #wide svg {
		width: 125.46rem;
	}
	.active-ascot #ascot svg,
	.active-57house #ascot svg,
	.active-wide #ascot svg,
	.active-hypernym #ascot svg {
		width: 89.505rem;
	}
	.active-ascot #house57 svg,
	.active-57house #house57 svg,
	.active-wide #house57 svg,
	.active-hypernym #house57 svg {
		width: 42.87rem;
	}

	#building-left,
	#building-right {
		display: none !important;
	}

	.amenity-item .mobile-name {
		bottom: 6.6rem;
		left: -10.25rem;
		width: 27rem;
		height: 5rem;
		font-size: 2.5rem;
	}

	.active-hypernym #wide {
		top: -3.9rem;
		left: calc(50% - 89.9rem);
	}
	.active-hypernym #ascot {
		top: 18.4rem;
		left: calc(50% - 179rem);
		opacity: 1;
	}
	.active-wide #wide {
		top: -3.9rem;
		left: calc(50% - 44.9rem);
	}
	.active-wide #ascot {
		top: 18.4rem;
		left: calc(50% - 134rem);
		opacity: 1;
	}
	.active-wide #house57 {
		top: 15.8rem;
		left: calc(50% - 176.87rem);
	}

	.active-ascot #wide {
		top: -3.9rem;
		left: calc(50% + 42.1rem);
	}
	.active-ascot #ascot {
		top: 18.4rem;
		left: calc(50% - 47rem);
	}
	.active-ascot #house57 {
		top: 15.8rem;
		left: calc(50% - 89.7rem);
	}

	.active-57house #house57 {
		top: 15.8rem;
		left: calc(50% - 21.2rem);
	}
	.active-57house #ascot {
		top: 18.4rem;
		left: calc(50% + 21.5rem);
		opacity: 1;
	}
	.active-57house #wide {
		top: -3.9rem;
		left: calc(50% + 109.7rem);
	}

	.active-hypernym #wide svg .wide_wide,
	.active-wide #wide svg .wide_hypernym {
		opacity: 1;
	}

	#house57-profile .building-house57 svg {
		height: 55rem !important;
		top: 16.2rem;
		left: calc(50% - 20.9rem);
	}
	#ascot-profile .building-ascot svg {
		height: 54.9rem !important;
		top: 18.3rem;
		left: calc(50% - 47.1rem);
	}
	#wide-profile .building-wide svg {
		height: 58rem !important;
		top: 16.7rem;
		left: calc(50% - 44.8rem);
	}
	#hypernym-profile .building-hypernym svg {
		height: 76.9rem !important;
		top: -4.2rem;
		left: calc(50% - 18.2rem);
	}
	#hypernym-profile #hypernym-profile-elements .hypernympeople-1,
	#wide-profile #wide-profile-elements .widepeople-1 {
		display: none;
	}
	#ascot-profile #ascot-profile-elements .ascotpeople-1,
	#ascot-profile
		#ascot-profile-elements
		.ascotpeople-2
		#ascot-profile
		#ascot-profile-elements
		.ascotpeople-3 {
		display: none;
	}
	#house57-profile #house57-profile-elements .house57people-1,
	#house57-profile #house57-profile-elements .house57people-2 {
		display: none;
	}

	.active-57house #birds,
	.active-ascot #birds,
	.active-wide #birds,
	.active-hypernym #birds,
	.hotel-title {
		display: none;
	}

	.activate-hotel #bottombg img {
		top: 68.4rem !important;
	}
	#supersky img {
		height: 100rem !important;
		margin-left: calc(50% - 130rem);
	}
	#eurosky svg.euroskies {
		height: 40rem !important;
	}

	.section-amenities #bottombg img {
		top: 56.5rem;
	}

	.amenity-pointer a svg {
		width: 6.25rem !important;
		height: 6.25rem !important;
	}

	.amenity-item {
		top: 51.7rem;
	}

	#amenity-1.amenity-item {
		left: calc(50% - 73.2rem);
	}
	#amenity-2.amenity-item {
		left: calc(50% - 55.1rem);
	}
	#amenity-3.amenity-item {
		left: calc(50% - 46.1rem);
	}
	#amenity-4.amenity-item {
		left: calc(50% - 31.4rem);
	}
	#amenity-6.amenity-item {
		left: calc(50% + 15.4rem);
	}
	#amenity-7.amenity-item {
		left: calc(50% + 34.1rem);
	}
	#amenity-8.amenity-item {
		left: calc(50% + 44.9rem);
	}
	#amenity-9.amenity-item {
		left: calc(50% + 60.9rem);
	}

	.amenity-name {
		top: 8.4rem;
		left: 3.1rem;
		padding-top: 25.6rem;
		width: 1rem;
	}

	.amenity-data,
	.activate-amenity-1 #amenity-1 .amenity-data,
	.activate-amenity-2 #amenity-2 .amenity-data,
	.activate-amenity-3 #amenity-3 .amenity-data,
	.activate-amenity-4 #amenity-4 .amenity-data,
	.activate-amenity-5 #amenity-5 .amenity-data,
	.activate-amenity-6 #amenity-6 .amenity-data,
	.activate-amenity-7 #amenity-7 .amenity-data,
	.activate-amenity-8 #amenity-8 .amenity-data,
	.activate-amenity-9 #amenity-9 .amenity-data {
		width: 76rem;
		height: 76rem;
		border-radius: 38rem;
		top: -39.86rem;
	}

	#amenity-1 .amenity-data {
		left: 37.7rem;
	}
	#amenity-2 .amenity-data {
		left: 19.6rem;
	}
	#amenity-3 .amenity-data {
		left: 10.6rem;
	}
	#amenity-5 .amenity-data {
		left: -35.3rem;
	}
	#amenity-6 .amenity-data {
		left: -50.9rem;
	}
	#amenity-7 .amenity-data {
		left: -69.6rem;
	}
	#amenity-8 .amenity-data {
		left: -80.3rem;
	}
	#amenity-9 .amenity-data {
		left: -96.3rem;
	}

	.amenity-title {
		margin: 38.5rem auto 0 auto;
		width: 62.34rem;
		height: 10.9rem;
	}
	.amenity-title h6 {
		font-size: 2.35rem;
		line-height: 1;
		text-align: center;
		margin: 0.6rem auto 0 auto;
	}
	.amenity-desc {
		margin: 3.5rem auto 0 auto;
		width: 53.62rem;
		font-size: 2.9rem;
	}

	.amenity-close {
		bottom: 2rem;
		left: calc(50% - 3.35rem);
		height: 6.7rem;
		width: 6.7rem;
	}
	.amenity-close a,
	.amenity-close img {
		height: 6.7rem;
		width: 6.7rem;
	}
}

/* IF SCREEN WIDTH PROPORTIONS ARE SMALLER THAN SCREEN HEIGHT */
@media (max-aspect-ratio: 1900/1294) and (min-width: 1025px) {
	html {
		font-size: 0.64vw;
	}
	.visit-hotel-button {
        top: 54rem;
    }
	main.content {
		background-color: #EFE8D7;
	}
}

/*# sourceMappingURL=styles.css.map*/