/* @import url('/html/assets/css/fontawesome-all.min.css'); */
/* @import url("https://fonts.googleapis.com/css?family=Merriweather:300,700,300italic,700italic|Source+Sans+Pro:900"); */
/* @import url('https://fonts.cdnfonts.com/css/gabriola'); */

@font-face {
	font-family: 'gabriola_';
	src: url('/assets/fonts/Gabriola.ttf');
	src: url('/assets/fonts/gabriola-webfont.woff2') format('woff2'),
		url('/assets/fonts/gabriola-webfont.woff') format('woff'),
		url('/assets/fonts/Gabriola.eot?#iefix') format('embedded-opentype'),
		url('/assets/fonts/Gabriola.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;

}

@font-face {
	font-family: 'ZillaSlab_';
	src: url('/assets/fonts/ZillaSlab-Regular.ttf');
	src: url('/assets/fonts/ZillaSlab-Regular.eot?#iefix') format('embedded-opentype'),
		url('/assets/fonts/ZillaSlab-Regular.woff2') format('woff2'),
		url('/assets/fonts/ZillaSlab-Regular.woff') format('woff'),
		url('/assets/fonts/ZillaSlab-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;

}


:root {
	/* font-family: 'Gabriola', sans-serif; */
	/* font-family: "Merriweather", Georgia, serif; */
	font-family: "ZillaSlab_";
	hyphens: auto;
	hyphenate-limit-chars: 10 3 4;
	--col_fg: #6f91aa;
	--col_comp_fg: #637C90;
	--col_fg_tr: #6f91aa90;
	--col_bg: #ffffff;
	--col_hl: #74a9cf;
	--col_link: #4e7189;
	--col_shadow: #203a4ea0;
	--col_text: #220404;

	--perspectiveZ: 1000px;
	--cardinitZ: -3200px;
	--cardshowZ: 0px;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

body {
	line-height: 1;
	margin: 0;
	text-align: center;
	scroll-behavior: smooth;
}

.noscroll {
	height: 100%;
	overflow: hidden;
}

ol,
ul {
	list-style: none;
}

.hidden {
	display: none !important;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
	-webkit-text-size-adjust: none;
}

mark {
	background-color: transparent;
	color: inherit;
}

input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input,
select,
textarea {
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
}

/* Basic */

@-ms-viewport {
	width: device-width;
}

body {
	overflow-x: hidden;
}

@media screen and (max-width: 480px) {

	html,
	body {
		min-width: 250px;
	}

}

html {
	box-sizing: border-box;
	scroll-behavior: smooth;
}

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

body {
	background-color: #ffffff;
	/* ebdcc6 */
}

body.is-preload *,
body.is-preload *:before,
body.is-preload *:after {
	-moz-animation: none !important;
	-webkit-animation: none !important;
	-ms-animation: none !important;
	animation: none !important;
	-moz-transition: none !important;
	-webkit-transition: none !important;
	-ms-transition: none !important;
	transition: none !important;
}

/* Type */

html {
	font-size: 13pt;
}

@media screen and (max-width: 1680px) {

	html {
		font-size: 12pt;
	}

}

@media screen and (max-width: 1280px) {

	html {
		font-size: 11pt;
	}

}

@media screen and (max-width: 360px) {

	html {
		font-size: 10pt;
	}

}

body {
	color: var(--col_fg);
}

body,
input,
select,
textarea {
	font-family: "ZillaSlab_";
	/*, Helvetica, sans-serif; */
	/* font-family: "Merriweather", Georgia, serif; */
	/* font-family: "Source Sans Pro", Helvetica, sans-serif; */
	/* font-family: 'Gabriola', sans-serif; */
	font-weight: 300;
	font-size: 1rem;
	line-height: 2.375;
}

a {
	-moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
	-webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
	-ms-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
	transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
	/* border-bottom: dotted 1px; */
	text-decoration: none;
}

a:hover {
	border-bottom-color: transparent;
}

strong,
b {
	font-weight: 600;
}

em,
i {
	font-style: italic;
}

p {
	color: var(--col_text);
	text-align: justify;
	margin: 0 0 2rem 0;
}

.slogan {
	display: block;

	/* font-family: "Gabriola", sans-serif;  */
	/* font-family: "Merriweather", Georgia, serif; */

	font-family: "ZillaSlab_";
	/*, Helvetica, sans-serif; */
	color: var(--col_fg);
	font-weight: 300;
	font-size: 1em;
	font-size: clamp(0.8rem, 2vw + 0.5rem, 2rem);
	text-align: center;
	/* font-style: italic; */
	text-shadow: 2px 2px 2px #ffffff40, -2px -2px 2px #ffffff40, -2px 2px 2px #ffffff50, 2px -2px 2px #ffffff50;
	margin-top: -2%;
	flex-grow: 2;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	/* font-family: "Source Sans Pro", Helvetica, sans-serif;	 */
	/* font-family: "Merriweather", Georgia, serif;	 */

	font-family: "ZillaSlab_";
	/*, Helvetica, sans-serif; */
	font-weight: 900;
	line-height: 1.5;
	letter-spacing: 0.075em;
	text-transform: none;
	margin: 0 0 1rem 0;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	border-bottom: 0;
	color: inherit;
	text-decoration: none;
}

h1 {
	font-size: 4rem;
	line-height: 1.1;
	margin: 0 0 2rem 0;
}

h2 {
	font-size: 1.75rem;
	line-height: 1.0;
	margin: 0 0 1.5rem 0;
}

h3 {
	font-size: clamp(0.7em, 2vmin, 1.25em);
	margin: 0 0 clamp(0.8em, 2vmin, 1.55em) 0;
}

h4 {
	font-size: 1rem;
}

h5 {
	font-size: 0.9rem;
}

h6 {
	font-size: 0.8rem;
}

sub {
	font-size: 0.8rem;
	position: relative;
	top: 0.5rem;
}

sup {
	font-size: 0.8rem;
	position: relative;
	top: -0.5rem;
}

blockquote {
	border-left: solid 4px;
	font-style: italic;
	margin: 0 0 2rem 0;
	padding: 0.5rem 0 0.5rem 2rem;
}

code {
	border: solid 2px;
	font-family: "Courier New", monospace;
	font-size: 0.9rem;
	margin: 0 0.25rem;
	padding: 0.25rem 0.65rem;
}

pre {
	-webkit-overflow-scrolling: touch;
	font-family: "Courier New", monospace;
	font-size: 0.9rem;
	margin: 0 0 2rem 0;
}

pre code {
	display: block;
	line-height: 1.75;
	padding: 1rem 1.5rem;
	overflow-x: auto;
}

hr {
	border: 0;
	border-bottom: solid 2px;
	margin: 3rem 0;
}

hr.major {
	margin: 5rem 0;
}

.align-left {
	text-align: left !important;
}

.align-center {
	text-align: center !important;
}

.align-right {
	text-align: right !important;
}

input,
select,
textarea {
	color: #000000;
}

a {
	color: var(--col_fg);
	border-bottom-color: #2888a080;
}

a:hover {
	border-bottom-color: transparent;
	color: var(--col_hl) !important;
}

strong,
b {
	color: #000000;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #212931;
}

blockquote {
	border-left-color: #eeeeee;
}

code {
	background: rgba(220, 220, 220, 0.25);
	border-color: #eeeeee;
}

hr {
	border-bottom-color: #eeeeee;
}

/* Row */

.row {
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
	align-items: stretch;
}

.row>* {
	box-sizing: border-box;
}

.row.gtr-uniform>*> :last-child {
	margin-bottom: 0;
}

.row.aln-left {
	justify-content: flex-start;
}

.row.aln-center {
	justify-content: center;
}

.row.aln-right {
	justify-content: flex-end;
}

.row.aln-top {
	align-items: flex-start;
}

.row.aln-middle {
	align-items: center;
}

.row.aln-bottom {
	align-items: flex-end;
}

.row>.imp {
	order: -1;
}

.row>.col-1 {
	width: 8.33333%;
}

.row>.off-1 {
	margin-left: 8.33333%;
}

.row>.col-2 {
	width: 16.66667%;
}

.row>.off-2 {
	margin-left: 16.66667%;
}

.row>.col-3 {
	width: 25%;
}

.row>.off-3 {
	margin-left: 25%;
}

.row>.col-4 {
	width: 33.33333%;
}

.row>.off-4 {
	margin-left: 33.33333%;
}

.row>.col-5 {
	width: 41.66667%;
}

.row>.off-5 {
	margin-left: 41.66667%;
}

.row>.col-6 {
	width: 50%;
}

.row>.off-6 {
	margin-left: 50%;
}

.row>.col-7 {
	width: 58.33333%;
}

.row>.off-7 {
	margin-left: 58.33333%;
}

.row>.col-8 {
	width: 66.66667%;
}

.row>.off-8 {
	margin-left: 66.66667%;
}

.row>.col-9 {
	width: 75%;
}

.row>.off-9 {
	margin-left: 75%;
}

.row>.col-10 {
	width: 83.33333%;
}

.row>.off-10 {
	margin-left: 83.33333%;
}

.row>.col-11 {
	width: 91.66667%;
}

.row>.off-11 {
	margin-left: 91.66667%;
}

.row>.col-12 {
	width: 100%;
}

.row>.off-12 {
	margin-left: 100%;
}

.row.gtr-0 {
	margin-top: 0;
	margin-left: 0rem;
}

.row.gtr-0>* {
	padding: 0 0 0 0rem;
}

.row.gtr-0.gtr-uniform {
	margin-top: 0rem;
}

.row.gtr-0.gtr-uniform>* {
	padding-top: 0rem;
}

.row.gtr-25 {
	margin-top: 0;
	margin-left: -0.375rem;
}

.row.gtr-25>* {
	padding: 0 0 0 0.375rem;
}

.row.gtr-25.gtr-uniform {
	margin-top: -0.375rem;
}

.row.gtr-25.gtr-uniform>* {
	padding-top: 0.375rem;
}

.row.gtr-50 {
	margin-top: 0;
	margin-left: -0.75rem;
}

.row.gtr-50>* {
	padding: 0 0 0 0.75rem;
}

.row.gtr-50.gtr-uniform {
	margin-top: -0.75rem;
}

.row.gtr-50.gtr-uniform>* {
	padding-top: 0.75rem;
}

.row {
	margin-top: 0;
	margin-left: -1.5rem;
}

.row>* {
	padding: 0 0 0 1.5rem;
}

.row.gtr-uniform {
	margin-top: -1.5rem;
}

.row.gtr-uniform>* {
	padding-top: 1.5rem;
}

.row.gtr-150 {
	margin-top: 0;
	margin-left: -2.25rem;
}

.row.gtr-150>* {
	padding: 0 0 0 2.25rem;
}

.row.gtr-150.gtr-uniform {
	margin-top: -2.25rem;
}

.row.gtr-150.gtr-uniform>* {
	padding-top: 2.25rem;
}

.row.gtr-200 {
	margin-top: 0;
	margin-left: -3rem;
}

.row.gtr-200>* {
	padding: 0 0 0 3rem;
}

.row.gtr-200.gtr-uniform {
	margin-top: -3rem;
}

.row.gtr-200.gtr-uniform>* {
	padding-top: 3rem;
}

@media screen and (max-width: 1680px) {

	.row {
		display: flex;
		flex-wrap: wrap;
		box-sizing: border-box;
		align-items: stretch;
	}

	.row>* {
		box-sizing: border-box;
	}

	.row.gtr-uniform>*> :last-child {
		margin-bottom: 0;
	}

	.row.aln-left {
		justify-content: flex-start;
	}

	.row.aln-center {
		justify-content: center;
	}

	.row.aln-right {
		justify-content: flex-end;
	}

	.row.aln-top {
		align-items: flex-start;
	}

	.row.aln-middle {
		align-items: center;
	}

	.row.aln-bottom {
		align-items: flex-end;
	}

	.row>.imp-xlarge {
		order: -1;
	}

	.row>.col-1-xlarge {
		width: 8.33333%;
	}

	.row>.off-1-xlarge {
		margin-left: 8.33333%;
	}

	.row>.col-2-xlarge {
		width: 16.66667%;
	}

	.row>.off-2-xlarge {
		margin-left: 16.66667%;
	}

	.row>.col-3-xlarge {
		width: 25%;
	}

	.row>.off-3-xlarge {
		margin-left: 25%;
	}

	.row>.col-4-xlarge {
		width: 33.33333%;
	}

	.row>.off-4-xlarge {
		margin-left: 33.33333%;
	}

	.row>.col-5-xlarge {
		width: 41.66667%;
	}

	.row>.off-5-xlarge {
		margin-left: 41.66667%;
	}

	.row>.col-6-xlarge {
		width: 50%;
	}

	.row>.off-6-xlarge {
		margin-left: 50%;
	}

	.row>.col-7-xlarge {
		width: 58.33333%;
	}

	.row>.off-7-xlarge {
		margin-left: 58.33333%;
	}

	.row>.col-8-xlarge {
		width: 66.66667%;
	}

	.row>.off-8-xlarge {
		margin-left: 66.66667%;
	}

	.row>.col-9-xlarge {
		width: 75%;
	}

	.row>.off-9-xlarge {
		margin-left: 75%;
	}

	.row>.col-10-xlarge {
		width: 83.33333%;
	}

	.row>.off-10-xlarge {
		margin-left: 83.33333%;
	}

	.row>.col-11-xlarge {
		width: 91.66667%;
	}

	.row>.off-11-xlarge {
		margin-left: 91.66667%;
	}

	.row>.col-12-xlarge {
		width: 100%;
	}

	.row>.off-12-xlarge {
		margin-left: 100%;
	}

	.row.gtr-0 {
		margin-top: 0;
		margin-left: 0rem;
	}

	.row.gtr-0>* {
		padding: 0 0 0 0rem;
	}

	.row.gtr-0.gtr-uniform {
		margin-top: 0rem;
	}

	.row.gtr-0.gtr-uniform>* {
		padding-top: 0rem;
	}

	.row.gtr-25 {
		margin-top: 0;
		margin-left: -0.375rem;
	}

	.row.gtr-25>* {
		padding: 0 0 0 0.375rem;
	}

	.row.gtr-25.gtr-uniform {
		margin-top: -0.375rem;
	}

	.row.gtr-25.gtr-uniform>* {
		padding-top: 0.375rem;
	}

	.row.gtr-50 {
		margin-top: 0;
		margin-left: -0.75rem;
	}

	.row.gtr-50>* {
		padding: 0 0 0 0.75rem;
	}

	.row.gtr-50.gtr-uniform {
		margin-top: -0.75rem;
	}

	.row.gtr-50.gtr-uniform>* {
		padding-top: 0.75rem;
	}

	.row {
		margin-top: 0;
		margin-left: -1.5rem;
	}

	.row>* {
		padding: 0 0 0 1.5rem;
	}

	.row.gtr-uniform {
		margin-top: -1.5rem;
	}

	.row.gtr-uniform>* {
		padding-top: 1.5rem;
	}

	.row.gtr-150 {
		margin-top: 0;
		margin-left: -2.25rem;
	}

	.row.gtr-150>* {
		padding: 0 0 0 2.25rem;
	}

	.row.gtr-150.gtr-uniform {
		margin-top: -2.25rem;
	}

	.row.gtr-150.gtr-uniform>* {
		padding-top: 2.25rem;
	}

	.row.gtr-200 {
		margin-top: 0;
		margin-left: -3rem;
	}

	.row.gtr-200>* {
		padding: 0 0 0 3rem;
	}

	.row.gtr-200.gtr-uniform {
		margin-top: -3rem;
	}

	.row.gtr-200.gtr-uniform>* {
		padding-top: 3rem;
	}

}

@media screen and (max-width: 1280px) {

	.row {
		display: flex;
		flex-wrap: wrap;
		box-sizing: border-box;
		align-items: stretch;
	}

	.row>* {
		box-sizing: border-box;
	}

	.row.gtr-uniform>*> :last-child {
		margin-bottom: 0;
	}

	.row.aln-left {
		justify-content: flex-start;
	}

	.row.aln-center {
		justify-content: center;
	}

	.row.aln-right {
		justify-content: flex-end;
	}

	.row.aln-top {
		align-items: flex-start;
	}

	.row.aln-middle {
		align-items: center;
	}

	.row.aln-bottom {
		align-items: flex-end;
	}

	.row>.imp-large {
		order: -1;
	}

	.row>.col-1-large {
		width: 8.33333%;
	}

	.row>.off-1-large {
		margin-left: 8.33333%;
	}

	.row>.col-2-large {
		width: 16.66667%;
	}

	.row>.off-2-large {
		margin-left: 16.66667%;
	}

	.row>.col-3-large {
		width: 25%;
	}

	.row>.off-3-large {
		margin-left: 25%;
	}

	.row>.col-4-large {
		width: 33.33333%;
	}

	.row>.off-4-large {
		margin-left: 33.33333%;
	}

	.row>.col-5-large {
		width: 41.66667%;
	}

	.row>.off-5-large {
		margin-left: 41.66667%;
	}

	.row>.col-6-large {
		width: 50%;
	}

	.row>.off-6-large {
		margin-left: 50%;
	}

	.row>.col-7-large {
		width: 58.33333%;
	}

	.row>.off-7-large {
		margin-left: 58.33333%;
	}

	.row>.col-8-large {
		width: 66.66667%;
	}

	.row>.off-8-large {
		margin-left: 66.66667%;
	}

	.row>.col-9-large {
		width: 75%;
	}

	.row>.off-9-large {
		margin-left: 75%;
	}

	.row>.col-10-large {
		width: 83.33333%;
	}

	.row>.off-10-large {
		margin-left: 83.33333%;
	}

	.row>.col-11-large {
		width: 91.66667%;
	}

	.row>.off-11-large {
		margin-left: 91.66667%;
	}

	.row>.col-12-large {
		width: 100%;
	}

	.row>.off-12-large {
		margin-left: 100%;
	}

	.row.gtr-0 {
		margin-top: 0;
		margin-left: 0rem;
	}

	.row.gtr-0>* {
		padding: 0 0 0 0rem;
	}

	.row.gtr-0.gtr-uniform {
		margin-top: 0rem;
	}

	.row.gtr-0.gtr-uniform>* {
		padding-top: 0rem;
	}

	.row.gtr-25 {
		margin-top: 0;
		margin-left: -0.375rem;
	}

	.row.gtr-25>* {
		padding: 0 0 0 0.375rem;
	}

	.row.gtr-25.gtr-uniform {
		margin-top: -0.375rem;
	}

	.row.gtr-25.gtr-uniform>* {
		padding-top: 0.375rem;
	}

	.row.gtr-50 {
		margin-top: 0;
		margin-left: -0.75rem;
	}

	.row.gtr-50>* {
		padding: 0 0 0 0.75rem;
	}

	.row.gtr-50.gtr-uniform {
		margin-top: -0.75rem;
	}

	.row.gtr-50.gtr-uniform>* {
		padding-top: 0.75rem;
	}

	.row {
		margin-top: 0;
		margin-left: -1.5rem;
	}

	.row>* {
		padding: 0 0 0 1.5rem;
	}

	.row.gtr-uniform {
		margin-top: -1.5rem;
	}

	.row.gtr-uniform>* {
		padding-top: 1.5rem;
	}

	.row.gtr-150 {
		margin-top: 0;
		margin-left: -2.25rem;
	}

	.row.gtr-150>* {
		padding: 0 0 0 2.25rem;
	}

	.row.gtr-150.gtr-uniform {
		margin-top: -2.25rem;
	}

	.row.gtr-150.gtr-uniform>* {
		padding-top: 2.25rem;
	}

	.row.gtr-200 {
		margin-top: 0;
		margin-left: -3rem;
	}

	.row.gtr-200>* {
		padding: 0 0 0 3rem;
	}

	.row.gtr-200.gtr-uniform {
		margin-top: -3rem;
	}

	.row.gtr-200.gtr-uniform>* {
		padding-top: 3rem;
	}

}

@media screen and (max-width: 980px) {

	.row {
		display: flex;
		flex-wrap: wrap;
		box-sizing: border-box;
		align-items: stretch;
	}

	.row>* {
		box-sizing: border-box;
	}

	.row.gtr-uniform>*> :last-child {
		margin-bottom: 0;
	}

	.row.aln-left {
		justify-content: flex-start;
	}

	.row.aln-center {
		justify-content: center;
	}

	.row.aln-right {
		justify-content: flex-end;
	}

	.row.aln-top {
		align-items: flex-start;
	}

	.row.aln-middle {
		align-items: center;
	}

	.row.aln-bottom {
		align-items: flex-end;
	}

	.row>.imp-medium {
		order: -1;
	}

	.row>.col-1-medium {
		width: 8.33333%;
	}

	.row>.off-1-medium {
		margin-left: 8.33333%;
	}

	.row>.col-2-medium {
		width: 16.66667%;
	}

	.row>.off-2-medium {
		margin-left: 16.66667%;
	}

	.row>.col-3-medium {
		width: 25%;
	}

	.row>.off-3-medium {
		margin-left: 25%;
	}

	.row>.col-4-medium {
		width: 33.33333%;
	}

	.row>.off-4-medium {
		margin-left: 33.33333%;
	}

	.row>.col-5-medium {
		width: 41.66667%;
	}

	.row>.off-5-medium {
		margin-left: 41.66667%;
	}

	.row>.col-6-medium {
		width: 50%;
	}

	.row>.off-6-medium {
		margin-left: 50%;
	}

	.row>.col-7-medium {
		width: 58.33333%;
	}

	.row>.off-7-medium {
		margin-left: 58.33333%;
	}

	.row>.col-8-medium {
		width: 66.66667%;
	}

	.row>.off-8-medium {
		margin-left: 66.66667%;
	}

	.row>.col-9-medium {
		width: 75%;
	}

	.row>.off-9-medium {
		margin-left: 75%;
	}

	.row>.col-10-medium {
		width: 83.33333%;
	}

	.row>.off-10-medium {
		margin-left: 83.33333%;
	}

	.row>.col-11-medium {
		width: 91.66667%;
	}

	.row>.off-11-medium {
		margin-left: 91.66667%;
	}

	.row>.col-12-medium {
		width: 100%;
	}

	.row>.off-12-medium {
		margin-left: 100%;
	}

	.row.gtr-0 {
		margin-top: 0;
		margin-left: 0rem;
	}

	.row.gtr-0>* {
		padding: 0 0 0 0rem;
	}

	.row.gtr-0.gtr-uniform {
		margin-top: 0rem;
	}

	.row.gtr-0.gtr-uniform>* {
		padding-top: 0rem;
	}

	.row.gtr-25 {
		margin-top: 0;
		margin-left: -0.375rem;
	}

	.row.gtr-25>* {
		padding: 0 0 0 0.375rem;
	}

	.row.gtr-25.gtr-uniform {
		margin-top: -0.375rem;
	}

	.row.gtr-25.gtr-uniform>* {
		padding-top: 0.375rem;
	}

	.row.gtr-50 {
		margin-top: 0;
		margin-left: -0.75rem;
	}

	.row.gtr-50>* {
		padding: 0 0 0 0.75rem;
	}

	.row.gtr-50.gtr-uniform {
		margin-top: -0.75rem;
	}

	.row.gtr-50.gtr-uniform>* {
		padding-top: 0.75rem;
	}

	.row {
		margin-top: 0;
		margin-left: -1.5rem;
	}

	.row>* {
		padding: 0 0 0 1.5rem;
	}

	.row.gtr-uniform {
		margin-top: -1.5rem;
	}

	.row.gtr-uniform>* {
		padding-top: 1.5rem;
	}

	.row.gtr-150 {
		margin-top: 0;
		margin-left: -2.25rem;
	}

	.row.gtr-150>* {
		padding: 0 0 0 2.25rem;
	}

	.row.gtr-150.gtr-uniform {
		margin-top: -2.25rem;
	}

	.row.gtr-150.gtr-uniform>* {
		padding-top: 2.25rem;
	}

	.row.gtr-200 {
		margin-top: 0;
		margin-left: -3rem;
	}

	.row.gtr-200>* {
		padding: 0 0 0 3rem;
	}

	.row.gtr-200.gtr-uniform {
		margin-top: -3rem;
	}

	.row.gtr-200.gtr-uniform>* {
		padding-top: 3rem;
	}

}

@media screen and (max-width: 736px) {

	.row {
		display: flex;
		flex-wrap: wrap;
		box-sizing: border-box;
		align-items: stretch;
	}

	.row>* {
		box-sizing: border-box;
	}

	.row.gtr-uniform>*> :last-child {
		margin-bottom: 0;
	}

	.row.aln-left {
		justify-content: flex-start;
	}

	.row.aln-center {
		justify-content: center;
	}

	.row.aln-right {
		justify-content: flex-end;
	}

	.row.aln-top {
		align-items: flex-start;
	}

	.row.aln-middle {
		align-items: center;
	}

	.row.aln-bottom {
		align-items: flex-end;
	}

	.row>.imp-small {
		order: -1;
	}

	.row>.col-1-small {
		width: 8.33333%;
	}

	.row>.off-1-small {
		margin-left: 8.33333%;
	}

	.row>.col-2-small {
		width: 16.66667%;
	}

	.row>.off-2-small {
		margin-left: 16.66667%;
	}

	.row>.col-3-small {
		width: 25%;
	}

	.row>.off-3-small {
		margin-left: 25%;
	}

	.row>.col-4-small {
		width: 33.33333%;
	}

	.row>.off-4-small {
		margin-left: 33.33333%;
	}

	.row>.col-5-small {
		width: 41.66667%;
	}

	.row>.off-5-small {
		margin-left: 41.66667%;
	}

	.row>.col-6-small {
		width: 50%;
	}

	.row>.off-6-small {
		margin-left: 50%;
	}

	.row>.col-7-small {
		width: 58.33333%;
	}

	.row>.off-7-small {
		margin-left: 58.33333%;
	}

	.row>.col-8-small {
		width: 66.66667%;
	}

	.row>.off-8-small {
		margin-left: 66.66667%;
	}

	.row>.col-9-small {
		width: 75%;
	}

	.row>.off-9-small {
		margin-left: 75%;
	}

	.row>.col-10-small {
		width: 83.33333%;
	}

	.row>.off-10-small {
		margin-left: 83.33333%;
	}

	.row>.col-11-small {
		width: 91.66667%;
	}

	.row>.off-11-small {
		margin-left: 91.66667%;
	}

	.row>.col-12-small {
		width: 100%;
	}

	.row>.off-12-small {
		margin-left: 100%;
	}

	.row.gtr-0 {
		margin-top: 0;
		margin-left: 0rem;
	}

	.row.gtr-0>* {
		padding: 0 0 0 0rem;
	}

	.row.gtr-0.gtr-uniform {
		margin-top: 0rem;
	}

	.row.gtr-0.gtr-uniform>* {
		padding-top: 0rem;
	}

	.row.gtr-25 {
		margin-top: 0;
		margin-left: -0.375rem;
	}

	.row.gtr-25>* {
		padding: 0 0 0 0.375rem;
	}

	.row.gtr-25.gtr-uniform {
		margin-top: -0.375rem;
	}

	.row.gtr-25.gtr-uniform>* {
		padding-top: 0.375rem;
	}

	.row.gtr-50 {
		margin-top: 0;
		margin-left: -0.75rem;
	}

	.row.gtr-50>* {
		padding: 0 0 0 0.75rem;
	}

	.row.gtr-50.gtr-uniform {
		margin-top: -0.75rem;
	}

	.row.gtr-50.gtr-uniform>* {
		padding-top: 0.75rem;
	}

	.row {
		margin-top: 0;
		margin-left: -1.5rem;
	}

	.row>* {
		padding: 0 0 0 1.5rem;
	}

	.row.gtr-uniform {
		margin-top: -1.5rem;
	}

	.row.gtr-uniform>* {
		padding-top: 1.5rem;
	}

	.row.gtr-150 {
		margin-top: 0;
		margin-left: -2.25rem;
	}

	.row.gtr-150>* {
		padding: 0 0 0 2.25rem;
	}

	.row.gtr-150.gtr-uniform {
		margin-top: -2.25rem;
	}

	.row.gtr-150.gtr-uniform>* {
		padding-top: 2.25rem;
	}

	.row.gtr-200 {
		margin-top: 0;
		margin-left: -3rem;
	}

	.row.gtr-200>* {
		padding: 0 0 0 3rem;
	}

	.row.gtr-200.gtr-uniform {
		margin-top: -3rem;
	}

	.row.gtr-200.gtr-uniform>* {
		padding-top: 3rem;
	}

}

@media screen and (max-width: 480px) {

	.row {
		display: flex;
		flex-wrap: wrap;
		box-sizing: border-box;
		align-items: stretch;
	}

	.row>* {
		box-sizing: border-box;
	}

	.row.gtr-uniform>*> :last-child {
		margin-bottom: 0;
	}

	.row.aln-left {
		justify-content: flex-start;
	}

	.row.aln-center {
		justify-content: center;
	}

	.row.aln-right {
		justify-content: flex-end;
	}

	.row.aln-top {
		align-items: flex-start;
	}

	.row.aln-middle {
		align-items: center;
	}

	.row.aln-bottom {
		align-items: flex-end;
	}

	.row>.imp-xsmall {
		order: -1;
	}

	.row>.col-1-xsmall {
		width: 8.33333%;
	}

	.row>.off-1-xsmall {
		margin-left: 8.33333%;
	}

	.row>.col-2-xsmall {
		width: 16.66667%;
	}

	.row>.off-2-xsmall {
		margin-left: 16.66667%;
	}

	.row>.col-3-xsmall {
		width: 25%;
	}

	.row>.off-3-xsmall {
		margin-left: 25%;
	}

	.row>.col-4-xsmall {
		width: 33.33333%;
	}

	.row>.off-4-xsmall {
		margin-left: 33.33333%;
	}

	.row>.col-5-xsmall {
		width: 41.66667%;
	}

	.row>.off-5-xsmall {
		margin-left: 41.66667%;
	}

	.row>.col-6-xsmall {
		width: 50%;
	}

	.row>.off-6-xsmall {
		margin-left: 50%;
	}

	.row>.col-7-xsmall {
		width: 58.33333%;
	}

	.row>.off-7-xsmall {
		margin-left: 58.33333%;
	}

	.row>.col-8-xsmall {
		width: 66.66667%;
	}

	.row>.off-8-xsmall {
		margin-left: 66.66667%;
	}

	.row>.col-9-xsmall {
		width: 75%;
	}

	.row>.off-9-xsmall {
		margin-left: 75%;
	}

	.row>.col-10-xsmall {
		width: 83.33333%;
	}

	.row>.off-10-xsmall {
		margin-left: 83.33333%;
	}

	.row>.col-11-xsmall {
		width: 91.66667%;
	}

	.row>.off-11-xsmall {
		margin-left: 91.66667%;
	}

	.row>.col-12-xsmall {
		width: 100%;
	}

	.row>.off-12-xsmall {
		margin-left: 100%;
	}

	.row.gtr-0 {
		margin-top: 0;
		margin-left: 0rem;
	}

	.row.gtr-0>* {
		padding: 0 0 0 0rem;
	}

	.row.gtr-0.gtr-uniform {
		margin-top: 0rem;
	}

	.row.gtr-0.gtr-uniform>* {
		padding-top: 0rem;
	}

	.row.gtr-25 {
		margin-top: 0;
		margin-left: -0.375rem;
	}

	.row.gtr-25>* {
		padding: 0 0 0 0.375rem;
	}

	.row.gtr-25.gtr-uniform {
		margin-top: -0.375rem;
	}

	.row.gtr-25.gtr-uniform>* {
		padding-top: 0.375rem;
	}

	.row.gtr-50 {
		margin-top: 0;
		margin-left: -0.75rem;
	}

	.row.gtr-50>* {
		padding: 0 0 0 0.75rem;
	}

	.row.gtr-50.gtr-uniform {
		margin-top: -0.75rem;
	}

	.row.gtr-50.gtr-uniform>* {
		padding-top: 0.75rem;
	}

	.row {
		margin-top: 0;
		margin-left: -1.5rem;
	}

	.row>* {
		padding: 0 0 0 1.5rem;
	}

	.row.gtr-uniform {
		margin-top: -1.5rem;
	}

	.row.gtr-uniform>* {
		padding-top: 1.5rem;
	}

	.row.gtr-150 {
		margin-top: 0;
		margin-left: -2.25rem;
	}

	.row.gtr-150>* {
		padding: 0 0 0 2.25rem;
	}

	.row.gtr-150.gtr-uniform {
		margin-top: -2.25rem;
	}

	.row.gtr-150.gtr-uniform>* {
		padding-top: 2.25rem;
	}

	.row.gtr-200 {
		margin-top: 0;
		margin-left: -3rem;
	}

	.row.gtr-200>* {
		padding: 0 0 0 3rem;
	}

	.row.gtr-200.gtr-uniform {
		margin-top: -3rem;
	}

	.row.gtr-200.gtr-uniform>* {
		padding-top: 3rem;
	}

}

@media screen and (max-width: 360px) {

	.row {
		display: flex;
		flex-wrap: wrap;
		box-sizing: border-box;
		align-items: stretch;
	}

	.row>* {
		box-sizing: border-box;
	}

	.row.gtr-uniform>*> :last-child {
		margin-bottom: 0;
	}

	.row.aln-left {
		justify-content: flex-start;
	}

	.row.aln-center {
		justify-content: center;
	}

	.row.aln-right {
		justify-content: flex-end;
	}

	.row.aln-top {
		align-items: flex-start;
	}

	.row.aln-middle {
		align-items: center;
	}

	.row.aln-bottom {
		align-items: flex-end;
	}

	.row>.imp-xxsmall {
		order: -1;
	}

	.row>.col-1-xxsmall {
		width: 8.33333%;
	}

	.row>.off-1-xxsmall {
		margin-left: 8.33333%;
	}

	.row>.col-2-xxsmall {
		width: 16.66667%;
	}

	.row>.off-2-xxsmall {
		margin-left: 16.66667%;
	}

	.row>.col-3-xxsmall {
		width: 25%;
	}

	.row>.off-3-xxsmall {
		margin-left: 25%;
	}

	.row>.col-4-xxsmall {
		width: 33.33333%;
	}

	.row>.off-4-xxsmall {
		margin-left: 33.33333%;
	}

	.row>.col-5-xxsmall {
		width: 41.66667%;
	}

	.row>.off-5-xxsmall {
		margin-left: 41.66667%;
	}

	.row>.col-6-xxsmall {
		width: 50%;
	}

	.row>.off-6-xxsmall {
		margin-left: 50%;
	}

	.row>.col-7-xxsmall {
		width: 58.33333%;
	}

	.row>.off-7-xxsmall {
		margin-left: 58.33333%;
	}

	.row>.col-8-xxsmall {
		width: 66.66667%;
	}

	.row>.off-8-xxsmall {
		margin-left: 66.66667%;
	}

	.row>.col-9-xxsmall {
		width: 75%;
	}

	.row>.off-9-xxsmall {
		margin-left: 75%;
	}

	.row>.col-10-xxsmall {
		width: 83.33333%;
	}

	.row>.off-10-xxsmall {
		margin-left: 83.33333%;
	}

	.row>.col-11-xxsmall {
		width: 91.66667%;
	}

	.row>.off-11-xxsmall {
		margin-left: 91.66667%;
	}

	.row>.col-12-xxsmall {
		width: 100%;
	}

	.row>.off-12-xxsmall {
		margin-left: 100%;
	}

	.row.gtr-0 {
		margin-top: 0;
		margin-left: 0rem;
	}

	.row.gtr-0>* {
		padding: 0 0 0 0rem;
	}

	.row.gtr-0.gtr-uniform {
		margin-top: 0rem;
	}

	.row.gtr-0.gtr-uniform>* {
		padding-top: 0rem;
	}

	.row.gtr-25 {
		margin-top: 0;
		margin-left: -0.375rem;
	}

	.row.gtr-25>* {
		padding: 0 0 0 0.375rem;
	}

	.row.gtr-25.gtr-uniform {
		margin-top: -0.375rem;
	}

	.row.gtr-25.gtr-uniform>* {
		padding-top: 0.375rem;
	}

	.row.gtr-50 {
		margin-top: 0;
		margin-left: -0.75rem;
	}

	.row.gtr-50>* {
		padding: 0 0 0 0.75rem;
	}

	.row.gtr-50.gtr-uniform {
		margin-top: -0.75rem;
	}

	.row.gtr-50.gtr-uniform>* {
		padding-top: 0.75rem;
	}

	.row {
		margin-top: 0;
		margin-left: -1.5rem;
	}

	.row>* {
		padding: 0 0 0 1.5rem;
	}

	.row.gtr-uniform {
		margin-top: -1.5rem;
	}

	.row.gtr-uniform>* {
		padding-top: 1.5rem;
	}

	.row.gtr-150 {
		margin-top: 0;
		margin-left: -2.25rem;
	}

	.row.gtr-150>* {
		padding: 0 0 0 2.25rem;
	}

	.row.gtr-150.gtr-uniform {
		margin-top: -2.25rem;
	}

	.row.gtr-150.gtr-uniform>* {
		padding-top: 2.25rem;
	}

	.row.gtr-200 {
		margin-top: 0;
		margin-left: -3rem;
	}

	.row.gtr-200>* {
		padding: 0 0 0 3rem;
	}

	.row.gtr-200.gtr-uniform {
		margin-top: -3rem;
	}

	.row.gtr-200.gtr-uniform>* {
		padding-top: 3rem;
	}

}

/* Box */

.box {
	border: solid 2px;
	margin-bottom: 2rem;
	padding: 1.5rem;
}

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

.box.alt {
	border: 0;
	border-radius: 0;
	padding: 0;
}

.box {
	border-color: #eeeeee;
}

/* Button */

input[type="submit"],
input[type="reset"],
input[type="button"],
button,
.button {
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
	-moz-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
	-webkit-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
	-ms-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
	border: 0;
	border-radius: 0;
	cursor: pointer;
	display: inline-block;

	font-family: "ZillaSlab_";
	/*, Helvetica, sans-serif; */
	font-size: 0.8rem;
	font-weight: 900;
	letter-spacing: 0.075em;
	height: 3rem;
	line-height: 3rem;
	padding: 0 2rem;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
}

input[type="submit"].icon:before,
input[type="reset"].icon:before,
input[type="button"].icon:before,
button.icon:before,
.button.icon:before {
	margin-right: 0.5rem;
}

input[type="submit"].icon.solo,
input[type="reset"].icon.solo,
input[type="button"].icon.solo,
button.icon.solo,
.button.icon.solo {
	position: relative;
	width: 4rem;
	height: 4rem;
	line-height: 4rem;
	border-radius: 4rem;
	text-indent: 4rem;
	overflow: hidden;
	padding: 0;
	white-space: nowrap;
}

input[type="submit"].icon.solo:before,
input[type="reset"].icon.solo:before,
input[type="button"].icon.solo:before,
button.icon.solo:before,
.button.icon.solo:before {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: inherit;
	height: inherit;
	line-height: inherit;
	font-size: 1.25rem;
	margin-right: 0;
	text-align: center;
	text-indent: 0;
}

input[type="submit"].fit,
input[type="reset"].fit,
input[type="button"].fit,
button.fit,
.button.fit {
	width: 100%;
}

input[type="submit"].small,
input[type="reset"].small,
input[type="button"].small,
button.small,
.button.small {
	font-size: 0.7rem;
	height: 2.5rem;
	line-height: 2.5rem;
	padding: 0 1.5rem;
}

input[type="submit"].large,
input[type="reset"].large,
input[type="button"].large,
button.large,
.button.large {
	font-size: 0.9rem;
	height: 3.5rem;
	line-height: 3.5rem;
	padding: 0 2.75rem;
}

@media screen and (max-width: 980px) {

	input[type="submit"],
	input[type="reset"],
	input[type="button"],
	button,
	.button {
		font-size: 0.9rem;
		height: 3.25rem;
		line-height: 3.25rem;
	}

	input[type="submit"].large,
	input[type="reset"].large,
	input[type="button"].large,
	button.large,
	.button.large {
		font-size: 1rem;
		height: 3.75rem;
		line-height: 3.75rem;
	}

}

input[type="submit"].disabled,
input[type="submit"]:disabled,
input[type="reset"].disabled,
input[type="reset"]:disabled,
input[type="button"].disabled,
input[type="button"]:disabled,
button.disabled,
button:disabled,
.button.disabled,
.button:disabled {
	pointer-events: none;
	opacity: 0.25;
}

input[type="submit"],
input[type="reset"],
input[type="button"],
button,
.button {
	background-color: transparent;
	box-shadow: inset 0 0 0 1px #212931;
	color: #212931 !important;
}

input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
button:hover,
.button:hover {
	box-shadow: inset 0 0 0 1px var(--col_hl);
	color: var(--col_hl) !important;
}

input[type="submit"].primary,
input[type="reset"].primary,
input[type="button"].primary,
button.primary,
.button.primary {
	background-color: #000000;
	box-shadow: none;
	color: #ffffff !important;
}

input[type="submit"].primary:hover,
input[type="reset"].primary:hover,
input[type="button"].primary:hover,
button.primary:hover,
.button.primary:hover {
	background-color: var(--col_hl);
}

/* Form */

form {
	margin: 0 0 2rem 0;
}

form> :last-child {
	margin-bottom: 0;
}

form>.fields {
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-moz-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: calc(100% + 3rem);
	margin: -1.5rem 0 2rem -1.5rem;
}

form>.fields>.field {
	-moz-flex-grow: 0;
	-webkit-flex-grow: 0;
	-ms-flex-grow: 0;
	flex-grow: 0;
	-moz-flex-shrink: 0;
	-webkit-flex-shrink: 0;
	-ms-flex-shrink: 0;
	flex-shrink: 0;
	padding: 1.5rem 0 0 1.5rem;
	width: calc(100% - 1.5rem);
}

form>.fields>.field.half {
	width: calc(50% - 0.75rem);
}

form>.fields>.field.third {
	width: calc(100%/3 - 0.5rem);
}

form>.fields>.field.quarter {
	width: calc(25% - 0.375rem);
}

@media screen and (max-width: 480px) {

	form>.fields {
		width: calc(100% + 3rem);
		margin: -1.5rem 0 2rem -1.5rem;
	}

	form>.fields>.field {
		padding: 1.5rem 0 0 1.5rem;
		width: calc(100% - 1.5rem);
	}

	form>.fields>.field.half {
		width: calc(100% - 1.5rem);
	}

	form>.fields>.field.third {
		width: calc(100% - 1.5rem);
	}

	form>.fields>.field.quarter {
		width: calc(100% - 1.5rem);
	}

}

label {
	display: block;

	font-family: "ZillaSlab_";
	/*, Helvetica, sans-serif; */
	font-weight: 900;
	line-height: 1.5;
	letter-spacing: 0.075em;
	font-size: 0.8rem;
	text-transform: uppercase;
	margin: 0 0 0.75rem 0;
}

@media screen and (max-width: 980px) {

	label {
		font-size: 0.9rem;
	}

}

input[type="text"],
input[type="password"],
input[type="email"],
select,
textarea {
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
	background: transparent;
	border-radius: 0;
	border: solid 2px;
	color: inherit;
	display: block;
	outline: 0;
	padding: 06px 45px;
	text-decoration: none;
	width: 100%;
}

input[type="text"]:invalid,
input[type="password"]:invalid,
input[type="email"]:invalid,
select:invalid,
textarea:invalid {
	box-shadow: none;
}

select {
	background-size: 1.25rem;
	background-repeat: no-repeat;
	background-position: calc(100% - 1rem) center;
	height: 3rem;
	padding-right: 1rem;
	text-overflow: ellipsis;
}

select:focus::-ms-value {
	background-color: transparent;
}

select::-ms-expand {
	display: none;
}

input[type="text"],
input[type="password"],
input[type="email"],
select {
	height: 2rem;
}

textarea {
	padding: 0.25rem 0.25rem;
	line-height: 1.1;
}

input[type="checkbox"],
input[type="radio"] {
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
	display: block;
	float: left;
	margin-right: -2rem;
	opacity: 0;
	width: 1rem;
	z-index: -1;
}

input[type="checkbox"]+label,
input[type="radio"]+label {
	text-decoration: none;
	cursor: pointer;
	display: inline-block;
	font-size: 1rem;
	letter-spacing: 0;
	/* font-family: "Merriweather", Georgia, serif; */

	font-family: "ZillaSlab_";
	/*, Helvetica, sans-serif; */
	text-transform: none;
	font-weight: 300;
	padding-left: 2.8rem;
	padding-right: 1rem;
	position: relative;
}

input[type="checkbox"]+label:before,
input[type="radio"]+label:before {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	text-transform: none !important;
	font-family: 'Font Awesome 6 Free' !important;
	font-weight: 900;
}

input[type="checkbox"]+label:before,
input[type="radio"]+label:before {
	border-radius: 0;
	border: solid 2px;
	content: '';
	display: inline-block;
	font-size: 0.8rem;
	height: 1.8rem;
	left: 0;
	line-height: 1.65rem;
	position: absolute;
	text-align: center;
	top: -0.125rem;
	width: 1.8rem;
}

input[type="checkbox"]:checked+label:before,
input[type="radio"]:checked+label:before {
	content: '\f00c';
}

input[type="checkbox"]+label:before {
	border-radius: 0;
}

input[type="radio"]+label:before {
	border-radius: 100%;
}

::-webkit-input-placeholder {
	opacity: 1.0;
}

:-moz-placeholder {
	opacity: 1.0;
}

::-moz-placeholder {
	opacity: 1.0;
}

:-ms-input-placeholder {
	opacity: 1.0;
}

label {
	color: #212931;
}

input[type="text"],
input[type="password"],
input[type="email"],
select,
textarea {
	border-color: #eeeeee;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
select:focus,
textarea:focus {
	border-color: #508ba9e3;
}

select {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='%23eeeeee' /%3E%3C/svg%3E");
}

select option {
	background-color: #ffffff;
	color: #212931;
}

.select-wrapper:before {
	color: #eeeeee;
}

input[type="checkbox"]+label,
input[type="radio"]+label {
	color: #212931;
}

input[type="checkbox"]+label:before,
input[type="radio"]+label:before {
	border-color: #eeeeee;
}

input[type="checkbox"]:checked+label:before,
input[type="radio"]:checked+label:before {
	background-color: #212931;
	border-color: #212931;
	color: #ffffff;
}

input[type="checkbox"]:focus+label:before,
input[type="radio"]:focus+label:before {
	border-color: #18bfef;
}

::-webkit-input-placeholder {
	color: #909498 !important;
}

:-moz-placeholder {
	color: #909498 !important;
}

::-moz-placeholder {
	color: #909498 !important;
}

:-ms-input-placeholder {
	color: #909498 !important;
}

.formerize-placeholder {
	color: #909498 !important;
}

/* Icon */

.icon {
	text-decoration: none;
	border-bottom: none;
	position: relative;
}

.icon:before {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	text-transform: none !important;
	font-family: 'Font Awesome 6 Free';
	font-weight: 400;
}

.icon>.label {
	display: none;
}

.icon:before {
	line-height: inherit;
}

.icon.solid:before {
	font-weight: 900;
}

.icon.brands:before {
	font-family: 'Font Awesome 6 Brands';
}

/* Image */

.parallax {
	display: block;
	width: 100svw;
	height: 40vmin;
	object-fit: cover;
	object-position: 50% 50%;
	margin: 0px;
	z-index: 0;
}

.image {
	border: 2;
	display: inline-block;
	position: relative;
}

.image img {
	display: block;
}

.image.left,
.image.right {
	max-width: 50%;
	max-height: 80vh;

}

.image.left img,
.image.right img {
	width: 100%;
	max-height: 80vmin;
}


.image.left {
	float: left;
	margin: 0 1rem 1rem 0;
	top: 1rem;
}

.image.right {
	float: right;
	margin: 0 0 1rem 1rem;
	top: 1rem;
}

.image.fit {
	display: block;
	margin: 1rem 0;
	width: 100%;
}

.image.fit:first-child {
	margin-top: 0;
}

.image.fit img {
	width: 100%;
}

.image.main {
	display: block;
	margin: 4rem 0;
	width: 100%;
}

.image.main:first-child {
	margin-top: 0;
}

.image.main img {
	width: 100%;
}

@media screen and (max-width: 736px) {

	.image.fit {
		margin: 2rem 0;
	}

	.image.main {
		margin: 2rem 0;
	}

}

a.image {
	overflow: hidden;
}

a.image img {
	-moz-transition: -moz-transform 0.2s ease-out;
	-webkit-transition: -webkit-transform 0.2s ease-out;
	-ms-transition: -ms-transform 0.2s ease-out;
	transition: transform 0.2s ease-out;
}

a.image:hover img {
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}

/* Actions */

ul.actions {
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	cursor: default;
	list-style: none;
	margin-left: -1rem;
	padding-left: 0;
}

ul.actions li {
	padding: 1rem 0 0 1rem;
	vertical-align: middle;
}

ul.actions.special {
	-moz-justify-content: center;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	width: 100%;
	margin-left: 0;
}

ul.actions.special li:first-child {
	padding-left: 0;
}

ul.actions.stacked {
	-moz-flex-direction: column;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-left: 0;
}

ul.actions.stacked li {
	padding: 1.3rem 0 0 0;
}

ul.actions.stacked li:first-child {
	padding-top: 0;
}

ul.actions.fit {
	width: calc(100% + 1rem);
}

ul.actions.fit li {
	-moz-flex-grow: 1;
	-webkit-flex-grow: 1;
	-ms-flex-grow: 1;
	flex-grow: 1;
	-moz-flex-shrink: 1;
	-webkit-flex-shrink: 1;
	-ms-flex-shrink: 1;
	flex-shrink: 1;
	width: 100%;
}

ul.actions.fit li>* {
	width: 100%;
}

ul.actions.fit.stacked {
	width: 100%;
}

@media screen and (max-width: 480px) {

	ul.actions:not(.fixed) {
		-moz-flex-direction: column;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-left: 0;
		width: 100% !important;
	}

	ul.actions:not(.fixed) li {
		-moz-flex-grow: 1;
		-webkit-flex-grow: 1;
		-ms-flex-grow: 1;
		flex-grow: 1;
		-moz-flex-shrink: 1;
		-webkit-flex-shrink: 1;
		-ms-flex-shrink: 1;
		flex-shrink: 1;
		padding: 1rem 0 0 0;
		text-align: center;
		width: 100%;
	}

	ul.actions:not(.fixed) li>* {
		width: 100%;
	}

	ul.actions:not(.fixed) li:first-child {
		padding-top: 0;
	}

	ul.actions:not(.fixed) li input[type="submit"],
	ul.actions:not(.fixed) li input[type="reset"],
	ul.actions:not(.fixed) li input[type="button"],
	ul.actions:not(.fixed) li button,
	ul.actions:not(.fixed) li .button {
		width: 100%;
	}

	ul.actions:not(.fixed) li input[type="submit"].icon:before,
	ul.actions:not(.fixed) li input[type="reset"].icon:before,
	ul.actions:not(.fixed) li input[type="button"].icon:before,
	ul.actions:not(.fixed) li button.icon:before,
	ul.actions:not(.fixed) li .button.icon:before {
		margin-left: -0.5rem;
	}

}

/* Icons */

ul.icons {
	cursor: default;
	list-style: none;
	padding-left: 0;
}

ul.icons li {
	display: inline-block;
	padding: 0 0.5rem 0 0;
	vertical-align: middle;
}

ul.icons li:last-child {
	padding-right: 0;
}

ul.icons li .icon:before {
	width: 2.25rem;
	height: 2.25rem;
	line-height: 2.25rem;
	display: inline-block;
	text-align: center;
	border-radius: 100%;
	font-size: 1.25rem;
}

ul.icons.alt li .icon:before {
	-moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
	-webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
	-ms-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
	transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
	font-size: 1rem;
}

/* List */

ol {
	list-style: decimal;
	margin: 0 0 2rem 0;
	padding-left: 1.25rem;
}

ol li {
	padding-left: 0.25rem;
}

ul {
	list-style: disc;
	margin: 0 0 2rem 0;
	padding-left: 1rem;
}

ul.claim {
	list-style: none !important;
	text-align: left;
	padding-left: 3em;
	color: var(--col_text);
	font-size: clamp(0.6rem, 2vw + 0.5rem, 1.5rem);
}

ul li {
	padding-left: 0.0rem;
}

ul.divided {
	list-style: none;
	padding-left: 0;
}

ul.divided li {
	border-top: solid 1px;
	padding: 0.5rem 0;
}

ul.divided li:first-child {
	border-top: 0;
	padding-top: 0;
}

dl {
	margin: 0 0 2rem 0;
}

dl dt {
	display: block;
	font-weight: 600;
	margin: 0 0 1rem 0;
}

dl dd {
	margin-left: 2rem;
}

ul.divided li {
	border-top-color: #eeeeee;
}

ul.icons li a.icon:hover:before {
	color: #18bfef;
}

ul.icons.alt li .icon:before {
	box-shadow: inset 0 0 0 2px #eeeeee;
}

ul.icons.alt li a.icon:hover:before {
	box-shadow: inset 0 0 0 2px #18bfef;
}

/* Section/Article */
section {
	background-color: rgba(255, 255, 255, 1);
	position: relative;
	margin: 0rem auto !important;
	padding: 4rem 1rem 1rem 1rem !important;

	z-index: 0;
}

article {
	position: relative;
	margin: auto auto !important;
	min-width: 65%;
	max-width: 100%;
	width: 100vmin;
	z-index: 3;
	padding: 0;
}

section.special,
article.special {
	text-align: center;
}

header {
	cursor: default;
}

header>.date {
	display: block;
	font-size: 0.8rem;
	height: 1;
	margin: 0 0 1rem 0;
	position: relative;
}

header>p {
	font-style: italic;
}

header>h1+p {
	font-size: 1.1rem;
	margin-top: -0.5rem;
	line-height: 2;
}

header>h2+p {
	font-size: 1rem;
	margin-top: -0.75rem;
}

header>h3+p {
	font-size: 0.9rem;
	margin-top: -0.75rem;
}

header>h4+p {
	font-size: 0.8rem;
	margin-top: -0.75rem;
}

header.major {
	margin: 0 0 1rem 0;
	text-align: center;
}

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

header.major>p {
	margin-top: 0;
	text-align: center;
}

header.major>.date {
	font-size: 1rem;
	margin: 0 0 4rem 0;
}

header.major>.date:before,
header.major>.date:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	width: calc(50% - 6rem);
	border-top: solid 2px;
}

header.major>.date:before {
	left: 0;
}

header.major>.date:after {
	right: 0;
}

@media screen and (max-width: 980px) {

	header br {
		display: none;
	}

}

@media screen and (max-width: 736px) {

	header.major {
		margin: 0 0 2rem 0;
	}

}

header.major .date:before,
header.major .date:after {
	border-top-color: #eeeeee;
}

/* Table */

.table-wrapper {
	-webkit-overflow-scrolling: touch;
	overflow-x: auto;
}

table {
	margin: auto;
	width: 90vmin;
	color: #000000;
}

table tbody tr {
	border: solid 1px;
	border-left: 0;
	border-right: 0;
}

table td {
	padding: 0;
}

table th {

	font-family: "ZillaSlab_";
	/*, Helvetica, sans-serif; */
	font-size: 0.8rem;
	font-weight: 900;
	letter-spacing: 0.075em;
	line-height: 1.5;
	padding: 0 0.75rem 0.75rem 0.75rem;
	text-align: left;
	text-transform: uppercase;
}

@media screen and (max-width: 980px) {

	table th {
		font-size: 0.9rem;
	}

}

table thead {
	border-bottom: solid 2px;
}

table tfoot {
	border-top: solid 2px;
}

table.alt {
	border-collapse: separate;
}

table.alt tbody tr td {
	border: solid 1px;
	border-left-width: 0;
	border-top-width: 0;
}

table.alt tbody tr td:first-child {
	border-left-width: 1px;
}

table.alt tbody tr:first-child td {
	border-top-width: 1px;
}

table.alt thead {
	border-bottom: 0;
}

table.alt tfoot {
	border-top: 0;
}

table tbody tr {
	border-color: #eeeeee;
}

table tbody tr:nth-child(2n + 1) {
	background-color: var(--col_fg_tr);
}

table th {
	color: #212931;
}

table thead {
	border-bottom-color: #eeeeee;
}

table tfoot {
	border-top-color: #eeeeee;
}

table.alt tbody tr td {
	border-color: #eeeeee;
}


/* neuer Versuch der Karten */

.card-container {
	display: grid;
	width: 90vmin;
	aspect-ratio: 1;
	margin-left: auto;
	margin-right: auto;
	grid-template-columns: 25% 25% 25% 25%;
	grid-auto-rows: 25% 25% 25% 25%;
	grid-gap: 0px;
	justify-items: center;
	justify-content: center;
	align-items: center;
	text-align: center;
	/* perspective: 1000px; */
	/* will-change: contents; */
	/* perspective-origin: 50% 50%; */
	/* background: #60609090; */
	transform-style: preserve-3d;
	/* transform: perspective(var(--perspectiveZ)) translate3d(0px, 0px, var(--cardinitZ)); */
	z-index: initial;
	pointer-events: none;
}

@keyframes flutter-enter {

	0%,
	100% {
		transform: perspective(var(--perspectiveZ)) translate3d(0px, 0px, var(--cardinitZ)) rotateY(0deg);
	}

	30% {
		transform: perspective(var(--perspectiveZ)) translate3d(0px, 0px, var(--cardinitZ)) rotateY(-25deg);
	}

	70% {
		transform: perspective(var(--perspectiveZ)) translate3d(0px, 0px, var(--cardinitZ)) rotateY(25deg);
	}
}

@media (prefers-reduced-motion: no-preference) {
	.flutter-animation {
		animation: flutter-enter 500ms 2;
	}
}

.card {
	pointer-events: auto;
	display: block;
	margin: auto;
	text-align: center;
	position: relative;
	top: -150%;
	left: -150%;
	width: 400%;
	height: 400%;
	/* transform-origin: 340px 340px 0px; */
	transform-style: preserve-3d;
	will-change: contents;
	text-rendering: optimizeLegibility;
	transform: perspective(var(--perspectiveZ)) translate3d(0px, 0px, var(--cardinitZ)) rotateY(0deg);
}



.front,
.back {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	padding: 5%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	flex-wrap: nowrap;
	align-items: stretch;
	border-radius: 44px;
	/* box-shadow: 17px 19px 23px #00000060; */
	box-shadow: 7px 9px 13px #00000060;
	/* transform: perspective(var(--perspectiveZ)) rotateY(0deg) translateZ(10px); */
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	text-rendering: optimizeLegibility;
	overflow: hidden;
	transform-style: preserve-3d;
	min-height: min-content;
}

.front {
	background-image: linear-gradient(82deg, #dfdfdf, #ffffff);
}

.front:hover {
	cursor: grab;
	background-image: linear-gradient(82deg, #e9e9e9, rgba(97, 172, 225, 0.373));
	box-shadow: 25px 25px 25px #00000060;
}

.back {
	background-image: linear-gradient(82deg, var(--col_fg), #4f7188);
	transform: perspective(var(--perspectiveZ)) rotateY(-180deg) translateZ(-10px);
}

.back_content {
	margin-top: auto;
	/* height: fit-content; */
	display: block;
	overflow: auto;
	width: 100%;
	height: 100%;

}

.front h2 {
	flex-shrink: 1;
	font-family: 'gabriola_';
	/*, sans-serif;*/
	font-weight: 800;
	padding-top: 20px !important;
	margin: 0px !important;
	/* font-size: clamp(7px, 2.4vmin + 0px, 27px); */
	/* font-size: clamp(25px, 7.0vmin + 0px, 53px); */
	text-rendering: optimizeLegibility;
	font-size: clamp(20px, 8vmin + 17px, 76px);
	color: var(--col_text);
	overflow: hidden;

}

.back h2 {
	flex-shrink: 1;
	font-family: 'gabriola_';
	/*, sans-serif;*/
	font-weight: 600;
	line-height: 1.1;
	padding-top: 0.35em !important;
	margin-bottom: 0.5em !important;
	/* font-size: clamp(0.6em, 1.3vmin + 0px, 1.8em); */
	/* font-size: clamp(2.1em, 3.9vmin + 0px, 2.6em); */
	font-size: clamp(1.7em, 3.7vmin + 1.6px, 4.8em);
	color: var(--col_text);
	text-align: center;

}

.back hr {
	border: none;
	background-color: #000000;
	content: "_";
	margin: 1px 0 0 0;
}

.back p {
	flex-shrink: 1;
	font-family: "ZillaSlab_";
	/*, Helvetica, sans-serif;*/
	font-weight: 400;
	line-height: 1.1;
	text-align: left;
	padding-bottom: 1px !important;
	margin: 0px !important;
	/* font-size: 1em; */

	/* font-size: clamp(0.9em, 2.1vmin + -0.4px, 1.9em); */
	font-size: clamp(1.1em, 3.5vmin + 0.6px, 3.8em);
	color: var(--col_bg);


}

.flip-card-icon {
	flex-shrink: 1;
	display: block;
	text-align: center;

	text-shadow: 0 0 5px var(--col_bg);
	color: var(--col_fg) !important;
	overflow: visible;
	flex-basis: clamp(40px, 22vmin + 18px, 232px);
	filter: drop-shadow(9px 9px 8px #00000030) drop-shadow(-9px -9px 2px #ffffff70);
}

.card-rotate {
	display: block;
	text-shadow: 0 0 5px var(--col_bg);
	font-size: 3.5em;
	color: var(--col_fg) !important;
	overflow: visible;
	/* flex-basis: clamp(10px, 22vmin + 18px, 232px); */
	filter: drop-shadow(9px 9px 8px #00000030) drop-shadow(-9px -9px 2px #ffffff70);
	margin-top: auto;
	margin-left: auto;
}

/* Icons	  */
.flip-card-icon .svg {
	height: clamp(40px, 12vmin + 18px, 120px);
	box-sizing: inherit;
	filter: drop-shadow(0px 0px 5px var(--col_shadow));
	/* filter: drop-shadow(2px 2px 2px var(--col_shadow)); */

}

/* Notification */
#infobanner_box {
	display: block;
	position: fixed;
	width: 100vw;
	margin: auto;
	top: 10em;
	text-align: center;
	Z-index: 1000;
}

#infobanner {
	pointer-events: auto;
	display: inline-block;
	line-height: 1.1;
	padding: 10px;
	font-family: 'ZillaSlab_';
	font-size: 2em;
	font-weight: 600;
	background: linear-gradient(80deg, #c7372d9e 0%, #c7372d9e 50%, #c7372d9e 100%);
	overflow: hidden;
	border-radius: 5px;
	border-style: solid;
	border-width: 2px;
	border-color: #c7372d9e;
	color: #ffffff;
	transition: filter 0.5s ease-in-out, transform 3s ease-in;
	z-index: 1000;
	filter: blur(0) opacity(1);
	visibility: visible;
	text-align: center;
	transform: translateY(0em);
}

#infobanner:hover {
	filter: blur(10px) opacity(0);
	/* visibility: hidden; */
	transform: translateY(-10em);

}

/* Pagination */

.pagination {
	display: -moz-inline-flex;
	display: -webkit-inline-flex;
	display: -ms-inline-flex;
	display: inline-flex;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: default;
	list-style: none;
	margin: 0 0 2rem 2px;
	padding: 0;
}

.pagination a,
.pagination span {
	-moz-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
	-ms-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
	border: solid 2px;
	display: inline-block;
	font-family: "ZillaSlab_", Helvetica, sans-serif;
	font-size: 0.8rem;
	font-weight: 900;
	height: 3rem;
	letter-spacing: 0.075em;
	line-height: calc(3rem - 4px);
	margin-left: -2px;
	min-width: 3rem;
	position: relative;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}

.pagination .next,
.pagination .previous {
	text-decoration: none;
	padding: 0 1.75rem;
}

.pagination .next:before,
.pagination .previous:before {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	text-transform: none !important;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
}

.pagination .next:before,
.pagination .previous:before {
	display: inline-block;
	color: inherit !important;
	line-height: inherit;
}

.pagination .previous:before {
	content: '\f104';
	margin-right: 0.9375em;
}

.pagination .next:before {
	content: '\f105';
	float: right;
	margin-left: 0.9375em;
}

@media screen and (max-width: 980px) {

	.pagination a,
	.pagination span {
		font-size: 0.9rem;
	}

}

@media screen and (max-width: 480px) {

	.pagination .page,
	.pagination .extra {
		display: none;
	}

}

.pagination a,
.pagination span {
	border-color: #eeeeee;
}

.pagination a {
	color: #ffffff !important;
}

.pagination a:hover {
	color: var(--col_fg) !important;
	border-color: #efb218;
	z-index: 1;
}

.pagination a:hover+a,
.pagination a:hover+span {
	border-left-color: var(--col_fg);
}

.pagination a.active {
	background-color: #eeeeee;
}

.pagination span {
	color: #eeeeee;
}

/* Wrapper */

#wrapper {
	-moz-transition: opacity 1s ease;
	-webkit-transition: opacity 1s ease;
	-ms-transition: opacity 1s ease;
	transition: opacity 1s ease;
	position: relative;
	z-index: 1;
	overflow: hidden;
}

#wrapper>.bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/* background-color: #212931; */
	/* background-image: linear-gradient(100deg, var(--col_comp_fg), var(--col_cfg)); */
	background-color: #ffffff;
	/* background-image: url("../../images/bg2.jpg");  */
	background-size: 100%;
	background-position: top center;
	background-repeat: no-repeat;
	background-attachment: scroll;
	z-index: -1;
	/* filter: opacity(70%); */


	/* filter: brightness(180%) contrast(70%) blur(2px); */

	/* opacity(75%); */
}

#wrapper>.bg.fixed {
	position: fixed;
	width: 100vw;
	height: 100vh;
}

#wrapper .fade-in:before {
	pointer-events: none;
	-moz-transition: opacity 1s ease-in-out;
	-webkit-transition: opacity 1s ease-in-out;
	-ms-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
	-moz-transition-delay: 0.25s;
	-webkit-transition-delay: 0.25s;
	-ms-transition-delay: 0.25s;
	transition-delay: 0.25s;
	background: #c4ccd6;
	content: '';
	display: block;
	height: 100%;
	left: 0;
	opacity: 0;
	position: fixed;
	top: 0;
	width: 100%;
}

body.is-preload #wrapper.fade-in:before {
	opacity: 1;
}


/* Intro */

#intro {
	color: #2c88a0;
	padding: 0px 0.1rem 0px 0.1rem;
	-moz-align-items: -moz-flex-start;
	-webkit-align-items: -wbkit-flex-start;
	-ms-align-items: -ms-flex-start;
	align-items: flex-start;
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	flex-wrap: wrap;
	-moz-flex-direction: row;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-moz-justify-content: -moz-flex-start;
	-webkit-justify-content: -webkit-flex-start;
	-ms-justify-content: -ms-flex-start;
	justify-content: center;
	align-content: flex-start;
	-moz-transition: opacity 2s ease, -moz-transform 2s ease;
	-webkit-transition: opacity 2s ease, -webkit-transform 2s ease;
	-ms-transition: opacity 2s ease, -ms-transform 2s ease;
	transition: opacity 2s ease, transform 2s ease;
	position: relative;
	cursor: default;
	text-align: center;
	align-items: flex-start;
	z-index: 1;
	height: calc(100% - 3em);
	margin-top: 3em;
	/* min-height: 60svh;		 */
}

