/*	Custom Fonts
-------------------------------------*/
	@font-face {
		font-family: 'iCiel DomaineDisplay';
		font-style: normal;
		font-weight: 400;
		src: url('../../fonts/TUV-Domaine-Regular.eot');
		src: url('../../fonts/TUV-Domaine-Regular.eot?#iefix') format('embedded-opentype'), url('../../fonts/TUV-Domaine-Regular.woff2') format('woff2'), url('../../fonts/TUV-Domaine-Regular.woff') format('woff'), url('../../fonts/TUV-Domaine-Regular.ttf')  format('truetype');
	}
	@font-face {
		font-family: 'iCiel DomaineDisplay';
		font-style: normal;
		font-weight: bold;
		src: url('../../fonts/iCielDomaineDisplay-Bold.eot');
		src: url('../../fonts/iCielDomaineDisplay-Bold.eot?#iefix') format('embedded-opentype'), url('../../fonts/iCielDomaineDisplay-Bold.woff2') format('woff2'), url('../../fonts/iCielDomaineDisplay-Bold.woff') format('woff'), url('../../fonts/iCielDomaineDisplay-Bold.ttf')  format('truetype');
	}
	@font-face {
		font-family: 'RosellindaAlyamore';
		font-style: normal;
		font-weight: 400;
		src: url('../../fonts/SVN-Rosellinda-Alyamore.eot');
		src: url('../../fonts/SVN-Rosellinda-Alyamore.eot?#iefix') format('embedded-opentype'), url('../../fonts/SVN-Rosellinda-Alyamore.woff2') format('woff2'), url('../../fonts/SVN-Rosellinda-Alyamore.woff') format('woff'), url('../../fonts/SVN-Rosellinda-Alyamore.ttf')  format('truetype');
	}
	@font-face {
		font-family: 'RosellindaAlyamore';
		font-style: normal;
		font-weight: 400;
		src: url('../../fonts/SVN-Rosellinda-Alyamore.eot');
		src: url('../../fonts/SVN-Rosellinda-Alyamore.eot?#iefix') format('embedded-opentype'), url('../../fonts/SVN-Rosellinda-Alyamore.woff2') format('woff2'), url('../../fonts/SVN-Rosellinda-Alyamore.woff') format('woff'), url('../../fonts/SVN-Rosellinda-Alyamore.ttf')  format('truetype');
	}
	@font-face {
		font-family: 'Gilroy';
		font-style: normal;
		font-weight: 400;
		src: url('../../fonts/SVN-Gilroy-Regular.eot');
		src: url('../../fonts/SVN-Gilroy-Regular.eot?#iefix') format('embedded-opentype'), url('../../fonts/SVN-Gilroy-Regular.woff2') format('woff2'), url('../../fonts/SVN-Gilroy-Regular.woff') format('woff'), url('../../fonts/SVN-Gilroy-Regular.ttf')  format('truetype');
	}
	@font-face {
		font-family: 'Gilroy';
		font-style: normal;
		font-weight: 600;
		src: url('../../fonts/SVN-Gilroy-Medium.eot');
		src: url('../../fonts/SVN-Gilroy-Medium.eot?#iefix') format('embedded-opentype'), url('../../fonts/SVN-Gilroy-Medium.woff2') format('woff2'), url('../../fonts/SVN-Gilroy-Medium.woff') format('woff'), url('../../fonts/SVN-Gilroy-Medium.ttf')  format('truetype');
	}
	@font-face {
		font-family: 'Gilroy';
		font-style: normal;
		font-weight: 800;
		src: url('../../fonts/SVN-Gilroy-SemiBold.eot');
		src: url('../../fonts/SVN-Gilroy-SemiBold.eot?#iefix') format('embedded-opentype'), url('../../fonts/SVN-Gilroy-SemiBold.woff2') format('woff2'), url('../../fonts/SVN-Gilroy-SemiBold.woff') format('woff'), url('../../fonts/SVN-Gilroy-SemiBold.ttf')  format('truetype');
	}


