.min-safe-h-screen {
	/* equivalent to 100dvh in major browsers */
	min-height: calc(100vh - env(safe-area-inset-bottom, 0) - env(safe-area-inset-top, 0));
}

@supports (-webkit-touch-callout: none) {
	.min-safe-h-screen {
		/* for ios safari 15, safe-area-inset-bottom is 0, so a special fix apply here */
		min-height: -webkit-fill-available;
	}
}

.module {
	height: 100vh;
}

@media (orientation: landscape) {
	.module {
		height: 100vh;
		/* Use vh as a fallback for browsers that do not support Custom Properties */
		margin: 0 auto;
	}
}

@media (orientation: portrait) and (max-width: 600px) {
	.module {
		height: 100vh;
		/* Use vh as a fallback for browsers that do not support Custom Properties */
		height: calc(var(--vh, 1vh) * 100);
		margin: 0 auto;
	}
}


@media (orientation: landscape) {
	.hero_video_landscape {
		display: ;
	}
}

@media (orientation: portrait) {
	.hero_video_landscape {
		display: none;

	}
}

@media (orientation: landscape) {
	.hero_video_portrait {
		display: none;
	}
}

@media (orientation: portrait) {
	.hero_video_portrait {
		display: ;

	}
}

#navbar {
	min-height: ;
	background-color: ;
	margin-bottom: ;
}

.box {
	display: inline-block;
	height: 140px;
}

@media (orientation: landscape) and (min-width: 700px) {
	.box {
		height: 140px;
	}
}

@media (orientation: portrait) and (max-width: 699px) {
	.box {
		height: 80px;

	}
}

#section10 a {
	padding-top: 60px;
}

#section10 a span {
	position: absolute;
	top: 0;
	left: 50%;
	width: 30px;
	height: 50px;
	margin-left: -15px;
	border: 2px solid #fff;
	border-radius: 50px;
	box-sizing: border-box;
}

#section10 a span::before {
	position: absolute;
	top: 10px;
	left: 50%;
	content: '';
	width: 6px;
	height: 6px;
	margin-left: -3px;
	background-color: #fff;
	border-radius: 100%;
	-webkit-animation: sdb10 2s infinite;
	animation: sdb10 2s infinite;
	box-sizing: border-box;
}

@-webkit-keyframes sdb10 {
	0% {
		-webkit-transform: translate(0, 0);
		opacity: 0;
	}

	40% {
		opacity: 1;
	}

	80% {
		-webkit-transform: translate(0, 20px);
		opacity: 0;
	}

	100% {
		opacity: 0;
	}
}

@keyframes sdb10 {
	0% {
		transform: translate(0, 0);
		opacity: 0;
	}

	40% {
		opacity: 1;
	}

	80% {
		transform: translate(0, 20px);
		opacity: 0;
	}

	100% {
		opacity: 0;
	}
}

.arrow-fade-in {
	opacity: 0;
	z-index: 1000;
	-webkit-animation: arrowfadeIn 5s;
	-moz-animation: arrowfadeIn 5s;
	-o-animation: arrowfadeIn 5s;
	-ms-animation: arrowfadeIn 5s;
	animation-fill-mode: forwards;
	animation-delay: 3s;
}

@keyframes arrowfadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-moz-keyframes arrowfadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-webkit-keyframes arrowfadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-o-keyframes arrowfadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-ms-keyframes arrowfadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.uk-button-hero {
	background-color: transparent;
	color: #fff;
	border: 2px solid #fff;
	box-shadow: none;
	position: absolute;
	bottom: 40px;
	right: 40px;
	z-index: 1000;
	transition: 0.3s ease-in-out;
}

/* Hover */
.uk-button-hero:hover {
	background-color: transparent;
	color: #fff;
	border-color: #fff;
	transition: 0.3s ease-in-out;
	box-shadow: none;
	border: 2px solid #fff;
	opacity: 0.3;
}

/* OnClick + Active */
.uk-button-hero:active,
.uk-button-hero.uk-active {
	background-color: transparent;
	color: #eeae15;
	border-color: #eeae15;
	box-shadow: none;
}

@media (orientation: portrait) and (max-width: 699px) {
	.uk-button-hero {
		right: 10px;
		bottom: 2dvh;
		transform: scale(0.8);
		box-shadow: none;
	}
}

.navbar {
	z-index: 9999;
}

.uk-navbar-container {
	transition: background 200ms linear;
}

.uk-navbar-right a,
.uk-navbar-right li span,
.uk-navbar-dropdown {
	color: #fff;
}

.navbar {
	background-color: transparent;
	transition: background-color 500ms ease-in;
}

.nav-link {
	font-weight: bold;
	text-decoration: none;
	color: 1#031D44;
	padding: 20px 0px;
	margin: 0px 20px;
	display: inline-block;
	position: relative;
	opacity: 0.75;
}

.nav-link:hover {
	opacity: 1;
}

.nav-link::before {
	transition: 300ms;
	height: 2px;
	content: "";
	position: absolute;
	background-color: #031D44;
}

.nav-link-fade-up::before {
	width: 100%;
	bottom: 20px;
	background: #fff;
	opacity: 0;
}

.nav-link-fade-up:hover::before {
	bottom: 25px;
	opacity: 1;
}

/*.uk-fixed-navigation {
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    z-index: 1030;
}*/

.video-fill-dkv video {
	position: relative;
	top: 0px;
	left: 0px;
	display: block;
	width: 100vw;
	height: auto;
	-o-object-fit: cover;
	object-fit: cover;
}

#modal-contact-us .uk-modal-body {
	background: #ccc;
	border: none;
	border-radius: 15px;
	position: relative;
	max-width: 600px;
	padding: 0px;
	margin: 0px;
	aspect-ratio: 1 / 1;
	overflow: hidden;
}

#modal-contact-us video {
	top: 0;
	left: 0;
	border: none;
	background: #ccc;
	box-shadow: none;
	position: absolute;
	width: 100%;
	height: 100%;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	padding: 0px;
	margin: 0px;
	aspect-ratio: 1 / 1;
	z-index: 10;
}

#modal-contact-us button {
	position: absolute;
	right: 20px;
	bottom: 20px;
	background: rgba(255, 255, 255, 0.6);
	-webkit-backdrop-filter: blur(5px);
	-moz-backdrop-filter: blur(5px);
	-ms-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
	z-index: 100;
}

#modal-contact-us article {
	position: absolute;
	left: 10px;
	bottom: 10px;
	padding: 10px;
	margin: 0px;
	border-radius: 15px;
	background: rgba(255, 255, 255, 0.6);
	-webkit-backdrop-filter: blur(5px);
	-moz-backdrop-filter: blur(5px);
	-ms-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
	z-index: 100;
}

#modal-contact-us article p {
	font-size: 1rem;
	color: #333;
	padding: 0px;
	margin: 0px;
}

#modal-contact-us article span {
	color: #333;
	font-size: 80%;
}