#intro input,
#intro select,
#intro textarea {
	color: #ffffff;
}

#intro a {
	color: #ffffff;
	border-bottom-color: rgba(255, 255, 255, 0.5);
}

/* #intro a:hover {
	border-bottom-color: transparent;
	color: #b918ef !important;
} */

#intro strong,
#intro b {
	color: #ffffff;
}

#intro h1,
#intro h2,
#intro h3,
#intro h4,
#intro h5,
#intro h6 {
	color: #000000;
}

#intro blockquote {
	border-left-color: #ffffff;
}

#intro code {
	background: rgba(0, 60, 255, 0.886);
	border-color: #ffffff;
}

#intro hr {
	border-bottom-color: #ffffff;
}

#intro img {
	max-width: 125vw;
	width: 100vw
}

#intro #logo_main {
	flex-grow: 0;
	flex-shrink: 1;
	/* max-width: 60% !important; */
	color: var(--col_fg);
	/* filter: drop-shadow(1px 1px 1px #000000) drop-shadow(-1px -1px 1px #ffffff50); */
	filter: drop-shadow(2px 2px 6px #ffffff40) drop-shadow(-2px -2px 6px #ffffff40) drop-shadow(2px -2px 6px #ffffff50) drop-shadow(-2px 2px 6px #ffffff50);
	/* height: clamp(100, 30vh + 50, 500); */
	height: clamp(100px, 63vmin + 50px, 400px);
	align-self: center;
	padding-top: 0.5em;


}

