.animation--map-info-in,
.animation--map-info-in .map__info-window__content,
.animation--map-info-in .map__info-window__label:before,
.animation--map-info-out,
.animation--map-info-out .map__info-window__content,
.animation--map-info-out .map__info-window__label:before,
.clip-box__content--gradient .clip-box__content__tab__inner:before,
.location-around__map__filters,
.location-around__map__filters__button .icon.icon-btn-angle-up,
.location-parks-item__image {
	transition-duration: .4s;
	transition-timing-function: cubic-bezier(.25, .74, .22, .99)
}

.map__info-window {
	font-family: Axiforma, HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	text-rendering: optimizeLegibility;
	font-feature-settings: "salt" on;
	-webkit-font-kerning: normal;
	font-kerning: normal
}

.tabs-contents {
	position: relative;
	overflow: visible !important
}

.tabs-contents__content[aria-hidden=true] {
	display: none
}

.tabs-contents__content--animating-in {
	position: absolute !important;
	z-index: 2 !important;
	left: 0;
	top: 0;
	width: 100%;
	min-height: 100%
}

.tabs-contents__content--animating-out {
	z-index: 1 !important
}

.gallery-fullscreen .tabs-contents__content--animating-in,
.progress-gallery .tabs-contents__content--animating-in {
	z-index: 2 !important
}

.gallery-fullscreen .tabs-contents__content--animating-top,
.progress-gallery .tabs-contents__content--animating-top {
	z-index: 1 !important
}

.scroll-text {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 2.7rem;
	line-height: 1.11111em;
	letter-spacing: .02em;
	font-weight: 300
}

.scroll-text .scroll-text__line {
	display: block;
	white-space: nowrap;
	position: relative;
	padding-top: 20px;
	margin-top: -20px
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:668px) and (min-height:416px),
only screen and (min-width:980px) {
	.scroll-text {
		font-size: 6.1rem;
		line-height: .98361em;
		letter-spacing: -.02em
	}
}

@media only screen and (min-width:1200px) {
	.scroll-text {
		font-size: 8.1rem;
		line-height: .98765em;
		letter-spacing: -.04em
	}
}

@media only screen and (min-width:1440px) {
	.scroll-text {
		font-size: 10.8rem;
		line-height: 1.01852em;
		letter-spacing: -.04em
	}
}

@media only screen and (min-width:1920px) {
	.scroll-text {
		font-size: 13.5rem;
		line-height: 1.0125em;
		letter-spacing: -.04em
	}
}

@media only screen and (max-width:567px) and (max-aspect-ratio:13/9) {
	.scroll-text {
		font-size: calc(2.7rem + 34 * ((100vw - 360px) / 308))
	}
}

@media (max-width:667px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
	.scroll-text {
		font-size: calc(2.7rem + 34 * ((100vw - 568px) / 412));
		line-height: calc(1.11111em + -1.27505 * ((100vw - 568px) / 412));
		letter-spacing: calc(.02em + -.4 * ((100vw - 568px) / 412))
	}
}

@media only screen and (max-width:567px) and (max-aspect-ratio:13/9) {
	.scroll-text {
		font-size: calc(2.7rem + 29 * ((100vw - 360px) / 308));
		line-height: calc(1.11111em + -1.27505 * ((100vw - 360px) / 308));
		letter-spacing: calc(.02em + -.4 * ((100vw - 360px) / 308))
	}
}

.scroll-text .scroll-text__line.text--crop {
	padding-top: 0;
	margin-top: 0
}

.scroll-text .scroll-text__line.text--crop:before {
	margin-top: -.09056em
}

.scroll-text .scroll-text__line.text--crop:after {
	margin-bottom: -.29056em
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:668px) and (min-height:416px),
only screen and (min-width:980px) {
	.scroll-text .scroll-text__line.text--crop:before {
		margin-top: -.0268em
	}

	.scroll-text .scroll-text__line.text--crop:after {
		margin-bottom: -.2268em
	}
}

@media only screen and (min-width:1200px) {
	.scroll-text .scroll-text__line.text--crop:before {
		margin-top: -.02883em
	}

	.scroll-text .scroll-text__line.text--crop:after {
		margin-bottom: -.22883em
	}
}

@media only screen and (min-width:1440px) {
	.scroll-text .scroll-text__line.text--crop:before {
		margin-top: -.04426em
	}

	.scroll-text .scroll-text__line.text--crop:after {
		margin-bottom: -.24426em
	}
}

@media only screen and (min-width:1920px) {
	.scroll-text .scroll-text__line.text--crop:before {
		margin-top: -.04125em
	}

	.scroll-text .scroll-text__line.text--crop:after {
		margin-bottom: -.24125em
	}
}

.scroll-text .scroll-text__line.text--crop:before {
	display: none
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:668px) and (min-height:416px),
only screen and (min-width:980px) {
	.scroll-text {
		padding-top: 4px
	}
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:668px) and (min-height:416px),
only screen and (min-width:980px) {
	.parallax-picture {
		overflow: hidden
	}

	.parallax-picture img {
		display: block;
		margin-bottom: calc(var(---spacing) * -1);
		will-change: transform !important
	}



	.parallax-picture--md img {
		margin-bottom: calc(var(--spacing) * -1);
		margin-top: calc(var(--spacing) * -1)
	}
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:668px) and (min-height:416px),
only screen and (min-width:980px) {
	.parallax-picture--full-height img {
		margin-bottom: 0;
		height: calc(100% + var(--spacing))
	}
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:668px) and (min-height:416px),
only screen and (min-width:980px) {
	.parallax-block {
		overflow: hidden
	}

	.parallax-block__content {
		display: block;
		margin-bottom: calc(var(--spacing) * -2);
		will-change: transform !important
	}
}

.clip-box {
	position: relative
}

