.travel-scene{
	display: none;
	--scene-width: 2010px;
	--scene-height: 1080px;
	--visible-main-width: 1920px;
	--scene-scale: 1;
	--viewport-width: 1920px;
	--viewport-height: 1080px;
	width: 100%;
	height: auto;
	overflow: hidden;
	background: linear-gradient(180deg, #3785bf 0%, #5ea6d5 50%, #98bbcf 100%);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.travel-scene *{
	transition: none !important;
}
.travel-scene__static{
	display: block;
}
.travel-scene__static img{
	display: block;
	width: 100%;
	height: auto;
}
.travel-scene__parallax{
	display: none;
	position: relative;
	width: 100%;
	height: 100dvh;
	overflow: hidden;
	background: linear-gradient(180deg, #3785bf 0%, #5ea6d5 50%, #98bbcf 100%);
}
.travel-scene__viewport{
	position: absolute;
	bottom: 0;
	left: 50%;
	width: var(--viewport-width);
	height: var(--viewport-height);
	overflow: visible;
	transform: translateX(-50%);
	z-index: 4;
}
.travel-scene__scale{
	position: absolute;
	bottom: 0;
	left: 0;
	width: var(--scene-width);
	height: var(--scene-height);
	transform-origin: bottom left;
	transform: scale(var(--scene-scale));
}
.travel-scene__world{
	position: relative;
	width: var(--scene-width);
	height: var(--scene-height);
}
.travel-scene__sea-bg{
	background: linear-gradient(to bottom, #98bbcf 0%, #8db7d0 38%, #1e8cb4 100%);
	width: 100%;
	height: 6px;
	position: absolute;
	bottom: calc(77px * var(--scene-scale));
	left: 0;
	z-index: 4;
}
.travel-scene__sea-video{
	position: absolute;
	bottom: 0;
	width: 33%;
	height: calc(78px * var(--scene-scale));
	object-fit: cover;
	pointer-events: none;
	z-index: 1;
}
.travel-scene__sea-video--left{
	left: 0;
	transform: scaleX(-1);
}
.travel-scene__sea-video--right{
	right: 0;
}
.travel-cloud{
	position: absolute;
	left: 0;
	top: 0;
	width: 760px;
	height: 520px;
	display: none;
	pointer-events: none;
	z-index: 2;
	will-change: transform;
}
.travel-layer,
.travel-fx{
	position: absolute;
	display: block;
	max-width: none;
	pointer-events: none;
	user-select: none;
}
.travel-layer{
	will-change: transform;
}
.travel-fx{
	left: 0;
	top: 0;
	width: 2010px;
	height: 1080px;
}
.travel-fx--deep{
	z-index: 13;
}
.travel-fx--mid{
	z-index: 15;
}
.travel-fx--high{
	z-index: 16;
}
.travel-layer--city_3{
	left: 1793px;
	top: 905px;
	width: 115px;
	height: 51px;
	z-index: 11;
}
.travel-layer--city_2{
	left: 1516px;
	top: 659px;
	width: 494px;
	height: 457px;
	z-index: 12;
}
.travel-layer--city_1{
	left: 1516px;
	top: 928px;
	width: 494px;
	height: 132px;
	z-index: 13;
}
.travel-layer--castle{
	left: 721px;
	top: 530px;
	width: 805px;
	height: 508px;
	z-index: 14;
}
.travel-layer--statue{
	left: 503px;
	top: 84px;
	width: 319px;
	height: 867px;
	z-index: 15;
}
.travel-layer--oriental_pearl{
	left: 1378px;
	top: 136px;
	width: 210px;
	height: 861px;
	z-index: 16;
}
.travel-layer--big_ben{
	left: 256px;
	top: 104px;
	width: 187px;
	height: 959px;
	z-index: 17;
}
.travel-layer--tree_wall{
	left: 22px;
	top: 884px;
	width: 488px;
	height: 196px;
	z-index: 18;
}
.travel-layer--houses{
	left: 390px;
	top: 640px;
	width: 818px;
	height: 465px;
	z-index: 19;
}
.travel-layer--house{
	left: 390px;
	top: 779px;
	width: 102px;
	height: 276px;
	z-index: 16;
}
.travel-layer--opera{
	left: 1078px;
	top: 803px;
	width: 653px;
	height: 277px;
	z-index: 20;
}
@media (min-width: 1200px){
	.travel-scene{
		display: block;
	}
	.travel-scene__static{
		display: none;
	}
	.travel-scene__parallax{
		display: block;
	}
}