#intro #intro_text {
	justify-content: center;
	margin-top: auto;
}

#intro input[type="submit"],
#intro input[type="reset"],
#intro input[type="button"],
#intro button,
#intro .button {
	background-color: transparent;
	box-shadow: inset 0 0 0 2px #2888a0;
	color: #2888a0 !important;
}

#intro input[type="submit"]:hover,
#intro input[type="reset"]:hover,
#intro input[type="button"]:hover,
#intro button:hover,
#intro .button:hover {
	box-shadow: inset 0 0 0 2px hsl(192, 59%, 20%);
	color: hsl(192, 59%, 20%) !important;
}

#intro input[type="submit"].primary,
#intro input[type="reset"].primary,
#intro input[type="button"].primary,
#intro button.primary,
#intro .button.primary {
	background-color: #ffffff;
	box-shadow: none;
	color: #c4ccd6 !important;
}

#intro input[type="submit"].primary:hover,
#intro input[type="reset"].primary:hover,
#intro input[type="button"].primary:hover,
#intro button.primary:hover,
#intro .button.primary:hover {
	background-color: #18bfef;
}

#intro h1 {
	font-size: 5rem;
	text-shadow: 2px 2px 2px rgba(255, 255, 255, 0.6);
	line-height: 1;
}

#intro p {
	font-family: "ZillaSlab_", Helvetica, sans-serif;
	font-size: 1.5rem;
	text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.6);
	font-style: italic;
	margin-top: -0.25rem;
	text-align: center;
}