@media (orientation: portrait) and (max-width: 640px) {
	.ouragency_advantages {
		max-width: 90%;
		max-height: auto;
		position: relative;
		display: block;
		justify-content: center;
		margin-left: auto;
		margin-right: auto;
		left: -1rem;
	}
}

@media (orientation: portrait) and (max-width: 640px) {
	.ourdefinitionofeasy {
		height: 220px;

	}
}


html {
	font-family: "Trebuchet MS", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	-webkit-text-size-adjust: 100%;
	font-size: calc(15px + 0.390625vw);
	font-weight: 400;
	line-height: calc((15px + 0.390625vw) * 1.5);
	letter-spacing: 0.025rem;
	background: #fff;
	overflow-x: hidden;
	scroll-behavior: smooth;
}

html,
body {
	overscroll-behaviour: none;
}

body {
	background-color: #fff;
	margin: 0;
	padding: 0;
	widows: 100vw;

	/*touch-action: manipulation;*/
}

* {
	box-sizing: border-box;
}

h1 {
	font-size: 3em;
	width: 60wv;
	margin-bottom: 10px;
}

@media screen and (max-width: 640px) {
	h1 {
		font-size: 2em;
		width: 100%;
	}
}


p,
span,
h1,
.uk-h1,
h2,
.uk-h2,
h3,
.uk-h3,
h4,
.uk-h4,
h5,
.uk-h5,
h6,
.uk-h6,
.uk-heading-small,
.uk-heading-medium,
.uk-heading-large,
.uk-heading-xlarge,
.uk-heading-2xlarge {
	font-family: "Trebuchet MS", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	color: #333;
}

.gif-wrapper {
	position: relative;
	top: 0;
	left: -2rem;
	padding-left: 2rem;
	width: 100%;
	max-width: 600px;
	height: 100%;
	max-height: 300px;
	overflow-x: hidden;
}

@media (orientation: portrait) and (max-width: 640px) {
	.gif-wrapper {
		width: 100%;
		max-width: 300px;
		padding-left: 2.2rem;
		left: -0rem;
		overflow-x: visible;
		padding-bottom: 2rem;
	}
}

.uk-offcanvas-bar {
	/* 1 */
	position: absolute;
	top: 0;
	bottom: 0;
	left: -100vw;
	/* 2 */
	box-sizing: border-box;
	width: 100vw;
	padding: 20px 20px;
	background: #222;
	/* 3 */
	overflow-y: auto;
}

/* Phone landscape and bigger */
@media (min-width: 640px) {
	.uk-offcanvas-bar {
		left: -100vw;
		width: 100vw;
		padding: 30px 30px;
	}
}

/* Flip modifier */
.uk-offcanvas-flip .uk-offcanvas-bar {
	left: auto;
	right: -100vw;
}

/* Tablet landscape and bigger */
@media (min-width: 640px) {
	.uk-offcanvas-flip .uk-offcanvas-bar {
		right: -100vw;
	}
}

.uk-icon {
	color: #009494;
}

.colorized-text-wrapper {
	max-width: 100%;
	height: 100vh;
}