/*	Root
-------------------------------------*/
:root {
	--text-color: #2C2C2C;
	--main-font: 'Gilroy', serif;
	--header-font: 'iCiel DomaineDisplay', serif;
	--styled-font: 'RosellindaAlyamore', serif;
	--main-color: #CAB585;
	--sub-color: #0C5550;
	--sub-color-2: #FDFACF;
	--white-color: #FFF;
	--background-color: #0B3232;
	--background-color-2: #013d37;
	--border-color: #C2C2C2;
	--gradient-background-text-1: linear-gradient(to bottom, #FBE8B5, #C3A57F);
	--gradient-background-text-2: linear-gradient(to bottom, #EBD09D, #D19F59);
	--gradient-background-2: linear-gradient(to right, #0B3232, #0C5550);
	--gradient-background-3: linear-gradient(to right, 
		rgba(202, 181, 133, 0) 0%,
		rgba(202, 181, 133, 1) 50%,
		rgba(202, 181, 133, 0) 100%
	);
}
/*	1.0 - Reset
-------------------------------------*/
	* {
		-webkit-box-sizing: border-box;
		-moz-box-sizing:	border-box;
		box-sizing:		border-box;
	}	

	html {
		font-size: 15px;
	}

	@media(min-width: 1024px){
		html {
			font-size: 18px;
		}
	}

	button,
	input,
	select,
	textarea {
		font-size: 1em;
		line-height: 1.35;
		color: var(--text-color);
		font-weight: 400;
		border: 1px solid var(--border-color);
		font-family: var(--main-font);
	}

	body {
		font-family: var(--main-font);
		font-size: 1em;
		line-height: 1.222;
		padding: 0;
		margin: 0;
	}

	body.cover {
		position: sticky;
		overflow: hidden;
	}

	a {
		text-decoration: none;
		color: var(--background-color);
		cursor: pointer;
		-webkit-transition: color .5s ease;
		-moz-transition: color .5s ease;
		-o-transition: color .5s ease;
		transition: color .5s ease;
	}

	a:hover,
	a:active {
		color: var(--main-color);
		transition-duration: 0s;
	}

	p {
		display: block;
		margin-block-start: 0px;
		margin-block-end: .5em;
		margin-inline-start: 0px;
		margin-inline-end: 0px;
	}

	h1,
	h2,
	h3,
	h4,
	h5 {
		line-height: 1.35;
		font-weight: 600;
		font-family: var(--header-font);
	}
	
	h1 {
		font-size: 2.5em;
		margin: 1.2em 0 1em 0;
		text-transform: capitalize;
	}
	h2 {
		font-size: 2em;
		margin: 1em 0 .8em 0;
		text-transform: capitalize;
	}
	h3 {
		font-size: 1.86em;
		margin: 0.8em 0;
	}
	h4 {
		font-size: 1.3em;
		margin: 0.5em 0;
	}
	h5 {
		font-size: 1em;
	}
	b,
	strong {
		font-weight: 600;
	}
	li {
		margin: 0;
		padding: 0 0 .5em;
	}
	menu, ol, ul {
		margin: 0 0 0 1em;
		padding: 0;
		list-style-type: disc;
	}
	nav ul,
	nav ol,
	footer ul {
		list-style: none;
		list-style-image: none;
		margin-left: 0;
	}

	li > ul,
	li > ol {
		margin: 0;
	}

	picture {
		display: block;
		width: 100%;
		height: 100%;
	}

	img {
		border: 0;
		max-width: 100%;
		height: auto;
	}

	div {
		display: block;
	}

	section {
		display: block;
		width: 100%;
		max-width: 100%;
		position: relative;
	}


	button,
	input,
	select,
	textarea {
		font-size: 100%;
		margin: 0;
		max-width: 100%;
		vertical-align: baseline;
		padding: 0.6em 1.7em 0.55em;
	}
	button,
	html input[type="button"],
	input[type="reset"],
	input[type="submit"] {
		-webkit-appearance: button;
		cursor: pointer;
		background: var(--background-color);
		color: var(--border-color2);
		text-transform: capitalize;
		transition: all .5s;
	}
	button:hover,
	html input[type="button"]:hover,
	input[type="reset"]:hover,
	input[type="submit"]:hover {
		background: var(--background-color-1);
		color: var(--white-color);
		transition: all .2s;
	}
	button[disabled],
	input[disabled] {
	}
	input[type="checkbox"],
	input[type="radio"] {
		padding: 0;
		-webkit-appearance: auto;
	}
	button {
		border: none;
		display: inline-block;
		text-decoration: none;
		outline: none;
	}
	embed,
	iframe,
	object,
	video {
		max-width: 100%;
	}
	address {
		font-style: normal;
	}
	input,
	textarea, 
	select {
		outline: none;
		-webkit-appearance: none;
	}
	input[type="search"] {
	}
	input[type="search"]::-webkit-search-decoration {
		-webkit-appearance: none;
	}
	button::-moz-focus-inner,
	input::-moz-focus-inner {
		border: 0;
		padding: 0;
	}
	::-webkit-input-placeholder {
		color: var(--text-color);
		opacity: .96;
	}
	::active,
	::selection,
	*:active,
	*:focus, 
	*:focus-within,
	*:hover,
	*:visited {
		border: unset;
		shape-outside: unset;
		outline: unset;
		background: unset;
		background-color: unset;
	}
	textarea {
		overflow: auto;
		vertical-align: top;
	}
	table {
		border-collapse: collapse;
		border-spacing: 0;
		margin: 0 0 1em;
		width: 100%;
		max-width: 100%;
	}
	tr {
		border: 1px solid var(--border-color);
	}
	td {
		font-weight: normal;
		text-align: left;
		padding: .5em;
		border: 1px solid var(--border-color);
	}
	figure {
		display: block;
		margin-block-start: 1em;
		margin-block-end: 1em;
		margin-inline-start: 2em;
		margin-inline-end: 2em;
	}	
/*		1.1 - Animate
-------------------------------------*/
	@-webkit-keyframes fadeLeft {
		0% {
			width: 0%;
			opacity: 0;
		}
		to {
			width: 100%;
			opacity: 1;
		}
	}

	.fadeLeft {
		-webkit-animation-name: fadeLeft;
		-moz-animation: fadeLeft;
		animation-name: fadeLeft
	}
	
	@keyframes raisingUp {
		from {
			transform: translateY(2em);
		}
		to {
			transform: translateY(0);
		}
	}

	.raising-up {
		margin-top: -2em;
		transform: translateY(2em);
	}

	.aos-animate .raising-up {
		animation: raisingUp 8s ease-out forwards;
	}

	@keyframes raisingBig {
		0% {
			transform: scale(1);
			opacity: 1;
		}
		90% {
			transform: scale(1.045);
			opacity: 1;
		}
		100% {
			transform: scale(1.05);
			opacity: 0;
		}
	}

	.aos-animate .raising-big {
		animation: raisingBig 10s ease-out infinite;
	}
	
	.diagonal-fade-up {
		width: 400px;
		height: auto;
		opacity: 0;
		transform: translateY(30px);
		clip-path: polygon(
			0% 100%,
			0% 100%,
			100% 100%,
			100% 100%
		);
	}

	.viewport-active .diagonal-fade-up {
		animation: diagonalReveal 1.5s ease-out forwards;
	}

	@keyframes diagonalReveal {
		to {
			opacity: 1;
			transform: translateY(0);
			clip-path: polygon(
				0% 0%,
				0% 100%,
				100% 100%,
				100% 0%
			);
		}
	}

	@keyframes cloudScroll {
		0% {
			background-position-x: 0, -50%;
		}
		to {
			background-position-x: -100%, -150%;
		}
	}

	@keyframes waveScroll {
		0% {
			background-position-x: 0;
		}
		to {
			background-position-x: -100%;
		}
	}

	@keyframes twinkling {
		0%, 100% { opacity: 0.3; }
		50% { opacity: 1; }
	}

	.route-line-wrap > *,
	.route-line {
		fill: none !important;
		stroke: #f7d87c !important;
		stroke-width: 1px !important;
		stroke-linecap: round !important;
		stroke-dasharray: 6, 7 !important;
	}

	.viewport-active .route-line-wrap > *,
	.viewport-active .route-line {
		animation: move-line 10s linear infinite;
	}

	@keyframes move-line {
		0% {
			stroke-dashoffset: 50;
		}
		50% {
			stroke-dashoffset: 0;
		}
		100% {
			stroke-dashoffset: 50;
		}
	}
	
	@keyframes pulseWhite {
		0% {
			filter: drop-shadow(0 0 0 rgba(255,255,255,0));
			opacity: 1;
		}
		50% {
			filter: drop-shadow(0 0 8px rgba(255,255,255,0.6));
			opacity: 0.95;
		}
		100% {
			filter: drop-shadow(0 0 0 rgba(255,255,255,0));
			opacity: 1;
		}
	}
	
	@keyframes pulseYellow {
		0% {
			filter: drop-shadow(0 0 0 rgba(255, 210, 90, 0));
			opacity: 0.95;
		}
		50% {
			filter: drop-shadow(0 0 4px rgba(255, 210, 90, 0.25));
			opacity: 1;
		}
		100% {
			filter: drop-shadow(0 0 0 rgba(255, 210, 90, 0));
			opacity: 0.95;
		}
	}

	.circle-dash-wrap > *,
	.circle-dash {
		stroke-width: 1px !important;
		stroke-linecap: round !important;
		stroke-dasharray: 6, 10 !important;
	}

	.viewport-active .circle-dash-wrap > *,
	.viewport-active .circle-dash {
		animation: dash-rotate 180s linear infinite;
	}

	@keyframes dash-rotate {
		to {
			stroke-dashoffset: -1617.05;
		}
	}

	.icon-pulse-wrap > *,
	.icon-pulse {
		transform-origin: center;
		transform-box: fill-box;
		stroke-width: 1px !important;
	}

	.viewport-active .icon-pulse-wrap > *,
	.viewport-active .icon-pulse {
		animation: pulse 5s ease-in-out infinite;
	}

	@keyframes pulse {
		0%   { scale: 1; }
		50%  { scale: 1.38; }
		100% { scale: 1; }
	}

	.viewport-active .cloud-track {
		animation: cloudScroll 80s linear infinite;
	}

	@media(min-width: 768px){
		.cloud-track {
			height: 36%;
			bottom: -8%;
		}

	}
/*		1.3 - Icon
-------------------------------------*/

/*	2.0 - Basic Structure
-------------------------------------*/
/*		2.1 - Main Content Blocks
-------------------------------------*/
	.page-content {
		position: relative;
		overflow: hidden;
	}
/*		2.2 - Rows Style
-------------------------------------*/
	.row {
		position: relative;
		display: -ms-flexbox;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.full-width {
		width: 100%;
		display: block;
		clear: left;
		float: left;
	}

	.long-width,
	.short-width {
		margin-left: auto;
		margin-right: auto;
		width: 100%;
	}
	
	.long-width {
		max-width: 1720px;
		clear: left;
		padding-left: 1.5em;
		padding-right: 1.5em;
	}
	
	@media(min-width: 1080px) {
		.long-width {
			padding-left: 2em;
			padding-right: 2em;
		}
	}
	
	@media(min-width: 1366px) {
		.long-width {
			padding-left: 2.5em;
			padding-right: 2.5em;
		}
	}
	
	@media(min-width: 1774px) {
		.long-width {
			padding-left: 0;
			padding-right: 0;
		}
	}
/*		2.3 - Collums Style
-------------------------------------*/
	.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
	.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
	.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
	.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
	.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
	.col-xl-auto {
		width: 100%;
		min-height: 1px;
		position: relative;
	}

	.col {
		-ms-flex-preferred-size: 0;
			flex-basis: 0;
		-ms-flex-positive: 1;
			flex-grow: 1;
		max-width: 100%;
	}

	.col-auto {
		-ms-flex: 0 0 auto;
			flex: 0 0 auto;
		width: auto;
		max-width: none;
	}

	.col-1 {
		-ms-flex: 0 0 8.333333%;
			flex: 0 0 8.333333%;
		max-width: 8.333333%;
	}

	.col-2 {
		-ms-flex: 0 0 16.666666%;
			flex: 0 0 16.666666%;
		max-width: 16.666666%;
	}

	.col-3 {
		-ms-flex: 0 0 25%;
			flex: 0 0 25%;
		max-width: 25%;
	}

	.col-4 {
		-ms-flex: 0 0 33.333333%;
			flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}

	.col-5 {
		-ms-flex: 0 0 41.666667%;
			flex: 0 0 41.666667%;
		max-width: 41.666667%;
	}

	.col-6 {
		-ms-flex: 0 0 50%;
			flex: 0 0 50%;
		max-width: 50%;
	}

	.col-7 {
		-ms-flex: 0 0 58.333333%;
			flex: 0 0 58.333333%;
		max-width: 58.333333%;
	}

	.col-8 {
		-ms-flex: 0 0 66.666667%;
			flex: 0 0 66.666667%;
		max-width: 66.666667%;
	}

	.col-9 {
		-ms-flex: 0 0 75%;
			flex: 0 0 75%;
		max-width: 75%;
	}

	.col-10 {
		-ms-flex: 0 0 83.333333%;
			flex: 0 0 83.333333%;
		max-width: 83.333333%;
	}

	.col-11 {
		-ms-flex: 0 0 91.666667%;
			flex: 0 0 91.666667%;
		max-width: 91.666667%;
	}

	.col-12 {
		-ms-flex: 0 0 100%;
			flex: 0 0 100%;
		max-width: 100%;
	}

	@media (min-width: 576px) {
		.col-sm {
			-ms-flex-preferred-size: 0;
				flex-basis: 0;
			-ms-flex-positive: 1;
				flex-grow: 1;
			max-width: 100%;
		}
		.col-sm-auto {
			-ms-flex: 0 0 auto;
				flex: 0 0 auto;
			width: auto;
			max-width: none;
		}
		.col-sm-1 {
			-ms-flex: 0 0 8.333333%;
				flex: 0 0 8.333333%;
			max-width: 8.333333%;
		}
		.col-sm-2 {
			-ms-flex: 0 0 16.666667%;
				flex: 0 0 16.666667%;
			max-width: 16.666667%;
		}
		.col-sm-3 {
			-ms-flex: 0 0 25%;
				flex: 0 0 25%;
			max-width: 25%;
		}
		.col-sm-4 {
			-ms-flex: 0 0 33.333333%;
				flex: 0 0 33.333333%;
			max-width: 33.333333%;
		}
		.col-sm-5 {
			-ms-flex: 0 0 41.666667%;
				flex: 0 0 41.666667%;
			max-width: 41.666667%;
		}
		.col-sm-6 {
			-ms-flex: 0 0 50%;
				flex: 0 0 50%;
			max-width: 50%;
		}
		.col-sm-7 {
			-ms-flex: 0 0 58.333333%;
				flex: 0 0 58.333333%;
			max-width: 58.333333%;
		}
		.col-sm-8 {
			-ms-flex: 0 0 66.666667%;
				flex: 0 0 66.666667%;
			max-width: 66.666667%;
		}
		.col-sm-9 {
			-ms-flex: 0 0 75%;
				flex: 0 0 75%;
			max-width: 75%;
		}
		.col-sm-10 {
			-ms-flex: 0 0 83.333333%;
				flex: 0 0 83.333333%;
			max-width: 83.333333%;
		}
		.col-sm-11 {
			-ms-flex: 0 0 91.666667%;
				flex: 0 0 91.666667%;
			max-width: 91.666667%;
		}
		.col-sm-12 {
			-ms-flex: 0 0 100%;
				flex: 0 0 100%;
			max-width: 100%;
		}
	}

	@media (min-width: 768px) {
		.col-md {
			-ms-flex-preferred-size: 0;
				flex-basis: 0;
			-ms-flex-positive: 1;
				flex-grow: 1;
			max-width: 100%;
		}
		.col-md-auto {
			-ms-flex: 0 0 auto;
				flex: 0 0 auto;
			width: auto;
			max-width: none;
		}
		.col-md-1 {
			-ms-flex: 0 0 8.333333%;
				flex: 0 0 8.333333%;
			max-width: 8.333333%;
		}
		.col-md-2 {
			-ms-flex: 0 0 16.666667%;
				flex: 0 0 16.666667%;
			max-width: 16.666667%;
		}
		.col-md-3 {
			-ms-flex: 0 0 25%;
				flex: 0 0 25%;
			max-width: 25%;
		}
		.col-md-4 {
			-ms-flex: 0 0 33.333333%;
				flex: 0 0 33.333333%;
			max-width: 33.333333%;
		}
		.col-md-5 {
			-ms-flex: 0 0 41.666667%;
				flex: 0 0 41.666667%;
			max-width: 41.666667%;
		}
		.col-md-6 {
			-ms-flex: 0 0 50%;
				flex: 0 0 50%;
			max-width: 50%;
		}
		.col-md-7 {
			-ms-flex: 0 0 58.333333%;
				flex: 0 0 58.333333%;
			max-width: 58.333333%;
		}
		.col-md-8 {
			-ms-flex: 0 0 66.666667%;
				flex: 0 0 66.666667%;
			max-width: 66.666667%;
		}
		.col-md-9 {
			-ms-flex: 0 0 75%;
				flex: 0 0 75%;
			max-width: 75%;
		}
		.col-md-10 {
			-ms-flex: 0 0 83.333333%;
				flex: 0 0 83.333333%;
			max-width: 83.333333%;
		}
		.col-md-11 {
			-ms-flex: 0 0 91.666667%;
				flex: 0 0 91.666667%;
			max-width: 91.666667%;
		}
		.col-md-12 {
			-ms-flex: 0 0 100%;
				flex: 0 0 100%;
			max-width: 100%;
		}
	}

	@media (min-width: 992px) {
		.col-lg {
			-ms-flex-preferred-size: 0;
				flex-basis: 0;
			-ms-flex-positive: 1;
				flex-grow: 1;
			max-width: 100%;
		}
		.col-lg-auto {
			-ms-flex: 0 0 auto;
				flex: 0 0 auto;
			width: auto;
			max-width: none;
		}
		.col-lg-1 {
			-ms-flex: 0 0 8.333333%;
				flex: 0 0 8.333333%;
			max-width: 8.333333%;
		}
		.col-lg-2 {
			-ms-flex: 0 0 16.666667%;
				flex: 0 0 16.666667%;
			max-width: 16.666667%;
		}
		.col-lg-3 {
			-ms-flex: 0 0 25%;
				flex: 0 0 25%;
			max-width: 25%;
		}
		.col-lg-4 {
			-ms-flex: 0 0 33.333333%;
				flex: 0 0 33.333333%;
			max-width: 33.333333%;
		}
		.col-lg-5 {
			-ms-flex: 0 0 41.666667%;
				flex: 0 0 41.666667%;
			max-width: 41.666667%;
		}
		.col-lg-6 {
			-ms-flex: 0 0 50%;
				flex: 0 0 50%;
			max-width: 50%;
		}
		.col-lg-7 {
			-ms-flex: 0 0 58.333333%;
				flex: 0 0 58.333333%;
			max-width: 58.333333%;
		}
		.col-lg-8 {
			-ms-flex: 0 0 66.666667%;
				flex: 0 0 66.666667%;
			max-width: 66.666667%;
		}
		.col-lg-9 {
			-ms-flex: 0 0 75%;
				flex: 0 0 75%;
			max-width: 75%;
		}
		.col-lg-10 {
			-ms-flex: 0 0 83.333333%;
				flex: 0 0 83.333333%;
			max-width: 83.333333%;
		}
		.col-lg-11 {
			-ms-flex: 0 0 91.666667%;
				flex: 0 0 91.666667%;
			max-width: 91.666667%;
		}
		.col-lg-12 {
			-ms-flex: 0 0 100%;
				flex: 0 0 100%;
			max-width: 100%;
		}
	}

	@media (min-width: 1200px) {
		.col-xl {
			-ms-flex-preferred-size: 0;
				flex-basis: 0;
			-ms-flex-positive: 1;
				flex-grow: 1;
			max-width: 100%;
		}
		.col-xl-auto {
			-ms-flex: 0 0 auto;
				flex: 0 0 auto;
			width: auto;
			max-width: none;
		}
		.col-xl-1 {
			-ms-flex: 0 0 8.333333%;
				flex: 0 0 8.333333%;
			max-width: 8.333333%;
		}
		.col-xl-2 {
			-ms-flex: 0 0 16.666667%;
				flex: 0 0 16.666667%;
			max-width: 16.666667%;
		}
		.col-xl-3 {
			-ms-flex: 0 0 25%;
				flex: 0 0 25%;
			max-width: 25%;
		}
		.col-xl-4 {
			-ms-flex: 0 0 33.333333%;
				flex: 0 0 33.333333%;
			max-width: 33.333333%;
		}
		.col-xl-5 {
			-ms-flex: 0 0 41.666667%;
				flex: 0 0 41.666667%;
			max-width: 41.666667%;
		}
		.col-xl-6 {
			-ms-flex: 0 0 50%;
				flex: 0 0 50%;
			max-width: 50%;
		}
		.col-xl-7 {
			-ms-flex: 0 0 58.333333%;
				flex: 0 0 58.333333%;
			max-width: 58.333333%;
		}
		.col-xl-8 {
			-ms-flex: 0 0 66.666667%;
				flex: 0 0 66.666667%;
			max-width: 66.666667%;
		}
		.col-xl-9 {
			-ms-flex: 0 0 75%;
				flex: 0 0 75%;
			max-width: 75%;
		}
		.col-xl-10 {
			-ms-flex: 0 0 83.333333%;
				flex: 0 0 83.333333%;
			max-width: 83.333333%;
		}
		.col-xl-11 {
			-ms-flex: 0 0 91.666667%;
				flex: 0 0 91.666667%;
			max-width: 91.666667%;
		}
		.col-xl-12 {
			-ms-flex: 0 0 100%;
				flex: 0 0 100%;
			max-width: 100%;
		}
	}

	.d-none {
		display: none !important;
	}

	.d-block {
		display: block !important;
	}

	.d-flex {
		display: -ms-flexbox !important;
		display: -webkit-box !important;
		display: -webkit-flex !important;
		display: flex !important;
	}

	.flex-wrap {
		-ms-flex-wrap: wrap !important;
			flex-wrap: wrap !important;
	}

	.aligncenter {
		margin-left: auto;
		margin-right: auto;
		display: block;
		max-width: 100%;
	}

	.alignleft {
		text-align: left;
	}

	.left {
		order: 1;
	}

	.right {
		order: 2;
	}

/*	3.0 - Custom Display
-------------------------------------*/
/*		3.1 - Body popup_on
-------------------------------------*/
	body.popup_on {
		overflow: hidden;
		-ms-overflow-style: none;
		scrollbar-width: none
	}

	@media(max-width: 767px) {
		body.cover.customize-support {
			top: 0;
			padding-top: 41px;
		}
	}
/*		3.2 - Body toggle-on
-------------------------------------*/
	body.toggle-on,
	body.popup-on {
		position: absolute;
		overflow: hidden;
		-ms-overflow-style: none;
		scrollbar-width: none;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
	}
	body.toggle-on::-webkit-scrollbar,
	body.popup-on::-webkit-scrollbar {
		display: none;
	}
	body.popup-on:before {
		content: "";
		background: rgb(0 0 0 / 10%);
		width: 100vW;
		height: 100vH;
		position: absolute;
	}
	body.toggle-on .site-header {
		z-index: 10000;
	}
	body.toggle-on:after {
		content: "";
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: var(--background-color);
		z-index: 999;
		opacity: .36;
	}
	body.toggle-on.customize-support {
		top: 32px;
	}
	#wpadminbar {
		z-index: 100;
	} 

/*	4.0 - Header
-------------------------------------*/
	header.site-header {
		position: absolute;
		top: 1.5em;
		left: 0;
		right: 0;
		z-index: 9999;
	}

	@media(max-width: 1179px) {
		header.site-header {
			top: 1.15em;
		}
	}

	header.site-header > .d-flex {		
		flex-flow: row-reverse;
		gap: 1.5em;
	}

	@media(max-width: 1179px) {
		header.site-header > .d-flex {
			-webkit-justify-content: center;
			justify-content: center;
		}
	}
/*		4.1 - Main Navigation 
-------------------------------------*/
	@media(max-width: 1179px){
		#main-menu {
			width: 80%;
			max-width: 4em;
			max-height: 900px;
			position: fixed;
			right: 0;
			top: 0;
			bottom: 0;
			overflow: hidden;
			z-index: -1;
			text-align: center;
			background: var(--background-color);
			padding: 2em 1em 2em;
			opacity: 0;
			transform: translateX(4em);
			transition: transform .3s, opacity .5s;
		}

		.toggle-on #main-menu {
			transform: translateX(0);
			opacity: 1;
			z-index: 999;
			max-width: 300px;
		}
	}
/*		4.2 - Main menu
-------------------------------------*/
	ul.main-menu {
		float: right;
	}

	@media(min-width: 1180px){
		ul.main-menu li {
			display: inline-block;
		}		
	}

	ul.main-menu li a {
		color: #fff;
		text-transform: uppercase;
		font-weight: 400;
		position: relative;
		padding: 1em;
		display: block;
	}

	ul.main-menu li a:after {
		content: attr(data-text);
		font-weight: 600;
		height: 0;
		overflow: hidden;
		visibility: hidden;
		display: block;
	}

	ul.main-menu li a:hover,
	ul.main-menu li.menu-item-home a {
		color: var(--main-color);
		font-weight: 600;
		text-shadow:
		0.03em 0 currentColor,
		-0.03em 0 currentColor;
	}
/*		4.4 - Main Logo
-------------------------------------*/
	.main-logo img {
		max-width: 162px;
	}

	@media(max-width: 1179px){
		.main-logo {
			margin-bottom: 1em;
		}

		.main-logo img {
			max-width: 90px;
		}
	}
/*		4.5 - Toggled Menu
-------------------------------------*/
	.toggle-menu {
		flex-grow: 1;
		-webkit-align-items: center;
		align-items: center;
	}

	@media(min-width: 1180px){
		.toggle-menu {
			-webkit-justify-content: flex-end;
			justify-content: flex-end;
		}
	}

	@media(max-width: 1179px){
		.toggle-menu {
			flex-flow: column;
			text-align: center;
		}
	}

	.toggle-button,
	.toggle-logo {
		display: none;
	}

	@media(max-width: 1179px){
		.toggle-button {			
			display: block;
			padding: 0;
			filter: drop-shadow(0px 3px 4px rgba(0, 0, 0, 0.2));
			background: transparent;
		}

		button#toggle-open {
			position: fixed;
			top: 0.12em;
			right: -0.111em;
			z-index: 99;
			padding: 1em;
		}

		.toggle-logo {
			display: block;
		}

		.toggle-logo:after {
			content: "";
			background: var(--gradient-background-3);
			height: 1px;
			width: 100%;
			display: block;
			margin-top: 1em;
		}

		.toggle-logo.main-logo img {
			max-width: 126px;			
		}

		.toggle-button svg {
			padding: 0.15em;
		}
	}

	button#toggle-close {
		margin-top: 1em;
	}