#intro+#header {
	margin-top: 0rem;
}

#intro+#header .logo {
	-moz-transform: translateY(2rem);
	-webkit-transform: translateY(2rem);
	-ms-transform: translateY(2rem);
	transform: translateY(2rem);
	opacity: 0;
	visibility: hidden;
}

#intro.hidden {
	pointer-events: none;
	-moz-transform: translateY(2rem);
	-webkit-transform: translateY(2rem);
	-ms-transform: translateY(2rem);
	transform: translateY(2rem);
	-moz-transition: opacity 0.5s ease, -moz-transform 0.5s ease, visibility 0.5s;
	-webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease, visibility 0.5s;
	-ms-transition: opacity 0.5s ease, -ms-transform 0.5s ease, visibility 0.5s;
	transition: opacity 0.5s ease, transform 0.5s ease, visibility 0.5s;
	opacity: 0;
	visibility: hidden;
}

#intro.hidden+#header .logo {
	-moz-transform: translateY(0);
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	visibility: visible;
}

body.is-preload #intro {
	-moz-transform: translateY(2rem);
	-webkit-transform: translateY(2rem);
	-ms-transform: translateY(2rem);
	transform: translateY(2rem);
	opacity: 0;
}

body.is-preload #nav {
	opacity: 0;
}