.colorized-text-content {
	max-width: 100%;
	height: 100%;
	display: flex;
	background: #fff;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

.colorized-text-content .colorized-text {
	width: 100%;
	padding: 0;
	text-align: center;
	color: #fff;
	position: relative;
}

.colorized-text h1 {
	letter-spacing: 0rem;
}

@media screen and (min-width: 1500px) {
	.colorized-text h1 {
		font-size: 7vw;
		font-weight: bolder;
		line-height: calc((6vw + 0.390625vw) * 1.2);
	}
}

@media screen and (min-width: 1256px) {
	.colorized-text h1 {
		font-size: 6vw;
		font-weight: bolder;
		line-height: calc((7vw + 0.390625vw) * 1.2);
	}
}

@media screen and (max-width: 1256px) {
	.colorized-text h1 {
		font-size: 6vw;
		font-weight: bolder;
		line-height: calc((8vw + 0.390625vw) * 1.2);
	}
}

@media screen and (max-width: 1024px) {
	.colorized-text h1 {
		font-size: 8vw;
		font-weight: bolder;
		line-height: calc((10vw + 0.390625vw) * 1.5);
	}
}

@media screen and (max-width: 640px) {
	.colorized-text h1 {
		font-size: 8vw;
		font-weight: bolder;
		line-height: calc((10vw + 0.390625vw) * 1.5);
	}
}

@media screen and (max-width: 380px) {
	.colorized-text h1 {
		font-size: 7vw;
		font-weight: bolder;
		line-height: calc((10vw + 0.390625vw) * 1.5);
	}
}

.colorized-text-content .colorized-text .colorized-text-content-gradient {
	position: absolute;
	width: 100%;
	z-index: 2;
	background-color: #fff;
	mix-blend-mode: lighten;
	height: 100%;
	top: 0;
	left: 0px;
}


.uk-dotnav>*>* {
	display: block;
	box-sizing: border-box;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: transparent;
	/* 1 */
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	border: 1px solid #ff8200;
	transition: 0.2s ease-in-out;
	transition-property: background-color, border-color;
}

/* Hover */
.uk-dotnav>*> :hover {
	background-color: #eeae15;
	border-color: transparent;
}

/* OnClick */
.uk-dotnav>*> :active {
	background-color: #ff8200;
	border-color: transparent;
}

/* Active */
.uk-dotnav>.uk-active>* {
	background-color: #ff8200;
	border-color: transparent;
}


.uk-section-default {
	background: #fff;
}

.uk-section-muted {
	background: #f8f8f8;
}

.progress-bar-container {
	position: absolute;
	width: 76vw;
	height: 2px;
	bottom: 25px;
	margin-left: -20px;
	left: 10vw;
	z-index: 5000;
	background-color: rgba(150, 150, 150, 0.6);
}

.progress-bar {
	position: absolute;
	height: 2px;
	background: #fff;
	width: 0%;
}

.progress-container {
	background-color: rgba(150, 150, 150, 0.6);
	height: 3px;
	width: 80%;
	margin-left: auto;
	margin-right: 50px;
}

.uk-card-body {
	background: #fff;
}

.uk-slider .uk-card {
	background: #fff;
	overflow: hidden;
	border: #ff8200 5 solid;

}

.uk-slider .uk-card:hover {
	background: #fff;
	overflow: hidden;
	border: #ff8200 5 solid;
}

.uk-slider .uk-card-body {
	margin-top: 4rem;

}

.uk-slider .uk-card-title h3 {
	position: absolute;
	top: 0.5rem;
	left: 30px;
}

.uk-slider p {
	position: relative;
	margin-top: 0rem;
	opacity: 0.8;
}

.slider-nav {
	position: relative;
	top: 0px;
	height: 40px;
	margin: 0;
	background: transparent;
	width: 100%;
}

@media screen and (max-width: 640px) {
	.uk-slider-arrow {
		visibility: hidden;
	}
}

.left-arrow:hover,
.top-arrow:hover,
.bottom-arrow:hover,
.right-arrow:hover {
	border: 0.1em solid #eeae15;
}

a:hover .left-arrow:after,
a:hover .top-arrow:after,
a:hover .bottom-arrow:after,
a:hover .right-arrow:after {
	border-top: 0.1em solid #eeae15;
	border-right: 0.1em solid #eeae15;
}

.left-arrow {
	position: absolute;
	left: calc(50% - 180px);
	top: -13px;
	display: inline-block;
	width: 2em;
	height: 2em;
	border: 0.1em solid #ff8200;
	border-radius: 50%;

}

.left-arrow:after {
	content: '';
	display: inline-block;
	margin-top: 0.55em;
	margin-left: 0.65em;
	width: 0.7em;
	height: 0.7em;
	border-top: 0.1em solid #ff8200;
	border-right: 0.1em solid #ff8200;
	-moz-transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

.right-arrow {
	position: absolute;
	top: -13px;
	right: calc(50% - 180px);
	display: inline-block;
	width: 2em;
	height: 2em;
	border: 0.1em solid #ff8200;
	border-radius: 50%;


}

.right-arrow:after {
	content: '';
	display: inline-block;
	margin-top: 0.5em;
	margin-left: 0.35em;
	width: 0.7em;
	height: 0.7em;
	border-top: 0.1em solid #ff8200;
	border-right: 0.1em solid #ff8200;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}


.card-icon {
	z-index: 9;
	text-align: right;
	margin-right: 6rem;
	margin-top: -2.5rem;
}

.card-icon img {
	position: absolute;
	z-index: 10;
	width: 5rem;
	height: 5rem;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}

.uk-card-media-top {
	z-index: 9;
}

.uk-card {
	background: #fff;
}

.card-banner p {
	position: absolute;
	z-index: 9;
	color: #fff;
	width: 100%;
	left: 30px;
	padding-left: 1rem;
	margin-top: 1.9rem;
	margin-left: -1rem;
	font-size: 16px;
	opacity: 1;
	border-radius: 10px;
	background: #ff8200;
	/*background-image: linear-gradient(45deg, #ff8200 0%, #ffc486 50%);*/
}


.uk-card-slider-font p {
	font-size: 80%;
	line-height: calc(80% * 1.8);
}

.uk-slider .slider-header img {
	z-index: 9;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;

}

.uk-slider .uk-card {
	z-index: 9;
	background-color: #fff;
	border: 2px solid #ff8200;
	border-radius: 20px;
	/*box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.1);*/
	transition: all 0.4s ease;
	height: 100%;
}

.uk-slider .uk-card:hover {
	background-color: #fff;
	color: #333;
	border-color: #fff;
	transition: all 0.4s ease;
	box-shadow: none;
	border: 2px solid #eeae15;
	transform: scale(1.05);
}

.uk-slider .uk-card:active,
{
background-color: #fff;
color: #333;
border-color: #999999;
}

.laluxpictos {
	position: absolute;
	margin: 0;
	padding: 0;
	border-radius: 10px;
	box-shadow: 0px 4px 12px 0 rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.19);
}

.laluxpictos img {
	border-radius: 10px;
}

.scroll-container {
	height: 100vh;
	background: #000;
}

.speak {
	margin: 150vh 0;
}

.speak h1,
.speak p {
	color: #fff;
	opacity: 1;
	"

}

.speak:first-child {
	margin-top: -50vh;
}

.speak[data-scroll] {
	transition: opacity 0.1s;
	transform: translatey(calc(var(--viewport-y) * 30vh));
	opacity: calc(var(--visible-y));
}

.scroll-sequence__content {
	padding: 3em;
}

.scroll-sequence {
	position: sticky;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: -5;
	height: 100vh;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

h1 {
	font-size: 3em;
	width: 60wv;
	margin-bottom: 10px;
}

@media screen and (max-width: 640px) {
	h1 {
		font-size: 2em;
		width: 100%;
	}
}


.gallery {
	width: 100%;
	height: 700px;
	background-color: #fff;
	display: flex;
	align-items: center;
}

.gallery__hdg {
	display: block;
	margin-left: 160px;
	color: #c3c3c3;
	font-size: 120px;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-shadow: 1px -1px 1px #555, 1px -2px 1px #555, 1px -3px 1px #555, 1px -4px 1px #555, 1px -5px 1px #555, 1px -6px 1px #555, 1px -10px 6px rgba(16, 16, 16, 0.4), 1px -15px 10px rgba(16, 16, 16, 0.2), 1px -20px 35px rgba(16, 16, 16, 0.2), 1px -25px 60px rgba(16, 16, 16, 0.4);
}

.uk-button {
	z-index: 100;
	border-radius: 20px;
	padding: 10px 30px 10px 30px;
	font-size: 1.2rem;
	transition: 0.2s ease-in-out;
	transition-property: color, background, background-color, border-color;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 640px) {
	.uk-button {
		border-radius: 15px;
		padding: 5px 20px 5px 20px;
		font-size: 0.875rem;
	}
}

.uk-button-default {
	background-color: transparent;
	color: #ff8200;
	border: 2px solid #ff8200;
}

/* Hover */
.uk-button-default:hover {
	background-color: transparent;
	color: #eeae15;
	border-color: #fff;
	transition: 0.4s ease-in-out;
	box-shadow: none;
	border: 2px solid #eeae15;
}

/* OnClick + Active */
.uk-button-default:active,
.uk-button-default.uk-active {
	background-color: transparent;
	color: #eeae15;
	border-color: #eeae15;
}

/*
 * Primary
 */
.uk-button-primary {
	background: -moz-linear-gradient(45deg, rgba(255, 130, 0, 1) 0%, rgba(238, 174, 21, 1) 100%);
	background: -webkit-linear-gradient(45deg, rgba(255, 130, 0, 1) 0%, rgba(238, 174, 21, 1) 100%);
	background: linear-gradient(45deg, rgba(255, 130, 0, 1) 0%, rgba(238, 174, 21, 1) 100%);
	background-color: #ff8200;
	color: #fff;
	border: 1px solid transparent;
}

/* Hover */
.uk-button-primary:hover {
	background: -moz-linear-gradient(135deg, rgba(255, 130, 0, 1) 0%, rgba(238, 174, 21, 1) 100%);
	background: -webkit-linear-gradient(135deg, rgba(255, 130, 0, 1) 0%, rgba(238, 174, 21, 1) 100%);
	background: linear-gradient(135deg, rgba(255, 130, 0, 1) 0%, rgba(238, 174, 21, 1) 100%);
	background-color: #ff8200;
	color: #fff;
	border-color: transparent;
}

/* OnClick + Active */
.uk-button-primary:active,
.uk-button-primary.uk-active {
	background-color: #eaee15;
	color: #fff;
}


.uk-button-primary {
	background-color: #ff8200;
	color: #fff;
	border: 1px solid transparent;
}

/* Hover */
.uk-button-primary:hover {
	background-color: #ffaa52;
	color: #fff;
}

/* OnClick + Active */
.uk-button-primary:active,
.uk-button-primary.uk-active {
	background-color: #ffaa52;
	color: #fff;
}

.uk-info-button {
	position: absolute;
	top: 20px;
	right: 20px;
	color: #fff;
	background: #00bbfa;
	/*background-image: linear-gradient(45deg, #000 0%, #000 30%, #c6c6c6 100%);*/
	/*background-image: linear-gradient(45deg, #4158D0 00%, #C850C0 50%, #FFCC70 100%);*/
	border-radius: 35px;
	padding: 3px;
	margin: 0;
}

.uk-info-button:hover {
	color: #fff;
	background: #ff8200;
	/*background-image: linear-gradient(45deg, rgba(255, 130, 0, 1) 0%, rgba(238, 174, 21, 1) 100%);*/
	border-radius: 35px;
	padding: 3px;
	margin: 0px;
}

.uk-info-button:active {
	color: #fff;
	background-image: linear-gradient(45deg, rgba(255, 130, 0, 1) 0%, rgba(238, 174, 21, 1) 100%);
	border-radius: 35px;
	padding: 3px;
	margin: 0px;
}

.uk-info-button-left {
	position: absolute;
	bottom: 10px;
	left: 10px;
	color: #fff;
	background-color: transparent;
	border-radius: 20px;
	padding: 5px;
}

.uk-info-button-left:hover {
	color: #fff;
	background-color: #ff8200;
	border-radius: 20px;
	padding: 5px;
}

.uk-info-button-left:active {
	color: #fff;
	background-color: #ffaa52;
	border-radius: 20px;
	padding: 5px;
}

@media screen and (max-width: 640px) {
	.uk-info-button-left {
		position: absolute;
		bottom: 10px;
		left: auto;
		right: 10px;
		color: #fff;
		background-color: transparent;
		border-radius: 20px;
		padding: 5px;
	}
}

#hero p {
	max-width: 255px;
	word-wrap: break-word;
	margin-bottom: 12px;
	line-height: 24px;
	position: relative;
	padding: 10px 20px;
	border-radius: 25px;

	&:before,
	&:after {
		content: "";
		position: absolute;
		bottom: 0;
		height: 25px;
	}
}

.svghero-background div {
	background-color: #ff8200;
	background-image: linear-gradient(45deg, #ff8200 27%, #eeae15 91%);
	width: 100vw;
	height: 100vh;
}

.svghero div {
	background: transparent;
	justify-content: center;
	align-items: ;
	width: 100vw;
	height: 100wh;
}

.svghero-transition div {
	display: flex;
	background-color: transparents;
	-webkit-animation: shimmy 1s;
	animation: shimmy 1s;
	-webkit-animation-delay: 4s;
	animation-delay: 4s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

@-webkit-keyframes shimmy {
	0% {
		transform: translate(0, 0);
	}

	100% {
		transform: translate(0, -35%) scale(0.6);
	}
}

@keyframes shimmy {
	0% {
		transform: translate(0, 0);
	}

	100% {
		transform: translate(0, -35%) scale(0.6);
	}
}

.svghero-image {
	position: absolute;
	background: transparent;
	right: 0;
	margin-right: -30px;
	bottom: 0;
	-webkit-animation: fadein 6s;
	animation: fadein 6s;
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

@media screen and (min-width: 1256px) {
	.svghero-image {
		height: 70vh;
		right: 0px;
	}
}

@media screen and (max-width: 1256px) {
	.svghero-image {
		height: 60vh;
	}
}

@media screen and (max-width: 1024px) {
	.svghero-image {
		height: 50vh;
	}
}

@media screen and (max-width: 640px) {
	.svghero-image {
		height: 50vh;
	}
}

@media screen and (max-width: 380px) {
	.svghero-image {
		height: 50vh;
	}
}

@keyframes fadein {
	0% {
		opacity: 0;
	}

	66% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-webkit-keyframes fadein {
	0% {
		opacity: 0;
	}

	66% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.svghero svg {
	background-color: transparent;
	font-family: 'Trebuchet MS', sans-serif;
}

.svg-lalux-logo {
	position: relative;
	animation: stroke;
	animation-duration: 3s;
	animation-delay: 0s;
	animation-fill-mode: forwards;
	stroke-width: 0;
	stroke: #fff;
	fill: #fff;


	@keyframes stroke {
		0% {
			fill: rgba(255, 255, 255, 0);
			stroke: rgba(255, 255, 255, 1);
			stroke-dashoffset: 25%;
			stroke-dasharray: 0 50%;
			stroke-width: 2;
		}

		70% {
			fill: rgba(255, 255, 255, 0);
			stroke: rgba(255, 255, 255, 1);
		}

		80% {
			fill: rgba(255, 255, 255, 0);
			stroke: rgba(255, 255, 255, 1);
			stroke-width: 2;
		}

		100% {
			fill: rgba(255, 255, 255, 1);
			stroke: rgba(255, 255, 255, 0);
			stroke-dashoffset: -25%;
			stroke-dasharray: 50% 0;
			stroke-width: 2;
		}
	}

}

.svghero text {
	dominant-baseline: hanging;
	text-transform: none;
	animation: stroke;
	animation-duration: 3s;
	animation-delay: 0s;
	animation-fill-mode: forwards;
	stroke-width: 0;
	stroke: #fff;
	fill: #fff;
	font-size: 46px;
}

@keyframes stroke {
	0% {
		fill: rgba(255, 255, 255, 0);
		stroke: rgba(255, 255, 255, 1);
		stroke-dashoffset: 25%;
		stroke-dasharray: 0 50%;
		stroke-width: 2;
	}

	70% {
		fill: rgba(255, 255, 255, 0);
		stroke: rgba(255, 255, 255, 1);
	}

	80% {
		fill: rgba(255, 255, 255, 0);
		stroke: rgba(255, 255, 255, 1);
		stroke-width: 2;
	}

	100% {
		fill: rgba(255, 255, 255, 1);
		stroke: rgba(255, 255, 255, 0);
		stroke-dashoffset: -25%;
		stroke-dasharray: 50% 0;
		stroke-width: 2;
	}
}

.big-title div {
	background: transparent;
	/*-webkit-filter: url(#svg-blur);
          filter: url(#svg-blur);*/
}

.big-title p {
	text-align: left;
	font-size: 50%;
	font-weight: 600;
	line-height: 150%;
	color: #fff;
	background: transparent;
}

.big-title h1 {
	text-align: left;
	font-weight: 600;
	color: #fff;
	background: transparent;
	/*backdrop-filter: blur(6px);*/
	/*background: rgba(0, 0, 0, 0.2);*/
	/*transform: scale(1.42857143);*/
	-webkit-animation: fadein 5s;
	animation: fadein 5s;
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;

}

@keyframes fadein {
	0% {
		opacity: 0;
		/*filter: blur(6px);*/
	}

	66% {
		opacity: 0;
		/*filter: blur(3px);*/
	}

	100% {
		opacity: 1;
		/*filter: blur(0px);*/
	}
}

@-webkit-keyframes fadein {
	0% {
		opacity: 0;
		/*filter: blur(6px);*/
	}

	66% {
		opacity: 0;
		/*filter: blur(3px);*/
	}

	100% {
		opacity: 1;
		/*filter: blur(6px);*/
	}
}

@media screen and (min-width: 1500px) {
	.big-title h1 {
		font-size: 5vw;
		font-weight: 600;
		line-height: 120%;
		padding: 35vh 0px 0px 30px;
	}
}

@media screen and (min-width: 1256px) {
	.big-title h1 {
		font-size: 5vw;
		font-weight: 600;
		line-height: 120%;
		padding: 35vh 0px 0px 50px;
	}
}

@media screen and (max-width: 1256px) {
	.big-title h1 {
		font-size: 6vw;
		font-weight: 600;
		line-height: 120%;
		padding: 35vh 0px 0px 30px;
	}
}

@media screen and (max-width: 1024px) {
	.big-title h1 {
		font-size: 7vw;
		font-weight: 600;
		line-height: 120%;
		margin-right: -150px;
		padding: 30vh 0px 0px 30px;
	}
}

@media screen and (max-width: 640px) {
	.big-title h1 {
		font-size: 9vw;
		font-weight: 600;
		line-height: 150%;
		padding: 25vh 0px 0px 20px;
	}
}

@media screen and (max-width: 380px) {
	.big-title h1 {
		font-size: 9vw;
		font-weight: 600;
		line-height: 150%;
		padding: 25vh 0px 0px 20px;
	}
}

.hero-scroll-logo {
	position: absolute;
	bottom: 0;
	right: 0;
	vertical-align: bottom;
	-webkit-animation: fadeinscroll 2s;
	animation: fadeinscroll 2s;
	-webkit-animation-delay: 8s;
	animation-delay: 8s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

@keyframes fadeinscroll {
	0% {
		opacity: 0;
		bottom: -10px;
	}

	66% {
		opacity: 0;
		bottom: -10px;
	}

	100% {
		opacity: 1;
		bottom: 10px;
	}
}

@-webkit-keyframes fadeinscroll {
	0% {
		opacity: 0;
		bottom: -10px;
	}

	66% {
		opacity: 0;
		bottom: -10px;
	}

	100% {
		opacity: 1;
		bottom: 10px;
	}
}

.demo a {
	position: absolute;
	background: transparent;
	bottom: 20px;
	left: 50%;
	z-index: 2;
	display: inline-block;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -10%);
	color: #fff;
	font: normal 400 20px/1 'Trebuchet MS', sans-serif;
	letter-spacing: .1em;
	text-decoration: none;

}

.demo a:hover {
	opacity: .5;
}

@media (orientation: portrait) and (max-width: 699px) {
	.demo a {
		left: 10px;
		bottom: 0.2dvh;
		transform: scale(0.7);
	}
}


@-webkit-keyframes sdb10 {
	0% {
		-webkit-transform: translate(0, 0);
		opacity: 0;
	}

	40% {
		opacity: 1;
	}

	80% {
		-webkit-transform: translate(0, 20px);
		opacity: 0;
	}

	100% {
		opacity: 0;
	}
}

@keyframes sdb10 {
	0% {
		transform: translate(0, 0);
		opacity: 0;
	}

	40% {
		opacity: 1;
	}

	80% {
		transform: translate(0, 20px);
		opacity: 0;
	}

	100% {
		opacity: 0;
	}
}

#welcome h1,
#taxes h1,
#faq h1,
#bytheway,
{
font-size: 1.8rem;
font-weight: 400;
}

.skewed-wrapper {
	width: 100%;
	position: absolute;
	top: 40%;
	z-index: 12;
	padding: 20px;
	margin: 0px;
	border-radius: 15px;
	transform: skewY(-6deg);
}

.skewed {
	text-align: center;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	font-size: 4vw;
	width: 66%;
	font-weight: 600;
	color: #fff;
	padding: 20px 10px 20px 10px;
	background: linear-gradient(transparent, transparent) padding-box,
		linear-gradient(to right, rgb(0, 0, 139, 0.8), rgb(195, 74, 254, 0.8)) border-box;
	border-radius: 0.5em;
	border: 6px solid transparent;

	box-shadow:
		0px 0px 0 0px #f9f9fb,
		-1px 0 28px 0 rgba(34, 33, 81, 0.01),
		28px 28px 28px 0 rgba(34, 33, 81, 0.25)
}

@media (max-width: 767px) {
	.skewed {
		width: 80%;
		font-size: 80%;
	}
}

.letter-spacing-wrapper {
	width: 60%;
	position: absolute;
	text-align: justify;
	top: 50%;
	transform: translateY(-50%);
	z-index: 12;
	margin: 0;
	padding: 30px 0 0 0;
	margin-left: 20%;
	letter-spacing: 2px;
	transform:
		/*skewY(-6deg)*/
		translateY(-50%) scale(0.5);
	border-radius: 30px;
	/*border: 5px solid #ff8200;*/
	background: rgba(255, 255, 255, 0.6);
	-webkit-backdrop-filter: blur(5px);
	-moz-backdrop-filter: blur(5px);
	-ms-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
}


@media screen and (min-width: 1256px) {
	.letter-spacing-wrapper {
		width: 80vw;
		margin-left: 10vw;
	}
}

@media screen and (max-width: 1256px) {
	.letter-spacing-wrapper {
		width: 80vw;
		margin-left: 10vw;
	}
}

@media screen and (max-width: 1024px) {
	.letter-spacing-wrapper {
		width: 90vw;
		margin-left: 5vw;
	}
}

@media screen and (max-width: 640px) {
	.letter-spacing-wrapper {
		width: 100vw;
		margin-left: 0vw;
	}
}

@media screen and (max-width: 380px) {
	.letter-spacing-wrapper {
		width: 100vw;
		margin-left: 0vw;
	}
}

.square {
	letter-spacing: 0.005rem;
	position: relative;

}

@media (prefers-reduced-motion: no-preference) {
	.square {
		transition: all 1.5s ease;
		transition-delay: 1s;
	}
}

.square-transition {
	letter-spacing: 150px;
	transform: translate(75px, 0px) scale(1);
}

@media screen and (max-width: 1024px) {
	.square-transition {
		letter-spacing: 90px;
		transform: translate(45px, 0px) scale(1);
	}
}

@media screen and (max-width: 380px) {
	.square-transition {
		letter-spacing: 70px;
		transform: translate(35px, 0px) scale(1);
	}
}

.letter-spacing-align {
	text-align: center;
}

.letter-spacing-font-colored h1 {
	position: relative;
	align-content: center;
	content: "";
	/*background-image: linear-gradient(32deg, #4158D0 40%, #C850C0 50%, #FFCC70 65%);
	-webkit-background-clip: text;*/
	color: #ff8200;
	/*If bg with gradient transition -> transparent;*/
	text-align: center;

}

@media screen and (min-width: 1500px) {
	.letter-spacing-font h1 {
		font-size: 6vw;
		font-weight: bolder;
		line-height: calc((6vw + 0.390625vw) * 1.2);
	}
}

@media screen and (min-width: 1256px) {
	.letter-spacing-font h1 {
		font-size: 7vw;
		font-weight: bolder;
		line-height: calc((7vw + 0.390625vw) * 1.2);
	}
}

@media screen and (max-width: 1256px) {
	.letter-spacing-font h1 {
		font-size: 8vw;
		font-weight: bolder;
		line-height: calc((8vw + 0.390625vw) * 1.2);
	}
}

@media screen and (max-width: 1024px) {
	.letter-spacing-font h1 {
		font-size: 10vw;
		font-weight: bolder;
		line-height: calc((10vw + 0.390625vw) * 1.5);
	}
}

@media screen and (max-width: 640px) {
	.letter-spacing-font h1 {
		font-size: 10vw;
		font-weight: bolder;
		line-height: calc((10vw + 0.390625vw) * 1.5);
	}
}

@media screen and (max-width: 380px) {
	.letter-spacing-font h1 {
		font-size: 10vw;
		font-weight: bolder;
		line-height: calc((10vw + 0.390625vw) * 1.5);
	}
}

#welcome h2,
#products h2,
#faq h2 {
	font-size: 1.5rem;
	font-weight: 400;
}


#faq li {
	background-color: #fff;
	border: 1px solid #ff8200;
	border-radius: 10px;
	transition: 0.4s ease-in-out;
	/*box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.1);*/
}

#faq li:hover {
	border: 1px solid #eeae15;
	transition: 0.4s ease-in-out;
	box-shadow: none;
}

#faq li:active {
	border: 1px solid #eeae15;
	transition: 0.4s ease-in-out;
	box-shadow: none;
}

.faq.active {
	border: 1px solid #eeae15;
	transition: 0.4s ease-in-out;
	box-shadow: none;
}

#faq .uk-accordion-title p {
	font-size: 80%;
}

#faq a:not(.uk-button) {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 15px;
}

#faq p {
	padding-right: 35px;
	text-align: justify;
}