/*		4.6 - Header Cover Image
-------------------------------------*/

/*	5.0 - Main content
-------------------------------------*/
/*		5.1 - Reponsive Iframe
-------------------------------------*/
	.reponsive_iframe {
		position: relative;
		display: block;
		height: 0;
		padding: 0;
		margin: 0 auto 1em;
		overflow: hidden;
		padding-bottom: 56%;
	}
	
	.reponsive_iframe iframe,
	.reponsive_iframe .iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border: none;
	}

/** 6.0 Footer
-------------------------------------*/
	#site-footer a {
		color: var(--white-color-1);
	}
	#site-footer a:hover {
		color: var(--white-color);
	}
/*		6.1 - CTA Before Footer
-------------------------------------*/
/*		6.2 - Icon Social Footer
-------------------------------------*/
/*		6.3 - Footer Widgets
-------------------------------------*/
/*		6.4 - Site Info
-------------------------------------*/
/*		6.5 - Sticky CTA
-------------------------------------*/
	.sticky-cta {
		position: fixed;
		right: 0;
		top: 50vH;
		z-index: 9998;
		transform: translateY(-50%);
		display: flex;
		flex-flow: column;
		-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: center;
		justify-content: center;
	}

	@media(max-width: 767px) {
		.sticky-cta {
			font-size: 0.85em;
		}
	}

	.sticky-cta .subscribe {
		font-weight: bold;
		text-align: center;		
		background-image: url('../../images/sky-city/svg/tag-dk.svg');
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		padding: 1.25em 0.75em 1.35em 1.75em;
		margin-bottom: -0.75em;
	}

	.sticky-cta .subscribe p {
		max-width: 4em;
		margin-bottom: 1em;
	}

	.sticky-cta ul {
		list-style: none;
	}

	.sticky-cta ul a {
		background: linear-gradient(180deg, rgba(255, 255, 255, 0.8) 55%, rgba(229, 229, 229, 0.8) 100%);
		border: 1px solid #FFFFFF;
		box-shadow: 0px 2px 3px rgba(31, 30, 25, 0.25);
		border-radius: 50%;
		width: 2.6667em;
		height: 2.6667em;
		display: inline-flex;
		-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: center;
		justify-content: center;
		transition: background .35s ease-in-out;
	}

	.sticky-cta ul a:hover {
		background: #fff;
	}

	.sticky-cta ul a svg {
		height: auto;
	}

	.sticky-cta a.form-button svg {
		width: 46.4375%;
		margin-left: 9%;
	}

	.sticky-cta a.call-button svg {
		width: 43.75%;
	}

	.sticky-cta a.top-button svg {
		width: 47.916666%;
	}