body.is-preload #intro:not(.hidden)+#header+#nav {
	-moz-transform: translateY(4rem);
	-webkit-transform: translateY(4rem);
	-ms-transform: translateY(4rem);
	transform: translateY(4rem);
	opacity: 0;
}

/* @media screen and (max-width: 980px) {

			#intro {
				 padding: 4rem 2rem 2rem 4rem ;
				 min-height: 90vh;
			}

				#intro p br {
					display: none;
				}

				#intro + #header {
					margin-top: 0rem;
				}

		} */

/* @media screen and (max-width: 736px) {

			#intro {
				padding: 3rem 2rem 1rem 2rem ;
				min-height: 80vh;
			}

				#intro h1 {
					font-size: 3.25rem;
					line-height: 1.1;
					margin-bottom: 1rem;
				}

				#intro p {
					font-size: 1rem;
					margin-top: 0rem;
				}

				#intro .actions {
					display: none;
				}

		} */

/* Header */

#header {
	color: #ffffff;
	-moz-align-items: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-moz-flex-direction: column;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-moz-justify-content: -moz-flex-end;
	-webkit-justify-content: -webkit-flex-end;
	-ms-justify-content: -ms-flex-end;
	justify-content: flex-end;
	pointer-events: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	height: 24rem;
	padding-bottom: 1rem;
	position: relative;
	text-align: center;
	z-index: 2;
}