.faq .uk-accordion-content {
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 15px;
}

.custom-shape-divider-top-1683630231 {
	position: relative;
	top: +29px;
	left: 0;
	width: 100%;
	overflow: hidden;
	line-height: 0;
}

.custom-shape-divider-top-1683630231 svg {
	position: relative;
	display: block;
	width: calc(100% + 1.3px);
	height: 77px;
}

.custom-shape-divider-top-1683630231 .shape-fill {
	fill: #fff;
}

/** For mobile devices **/
@media (max-width: 767px) {
	.custom-shape-divider-top-1683630231 svg {
		width: calc(100% + 1.3px);
		height: 29px;
	}
}

/* ===== Scrollbar CSS ===== */
/* Firefox */
* {
	scrollbar-width: none;
	scrollbar-color: #ffffff #ffffff;
}

/* Chrome, Edge, and Safari */
*::-webkit-scrollbar {
	width: 0px;
}

*::-webkit-scrollbar-track {
	background: #ffffff;
}

*::-webkit-scrollbar-thumb {
	background-color: #ffffff;
	border-radius: 0px;
	border: 0px none #ffffff;
}

@font-face {
	font-family: 'Trebuchet MS';
	font-style: normal;
	src: local('Trebuchet MS'), local('Trebuchet MS-Italic'),
		url(fonts/trebuc.ttf) format('ttf'),
		url(fonts/Trebuchet-MS-Italic.ttf) format('ttf');
}