/*	7.0 - Addons
-------------------------------------*/
/*		7.1 - Swiper
-------------------------------------*/
	.swiper-container {
		margin: 0 auto;
		position: relative;
		list-style: none;
		padding: 0;
		overflow: hidden;
	}
	.swiper-wrapper {
		position: relative;
		width: 100%;
		height: 100%;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-transition-property: -webkit-transform;
		transition-property: -webkit-transform;
		-o-transition-property: transform;
		transition-property: transform;
		transition-property: transform,-webkit-transform;
		-webkit-box-sizing: content-box;
		box-sizing: content-box;
	}
	.swiper-container-android .swiper-slide,.swiper-wrapper {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	.swiper-slide {
		-webkit-flex-shrink: 0;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		width: 100%;
		height: 100%;
		position: relative;
		-webkit-transition-property: -webkit-transform;
		transition-property: -webkit-transform;
		-o-transition-property: transform;
		transition-property: transform;
		transition-property: transform,-webkit-transform;
	}
	.swiper-button-next,
	.swiper-button-prev {
		transform: scale(1);
		transition: transform .2s;
		width: 1.5em;
		height: 1.5em;
		position: absolute;
		top: 50%;
		z-index: 10;
		cursor: pointer;
		background-position: center;
		background-repeat: no-repeat;
	}
	.swiper-button-next.swiper-button-disabled,
	.swiper-button-prev.swiper-button-disabled {
		opacity: 0;
	}
	.swiper-button-prev,
	.swiper-container-rtl .swiper-button-next {
		background-image: url('../../images/tihomi/svg/arrow-left.svg');
		left: 0;
		right: auto;
	}
	.swiper-button-next,
	.swiper-container-rtl .swiper-button-prev {
		background-image: url('../../images/tihomi/svg/arrow-right.svg');
		right: 0;
		left: auto;
	}
	.swiper-pagination {		
		width: fit-content;
		text-align: center;
		z-index: 10;
		position: relative;
		margin: 0.5em auto;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		gap: 0.35em;
		-webkit-align-items: center;
		align-items: center;
	}

	.swiper-pagination:before,
	.swiper-pagination:after {
		content: "";
		width: 0.5em;
		height: 0;
		position: absolute;
		display: block;
		background: #fff;
		border: 1px solid #FFFFFF;
		border-radius: 2px;
	}

	.swiper-pagination:before {
		left: -0.9em;
	}
	
	.swiper-pagination:after {
		right: -0.9em;
	}

	.swiper-pagination.swiper-pagination-hidden {
		opacity: 0;
	}
	.swiper-container-horizontal>.swiper-pagination-bullets,
	.swiper-pagination-custom,.swiper-pagination-fraction {
		bottom: 10px;
		left: 0;
		width: 100%;
	}
	.swiper-pagination-bullet {
		display: inline-block;
		cursor: pointer;
		width: 0.175em;
		height: 0.175em;
		background: rgba(255, 255, 255, 0.5);
		border: 1px solid #FFFFFF;
		border-radius: 1px;
		transform: rotate(-45deg);
		box-sizing: border-box;
	}
	.swiper-pagination-bullet-active {
		width: 0.25em;
		height: 0.25em;
		background: #FFFFFF;
	}
	.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
		margin: 0 4px;
	}
	.swiper-container .swiper-notification {
		position: absolute;
		left: 0;
		top: 0;
		pointer-events: none;
		opacity: 0;
		z-index: -1000;
	}
	.swiper-wrapbox {
		position: relative;
		overflow: visible;
	}
	.swiper-button-next {
		right: -5%;
	} 
	.swiper-button-prev {
		left: -5%;
	}
	.dark .swiper-button-prev {
		background-image: url('../../images/tihomi/svg/chevron-left.svg');
	}
	.dark .swiper-button-next {
		background-image: url('../../images/tihomi/svg/chevron-right.svg');
	}
	@media(max-width: 666px){
		.swiper-button-next, 
		.swiper-button-prev {
			display: none;
		}
	}
	.swiper-wrapbox-thumb .swiper-container {
		max-width: 210px;
	}
	.swiper-wrapbox-thumb .swiper-slide span{
		background: var(--background-color-1);
		opacity: 0.3;
		display: inline-block;
		width: 100%;
		transition: opacity .5s;
	}
	.dark .swiper-wrapbox-thumb .swiper-slide span{
		background: var(--theme-gradient);
	}
	.swiper-wrapbox-thumb .swiper-slide-next {
		padding-left: 16px;
		padding-right: 24px;
	}
	.swiper-wrapbox-thumb .swiper-slide-prev{
		padding-right: 16px;
		padding-left: 24px;
	}
	.swiper-wrapbox-thumb .swiper-slide-active span{
		opacity: 1;
	}
	.swiper-wrapbox-thumb .swiper-slide-active span,
	.swiper-wrapbox-thumb .swiper-slide-next span,
	.swiper-wrapbox-thumb .swiper-slide-prev span{
		height: 2px;
	}
	.swiper-wrapbox-thumb .swiper-slide:hover span {
		opacity: 1;
		transition: opacity .2s;
	}