#header input,
#header select,
#header textarea {
	color: #ffffff;
}

#header a {
	color: #ffffff;
	border-bottom-color: rgba(255, 255, 255, 0.5);
}

#header a:hover {
	border-bottom-color: transparent;
	color: #ef18d9 !important;
}

#header strong,
#header b {
	color: #ffffff;
}

#header h1,
#header h2,
#header h3,
#header h4,
#header h5,
#header h6 {
	color: #ffffff;
}

#header blockquote {
	border-left-color: #ffffff;
}

#header code {
	background: rgba(255, 255, 255, 0.075);
	border-color: #ffffff;
}

#header hr {
	border-bottom-color: #ffffff;
}

#header .logo {
	-moz-transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out, opacity 0.5s ease, -moz-transform 0.5s ease, visibility 0.5s;
	-webkit-transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out, opacity 0.5s ease, -webkit-transform 0.5s ease, visibility 0.5s;
	-ms-transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out, opacity 0.5s ease, -ms-transform 0.5s ease, visibility 0.5s;
	transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out, opacity 0.5s ease, transform 0.5s ease, visibility 0.5s;
	pointer-events: auto;
	border-style: hidden;
	border-color: #ffffff;
	border-width: 5px !important;
	font-family: "ZillaSlab_", Helvetica, sans-serif;
	font-size: 2.25rem;
	font-weight: 900;
	letter-spacing: 0.075em;
	line-height: 1;
	padding: 1rem 1.75rem;
	text-transform: uppercase;
	visibility: visible;
	width: 550vh;

}

#header .logo:hover {
	/* border-color: #18bfef !important; */
	color: #18ef35 !important;
	/* max-width: 20vw; */
}

@media screen and (max-width: 981px) {

	#header {
		/* height: 18rem; */
		/* max-width: 80vw; */
		padding-bottom: 2rem;
	}

	#intro .svg_logo {
		max-width: 80% !important;
	}

}

@media screen and (max-width: 736px) {

	#header {
		/* height: 15rem; */
		padding-bottom: 1rem;
	}

	#header .logo {
		font-size: 1.75rem;
		/* height: 18rem; */
		/* max-width: 80vw; */
		border-width: 3px !important;
	}

	#intro .svg_logo {
		max-width: 100% !important;
	}
}

/* Nav */