.clip-box__content--bottom,
.clip-box__wrapper {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.clip-box__content--bottom {
	display: none
}

.clip-box__content--image {
	position: relative;
	z-index: 1;
	pointer-events: none;
	overflow: hidden
}

.clip-box__content--image img,
.clip-box__content--image picture {
	display: block;
	width: 100%;
	height: auto;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: 50% 50%;
	object-position: 50% 50%
}

.clip-box__content--image.clip-box__content--absolute {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	contain: strict
}

.clip-box__content--image.clip-box__content--absolute .clip-box__content__tab,
.clip-box__content--image.clip-box__content--absolute .clip-box__content__tab__inner,
.clip-box__content--image.clip-box__content--absolute img,
.clip-box__content--image.clip-box__content--absolute picture {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.clip-box__content--image.clip-box__content--image--parallax img {
	height: 110%
}

.clip-box__content--top {
	position: absolute;
	z-index: 2;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.clip-box__content--gradient .clip-box__content__tab__inner:before {
	opacity: 1
}

.intro--animation .clip-box__content--gradient .clip-box__content__tab__inner:before {
	opacity: 0
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:668px) and (min-height:416px),
only screen and (min-width:980px) {
	.clip-box__content--bottom {
		display: block
	}

	.clip-box__content--gradient .clip-box__content__tab__inner:before {
		position: absolute;
		content: "";
		z-index: 2;
		pointer-events: none;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		background: linear-gradient(166.58deg, rgba(0, 0, 0, .5), transparent 28.8%)
	}

	.clip-box__content--top {
		contain: size layout paint;
		content-visibility: auto;
		overflow: hidden;
		pointer-events: none
	}

	.clip-box__content--top .clip-box__title {
		color: transparent;
		text-shadow: -1.25px -1.25px 0 #565440, 1.25px -1.25px 0 #565440, -1.25px 1.25px 0 #565440, 1.25px 1.25px 0 #565440
	}

	@supports (-webkit-text-stroke-width:1px) {
		.clip-box__content--top .clip-box__title {
			text-shadow: none;
			-webkit-text-stroke-width: 1.25px;
			-webkit-text-fill-color: currentColor;
			-webkit-text-stroke-color: #565440
		}
	}

	.clip-box__content--top .clip-box__title.text--color-black {
		color: transparent;
		text-shadow: -1.25px -1.25px 0 #2c2926, 1.25px -1.25px 0 #2c2926, -1.25px 1.25px 0 #2c2926, 1.25px 1.25px 0 #2c2926
	}

	@supports (-webkit-text-stroke-width:1px) {
		.clip-box__content--top .clip-box__title.text--color-black {
			text-shadow: none;
			-webkit-text-stroke-width: 1.25px;
			-webkit-text-fill-color: currentColor;
			-webkit-text-stroke-color: #2c2926
		}
	}

	.clip-box__content--top .clip-box__title-dark {
		color: transparent;
		text-shadow: -1.25px -1.25px 0 #e9e4dc, 1.25px -1.25px 0 #e9e4dc, -1.25px 1.25px 0 #e9e4dc, 1.25px 1.25px 0 #e9e4dc
	}

	@supports (-webkit-text-stroke-width:1px) {
		.clip-box__content--top .clip-box__title-dark {
			text-shadow: none;
			-webkit-text-stroke-width: 1.25px;
			-webkit-text-fill-color: currentColor;
			-webkit-text-stroke-color: #e9e4dc
		}
	}

	.clip-box__content--top .clip-box__title-pink {
		color: transparent;
		text-shadow: -1.25px -1.25px 0 #c49f8a, 1.25px -1.25px 0 #c49f8a, -1.25px 1.25px 0 #c49f8a, 1.25px 1.25px 0 #c49f8a
	}

	@supports (-webkit-text-stroke-width:1px) {
		.clip-box__content--top .clip-box__title-pink {
			text-shadow: none;
			-webkit-text-stroke-width: 1.25px;
			-webkit-text-fill-color: currentColor;
			-webkit-text-stroke-color: #c49f8a
		}
	}

	.clip-box__content--top .clip-box__title-olive {
		color: transparent;
		text-shadow: -1.25px -1.25px 0 #565440, 1.25px -1.25px 0 #565440, -1.25px 1.25px 0 #565440, 1.25px 1.25px 0 #565440
	}

	@supports (-webkit-text-stroke-width:1px) {
		.clip-box__content--top .clip-box__title-olive {
			text-shadow: none;
			-webkit-text-stroke-width: 1.25px;
			-webkit-text-fill-color: currentColor;
			-webkit-text-stroke-color: #565440
		}
	}

	.clip-box__content--top .clip-box__text {
		color: #565440
	}

	.clip-box__content--top .clip-box__text--light {
		color: #e9e4dc
	}
}

.map {
	position: relative;
	height: 100%
}

.map .gmnoprint,
.map .gmnoprint+.gm-style-cc,
.map img[src="https://maps.gstatic.com/mapfiles/api-3/images/google_white5.png"] {
	opacity: 0 !important;
	pointer-events: none !important
}

.map__content {
	position: relative;
	height: 100%
}

.map__buttons {
	position: absolute;
	right: var(--spacing);
	bottom: var(--spacing);
	display: flex;
	flex-direction: column
}

.map__buttons .btn+.btn {
	margin-top: 10px
}

.map-label {
	position: absolute;
	left: calc(100% + 30px);
	top: calc(50% - 10px)
}

.map-label--metro {
	left: calc(100% + 18px)
}

.animation--map-info-in,
.animation--map-info-in .map__info-window__content,
.animation--map-info-in .map__info-window__label:before,
.animation--map-info-out,
.animation--map-info-out .map__info-window__content,
.animation--map-info-out .map__info-window__label:before {
	pointer-events: none
}

.animation--map-info-in,
.animation--map-info-out {
	transition-property: border-color
}

.animation--map-info-in .map__info-window__label:before,
.animation--map-info-out .map__info-window__label:before {
	will-change: transform;
	transition-property: transform;
	transform-origin: center
}

.animation--map-info-in .map__info-window__content,
.animation--map-info-out .map__info-window__content {
	will-change: opacity, transform;
	transition-property: opacity, transform
}

.animation--map-info-in--inactive .map__info-window__label:before,
.animation--map-info-out--active .map__info-window__label:before {
	transform: scale(0)
}

.animation--map-info-in--inactive .map__info-window__content,
.animation--map-info-out--active .map__info-window__content {
	transform: translateX(-40px)
}

.map__info-window {
	position: absolute
}

.map__info-window__offset {
	position: absolute;
	left: 50%;
	bottom: 100%;
	transform: translate(-50%, -50%)
}

.map__info-window__inner {
	padding-bottom: 10px
}

.map__info-window__content--double .map__info-window__content__inner {
	transform: translateY(10px)
}

.map__info-window__content__inner {
	position: relative;
	background: #2c2926;
	border-radius: 40px;
	display: flex;
	flex-wrap: nowrap
}

.map__info-window__content__inner:before {
	position: absolute;
	content: "";
	border: 6px solid transparent;
	border-top-color: #2c2926;
	bottom: -10px;
	left: 50%;
	transform: translateX(-50%)
}

.map__info-window__content__texts {
	padding: 13px 15px 10px;
	text-align: center
}

.map__info-window__content__title {
	margin: 0;
	white-space: nowrap
}

.gm-style .map__info-window__content__title {
	font-size: 11px;
	line-height: 16px;
	letter-spacing: .04em
}

.map__info-window__label {
	position: absolute;
	z-index: 1;
	left: 50%;
	top: calc(100% + 4.5px);
	transform: translate(-50%);
	width: 40px;
	height: 40px
}

.map__info-window__label--double {
	top: calc(100% + 15px)
}

.map__info-window__label:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #2c2926;
	border-radius: 1000px;
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat
}

.map__info-window__label--nohover:before {
	display: none
}

.map__info-window__label--park:before {
	background-color: #2c2926;
	background-image: url(https://eniteo.ru/assets/images/map/park-icon.svg)
}

.map__info-window__label--school:before {
	background-color: #2c2926;
	background-image: url(https://eniteo.ru/assets/images/map/school-icon.svg)
}

.map__info-window__label--medic:before {
	background-color: #2c2926;
	background-image: url(https://eniteo.ru/assets/images/map/medic-icon.svg)
}

.map__info-window__label--shop:before {
	background-color: #2c2926;
	background-image: url(https://eniteo.ru/assets/images/map/shop-icon.svg)
}

.map__info-window__label--fitness:before {
	background-color: #2c2926;
	background-image: url(https://eniteo.ru/assets/images/map/fitness-icon.svg)
}

.map__info-window__label--mall:before {
	background-color: #2c2926;
	background-image: url(https://eniteo.ru/assets/images/map/mall-icon.svg)
}

.gallery {
	position: relative
}

.gallery__background,
.gallery__titles {
	position: absolute
}

.gallery__images,
.gallery__titles__wrapper {
	position: relative
}

.gallery__images__wrapper {
	position: relative;
	overflow: hidden !important
}

.gallery__images picture {
	display: block;
	width: 100%;
	height: auto
}

.gallery__images img {
	display: block;
	min-width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: 50% 50%;
	object-position: 50% 50%
}

.gallery__texts__wrapper {
	position: relative;
	overflow: hidden
}

.gallery__button {
	position: absolute;
	z-index: 2
}

.gallery__nav-count {
	position: absolute;
	padding: var(--spacing)
}

.gallery--rt {
	height: calc(var(--spacing) * 26);
	overflow: hidden
}

.gallery--rt .gallery__background {
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.gallery--rt .gallery__images {
	margin: 0 0 0 var(--col-2)
}

.gallery--rt .gallery__image img {
	height: calc(160 / 320 * 100vw);
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.gallery--rt .gallery__texts {
	position: relative
}

.gallery--rt .gallery__text__inner {
	padding: var(--spacing-2) var(--spacing) var(--spacing-4) var(--col-2)
}

.gallery--rt .gallery__buttons {
	position: absolute;
	z-index: 4;
	left: 0;
	bottom: 0;
	padding: var(--spacing)
}

.gallery--rt .gallery__nav-count {
	z-index: 2;
	right: 0;
	bottom: 0
}

@media (min-aspect-ratio:13/9),
only screen and (min-width:568px) {
	.gallery--rt {
		min-height: calc(var(--spacing) * 26);
		height: auto
	}

	.gallery--rt .gallery__text__inner {
		padding: var(--spacing-2) var(--spacing) var(--spacing-4)
	}
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:668px) and (min-height:416px),
only screen and (min-width:980px) {
	.gallery--rt {
		min-height: 0;
		height: 100vw
	}

	.gallery--rt .gallery__background {
		width: var(--col-9)
	}

	.gallery--rt .gallery__images {
		margin: 0 0 0 var(--col-3)
	}

	.gallery--rt .gallery__image img {
		height: calc(var(--spacing) * 11)
	}

	.gallery--rt .gallery__texts {
		position: static
	}

	.gallery--rt .gallery__texts__wrapper {
		position: static;
		overflow: visible
	}

	.gallery--rt .gallery__text {
		position: absolute;
		left: 0;
		bottom: 0;
		width: var(--col-6)
	}

	.gallery--rt .gallery__text__inner {
		padding: 0 0 var(--spacing-3) var(--spacing)
	}

	.gallery--rt .gallery__text.tabs-contents__content--animating-in {
		top: auto;
		min-height: 0;
		height: auto
	}
}

@media only screen and (min-width:980px) {
	.gallery--rt {
		height: var(--col-6)
	}

	.gallery--rt .gallery__images {
		margin: 0 0 0 var(--col-6)
	}

	.gallery--rt .gallery__text {
		bottom: auto;
		top: 0;
		width: var(--col-4)
	}

	.gallery--rt .gallery__text__inner {
		padding: var(--spacing) 0 5px var(--spacing)
	}

	.gallery--rt .gallery__text.tabs-contents__content--animating-in {
		top: 0
	}
}

@media only screen and (min-width:980px) {
	.gallery--rt {
		max-height: calc(var(--spacing) * 13)
	}

	.gallery--rt .gallery__text {
		width: calc(var(--col-3) + var(--spacing))
	}
}

@media only screen and (min-width:1200px) {
	.gallery--rt .gallery__image img {
		height: calc(var(--spacing) * 11);
		max-height: none
	}
}

@media only screen and (min-width:1440px) {
	.gallery--rt .gallery__images {
		margin: 0 0 0 var(--col-5)
	}
}

@media only screen and (min-width:1920px) {
	.gallery--rt .gallery__image picture {
		max-height: calc(var(--spacing) * 9)
	}
}

.gallery--rb .gallery__background {
	z-index: 3;
	right: 0;
	bottom: 0;
	width: var(--col-6);
	height: var(--col-6)
}

.gallery--rb .gallery__texts {
	position: relative;
	z-index: 3;
	margin-top: calc(var(--col-2) * -1);
	margin-left: var(--col-2)
}

.gallery--rb .gallery__text {
	padding: var(--spacing);
	width: var(--col-6);
	height: var(--col-6)
}

.gallery--rb .gallery__buttons {
	position: absolute;
	z-index: 4;
	left: 0;
	bottom: 0;
	padding: var(--spacing)
}

.gallery--rb .gallery__nav-count {
	right: 0;
	bottom: 0;
	margin: 0;
	z-index: 3
}

@media (min-aspect-ratio:13/9),
only screen and (min-width:568px) {

	.gallery--rb .gallery__background,
	.gallery--rb .gallery__text {
		height: calc(var(--spacing) * 13)
	}
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:668px) and (min-height:416px),
only screen and (min-width:980px) {

	.gallery--rb .gallery__background,
	.gallery--rb .gallery__texts {
		left: 0;
		top: var(--col-2);
		height: var(--col-6);
		right: auto
	}

	.gallery--rb .gallery__images {
		margin: 0 0 0 var(--col-3)
	}

	.gallery--rb .gallery__images img,
	.gallery--rb .gallery__images picture {
		max-height: var(--viewport-height)
	}

	.gallery--rb .gallery__images .parallax-picture--lg img {
		max-height: calc(var(--viewport-height) + var(--spacing) * 2)
	}

	.gallery--rb .gallery__texts {
		margin: 0;
		position: absolute;
		bottom: 0;
		width: var(--col-6);
		height: var(--col-6)
	}

	.gallery--rb .gallery__text {
		width: calc(var(--spacing) * 2 + 250px);
		height: var(--col-6)
	}

	.gallery--rb .gallery__titles {
		position: absolute;
		padding: var(--spacing);
		left: 0;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		color: #e9e4dc;
		text-align: right
	}

	.gallery--rb .gallery__nav-count {
		right: 0
	}
}

@media only screen and (min-width:980px) {

	.gallery--rb .gallery__background,
	.gallery--rb .gallery__texts {
		top: auto;
		height: var(--col-6);
		max-height: calc(var(--spacing) * 11)
	}

	.gallery--rb .gallery__text {
		height: var(--col-6);
		max-height: calc(var(--spacing) * 11)
	}
}

@media only screen and (min-width:1200px) {
	.gallery--rb .gallery__text {
		width: calc(var(--spacing) * 2 + 300px)
	}
}

@media only screen and (min-width:1440px) {
	.gallery--rb .gallery__text {
		width: calc(var(--spacing) * 2 + 400px)
	}
}

@media only screen and (min-width:1920px) {
	.gallery--rb .gallery__image picture {
		max-height: calc(var(--spacing) * 15)
	}
}

.gallery--lt .gallery__background {
	z-index: 3;
	right: 0;
	bottom: 0;
	width: calc(var(--col-5) + 15px);
	height: calc(var(--col-7) + 5px)
}

.gallery--lt .gallery__texts {
	position: relative;
	z-index: 3;
	margin-top: calc((var(--col-2) + 10px) * -1);
	margin-left: calc(var(--col-3) - 15px)
}

.gallery--lt .gallery__text {
	padding: var(--spacing);
	width: calc(var(--col-5) + 15px);
	height: calc(var(--col-7) + 5px);
	font-weight: 500
}

.gallery--lt .gallery__buttons {
	position: absolute;
	z-index: 4;
	left: 0;
	bottom: 0;
	padding: var(--spacing)
}

.gallery--lt .gallery__nav-count {
	right: 0;
	bottom: 0;
	margin: 0;
	z-index: 3
}

.gallery--lt .gallery__image picture img {
	width: 100%
}

@media (min-aspect-ratio:13/9),
only screen and (min-width:568px) {

	.gallery--lt .gallery__background,
	.gallery--lt .gallery__text {
		height: calc(var(--spacing) * 13)
	}
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:668px) and (min-height:416px),
only screen and (min-width:980px) {

	.gallery--lt .gallery__images .parallax-picture--lg img,
	.gallery--lt .gallery__images img,
	.gallery--lt .gallery__images picture {
		max-height: var(--viewport-height)
	}

	.gallery--lt .gallery__title {
		padding-bottom: calc(var(--spacing) / 60 * 24)
	}

	.gallery--lt .gallery__text {
		width: calc(var(--col-7) + 15px);
		height: calc(var(--spacing) * 8 - 20px)
	}

	.gallery--lt .gallery__background {
		width: var(--col-9);
		height: calc(var(--spacing) * 8 - 20px)
	}

	.gallery--lt .gallery__texts {
		margin-top: calc((var(--col-2) - 20px) * -1);
		margin-left: var(--col-3)
	}
}

@media only screen and (min-width:1200px) {
	.gallery--lt .gallery__text {
		width: var(--col-6);
		height: calc(var(--col-5) + var(--spacing));
		padding-top: calc(var(--spacing) / 60 * 40);
		padding-right: var(--spacing-6)
	}

	.gallery--lt .gallery__images {
		margin: 0 0 0 var(--col-3)
	}

	.gallery--lt .gallery__background {
		width: var(--col-6);
		height: calc(var(--col-5) + var(--spacing));
		top: 0;
		left: 0
	}

	.gallery--lt .gallery__texts {
		margin-left: 0;
		margin-top: 0;
		position: absolute;
		top: 0
	}

	.gallery--lt .gallery__titles {
		position: absolute;
		padding: var(--spacing);
		left: 0;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		text-align: right;
		z-index: 1
	}
}

.location-intro {
	padding: calc(var(--spacing) * 6) 0 0 0;
	height: 100vh
}

.location-intro__inner {
	height: 100%
}

.location-intro__title {
	position: absolute;
	left: var(--spacing);
	bottom: 56.25vh;
	z-index: 1;
	margin-top: 0;
	margin-bottom: -2em
}

.location-intro__image {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100vw;
	height: 56.25vh;
	z-index: 0;
	overflow: hidden
}

.location-intro__image img {
	width: 101%;
	-o-object-fit: cover;
	object-fit: cover
}

@media (max-width:567px) and (max-aspect-ratio:13/9),
(max-width:667px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
	.location-intro__image img {
		height: 100%
	}
}

.location-intro__button {
	position: absolute;
	left: var(--spacing);
	top: calc(var(--viewport-height) - var(--spacing) * 3);
	z-index: 1
}

@media (max-width:667px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
	.location-intro {
		height: auto
	}
}

@media (min-aspect-ratio:13/9),
only screen and (min-width:568px) {
	.location-intro {
		padding: calc(var(--spacing) * 4) 0 0 0
	}

	.location-intro__text {
		top: calc(var(--spacing) * 5);
		max-width: 50vw
	}

	.location-intro__text,
	.location-intro__title {
		position: absolute;
		left: var(--spacing);
		z-index: 2
	}

	.location-intro__title {
		top: 60vh;
		bottom: auto
	}

	.location-intro__image {
		position: relative;
		bottom: auto;
		left: auto;
		width: 100%;
		height: auto;
		max-height: none
	}

	.location-intro__inner {
		height: auto;
		margin-top: 0
	}
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:668px) and (min-height:416px),
only screen and (min-width:980px) {
	.location-intro__button {
		top: calc(var(--viewport-height) - var(--spacing) * 2)
	}

	.location-intro__text {
		max-width: calc(var(--spacing) / 40 * 220)
	}

	.location-intro__title {
		top: auto;
		bottom: calc(var(--spacing) / 40 * 150);
		margin-bottom: 0
	}

	.location-intro__image {
		height: calc(var(--viewport-height) - var(--spacing) * 4)
	}
}

@media only screen and (min-width:980px) {
	.location-intro__text {
		padding-left: calc(var(--spacing) * 2);
		padding-top: 8px;
		max-width: calc(var(--spacing) / 60 * 500)
	}

	.location-intro__title {
		bottom: calc(var(--spacing) * 4)
	}

	.location-intro__button {
		top: calc(var(--spacing) * 5);
		bottom: auto;
		z-index: 3
	}
}

@media only screen and (min-width:1200px) {
	.location-intro {
		position: relative
	}

	.location-intro__title {
		bottom: calc(var(--spacing) * 1)
	}

	.location-intro__inner {
		margin-bottom: calc(var(--spacing) * -3)
	}

	.location-intro__image {
		height: calc(var(--viewport-height) - var(--spacing))
	}
}

@media only screen and (min-width:1200px) and (min-height:1000px) {
	.location-intro__title h2 {
		font-size: 24rem;
		line-height: calc(240 / 270 * 1em)
	}
}

@media only screen and (min-width:1200px) and (max-height:800px) {
	.location-intro__title h2 {
		font-size: 16rem;
		line-height: calc(240 / 270 * 1em)
	}
}

@media only screen and (min-width:1440px) {
	.location-intro__text {
		padding-left: calc(var(--spacing) * 1.5)
	}
}

@media only screen and (min-width:1200px) {
	.location-intro-spacer {
		padding-top: calc(var(--spacing) * 3)
	}
}

.location-place {
	position: relative
}

.location-place__inner {
	padding: calc(var(--spacing) * 4) 0 calc(var(--spacing) / 20 * 145)
}

.location-place__text {
	position: relative;
	padding-bottom: calc(var(--spacing) * 2);
	z-index: 2
}

.location-place__image picture {
	width: 100%;
	height: 100%
}

.location-place__image img {
	width: 100%
}

@media (max-width:567px) and (max-aspect-ratio:13/9),
(max-width:667px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
	.location-place__image--second {
		position: absolute;
		bottom: calc(100% - var(--spacing) * 2);
		left: var(--spacing);
		width: calc(var(--spacing) * 6);
		height: calc(var(--spacing) * 8)
	}
}

.location-place__logo {
	position: absolute;
	left: 50%;
	bottom: 0;
	z-index: 1;
	width: var(--spacing-3);
	height: var(--spacing-3);
	transform: translate(-50%, 50%)
}

@media (max-width:667px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
	.location-place__image--first {
		width: 75vw;
		height: 75vw
	}
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:668px) and (min-height:416px),
only screen and (min-width:980px) {
	.location-place__inner {
		padding: calc(var(--spacing) / 40 * 145) 0 calc(var(--spacing) / 40 * 220)
	}

	.location-place__text {
		position: relative;
		padding-bottom: calc(var(--spacing) / 40 * 180)
	}

	.location-place__block {
		max-width: calc(var(--spacing) * 7)
	}

	.location-place__image {
		position: absolute;
		z-index: 0
	}

	.location-place__image--first {
		top: calc(var(--spacing) * 5);
		right: var(--spacing);
		width: calc(var(--spacing) * 8);
		height: calc(var(--spacing) * 9)
	}

	.location-place__image--second {
		top: 0;
		left: 100%;
		width: calc(var(--spacing) * 4);
		height: calc(var(--spacing) * 5)
	}
}

@media only screen and (min-width:980px) {
	.location-place__inner {
		padding: calc(var(--spacing) / 60 * 240) 0 calc(var(--spacing) / 60 * 430)
	}

	.location-place__text {
		padding-bottom: calc(var(--spacing) / 60 * 120)
	}

	.location-place__image--first {
		top: calc(var(--spacing) * 2);
		width: calc(var(--spacing) * 7);
		height: calc(var(--spacing) * 8)
	}

	.location-place__image--second {
		left: calc(100% + var(--spacing) * 2)
	}

	.location-place__block {
		max-width: 100%
	}
}

@media only screen and (min-width:1920px) {
	.location-place__inner {
		padding-bottom: calc(var(--col) * 3.5)
	}

	.location-place__logo {
		width: 180px;
		height: 180px
	}

	.location-place__image--first {
		left: calc(var(--col) * 6.5);
		right: auto;
		top: calc(var(--col) * .25);
		width: calc(var(--col) * 3);
		height: calc(var(--col) * 3.5)
	}

	.location-place__image--second {
		width: calc(var(--col) * 1.5);
		height: calc(var(--col) * 2);
		left: calc(var(--col) * 2.5)
	}

	.location-place__text {
		max-width: calc(var(--col) * 4)
	}

	.location-place__second {
		max-width: calc(var(--col) * 2)
	}
}

.location-distances__image img {
	height: 100%;
	width: auto
}

.location-distances__circles {
	height: calc(510 / 360 * 100vw)
}

.location-distances__circles__circle-1,
.location-distances__circles__circle-2,
.location-distances__circles__circle-3,
.location-distances__circles__pink {
	position: absolute;
	left: 50%;
	top: 0;
	transform: translate(-50%, -50%)
}

.location-distances__circles__circle-1 svg,
.location-distances__circles__circle-2 svg,
.location-distances__circles__circle-3 svg,
.location-distances__circles__pink svg {
	width: 100%;
	height: 100%
}

.location-distances__circles__pink {
	width: calc(1020 / 360 * 100vw);
	height: calc(1020 / 360 * 100vw)
}

.location-distances__circles__circle-1 {
	width: calc(732 / 360 * 100vw);
	height: calc(732 / 360 * 100vw)
}

.location-distances__circles__circle-2 {
	width: calc(414 / 360 * 100vw);
	height: calc(414 / 360 * 100vw)
}

.location-distances__circles__circle-3 {
	width: calc(170 / 360 * 100vw);
	height: calc(170 / 360 * 100vw)
}

.location-distances__circles__place {
	position: absolute
}

.location-distances__circles__place svg {
	position: absolute;
	top: 0;
	width: 10px;
	height: 10px
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:668px) and (min-height:416px),
only screen and (min-width:980px) {
	.location-distances__circles__place svg {
		width: 15px;
		height: 15px
	}
}

@media only screen and (min-width:1200px) {
	.location-distances__circles__place svg {
		width: 20px;
		height: 20px
	}
}

@media only screen and (min-width:1920px) {
	.location-distances__circles__place svg {
		width: 30px;
		height: 30px
	}
}

.location-distances__circles__place__text {
	padding-left: var(--spacing-0-5)
}

.location-distances__circles__place__inner {
	display: flex;
	flex-direction: column
}

.location-distances__circles__place__inner__block {
	display: flex;
	align-items: flex-end;
	padding-bottom: var(--spacing)
}

.location-distances__circles__place--1 {
	text-align: left;
	padding-left: var(--spacing);
	top: calc(80 / 360 * 100vw);
	left: 50vw
}

.location-distances__circles__place--1 .location-distances__circles__place__inner {
	transform: translateY(-10px)
}

.location-distances__circles__place--1 svg {
	left: 0
}

.location-distances__circles__place--2 {
	text-align: left;
	padding-left: var(--spacing);
	top: calc(200 / 360 * 100vw);
	left: 50vw
}

.location-distances__circles__place--2 .location-distances__circles__place__inner {
	transform: translateY(-10px)
}

.location-distances__circles__place--2 svg {
	left: 0
}

.location-distances__circles__place--3 {
	text-align: left;
	padding-left: var(--spacing);
	top: calc(360 / 360 * 100vw);
	left: 50vw
}

.location-distances__circles__place--3 .location-distances__circles__place__inner {
	transform: translateY(-10px)
}

.location-distances__circles__place--3 svg {
	left: 0
}

@media (max-width:667px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
	.location-distances__circles {
		height: calc(510 / 640 * 100vw)
	}

	.location-distances__circles__pink {
		width: calc(1020 / 640 * 100vw);
		height: calc(1020 / 640 * 100vw)
	}

	.location-distances__circles__circle-1 {
		width: calc(732 / 640 * 100vw);
		height: calc(732 / 640 * 100vw)
	}

	.location-distances__circles__circle-2 {
		width: calc(414 / 640 * 100vw);
		height: calc(414 / 640 * 100vw)
	}

	.location-distances__circles__circle-3 {
		width: calc(170 / 640 * 100vw);
		height: calc(170 / 640 * 100vw)
	}

	.location-distances__circles__place--1 {
		top: calc(80 / 640 * 100vw)
	}

	.location-distances__circles__place--2 {
		top: calc(200 / 640 * 100vw)
	}

	.location-distances__circles__place--3 {
		top: calc(360 / 640 * 100vw)
	}
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:668px) and (min-height:416px),
only screen and (min-width:980px) {
	.location-distances__image {
		bottom: 0;
		left: calc(67 / 720 * 100vw);
		height: calc(var(--spacing) * 12)
	}

	.location-distances__circles {
		height: calc(870 / 720 * 100vw)
	}

	.location-distances__circles__pink {
		width: calc(1600 / 720 * 100vw);
		height: calc(1600 / 720 * 100vw)
	}

	.location-distances__circles__circle-1 {
		width: calc(941 / 720 * 100vw);
		height: calc(941 / 720 * 100vw)
	}

	.location-distances__circles__circle-2 {
		width: calc(533 / 720 * 100vw);
		height: calc(533 / 720 * 100vw)
	}

	.location-distances__circles__circle-3 {
		width: calc(330 / 720 * 100vw);
		height: calc(330 / 720 * 100vw)
	}

	.location-distances__circles__place__title {
		padding-bottom: var(--spacing-0-5)
	}

	.location-distances__circles__place__text {
		padding-left: 0;
		padding-bottom: var(--spacing-0-5)
	}

	.location-distances__circles__place__inner__block {
		flex-direction: column;
		align-items: flex-start;
		padding-bottom: 0
	}

	.location-distances__circles__place--1 {
		text-align: right;
		padding-left: 0;
		padding-right: var(--spacing);
		top: calc(135 / 720 * 100vw);
		left: auto;
		right: calc(435 / 720 * 100vw)
	}

	.location-distances__circles__place--1 .location-distances__circles__place__inner {
		transform: translateY(-10px)
	}

	.location-distances__circles__place--1 .location-distances__circles__place__inner__block {
		align-items: flex-end
	}

	.location-distances__circles__place--1 svg {
		left: auto;
		right: 0
	}

	.location-distances__circles__place--2 {
		text-align: left;
		padding-left: var(--spacing);
		top: calc(215 / 720 * 100vw);
		left: calc(495 / 720 * 100vw)
	}

	.location-distances__circles__place--2 .location-distances__circles__place__inner {
		transform: translateY(-15px)
	}

	.location-distances__circles__place--2 svg {
		left: 0
	}

	.location-distances__circles__place--3 {
		text-align: left;
		padding-left: var(--spacing);
		top: calc(463 / 720 * 100vw);
		left: calc(353 / 720 * 100vw)
	}

	.location-distances__circles__place--3 .location-distances__circles__place__inner {
		transform: translateY(-15px)
	}

	.location-distances__circles__place--3 svg {
		left: 0
	}
}

@media only screen and (min-width:1200px) {
	.location-distances__image {
		bottom: 0;
		left: calc(236 / 1440 * 100vw);
		height: calc(var(--spacing) * 11)
	}

	.location-distances__circles {
		height: calc(var(--spacing) / 60 * 1130)
	}

	.location-distances__circles__pink {
		width: calc(var(--spacing) / 60 * 2040);
		height: calc(var(--spacing) / 60 * 2040)
	}

	.location-distances__circles__circle-1 {
		width: calc(var(--spacing) / 60 * 1200);
		height: calc(var(--spacing) / 60 * 1200)
	}

	.location-distances__circles__circle-2 {
		width: calc(var(--spacing) / 60 * 680);
		height: calc(var(--spacing) / 60 * 680)
	}

	.location-distances__circles__circle-3 {
		width: calc(var(--spacing) / 60 * 420);
		height: calc(var(--spacing) / 60 * 420)
	}

	.location-distances__circles__place__text,
	.location-distances__circles__place__title {
		padding-bottom: var(--spacing-0-5)
	}

	.location-distances__circles__place__inner__block {
		flex-direction: column
	}

	.location-distances__circles__place--1 {
		text-align: right;
		padding-left: 0;
		padding-right: var(--spacing);
		top: calc(var(--spacing) / 60 * 160);
		left: auto;
		right: calc(var(--spacing) / 60 * 830)
	}

	.location-distances__circles__place--1 .location-distances__circles__place__inner {
		transform: translateY(-10px)
	}

	.location-distances__circles__place--1 svg {
		left: auto;
		right: 0
	}

	.location-distances__circles__place--2 {
		text-align: left;
		padding-left: var(--spacing);
		top: calc(var(--spacing) / 60 * 265);
		left: calc(var(--spacing) / 60 * 910)
	}

	.location-distances__circles__place--2 .location-distances__circles__place__inner {
		transform: translateY(-30px)
	}

	.location-distances__circles__place--2 svg {
		left: 0
	}

	.location-distances__circles__place--3 {
		text-align: left;
		padding-left: var(--spacing);
		top: calc(var(--spacing) / 60 * 590);
		left: calc(var(--spacing) / 60 * 710)
	}

	.location-distances__circles__place--3 .location-distances__circles__place__inner {
		transform: translateY(-30px)
	}

	.location-distances__circles__place--3 svg {
		left: 0
	}
}

@media only screen and (min-width:1920px) {
	.location-distances__image {
		left: calc(236 / 1440 * 75vw);
		height: calc(660 / 1440 * 75vw)
	}

	.location-distances__circles {
		height: calc(1020 / 1440 * 75vw)
	}

	.location-distances__circles__pink {
		width: calc(2040 / 1440 * 75vw);
		height: calc(2040 / 1440 * 75vw)
	}

	.location-distances__circles__circle-1 {
		width: calc(1200 / 1440 * 75vw);
		height: calc(1200 / 1440 * 75vw)
	}

	.location-distances__circles__circle-2 {
		width: calc(680 / 1440 * 75vw);
		height: calc(680 / 1440 * 75vw)
	}

	.location-distances__circles__circle-3 {
		width: calc(420 / 1440 * 75vw);
		height: calc(420 / 1440 * 75vw)
	}

	.location-distances__circles__place__text,
	.location-distances__circles__place__title {
		padding-bottom: var(--spacing-0-5)
	}

	.location-distances__circles__place__inner__block {
		flex-direction: column
	}

	.location-distances__circles__place--1 {
		text-align: right;
		padding-left: 0;
		padding-right: var(--spacing);
		top: calc(160 / 1440 * 75vw);
		left: auto;
		right: calc(800 / 1440 * 100vw)
	}

	.location-distances__circles__place--1 .location-distances__circles__place__inner {
		transform: translateY(-10px)
	}

	.location-distances__circles__place--1 svg {
		left: auto;
		right: 0
	}

	.location-distances__circles__place--2 {
		text-align: left;
		padding-left: var(--spacing);
		top: calc(265 / 1440 * 75vw);
		left: calc(855 / 1440 * 100vw)
	}

	.location-distances__circles__place--2 .location-distances__circles__place__inner {
		transform: translateY(-30px)
	}

	.location-distances__circles__place--2 svg {
		left: 0
	}

	.location-distances__circles__place--3 {
		text-align: left;
		padding-left: var(--spacing);
		top: calc(590 / 1440 * 75vw);
		left: calc(710 / 1440 * 100vw)
	}

	.location-distances__circles__place--3 .location-distances__circles__place__inner {
		transform: translateY(-30px)
	}

	.location-distances__circles__place--3 svg {
		left: 0
	}
}

.location-distances__auto {
	position: relative;
	    margin-top: 150px;

}

.location-distances__auto__list {
	position: absolute;
	left: var(--spacing);
	width: 100%;
	top: 0;
	height: 100%
}

.location-distances__auto__list:before {
	position: absolute;
	content: "";
	z-index: 0;
	top: 50%;
	left: 0;
	right: 0;
	height: 1px;
	background-color: #cec9c1
}

.location-distances__auto__item {
	position: absolute;
	top: calc(50% - 5px)
}
.location-distances__auto__item:first-child svg{
    left: 0px; 
}

.location-distances__auto__item svg {
    width: 10px;
    height: 10px;
    position: absolute;
    top: 0px;
    left: 30px;
}


.location-distances__auto__item--1 {
	left: 0
}

.location-distances__auto__item--2 {
	left: calc(70 / 360 * 100vw)
}

.location-distances__auto__item--3 {
	left: calc(175 / 360 * 100vw)
}

.location-distances__auto__item--4 {
	left: calc(280 / 360 * 100vw)
}

.location-distances__auto__item__top {
	position: absolute;
	left: 0;
	top: calc(var(--spacing) * -1 - 20px);
	transform: translateY(-100%);
	display: flex;
	align-items: flex-start
}

.location-distances__auto__item__title {
	margin-bottom: calc(var(--spacing) * .5)
}
.location-distances__auto__item__title {
    margin-bottom: 0;
    margin-right: calc(var(--spacing) / 60 * 20);
    font-size: 80px;
    
    color: #565440;
}



.location-distances__auto__item__text {
	white-space: nowrap
}

.location-distances__auto__item__bottom {
	
	left: 0;
	bottom: calc(var(--spacing) * -1 - 12px);
	transform: translateY(100%);
	width: calc(var(--spacing) * 3)
}

.location-distances__auto__image {
	width: calc(var(--col) * 2.7);
	z-index: 1;
	position: relative
}

.location-distances__auto__image img {
	
	height: auto
}

@media (max-width:667px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
	.location-distances__auto {
		margin-top: calc(var(--spacing) * 6)
	}
	

	
}


@media only screen and (min-width:1200px) {


	.location-distances__auto__item {
		top: calc(50% - 14px)
	}

	.location-distances__auto__item svg {
		width: 20px;
		height: 20px
	}

	.location-distances__auto__item--1 {
		left: -10px
	}

	.location-distances__auto__item--2 {
		left: calc(360 / 1440 * 100vw)
	}

	/*.location-distances__auto__item--3 {*/
	/*	left: calc(880 / 1440 * 100vw)*/
	/*}*/

	.location-distances__auto__item--4 {
		left: calc(1120 / 1440 * 100vw)
	}

	.location-distances__auto__item__title {
		margin-right: calc(var(--spacing) / 60 * 20)
	}

	.location-distances__auto__item__bottom {
		bottom: calc(var(--spacing) * -1 - 20px);
		width: calc(var(--spacing) * 3.5)
	}

	.location-distances__auto__image {
		margin-left: 0;
		width: calc(var(--col) * 3)
	}
}

@media only screen and (min-width:1920px) {
	.location-distances__auto__image {
		width: 500px
	}
}

.location-views {
	position: relative;
	padding: calc(var(--spacing) * 2) 0 0 0
}

@media only screen and (min-width:1200px) {
	.location-views {
		padding: calc(var(--spacing) / 60 * 130) 0 0 0
	}
}

@media only screen and (min-width:1920px) {
	.location-views {
		padding: calc(var(--spacing) * .5) 0 0 0
	}
}

.gallery--location {
	height: calc(520 / 360 * 100vw);
	overflow: hidden
}

.gallery--location .gallery__images picture {
	height: calc(280 / 360 * 100vw)
}

.gallery--location .gallery__images img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.gallery--location .gallery__background {
	z-index: 3;
	right: 0;
	bottom: 0;
	width: calc(240 / 360 * 100vw);
	height: calc(280 / 360 * 100vw)
}

.gallery--location .gallery__texts {
	position: relative;
	z-index: 3;
	margin-top: calc(40 / 360 * 100vw * -1);
	margin-left: calc(120 / 360 * 100vw);
	width: calc(240 / 360 * 100vw);
	height: calc(280 / 360 * 100vw)
}

.gallery--location .gallery__text {
	padding: var(--spacing)
}

.gallery--location .gallery__buttons {
	position: absolute;
	z-index: 4;
	left: 0;
	bottom: 0;
	padding: var(--spacing)
}

.gallery--location .gallery__nav-count {
	right: 0;
	bottom: 0
}

@media (max-width:667px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {

	.gallery--location,
	.gallery--location .gallery__images picture {
		max-height: var(--viewport-height)
	}

	.gallery--location .gallery__background {
		width: 50vw;
		height: 75vh
	}

	.gallery--location .gallery__texts {
		margin-top: -75vh;
		margin-left: 50vw;
		width: 50vw;
		height: 75vh
	}
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:668px) and (min-height:416px),
only screen and (min-width:980px) {
	.gallery--location {
		height: calc(var(--spacing) / 40 * 680)
	}

	.gallery--location .gallery__background {
		position: absolute;
		height: calc(var(--spacing) / 40 * 300);
		width: var(--col-9)
	}

	.gallery--location .gallery__images {
		margin: 0
	}

	.gallery--location .gallery__images picture {
		height: calc(var(--spacing) * 12)
	}

	.gallery--location .gallery__images img {
		height: calc(100% + var(--spacing) * 2)
	}

	.gallery--location .gallery__texts {
		right: 0;
		bottom: 0;
		height: calc(var(--spacing) / 40 * 300);
		width: var(--col-9);
		margin-top: calc(var(--spacing) / 40 * -100);
		margin-left: var(--col-3)
	}

	.gallery--location .gallery__text {
		width: var(--col-5);
		height: calc(var(--spacing) / 40 * 300)
	}
}

@media only screen and (min-width:1200px) {
	.gallery--location {
		background-color: #565440;
		height: calc(var(--spacing) / 60 * 780)
	}

	.gallery--location .gallery__background,
	.gallery--location .gallery__texts {
		position: absolute;
		width: calc(var(--spacing) * 8);
		height: calc(var(--spacing) * 10);
		margin: 0;
		right: 0;
		top: -2px;
		bottom: auto;
		left: auto
	}

	.gallery--location .gallery__text {
		width: calc(var(--spacing) * 8)
	}

	.gallery--location .gallery__titles {
		z-index: 1
	}

	.gallery--location .gallery__images {
		margin: 0;
		width: var(--col-9)
	}

	.gallery--location .gallery__images picture {
		height: calc(var(--spacing) * 13)
	}
}

@media only screen and (min-width:1440px) {

	.gallery--location .gallery__background,
	.gallery--location .gallery__text,
	.gallery--location .gallery__texts {
		width: var(--col-4)
	}
}

.location-parks {
	position: relative
}

.location-parks.section:not(:first-child) {
	margin-top: -2px
}

.location-parks__text {
	padding: calc(var(--spacing) / 20 * 85) 0 calc(var(--spacing) / 20 * 60) var(--spacing)
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:668px) and (min-height:416px),
only screen and (min-width:980px) {
	.location-parks__text {
		padding: var(--spacing-3) 0
	}
}

@media only screen and (min-width:1440px) {
	.location-parks__text {
		max-width: calc(var(--col) * 5)
	}
}

.has-scroll-smooth .location-parks__text {
	padding-bottom: calc(400 / 900 * 100vh)
}

.location-parks-section {
	z-index: 1;
	position: relative
}

.location-parks-section:before {
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	bottom: -2px;
	height: 4px;
	z-index: 0;
	background-color: #565440
}

.location-parks-scroll {
	overflow: hidden;
	position: relative;
	left: 0;
	width: 100vw;
	flex: 0 0 100vw
}

.location-parks-scroll__wrapper {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-top: 75px
}

.location-parks-scroll__outline,
.location-parks-scroll__title {
	position: absolute;
	left: 0;
	top: 0;
	width: 100vw;
	pointer-events: none
}

.location-parks-scroll__outline img,
.location-parks-scroll__title img {
	width: 100%;
	transform: none !important
}

@media (max-width:567px) and (max-aspect-ratio:13/9),
(max-width:667px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
	.location-parks-scroll__title {
		z-index: 4
	}
}

@media (min-aspect-ratio:13/9),
only screen and (min-width:568px) {

	.location-parks-scroll__outline,
	.location-parks-scroll__title {
		left: var(--col-2);
		width: calc(100vw - var(--col-2))
	}
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:668px) and (min-height:416px),
only screen and (min-width:980px) {
	.location-parks-scroll {
		margin-top: 0
	}

	.location-parks-scroll__wrapper {
		padding-top: 120px
	}

	.location-parks-scroll__sticky {
		position: relative
	}

	.location-parks-scroll__outline,
	.location-parks-scroll__title {
		left: var(--col-3);
		width: calc(100vw - var(--col-3))
	}

	.location-parks-scroll__outline {
		z-index: 4
	}
}

@media only screen and (min-width:1440px) {
	.location-parks-scroll__wrapper {
		padding-top: calc(50vh - 290px)
	}
}

.has-scroll-smooth .location-parks-scroll {
	overflow: visible
}

.has-scroll-smooth .location-parks-scroll__wrapper {
	padding-top: 0;
	z-index: 1;
	position: relative;
	height: 100vh;
	height: var(--viewport-height)
}

.has-scroll-smooth .location-parks-scroll__wrapper:before {
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	bottom: -2px;
	height: 50vh;
	z-index: 0;
	background-color: #565440
}

.has-scroll-smooth .location-parks-scroll__outline,
.has-scroll-smooth .location-parks-scroll__title {
	top: calc(50vh - var(--spacing) * 5 - 110 / 540 * 75vw)
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:668px) and (min-height:416px),
only screen and (min-width:980px) {
	.has-scroll-smooth .location-parks-scroll {
		margin-top: 0;
		margin-bottom: 65px
	}

	.has-scroll-smooth .location-parks-scroll__wrapper {
		padding-top: calc(50vh - 230px)
	}
}

@media only screen and (min-width:1440px) {
	.has-scroll-smooth .location-parks-scroll {
		margin-top: 0;
		margin-bottom: 85px
	}

	.has-scroll-smooth .location-parks-scroll__wrapper {
		padding-top: calc(50vh - 290px)
	}
}

.no-hover .location-parks-list {
	display: flex;
	flex-wrap: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
	-ms-overflow-style: none;
	scrollbar-width: none
}

.no-hover .location-parks-list::-webkit-scrollbar {
	display: none
}

.no-hover .location-parks-list .location-parks-list__item+.location-parks-list__item {
	margin-left: var(--spacing)
}

.no-hover .location-parks-scroll__wrapper:before {
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	bottom: -2px;
	z-index: 0;
	height: calc(130 / 360 * 100vw);
	background-color: #565440
}

@media (max-width:667px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
	.no-hover .location-parks-scroll__wrapper:before {
		max-height: calc(var(--viewport-height) * .5)
	}
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:668px) and (min-height:416px),
only screen and (min-width:980px) {
	.no-hover .location-parks-scroll__wrapper:before {
		height: calc(var(--spacing) / 40 * 240)
	}
}

@media only screen and (min-width:1440px) {
	.no-hover .location-parks-scroll__wrapper:before {
		height: calc(var(--spacing) / 60 * 360)
	}
}

.has-scroll-smooth .location-parks-list {
	display: flex;
	align-items: center;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: visible
}

.has-scroll-smooth .location-parks-list .location-parks-list__item+.location-parks-list__item {
	margin-left: var(--spacing)
}

.location-parks-item {
	position: relative;
	height: calc(var(--spacing) / 20 * 300);
	min-width: calc(240 / 360 * 100vw)
}

.location-parks-item:before {
	left: calc(var(--spacing) * -1);
	width: calc((240 / 360 * 100vw) / 2 - 50px + var(--spacing))
}

.location-parks-item:after,
.location-parks-item:before {
	position: absolute;
	content: "";
	top: 50%;
	transform: translateY(-50%);
	height: 1px;
	background-color: rgba(233, 228, 220, .3);
	z-index: 3
}

.location-parks-item:after {
	right: 0;
	left: calc((240 / 360 * 100vw) / 2 + 50px)
}

.location-parks-item a {
	display: block
}

.location-parks-item img {
	display: block;
	width: 111%;
	height: calc(100% + 2px)
}

.location-parks-item__image {
	position: relative;
	height: 100%;
	transition-duration: .6s;
	transition-property: transform;
	transform: scale(1)
}

.location-parks-item__image picture {
	height: 100%
}

.location-parks-item__center {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%)
}

.location-parks-item__center__sub {
	position: absolute;
	left: 50%;
	right: 0;
	transform: translateX(-50%);
	bottom: calc(100% + var(--spacing) / 20 * 25);
	text-align: center;
	width: var(--spacing-3)
}

.location-parks-item__text {
	position: absolute;
	z-index: 1;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: var(--spacing-2)
}

.location-parks-item__text p {
	max-width: 160px
}

@media (max-width:667px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
	.location-parks-item {
		min-width: var(--viewport-height);
		max-width: var(--viewport-height);
		max-height: var(--viewport-height)
	}

	.location-parks-item:before {
		width: calc(var(--viewport-height) / 2 - 50px + var(--spacing))
	}

	.location-parks-item:after {
		left: calc(var(--viewport-height) / 2 + 50px)
	}
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:668px) and (min-height:416px),
only screen and (min-width:980px) {
	.location-parks-item {
		height: calc(var(--spacing) / 40 * 300);
		min-width: calc(var(--spacing) / 40 * 240);
		max-width: auto;
		max-height: auto
	}

	.location-parks-item:before {
		width: calc((var(--spacing) / 40 * 240) / 2 - 50px + var(--spacing))
	}

	.location-parks-item:after {
		left: calc((var(--spacing) / 40 * 240) / 2 + 50px)
	}

	.location-parks-item__text {
		padding: var(--spacing)
	}

	.location-parks-item__center__sub {
		bottom: calc(100% + var(--spacing) / 60 * 40)
	}
}

@media only screen and (min-width:1200px) {
	.location-parks-item {
		height: calc(var(--spacing) / 60 * 600);
		min-width: calc(var(--spacing) / 60 * 480)
	}

	.location-parks-item:before {
		width: calc((var(--spacing) / 60 * 480) / 2 - 90px + var(--spacing))
	}

	.location-parks-item:after {
		left: calc((var(--spacing) / 60 * 480) / 2 + 90px)
	}

	.location-parks-item__center {
		padding-bottom: 20px
	}
}

.location-parks-item__link {
	display: block;
	overflow: hidden;
	height: 100%
}

.has-scroll-smooth .location-parks-item img {
	display: block;
	width: 112%
}

.location-around {
	position: relative;
	padding: calc(var(--spacing) * 4) 0 0 0;
	z-index: 1
}

@media only screen and (min-width:1200px) {
	.location-around {
		padding: calc(var(--spacing) * 5) 0 0 0
	}
}

.location-around__tabs__nav {
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-end
}

.location-around__tabs__nav .btn+.btn {
	margin-left: 10px
}

.location-around__tabs__content {
	height: 75vh
}

@media (max-width:667px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
	.location-around__tabs__content {
		height: 120vh
	}
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:668px) and (min-height:416px),
only screen and (min-width:980px) {
	.location-around__tabs__content {
		height: calc(var(--spacing) * 14);
		max-height: 90vh;
		max-height: calc(var(--viewport-height-actual) * .9)
	}
}

.location-around__panorama,
.location-around__panorama iframe {
	width: 100%;
	height: 100%
}

.location-around__map {
	position: relative;
	overflow: hidden
}

.location-around__map__filters {
	display: flex;
	flex-direction: column;
	min-width: calc(var(--spacing) * 6);
	max-width: 360px;
	transform: translateY(calc(100% - var(--spacing) * 2 - 10px));
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 0 var(--spacing) var(--spacing);
	transition-property: transform;
	transition-duration: .6s
}

@media only screen and (min-width:1440px) {
	.location-around__map__filters {
		transform: translateY(calc(100% - 130px));
		padding: 0 60px 60px
	}
}

.location-around__map__filters__button {
	height: calc(var(--spacing) * 2 + 10px);
	max-height: 130px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer
}

.location-around__map__filters__button .icon.icon-btn-angle-up {
	transition-property: transform;
	transition-duration: .6s
}

.location-around__map__input:checked~.location-around__map__filters {
	transform: translateY(0)
}

.location-around__map__input:checked~.location-around__map__filters .icon.icon-btn-angle-up {
	transform: rotate(-180deg)
}

.location-visit {
	padding: calc(var(--spacing) * 3 + 20 / 360 * 100vw) 0 0 0
}

.location-visit .clip-box__content--bottom,
.location-visit .clip-box__content--top {
	margin-top: calc(-20 / 360 * 100vw)
}

.location-visit__gallery {
	padding-top: calc(var(--spacing) / 20 * 100)
}

.location-visit__gallery .gallery {
	pointer-events: all
}

@media (min-aspect-ratio:13/9),
only screen and (min-width:568px) {
	.location-visit__gallery {
		padding-top: calc(var(--spacing) / 15 * 100)
	}
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:668px) and (min-height:416px),
only screen and (min-width:980px) {
	.location-visit {
		padding: calc(var(--spacing) * 4.1) 0 0 0
	}

	.location-visit .clip-box__content--bottom,
	.location-visit .clip-box__content--top {
		margin-left: -.8em;
		margin-top: 0
	}

	.location-visit__gallery {
		padding-top: calc(var(--spacing) * 3)
	}
}

@media only screen and (min-width:1200px) {
	.location-visit__gallery {
		padding-top: calc(var(--spacing) * 3.5)
	}
}

.location-visit .gallery--visit {
	height: calc(100vw + var(--spacing) / 20 * 270);
	overflow: hidden
}

.location-visit .gallery--visit .gallery__background,
.location-visit .gallery--visit .gallery__texts {
	position: absolute;
	left: 0;
	top: 0;
	width: 100vw;
	height: calc(var(--spacing) / 20 * 210)
}

.location-visit .gallery--visit .gallery__images {
	margin: 0;
	position: absolute;
	bottom: 0
}

.location-visit .gallery--visit .gallery__texts {
	padding: var(--spacing)
}

.location-visit .gallery--visit .gallery__texts__wrapper {
	overflow: visible
}

.location-visit .gallery--visit .gallery__text__inner>p {
	max-width: calc(280 / 360 * 100vw)
}

.location-visit .gallery--visit .gallery__buttons {
	position: absolute;
	z-index: 4;
	left: 0;
	bottom: 100vw;
	padding: var(--spacing)
}


@media (max-width: 768px) {

	location-distances__auto__item--1 {
		left: -10px
	}

	.location-distances__auto {
    position: relative;
    margin-top: 70px;
}

	.location-distances__auto__item--2 {
		left: calc(200 / 1440 * 100vw)
	}

	.location-distances__auto__item--3 {
	left: calc(150 / 360 * 100vw)
}


	.location-distances__auto__item--4 {
		left: calc(920 / 1440 * 100vw)
	}

.location-distances__auto__item__title {
  
    margin-right: calc(var(--spacing) / 60* 20);
    font-size:30px;
    color: #565440;
}

.location-distances__auto__item__bottom {
    left: 0;
    bottom: calc(var(--spacing)* -1 - 12px);
    transform: translateY(100%);
    width: 80px;
}

}