@font-face {
	font-family: 'DIN Alternate';
	font-style: normal;
	src: local('DIN Alternate'),
		url(fonts/DIN Alternate Bold.ttf) format('ttf'),
}

.uk-close {
	color: #fff;
}

[class*='uk-modal-close-'] {
	position: absolute;
	z-index: 1010;
	top: 10px;
	right: 10px;
	padding: 10px;
}

.leaf {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	z-index: 0;
}

.leaf div {
	position: absolute;
	display: block;
	z-index: 0;
}

.leaf div:nth-child(1) {
	left: 20%;
	animation: fall 15s linear infinite;
	animation-delay: -2s;
	z-index: 0;
}

.leaf div:nth-child(2) {
	left: 70%;
	animation: fall 15s linear infinite;
	animation-delay: -4s;
	z-index: 0;
}

.leaf div:nth-child(3) {
	left: 10%;
	animation: fall 20s linear infinite;
	animation-delay: -7s;
	z-index: 0;
}

.leaf div:nth-child(4) {
	left: 50%;
	animation: fall 18s linear infinite;
	animation-delay: -5s;
	z-index: 0;
}

.leaf div:nth-child(5) {
	left: 85%;
	animation: fall 14s linear infinite;
	animation-delay: -5s;
	z-index: 0;
}

