@charset "utf-8";

/* CSS Document */
@font-face {
	font-family: 'light';
	src: url('fonts/HelveticaNowText-Light.woff2') format('woff');
	font-style: normal;
	font-weight: normal;
}

@font-face {
	font-family: 'medium';
	src: url('fonts/HelveticaNowText-Medium.woff2') format('woff');
	font-style: normal;
	font-weight: normal;
}

@font-face {
	font-family: 'bold';
	src: url('fonts/HelveticaNowText-Bold.woff2') format('woff');
	font-style: normal;
	font-weight: normal;
}

:root {
	--column-scale-factor: 1;
	--font-size: 22rem;
	--line-height: 1.22em;
	--main-padding: calc(var(--line-height) * 0.5);
	--ci-color: #002d64;
	--ci-color2: #e41229;
	--ci-color3: #edecea;
	--scope-color: white;
	--scope-bgcolor: black;
	--scope-color-hover: var(--ci-color);
	--scope-bgcolor-hover: black;
	--scope-icon-size: contain;
	--body-scrollbar-width: calc(var(--window-inner-width) - var(--body-client-width));
}

.all {
	--padding: 60rem;
	padding: 60rem;
	color: white;
	width: min(calc(710rem + var(--padding) * 2), 100%);
	cursor: pointer;
}
img.logo {
	width: 327.6rem;
	height: 100rem;
	object-fit: contain;
	margin-bottom: 126rem;
	}
html {
	font-size: 1px;
	scroll-behavior: smooth;
	touch-action: pan-y;
	overflow-x: hidden;
}
@media only screen and (max-width: 480px) {
	html {
		font-size: calc(100svw/480);
	}
}
body {
	font-size: var(--font-size);
}

html,
body {
	-webkit-text-size-adjust: none;
	vertical-align: baseline;
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	font-family: light, serif;
	font-weight: 400;
	line-height: var(--line-height);
	letter-spacing: 0;
	color: var(--ci-color);
	vertical-align: baseline;
	font-synthesis: none;
	-moz-font-feature-settings: "kern";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	direction: ltr;
}

input,
textarea,
select,
button {
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
	color: inherit;
}

