body  {
	margin:  0;
	overflow-x:  hidden;
	background-color:  #14181C;
	color:  #DBEEFF;
}

.secondary  {
	background-color:  #0a2259;
	color:  #DBEEFF;
}

*  {
	font-family:  Corbel, sans-serif;
	font-size:  21px;
	line-height:  36px;
	letter-spacing:  1px;
}

.product-image  {
	position:  absolute;
	width:  100%;
	z-index:  1;
	object-fit:  cover;
	max-height:  100%;
}

.light-secondary  {
	background-color:  rgba(0, 6, 20, 0.3);
	color:  #DBEEFF;
}

h3  {
	font-size:  42px;
	font-weight:  800;
	line-height:  60px;
	letter-spacing:  0;
	margin:  0;
}

.product-hero::before  {
	content:  "";
	position:  absolute;
	top:  0;
	left:  0;
	width:  100%;
	height:  100%;
	background-size:  cover;
	background-position:  center top;
	z-index:  -1;
	transform:  translateZ(0);
}

a  {
	color:  inherit;
	text-decoration:  none;
	padding:  6px 16px;
	font-size:  21px;
	line-height:  36px;
	letter-spacing:  2px;
	transition:  color 0.1s;
}

.heroObjectContainer  {
	display:  flex;
	flex-direction:  column;
	justify-content:  center;
	align-items:  center;
	margin-top:  calc(100dvh - 250px);
	margin-bottom:  16px;
}

.product-element  {
	position:  relative;
	margin:  0 40% 0 20%;
	z-index:  2;
	padding:  128px 0;
}

.smallIcon  {
	height:  18px;
}

.heroObjectContainer > button  {
	margin:  15px;
}

h4  {
	font-size:  30px;
	font-weight:  1000;
	line-height:  45px;
	letter-spacing:  0;
	margin:  0;
}

.background  {
	background-color:  #14181C;
	color:  #DBEEFF;
}

.accent-gradient-bright  {
	background:  linear-gradient(to right, rgba(111,50,138,0), #7c1aaa);
}

button  {
	border:  none;
	border-radius:  50px;
	cursor:  pointer;
	font-size:  18px;
	padding:  10px 20px;
	width:  fit-content;
	text-transform:  uppercase;
}

.about-person-container  {
	display:  flex;
	flex-direction:  row;
	justify-content:  center;
	align-items:  center;
}

.centeredContent > *  {
	width:  fit-content;
	margin-left:  auto;
	margin-right:  auto;
}

h1  {
	font-size:  68px;
	font-weight:  800;
	letter-spacing:  -1px;
	line-height:  100px;
	margin:  0;
}

h2  {
	font-size:  50px;
	font-weight:  800;
	line-height:  70px;
	letter-spacing:  0;
	margin:  0;
}

p  {
	margin:  25px 0 0 0;
	text-align:  justify;
}

#loadingScreen  {
	position:  fixed;
	z-index:  99;
	width:  100dvw;
	height:  100%;
	top:  0;
	left:  0;
	display:  flex;
}

.fieldOfWorkLeftElement-content  {
	display:  none;
	height:  fit-content;
	overflow:  hidden;
	font-weight:  350;
}

.rightCenteredContent > *  {
	margin-left:  auto !important;
}

.topNavbar  {
	flex-direction:  row;
	position:  absolute;
	left:  0;
	top:  0;
	justify-content:  center;
	width:  calc(100% - 50px);
	display:  flex;
	align-items:  center;
	padding:  25px;
	background:  linear-gradient(to bottom, black, rgba(0, 0, 0, 0));
}

.mobileNav  {
	background:  linear-gradient(to bottom, black, rgba(0, 0, 0, 0));
	display:  none;
}

.about-person-image  {
	border-radius:  50%;
	max-width:  200px;
	margin-right:  36px;
}

.icon  {
	height:  22px;
}

.sideNav  {
	display:  none;
}

.hero-sub-container-card > img  {
	height:  110px;
	object-fit:  cover;
	margin-bottom:  32px;
}