/*		7.2 - Fancybox
-------------------------------------*/
	body.compensate-for-scrollbar{overflow:hidden}
	.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:0.875em;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:1em;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:16px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:600;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:16px;font-weight:600;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:16px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} 
	.fancybox-navigation {
		max-width: 1280px;
		display: inline-block;
		width: 100%;
		position: relative;
		height: 100%;
		margin: 0 calc((100vW - 1280px)/2);
	}
	.fancybox-button[disabled] {
		display: none;
	}
/*		7.1 - AMP
-------------------------------------*/
/*		7.2 - Contact Form 7
-------------------------------------*/
	.wpcf7-form {
		position: relative;
		display: inline-block;
	}
	.wpcf7-spinner {
		float: right;
		margin: 0 1em;
		top: -2.25em;
		position: relative;
	}
	.grecaptcha-badge {
		visibility: hidden;
	}
	.wpcf7 form.sent .wpcf7-response-output {
		color: var(--border-color);
	}
	.wpcf7 form .wpcf7-response-output {
		display: inline-block;
		margin: 0 0 0.5em;
	}
	input.wpcf7-not-valid {
		background: #ffe0b1;
	}
	.wpcf7-not-valid-tip {
		padding-top: 5px;
	}
	.cta1 > span.wpcf7-spinner {
		background: transparent !important;
		color: var(--white-color) !important;
		border: 1px solid var(--white-color);
		padding: 0.5em;
		top: -2em;
	}
/*		7.2 - AOS
-------------------------------------*/
	[data-aos][data-offset="15"] {
		transform: translate3d(0, 15px, 0);
	}

	[data-aos][data-offset="30"] {
		transform: translate3d(0, 30px, 0);
	}
/*	8.0 - HomePage Style
-------------------------------------*/
/*		8.1 - Design Assets
-------------------------------------*/
	/* Patterns */
		.pattern {
			position: relative;
		}

		.pattern:before {
			content: "";
			position: absolute;
			display: inline-block;
			background-size: contain;
			background-repeat: no-repeat;
			background-position: center;
		}

		.leaf-green-1:before {
			background-image: url('../../images/sky-city/svg/leaf-green-1.svg');
			aspect-ratio: 320.346 / 430;
			width: 100%;
		}

		.leaf-green-2:before {
			background-image: url('../../images/sky-city/svg/leaf-green-2.svg');
			aspect-ratio: 56 / 88;
			width: 14.141667vw;
			min-width: 50.91px;
		}

		.leaf-gold-1:before {
			background-image: url('../../images/sky-city/svg/leaf-gold-1.svg');
			width: 3.5em;
			aspect-ratio: 182 / 294;
			min-width: 85px;
		}

		.leaf-gold-2:before {
			background-image: url('../../images/sky-city/svg/leaf-gold-2.svg');
			width: 13.291667vw;
			aspect-ratio: 44.902 / 98.209;
			min-width: 47.85px;
		}

		@media(min-width: 768px) {
			.leaf-green-2:before {
				width: 9.943vw;
			}
			.leaf-gold-2:before {
				width: 10.78125vw;
			}
		}
		/* fade-curve */
			.fade-curve,
			.fade-curve-mask {
				position: absolute;
				width: 100%;
				z-index: 9;
			}

			.fade-curve {
				background-repeat: no-repeat;
				background-size: 100% 100%;
			}

			.fade-curve-mask {
				-webkit-mask-repeat: no-repeat;
				mask-repeat: no-repeat;
				mask-size: contain;
			}

			.fade-curve-1 {
				background-image: url('../../images/sky-city/svg/fade-curve.svg');
				aspect-ratio: 224.178 / 17.538;	
				bottom: -1px;		
			}

			.fade-curve-2 {
				background-image: url('../../images/sky-city/svg/fade-curve-2.svg');
				aspect-ratio: 1920 / 193.053;
				top: calc( -100vW / 1920 * 156.552 - 2px);
			}

			.fade-curve-3 {
				background-image: url('../../images/sky-city/svg/fade-curve-3.svg');
				aspect-ratio: 1920 / 433.903;
				top: 0;
			}

			@media(max-width: 767px){
				.fade-curve-3 {
					aspect-ratio: 417 / 112;
					top: -3.4%;
					background-size: 113.3% 100%;
					background-position: center bottom;
				}
			}

			.fade-curve.fade-curve-4 {
				background-image: url('../../images/sky-city/svg/fade-curve-4.svg');
				aspect-ratio: 1920 / 125.968;
				bottom: -1px;
			}

			.fade-curve-mask.fade-curve-4 {
				aspect-ratio: 1920 / 125.968;
				background-color: var(--background-color-2);
				-webkit-mask-image: url('../../images/sky-city/svg/fade-curve-4.svg');
				mask-image: url('../../images/sky-city/svg/fade-curve-4.svg');
			}

	/* Icons */
	/* cta-box */

	/* Style */
		.center {
			text-align: center;
		}

		.text-box {
			text-align: justify;
		}

		.dark {
			color: var(--white-color);
		}

		.light {
			color: var(--text-color);
		}

		.heading-style-1 {
			text-transform: none;
			font-family: var(--styled-font);
		}

		.dark .heading-style-1 {
			color: var(--sub-color-2);
		}

		.light .heading-style-1 {
			color: var(--sub-color);
		}

		.gradient-heading-1 {
			background: var(--gradient-background-text-1);
		}

		.gradient-heading-2 {
			background: var(--gradient-background-text-2);
		}

		.gradient-heading-1,
		.gradient-heading-2 {
			display: inline-block;
			position: relative;
			background-clip: text;
			-webkit-text-fill-color: transparent;
		}

		.heading-style-2 {
			text-transform: uppercase;
			font-weight: bold;
			line-height: 1.24;
			font-family: var(--header-font);
		}

		.heading-style-2:before {
			content: "";
			display: block;
			height: 0.15em;
			width: calc(100% + 0.15em);
		}

		.heading-style-3,
		.heading-style-4 {
			font-family: var(--header-font);
		}

		/* star-background */
			.star-background {
				background: 
					radial-gradient(
						ellipse at 0% 100%,
						#01233c 0%,
						transparent 65%
					),
					radial-gradient(
						ellipse at 100% 100%,
						#042842 0%,
						transparent 65%
					),
					radial-gradient(
						ellipse at 50% 100%,
						#002744 0%,
						transparent 55%
					),
					linear-gradient(
						to top,
						#01233c 0%,
						#00233e 100%
				);
				position: relative;
				z-index: 1;
			}

			.star-layer {
				z-index: 2;
				position: absolute;
				top: 0;
				left: 0;
				background: transparent;
				border-radius: 50%;
			}

			.viewport-active .star-layer {
				animation: twinkling 4s infinite ease-in-out;
			}

			.star-width-1 {
				width: 1px;
				height: 1px;
				box-shadow: 
					5vw 5vh #FFF, 15vw 12vh #FFF, 25vw 28vh #FFF, 35vw 42vh #FFF, 45vw 10vh #FFF,
					55vw 60vh #FFF, 65vw 22vh #FFF, 75vw 85vh #FFF, 85vw 33vh #FFF, 95vw 50vh #FFF,
					8vw 90vh #FFF, 18vw 75vh #FFF, 28vw 15vh #FFF, 38vw 88vh #FFF, 48vw 55vh #FFF,
					58vw 5vh #FFF, 68vw 38vh #FFF, 78vw 72vh #FFF, 88vw 18vh #FFF, 98vw 95vh #FFF,
					2vw 35vh #FFF, 12vw 65vh #FFF, 22vw 48vh #FFF, 32vw 20vh #FFF, 42vw 82vh #FFF;
				animation-duration: 2s;
			}

			.star-width-2 {
				width: 2px;
				height: 2px;
				box-shadow: 
					10vw 20vh #FFF, 30vw 50vh #FFF, 50vw 80vh #FFF, 70vw 10vh #FFF, 90vw 40vh #FFF,
					20vw 85vh #FFF, 40vw 15vh #FFF, 60vw 35vh #FFF, 80vw 65vh #FFF, 5vw 70vh #FFF,
					95vw 90vh #FFF, 55vw 25vh #FFF, 15vw 5vh #FFF, 85vw 75vh #FFF, 35vw 95vh #FFF;
				animation-duration: 3s;
			}

			.star-width-3 {
				width: 1px;
				height: 1px;
				box-shadow: 
					12vw 38vh #FFF, 42vw 62vh #FFF, 72vw 12vh #FFF, 92vw 82vh #FFF,
					22vw 12vh #FFF, 52vw 42vh #FFF, 82vw 72vh #FFF, 7vw 55vh #FFF,
					62vw 92vh #FFF, 32vw 5vh #FFF;
				animation-duration: 2s;
			}

		@media(min-width: 767px) {
			.cta-box {
				position: absolute;
				z-index: 99;
			}
		}

		.cta-box p {
			margin: 0;
		}