.leaf div:nth-child(6) {
	left: 15%;
	animation: fall 16s linear infinite;
	animation-delay: -10s;
	z-index: 0;
}

.leaf div:nth-child(7) {
	left: 90%;
	animation: fall 15s linear infinite;
	animation-delay: -4s;
	z-index: 0;
}

@keyframes fall {
	0% {
		opacity: 1;
		top: -10%;
		transform: translateX (20px) rotate(0deg);
	}

	20% {
		opacity: 0.8;
		transform: translateX (-20px) rotate(45deg);
	}

	40% {

		transform: translateX (-20px) rotate(90deg);
	}

	60% {

		transform: translateX (-20px) rotate(135deg);
	}

	80% {

		transform: translateX (-20px) rotate(180deg);
	}

	100% {

		top: 110%;
		transform: translateX (-20px) rotate(225deg);
	}
}

.leaf1 {
	transform: rotateX(0deg);
}


.gradient-background {
	background: linear-gradient(299deg, #ff8200, #eeae15, #dd8223);
	background-size: 180% 180%;
	animation: gradient-animation 5s ease infinite;
}

@keyframes gradient-animation {
	0% {
		background-position: 0% 50%;
	}

	50% {
		background-position: 100% 50%;
	}

	100% {
		background-position: 0% 50%;
	}
}

#language div {
	position: relative;
	/* -webkit-box-shadow: inset 0px 0px 5px 5px #a0a0a0, 0px 0px 0px 0px #a0a0a0;
  box-shadow: inset 0px 0px 5px 5px #a0a0a0, 0px 0px 0px 0px #a0a0a0;*/
}

.placeholder {
	margin-bottom: 0px;
	padding: 20px 20px;
	border: 0px;
	background: #f8f8f8;
	color: #fff;
}

*+.placeholder {
	margin-top: 20px;
}

.placeholder> :last-child {
	margin-bottom: 0;
}

#language h3 {
	font-size: 1rem;
	font-weight: 300;
	text-align: center;
	color: #000;
}