.heroVideo  {
	position:  absolute;
	width:  100%;
	max-height:  100%;
	object-fit:  cover;
	z-index:  -1;
	top:  0;
}

.fieldOfWorkLeftElement-headerButton  {
	display:  none;
	background:  none;
	margin-left:  auto;
}

.heroImage  {
	position:  absolute;
	width:  100%;
	max-height:  100%;
	object-fit:  cover;
	z-index:  -1;
	top:  0;
	bottom:  -50px;
}

.hero-sub-container-card  {
	display:  flex;
	flex-direction:  column;
	width:  fit-content;
	justify-content:  center;
	align-items:  center;
}

.heroImageSmall  {
	position:  absolute;
	width:  100%;
	max-height:  100%;
	object-fit:  cover;
	z-index:  -1;
	top:  0;
}

button:hover  {
	color:  #a6b1bd;
}

.landing-3d-element  {
	margin:  0 30% 0 30%;
}

.leftCenteredContent  {
	width:  60%;
	margin:  0 20% 0 20%;
}

.centeredContent  {
	width:  50%;
	margin:  0 auto;
	display:  flex;
	justify-content:  center;
	align-items:  center;
	flex-direction:  column;
}

.parallax  {
	position:  relative;
	overflow:  hidden;
}

.rightCenteredContent  {
	margin:  0 20% 0 40%;
	display:  flex;
	flex-direction:  column;
}

.primary-gradient-bright  {
	background:  linear-gradient(to right, rgba(111,50,138,0), #16659a);
}

.loadingBarContainer  {
	width:  100%;
	height:  2px;
}

.loadingBarTail  {
	left:  0;
	width:  100%;
	height:  100%;
	border-radius:  5px;
}

.loadingBarProjectile  {
	position:  relative;
	width:  0;
	height:  3px;
	border-radius:  10px;
	filter:  blur(2px);
	left:  0;
	top:  -2.5px;
	opacity:  0;
}

.hero-header-container  {
	padding:  180px 0;
	background-image:  radial-gradient(circle at center, #25282b 0%, #14181C 100%);
}

.mediumIcon  {
	height:  33px;
}

.bigIcon  {
	height:  44px;
}

.mobileNavButton  {
	display:  none;
}

.backgroundBlur  {
	display:  none;
	position:  fixed;
	top:  0;
	left:  0;
	width:  100dvw;
	height:  100dvh !important;
	backdrop-filter:  blur(5px);
	z-index:  19;
	background-color:  rgba(0, 0, 0, 0.5);
}

.fieldOfWorkContainer-left  {
	width:  60%;
	margin-right:  5%;
}

a:hover  {
	color:  #a6b1bd;
}

.fieldOfWorkContainer-right > img  {
	border-radius:  5px;
}

.home-intro-element  {
	position:  relative;
	margin:  0 25% 0 25%;
	z-index:  2;
}

#loadingScreen > div  {
	margin:  auto;
	width:  fit-content;
	height:  fit-content;
	display:  flex;
	flex-direction:  column;
	align-items:  center;
}

#loadingScreen > div > img  {
	width:  220px;
}

#loadingScreen > div > p  {
	margin:  100px auto 15px auto;
}

.see-down-header  {
	margin-top:  750px;
	background-color:  rgba(20, 24, 28, 0.9);
	padding:  18px 0;
}

.seeDown > img  {
	margin:  0 auto;
}

.hero-header  {
	margin:  0;
	text-align:  center;
}

.parallax::before  {
	content:  "";
	position:  absolute;
	top:  0;
	left:  0;
	width:  100%;
	height:  100%;
	background-size:  cover;
	background-position:  center top;
	z-index:  -1;
	transform:  translateZ(0);
}

.hero-header-sub-container  {
	display:  flex;
	flex-direction:  row;
	justify-content:  center;
	align-items:  end;
	flex-wrap:  wrap;
	margin-top:  48px;
	gap:  96px;
}