/*		8.2 - Top Banner | #top_banner
---------------------------------------------*/
	#top_banner {
		margin-bottom: 2em;
	}
	
	@media(max-width: 767px){
		#top_banner {
			padding-top: 2em;
			background-color: var(--sub-color);
			background-image: url('../../images/sky-city/texture-bg.jpg');
			background-size: contain;
			background-repeat: no-repeat;
			background-position: top right;
		}

		#top_banner .cta-box {
			position: relative;
			top: 3.5em;
			z-index: 1;
		}
	}

	#top_banner .background-main {
		position: relative;
		width: 100%;
	}
	
	@media(min-width: 768px){
		#top_banner .background-main {
			aspect-ratio: 1920 / 1140;
		}
	}

	#top_banner .highlight-banner {
		position: absolute;
	}

	#top_banner .background-main img {
		width: 100%;
		height: auto;
	}
	
	#top_banner .image-box-1 {
		width: 46.6667%;
		height: 18.33333%;
		left: 43.595833%;
		bottom: 68.021%;
	}
	
	#top_banner .image-box-2 {
		width: 51.5021%;
		height: 29.91228%;
		left: 42.16667%;
		bottom: 40.36842%;
		animation-delay: 1s;
	}
	
	@media(min-width: 768px) {
		#top_banner .image-box-1 {
			width: 26.5625%;
			height: 18.33333%;
			left: 60.095833%;
			bottom: unset;
			top: 18.121%;
		}
		
		#top_banner .image-box-2 {
			width: 29.8021%;
			height: 29.91228%;
			left: 58.66667%;
			bottom: unset;
			top: 31.36842%;
		}

		#top_banner .cta-box {
			left: 0;
			right: 0;
			top: 10.08772%;
		}
	}

	#top_banner .cta-box div.long-width {
		font-size: 1em;
		line-height: 1;
		filter: drop-shadow(0px 3px 4px rgba(0, 0, 0, 0.2));
	}

	@media(min-width: 768px) {
		#top_banner .cta-box div.col-md-6 {
			padding: 0 0.5em;
		}
	}

	#top_banner .cta-box div.center {
		display: inline-block;
		position: relative;
		font-size: 5.2778vw;
	}
	
	@media(min-width: 768px) {
		#top_banner .cta-box div.center {
			font-size: 2.3958vw;
		}
	}

	#top_banner .cta-box .text-1,
	#top_banner .cta-box .text-5 {
		position: relative;
	}

	#top_banner .cta-box .text-1 {
		font-size: 1.94737em;
		top: 0.11em;
		left: 0.19em;
		text-align: left;
	}

	#top_banner .cta-box .text-5 {
		font-size: 2.368421em;
		left: 1em;
		text-align: left;
		top: -0.1em;
	}

	#top_banner .cta-box .text-2 {
		font-size: 1.8421em;
	}

	#top_banner .cta-box .text-3,
	#top_banner .cta-box .text-4 {
		position: relative;		
	}

	#top_banner .cta-box .text-3 {
		text-transform: uppercase;
		line-height: 1.25;
		left: -0.66em;
	}

	#top_banner .cta-box .text-4 {
		font-size: 1.1579em;
		text-transform: none;
		left: -0.35em;
	}

	@media(min-width: 768px) {
		#top_banner .cta-box .text-1 {
			font-size: 2.021739em;
		}

		#top_banner .cta-box .text-2 {
			font-size: 1.913em;
		}

		#top_banner .cta-box .text-4 {
			font-size: 1.21739em;
		}

		#top_banner .cta-box .text-5 {
			font-size: 2.4347826em;
			left: unset;
			right: -0.5em;
			text-align: right;
			top: -0.1em;
		}

		#top_banner .cta-box .text-3,
		#top_banner .cta-box .text-4 {
			left: unset;
		}
	}
/*		8.3 - Overview | #overview
---------------------------------------------*/
	#overview {
		background: linear-gradient(134deg, #DFF8FF, #FFFFFF);
		margin-top: 5%;
	}

	@media(max-width: 767px){		
		#overview .background-image picture {
			width: 118%;
		}
	}

	#overview .text-box {
		font-size: 3.96667vw;
		transform: translateY(4em);
		position: relative;
	}
	
	@media(min-width: 768px){
		#overview .text-box {
			transform: translateY(8%);
			position: absolute;
			top: 6%;
			right: 0;
			left: 0;
			font-size: 1.30208vw;
			padding-top: 0;
			z-index: 9999;
		}
	}

	#overview .heading-style-2 {
		font-size: 2.24em;
		line-height: 1.6;
	}

	@media(max-width: 767px){
		#overview .heading-style-2 {
			font-size: 1.53333em;
			width: max-content;
		}

		#overview .text-wrapper {
			text-align: center;
		}
		
		#overview.viewport-active .col-md-6.text-wrapper {
			animation: raisingUp 1s ease-out forwards;
		}
	}

	#overview .heading-style-4 {
		font-size: 1.6em;
		color: var(--sub-color);
		text-shadow: 0.3px 0 0 currentColor, -0.3px 0 0 currentColor;
	}

	#overview .col-md-6 {
		float: right;
	}

	#overview p {
		margin-bottom: 0.1em;
	}
	
	#overview .grid {
		display: grid;
		margin-top: 0.25em;
		grid-template-columns: 1fr 1fr;
		grid-auto-flow: column;
		gap: 0.5em;
	}

	@media(max-width: 767px){
		#overview .grid .item:nth-child(-n+3) {
			grid-column: 1;
			text-align: left;
		}

		#overview .grid .item:nth-child(n+4) {
			grid-column: 2;
			text-align: right;
			padding-left: 2.5em;
		}
	}

	@media(min-width: 768px){
		#overview .grid .item:nth-child(-n+5) {
			grid-column: 1;
			padding-right: 2.5em;
		}

		#overview .grid .item:nth-child(n+6) {
			grid-column: 2;
		}
	}

	#overview .grid .value {
		font-size: 1.6em;
		font-family: var(--header-font);
		font-weight: bold;
		color: var(--sub-color);
	}

	#overview .grid .value sup {
		font-size: 0.5em;
	}

	#overview .grid .label {
		color: #546372;
	}

	#overview .building-wrapper {
		position: relative;
		z-index: 11;
	}

	#overview .building-wrapper:after {
		content: "";
		display: block;
		position: absolute;
		bottom: 0;
		height: 3em;
		z-index: 2;		
		width: 100%;
		background: linear-gradient(to bottom, rgba(5, 29, 45, 0) 0%, #00233e 100%);
	}

	#overview .fade-curve {
		z-index: 10;
	}

	#overview .cloud-track {
		position: absolute;
		width: 100%;
		height: 23%;
		bottom: -6%;
		z-index: 999;
		background-image: 
			url('../../images/sky-city/cloud.png'),
			url('../../images/sky-city/cloud.png');
		background-size: auto 100%, auto 100%;
		background-repeat: repeat-x, repeat-x; 
		background-position: 0 30%, -50% 50%;
	}