#transition_01 div {
	width: 100vw;
	height: 100px;
	position: relative;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	background: -moz-linear-gradient(180deg, rgba(255, 130, 0, 1) 0%, rgba(255, 255, 255, 1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(255, 130, 0, 1) 0%, rgba(255, 255, 255, 1) 100%);
	background: linear-gradient(180deg, rgba(255, 130, 0, 1) 0%, rgba(255, 255, 255, 1) 100%);
}


#text1,
#text2 {
	position: absolute;
	width: 100%;
	display: inline-block;
	font-size: 3rem;
	color: #000;
	text-align: center;
	user-select: none;
}

@use postcss-nested;

:root {
	--send-bg: #0B93F6;
	--send-color: white;
	--receive-bg: #E5E5EA;
	--receive-text: black;
	--page-background: white;
}

.message-bubble-body {
	max-width: 450px;
	margin: 50px auto;
	display: flex;
	flex-direction: column;
	background-color: var(--page-background);
}

.send {
	color: var(--send-color);
	background: var(--send-bg);
	align-self: flex-end;

	&:before {
		right: -7px;
		width: 20px;
		background-color: var(--send-bg);
		border-bottom-left-radius: 16px 14px;
	}

	&:after {
		right: -26px;
		width: 26px;
		background-color: var(--page-background);
		border-bottom-left-radius: 10px;
	}
}

.receive {
	background: var(--receive-bg);
	color: black;
	align-self: flex-start;

	&:before {
		left: -7px;
		width: 20px;
		background-color: var(--receive-bg);
		border-bottom-right-radius: 16px 14px;
	}

	&:after {
		left: -26px;
		width: 26px;
		background-color: var(--page-background);
		border-bottom-right-radius: 10px;
	}
}

.uk-heading-bullet::before {
	border-left: calc(5px + 0.1em) solid #ff8200;
}

.uk-card-media-left {
	border-radius: 20px 0px 0px 20px;
}

@media (max-width: 640px) {
	.uk-card-media-left {
		border-radius: 20px 20px 0px 00px;
	}
}

.uk-card-media-right {
	border-radius: 0px 20px 20px 0px;
}

@media (max-width: 640px) {
	.uk-card-media-right {
		border-radius: 20px 20px 0px 00px;
	}
}

.uk-card,
.uk-card-default,
{
color: #fff;
/*box-shadow: 0 5px 15px -5px #333;*/
}