*[user-select-none] {
	-webkit-text-size-adjust: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

* {
	-webkit-tap-highlight-color: transparent;
}

::-moz-selection {
	background: var(--ci-color);
}

::selection {
	background: rgb(0 45 100 / 0.5);
}

html {
	width: 100%;
	overflow-x: hidden;
	overflow-y: scroll;
	;
}

body,
h4,
p,
ul[class],
ol[class],
li,
figure,
figcaption,
blockquote,
dl,
dd {
	border: 0;
	padding: 0;
	margin: 0;

}

body {

	background-color: var(--ci-color);
}


p,
h1,
h2,
h3 {
	-webkit-text-size-adjust: initial;
	-webkit-touch-callout: initial;
	-webkit-user-select: initial;
	-khtml-user-select: initial;
	-moz-user-select: initial;
	-ms-user-select: initial;
	user-select: initial;
	/* overflow:hidden; */
	height: fit-content;
	height: -moz-fit-content;
}

h1,
h2,
h3 {
	font-family: 'medium', serif;
	font-weight: 400;
	hyphens: none;
	background-image: linear-gradient(currentColor, currentColor);
	background-position: 0% 100%;
	background-repeat: no-repeat;
	background-size: 100% 1rem;
	margin: 0;

	/* text-decoration: underline !important; */
}

em {
	font-style: normal;
	font-weight: 400;
}

h1,
h2 {
	display: inline;
	margin-right: auto;
	text-decoration: none;
}

strong h2 {
	font-family: 'bold', serif;
}

h1 {
	font-size: 54rem;
	line-height: 60rem;
	letter-spacing: -0.04em;
}

body[device-mode="mobile"] h1,
body[device-mode="tablet"] h1 {
	font-size: 34rem;
	line-height: 40rem;
}

h2,
em {
	font-size: 28rem;
	line-height: 32rem;
}

body[device-mode="mobile"] em,
body[device-mode="tablet"] em,
body[device-mode="mobile"] h2,
body[device-mode="tablet"] h2 {
	font-size: 22rem;
	line-height: 24rem;

}

h1:after,
h2:after {
	content: "\A";
	position: relative;
	display: block;
	width: 100%;
	height: 34rem;
}

body[device-mode="mobile"] h1:after {
	height: 18rem;
}

body[device-mode="tablet"] h2:after,
body[device-mode="mobile"] h2:after {
	height: 18rem;
}

p+h1 {
	margin-top: 1.5em;
}

p+h2 {
	margin-top: 1.5em;
}

div,
section,
main,
header,
footer,
img {
	display: block;
	position: relative;
	box-sizing: border-box;
}

p,
bullet-point {
	margin-bottom: 0.5em;
}

*,
*:before,
*:after {
	box-sizing: border-box;
}

a {
	font-size: inherit;
	color: inherit;
	text-decoration: inherit;
}

a.overlaylink {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

a.editlogoutbt {
	color: white;
	position: fixed;
	top: 6px;
	left: 50%;
	font-size: 16px;
	background: var(--ci-color2);
	line-height: 1em;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 8px;
	padding-right: 8px;
	border-radius: 16px;
	z-index: 999999999;
}

strong {
	font-family: medium;
	font-weight: 400;
}

*[force-ratio] {
	height: fit-content;


	height: -moz-fit-content;
}

*[force-ratio]:before {
	content: " ";
	display: block;
	position: relative;
	width: 100%;
	background: grey;
}

*[force-ratio="16/9"]:before {
	padding-top: calc(100% * 1/(16/9));
}

*[force-ratio="9/16"]:before {
	padding-top: calc(100% * 16/9);
}

.touchable_ui>*>* {
	box-shadow: rgb(0 0 0 / 50%) 0rem 0rem 8rem;
}

/* ICON */
.svgicon {
	mask-repeat: no-repeat;
	mask-size: contain;
	mask-image: var(--svgicon-url);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	-webkit-mask-image: var(--svgicon-url);
	background: black;
	width: 100%;
	height: 100%;
}

.scopeicon {
	-webkit-mask-image: var(--scope-icon-image);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: var(--scope-icon-size);
	-webkit-mask-position: center center;
	mask-image: var(--scope-icon-image);
	mask-repeat: no-repeat;
	mask-size: var(--scope-icon-size);
	mask-position: center center;
	width: 100%;
	height: 100%;
	background: var(--ci-color);
}

/* MEDIA */
.media>img,
-media>video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* OVERLAY */
.overlay {
	position: fixed;
	display: flex;
	flex-direction: column;
	top: 0;
	left: 0;
	width: var(--body-client-width);
	height: var(--currentview-height);
	z-index: 999999;
	background: rgb(0 0 0 / 32%);
}

.overlaybox {
	position: relative;
	z-index: 999999999;
	margin: auto;
	width: calc(100% - 2rem);
	max-width: 328rem;
	max-height: calc(100% - 2rem);
	overflow-x: hidden;
	overflow-y: auto;
	background: white;
	padding: 1rem;
	box-shadow: rgb(0 0 0 / 32%) 0rem 0rem 64rem;
}


h1.metainfo {
	display: none;
}

c-1 {
	display: inline;
	color: var(--ci-color2);
}

color-2 {
	display: inline;
	color: var(--ci-color2);
}

b-n {
	position: relative;
	display: block;
	padding-left: 1em;
}

b-n:after {
	content: "+";
	position: absolute;
	display: block;
	top: -0.08em;
	left: 0;
}



small {
	display: block;
	font-size: 0.75em;
	line-height: 1.2em;
	letter-spacing: 0;
}

*[jump-target],
*[jump-target] {
	display: contents;
}

b {
	font-family: bold;
	font-weight: 400;
}

bullet-point {
	position: relative;
	padding-left: 1em;
	display: block;
}

bullet-point:before {
	content: "+";
	position: absolute;
	margin-left: -1em;
	font-family: 'medium';
}

a[file-type="pdf"] {
	position: relative;
	width: fit-content;
	width: -moz-fit-content;
	height: auto;
	display: flex;
	flex-flow: row;
	flex-wrap: nowrap;
	margin-bottom: 0.25em;
	background: white;
	border-radius: 2em;
	border: solid 1px;
}

a[file-type="pdf"] .pdficon {
	width: 2em;
	height: 2em;
	--scope-icon-image: var(--input-mediainput-file-pdf);
	--scope-icon-size: 65%;
	margin-left: 0.5em;
}

a[file-type="pdf"] .filename {
	line-height: 1em;
	height: 100%;
	width: auto;
	font-size: 0.75em;
	margin-top: auto;
	margin-bottom: auto;
	margin-left: 0.5em;
	text-overflow: ellipsis;
	overflow: hidden;
	padding-right: 2.5em;
}