/*		8.4 -  KSP | #ksp
---------------------------------------------*/
	#ksp {
		font-size: 5.84444vW;
		overflow: hidden;
	}

	#ksp .star-background > .long-width {
		transform: translateY(13%);
	}

	@media(min-width: 1024px){
		#ksp {
			font-size: 1.632653vW;
		}

		#ksp .star-background > .long-width {
			transform: translateY(45%);
		}
	}

	@media(max-width: 1023px){
		#ksp .col-md-5,
		#ksp .col-md-7 {
			-ms-flex: 0 0 100%;
			flex: 0 0 100%;
			max-width: 100%;
		}
	}
	/* .cta-box */
		#ksp .cta-box {
			position: relative;
			padding-left: 10%;
		}

		#ksp .heading-style-1 {
			font-size: 2.08em;
		}

		#ksp .heading-style-4 {
			font-size: 1.04em;
		}

		#ksp .heading-style-2 {
			font-size: 1.32em;
		}

		#ksp .cta-box .text-1 {
			position: relative;
			top: 0.3em;
		}

		#ksp .cta-box .text-2 {
			margin-left: 3em;
		}

		#ksp .cta-box .text-3 {
			margin-left: 0.65em;
		}

		#ksp .cta-box.leaf-gold-1:before {
			left: -1.65em;
			top: -0.15em;
		}

		@media(min-width: 1024px){		
			#ksp .cta-box {
				padding-left: 6%;
			}

			#ksp .heading-style-1 {
				font-size: 3.125em;
			}

			#ksp .heading-style-4 {
				font-size: 1.5625em;
			}

			#ksp .heading-style-2 {
				font-size: 2em;
			}

			#ksp .cta-box.leaf-gold-1:before {
				left: -2.75em;
				top: 0.25em;
				width: 5em;
			}
		}
	/* ksp slider */
		#ksp .ksp-icon {
			transition: transform .8s ease;
			padding: 0.25em;
		}
		
		#ksp .ksp-icon:hover {
			transform: scale(1.05);
			animation: pulseWhite 1.6s ease-in-out infinite;
		}

		#ksp .ksp-icon svg {
			max-width: 1.92em;
			height: auto;
		}

		@media(min-width: 1024px){			
			#ksp .ksp-icon {
				max-width: 1.875em;
			}			
		}

		@media(max-width: 1023px){	
			.ksp-text {
				text-align: center;
			}

			#ksp .ksp-text-2,
			#ksp .ksp-text-1 {
				display: inline-block;
			}

			#ksp .ksp-text-3 {
				display: block;
			}
		}

		#ksp .ksp-text-1 {
			font-size: 0.72em;
			font-weight: 500;
		}

		#ksp .ksp-text-2 {
			font-size: 0.72em;
		}

		#ksp .ksp-text-3.heading-style-2 {
			font-size: 1em;
			line-height: 1.68;			
		}

		#ksp .ksp-text-3 span {
			font-size: 0.6875em;
			display: block;
			margin-top: -0.5em;
		}

		#ksp .ksp-text-4 {
			font-size: 0.40625em;
			width: 100%;
			float: left;
		}

		.ksp_swipper {
			margin-top: 2em;
		}
		
		@media(max-width: 1024px){
			#ksp .ksp_wrapper .ksp_item {
				flex-flow: column;
				-webkit-align-items: center;
				align-items: center;
				gap: 0.5em;
			}
		}

		@media(min-width: 1024px){			
			#ksp .ksp_wrapper {
				display: grid;
				grid-template-columns: 1fr 1fr;
				grid-auto-flow: column;
				gap: 0.5em;
			}

			#ksp .ksp_wrapper .ksp_item {
				gap: 1em;
			}

			#ksp .ksp_wrapper .ksp_item:nth-child(-n+2) {
				grid-column: 1;
			}

			#ksp .ksp_wrapper .ksp_item:nth-child(n+3) {
				grid-column: 2;
			}

			#ksp .ksp-text-1 {
				width: 100%;
				font-size: 0.71875em;
			}

			#ksp .ksp-text-2 {
				float: left;
				margin-top: 0.25em;
				margin-right: 0.5em;
				font-size: 0.59375em;
			}

			#ksp .swiper-pagination {
				display: none;
			}
		}
	/* Lighting Text */
		.lighting-text {
			position: relative;
			overflow: hidden;
		}

		.lighting-text::after {
			content: '';
			background: linear-gradient(120deg, rgba(255, 179, 0, 0) 30%, rgba(255, 179, 0, 0.5) 46%, rgba(255, 211, 106, 0.9) 49%, rgba(255, 244, 194, 1) 50%, rgba(255, 211, 106, 0.9) 51%, rgba(255, 179, 0, 0.5) 54%, rgba(255, 179, 0, 0) 70%);
			background-size: 200% 100%;
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			z-index: 999;
			-webkit-mask-image: linear-gradient(to bottom, transparent 10%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0.2) 60%, transparent 90%);
			mask-image: linear-gradient(to bottom, transparent 10%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0.2) 60%, transparent 90%);
			width: 200%;
			opacity: 0;
		}

		.aos-animate .lighting-text::after {
			animation: lightSweep 1.8s ease-in-out forwards;
			animation-delay: 0.5s;
		}

		@keyframes lightSweep {
			0% {
				background-position: 100% 0;
				opacity: 1;
			}
			50% {
				transform: translateX(0%);
				opacity: 1;
			}
			100% {
				opacity: 0;
				background-position: -100% 0;
			}
		}
/*		8.5 -  Map | #map
---------------------------------------------*/
	#map {
		margin-top: -22.6%;
		overflow: hidden;
		z-index: 11;
	}

	#map .inner-wrapper {
		background: var(--background-color);
		margin-top: 22.6%;
		padding-bottom: 8%;
	}

	#map .inner-wrapper .long-width {
		z-index: 4;
		position: relative;
	}

	@media(max-width: 767px){
		#map .inner-wrapper {
			margin-top: 15%;
		}
	}

	/* text-box */
		#map .text-1 {
			font-size: 1.6667em;
		}

		#map .text-3 {
			font-size: 2em;
			margin-left: 0.25em;
			margin-top: -0.15em;
		}

		#map .text-2,
		#map .text-3 {
			float: left;
		}

		#map .text-2 {
			margin-top: 0.15em;
		}

		#map .text-box {		
			padding-top: 10%;
			font-size: 4.16667vW;
		}

		@media(min-width: 768px){
			#map .text-box {
				font-size: 1.25vW;
			}

			#map .body-box {
				font-size: 0.75em;
			}
		}

		#map .heading-box {
			margin-bottom: 2em;
			display: inline-block;
			width: 100%;
		}

		.map-list {
			text-align: justify;
			margin-left: 0;
			margin-top: 2em;
		}

		.map-list li {
			list-style: none;
			padding-left: 3em;
			padding-bottom: 1.5em;
		}

		.map-list li:before {
			content: "";
			display: block;
			position: absolute;
			width: 2.4em;
			height: 2.4em;
			background-image: url('../../images/sky-city/svg/icon-target.svg');
			background-repeat: no-repeat;
			background-size: contain;
			left: 0;
		}

	/* background-image */
		#map .background-image {
			background-image: url('../../images/sky-city/map-bg.png');
			background-size: cover;			
			aspect-ratio: 1200 / 1038;
			background-repeat: no-repeat;
			background-position: center;
		}
		
		@media(min-width: 768px){
			#map .background-image {
				position: absolute;
				top: 19.5%;
				right: -14%;
				z-index: 5;
				max-width: 76vW;
				width: 100%;
			}
		}

		@media(max-width: 767px){
			#map .background-image {
				margin-top: -15%;
				width: 150%;
				margin-left: -30%;
			}
		}

		#map .background-image svg {
			width: 100%;
			height: auto;
		}

		#map .map-pin {
			transform-box: fill-box;
			transform-origin: center;
			transition: transform 0.5s ease-in-out, filter 0.5s ease-in-out;
		}

		#map.viewport-active .map-pin {
			animation: pulseYellow 2s ease-in-out infinite;
		}

		#map .map-pin:hover {
			transform: scale(1.1);
			filter: drop-shadow(0 0 6px rgba(255, 210, 90, 0.35));
		}

	/* leaf-green */
		#map .pattern.leaf-green-1 {
			aspect-ratio: 320.346 / 430;
			width: 20.69444vw;
			margin-top: -15%;
		}

		@media(min-width: 768px){
			#map .pattern.leaf-green-1 {
				width: 16.685vw;
				margin-top: -3%;			
			}
		}

		#map .pattern.leaf-green-1:before {
			left: -6%;
		}

		#map .fade-curve-3 {
			z-index: 1;
		}