.uk-card,
.uk-card-lalux-blue,
span {
	content: "";
	background-image: radial-gradient(circle at top right, #00E0E0, #009494);

	/*background-image: radial-gradient(circle at top right, rgba(0, 187, 255, 1),#0d3fff);   
    #00E0E0,#009494*/

	/*rgba(0, 187, 255, 1),rgba(13, 63, 255, 1)*/
	-webkit-background-clip: text;
	color: transparent;
}

.uk-card-default {
	border-radius: 20px;
	color: #fff;
	background: rgb(2, 0, 36);
	background: -moz-linear-gradient(45deg, rgba(255, 130, 0, 1) 0%, rgba(238, 174, 21, 1) 100%);
	background: -webkit-linear-gradient(45deg, rgba(255, 130, 0, 1) 0%, rgba(238, 174, 21, 1) 100%);
	background: linear-gradient(45deg, rgba(255, 130, 0, 1) 0%, rgba(238, 174, 21, 1) 100%);
}

.uk-card-primary {
	border-radius: 20px;
	color: #fff;
	background: rgb(2, 0, 36);
	background: -moz-linear-gradient(90deg, rgba(0, 96, 169, 1) 0%, rgba(104, 170, 210, 1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(0, 96, 169, 1) 0%, rgba(104, 170, 210, 1) 100%);
	background: linear-gradient(90deg, rgba(0, 96, 169, 1) 0%, rgba(104, 170, 210, 1) 100%);
}

.uk-card-secondary {
	border-radius: 20px;
	color: #fff;
	opacity: 1;
	background: rgb(2, 0, 36);
	background: -moz-linear-gradient(90deg, rgba(112, 113, 115, 1) 0%, rgba(156, 158, 159, 1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(112, 113, 115, 1) 0%, rgba(156, 158, 159, 1) 100%);
	background: linear-gradient(90deg, rgba(112, 113, 115, 1) 0%, rgba(156, 158, 159, 1) 100%);
}

.uk-card-you {
	border-radius: 20px;
	color: #fff;
	opacity: 1;
	background: rgb(2, 0, 36);
	background: -moz-linear-gradient(90deg, rgba(0, 69, 64, 1) 0%, rgba(135, 163, 30, 1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(0, 69, 64, 1) 0%, rgba(135, 163, 30, 1) 100%);
	background: linear-gradient(90deg, rgba(0, 69, 64, 1) 0%, rgba(135, 163, 30, 1) 100%);
}

.uk-card-lalux-blue,
span {
	position: relative;
	box-sizing: border-box;
}

.uk-card-lalux-blue-overlay {
	position: absolute;
	z-index: 0;
	left: -4%;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	margin: auto;
	box-sizing: border-box;
	color: #fff;
	border: solid 8px transparent;
	border-radius: 20px;
	background-image: linear-gradient(#fff, #fff), radial-gradient(circle at top right, #00E0E0, #009494);

	/*background-image: linear-gradient(#fff, #fff), radial-gradient(circle at top right, rgba(0, 187, 255, 1),rgba(13, 63, 255, 1));*/

	background-origin: border-box;
	background-clip: padding-box, border-box;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.1);
	-webkit-transform: rotate(0deg) scale(1.05) translateY(0px);
	-ms-transform: rotate(0deg) scale(1.05) translateY(0px);
	transform: rotate(0deg) scale(1.05) translateY(0px);
}

.uk-card-lalux-blue-rounded {
	color: #fff;
	border: double 2px transparent;
	border-radius: 20px;
	background-image: linear-gradient(#fff, #fff), radial-gradient(circle at top right, rgba(0, 187, 255, 1), rgba(13, 63, 255, 1));
	background-origin: border-box;
	background-clip: padding-box, border-box;
}

.uk-card-everyday {
	border-radius: 20px;
	color: #fff;
	opacity: 1;
	background: rgb(2, 0, 36);
	background: -moz-linear-gradient(90deg, rgba(0, 96, 169, 1) 0%, rgb(89, 155, 204, 1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(0, 96, 169, 1) 0%, rgba(89, 155, 204, 1) 100%);
	background: linear-gradient(90deg, rgba(0, 96, 169, 1) 0%, rgba(89, 155, 204, 1) 100%);
}

.serenity-video,
img {
	position: relative;
	box-sizing: border-box;
}

.serenity-video-overlay {
	padding: 1rem;
	position: relative;
	background: rgb(255, 130, 0);
	background: -moz-linear-gradient(135deg, rgba(255, 130, 0, 1) 0%, rgba(238, 174, 21, 1) 100%);
	background: -webkit-linear-gradient(135deg, rgba(255, 130, 0, 1) 0%, rgba(238, 174, 21, 1) 100%);
	background: linear-gradient(135deg, rgba(255, 130, 0, 1) 0%, rgba(238, 174, 21, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff8200", endColorstr="#eeae15", GradientType=1);
	padding: 10px;
	border-radius: 30px;


}

.easy-app {
	z-index: 0;
	position: relative;
	box-sizing: border-box;
}

.easy-app-overlay {
	position: absolute;
	z-index: 0;
	top: 0;

	width: 100%;
	height: 100%;
	box-sizing: border-box;
	color: #fff;

}

.uk-modal {
	background: rgba(0, 0, 0, 0.1);
	-webkit-backdrop-filter: blur(2px);
	-moz-backdrop-filter: blur(2px);
	-ms-backdrop-filter: blur(2px);
	backdrop-filter: blur(2px);
}

.uk-modal-header {
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	border-bottom: none;
	padding-bottom: 10px;
}

.uk-modal-body {
	padding-left: 44px;
}

@media (max-width: 640px) {
	.uk-modal-body {
		padding-left: 35px;
	}
}

.uk-modal-dialog {
	border-radius: 15px;
	/*background: rgb(240, 240, 240, 0.93);
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.1);*/
	background: #fff;
}

.uk-modal-dialog-gradient {
	border-radius: 15px;
	background: -moz-linear-gradient(45deg, rgba(255, 130, 0, 1) 0%, rgba(238, 174, 21, 1) 100%);
	background: -webkit-linear-gradient(45deg, rgba(255, 130, 0, 1) 0%, rgba(238, 174, 21, 1) 100%);
	background: linear-gradient(45deg, rgba(255, 130, 0, 1) 0%, rgba(238, 174, 21, 1) 100%);
}

.uk-modal-body h1,
.uk-modal-body h2,
.uk-modal-body h3,
.uk-modal-body p,
.uk-modal-body a .uk-modal-body span {
	color: #333;
}

@media (max-width: 640px) {
	.uk-card {
		max-width: 300px;
		margin: auto;
		left: auto;
		right: auto;
	}
}


@media (min-width: 500px) {

	.contact img {
		max-width: 100vw;
		max-height: 100vh;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
	}
}


/* Lalux esayLIFE Invest for future - Comparison - Start */

.frame {
	position: relative;
	margin: auto;
	width: 600px;
	height: 600px;
	border-radius: 0px;
	background: #000;
	color: #5E5E5E;
	font-family: Trebuchet MS, 'Open Sans', Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@media screen and (max-width: 640px) {
	.frame-wrapper {
		margin: auto;
	}

	.frame {
		transform: scale(0.8);
		background: #000;
		margin-left: -13vw;
	}
}

.plan {
	position: absolute;
	margin: auto;
	width: 250px;
	top: 30px;
	left: 35px;
	background: #fff;
	border-radius: 15px;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
	opacity: 0.8;
}

.plan.basic:hover {
	transform: perspective(800px) rotateY(15deg) translateY(0px) rotateX(10deg) scale(1.2);
}

.plan.basic:hover~.datas .users .fill {
	transform: scaleX(0.98) translate3d(0, 0, 0);
	background: red;
}

.plan.basic:hover~.datas .gb .fill {
	transform: scaleX(0.96) translate3d(0, 0, 0);
	background: red;
}

.plan.basic:hover~.datas .projects .fill {
	transform: scaleX(0) translate3d(0, 0, 0);
	background: red;
}

.plan.basic:hover .price-red {
	color: red;
}

.plan.pro {
	left: 315px;
}

.plan.pro:hover {
	transform: perspective(800px) rotateY(-15deg) translateY(0px) rotateX(10deg) scale(1.2);
}

.plan.pro:hover~.datas .users .fill {
	transform: scaleX(0.65) translate3d(0, 0, 0);
	background: limegreen;
}

.plan.pro:hover~.datas .gb .fill {
	transform: scaleX(0.63) translate3d(0, 0, 0);
	background: limegreen;
}

.plan.pro:hover~.datas .projects .fill {
	transform: scaleX(0.78) translate3d(0, 0, 0);
	background: limegreen;
}

.plan:hover {
	transform: scale(1.1) translate3d(0, 0, 0);
	box-shadow: 2px 2px 2px 2px rgba(136, 136, 136, 0.0);
	opacity: 1;
}

.plan:hover .title {
	background: #ff8200;
}

.plan:hover .price {
	color: limegreen;
}

.plan:hover .price-red {
	color: limegreen;
}

.plan .title {
	height: 36px;
	text-align: center;
	background: #ff8200;
	color: #fff;
	font-weight: 600;
	line-height: 36px;
	font-size: 14px;
	transition: all 0.3s ease-in-out;
}

.plan .text01 {
	text-align: center;
	font-size: 16px;
	line-height: 12px;
	font-weight: 100;
	padding: 10px 0 5px 0;
	transition: all 0.3s ease-in-out;
}

.plan .price {
	text-align: center;
	font-size: 30px;
	line-height: 30px;
	font-weight: 700;
	padding: 16px 0 17px 0;
	transition: all 0.3s ease-in-out;
}

.plan .price span {
	display: block;
	font-size: 12px;
	line-height: 12px;
	font-weight: 400;
}

.datas {
	position: absolute;
	top: 300px;
	height: 300px;
	width: 560px;
	left: 0px;
	color: #fff;
	background: #000;
	transform: perspective(800px) rotateY(-15deg) translateY(-50px) rotateX(10deg) scale(1);
	filter: blur(0);
	opacity: 1;
	/*box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.1);*/
}

.datas .data {
	margin: 17px 15px 0 15px;
}

.datas .data .text {
	font-size: 12px;
	height: 20px;
}

.datas .data .text .left {
	float: left;
}

.datas .data .text .right {
	float: right;
}

.datas .data .text .k100 {
	position: absolute;
	margin-left: 40%;
}

.datas .data .text .k700 {
	position: absolute;
	margin-left: 12%;
}

.datas .data .text .k42 {
	position: absolute;
	margin-left: -14%;
}

.datas .data .line {
	position: relative;
	z-index: 5;
	width: 100%;
	height: 10px;
	background: #333;
	border-radius: 5px;
	overflow: hidden;
}

.datas .data .line .fill {
	position: relative;
	z-index: 1;
	height: 10px;
	width: 100%;
	background: #c3c3c3;
	transform: scaleX(0);
	transform-origin: 0 50%;
	transition: all 1s ease-in-out;
	border-radius: 3px;
}

/* Lalux esayLIFE Invest for future - Comparison - End */


/* BACKUP CODE - START */

/* YouTube Video Wrapper - Start */

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%;
	/* 16:9 */
	height: 0;
	background-color: #fff;
}

.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
}

/* YouTube Video Wrapper - End */


/* Animation Video Wrapper - Start */

.videoWrapper_Animation {
	position: relative;
	padding-bottom: 56.25%;
	/* 16:9 */
	height: 0;
	background-color: #fff;
}

.videoWrapper_Animation video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
}

.footer {
    left: 50px;
    bottom: 100px;
}