#nav {
	color: var(--col_fg);
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-moz-transition: -moz-transform 1s ease, opacity 1s ease;
	-webkit-transition: -webkit-transform 1s ease, opacity 1s ease;
	-ms-transition: -ms-transform 1s ease, opacity 1s ease;
	transition: transform 1s ease, opacity 1s ease;
	background: var(--col_fg);
	/* background: linear-gradient(90deg, var(--col_fg) 0%, var(--col_fg) 10%, rgb(136, 176, 200) 100%); */
	height: 3rem;
	line-height: 3rem;
	margin: 0 auto 0 auto;
	overflow: visible;
	padding: 0;
	/* position: inherit;  */
	width: 100vw;
	z-index: 5;

}

#nav #nav_logo {
	position: relative;
	display: block;
	-moz-flex-grow: 0;
	-webkit-flex-grow: 0;
	-ms-flex-grow: 0;
	flex-grow: 0;
	-moz-flex-shrink: 0;
	-webkit-flex-shrink: 0;
	-ms-flex-shrink: 0;
	flex-shrink: 0;
	top: 0em;
	color: var(--col_bg);
	background-color: var(--col_fg);
	border-radius: 0px 0px 7px 7px;
	height: 180px;
	width: 180px;
}




#nav #logo_path_main {
	fill: var(--col_bg) !important;
	color: var(--col_bg) !important;
	filter: drop-shadow(2px 2px 3px #00000090);
}

#nav #border_path_main {
	fill: var(--col_bg) !important;
	color: var(--col_bg) !important;
	filter: drop-shadow(4px 4px 1px #00000090);
}

#nav #title_main {
	fill: var(--col_bg) !important;
	color: var(--col_bg) !important;
	filter: drop-shadow(2px 2px 2px #00000090);
}

#nav #logo_main {
	position: relative;
	width: 95%;
	height: 98%;
	margin: auto;
}

#navPanel #nav_logo {
	position: relative;
	display: block;
	-moz-flex-grow: 0;
	-webkit-flex-grow: 0;
	-ms-flex-grow: 0;
	flex-grow: 0;
	-moz-flex-shrink: 0;
	-webkit-flex-shrink: 0;
	-ms-flex-shrink: 0;
	flex-shrink: 0;
	background-color: var(--col_bg);
	margin: auto;
	padding: 0px;
	max-width: 90%
}

#navPanel #Logo_path_main {
	fill: var(--col_fg) !important;
	filter: drop-shadow(1px 1px 2px var(--col_fg));
}

#navPanel #border_path_main {
	fill: var(--col_fg) !important;
	filter: drop-shadow(1px 1px 2px var(--col_fg));
}

#navPanel #title_main {
	fill: var(--col_fg) !important;
	filter: drop-shadow(1px 1px 2px var(--col_fg));
}

#navPanel #logo_main {
	width: 30vmin;
	height: 30vmin;
	max-width: 150px;
	max-height: 150px;


}


/* The sticky class is added to the navbar with JS when it reaches its scroll position */
.sticky_top {
	position: fixed;
	top: 0;
	left: 0;
	/* width: 100%; */
	/* color: var(--col_fg_tr); */
}

.sticky_bottom {
	position: fixed;
	top: calc(100% - 4rem);
	/* width: 100%; */
	/* color: var(--col_fg_tr); */
	/* background: var(--col_fg_tr); */
}

#nav ul.divided li {
	border-top-color: #ffffff;
}

#nav ul.icons li a.icon:hover:before {
	color: var(--col_link);
}

#nav ul.icons.alt li .icon:before {
	box-shadow: inset 0 0 0 2px #ffffff;
}

#nav ul.icons.alt li a.icon:hover:before {
	box-shadow: inset 0 0 0 2px var(--col_fg_tr);
}

#nav input,
#nav select,
#nav textarea {
	color: #ffffff;
}

#nav a {
	color: #ffffff;
	border-bottom-color: rgba(255, 255, 255, 0.5);
}

#nav a:hover {
	border-bottom-color: transparent;
	color: #18bfef !important;
}

#nav strong,
#nav b {
	color: #ffffff;
}

#nav h1,
#nav h2,
#nav h3,
#nav h4,
#nav h5,
#nav h6 {
	color: #ffffff;
}

#nav blockquote {
	border-left-color: #ffffff;
}

#nav code {
	background: rgba(255, 255, 255, 0.075);
	border-color: #ffffff;
}

#nav hr {
	border-bottom-color: #ffffff;
}

#nav ul.links {
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-moz-flex-grow: 1;
	-webkit-flex-grow: 1;
	-ms-flex-grow: 1;
	flex-grow: 1;
	-moz-flex-shrink: 1;
	-webkit-flex-shrink: 1;
	-ms-flex-shrink: 1;
	flex-shrink: 1;
	/* margin-bottom: 0;			 */
	margin: auto;
	padding: 0;
	font-family: "ZillaSlab_", Helvetica, sans-serif;
	font-weight: 600;
	/* letter-spacing: 0.01rem; */
	list-style: none;

	text-transform: uppercase;
	text-shadow: 2px 2px 3px var(--col_shadow);
	height: 3em;


}

#nav ul.links li {
	display: block;
	text-align: center;
	/* padding-left: 0; */
	-moz-flex-grow: 1;
	-webkit-flex-grow: 1;
	-ms-flex-grow: 1;
	flex-grow: 1;
	-moz-flex-shrink: 0;
	-webkit-flex-shrink: 0;
	-ms-flex-shrink: 0;
	flex-shrink: 0;
	background: var(--col_fg);
	background: transparent;

}

#nav ul.links li:first-child {
	background: none;
	-moz-flex-grow: 0;
	-webkit-flex-grow: 0;
	-ms-flex-grow: 0;
	flex-grow: 0;
}

#nav ul.links li a {
	-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
	-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
	-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
	display: block;
	font-size: 1.0rem;
	outline: none;
	padding: 0 0.30rem 0 0.30rem;

}

#nav ul.links li a:hover {
	color: inherit !important;
	background-color: rgba(255, 255, 255, 0.7);

}

#nav ul.links li.active {
	background-color: #ffffff;
}

#nav ul.links li.active a {
	color: #1e252d;
}

#nav ul.links li.active a:hover {
	color: #ef184e !important;
}

#nav ul.icons {
	-moz-flex-grow: 0;
	-webkit-flex-grow: 0;
	-ms-flex-grow: 0;
	flex-grow: 0;
	-moz-flex-shrink: 0;
	-webkit-flex-shrink: 0;
	-ms-flex-shrink: 0;
	flex-shrink: 0;
	margin-bottom: 0;
	text-shadow: 2px 2px 3px var(--col_shadow);
}

@media screen and (max-width: 980px) {

	#nav {
		display: none;
	}

}

#map {

	max-width: clamp(350px, 90vh, 90vh);

	aspect-ratio: 1;
	margin: auto;
	box-shadow: 5px 5px 10px var(--col_shadow);
	transition: translate3d(0, 0, 0);
}

/* Main */

#main {
	/* background-color: #ffffffff; */
	position: relative;
	margin: auto;
	width: 90svw;
	z-index: 0;
}

#main>* {
	padding: 0rem 1rem 0rem 1rem;
	/* border-top: solid 2px #eeeeee; */
	margin: 0;
}

#main>*:first-child {
	border-top: 0;
}

#main>footer {
	text-align: center;
}

#main>.post {
	padding: 8rem 8rem 6rem 8rem;

}

#main>.post header.major>.date {
	margin-top: -2rem;
}

#main>.post header.major>h1,
#main>.post header.major h2 {
	font-size: 4rem;
	line-height: 1.1;
	margin: 0 0 1rem 0;
}

#main>.post.featured {
	text-align: center;
}

@media screen and (max-width: 1280px) {

	#main>.post {
		padding: 6rem 4rem 4rem 4rem;
	}

}

@media screen and (max-width: 736px) {

	#main>.post {
		padding: 4rem 2rem 2rem 2rem;
	}

	#main>.post header.major>.date {
		margin-top: -1rem;
		margin-bottom: 2rem;
	}

	#main>.post header.major>h1,
	#main>.post header.major h2 {
		font-size: 2.5rem;
		line-height: 1.2;
		margin: 0 0 1.5rem 0;
	}

}

#main>.posts {
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-moz-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-moz-align-items: -moz-stretch;
	-webkit-align-items: -webkit-stretch;
	-ms-align-items: -ms-stretch;
	align-items: stretch;
	text-align: center;
	width: 100%;
	padding: 0;
}

#main>.posts>* {
	-moz-flex-shrink: 1;
	-webkit-flex-shrink: 1;
	-ms-flex-shrink: 1;
	flex-shrink: 1;
	-moz-flex-grow: 0;
	-webkit-flex-grow: 0;
	-ms-flex-grow: 0;
	flex-grow: 0;
}

#main>.posts>* {
	width: 50%;
}

#main>.posts>* {
	padding: 4rem;
	width: 50%;
}

#main>.posts>article {
	border-color: #eeeeee;
	border-left-width: 2px;
	border-style: solid;
	border-top-width: 2px;
	text-align: center;
}

#main>.posts>article> :last-child {
	margin-bottom: 0;
}

#main>.posts>article:nth-child(2n - 1) {
	border-left-width: 0;
}

#main>.posts>article:nth-child(-n + 2) {
	border-top-width: 0;
}

@media screen and (max-width: 980px) {

	#main>.posts>* {
		width: 50%;
	}

	#main>.posts>* {
		padding: 2.5rem;
		width: 50%;
	}

}

@media screen and (max-width: 736px) {

	#main>.posts>* {
		width: 100%;
	}

	#main>.posts>* {
		padding: 2rem;
		width: 100%;
	}

	#main>.posts>article:nth-child(2n - 1) {
		border-left-width: 2px;
	}

	#main>.posts>article:nth-child(-n + 2) {
		border-top-width: 2px;
	}

	#main>.posts>article:nth-child(n) {
		border-left-width: 0;
	}

	#main>.posts>article:nth-child(-n + 1) {
		border-top-width: 0;
	}

	#main>.posts>article .image {
		max-width: 25rem;

		margin-left: auto;
		margin-right: auto;
	}

}

@media screen and (max-width: 736px) {

	#main>* {
		padding: 1rem 1rem 0.1rem 1rem;
	}

}

@media screen and (max-width: 480px) {

	#main {
		width: 100%;
	}

}

/* Footer */

#footer {
	color: #000000;
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	background-color: #f5f5f586;

	cursor: default;
	position: relative;
	margin: 0 auto;
	min-width: 50%;
	max-width: 95%;
	z-index: 0;
}

#footer input,
#footer select,
#footer textarea {
	color: #000000;
}

#footer a {
	color: #000000;
	border-bottom-color: rgba(113, 121, 129, 0.8);
}

#footer a:hover {
	border-bottom-color: transparent;
	color: var(--col_hl) !important;
}

#footer strong,
#footer b {
	color: #393b3d;
}

#footer h1,
#footer h2,
#footer h3,
#footer h4,
#footer h5,
#footer h6 {
	color: #353638;
}

#footer blockquote {
	border-left-color: #e2e2e2;
}

#footer code {
	background: rgba(220, 220, 220, 0.5);
	border-color: #e2e2e2;
}

#footer hr {
	border-bottom-color: #e2e2e2;
}

#footer .box {
	border-color: #e2e2e2;
}

#footer input[type="submit"],
#footer input[type="reset"],
#footer input[type="button"],
#footer button,
#footer .button {
	background-color: transparent;
	box-shadow: inset 0 0 0 2px #717981;
	color: #717981 !important;
}

#footer input[type="submit"]:hover,
#footer input[type="reset"]:hover,
#footer input[type="button"]:hover,
#footer button:hover,
#footer .button:hover {
	box-shadow: inset 0 0 0 2px #18bfef;
	color: #18bfef !important;
}

#footer input[type="submit"].primary,
#footer input[type="reset"].primary,
#footer input[type="button"].primary,
#footer button.primary,
#footer .button.primary {
	background-color: #717981;
	box-shadow: none;
	color: #f5f5f5 !important;
}

#footer input[type="submit"].primary:hover,
#footer input[type="reset"].primary:hover,
#footer input[type="button"].primary:hover,
#footer button.primary:hover,
#footer .button.primary:hover {
	background-color: var(--col_bg);
}

#footer label {
	color: #000000;
}

#footer input[type="text"],
#footer input[type="password"],
#footer input[type="email"],
#footer select,
#footer textarea {
	border-color: #e2e2e230;
	box-shadow: -2px -2px 2px #00000050, 2px 2px 2px #ffffff;

}

#footer input[type="text"]:focus,
#footer input[type="password"]:focus,
#footer input[type="email"]:focus,
#footer select:focus,
#footer textarea:focus {
	border-color: #00c8ff20;
	border-width: 2px;
}

#footer select {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='%23e2e2e2' /%3E%3C/svg%3E");
}

#footer select option {
	background-color: #f5f5f5;
	color: #717981;
}