/*		8.4 -  Floor Layout | #floor_layout
---------------------------------------------*/
	#floor_layout {
		overflow: hidden;
	}
	
	#floor_layout .text-box {
		font-size: 5vw;
		padding-bottom: 4em;
		padding-top: 3em;
		transform: translateY(3%);
	}

	#floor_layout .text-1 {
		color: var(--sub-color);
		text-shadow: 1px 0 0 currentColor, -0.3px 0 0 currentColor;
	}

	#floor_layout .text-2 {
		font-size: 1.38889em;
	}

	@media (min-width: 768px) {
		#floor_layout .text-box {
			font-size: 2.08333vw;
		}

		#floor_layout .text-2 {
			font-size: 1.5em;
		}
	}

	#floor_layout .text-box p {
		margin: 0;
	}

	/* pattern  */
		#floor_layout .pattern {
			position: absolute;
		}

		#floor_layout .leaf-green-2 {
			top: 40%;
			left: -1%;
		}

		#floor_layout .leaf-gold-2 {
			right: 8.25%;
			top: 11%;
		}

	/* background-image */
		#floor_layout .highlight-layer {
			z-index: 99;
			position: absolute;
			bottom: 20.399%;
			transition: opacity .3s ease-in-out;
			cursor: pointer;
		}

		#floor_layout .highlight-layer.v7 {
			width: 10.36458%;
			left: 56.40625%;
			bottom: 23.899%;
		}

		#floor_layout .highlight-layer.v8 {
			left: 78.64583%;
			width: 9.0625%;
			bottom: 20.3859%;
		}

		#floor_layout .highlight-layer.v9 {
			left: 65.3125%;
			width: 12.7083%;
			bottom: 25.4038%;
		}

		@media(max-width: 767px) {
			#floor_layout .highlight-layer.v7 {
				width: 11.2%;
				left: 57.40625%;
				bottom: 24.6%;
			}

			#floor_layout .highlight-layer.v8 {
				left: 82.14583%;
				width: 9.8025%;
				bottom: 20.3859%;
			}

			#floor_layout .highlight-layer.v9 {
				left: 67.5125%;
				width: 13.8083%;
				bottom: 24.4038%;
			}
		}

		#floor_layout .highlight-layer .icon {
			background: var(--gradient-background-text-2);
			width: 2.5em;
			height: 2.5em;
			border-radius: 50%;
			display: flex;
			flex-flow: column;
			-webkit-align-items: center;
			align-items: center;
			-webkit-justify-content: center;
			justify-content: center;
			margin: auto;
			transition: background .5s ease-in-out;
		}

		@media(min-width: 768px){
			#floor_layout .highlight-layer .icon {
				font-size: 1.66667em;
			}
		}

		#floor_layout .highlight-layer:hover .icon,
		#floor_layout .highlight-layer.active .icon {
			background: var(--background-color);
			color: var(--white-color);
			transition: background .5s ease-in-out;
		}
		
		#floor_layout .highlight-layer .icon > * {
			pointer-events: none;
		}		

		#floor_layout .highlight-layer .icon svg {
			width: 0.65em;
			height: 0;
			display: inline-block;
			transition: height .3s ease-in-out;
		}

		#floor_layout .highlight-layer:hover .icon svg,
		#floor_layout .highlight-layer.active .icon svg {
			height: 0.65em;
			transition: height .3s ease-in-out;
		}

		#floor_layout .highlight-layer .icon .text {
			margin: 0.15em 0 -0.15em;
		}


		#floor_layout .fade-curve-4 {
			bottom: 0;
		}

		#floor_layout .highlight-layer:before {
			content: "";
			display: block;
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
			opacity: 0;
			background-repeat: no-repeat;
			background-size: 100% auto;
			background-position: center 93%;
		}

		#floor_layout .highlight-layer img {			
			transition: opacity .5s ease-in-out;
		}

		#floor_layout .inner-wrapper.mouse-hover .highlight-layer img,
		#floor_layout .inner-wrapper.active-layer .highlight-layer img {
			opacity: 0;
		}

		#floor_layout .inner-wrapper.mouse-hover .highlight-layer:hover img,
		#floor_layout .inner-wrapper.active-layer .highlight-layer:hover img {
			opacity: 1 !important;
		}

		#floor_layout .highlight-layer:hover:before,
		#floor_layout .active.highlight-layer:before {
			transform: translateY(30px);
			clip-path: polygon(0% 100%, 0% 100%, 100% 100%, 100% 100%);
		}

		#floor_layout.viewport-active .highlight-layer:hover:before,
		#floor_layout.viewport-active .active.highlight-layer:before {
			animation: diagonalReveal .6s ease-out forwards;
		}

		#floor_layout .highlight-layer.v7:before {
			background-image: url('../../images/sky-city/v7-hl.png');
		}

		#floor_layout .highlight-layer.v8:before {
			background-image: url('../../images/sky-city/v8-hl.png');
		}

		#floor_layout .highlight-layer.v9:before {
			background-image: url('../../images/sky-city/v9-hl.png');
		}
/*		8.4 -  Noble Mobile | #noble
-------------------------------------*/	
	#noble {
		background: var(--background-color-2);
		z-index: 10;
		margin-top: -1px;
	}

	#noble .long-width {
		z-index: 8;
	}

	@media(min-width: 768px){
		#noble .col-md-6.left {
			-ms-flex: 0 0 40%;
			flex: 0 0 40%;
			max-width: 40%;
		}

		#noble .col-md-6.right {
			-ms-flex: 0 0 60%;
			flex: 0 0 60%;
			max-width: 60%;
		}
	}

	@media(min-width: 1024px){
		#noble .col-md-6.left {
			-ms-flex: 0 0 50%;
			flex: 0 0 50%;
			max-width: 50%;
		}

		#noble .col-md-6.right {
			-ms-flex: 0 0 50%;
			flex: 0 0 50%;
			max-width: 50%;
		}
	}

	/* text-box */
		#noble .heading-box {
			font-size: 5.555556vw;
			margin-bottom: 1em;
		}

		.body-box {
			padding-bottom: 10%;
		}

		#noble .text-box {
			margin-bottom: 10%;
			transform: translateY(-7%);
		}

		#noble .text-box .text-3 {
			text-transform: uppercase;
		}

		#noble .text-box .text-1 {
			font-size: 2.25em;
			margin-bottom: -0.1em;
		}

		#noble .text-box .text-2 {
			font-size: 1.5em;
			text-align: left;
		}

		@media(min-width: 768px){
			#noble .heading-box {
				font-size: 1.5625vw;
			}

			#noble .text-box .text-1 {
				font-size: 2.6666667em;
			}

			#noble .text-box .text-2 {
				font-size: 1.9333333em;
			}

			#noble .heading-box p {
				margin-bottom: 0;
			}
		}
	
		@media(max-width: 767px){
			#noble .text-box .text-2 span {
				display: block;
			}

			#noble .heading-box {
				margin-top: 8%;
			}
		}
	
	@media(max-width: 767px){
		#noble .right {
			order: unset;
		}

		#noble .background-image {
			position: absolute;
			transform: translateY(-22%);
			right: -10%;
			max-width: 60%;
		}
	}
	
	@media(min-width: 768px){
		#noble .background-image {
			transform: translateY(-30%) translateX(10%);
		}
	}

	#noble .wave-track {
		position: absolute;
		width: 100%;
		height: 100%;
		bottom: 0;
		z-index: 6;
		background-image: url('../../images/sky-city/wave-2.jpg');
		background-size: auto 72%;
		background-repeat: repeat-x; 
		background-position: 0% bottom;
	}

	#noble.viewport-active .wave-track {
		animation: waveScroll 20s linear infinite;
	}
	
	@media(min-width: 768px){
		#noble .wave-track {
			animation-duration: 10s;
			background-size: auto 84%;
		}
	}