.hero-call-to-action-container  {
	display:  flex;
	flex-direction:  row;
	justify-content:  center;
	align-items:  center;
	margin-top:  128px;
}

.product-p-container  {
	position:  relative;
	display:  flex;
	flex-direction:  row;
	justify-content:  center;
	align-items:  center;
	width:  100%;
	background-color:  #070808;
}

.right-element  {
	margin:  0 20% 0 40% !important;
	text-align:  right !important;
}

.homeIntroContainer:before  {
	content:  "";
	position:  absolute;
	z-index:  -2;
	top:  0;
	width:  100%;
	height:  100%;
	background-image:  radial-gradient(circle at center, #25282b 0%, #14181C 100%);
}

.landing-ind-software-container  {
	width:  100%;
	padding:  196px 0;
}

.right-element > p  {
	text-align:  right !important;
}

.landing-products-element  {
	position:  relative;
	margin:  0 23% 0 23%;
	-webkit-backdrop-filter:  blur(50px);
	backdrop-filter:  blur(50px);
	background-color:  rgba(20, 24, 28, 0.7);
	border-radius:  15px;
	padding:  64px 128px;
}

.product-hero  {
	margin:  0 !important;
	padding:  196px 0;
	width:  100%;
	position:  relative;
	overflow:  hidden;
}

.landing-3d-container  {
	position:  relative;
	overflow:  hidden;
	width:  100%;
	padding:  196px 0;
}

.product-hero::before,.product-hero.parallax::before  {
	background-image:  url('../source/Background1.png');
}

.footer-container  {
	position:  relative;
	display:  flex;
	margin-top:  128px;
}

.fieldOfWorkMobileImageContainer  {
	display:  none;
}

.footer-container > img  {
	position:  absolute;
	z-index:  1;
	width:  100%;
	object-fit:  cover;
}

.contactsContainer > div  {
	display:  flex;
	flex-direction:  row;
	align-items:  center;
	margin:  0 16px;
}

.footer-container > button  {
	position:  relative;
	z-index:  2;
	margin-left:  auto;
	margin-right:  auto;
}

.contact-header  {
	margin:  350px auto 0 auto;
	width:  fit-content;
	text-align:  center;
}

.fieldOfWorkContainer  {
	display:  flex;
	flex-direction:  row;
	margin:  200px 0 200px 0;
}

.fieldOfWorkContainer-right  {
	width:  30%;
	margin-left:  5%;
}

.fieldOfWorkLeftElement  {
	margin-bottom:  15px;
	border-radius:  5px 5px 0 0;
}

.fieldOfWorkLeftElement-header  {
	display:  flex;
	flex-direction:  row;
	padding:  25px 35px;
}

.landing-ind-software-element  {
	margin:  0 25% 0 25%;
}

.fieldOfWorkLeftElement-header > h1,.fieldOfWorkLeftElement-header > h2,.fieldOfWorkLeftElement-header > h3,.fieldOfWorkLeftElement-header > h4  {
	cursor:  pointer;
}

.seeDown  {
	display:  flex;
	flex-direction:  row;
	align-items:  center;
	cursor:  pointer;
}

.fieldOfWorkLeftElement-loadingBar  {
	display:  none;
}

.homeIntroContainer  {
	position:  relative;
	padding:  196px 0;
}

.landing-products-container  {
	width:  100%;
	padding:  128px 0;
	position:  relative;
	overflow:  hidden;
}

.landing-products-container:before  {
	content:  "";
	position:  absolute;
	top:  0;
	left:  0;
	width:  100%;
	height:  100%;
	z-index:  -1;
	background-size:  cover;
	background-position:  center top;
	transform:  translateZ(0);
}

.landing-products-container::before,.landing-products-container.parallax::before  {
	background-image:  url('../source/WebsiteLandingProductsBackground.png');
}

.landing-products-call-to-action  {
	display:  flex;
	flex-direction:  row;
	justify-content:  center;
	align-items:  center;
	margin-top:  32px;
}

.contactsContainer  {
	margin-top:  12px;
}

.landing-3d-container:before  {
	content:  "";
	position:  absolute;
	top:  0;
	width:  100%;
	height:  100%;
	z-index:  -1;
	background-size:  cover;
	background-image:  url('../source/RedBaron1.png');
}

.landing-bottom-container  {
	margin-top:  196px;
	margin-bottom:  196px;
}

.initialLoadingBarContainer  {
	height:  15px;
	width:  100%;
}

.fieldOfWorkMobileContainer  {
	display:  none;
}

.fixedCloseBtn  {
	display:  none;
}

.active-text  {
	color:  #DBEEFF;
}

.inactive-text  {
	color:  #7a8187;
}

.standard-config  {
}

.primary  {
	background-color:  #205071;
	color:  #DBEEFF;
}

.primary-gradient-hot  {
	background:  linear-gradient(to right, rgba(32, 80, 113, 0), #b8cfdf);
}

.primary-text  {
	color:  #2e76a6;
	font-weight:  bold;
	background:  none;
}

.accent  {
	background-color:  #6f328a;
	color:  #DBEEFF;
}

.accent-gradient  {
	background:  linear-gradient(to right, rgba(111,50,138,0), #6f328a);
}

.accent-gradient-hot  {
	background:  linear-gradient(to right, rgba(111,50,138,0), #cca8dd);
}

.accent-text  {
	color:  #9a44bf;
	font-weight:  bold;
	background:  none;
}

.light-background  {
	background-color:  rgba(255, 255, 255, 0.05) !important;
}

.medium-background  {
	background-color:  rgba(255, 255, 255, 0.15);
}

.light-primary  {
	background-color:  rgba(32, 80, 113, 0.2);
	color:  #101213;
}

@media screen and (max-width: 1850px) {
	    *  {
		font-size:  15px;
		line-height:  20px;
	}

	    .fieldOfWorkMobileImageContainer > img  {
		display:  none;
		width:  auto;
		height:  70%;
		border-radius:  5px;
	}

	    h3  {
		font-size:  20px;
		line-height:  25px;
	}

	    .product-image  {
		display:  none;
	}

	    .fieldOfWorkMobileContainer > div > h3  {
		position:  relative;
		z-index:  15;
		cursor:  pointer;
	}

	    a  {
		font-size:  15px;
	}

	    .product-element  {
		margin:  0 10%;
		padding:  36px 0;
	}

	    .smallIcon  {
		height:  16px;
	}

	    .heroObjectContainer > button  {
		margin-left:  auto;
		margin-right:  auto;
	}

	    h4  {
		font-size:  18px;
		line-height:  25px;
	}

	    button  {
		font-size:  15px;
		padding:  5px 10px;
	}

	    .product-hero > h3  {
		width:  90%;
		text-align:  center;
	}

	    h1  {
		font-size:  27px;
		line-height:  32px;
	}

	    .product-p-container  {
		background-image:  radial-gradient(circle at center, #1c1f23 0%, #14181C 100%);
	}

	    p  {
		margin:  10px 0 0 0;
	}

	    h2  {
		font-size:  24px;
		line-height:  30px;
	}

	    .topNavbar  {
		display:  none;
	}

	    .icon  {
		height:  20px;
	}

	    .mobileNav  {
		position:  absolute;
		left:  0;
		top:  0;
		width:  100%;
		display:  flex;
		flex-direction:  row;
		padding:  25px;
		box-sizing:  border-box;
	}

	    .sideNav  {
		display:  none;
		flex-direction:  column;
		position:  absolute;
		width:  100dvw;
		height:  100dvh;
		top:  0;
		left:  0;
		z-index:  95;
		justify-content:  center;
	}

	    .hero-header  {
		width:  90%;
	}

	    .mobileNav > div  {
		margin:  0 auto;
	}

	    .mobileNavButton  {
		display:  block;
		position:  absolute;
		top:  25px;
		left:  16px;
		z-index:  96;
		background:  none;
		padding:  0;
		height:  20px;
	}

	    .footer-container > img  {
		margin-top:  30px;
	}

	    .landing-3d-element  {
		margin:  0 10% 0 10%;
		-webkit-backdrop-filter:  blur(50px);
		backdrop-filter:  blur(50px);
		background-color:  rgba(20, 24, 28, 0.7);
		border-radius:  15px;
		padding:  32px 64px;
	}

	    .fieldOfWorkMobileImageContainer  {
		display:  none;
		justify-content:  center;
		align-items:  center;
		position:  fixed;
		left:  0;
		top:  0;
		width:  100dvw;
		height:  100dvh;
		z-index:  20;
	}

	    .leftCenteredContent  {
		width:  80%;
		margin:  0 10% 0 10%;
	}

	    .right-element > p  {
		text-align:  justify !important;
	}

	    .landing-products-element  {
		margin:  0 10% 0 10%;
		padding:  16px 32px;
	}

	    .centeredContent  {
		width:  80%;
	}

	    .rightCenteredContent  {
		width:  80%;
		margin:  0 10% 0 10%;
	}

	    .heroObjectContainer  {
		margin-top:  calc(100dvh - 200px);
	}

	    .heroObjectContainer > h1  {
		text-align:  center;
	}

	    .hero-header-container  {
		background-image:  none;
		padding:  128px 0;
	}

	    .mediumIcon  {
		height:  30px;
	}

	    .mobileNavSpacer  {
		margin:  0 !important;
		width:  65px;
	}

	    .bigIcon  {
		height:  40px;
	}

	    #loadingScreen > div  {
		width:  80%;
	}

	    #loadingScreen > div > img  {
		width:  150px;
	}

	    #loadingScreen > div > p  {
		font-size:  20px;
		line-height:  25px;
		margin:  50px auto 15px auto;
	}

	    .fieldOfWorkContainer  {
		display:  none;
	}

	    .landing-ind-software-element  {
		margin:  0 10% 0 10%;
	}

	    .homeIntroContainer  {
		padding:  128px 0;
	}

	    .home-intro-element  {
		margin:  0 10% 0 10%;
	}

	    .right-element  {
		margin:  0 10% !important;
		text-align:  left !important;
	}

	    .landing-ind-software-container  {
		padding:  128px 0;
	}

	    .about-person-image  {
		max-width:  124px;
		margin-right:  16px;
	}

	    .fieldOfWorkMobileContainer  {
		display:  flex;
		flex-direction:  column;
		margin-top:  100px;
		margin-bottom:  100px;
		border-radius:  5px;
	}

	    .fieldOfWorkMobileContainer > div > button  {
		margin-left:  auto;
		margin-top:  20px;
		user-select:  none;
		-webkit-user-select:  none;
		-moz-user-select:  none;
		-ms-user-select:  none;
		-webkit-tap-highlight-color:  transparent;
	}

	    .fieldOfWorkMobileContainer > div  {
		display:  flex;
		flex-direction:  column;
		border-radius:  5px;
		padding:  25px;
		margin-bottom:  3px;
		height:  fit-content;
	}

	    .fieldOfWorkMobileContainer > div > div  {
		margin-top:  10px;
		overflow:  hidden;
		text-align:  justify;
		transition:  max-height 0.3s ease-in-out, margin 0.1s;
	}

	    .fixedCloseBtn  {
		display:  none;
		position:  fixed;
		z-index:  21;
		top:  25px;
		right:  25px;
	}

	    .seeDown  {
		margin-top:  50px;
	}

	    .product-hero  {
		width:  100%;
		padding:  72px 0;
		position:  relative;
		overflow:  hidden;
	}

	    .landing-bottom-container  {
		margin-top:  128px;
		margin-bottom:  128px;
	}

	    .landing-3d-container  {
		padding:  128px 0;
	}

	    .contact-header  {
		margin:  200px auto 0 auto;
	}

	    .hero-header-sub-container  {
		margin-left:  5%;
		margin-right:  5%;
	}

}