#footer .select-wrapper:before {
	color: #e2e2e2;
}

#footer input[type="checkbox"]+label,
#footer input[type="radio"]+label {
	color: #717981;
}

#footer input[type="checkbox"]+label:before,
#footer input[type="radio"]+label:before {
	border-color: #e2e2e2;
}

#footer input[type="checkbox"]:checked+label:before,
#footer input[type="radio"]:checked+label:before {
	background-color: #717981;
	border-color: #717981;
	color: #f5f5f5;
}

#footer input[type="checkbox"]:focus+label:before,
#footer input[type="radio"]:focus+label:before {
	border-color: #18bfef;
}

#footer ::-webkit-input-placeholder {
	color: #b3b7bb !important;
}

#footer :-moz-placeholder {
	color: #b3b7bb !important;
}

#footer ::-moz-placeholder {
	color: #b3b7bb !important;
}

#footer :-ms-input-placeholder {
	color: #b3b7bb !important;
}

#footer .formerize-placeholder {
	color: #b3b7bb !important;
}

#footer ul.divided li {
	border-top-color: #e2e2e2;
}

#footer ul.icons li a.icon:hover:before {
	color: #18bfef;
}

#footer ul.icons.alt li .icon:before {
	box-shadow: inset 0 0 0 2px #e2e2e2;
}

#footer ul.icons.alt li a.icon:hover:before {
	box-shadow: inset 0 0 0 2px #18bfef;
}

#footer header.major .date:before,
#footer header.major .date:after {
	border-top-color: #e2e2e2;
}

#footer table tbody tr {
	border-color: #e2e2e2;
}

#footer table tbody tr:nth-child(2n + 1) {
	background-color: rgba(220, 220, 220, 0.5);
}

#footer table th {
	color: #717981;
}

#footer table thead {
	border-bottom-color: #e2e2e2;
}

#footer table tfoot {
	border-top-color: #e2e2e2;
}

#footer table.alt tbody tr td {
	border-color: #e2e2e2;
}

#footer .pagination a,
#footer .pagination span {
	border-color: #e2e2e2;
}

#footer .pagination a {
	color: #717981 !important;
}

#footer .pagination a:hover {
	color: #18bfef !important;
	border-color: #18bfef;
	z-index: 1;
}

#footer .pagination a:hover+a,
#footer .pagination a:hover+span {
	border-left-color: #18bfef;
}

#footer .pagination a.active {
	background-color: #e2e2e2;
}

#footer .pagination span {
	color: #e2e2e2;
}

#footer>section {
	-moz-flex-basis: 50%;
	-webkit-flex-basis: 50%;
	-ms-flex-basis: 50%;
	flex-basis: 50%;
	-moz-flex-grow: 1;
	-webkit-flex-grow: 1;
	-ms-flex-grow: 1;
	flex-grow: 1;
	-moz-flex-shrink: 1;
	-webkit-flex-shrink: 1;
	-ms-flex-shrink: 1;
	flex-shrink: 1;
	padding: 1rem 1rem 1rem 1rem !important;
	margin: 0 auto !important;
	border-left: solid 1px #e2e2e2;
}

#footer>section:first-child {
	border-left: 0;
}

#footer>section.split {
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-moz-flex-direction: column;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 0;
}

#footer>section.split>section {
	padding: 3rem 4rem 1rem 4rem;
	border-top: solid 2px #0000006b;
}

#footer>section.split>section:first-child {
	padding: 5rem 4rem 1rem 4rem;
	border-top: 0;
}

#footer>section.split>section:last-child {
	padding: 3rem 4rem 3rem 4rem;
}

#footer>section.split.contact>section {
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-moz-align-items: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	/* padding: 3.15rem 4rem; */
}

#footer>section.split.contact>section>* {
	margin-bottom: 0 !important;
}

#footer>section.split.contact>section> :first-child {
	-moz-flex-shrink: 0;
	-webkit-flex-shrink: 0;
	-ms-flex-shrink: 0;
	flex-shrink: 0;
	-moz-flex-grow: 0;
	-webkit-flex-grow: 0;
	-ms-flex-grow: 0;
	flex-grow: 0;
	width: 6rem;
}

#footer>section.split.contact>section> :last-child {
	-moz-flex-shrink: 1;
	-webkit-flex-shrink: 1;
	-ms-flex-shrink: 1;
	flex-shrink: 1;
	-moz-flex-grow: 1;
	-webkit-flex-grow: 1;
	-ms-flex-grow: 1;
	flex-grow: 1;
}

#footer>section.split.contact>section:first-child {
	padding: 4rem 4rem 3rem 4rem;
}

#footer>section.split.contact>section:last-child {
	padding: 3rem 4rem 4rem 4rem;
}

#footer>section.split.contact>section.alt {
	-moz-align-items: -moz-flex-start;
	-webkit-align-items: -webkit-flex-start;
	-ms-align-items: -ms-flex-start;
	align-items: flex-start;
	margin-top: 1em !important;
	margin-bottom: 1em !important;
	padding: 1em !important;
	background-color: #FFFFFF00;
	width: 80%;
}


#footer>section.split.contact>section.alt> :last-child {
	margin-top: -0.325rem;
}

#footer form label,
#footer h3,
#footer p {
	font-size: 0.8rem;
}

@media screen and (max-width: 980px) {

	#footer {
		display: block;
	}

	#footer>section {
		border-top: solid 2px #e2e2e2;
	}

	#footer>section:first-child {
		border-top: 0;
	}

	#footer>section.split>section {
		padding: 4rem 4rem 2rem 4rem;
	}

	#footer>section.split>section:first-child {
		padding: 4rem 4rem 2rem 4rem;
	}

	#footer>section.split>section:last-child {
		padding: 4rem 4rem 2rem 4rem;
	}

	#footer>section.split.contact>section {
		padding: 4rem;
	}

	#footer>section.split.contact>section:first-child {
		padding: 4rem;
	}

	#footer>section.split.contact>section:last-child {
		padding: 4rem;
	}

	#footer form label,
	#footer h3,
	#footer p {
		font-size: 0.9rem;
	}

}

@media screen and (max-width: 736px) {

	#footer>section {
		padding: 2rem 2rem 0.1rem 2rem;
	}

	#footer>section.split>section {
		padding: 2rem 2rem 0.1rem 2rem;
	}

	#footer>section.split>section:first-child {
		padding: 2rem 2rem 0.1rem 2rem;
	}

	#footer>section.split>section:last-child {
		padding: 2rem 2rem 0.1rem 2rem;
	}

	#footer>section.split.contact>section {
		padding: 2rem;
	}

	#footer>section.split.contact>section:first-child {
		padding: 2rem;
	}

	#footer>section.split.contact>section:last-child {
		padding: 2rem;
	}

}

@media screen and (max-width: 480px) {

	#footer {
		width: 100%;
	}

}

#copyright {
	color: #ffffff;
	position: relative;
	color: #000000;
	cursor: default;
	font-family: "ZillaSlab_", Helvetica, sans-serif;
	font-size: 0.8rem;
	font-weight: 900;
	letter-spacing: 0.075em;
	line-height: 1.5;
	text-align: center;
	text-transform: uppercase;
	margin: 4rem auto 8rem auto;
	width: calc(100% - 4rem);
	max-width: 72rem;
	z-index: 2;
}

#copyright input,
#copyright select,
#copyright textarea {
	color: #000000;
}

#copyright a {
	color: #000000;
	border-bottom-color: rgba(255, 255, 255, 0.5);
}

#copyright a:hover {
	border-bottom-color: transparent;
	color: #18bfef !important;
}

#copyright strong,
#copyright b {
	color: #ffffff;
}

#copyright h1,
#copyright h2,
#copyright h3,
#copyright h4,
#copyright h5,
#copyright h6 {
	color: #ffffff;
}

#copyright blockquote {
	border-left-color: #ffffff;
}

#copyright code {
	background: rgba(255, 255, 255, 0.075);
	border-color: #ffffff;
}

#copyright hr {
	border-bottom-color: #ffffff;
}

#copyright a {
	color: var(--col_link);
	border-bottom-color: var(--col_link);
}

#copyright ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}

#copyright ul li {
	border-left: solid 2px;
	display: inline-block;
	line-height: 1;
	margin-left: 1rem;
	padding-left: 1rem;
}

#copyright ul li:first-child {
	border-left: 0;
	margin-left: 0;
	padding-left: 0;
}

@media screen and (max-width: 1280px) {

	#copyright {
		margin: 4rem auto;
	}

}

@media screen and (max-width: 480px) {

	#copyright ul li {
		border-left: 0;
		margin: 1rem 0 0 0;
		padding-left: 0;
		display: block;
	}

	#copyright ul li:first-child {
		margin-top: 0;
	}

}

/* Nav Panel */

#navPanelToggle {
	text-decoration: none;
	-moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
	-webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
	-ms-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
	transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
	display: none;
	position: fixed;
	top: 0.75rem;
	right: 0.75rem;
	border: 0;
	color: var(--col_fg);
	font-family: "ZillaSlab_", Helvetica, sans-serif;
	font-size: clamp(0.7rem, 3vmin, 0.9em);
	font-weight: 900;
	letter-spacing: 0.075em;
	padding: 0.30rem 1.0rem;
	text-transform: uppercase;
	z-index: 1001 !important;
}



/* #navPanelToggle:before {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	line-height: 1;
} */



#navPanelToggle.alt {
	background-color: rgba(255, 255, 255, 0.875);
	box-shadow: 0 0.125rem 0.75rem 0 rgba(30, 37, 45, 0.25);
	color: var(--col_fg);
}

#navPanelToggle.alt:hover {
	background-color: var(--col_fg);
}

@media screen and (max-width: 980px) {

	#navPanelToggle {
		display: block;
	}

}

@media screen and (max-width: 736px) {

	#navPanelToggle {
		font-size: 0.8rem;
		padding: 0.25rem 1rem;
	}

}

#navPanel {
	-moz-transform: translateX(20rem);
	-webkit-transform: translateX(20rem);
	-ms-transform: translateX(20rem);
	transform: translateX(20rem);
	-moz-transition: -moz-transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;
	-webkit-transition: -webkit-transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;
	-ms-transition: -ms-transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;
	transition: transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;
	display: none;
	-webkit-overflow-scrolling: touch;
	background: #ffffff;
	box-shadow: none;
	color: var(--col_fg);
	height: 100%;
	max-width: 40%;
	overflow-y: auto;
	padding: 2rem 2rem;
	position: fixed;
	right: 0;
	top: 0;
	visibility: hidden;
	width: 15rem;
	z-index: 1000;
}

#navPanel .links {
	list-style: none;
	padding-left: 0;
}


#navPanel .links li {
	border-top: solid 2px #eeeeee;
}

#navPanel .links li a {
	border-bottom: 0;
	display: block;
	color: var(--col_fg);
	font-family: "ZillaSlab_", Helvetica, sans-serif;
	font-size: 0.8rem;
	font-weight: 900;
	letter-spacing: 0.075em;
	padding: 0.25rem 0;
	text-transform: uppercase;
}

#navPanel .links li:first-child {
	border-top: 0;
}

#navPanel .close {
	text-decoration: none;
	-moz-transition: color 0.2s ease-in-out;
	-webkit-transition: color 0.2s ease-in-out;
	-ms-transition: color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	border: 0;
	color: #909498;
	cursor: pointer;
	display: block;
	height: 3.25rem;
	line-height: 3.25rem;
	padding-right: 1.25rem;
	position: absolute;
	right: 0;
	text-align: right;
	top: 0;
	/* vertical-align: middle; */
	width: 7rem;
}

/* #navPanel .close:before {
				-moz-osx-font-smoothing: grayscale;
				-webkit-font-smoothing: antialiased;
				display: inline-block;
				font-style: normal;
				font-variant: normal;
				text-rendering: auto;
				line-height: 1;
				text-transform: none !important;
				font-family: 'Font Awesome 5 Free';
				font-weight: 900;
			}

			#navPanel .close:before {
				content: '\f00d';
				font-size: 1.25rem;
			} */

#navPanel .close:hover {
	color: #2888a0;
}

@media screen and (max-width: 736px) {

	#navPanel .close {
		height: 4rem;
		line-height: 4rem;
	}

}

@media screen and (max-width: 980px) {

	#navPanel {
		display: block;
	}

}

@media screen and (max-width: 736px) {

	#navPanel {
		padding: 2.5rem 1.0rem;
	}

}

@media screen and (max-width: 980px) {

	body.is-navPanel-visible #wrapper {
		opacity: 0.5;
	}

	body.is-navPanel-visible #navPanel {
		-moz-transform: translateX(0);
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
		box-shadow: 0 0 1.5rem 0 rgba(0, 0, 0, 0.2);
		visibility: visible;
	}

}