﻿*, :after, :before {
	box-sizing: border-box
}

:after, :before {
	text-decoration: inherit;
	vertical-align: inherit
}

html {
	-webkit-tap-highlight-color: transparent;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	cursor: default;
	line-height: 1.5;
	-moz-tab-size: 4;
	tab-size: 4;
	word-break: break-word
}

body {
	margin: 0
}

h1 {
	font-size: 2em;
	margin: .67em 0
}

dl dl, dl ol, dl ul, ol dl, ul dl {
	margin: 0
}

hr {
	color: inherit;
	height: 0
}

nav ol, nav ul {
	list-style: none;
	padding: 0
}

nav li:before {
	content: "\200B"
}

pre {
	-ms-overflow-style: scrollbar;
	font-family: monospace,monospace;
	font-size: 1em;
	overflow: auto
}

abbr[title] {
	text-decoration: underline;
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted
}

b, strong {
	font-weight: bolder
}

code, kbd, samp {
	font-family: monospace,monospace;
	font-size: 1em
}

small {
	font-size: 80%
}

audio, canvas, iframe, img, svg, video {
	vertical-align: middle
}

iframe {
	border-style: none
}

svg:not([fill]) {
	fill: currentColor
}

table {
	border-collapse: collapse;
	border-color: inherit;
	text-indent: 0
}

button, input, select {
	margin: 0
}

button {
	text-transform: none
}

[type=button], [type=reset], [type=submit], button {
	-webkit-appearance: button
}

fieldset {
	border: 1px solid #a0a0a0;
	padding: .35em .75em .625em
}

progress {
	vertical-align: initial
}

select {
	text-transform: none
}

textarea {
	margin: 0;
	resize: vertical;
	resize: block
}

[type=search] {
	-webkit-appearance: textfield;
	outline-offset: -2px
}

::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
	height: auto
}

::-webkit-input-placeholder {
	color: inherit;
	opacity: .54
}

::-webkit-search-decoration {
	-webkit-appearance: none
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}

::-moz-focus-inner {
	border-style: none;
	padding: 0
}

:-moz-focusring {
	outline: 1px dotted ButtonText
}

:-moz-ui-invalid {
	box-shadow: none
}

details, dialog {
	display: block
}

dialog {
	background-color: #fff;
	border: solid;
	color: #000;
	height: -moz-fit-content;
	height: -webkit-fit-content;
	height: fit-content;
	left: 0;
	margin: auto;
	padding: 1em;
	position: absolute;
	right: 0;
	width: -moz-fit-content;
	width: -webkit-fit-content;
	width: fit-content
}

	dialog:not([open]) {
		display: none
	}

summary {
	display: list-item
}

[tabindex], a, area, button, input, label, select, summary, textarea {
	-ms-touch-action: manipulation
}

[aria-busy=true] {
	cursor: progress
}

[aria-controls] {
	cursor: pointer
}

[aria-disabled=true], [disabled] {
	cursor: not-allowed
}

[aria-hidden=false][hidden] {
	display: initial
}

	[aria-hidden=false][hidden]:not(:focus) {
		clip: rect(0,0,0,0);
		position: absolute
	}

@font-face {
	font-display: swap;
	font-family: Nimbus Sans;
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/NimbusSanL-Reg.otf') format("opentype")
}

@font-face {
	font-display: swap;
	font-family: Nimbus Sans;
	font-style: italic;
	font-weight: 400;
	src: url('../fonts/NimbusSanL-Reg.otf') format('opentype');
}

@font-face {
	font-display: swap;
	font-family: Nimbus Sans;
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/NimbusSanL-Bol.otf') format('opentype');
}

@font-face {
	font-display: swap;
	font-family: Nimbus Sans;
	font-style: italic;
	font-weight: 700;
	src: url('../fonts/NimbusSanL-Reg.otf') format('opentype');
}
/*!
 * Bootstrap Grid v5.1.1 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */

:root {
	--bs-blue: #0d6efd;
	--bs-indigo: #6610f2;
	--bs-purple: #6f42c1;
	--bs-pink: #d63384;
	--bs-red: #dc3545;
	--bs-orange: #fd7e14;
	--bs-yellow: #ffc107;
	--bs-green: #198754;
	--bs-teal: #20c997;
	--bs-cyan: #0dcaf0;
	--bs-white: #fff;
	--bs-gray: #6c757d;
	--bs-gray-dark: #343a40;
	--bs-gray-100: #f8f9fa;
	--bs-gray-200: #e9ecef;
	--bs-gray-300: #dee2e6;
	--bs-gray-400: #ced4da;
	--bs-gray-500: #adb5bd;
	--bs-gray-600: #6c757d;
	--bs-gray-700: #495057;
	--bs-gray-800: #343a40;
	--bs-gray-900: #212529;
	--bs-primary: #0d6efd;
	--bs-secondary: #6c757d;
	--bs-success: #198754;
	--bs-info: #0dcaf0;
	--bs-warning: #ffc107;
	--bs-danger: #dc3545;
	--bs-light: #f8f9fa;
	--bs-dark: #212529;
	--bs-primary-rgb: 13,110,253;
	--bs-secondary-rgb: 108,117,125;
	--bs-success-rgb: 25,135,84;
	--bs-info-rgb: 13,202,240;
	--bs-warning-rgb: 255,193,7;
	--bs-danger-rgb: 220,53,69;
	--bs-light-rgb: 248,249,250;
	--bs-dark-rgb: 33,37,41;
	--bs-white-rgb: 255,255,255;
	--bs-black-rgb: 0,0,0;
	--bs-body-color-rgb: 33,37,41;
	--bs-body-bg-rgb: 255,255,255;
	--bs-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	--bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
	--bs-gradient: linear-gradient(180deg,hsla(0,0%,100%,0.15),hsla(0,0%,100%,0));
	--bs-body-font-family: var(--bs-font-sans-serif);
	--bs-body-font-size: 1rem;
	--bs-body-font-weight: 400;
	--bs-body-line-height: 1.5;
	--bs-body-color: #212529;
	--bs-body-bg: #fff
}

.containerOM, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--bs-gutter-x,1rem);
	padding-right: var(--bs-gutter-x,1rem);
	width: 100%
}

@media(min-width:576px) {
	.containerOM, .container-sm {
		max-width: 540px
	}
}

@media(min-width:768px) {
	.containerOM, .container-md, .container-sm {
		max-width: 720px
	}
}

@media(min-width:1024px) {
	.containerOM, .container-lg, .container-md, .container-sm {
		max-width: 960px
	}
}

@media(min-width:1440px) {
	.containerOM, .container-lg, .container-md, .container-sm, .container-xl {
		max-width: 1280px
	}
}

.row {
	--bs-gutter-x: 2rem;
	--bs-gutter-y: 0;
	display: flex;
	flex-wrap: wrap;
	margin-left: calc(var(--bs-gutter-x)*-.5);
	margin-right: calc(var(--bs-gutter-x)*-.5);
	margin-top: calc(var(--bs-gutter-y)*-1)
}

	.row > * {
		box-sizing: border-box;
		flex-shrink: 0;
		margin-top: var(--bs-gutter-y);
		max-width: 100%;
		padding-left: calc(var(--bs-gutter-x)*.5);
		padding-right: calc(var(--bs-gutter-x)*.5);
		width: 100%
	}

.col {
	flex: 1 0 0%
}

.row-cols-auto > * {
	flex: 0 0 auto;
	width: auto
}

.row-cols-1 > * {
	flex: 0 0 auto;
	width: 100%
}

.row-cols-2 > * {
	flex: 0 0 auto;
	width: 50%
}

.row-cols-3 > * {
	flex: 0 0 auto;
	width: 33.3333333333%
}

.row-cols-4 > * {
	flex: 0 0 auto;
	width: 25%
}

.row-cols-5 > * {
	flex: 0 0 auto;
	width: 20%
}

.row-cols-6 > * {
	flex: 0 0 auto;
	width: 16.6666666667%
}

.col-auto {
	flex: 0 0 auto;
	width: auto
}

.col-1 {
	flex: 0 0 auto;
	width: 8.33333333%
}

.col-2 {
	flex: 0 0 auto;
	width: 16.66666667%
}

.col-3 {
	flex: 0 0 auto;
	width: 25%
}

.col-4 {
	flex: 0 0 auto;
	width: 33.33333333%
}

.col-5 {
	flex: 0 0 auto;
	width: 41.66666667%
}

.col-6 {
	flex: 0 0 auto;
	width: 50%
}

.col-7 {
	flex: 0 0 auto;
	width: 58.33333333%
}

.col-8 {
	flex: 0 0 auto;
	width: 66.66666667%
}

.col-9 {
	flex: 0 0 auto;
	width: 75%
}

.col-10 {
	flex: 0 0 auto;
	width: 83.33333333%
}

.col-11 {
	flex: 0 0 auto;
	width: 91.66666667%
}

.col-12 {
	flex: 0 0 auto;
	width: 100%
}

.offset-1 {
	margin-left: 8.33333333%
}

.offset-2 {
	margin-left: 16.66666667%
}

.offset-3 {
	margin-left: 25%
}

.offset-4 {
	margin-left: 33.33333333%
}

.offset-5 {
	margin-left: 41.66666667%
}

.offset-6 {
	margin-left: 50%
}

.offset-7 {
	margin-left: 58.33333333%
}

.offset-8 {
	margin-left: 66.66666667%
}

.offset-9 {
	margin-left: 75%
}

.offset-10 {
	margin-left: 83.33333333%
}

.offset-11 {
	margin-left: 91.66666667%
}

.g-0, .gx-0 {
	--bs-gutter-x: 0
}

.g-0, .gy-0 {
	--bs-gutter-y: 0
}

.g-1, .gx-1 {
	--bs-gutter-x: 0.25rem
}

.g-1, .gy-1 {
	--bs-gutter-y: 0.25rem
}

.g-2, .gx-2 {
	--bs-gutter-x: 0.5rem
}

.g-2, .gy-2 {
	--bs-gutter-y: 0.5rem
}

.g-3, .gx-3 {
	--bs-gutter-x: 1rem
}

.g-3, .gy-3 {
	--bs-gutter-y: 1rem
}

.g-4, .gx-4 {
	--bs-gutter-x: 1.5rem
}

.g-4, .gy-4 {
	--bs-gutter-y: 1.5rem
}

.g-5, .gx-5 {
	--bs-gutter-x: 3rem
}

.g-5, .gy-5 {
	--bs-gutter-y: 3rem
}

@media(min-width:576px) {
	.col-sm {
		flex: 1 0 0%
	}

	.row-cols-sm-auto > * {
		flex: 0 0 auto;
		width: auto
	}

	.row-cols-sm-1 > * {
		flex: 0 0 auto;
		width: 100%
	}

	.row-cols-sm-2 > * {
		flex: 0 0 auto;
		width: 50%
	}

	.row-cols-sm-3 > * {
		flex: 0 0 auto;
		width: 33.3333333333%
	}

	.row-cols-sm-4 > * {
		flex: 0 0 auto;
		width: 25%
	}

	.row-cols-sm-5 > * {
		flex: 0 0 auto;
		width: 20%
	}

	.row-cols-sm-6 > * {
		flex: 0 0 auto;
		width: 16.6666666667%
	}

	.col-sm-auto {
		flex: 0 0 auto;
		width: auto
	}

	.col-sm-1 {
		flex: 0 0 auto;
		width: 8.33333333%
	}

	.col-sm-2 {
		flex: 0 0 auto;
		width: 16.66666667%
	}

	.col-sm-3 {
		flex: 0 0 auto;
		width: 25%
	}

	.col-sm-4 {
		flex: 0 0 auto;
		width: 33.33333333%
	}

	.col-sm-5 {
		flex: 0 0 auto;
		width: 41.66666667%
	}

	.col-sm-6 {
		flex: 0 0 auto;
		width: 50%
	}

	.col-sm-7 {
		flex: 0 0 auto;
		width: 58.33333333%
	}

	.col-sm-8 {
		flex: 0 0 auto;
		width: 66.66666667%
	}

	.col-sm-9 {
		flex: 0 0 auto;
		width: 75%
	}

	.col-sm-10 {
		flex: 0 0 auto;
		width: 83.33333333%
	}

	.col-sm-11 {
		flex: 0 0 auto;
		width: 91.66666667%
	}

	.col-sm-12 {
		flex: 0 0 auto;
		width: 100%
	}

	.offset-sm-0 {
		margin-left: 0
	}

	.offset-sm-1 {
		margin-left: 8.33333333%
	}

	.offset-sm-2 {
		margin-left: 16.66666667%
	}

	.offset-sm-3 {
		margin-left: 25%
	}

	.offset-sm-4 {
		margin-left: 33.33333333%
	}

	.offset-sm-5 {
		margin-left: 41.66666667%
	}

	.offset-sm-6 {
		margin-left: 50%
	}

	.offset-sm-7 {
		margin-left: 58.33333333%
	}

	.offset-sm-8 {
		margin-left: 66.66666667%
	}

	.offset-sm-9 {
		margin-left: 75%
	}

	.offset-sm-10 {
		margin-left: 83.33333333%
	}

	.offset-sm-11 {
		margin-left: 91.66666667%
	}

	.g-sm-0, .gx-sm-0 {
		--bs-gutter-x: 0
	}

	.g-sm-0, .gy-sm-0 {
		--bs-gutter-y: 0
	}

	.g-sm-1, .gx-sm-1 {
		--bs-gutter-x: 0.25rem
	}

	.g-sm-1, .gy-sm-1 {
		--bs-gutter-y: 0.25rem
	}

	.g-sm-2, .gx-sm-2 {
		--bs-gutter-x: 0.5rem
	}

	.g-sm-2, .gy-sm-2 {
		--bs-gutter-y: 0.5rem
	}

	.g-sm-3, .gx-sm-3 {
		--bs-gutter-x: 1rem
	}

	.g-sm-3, .gy-sm-3 {
		--bs-gutter-y: 1rem
	}

	.g-sm-4, .gx-sm-4 {
		--bs-gutter-x: 1.5rem
	}

	.g-sm-4, .gy-sm-4 {
		--bs-gutter-y: 1.5rem
	}

	.g-sm-5, .gx-sm-5 {
		--bs-gutter-x: 3rem
	}

	.g-sm-5, .gy-sm-5 {
		--bs-gutter-y: 3rem
	}
}

@media(min-width:768px) {
	.col-md {
		flex: 1 0 0%
	}

	.row-cols-md-auto > * {
		flex: 0 0 auto;
		width: auto
	}

	.row-cols-md-1 > * {
		flex: 0 0 auto;
		width: 100%
	}

	.row-cols-md-2 > * {
		flex: 0 0 auto;
		width: 50%
	}

	.row-cols-md-3 > * {
		flex: 0 0 auto;
		width: 33.3333333333%
	}

	.row-cols-md-4 > * {
		flex: 0 0 auto;
		width: 25%
	}

	.row-cols-md-5 > * {
		flex: 0 0 auto;
		width: 20%
	}

	.row-cols-md-6 > * {
		flex: 0 0 auto;
		width: 16.6666666667%
	}

	.col-md-auto {
		flex: 0 0 auto;
		width: auto
	}

	.col-md-1 {
		flex: 0 0 auto;
		width: 8.33333333%
	}

	.col-md-2 {
		flex: 0 0 auto;
		width: 16.66666667%
	}

	.col-md-3 {
		flex: 0 0 auto;
		width: 25%
	}

	.col-md-4 {
		flex: 0 0 auto;
		width: 33.33333333%
	}

	.col-md-5 {
		flex: 0 0 auto;
		width: 41.66666667%
	}

	.col-md-6 {
		flex: 0 0 auto;
		width: 50%
	}

	.col-md-7 {
		flex: 0 0 auto;
		width: 58.33333333%
	}

	.col-md-8 {
		flex: 0 0 auto;
		width: 66.66666667%
	}

	.col-md-9 {
		flex: 0 0 auto;
		width: 75%
	}

	.col-md-10 {
		flex: 0 0 auto;
		width: 83.33333333%
	}

	.col-md-11 {
		flex: 0 0 auto;
		width: 91.66666667%
	}

	.col-md-12 {
		flex: 0 0 auto;
		width: 100%
	}

	.offset-md-0 {
		margin-left: 0
	}

	.offset-md-1 {
		margin-left: 8.33333333%
	}

	.offset-md-2 {
		margin-left: 16.66666667%
	}

	.offset-md-3 {
		margin-left: 25%
	}

	.offset-md-4 {
		margin-left: 33.33333333%
	}

	.offset-md-5 {
		margin-left: 41.66666667%
	}

	.offset-md-6 {
		margin-left: 50%
	}

	.offset-md-7 {
		margin-left: 58.33333333%
	}

	.offset-md-8 {
		margin-left: 66.66666667%
	}

	.offset-md-9 {
		margin-left: 75%
	}

	.offset-md-10 {
		margin-left: 83.33333333%
	}

	.offset-md-11 {
		margin-left: 91.66666667%
	}

	.g-md-0, .gx-md-0 {
		--bs-gutter-x: 0
	}

	.g-md-0, .gy-md-0 {
		--bs-gutter-y: 0
	}

	.g-md-1, .gx-md-1 {
		--bs-gutter-x: 0.25rem
	}

	.g-md-1, .gy-md-1 {
		--bs-gutter-y: 0.25rem
	}

	.g-md-2, .gx-md-2 {
		--bs-gutter-x: 0.5rem
	}

	.g-md-2, .gy-md-2 {
		--bs-gutter-y: 0.5rem
	}

	.g-md-3, .gx-md-3 {
		--bs-gutter-x: 1rem
	}

	.g-md-3, .gy-md-3 {
		--bs-gutter-y: 1rem
	}

	.g-md-4, .gx-md-4 {
		--bs-gutter-x: 1.5rem
	}

	.g-md-4, .gy-md-4 {
		--bs-gutter-y: 1.5rem
	}

	.g-md-5, .gx-md-5 {
		--bs-gutter-x: 3rem
	}

	.g-md-5, .gy-md-5 {
		--bs-gutter-y: 3rem
	}
}

@media(min-width:1024px) {
	.col-lg {
		flex: 1 0 0%
	}

	.row-cols-lg-auto > * {
		flex: 0 0 auto;
		width: auto
	}

	.row-cols-lg-1 > * {
		flex: 0 0 auto;
		width: 100%
	}

	.row-cols-lg-2 > * {
		flex: 0 0 auto;
		width: 50%
	}

	.row-cols-lg-3 > * {
		flex: 0 0 auto;
		width: 33.3333333333%
	}

	.row-cols-lg-4 > * {
		flex: 0 0 auto;
		width: 25%
	}

	.row-cols-lg-5 > * {
		flex: 0 0 auto;
		width: 20%
	}

	.row-cols-lg-6 > * {
		flex: 0 0 auto;
		width: 16.6666666667%
	}

	.col-lg-auto {
		flex: 0 0 auto;
		width: auto
	}

	.col-lg-1 {
		flex: 0 0 auto;
		width: 8.33333333%
	}

	.col-lg-2 {
		flex: 0 0 auto;
		width: 16.66666667%
	}

	.col-lg-3 {
		flex: 0 0 auto;
		width: 25%
	}

	.col-lg-4 {
		flex: 0 0 auto;
		width: 33.33333333%
	}

	.col-lg-5 {
		flex: 0 0 auto;
		width: 41.66666667%
	}

	.col-lg-6 {
		flex: 0 0 auto;
		width: 50%
	}

	.col-lg-7 {
		flex: 0 0 auto;
		width: 58.33333333%
	}

	.col-lg-8 {
		flex: 0 0 auto;
		width: 66.66666667%
	}

	.col-lg-9 {
		flex: 0 0 auto;
		width: 75%
	}

	.col-lg-10 {
		flex: 0 0 auto;
		width: 83.33333333%
	}

	.col-lg-11 {
		flex: 0 0 auto;
		width: 91.66666667%
	}

	.col-lg-12 {
		flex: 0 0 auto;
		width: 100%
	}

	.offset-lg-0 {
		margin-left: 0
	}

	.offset-lg-1 {
		margin-left: 8.33333333%
	}

	.offset-lg-2 {
		margin-left: 16.66666667%
	}

	.offset-lg-3 {
		margin-left: 25%
	}

	.offset-lg-4 {
		margin-left: 33.33333333%
	}

	.offset-lg-5 {
		margin-left: 41.66666667%
	}

	.offset-lg-6 {
		margin-left: 50%
	}

	.offset-lg-7 {
		margin-left: 58.33333333%
	}

	.offset-lg-8 {
		margin-left: 66.66666667%
	}

	.offset-lg-9 {
		margin-left: 75%
	}

	.offset-lg-10 {
		margin-left: 83.33333333%
	}

	.offset-lg-11 {
		margin-left: 91.66666667%
	}

	.g-lg-0, .gx-lg-0 {
		--bs-gutter-x: 0
	}

	.g-lg-0, .gy-lg-0 {
		--bs-gutter-y: 0
	}

	.g-lg-1, .gx-lg-1 {
		--bs-gutter-x: 0.25rem
	}

	.g-lg-1, .gy-lg-1 {
		--bs-gutter-y: 0.25rem
	}

	.g-lg-2, .gx-lg-2 {
		--bs-gutter-x: 0.5rem
	}

	.g-lg-2, .gy-lg-2 {
		--bs-gutter-y: 0.5rem
	}

	.g-lg-3, .gx-lg-3 {
		--bs-gutter-x: 1rem
	}

	.g-lg-3, .gy-lg-3 {
		--bs-gutter-y: 1rem
	}

	.g-lg-4, .gx-lg-4 {
		--bs-gutter-x: 1.5rem
	}

	.g-lg-4, .gy-lg-4 {
		--bs-gutter-y: 1.5rem
	}

	.g-lg-5, .gx-lg-5 {
		--bs-gutter-x: 3rem
	}

	.g-lg-5, .gy-lg-5 {
		--bs-gutter-y: 3rem
	}
}

@media(min-width:1440px) {
	.col-xl {
		flex: 1 0 0%
	}

	.row-cols-xl-auto > * {
		flex: 0 0 auto;
		width: auto
	}

	.row-cols-xl-1 > * {
		flex: 0 0 auto;
		width: 100%
	}

	.row-cols-xl-2 > * {
		flex: 0 0 auto;
		width: 50%
	}

	.row-cols-xl-3 > * {
		flex: 0 0 auto;
		width: 33.3333333333%
	}

	.row-cols-xl-4 > * {
		flex: 0 0 auto;
		width: 25%
	}

	.row-cols-xl-5 > * {
		flex: 0 0 auto;
		width: 20%
	}

	.row-cols-xl-6 > * {
		flex: 0 0 auto;
		width: 16.6666666667%
	}

	.col-xl-auto {
		flex: 0 0 auto;
		width: auto
	}

	.col-xl-1 {
		flex: 0 0 auto;
		width: 8.33333333%
	}

	.col-xl-2 {
		flex: 0 0 auto;
		width: 16.66666667%
	}

	.col-xl-3 {
		flex: 0 0 auto;
		width: 25%
	}

	.col-xl-4 {
		flex: 0 0 auto;
		width: 33.33333333%
	}

	.col-xl-5 {
		flex: 0 0 auto;
		width: 41.66666667%
	}

	.col-xl-6 {
		flex: 0 0 auto;
		width: 50%
	}

	.col-xl-7 {
		flex: 0 0 auto;
		width: 58.33333333%
	}

	.col-xl-8 {
		flex: 0 0 auto;
		width: 66.66666667%
	}

	.col-xl-9 {
		flex: 0 0 auto;
		width: 75%
	}

	.col-xl-10 {
		flex: 0 0 auto;
		width: 83.33333333%
	}

	.col-xl-11 {
		flex: 0 0 auto;
		width: 91.66666667%
	}

	.col-xl-12 {
		flex: 0 0 auto;
		width: 100%
	}

	.offset-xl-0 {
		margin-left: 0
	}

	.offset-xl-1 {
		margin-left: 8.33333333%
	}

	.offset-xl-2 {
		margin-left: 16.66666667%
	}

	.offset-xl-3 {
		margin-left: 25%
	}

	.offset-xl-4 {
		margin-left: 33.33333333%
	}

	.offset-xl-5 {
		margin-left: 41.66666667%
	}

	.offset-xl-6 {
		margin-left: 50%
	}

	.offset-xl-7 {
		margin-left: 58.33333333%
	}

	.offset-xl-8 {
		margin-left: 66.66666667%
	}

	.offset-xl-9 {
		margin-left: 75%
	}

	.offset-xl-10 {
		margin-left: 83.33333333%
	}

	.offset-xl-11 {
		margin-left: 91.66666667%
	}

	.g-xl-0, .gx-xl-0 {
		--bs-gutter-x: 0
	}

	.g-xl-0, .gy-xl-0 {
		--bs-gutter-y: 0
	}

	.g-xl-1, .gx-xl-1 {
		--bs-gutter-x: 0.25rem
	}

	.g-xl-1, .gy-xl-1 {
		--bs-gutter-y: 0.25rem
	}

	.g-xl-2, .gx-xl-2 {
		--bs-gutter-x: 0.5rem
	}

	.g-xl-2, .gy-xl-2 {
		--bs-gutter-y: 0.5rem
	}

	.g-xl-3, .gx-xl-3 {
		--bs-gutter-x: 1rem
	}

	.g-xl-3, .gy-xl-3 {
		--bs-gutter-y: 1rem
	}

	.g-xl-4, .gx-xl-4 {
		--bs-gutter-x: 1.5rem
	}

	.g-xl-4, .gy-xl-4 {
		--bs-gutter-y: 1.5rem
	}

	.g-xl-5, .gx-xl-5 {
		--bs-gutter-x: 3rem
	}

	.g-xl-5, .gy-xl-5 {
		--bs-gutter-y: 3rem
	}
}

@media(min-width:1920px) {
	.col-xxl {
		flex: 1 0 0%
	}

	.row-cols-xxl-auto > * {
		flex: 0 0 auto;
		width: auto
	}

	.row-cols-xxl-1 > * {
		flex: 0 0 auto;
		width: 100%
	}

	.row-cols-xxl-2 > * {
		flex: 0 0 auto;
		width: 50%
	}

	.row-cols-xxl-3 > * {
		flex: 0 0 auto;
		width: 33.3333333333%
	}

	.row-cols-xxl-4 > * {
		flex: 0 0 auto;
		width: 25%
	}

	.row-cols-xxl-5 > * {
		flex: 0 0 auto;
		width: 20%
	}

	.row-cols-xxl-6 > * {
		flex: 0 0 auto;
		width: 16.6666666667%
	}

	.col-xxl-auto {
		flex: 0 0 auto;
		width: auto
	}

	.col-xxl-1 {
		flex: 0 0 auto;
		width: 8.33333333%
	}

	.col-xxl-2 {
		flex: 0 0 auto;
		width: 16.66666667%
	}

	.col-xxl-3 {
		flex: 0 0 auto;
		width: 25%
	}

	.col-xxl-4 {
		flex: 0 0 auto;
		width: 33.33333333%
	}

	.col-xxl-5 {
		flex: 0 0 auto;
		width: 41.66666667%
	}

	.col-xxl-6 {
		flex: 0 0 auto;
		width: 50%
	}

	.col-xxl-7 {
		flex: 0 0 auto;
		width: 58.33333333%
	}

	.col-xxl-8 {
		flex: 0 0 auto;
		width: 66.66666667%
	}

	.col-xxl-9 {
		flex: 0 0 auto;
		width: 75%
	}

	.col-xxl-10 {
		flex: 0 0 auto;
		width: 83.33333333%
	}

	.col-xxl-11 {
		flex: 0 0 auto;
		width: 91.66666667%
	}

	.col-xxl-12 {
		flex: 0 0 auto;
		width: 100%
	}

	.offset-xxl-0 {
		margin-left: 0
	}

	.offset-xxl-1 {
		margin-left: 8.33333333%
	}

	.offset-xxl-2 {
		margin-left: 16.66666667%
	}

	.offset-xxl-3 {
		margin-left: 25%
	}

	.offset-xxl-4 {
		margin-left: 33.33333333%
	}

	.offset-xxl-5 {
		margin-left: 41.66666667%
	}

	.offset-xxl-6 {
		margin-left: 50%
	}

	.offset-xxl-7 {
		margin-left: 58.33333333%
	}

	.offset-xxl-8 {
		margin-left: 66.66666667%
	}

	.offset-xxl-9 {
		margin-left: 75%
	}

	.offset-xxl-10 {
		margin-left: 83.33333333%
	}

	.offset-xxl-11 {
		margin-left: 91.66666667%
	}

	.g-xxl-0, .gx-xxl-0 {
		--bs-gutter-x: 0
	}

	.g-xxl-0, .gy-xxl-0 {
		--bs-gutter-y: 0
	}

	.g-xxl-1, .gx-xxl-1 {
		--bs-gutter-x: 0.25rem
	}

	.g-xxl-1, .gy-xxl-1 {
		--bs-gutter-y: 0.25rem
	}

	.g-xxl-2, .gx-xxl-2 {
		--bs-gutter-x: 0.5rem
	}

	.g-xxl-2, .gy-xxl-2 {
		--bs-gutter-y: 0.5rem
	}

	.g-xxl-3, .gx-xxl-3 {
		--bs-gutter-x: 1rem
	}

	.g-xxl-3, .gy-xxl-3 {
		--bs-gutter-y: 1rem
	}

	.g-xxl-4, .gx-xxl-4 {
		--bs-gutter-x: 1.5rem
	}

	.g-xxl-4, .gy-xxl-4 {
		--bs-gutter-y: 1.5rem
	}

	.g-xxl-5, .gx-xxl-5 {
		--bs-gutter-x: 3rem
	}

	.g-xxl-5, .gy-xxl-5 {
		--bs-gutter-y: 3rem
	}
}

.d-inline {
	display: inline !important
}

.d-inline-block {
	display: inline-block !important
}

.d-block {
	display: block !important
}

.d-grid {
	display: grid !important
}

.d-table {
	display: table !important
}

.d-table-row {
	display: table-row !important
}

.d-table-cell {
	display: table-cell !important
}

.d-flex {
	display: flex !important
}

.d-inline-flex {
	display: inline-flex !important
}

.d-none {
	display: none !important
}

.flex-fill {
	flex: 1 1 auto !important
}

.flex-row {
	flex-direction: row !important
}

.flex-column {
	flex-direction: column !important
}

.flex-row-reverse {
	flex-direction: row-reverse !important
}

.flex-column-reverse {
	flex-direction: column-reverse !important
}

.flex-grow-0 {
	flex-grow: 0 !important
}

.flex-grow-1 {
	flex-grow: 1 !important
}

.flex-shrink-0 {
	flex-shrink: 0 !important
}

.flex-shrink-1 {
	flex-shrink: 1 !important
}

.flex-wrap {
	flex-wrap: wrap !important
}

.flex-nowrap {
	flex-wrap: nowrap !important
}

.flex-wrap-reverse {
	flex-wrap: wrap-reverse !important
}

.justify-content-start {
	justify-content: flex-start !important
}

.justify-content-end {
	justify-content: flex-end !important
}

.justify-content-center {
	justify-content: center !important
}

.justify-content-between {
	justify-content: space-between !important
}

.justify-content-around {
	justify-content: space-around !important
}

.justify-content-evenly {
	justify-content: space-evenly !important
}

.align-items-start {
	align-items: flex-start !important
}

.align-items-end {
	align-items: flex-end !important
}

.align-items-center {
	align-items: center !important
}

.align-items-baseline {
	align-items: baseline !important
}

.align-items-stretch {
	align-items: stretch !important
}

.align-content-start {
	align-content: flex-start !important
}

.align-content-end {
	align-content: flex-end !important
}

.align-content-center {
	align-content: center !important
}

.align-content-between {
	align-content: space-between !important
}

.align-content-around {
	align-content: space-around !important
}

.align-content-stretch {
	align-content: stretch !important
}

.align-self-auto {
	align-self: auto !important
}

.align-self-start {
	align-self: flex-start !important
}

.align-self-end {
	align-self: flex-end !important
}

.align-self-center {
	align-self: center !important
}

.align-self-baseline {
	align-self: baseline !important
}

.align-self-stretch {
	align-self: stretch !important
}

.order-first {
	order: -1 !important
}

.order-0 {
	order: 0 !important
}

.order-1 {
	order: 1 !important
}

.order-2 {
	order: 2 !important
}

.order-3 {
	order: 3 !important
}

.order-4 {
	order: 4 !important
}

.order-5 {
	order: 5 !important
}

.order-last {
	order: 6 !important
}

.m-0 {
	margin: 0 !important
}

.m-1 {
	margin: .25rem !important
}

.m-2 {
	margin: .5rem !important
}

.m-3 {
	margin: 1rem !important
}

.m-4 {
	margin: 1.5rem !important
}

.m-5 {
	margin: 3rem !important
}

.m-auto {
	margin: auto !important
}

.mx-0 {
	margin-left: 0 !important;
	margin-right: 0 !important
}

.mx-1 {
	margin-left: .25rem !important;
	margin-right: .25rem !important
}

.mx-2 {
	margin-left: .5rem !important;
	margin-right: .5rem !important
}

.mx-3 {
	margin-left: 1rem !important;
	margin-right: 1rem !important
}

.mx-4 {
	margin-left: 1.5rem !important;
	margin-right: 1.5rem !important
}

.mx-5 {
	margin-left: 3rem !important;
	margin-right: 3rem !important
}

.mx-auto {
	margin-left: auto !important;
	margin-right: auto !important
}

.my-0 {
	margin-bottom: 0 !important;
	margin-top: 0 !important
}

.my-1 {
	margin-bottom: .25rem !important;
	margin-top: .25rem !important
}

.my-2 {
	margin-bottom: .5rem !important;
	margin-top: .5rem !important
}

.my-3 {
	margin-bottom: 1rem !important;
	margin-top: 1rem !important
}

.my-4 {
	margin-bottom: 1.5rem !important;
	margin-top: 1.5rem !important
}

.my-5 {
	margin-bottom: 3rem !important;
	margin-top: 3rem !important
}

.my-auto {
	margin-bottom: auto !important;
	margin-top: auto !important
}

.mt-0 {
	margin-top: 0 !important
}

.mt-1 {
	margin-top: .25rem !important
}

.mt-2 {
	margin-top: .5rem !important
}

.mt-3 {
	margin-top: 1rem !important
}

.mt-4 {
	margin-top: 1.5rem !important
}

.mt-5 {
	margin-top: 3rem !important
}

.mt-auto {
	margin-top: auto !important
}

.me-0 {
	margin-right: 0 !important
}

.me-1 {
	margin-right: .25rem !important
}

.me-2 {
	margin-right: .5rem !important
}

.me-3 {
	margin-right: 1rem !important
}

.me-4 {
	margin-right: 1.5rem !important
}

.me-5 {
	margin-right: 3rem !important
}

.me-auto {
	margin-right: auto !important
}

.mb-0 {
	margin-bottom: 0 !important
}

.mb-1 {
	margin-bottom: .25rem !important
}

.mb-2 {
	margin-bottom: .5rem !important
}

.mb-3 {
	margin-bottom: 1rem !important
}

.mb-4 {
	margin-bottom: 1.5rem !important
}

.mb-5 {
	margin-bottom: 3rem !important
}

.mb-auto {
	margin-bottom: auto !important
}

.ms-0 {
	margin-left: 0 !important
}

.ms-1 {
	margin-left: .25rem !important
}

.ms-2 {
	margin-left: .5rem !important
}

.ms-3 {
	margin-left: 1rem !important
}

.ms-4 {
	margin-left: 1.5rem !important
}

.ms-5 {
	margin-left: 3rem !important
}

.ms-auto {
	margin-left: auto !important
}

.p-0 {
	padding: 0 !important
}

.p-1 {
	padding: .25rem !important
}

.p-2 {
	padding: .5rem !important
}

.p-3 {
	padding: 1rem !important
}

.p-4 {
	padding: 1.5rem !important
}

.p-5 {
	padding: 3rem !important
}

.px-0 {
	padding-left: 0 !important;
	padding-right: 0 !important
}

.px-1 {
	padding-left: .25rem !important;
	padding-right: .25rem !important
}

.px-2 {
	padding-left: .5rem !important;
	padding-right: .5rem !important
}

.px-3 {
	padding-left: 1rem !important;
	padding-right: 1rem !important
}

.px-4 {
	padding-left: 1.5rem !important;
	padding-right: 1.5rem !important
}

.px-5 {
	padding-left: 3rem !important;
	padding-right: 3rem !important
}

.py-0 {
	padding-bottom: 0 !important;
	padding-top: 0 !important
}

.py-1 {
	padding-bottom: .25rem !important;
	padding-top: .25rem !important
}

.py-2 {
	padding-bottom: .5rem !important;
	padding-top: .5rem !important
}

.py-3 {
	padding-bottom: 1rem !important;
	padding-top: 1rem !important
}

.py-4 {
	padding-bottom: 1.5rem !important;
	padding-top: 1.5rem !important
}

.py-5 {
	padding-bottom: 3rem !important;
	padding-top: 3rem !important
}

.pt-0 {
	padding-top: 0 !important
}

.pt-1 {
	padding-top: .25rem !important
}

.pt-2 {
	padding-top: .5rem !important
}

.pt-3 {
	padding-top: 1rem !important
}

.pt-4 {
	padding-top: 1.5rem !important
}

.pt-5 {
	padding-top: 3rem !important
}

.pe-0 {
	padding-right: 0 !important
}

.pe-1 {
	padding-right: .25rem !important
}

.pe-2 {
	padding-right: .5rem !important
}

.pe-3 {
	padding-right: 1rem !important
}

.pe-4 {
	padding-right: 1.5rem !important
}

.pe-5 {
	padding-right: 3rem !important
}

.pb-0 {
	padding-bottom: 0 !important
}

.pb-1 {
	padding-bottom: .25rem !important
}

.pb-2 {
	padding-bottom: .5rem !important
}

.pb-3 {
	padding-bottom: 1rem !important
}

.pb-4 {
	padding-bottom: 1.5rem !important
}

.pb-5 {
	padding-bottom: 3rem !important
}

.ps-0 {
	padding-left: 0 !important
}

.ps-1 {
	padding-left: .25rem !important
}

.ps-2 {
	padding-left: .5rem !important
}

.ps-3 {
	padding-left: 1rem !important
}

.ps-4 {
	padding-left: 1.5rem !important
}

.ps-5 {
	padding-left: 3rem !important
}

@media(min-width:576px) {
	.d-sm-inline {
		display: inline !important
	}

	.d-sm-inline-block {
		display: inline-block !important
	}

	.d-sm-block {
		display: block !important
	}

	.d-sm-grid {
		display: grid !important
	}

	.d-sm-table {
		display: table !important
	}

	.d-sm-table-row {
		display: table-row !important
	}

	.d-sm-table-cell {
		display: table-cell !important
	}

	.d-sm-flex {
		display: flex !important
	}

	.d-sm-inline-flex {
		display: inline-flex !important
	}

	.d-sm-none {
		display: none !important
	}

	.flex-sm-fill {
		flex: 1 1 auto !important
	}

	.flex-sm-row {
		flex-direction: row !important
	}

	.flex-sm-column {
		flex-direction: column !important
	}

	.flex-sm-row-reverse {
		flex-direction: row-reverse !important
	}

	.flex-sm-column-reverse {
		flex-direction: column-reverse !important
	}

	.flex-sm-grow-0 {
		flex-grow: 0 !important
	}

	.flex-sm-grow-1 {
		flex-grow: 1 !important
	}

	.flex-sm-shrink-0 {
		flex-shrink: 0 !important
	}

	.flex-sm-shrink-1 {
		flex-shrink: 1 !important
	}

	.flex-sm-wrap {
		flex-wrap: wrap !important
	}

	.flex-sm-nowrap {
		flex-wrap: nowrap !important
	}

	.flex-sm-wrap-reverse {
		flex-wrap: wrap-reverse !important
	}

	.justify-content-sm-start {
		justify-content: flex-start !important
	}

	.justify-content-sm-end {
		justify-content: flex-end !important
	}

	.justify-content-sm-center {
		justify-content: center !important
	}

	.justify-content-sm-between {
		justify-content: space-between !important
	}

	.justify-content-sm-around {
		justify-content: space-around !important
	}

	.justify-content-sm-evenly {
		justify-content: space-evenly !important
	}

	.align-items-sm-start {
		align-items: flex-start !important
	}

	.align-items-sm-end {
		align-items: flex-end !important
	}

	.align-items-sm-center {
		align-items: center !important
	}

	.align-items-sm-baseline {
		align-items: baseline !important
	}

	.align-items-sm-stretch {
		align-items: stretch !important
	}

	.align-content-sm-start {
		align-content: flex-start !important
	}

	.align-content-sm-end {
		align-content: flex-end !important
	}

	.align-content-sm-center {
		align-content: center !important
	}

	.align-content-sm-between {
		align-content: space-between !important
	}

	.align-content-sm-around {
		align-content: space-around !important
	}

	.align-content-sm-stretch {
		align-content: stretch !important
	}

	.align-self-sm-auto {
		align-self: auto !important
	}

	.align-self-sm-start {
		align-self: flex-start !important
	}

	.align-self-sm-end {
		align-self: flex-end !important
	}

	.align-self-sm-center {
		align-self: center !important
	}

	.align-self-sm-baseline {
		align-self: baseline !important
	}

	.align-self-sm-stretch {
		align-self: stretch !important
	}

	.order-sm-first {
		order: -1 !important
	}

	.order-sm-0 {
		order: 0 !important
	}

	.order-sm-1 {
		order: 1 !important
	}

	.order-sm-2 {
		order: 2 !important
	}

	.order-sm-3 {
		order: 3 !important
	}

	.order-sm-4 {
		order: 4 !important
	}

	.order-sm-5 {
		order: 5 !important
	}

	.order-sm-last {
		order: 6 !important
	}

	.m-sm-0 {
		margin: 0 !important
	}

	.m-sm-1 {
		margin: .25rem !important
	}

	.m-sm-2 {
		margin: .5rem !important
	}

	.m-sm-3 {
		margin: 1rem !important
	}

	.m-sm-4 {
		margin: 1.5rem !important
	}

	.m-sm-5 {
		margin: 3rem !important
	}

	.m-sm-auto {
		margin: auto !important
	}

	.mx-sm-0 {
		margin-left: 0 !important;
		margin-right: 0 !important
	}

	.mx-sm-1 {
		margin-left: .25rem !important;
		margin-right: .25rem !important
	}

	.mx-sm-2 {
		margin-left: .5rem !important;
		margin-right: .5rem !important
	}

	.mx-sm-3 {
		margin-left: 1rem !important;
		margin-right: 1rem !important
	}

	.mx-sm-4 {
		margin-left: 1.5rem !important;
		margin-right: 1.5rem !important
	}

	.mx-sm-5 {
		margin-left: 3rem !important;
		margin-right: 3rem !important
	}

	.mx-sm-auto {
		margin-left: auto !important;
		margin-right: auto !important
	}

	.my-sm-0 {
		margin-bottom: 0 !important;
		margin-top: 0 !important
	}

	.my-sm-1 {
		margin-bottom: .25rem !important;
		margin-top: .25rem !important
	}

	.my-sm-2 {
		margin-bottom: .5rem !important;
		margin-top: .5rem !important
	}

	.my-sm-3 {
		margin-bottom: 1rem !important;
		margin-top: 1rem !important
	}

	.my-sm-4 {
		margin-bottom: 1.5rem !important;
		margin-top: 1.5rem !important
	}

	.my-sm-5 {
		margin-bottom: 3rem !important;
		margin-top: 3rem !important
	}

	.my-sm-auto {
		margin-bottom: auto !important;
		margin-top: auto !important
	}

	.mt-sm-0 {
		margin-top: 0 !important
	}

	.mt-sm-1 {
		margin-top: .25rem !important
	}

	.mt-sm-2 {
		margin-top: .5rem !important
	}

	.mt-sm-3 {
		margin-top: 1rem !important
	}

	.mt-sm-4 {
		margin-top: 1.5rem !important
	}

	.mt-sm-5 {
		margin-top: 3rem !important
	}

	.mt-sm-auto {
		margin-top: auto !important
	}

	.me-sm-0 {
		margin-right: 0 !important
	}

	.me-sm-1 {
		margin-right: .25rem !important
	}

	.me-sm-2 {
		margin-right: .5rem !important
	}

	.me-sm-3 {
		margin-right: 1rem !important
	}

	.me-sm-4 {
		margin-right: 1.5rem !important
	}

	.me-sm-5 {
		margin-right: 3rem !important
	}

	.me-sm-auto {
		margin-right: auto !important
	}

	.mb-sm-0 {
		margin-bottom: 0 !important
	}

	.mb-sm-1 {
		margin-bottom: .25rem !important
	}

	.mb-sm-2 {
		margin-bottom: .5rem !important
	}

	.mb-sm-3 {
		margin-bottom: 1rem !important
	}

	.mb-sm-4 {
		margin-bottom: 1.5rem !important
	}

	.mb-sm-5 {
		margin-bottom: 3rem !important
	}

	.mb-sm-auto {
		margin-bottom: auto !important
	}

	.ms-sm-0 {
		margin-left: 0 !important
	}

	.ms-sm-1 {
		margin-left: .25rem !important
	}

	.ms-sm-2 {
		margin-left: .5rem !important
	}

	.ms-sm-3 {
		margin-left: 1rem !important
	}

	.ms-sm-4 {
		margin-left: 1.5rem !important
	}

	.ms-sm-5 {
		margin-left: 3rem !important
	}

	.ms-sm-auto {
		margin-left: auto !important
	}

	.p-sm-0 {
		padding: 0 !important
	}

	.p-sm-1 {
		padding: .25rem !important
	}

	.p-sm-2 {
		padding: .5rem !important
	}

	.p-sm-3 {
		padding: 1rem !important
	}

	.p-sm-4 {
		padding: 1.5rem !important
	}

	.p-sm-5 {
		padding: 3rem !important
	}

	.px-sm-0 {
		padding-left: 0 !important;
		padding-right: 0 !important
	}

	.px-sm-1 {
		padding-left: .25rem !important;
		padding-right: .25rem !important
	}

	.px-sm-2 {
		padding-left: .5rem !important;
		padding-right: .5rem !important
	}

	.px-sm-3 {
		padding-left: 1rem !important;
		padding-right: 1rem !important
	}

	.px-sm-4 {
		padding-left: 1.5rem !important;
		padding-right: 1.5rem !important
	}

	.px-sm-5 {
		padding-left: 3rem !important;
		padding-right: 3rem !important
	}

	.py-sm-0 {
		padding-bottom: 0 !important;
		padding-top: 0 !important
	}

	.py-sm-1 {
		padding-bottom: .25rem !important;
		padding-top: .25rem !important
	}

	.py-sm-2 {
		padding-bottom: .5rem !important;
		padding-top: .5rem !important
	}

	.py-sm-3 {
		padding-bottom: 1rem !important;
		padding-top: 1rem !important
	}

	.py-sm-4 {
		padding-bottom: 1.5rem !important;
		padding-top: 1.5rem !important
	}

	.py-sm-5 {
		padding-bottom: 3rem !important;
		padding-top: 3rem !important
	}

	.pt-sm-0 {
		padding-top: 0 !important
	}

	.pt-sm-1 {
		padding-top: .25rem !important
	}

	.pt-sm-2 {
		padding-top: .5rem !important
	}

	.pt-sm-3 {
		padding-top: 1rem !important
	}

	.pt-sm-4 {
		padding-top: 1.5rem !important
	}

	.pt-sm-5 {
		padding-top: 3rem !important
	}

	.pe-sm-0 {
		padding-right: 0 !important
	}

	.pe-sm-1 {
		padding-right: .25rem !important
	}

	.pe-sm-2 {
		padding-right: .5rem !important
	}

	.pe-sm-3 {
		padding-right: 1rem !important
	}

	.pe-sm-4 {
		padding-right: 1.5rem !important
	}

	.pe-sm-5 {
		padding-right: 3rem !important
	}

	.pb-sm-0 {
		padding-bottom: 0 !important
	}

	.pb-sm-1 {
		padding-bottom: .25rem !important
	}

	.pb-sm-2 {
		padding-bottom: .5rem !important
	}

	.pb-sm-3 {
		padding-bottom: 1rem !important
	}

	.pb-sm-4 {
		padding-bottom: 1.5rem !important
	}

	.pb-sm-5 {
		padding-bottom: 3rem !important
	}

	.ps-sm-0 {
		padding-left: 0 !important
	}

	.ps-sm-1 {
		padding-left: .25rem !important
	}

	.ps-sm-2 {
		padding-left: .5rem !important
	}

	.ps-sm-3 {
		padding-left: 1rem !important
	}

	.ps-sm-4 {
		padding-left: 1.5rem !important
	}

	.ps-sm-5 {
		padding-left: 3rem !important
	}
}

@media(min-width:768px) {
	.d-md-inline {
		display: inline !important
	}

	.d-md-inline-block {
		display: inline-block !important
	}

	.d-md-block {
		display: block !important
	}

	.d-md-grid {
		display: grid !important
	}

	.d-md-table {
		display: table !important
	}

	.d-md-table-row {
		display: table-row !important
	}

	.d-md-table-cell {
		display: table-cell !important
	}

	.d-md-flex {
		display: flex !important
	}

	.d-md-inline-flex {
		display: inline-flex !important
	}

	.d-md-none {
		display: none !important
	}

	.flex-md-fill {
		flex: 1 1 auto !important
	}

	.flex-md-row {
		flex-direction: row !important
	}

	.flex-md-column {
		flex-direction: column !important
	}

	.flex-md-row-reverse {
		flex-direction: row-reverse !important
	}

	.flex-md-column-reverse {
		flex-direction: column-reverse !important
	}

	.flex-md-grow-0 {
		flex-grow: 0 !important
	}

	.flex-md-grow-1 {
		flex-grow: 1 !important
	}

	.flex-md-shrink-0 {
		flex-shrink: 0 !important
	}

	.flex-md-shrink-1 {
		flex-shrink: 1 !important
	}

	.flex-md-wrap {
		flex-wrap: wrap !important
	}

	.flex-md-nowrap {
		flex-wrap: nowrap !important
	}

	.flex-md-wrap-reverse {
		flex-wrap: wrap-reverse !important
	}

	.justify-content-md-start {
		justify-content: flex-start !important
	}

	.justify-content-md-end {
		justify-content: flex-end !important
	}

	.justify-content-md-center {
		justify-content: center !important
	}

	.justify-content-md-between {
		justify-content: space-between !important
	}

	.justify-content-md-around {
		justify-content: space-around !important
	}

	.justify-content-md-evenly {
		justify-content: space-evenly !important
	}

	.align-items-md-start {
		align-items: flex-start !important
	}

	.align-items-md-end {
		align-items: flex-end !important
	}

	.align-items-md-center {
		align-items: center !important
	}

	.align-items-md-baseline {
		align-items: baseline !important
	}

	.align-items-md-stretch {
		align-items: stretch !important
	}

	.align-content-md-start {
		align-content: flex-start !important
	}

	.align-content-md-end {
		align-content: flex-end !important
	}

	.align-content-md-center {
		align-content: center !important
	}

	.align-content-md-between {
		align-content: space-between !important
	}

	.align-content-md-around {
		align-content: space-around !important
	}

	.align-content-md-stretch {
		align-content: stretch !important
	}

	.align-self-md-auto {
		align-self: auto !important
	}

	.align-self-md-start {
		align-self: flex-start !important
	}

	.align-self-md-end {
		align-self: flex-end !important
	}

	.align-self-md-center {
		align-self: center !important
	}

	.align-self-md-baseline {
		align-self: baseline !important
	}

	.align-self-md-stretch {
		align-self: stretch !important
	}

	.order-md-first {
		order: -1 !important
	}

	.order-md-0 {
		order: 0 !important
	}

	.order-md-1 {
		order: 1 !important
	}

	.order-md-2 {
		order: 2 !important
	}

	.order-md-3 {
		order: 3 !important
	}

	.order-md-4 {
		order: 4 !important
	}

	.order-md-5 {
		order: 5 !important
	}

	.order-md-last {
		order: 6 !important
	}

	.m-md-0 {
		margin: 0 !important
	}

	.m-md-1 {
		margin: .25rem !important
	}

	.m-md-2 {
		margin: .5rem !important
	}

	.m-md-3 {
		margin: 1rem !important
	}

	.m-md-4 {
		margin: 1.5rem !important
	}

	.m-md-5 {
		margin: 3rem !important
	}

	.m-md-auto {
		margin: auto !important
	}

	.mx-md-0 {
		margin-left: 0 !important;
		margin-right: 0 !important
	}

	.mx-md-1 {
		margin-left: .25rem !important;
		margin-right: .25rem !important
	}

	.mx-md-2 {
		margin-left: .5rem !important;
		margin-right: .5rem !important
	}

	.mx-md-3 {
		margin-left: 1rem !important;
		margin-right: 1rem !important
	}

	.mx-md-4 {
		margin-left: 1.5rem !important;
		margin-right: 1.5rem !important
	}

	.mx-md-5 {
		margin-left: 3rem !important;
		margin-right: 3rem !important
	}

	.mx-md-auto {
		margin-left: auto !important;
		margin-right: auto !important
	}

	.my-md-0 {
		margin-bottom: 0 !important;
		margin-top: 0 !important
	}

	.my-md-1 {
		margin-bottom: .25rem !important;
		margin-top: .25rem !important
	}

	.my-md-2 {
		margin-bottom: .5rem !important;
		margin-top: .5rem !important
	}

	.my-md-3 {
		margin-bottom: 1rem !important;
		margin-top: 1rem !important
	}

	.my-md-4 {
		margin-bottom: 1.5rem !important;
		margin-top: 1.5rem !important
	}

	.my-md-5 {
		margin-bottom: 3rem !important;
		margin-top: 3rem !important
	}

	.my-md-auto {
		margin-bottom: auto !important;
		margin-top: auto !important
	}

	.mt-md-0 {
		margin-top: 0 !important
	}

	.mt-md-1 {
		margin-top: .25rem !important
	}

	.mt-md-2 {
		margin-top: .5rem !important
	}

	.mt-md-3 {
		margin-top: 1rem !important
	}

	.mt-md-4 {
		margin-top: 1.5rem !important
	}

	.mt-md-5 {
		margin-top: 3rem !important
	}

	.mt-md-auto {
		margin-top: auto !important
	}

	.me-md-0 {
		margin-right: 0 !important
	}

	.me-md-1 {
		margin-right: .25rem !important
	}

	.me-md-2 {
		margin-right: .5rem !important
	}

	.me-md-3 {
		margin-right: 1rem !important
	}

	.me-md-4 {
		margin-right: 1.5rem !important
	}

	.me-md-5 {
		margin-right: 3rem !important
	}

	.me-md-auto {
		margin-right: auto !important
	}

	.mb-md-0 {
		margin-bottom: 0 !important
	}

	.mb-md-1 {
		margin-bottom: .25rem !important
	}

	.mb-md-2 {
		margin-bottom: .5rem !important
	}

	.mb-md-3 {
		margin-bottom: 1rem !important
	}

	.mb-md-4 {
		margin-bottom: 1.5rem !important
	}

	.mb-md-5 {
		margin-bottom: 3rem !important
	}

	.mb-md-auto {
		margin-bottom: auto !important
	}

	.ms-md-0 {
		margin-left: 0 !important
	}

	.ms-md-1 {
		margin-left: .25rem !important
	}

	.ms-md-2 {
		margin-left: .5rem !important
	}

	.ms-md-3 {
		margin-left: 1rem !important
	}

	.ms-md-4 {
		margin-left: 1.5rem !important
	}

	.ms-md-5 {
		margin-left: 3rem !important
	}

	.ms-md-auto {
		margin-left: auto !important
	}

	.p-md-0 {
		padding: 0 !important
	}

	.p-md-1 {
		padding: .25rem !important
	}

	.p-md-2 {
		padding: .5rem !important
	}

	.p-md-3 {
		padding: 1rem !important
	}

	.p-md-4 {
		padding: 1.5rem !important
	}

	.p-md-5 {
		padding: 3rem !important
	}

	.px-md-0 {
		padding-left: 0 !important;
		padding-right: 0 !important
	}

	.px-md-1 {
		padding-left: .25rem !important;
		padding-right: .25rem !important
	}

	.px-md-2 {
		padding-left: .5rem !important;
		padding-right: .5rem !important
	}

	.px-md-3 {
		padding-left: 1rem !important;
		padding-right: 1rem !important
	}

	.px-md-4 {
		padding-left: 1.5rem !important;
		padding-right: 1.5rem !important
	}

	.px-md-5 {
		padding-left: 3rem !important;
		padding-right: 3rem !important
	}

	.py-md-0 {
		padding-bottom: 0 !important;
		padding-top: 0 !important
	}

	.py-md-1 {
		padding-bottom: .25rem !important;
		padding-top: .25rem !important
	}

	.py-md-2 {
		padding-bottom: .5rem !important;
		padding-top: .5rem !important
	}

	.py-md-3 {
		padding-bottom: 1rem !important;
		padding-top: 1rem !important
	}

	.py-md-4 {
		padding-bottom: 1.5rem !important;
		padding-top: 1.5rem !important
	}

	.py-md-5 {
		padding-bottom: 3rem !important;
		padding-top: 3rem !important
	}

	.pt-md-0 {
		padding-top: 0 !important
	}

	.pt-md-1 {
		padding-top: .25rem !important
	}

	.pt-md-2 {
		padding-top: .5rem !important
	}

	.pt-md-3 {
		padding-top: 1rem !important
	}

	.pt-md-4 {
		padding-top: 1.5rem !important
	}

	.pt-md-5 {
		padding-top: 3rem !important
	}

	.pe-md-0 {
		padding-right: 0 !important
	}

	.pe-md-1 {
		padding-right: .25rem !important
	}

	.pe-md-2 {
		padding-right: .5rem !important
	}

	.pe-md-3 {
		padding-right: 1rem !important
	}

	.pe-md-4 {
		padding-right: 1.5rem !important
	}

	.pe-md-5 {
		padding-right: 3rem !important
	}

	.pb-md-0 {
		padding-bottom: 0 !important
	}

	.pb-md-1 {
		padding-bottom: .25rem !important
	}

	.pb-md-2 {
		padding-bottom: .5rem !important
	}

	.pb-md-3 {
		padding-bottom: 1rem !important
	}

	.pb-md-4 {
		padding-bottom: 1.5rem !important
	}

	.pb-md-5 {
		padding-bottom: 3rem !important
	}

	.ps-md-0 {
		padding-left: 0 !important
	}

	.ps-md-1 {
		padding-left: .25rem !important
	}

	.ps-md-2 {
		padding-left: .5rem !important
	}

	.ps-md-3 {
		padding-left: 1rem !important
	}

	.ps-md-4 {
		padding-left: 1.5rem !important
	}

	.ps-md-5 {
		padding-left: 3rem !important
	}
}

@media(min-width:1024px) {
	.d-lg-inline {
		display: inline !important
	}

	.d-lg-inline-block {
		display: inline-block !important
	}

	.d-lg-block {
		display: block !important
	}

	.d-lg-grid {
		display: grid !important
	}

	.d-lg-table {
		display: table !important
	}

	.d-lg-table-row {
		display: table-row !important
	}

	.d-lg-table-cell {
		display: table-cell !important
	}

	.d-lg-flex {
		display: flex !important
	}

	.d-lg-inline-flex {
		display: inline-flex !important
	}

	.d-lg-none {
		display: none !important
	}

	.flex-lg-fill {
		flex: 1 1 auto !important
	}

	.flex-lg-row {
		flex-direction: row !important
	}

	.flex-lg-column {
		flex-direction: column !important
	}

	.flex-lg-row-reverse {
		flex-direction: row-reverse !important
	}

	.flex-lg-column-reverse {
		flex-direction: column-reverse !important
	}

	.flex-lg-grow-0 {
		flex-grow: 0 !important
	}

	.flex-lg-grow-1 {
		flex-grow: 1 !important
	}

	.flex-lg-shrink-0 {
		flex-shrink: 0 !important
	}

	.flex-lg-shrink-1 {
		flex-shrink: 1 !important
	}

	.flex-lg-wrap {
		flex-wrap: wrap !important
	}

	.flex-lg-nowrap {
		flex-wrap: nowrap !important
	}

	.flex-lg-wrap-reverse {
		flex-wrap: wrap-reverse !important
	}

	.justify-content-lg-start {
		justify-content: flex-start !important
	}

	.justify-content-lg-end {
		justify-content: flex-end !important
	}

	.justify-content-lg-center {
		justify-content: center !important
	}

	.justify-content-lg-between {
		justify-content: space-between !important
	}

	.justify-content-lg-around {
		justify-content: space-around !important
	}

	.justify-content-lg-evenly {
		justify-content: space-evenly !important
	}

	.align-items-lg-start {
		align-items: flex-start !important
	}

	.align-items-lg-end {
		align-items: flex-end !important
	}

	.align-items-lg-center {
		align-items: center !important
	}

	.align-items-lg-baseline {
		align-items: baseline !important
	}

	.align-items-lg-stretch {
		align-items: stretch !important
	}

	.align-content-lg-start {
		align-content: flex-start !important
	}

	.align-content-lg-end {
		align-content: flex-end !important
	}

	.align-content-lg-center {
		align-content: center !important
	}

	.align-content-lg-between {
		align-content: space-between !important
	}

	.align-content-lg-around {
		align-content: space-around !important
	}

	.align-content-lg-stretch {
		align-content: stretch !important
	}

	.align-self-lg-auto {
		align-self: auto !important
	}

	.align-self-lg-start {
		align-self: flex-start !important
	}

	.align-self-lg-end {
		align-self: flex-end !important
	}

	.align-self-lg-center {
		align-self: center !important
	}

	.align-self-lg-baseline {
		align-self: baseline !important
	}

	.align-self-lg-stretch {
		align-self: stretch !important
	}

	.order-lg-first {
		order: -1 !important
	}

	.order-lg-0 {
		order: 0 !important
	}

	.order-lg-1 {
		order: 1 !important
	}

	.order-lg-2 {
		order: 2 !important
	}

	.order-lg-3 {
		order: 3 !important
	}

	.order-lg-4 {
		order: 4 !important
	}

	.order-lg-5 {
		order: 5 !important
	}

	.order-lg-last {
		order: 6 !important
	}

	.m-lg-0 {
		margin: 0 !important
	}

	.m-lg-1 {
		margin: .25rem !important
	}

	.m-lg-2 {
		margin: .5rem !important
	}

	.m-lg-3 {
		margin: 1rem !important
	}

	.m-lg-4 {
		margin: 1.5rem !important
	}

	.m-lg-5 {
		margin: 3rem !important
	}

	.m-lg-auto {
		margin: auto !important
	}

	.mx-lg-0 {
		margin-left: 0 !important;
		margin-right: 0 !important
	}

	.mx-lg-1 {
		margin-left: .25rem !important;
		margin-right: .25rem !important
	}

	.mx-lg-2 {
		margin-left: .5rem !important;
		margin-right: .5rem !important
	}

	.mx-lg-3 {
		margin-left: 1rem !important;
		margin-right: 1rem !important
	}

	.mx-lg-4 {
		margin-left: 1.5rem !important;
		margin-right: 1.5rem !important
	}

	.mx-lg-5 {
		margin-left: 3rem !important;
		margin-right: 3rem !important
	}

	.mx-lg-auto {
		margin-left: auto !important;
		margin-right: auto !important
	}

	.my-lg-0 {
		margin-bottom: 0 !important;
		margin-top: 0 !important
	}

	.my-lg-1 {
		margin-bottom: .25rem !important;
		margin-top: .25rem !important
	}

	.my-lg-2 {
		margin-bottom: .5rem !important;
		margin-top: .5rem !important
	}

	.my-lg-3 {
		margin-bottom: 1rem !important;
		margin-top: 1rem !important
	}

	.my-lg-4 {
		margin-bottom: 1.5rem !important;
		margin-top: 1.5rem !important
	}

	.my-lg-5 {
		margin-bottom: 3rem !important;
		margin-top: 3rem !important
	}

	.my-lg-auto {
		margin-bottom: auto !important;
		margin-top: auto !important
	}

	.mt-lg-0 {
		margin-top: 0 !important
	}

	.mt-lg-1 {
		margin-top: .25rem !important
	}

	.mt-lg-2 {
		margin-top: .5rem !important
	}

	.mt-lg-3 {
		margin-top: 1rem !important
	}

	.mt-lg-4 {
		margin-top: 1.5rem !important
	}

	.mt-lg-5 {
		margin-top: 3rem !important
	}

	.mt-lg-auto {
		margin-top: auto !important
	}

	.me-lg-0 {
		margin-right: 0 !important
	}

	.me-lg-1 {
		margin-right: .25rem !important
	}

	.me-lg-2 {
		margin-right: .5rem !important
	}

	.me-lg-3 {
		margin-right: 1rem !important
	}

	.me-lg-4 {
		margin-right: 1.5rem !important
	}

	.me-lg-5 {
		margin-right: 3rem !important
	}

	.me-lg-auto {
		margin-right: auto !important
	}

	.mb-lg-0 {
		margin-bottom: 0 !important
	}

	.mb-lg-1 {
		margin-bottom: .25rem !important
	}

	.mb-lg-2 {
		margin-bottom: .5rem !important
	}

	.mb-lg-3 {
		margin-bottom: 1rem !important
	}

	.mb-lg-4 {
		margin-bottom: 1.5rem !important
	}

	.mb-lg-5 {
		margin-bottom: 3rem !important
	}

	.mb-lg-auto {
		margin-bottom: auto !important
	}

	.ms-lg-0 {
		margin-left: 0 !important
	}

	.ms-lg-1 {
		margin-left: .25rem !important
	}

	.ms-lg-2 {
		margin-left: .5rem !important
	}

	.ms-lg-3 {
		margin-left: 1rem !important
	}

	.ms-lg-4 {
		margin-left: 1.5rem !important
	}

	.ms-lg-5 {
		margin-left: 3rem !important
	}

	.ms-lg-auto {
		margin-left: auto !important
	}

	.p-lg-0 {
		padding: 0 !important
	}

	.p-lg-1 {
		padding: .25rem !important
	}

	.p-lg-2 {
		padding: .5rem !important
	}

	.p-lg-3 {
		padding: 1rem !important
	}

	.p-lg-4 {
		padding: 1.5rem !important
	}

	.p-lg-5 {
		padding: 3rem !important
	}

	.px-lg-0 {
		padding-left: 0 !important;
		padding-right: 0 !important
	}

	.px-lg-1 {
		padding-left: .25rem !important;
		padding-right: .25rem !important
	}

	.px-lg-2 {
		padding-left: .5rem !important;
		padding-right: .5rem !important
	}

	.px-lg-3 {
		padding-left: 1rem !important;
		padding-right: 1rem !important
	}

	.px-lg-4 {
		padding-left: 1.5rem !important;
		padding-right: 1.5rem !important
	}

	.px-lg-5 {
		padding-left: 3rem !important;
		padding-right: 3rem !important
	}

	.py-lg-0 {
		padding-bottom: 0 !important;
		padding-top: 0 !important
	}

	.py-lg-1 {
		padding-bottom: .25rem !important;
		padding-top: .25rem !important
	}

	.py-lg-2 {
		padding-bottom: .5rem !important;
		padding-top: .5rem !important
	}

	.py-lg-3 {
		padding-bottom: 1rem !important;
		padding-top: 1rem !important
	}

	.py-lg-4 {
		padding-bottom: 1.5rem !important;
		padding-top: 1.5rem !important
	}

	.py-lg-5 {
		padding-bottom: 3rem !important;
		padding-top: 3rem !important
	}

	.pt-lg-0 {
		padding-top: 0 !important
	}

	.pt-lg-1 {
		padding-top: .25rem !important
	}

	.pt-lg-2 {
		padding-top: .5rem !important
	}

	.pt-lg-3 {
		padding-top: 1rem !important
	}

	.pt-lg-4 {
		padding-top: 1.5rem !important
	}

	.pt-lg-5 {
		padding-top: 3rem !important
	}

	.pe-lg-0 {
		padding-right: 0 !important
	}

	.pe-lg-1 {
		padding-right: .25rem !important
	}

	.pe-lg-2 {
		padding-right: .5rem !important
	}

	.pe-lg-3 {
		padding-right: 1rem !important
	}

	.pe-lg-4 {
		padding-right: 1.5rem !important
	}

	.pe-lg-5 {
		padding-right: 3rem !important
	}

	.pb-lg-0 {
		padding-bottom: 0 !important
	}

	.pb-lg-1 {
		padding-bottom: .25rem !important
	}

	.pb-lg-2 {
		padding-bottom: .5rem !important
	}

	.pb-lg-3 {
		padding-bottom: 1rem !important
	}

	.pb-lg-4 {
		padding-bottom: 1.5rem !important
	}

	.pb-lg-5 {
		padding-bottom: 3rem !important
	}

	.ps-lg-0 {
		padding-left: 0 !important
	}

	.ps-lg-1 {
		padding-left: .25rem !important
	}

	.ps-lg-2 {
		padding-left: .5rem !important
	}

	.ps-lg-3 {
		padding-left: 1rem !important
	}

	.ps-lg-4 {
		padding-left: 1.5rem !important
	}

	.ps-lg-5 {
		padding-left: 3rem !important
	}
}

@media(min-width:1440px) {
	.d-xl-inline {
		display: inline !important
	}

	.d-xl-inline-block {
		display: inline-block !important
	}

	.d-xl-block {
		display: block !important
	}

	.d-xl-grid {
		display: grid !important
	}

	.d-xl-table {
		display: table !important
	}

	.d-xl-table-row {
		display: table-row !important
	}

	.d-xl-table-cell {
		display: table-cell !important
	}

	.d-xl-flex {
		display: flex !important
	}

	.d-xl-inline-flex {
		display: inline-flex !important
	}

	.d-xl-none {
		display: none !important
	}

	.flex-xl-fill {
		flex: 1 1 auto !important
	}

	.flex-xl-row {
		flex-direction: row !important
	}

	.flex-xl-column {
		flex-direction: column !important
	}

	.flex-xl-row-reverse {
		flex-direction: row-reverse !important
	}

	.flex-xl-column-reverse {
		flex-direction: column-reverse !important
	}

	.flex-xl-grow-0 {
		flex-grow: 0 !important
	}

	.flex-xl-grow-1 {
		flex-grow: 1 !important
	}

	.flex-xl-shrink-0 {
		flex-shrink: 0 !important
	}

	.flex-xl-shrink-1 {
		flex-shrink: 1 !important
	}

	.flex-xl-wrap {
		flex-wrap: wrap !important
	}

	.flex-xl-nowrap {
		flex-wrap: nowrap !important
	}

	.flex-xl-wrap-reverse {
		flex-wrap: wrap-reverse !important
	}

	.justify-content-xl-start {
		justify-content: flex-start !important
	}

	.justify-content-xl-end {
		justify-content: flex-end !important
	}

	.justify-content-xl-center {
		justify-content: center !important
	}

	.justify-content-xl-between {
		justify-content: space-between !important
	}

	.justify-content-xl-around {
		justify-content: space-around !important
	}

	.justify-content-xl-evenly {
		justify-content: space-evenly !important
	}

	.align-items-xl-start {
		align-items: flex-start !important
	}

	.align-items-xl-end {
		align-items: flex-end !important
	}

	.align-items-xl-center {
		align-items: center !important
	}

	.align-items-xl-baseline {
		align-items: baseline !important
	}

	.align-items-xl-stretch {
		align-items: stretch !important
	}

	.align-content-xl-start {
		align-content: flex-start !important
	}

	.align-content-xl-end {
		align-content: flex-end !important
	}

	.align-content-xl-center {
		align-content: center !important
	}

	.align-content-xl-between {
		align-content: space-between !important
	}

	.align-content-xl-around {
		align-content: space-around !important
	}

	.align-content-xl-stretch {
		align-content: stretch !important
	}

	.align-self-xl-auto {
		align-self: auto !important
	}

	.align-self-xl-start {
		align-self: flex-start !important
	}

	.align-self-xl-end {
		align-self: flex-end !important
	}

	.align-self-xl-center {
		align-self: center !important
	}

	.align-self-xl-baseline {
		align-self: baseline !important
	}

	.align-self-xl-stretch {
		align-self: stretch !important
	}

	.order-xl-first {
		order: -1 !important
	}

	.order-xl-0 {
		order: 0 !important
	}

	.order-xl-1 {
		order: 1 !important
	}

	.order-xl-2 {
		order: 2 !important
	}

	.order-xl-3 {
		order: 3 !important
	}

	.order-xl-4 {
		order: 4 !important
	}

	.order-xl-5 {
		order: 5 !important
	}

	.order-xl-last {
		order: 6 !important
	}

	.m-xl-0 {
		margin: 0 !important
	}

	.m-xl-1 {
		margin: .25rem !important
	}

	.m-xl-2 {
		margin: .5rem !important
	}

	.m-xl-3 {
		margin: 1rem !important
	}

	.m-xl-4 {
		margin: 1.5rem !important
	}

	.m-xl-5 {
		margin: 3rem !important
	}

	.m-xl-auto {
		margin: auto !important
	}

	.mx-xl-0 {
		margin-left: 0 !important;
		margin-right: 0 !important
	}

	.mx-xl-1 {
		margin-left: .25rem !important;
		margin-right: .25rem !important
	}

	.mx-xl-2 {
		margin-left: .5rem !important;
		margin-right: .5rem !important
	}

	.mx-xl-3 {
		margin-left: 1rem !important;
		margin-right: 1rem !important
	}

	.mx-xl-4 {
		margin-left: 1.5rem !important;
		margin-right: 1.5rem !important
	}

	.mx-xl-5 {
		margin-left: 3rem !important;
		margin-right: 3rem !important
	}

	.mx-xl-auto {
		margin-left: auto !important;
		margin-right: auto !important
	}

	.my-xl-0 {
		margin-bottom: 0 !important;
		margin-top: 0 !important
	}

	.my-xl-1 {
		margin-bottom: .25rem !important;
		margin-top: .25rem !important
	}

	.my-xl-2 {
		margin-bottom: .5rem !important;
		margin-top: .5rem !important
	}

	.my-xl-3 {
		margin-bottom: 1rem !important;
		margin-top: 1rem !important
	}

	.my-xl-4 {
		margin-bottom: 1.5rem !important;
		margin-top: 1.5rem !important
	}

	.my-xl-5 {
		margin-bottom: 3rem !important;
		margin-top: 3rem !important
	}

	.my-xl-auto {
		margin-bottom: auto !important;
		margin-top: auto !important
	}

	.mt-xl-0 {
		margin-top: 0 !important
	}

	.mt-xl-1 {
		margin-top: .25rem !important
	}

	.mt-xl-2 {
		margin-top: .5rem !important
	}

	.mt-xl-3 {
		margin-top: 1rem !important
	}

	.mt-xl-4 {
		margin-top: 1.5rem !important
	}

	.mt-xl-5 {
		margin-top: 3rem !important
	}

	.mt-xl-auto {
		margin-top: auto !important
	}

	.me-xl-0 {
		margin-right: 0 !important
	}

	.me-xl-1 {
		margin-right: .25rem !important
	}

	.me-xl-2 {
		margin-right: .5rem !important
	}

	.me-xl-3 {
		margin-right: 1rem !important
	}

	.me-xl-4 {
		margin-right: 1.5rem !important
	}

	.me-xl-5 {
		margin-right: 3rem !important
	}

	.me-xl-auto {
		margin-right: auto !important
	}

	.mb-xl-0 {
		margin-bottom: 0 !important
	}

	.mb-xl-1 {
		margin-bottom: .25rem !important
	}

	.mb-xl-2 {
		margin-bottom: .5rem !important
	}

	.mb-xl-3 {
		margin-bottom: 1rem !important
	}

	.mb-xl-4 {
		margin-bottom: 1.5rem !important
	}

	.mb-xl-5 {
		margin-bottom: 3rem !important
	}

	.mb-xl-auto {
		margin-bottom: auto !important
	}

	.ms-xl-0 {
		margin-left: 0 !important
	}

	.ms-xl-1 {
		margin-left: .25rem !important
	}

	.ms-xl-2 {
		margin-left: .5rem !important
	}

	.ms-xl-3 {
		margin-left: 1rem !important
	}

	.ms-xl-4 {
		margin-left: 1.5rem !important
	}

	.ms-xl-5 {
		margin-left: 3rem !important
	}

	.ms-xl-auto {
		margin-left: auto !important
	}

	.p-xl-0 {
		padding: 0 !important
	}

	.p-xl-1 {
		padding: .25rem !important
	}

	.p-xl-2 {
		padding: .5rem !important
	}

	.p-xl-3 {
		padding: 1rem !important
	}

	.p-xl-4 {
		padding: 1.5rem !important
	}

	.p-xl-5 {
		padding: 3rem !important
	}

	.px-xl-0 {
		padding-left: 0 !important;
		padding-right: 0 !important
	}

	.px-xl-1 {
		padding-left: .25rem !important;
		padding-right: .25rem !important
	}

	.px-xl-2 {
		padding-left: .5rem !important;
		padding-right: .5rem !important
	}

	.px-xl-3 {
		padding-left: 1rem !important;
		padding-right: 1rem !important
	}

	.px-xl-4 {
		padding-left: 1.5rem !important;
		padding-right: 1.5rem !important
	}

	.px-xl-5 {
		padding-left: 3rem !important;
		padding-right: 3rem !important
	}

	.py-xl-0 {
		padding-bottom: 0 !important;
		padding-top: 0 !important
	}

	.py-xl-1 {
		padding-bottom: .25rem !important;
		padding-top: .25rem !important
	}

	.py-xl-2 {
		padding-bottom: .5rem !important;
		padding-top: .5rem !important
	}

	.py-xl-3 {
		padding-bottom: 1rem !important;
		padding-top: 1rem !important
	}

	.py-xl-4 {
		padding-bottom: 1.5rem !important;
		padding-top: 1.5rem !important
	}

	.py-xl-5 {
		padding-bottom: 3rem !important;
		padding-top: 3rem !important
	}

	.pt-xl-0 {
		padding-top: 0 !important
	}

	.pt-xl-1 {
		padding-top: .25rem !important
	}

	.pt-xl-2 {
		padding-top: .5rem !important
	}

	.pt-xl-3 {
		padding-top: 1rem !important
	}

	.pt-xl-4 {
		padding-top: 1.5rem !important
	}

	.pt-xl-5 {
		padding-top: 3rem !important
	}

	.pe-xl-0 {
		padding-right: 0 !important
	}

	.pe-xl-1 {
		padding-right: .25rem !important
	}

	.pe-xl-2 {
		padding-right: .5rem !important
	}

	.pe-xl-3 {
		padding-right: 1rem !important
	}

	.pe-xl-4 {
		padding-right: 1.5rem !important
	}

	.pe-xl-5 {
		padding-right: 3rem !important
	}

	.pb-xl-0 {
		padding-bottom: 0 !important
	}

	.pb-xl-1 {
		padding-bottom: .25rem !important
	}

	.pb-xl-2 {
		padding-bottom: .5rem !important
	}

	.pb-xl-3 {
		padding-bottom: 1rem !important
	}

	.pb-xl-4 {
		padding-bottom: 1.5rem !important
	}

	.pb-xl-5 {
		padding-bottom: 3rem !important
	}

	.ps-xl-0 {
		padding-left: 0 !important
	}

	.ps-xl-1 {
		padding-left: .25rem !important
	}

	.ps-xl-2 {
		padding-left: .5rem !important
	}

	.ps-xl-3 {
		padding-left: 1rem !important
	}

	.ps-xl-4 {
		padding-left: 1.5rem !important
	}

	.ps-xl-5 {
		padding-left: 3rem !important
	}
}

@media(min-width:1920px) {
	.d-xxl-inline {
		display: inline !important
	}

	.d-xxl-inline-block {
		display: inline-block !important
	}

	.d-xxl-block {
		display: block !important
	}

	.d-xxl-grid {
		display: grid !important
	}

	.d-xxl-table {
		display: table !important
	}

	.d-xxl-table-row {
		display: table-row !important
	}

	.d-xxl-table-cell {
		display: table-cell !important
	}

	.d-xxl-flex {
		display: flex !important
	}

	.d-xxl-inline-flex {
		display: inline-flex !important
	}

	.d-xxl-none {
		display: none !important
	}

	.flex-xxl-fill {
		flex: 1 1 auto !important
	}

	.flex-xxl-row {
		flex-direction: row !important
	}

	.flex-xxl-column {
		flex-direction: column !important
	}

	.flex-xxl-row-reverse {
		flex-direction: row-reverse !important
	}

	.flex-xxl-column-reverse {
		flex-direction: column-reverse !important
	}

	.flex-xxl-grow-0 {
		flex-grow: 0 !important
	}

	.flex-xxl-grow-1 {
		flex-grow: 1 !important
	}

	.flex-xxl-shrink-0 {
		flex-shrink: 0 !important
	}

	.flex-xxl-shrink-1 {
		flex-shrink: 1 !important
	}

	.flex-xxl-wrap {
		flex-wrap: wrap !important
	}

	.flex-xxl-nowrap {
		flex-wrap: nowrap !important
	}

	.flex-xxl-wrap-reverse {
		flex-wrap: wrap-reverse !important
	}

	.justify-content-xxl-start {
		justify-content: flex-start !important
	}

	.justify-content-xxl-end {
		justify-content: flex-end !important
	}

	.justify-content-xxl-center {
		justify-content: center !important
	}

	.justify-content-xxl-between {
		justify-content: space-between !important
	}

	.justify-content-xxl-around {
		justify-content: space-around !important
	}

	.justify-content-xxl-evenly {
		justify-content: space-evenly !important
	}

	.align-items-xxl-start {
		align-items: flex-start !important
	}

	.align-items-xxl-end {
		align-items: flex-end !important
	}

	.align-items-xxl-center {
		align-items: center !important
	}

	.align-items-xxl-baseline {
		align-items: baseline !important
	}

	.align-items-xxl-stretch {
		align-items: stretch !important
	}

	.align-content-xxl-start {
		align-content: flex-start !important
	}

	.align-content-xxl-end {
		align-content: flex-end !important
	}

	.align-content-xxl-center {
		align-content: center !important
	}

	.align-content-xxl-between {
		align-content: space-between !important
	}

	.align-content-xxl-around {
		align-content: space-around !important
	}

	.align-content-xxl-stretch {
		align-content: stretch !important
	}

	.align-self-xxl-auto {
		align-self: auto !important
	}

	.align-self-xxl-start {
		align-self: flex-start !important
	}

	.align-self-xxl-end {
		align-self: flex-end !important
	}

	.align-self-xxl-center {
		align-self: center !important
	}

	.align-self-xxl-baseline {
		align-self: baseline !important
	}

	.align-self-xxl-stretch {
		align-self: stretch !important
	}

	.order-xxl-first {
		order: -1 !important
	}

	.order-xxl-0 {
		order: 0 !important
	}

	.order-xxl-1 {
		order: 1 !important
	}

	.order-xxl-2 {
		order: 2 !important
	}

	.order-xxl-3 {
		order: 3 !important
	}

	.order-xxl-4 {
		order: 4 !important
	}

	.order-xxl-5 {
		order: 5 !important
	}

	.order-xxl-last {
		order: 6 !important
	}

	.m-xxl-0 {
		margin: 0 !important
	}

	.m-xxl-1 {
		margin: .25rem !important
	}

	.m-xxl-2 {
		margin: .5rem !important
	}

	.m-xxl-3 {
		margin: 1rem !important
	}

	.m-xxl-4 {
		margin: 1.5rem !important
	}

	.m-xxl-5 {
		margin: 3rem !important
	}

	.m-xxl-auto {
		margin: auto !important
	}

	.mx-xxl-0 {
		margin-left: 0 !important;
		margin-right: 0 !important
	}

	.mx-xxl-1 {
		margin-left: .25rem !important;
		margin-right: .25rem !important
	}

	.mx-xxl-2 {
		margin-left: .5rem !important;
		margin-right: .5rem !important
	}

	.mx-xxl-3 {
		margin-left: 1rem !important;
		margin-right: 1rem !important
	}

	.mx-xxl-4 {
		margin-left: 1.5rem !important;
		margin-right: 1.5rem !important
	}

	.mx-xxl-5 {
		margin-left: 3rem !important;
		margin-right: 3rem !important
	}

	.mx-xxl-auto {
		margin-left: auto !important;
		margin-right: auto !important
	}

	.my-xxl-0 {
		margin-bottom: 0 !important;
		margin-top: 0 !important
	}

	.my-xxl-1 {
		margin-bottom: .25rem !important;
		margin-top: .25rem !important
	}

	.my-xxl-2 {
		margin-bottom: .5rem !important;
		margin-top: .5rem !important
	}

	.my-xxl-3 {
		margin-bottom: 1rem !important;
		margin-top: 1rem !important
	}

	.my-xxl-4 {
		margin-bottom: 1.5rem !important;
		margin-top: 1.5rem !important
	}

	.my-xxl-5 {
		margin-bottom: 3rem !important;
		margin-top: 3rem !important
	}

	.my-xxl-auto {
		margin-bottom: auto !important;
		margin-top: auto !important
	}

	.mt-xxl-0 {
		margin-top: 0 !important
	}

	.mt-xxl-1 {
		margin-top: .25rem !important
	}

	.mt-xxl-2 {
		margin-top: .5rem !important
	}

	.mt-xxl-3 {
		margin-top: 1rem !important
	}

	.mt-xxl-4 {
		margin-top: 1.5rem !important
	}

	.mt-xxl-5 {
		margin-top: 3rem !important
	}

	.mt-xxl-auto {
		margin-top: auto !important
	}

	.me-xxl-0 {
		margin-right: 0 !important
	}

	.me-xxl-1 {
		margin-right: .25rem !important
	}

	.me-xxl-2 {
		margin-right: .5rem !important
	}

	.me-xxl-3 {
		margin-right: 1rem !important
	}

	.me-xxl-4 {
		margin-right: 1.5rem !important
	}

	.me-xxl-5 {
		margin-right: 3rem !important
	}

	.me-xxl-auto {
		margin-right: auto !important
	}

	.mb-xxl-0 {
		margin-bottom: 0 !important
	}

	.mb-xxl-1 {
		margin-bottom: .25rem !important
	}

	.mb-xxl-2 {
		margin-bottom: .5rem !important
	}

	.mb-xxl-3 {
		margin-bottom: 1rem !important
	}

	.mb-xxl-4 {
		margin-bottom: 1.5rem !important
	}

	.mb-xxl-5 {
		margin-bottom: 3rem !important
	}

	.mb-xxl-auto {
		margin-bottom: auto !important
	}

	.ms-xxl-0 {
		margin-left: 0 !important
	}

	.ms-xxl-1 {
		margin-left: .25rem !important
	}

	.ms-xxl-2 {
		margin-left: .5rem !important
	}

	.ms-xxl-3 {
		margin-left: 1rem !important
	}

	.ms-xxl-4 {
		margin-left: 1.5rem !important
	}

	.ms-xxl-5 {
		margin-left: 3rem !important
	}

	.ms-xxl-auto {
		margin-left: auto !important
	}

	.p-xxl-0 {
		padding: 0 !important
	}

	.p-xxl-1 {
		padding: .25rem !important
	}

	.p-xxl-2 {
		padding: .5rem !important
	}

	.p-xxl-3 {
		padding: 1rem !important
	}

	.p-xxl-4 {
		padding: 1.5rem !important
	}

	.p-xxl-5 {
		padding: 3rem !important
	}

	.px-xxl-0 {
		padding-left: 0 !important;
		padding-right: 0 !important
	}

	.px-xxl-1 {
		padding-left: .25rem !important;
		padding-right: .25rem !important
	}

	.px-xxl-2 {
		padding-left: .5rem !important;
		padding-right: .5rem !important
	}

	.px-xxl-3 {
		padding-left: 1rem !important;
		padding-right: 1rem !important
	}

	.px-xxl-4 {
		padding-left: 1.5rem !important;
		padding-right: 1.5rem !important
	}

	.px-xxl-5 {
		padding-left: 3rem !important;
		padding-right: 3rem !important
	}

	.py-xxl-0 {
		padding-bottom: 0 !important;
		padding-top: 0 !important
	}

	.py-xxl-1 {
		padding-bottom: .25rem !important;
		padding-top: .25rem !important
	}

	.py-xxl-2 {
		padding-bottom: .5rem !important;
		padding-top: .5rem !important
	}

	.py-xxl-3 {
		padding-bottom: 1rem !important;
		padding-top: 1rem !important
	}

	.py-xxl-4 {
		padding-bottom: 1.5rem !important;
		padding-top: 1.5rem !important
	}

	.py-xxl-5 {
		padding-bottom: 3rem !important;
		padding-top: 3rem !important
	}

	.pt-xxl-0 {
		padding-top: 0 !important
	}

	.pt-xxl-1 {
		padding-top: .25rem !important
	}

	.pt-xxl-2 {
		padding-top: .5rem !important
	}

	.pt-xxl-3 {
		padding-top: 1rem !important
	}

	.pt-xxl-4 {
		padding-top: 1.5rem !important
	}

	.pt-xxl-5 {
		padding-top: 3rem !important
	}

	.pe-xxl-0 {
		padding-right: 0 !important
	}

	.pe-xxl-1 {
		padding-right: .25rem !important
	}

	.pe-xxl-2 {
		padding-right: .5rem !important
	}

	.pe-xxl-3 {
		padding-right: 1rem !important
	}

	.pe-xxl-4 {
		padding-right: 1.5rem !important
	}

	.pe-xxl-5 {
		padding-right: 3rem !important
	}

	.pb-xxl-0 {
		padding-bottom: 0 !important
	}

	.pb-xxl-1 {
		padding-bottom: .25rem !important
	}

	.pb-xxl-2 {
		padding-bottom: .5rem !important
	}

	.pb-xxl-3 {
		padding-bottom: 1rem !important
	}

	.pb-xxl-4 {
		padding-bottom: 1.5rem !important
	}

	.pb-xxl-5 {
		padding-bottom: 3rem !important
	}

	.ps-xxl-0 {
		padding-left: 0 !important
	}

	.ps-xxl-1 {
		padding-left: .25rem !important
	}

	.ps-xxl-2 {
		padding-left: .5rem !important
	}

	.ps-xxl-3 {
		padding-left: 1rem !important
	}

	.ps-xxl-4 {
		padding-left: 1.5rem !important
	}

	.ps-xxl-5 {
		padding-left: 3rem !important
	}
}

@media print {
	.d-print-inline {
		display: inline !important
	}

	.d-print-inline-block {
		display: inline-block !important
	}

	.d-print-block {
		display: block !important
	}

	.d-print-grid {
		display: grid !important
	}

	.d-print-table {
		display: table !important
	}

	.d-print-table-row {
		display: table-row !important
	}

	.d-print-table-cell {
		display: table-cell !important
	}

	.d-print-flex {
		display: flex !important
	}

	.d-print-inline-flex {
		display: inline-flex !important
	}

	.d-print-none {
		display: none !important
	}
}

.sr-only {
	clip: rect(0,0,0,0);
	border: 0;
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	white-space: nowrap;
	width: 1px
}

.sr-only--focusable:active, .sr-only--focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	white-space: inherit;
	width: auto
}

.color--ohu-mahi {
	--theme-primary: var(--ohu-mahi-primary);
	--theme-tint: var(--ohu-mahi-tint)
}

.color--hineahuone {
	--theme-primary: var(--hineahuone-primary);
	--theme-tint: var(--hineahuone-tint)
}

.color--ruatepupuke {
	--theme-primary: var(--ruatepupuke-primary);
	--theme-tint: var(--ruatepupuke-tint)
}

.color--taiao {
	--theme-primary: var(--taiao-primary);
	--theme-tint: var(--taiao-tint)
}

.color--taha-wairua {
	--theme-primary: var(--taha-wairua-primary);
	--theme-tint: var(--taha-wairua-tint)
}

.color--whenua {
	--theme-primary: var(--whenua-primary);
	--theme-tint: var(--whenua-tint)
}

.color--ngahere {
	--theme-primary: var(--ngahere-primary);
	--theme-tint: var(--ngahere-tint)
}

:root {
	--black: #000;
	--white: #fff;
	--black-88: #2b2b2b;
	--black-73: #66686a;
	--black-63: #7a7c7e;
	--black-45: #9d9fa1;
	--black-35: #b1b3b5;
	--black-28: #c0c2c4;
	--ohu-mahi-primary: #454545;
	--ohu-mahi-tint: #ebebeb;
	--hineahuone-primary: #f89c1b;
	--hineahuone-tint: #feebd1;
	--whenua-primary: #cd171e;
	--whenua-tint: #f4e7e8;
	--taiao-primary: #1f9d62;
	--taiao-tint: #ddefe7;
	--taha-wairua-primary: #85288f;
	--taha-wairua-tint: #f0e6f1;
	--ngahere-primary: #a6ce38;
	--ngahere-tint: #f0f6dd;
	--ruatepupuke-primary: #59c4c3;
	--ruatepupuke-tint: #d7ecec;
	--theme-primary: var(--theme-primary,#454545);
	--theme-tint: var(--theme-tint,#ebebeb);
	--outline-color: var(--theme-primary,var(--hineahuone-primary));
	--logo-black: #0b0b09;
	--text-color-dark: var(--black);
	--text-color-light: var(--white);
	--text-color-disabled: #9d9fa1;
	--error-color: var(--whenua-primary);
	--link-color: var(--text-color-dark);
	--link-color-hover: var(--text-color-light);
	--button-color: var(--black);
	--button-color-hover: var(--black);
	--button-text-color: var(--black);
	--button-text-color-hover: var(--white);
	--duration-short: 0.2s;
	--duration-medium: 0.3s;
	--duration-long: 0.5s;
	--easing-default: cubic-bezier(0.77,0,0.175,1);
	--trs-short: all var(--duration-short) var(--easing-default);
	--trs-medium: all var(--duration-medium) var(--easing-default);
	--trs-long: all var(--duration-long) var(--easing-default);
	--trs-default: var(--trs-short);
	--gutter: 1rem;
	--safe-gutters: calc(max(env(safe-area-inset-right), var(--gutter)) + max(env(safe-area-inset-left), var(--gutter)));
	--container-width: calc(1200px + var(--gutter)*2)
}

@media(min-width:576px) {
	:root {
		--gutter: 1.5rem
	}
}

.typography h1 {
	font-family: Nimbus Sans,serif;
	font-size: 1.5625rem;
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 20px;
	margin-top: 50px
}

@media(min-width:576px) {
	.typography h1 {
		font-size: 2.1875rem;
		margin-bottom: 30px;
		margin-top: 75px
	}
}

@media(min-width:1024px) {
	.typography h1 {
		font-size: 2.8125rem;
		margin-bottom: 40px;
		margin-top: 100px
	}
}

.typography h2 {
	font-family: Nimbus Sans,serif;
	font-size: 1.375rem;
	font-weight: 700;
	margin-bottom: 30px;
	margin-top: 40px
}

@media(min-width:576px) {
	.typography h2 {
		font-size: 2.1875rem;
		line-height: 1.14;
		margin-bottom: 40px;
		margin-top: 50px
	}
}

@media(min-width:1024px) {
	.typography h2 {
		margin-bottom: 40px;
		margin-top: 60px
	}
}

.typography h3 {
	font-family: Nimbus Sans,serif;
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.25;
	margin-bottom: 20px;
	margin-top: 40px
}

@media(min-width:576px) {
	.typography h3 {
		font-size: 1.75rem;
		line-height: 1.21;
		margin-bottom: 30px;
		margin-top: 40px
	}
}

.typography h4 {
	font-family: Nimbus Sans,serif;
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.11;
	margin-bottom: 20px;
	margin-top: 30px
}

@media(min-width:576px) {
	.typography h4 {
		font-size: 1.5rem;
		line-height: 1.25
	}
}

.typography h5 {
	font-family: Nimbus Sans,serif;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.25;
	margin-bottom: 20px;
	margin-top: 30px
}

@media(min-width:576px) {
	.typography h5 {
		font-size: 1.125rem;
		line-height: 1.33;
		margin-top: 20px
	}
}

@media(min-width:1024px) {
	.typography h5 {
		margin-top: 30px
	}
}

.typography h6 {
	font-family: Nimbus Sans,serif;
	font-size: .875rem;
	font-weight: 700;
	margin-bottom: 20px;
	margin-top: 20px
}

picture {
	display: block
}

figure {
	margin: 0
}

figcaption {
	color: var(--black-73);
	font-family: Nimbus Sans,serif;
	font-size: .875rem;
	font-weight: 400;
	line-height: 1.43;
	margin-top: 15px
}

.image--with-caption {
	margin-bottom: 0
}

@media(min-width:576px) {
	.image--with-caption {
		margin-bottom: 0
	}
}

@media(min-width:1024px) {
	.image--with-caption {
		margin-bottom: 0
	}
}

.typography a:not(.link__download):not(.button):not(.at-share-btn) {
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	box-shadow: inset 0 -1px 0 0 var(--link-highlight,var(--link-color));
	color: var(--link-color);
	padding-bottom: .125em;
	padding-top: .25em;
	text-decoration: none;
	transition: var(--trs-default)
}

	.typography a:not(.link__download):not(.button):not(.at-share-btn).focus-visible, .typography a:not(.link__download):not(.button):not(.at-share-btn):hover {
		box-shadow: inset 0 -1.6em 0 0 var(--link-highlight,var(--link-color));
		color: var(--link-color-hover)
	}

@media print {
	.typography a:not(.link__download):not(.button):not(.at-share-btn) {
		text-decoration: underline
	}
}

.typography a:not(.link__download):not(.button):not(.at-share-btn)[href^=http]:after {
	background-color: var(--link-color);
	content: "";
	display: inline-block;
	height: 10px;
	margin-left: 5px;
	-webkit-mask-image: url(/_resources/themes/kaimahi/dist/30829111b1ce4d981de6.svg);
	mask-image: url(/_resources/themes/kaimahi/dist/30829111b1ce4d981de6.svg);
	-webkit-mask-size: cover;
	mask-size: cover;
	transition: var(--trs-default);
	width: 10px
}

@media print {
	.typography a:not(.link__download):not(.button):not(.at-share-btn)[href^=http]:after {
		content: " (" attr(href) ")";
		display: inline;
		height: auto;
		margin: 0;
		width: auto
	}
}

.typography a:not(.link__download):not(.button):not(.at-share-btn)[href^=http].focus-visible:after, .typography a:not(.link__download):not(.button):not(.at-share-btn)[href^=http]:hover:after {
	background-color: var(--link-color-hover)
}

.typography .link__download {
	color: currentColor;
	text-decoration: none
}

.typography .link__download-name {
	box-shadow: inset 0 -1px 0 0 var(--link-color);
	color: var(--link-color);
	padding-bottom: 2px;
	padding-top: 6px;
	text-decoration: none;
	transition: var(--trs-default)
}

	.typography .link__download-name:after {
		background-color: currentColor;
		background-color: var(--link-color);
		content: "";
		display: inline-block;
		height: 13px;
		margin-left: 5px;
		-webkit-mask-image: url(/_resources/themes/kaimahi/dist/2a0aa1d4ad20ed2f5256.svg);
		mask-image: url(/_resources/themes/kaimahi/dist/2a0aa1d4ad20ed2f5256.svg);
		-webkit-mask-size: cover;
		mask-size: cover;
		transition: var(--trs-default);
		width: 14px
	}

.typography .link__download.focus-visible .link__download-name, .typography .link__download:hover .link__download-name {
	box-shadow: inset 0 -1.6em 0 0 var(--link-color);
	color: var(--link-color-hover)
}

	.typography .link__download.focus-visible .link__download-name:after, .typography .link__download:hover .link__download-name:after {
		background-color: var(--link-color-hover)
	}

.typography .link__download-details {
	font-size: .6875rem;
	font-weight: 300;
	letter-spacing: .03125rem;
	text-transform: uppercase
}

.typography li {
	font-size: inherit;
	margin-top: 0;
	padding-left: 20px
}

	.typography li:before {
		display: inline-block;
		margin-left: -20px;
		text-align: left;
		width: 20px
	}

	.typography li + li {
		margin-bottom: 5px;
		margin-top: 5px
	}

@media(min-width:576px) {
	.typography li + li {
		margin-bottom: 10px;
		margin-top: 10px
	}
}

.typography ul {
	font-size: 1rem;
	line-height: 1.63;
	list-style: none;
	list-style-position: inside;
	margin: 15px 0;
	padding: 0
}

@media(min-width:576px) {
	.typography ul {
		font-size: 1.125rem;
		line-height: 1.78;
		margin-bottom: 20px;
		margin-top: 20px
	}
}

.typography ul ol, .typography ul ul {
	margin-bottom: 5px;
	margin-top: 5px
}

@media(min-width:576px) {
	.typography ul ol, .typography ul ul {
		margin-bottom: 10px;
		margin-top: 10px
	}
}

.typography ul li:before {
	content: "•"
}

.typography ul ul li:before {
	content: "–"
}

.typography ol {
	font-size: 1rem;
	line-height: 1.63;
	list-style: none;
	list-style-position: inside;
	margin: 15px 0;
	padding: 0
}

@media(min-width:576px) {
	.typography ol {
		font-size: 1.125rem;
		line-height: 1.78;
		margin-bottom: 20px;
		margin-top: 20px
	}
}

.typography ol ol, .typography ol ul {
	margin-bottom: 5px;
	margin-top: 5px
}

@media(min-width:576px) {
	.typography ol ol, .typography ol ul {
		margin-bottom: 10px;
		margin-top: 10px
	}
}

.typography ol ::marker {
	text-align: left
}

.typography ol li {
	counter-increment: level1
}

	.typography ol li:before {
		content: counter(level1,decimal) "."
	}

.typography ol ol li {
	counter-increment: level2
}

	.typography ol ol li:before {
		content: counter(level2,lower-alpha) "."
	}

.typography ol ol ol li {
	counter-increment: level3
}

	.typography ol ol ol li:before {
		content: counter(level3,lower-roman) "."
	}

.typography:not(.video__transcript) table {
	margin-bottom: 20px;
	min-width: max(400px,100%)
}

@media(min-width:576px) {
	.typography:not(.video__transcript) table {
		margin-bottom: 40px
	}
}

@media(min-width:1024px) {
	.typography:not(.video__transcript) table {
		margin-bottom: 50px
	}
}

.typography:not(.video__transcript) table tr:first-child td, .typography:not(.video__transcript) table tr:first-child th {
	padding-top: 0
}

.typography:not(.video__transcript) table td, .typography:not(.video__transcript) table th {
	border-bottom: 1px solid var(--black-28);
	padding: 15px 15px 15px 0;
	vertical-align: top;
	word-break: normal
}

@media(min-width:576px) {
	.typography:not(.video__transcript) table td, .typography:not(.video__transcript) table th {
		padding: 20px 20px 20px 0
	}
}

.typography:not(.video__transcript) table td, .typography:not(.video__transcript) table td > *, .typography:not(.video__transcript) table th, .typography:not(.video__transcript) table th > * {
	font-size: .875rem;
	line-height: 1.29
}

@media(min-width:576px) {
	.typography:not(.video__transcript) table td, .typography:not(.video__transcript) table td > *, .typography:not(.video__transcript) table th, .typography:not(.video__transcript) table th > * {
		font-size: 1rem;
		line-height: 1.25
	}
}

.typography:not(.video__transcript) table td :first-child, .typography:not(.video__transcript) table th :first-child {
	margin-top: 0
}

.typography:not(.video__transcript) table td :last-child, .typography:not(.video__transcript) table th :last-child {
	margin-bottom: 0
}

.typography:not(.video__transcript) table th {
	height: 100%;
	text-align: left;
	text-transform: uppercase;
	vertical-align: top
}

	.typography:not(.video__transcript) table th, .typography:not(.video__transcript) table th * {
		font-family: Nimbus Sans,serif;
		font-weight: 700
	}

.typography:not(.video__transcript) table td, .typography:not(.video__transcript) table td > *, .typography p {
	font-family: Nimbus Sans,serif;
	font-weight: 400
}

.typography p {
	font-size: 1rem;
	line-height: 1.63;
	margin-bottom: 15px;
	margin-top: 15px
}

@media(min-width:576px) {
	.typography p {
		font-size: 1.125rem;
		line-height: 1.78;
		margin-bottom: 20px;
		margin-top: 20px
	}
}

.typography em, .typography i {
	font-family: Nimbus Sans,serif;
	font-style: italic;
	font-weight: 400
}

.typography b, .typography strong {
	font-family: Nimbus Sans,serif;
	font-weight: 700
}

.typography hr {
	border: 0;
	border-bottom: 1px solid var(--black-28);
	margin: 1rem 0
}

.typography blockquote {
	margin: 40px 0;
	padding: 0;
	position: relative
}

@media(min-width:768px) {
	.typography blockquote {
		margin: 70px 0 50px
	}
}

.typography blockquote:before {
	background-color: var(--theme-primary);
	content: "";
	display: block;
	height: 42px;
	margin-bottom: 15px;
	-webkit-mask-image: url(/_resources/themes/kaimahi/dist/7c71a7e4ea9fb8778039.svg);
	mask-image: url(/_resources/themes/kaimahi/dist/7c71a7e4ea9fb8778039.svg);
	-webkit-mask-size: cover;
	mask-size: cover;
	width: 50px
}

@media print {
	.typography blockquote:before {
		background-color: var(--black) !important
	}
}

@media(min-width:768px) {
	.typography blockquote:before {
		height: 51px;
		left: -81px;
		position: absolute;
		top: -24px;
		width: 60px
	}
}

.typography blockquote > * {
	font-family: Nimbus Sans,serif;
	font-size: 1.375rem;
	font-weight: 700;
	line-height: 1.36;
	margin: 0
}

@media(min-width:576px) {
	.typography blockquote > * {
		font-size: 1.875rem;
		line-height: 1.33
	}
}

.typography .text-date {
	color: var(--black-73);
	font-family: Nimbus Sans,serif;
	font-size: .625rem;
	font-weight: 700;
	letter-spacing: 3px;
	line-height: 1.33;
	text-transform: uppercase
}

@media(min-width:576px) {
	.typography .text-date {
		font-size: .75rem;
		letter-spacing: 5px
	}
}

html {
	-webkit-font-smoothing: antialiased;
	background: var(--white);
	color: var(--text-color-dark);
	font-family: Nimbus Sans,serif;
	font-weight: 400;
	height: 100%;
	line-height: 1.2
}


@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
	html {
		-webkit-font-smoothing: auto
	}
}

.typography > :first-child {
	margin-top: 0
}

.typography > :last-child {
	margin-bottom: 0
}

body {
	min-height: -webkit-fill-available;
	min-height: -moz-available;
	min-height: stretch
}

img {
	height: auto
}

img, svg {
	max-width: 100%
}

input[type=search] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0
}

[v-cloak] {
	display: none
}

[aria-controls] {
	cursor: auto
}

nav li:before {
	clip: rect(0,0,0,0);
	border: 0;
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	white-space: nowrap;
	width: 1px
}

.js-focus-visible :focus:not(.focus-visible) {
	outline: none
}

.edit-link {
	background-color: var(--theme-tint);
	color: var(--black);
	font-size: .625rem;
	padding: 4px 6px;
	position: absolute;
	right: 0;
	text-decoration: none;
	top: 0;
	z-index: 1000
}

	.edit-link.focus-visible, .edit-link:hover {
		text-decoration: underline
	}

.elementalarea--primary, .page--blogpost .edit-link, .page--contentpage .edit-link {
	background-color: var(--theme-primary);
	color: var(--white)
}

.elementalarea--primary {
	padding: 60px 0 30px
}

.button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: none;
	background-color: initial;
	border: 0;
	color: var(--button-text-color);
	cursor: pointer;
	display: inline-block;
	flex: 0 0 auto;
	font-family: Nimbus Sans,serif;
	font-size: 1.125rem;
	font-weight: 700;
	padding: 15px 0 11px;
	text-decoration: none;
	transition: var(--trs-default)
}

@media(min-width:576px) {
	.button {
		font-size: 1.25rem
	}
}

.button[disabled] {
	cursor: not-allowed;
	opacity: .8
}

.button:focus:not(.focus-visible) {
	outline: none
}

.button--primary {
	border: 2px solid var(--button-color);
	padding-left: 30px;
	padding-right: 30px
}

	.button--primary.focus-visible, .button--primary:hover {
		background-color: var(--button-color-hover);
		color: var(--button-text-color-hover)
	}

.button--secondary {
	box-shadow: inset 0 -2px var(--button-color)
}

	.button--secondary.focus-visible, .button--secondary:hover {
		box-shadow: inset 0 calc(-1em + -30px) var(--button-color-hover);
		color: var(--button-text-color-hover)
	}

.button--inverse {
	--button-color: var(--white);
	--button-color-hover: var(--white);
	--button-text-color: var(--white);
	--button-text-color-hover: var(--black)
}

.button--icon {
	background-color: var(--button-color);
	background-position: 50%;
	background-repeat: no-repeat;
	border-radius: 50%;
	box-sizing: initial;
	cursor: pointer;
	padding: 10px;
	transition: var(--trs-default)
}

	.button--icon.focus-visible, .button--icon:hover {
		background-color: var(--button-color-hover)
	}

	.button--icon:focus:not(.focus-visible) {
		outline: none
	}

.button--external.button--primary svg {
	stroke: var(--button-color)
}

.form h1 {
	font-family: Nimbus Sans,serif;
	font-size: 1.5625rem;
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 20px;
	margin-top: 50px
}

@media(min-width:576px) {
	.form h1 {
		font-size: 2.1875rem;
		margin-bottom: 30px;
		margin-top: 75px
	}
}

@media(min-width:1024px) {
	.form h1 {
		font-size: 2.8125rem;
		margin-bottom: 40px;
		margin-top: 100px
	}
}

.form h2 {
	font-family: Nimbus Sans,serif;
	font-size: 1.375rem;
	font-weight: 700;
	margin-bottom: 30px;
	margin-top: 40px
}

@media(min-width:576px) {
	.form h2 {
		font-size: 2.1875rem;
		line-height: 1.14;
		margin-bottom: 40px;
		margin-top: 50px
	}
}

@media(min-width:1024px) {
	.form h2 {
		margin-bottom: 40px;
		margin-top: 60px
	}
}

.form h3 {
	font-family: Nimbus Sans,serif;
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.25;
	margin-bottom: 20px;
	margin-top: 40px
}

@media(min-width:576px) {
	.form h3 {
		font-size: 1.75rem;
		line-height: 1.21;
		margin-bottom: 30px;
		margin-top: 40px
	}
}

.form h4 {
	font-family: Nimbus Sans,serif;
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.11;
	margin-bottom: 20px;
	margin-top: 30px
}

@media(min-width:576px) {
	.form h4 {
		font-size: 1.5rem;
		line-height: 1.25
	}
}

.form h5 {
	font-family: Nimbus Sans,serif;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.25;
	margin-bottom: 20px;
	margin-top: 30px
}

@media(min-width:576px) {
	.form h5 {
		font-size: 1.125rem;
		line-height: 1.33;
		margin-top: 20px
	}
}

@media(min-width:1024px) {
	.form h5 {
		margin-top: 30px
	}
}

.form h6 {
	font-family: Nimbus Sans,serif;
	font-size: .875rem;
	font-weight: 700;
	margin-bottom: 20px;
	margin-top: 20px
}

.form fieldset {
	border: 0;
	margin: 0;
	padding: 0
}

.form legend {
	font-family: Nimbus Sans,serif;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.25;
	margin-bottom: 20px;
	margin-top: 0;
	padding-left: 0;
	width: 100%
}

@media(min-width:576px) {
	.form legend {
		font-size: 1.125rem;
		line-height: 1.33;
		margin-top: 20px
	}
}

@media(min-width:1024px) {
	.form legend {
		margin-top: 30px
	}
}

@media(min-width:576px) {
	.form legend {
		margin-top: 0
	}
}

@media(min-width:1024px) {
	.form legend {
		margin-top: 0
	}
}

.form legend + * {
	clear: left
}

.form .right-title, .form input, .form label, .form legend, .form select, .form textarea {
	color: currentColor;
	font-family: inherit
}

.form input, .form select, .form textarea {
	font-size: 1rem;
	line-height: 1.75
}

@media(min-width:576px) {
	.form input, .form select, .form textarea {
		font-size: 1.125rem;
		line-height: 1.78
	}
}

.form label {
	display: block;
	font-size: .625rem;
	line-height: 1.75;
	margin-bottom: 3px
}

@media(min-width:576px) {
	.form label {
		font-size: .75rem
	}
}

.form .description {
	display: block;
	font-size: .625rem;
	line-height: 1.75;
	margin-top: 3px
}

@media(min-width:576px) {
	.form .description {
		font-size: .75rem
	}
}

.form input:not([type=file]), .form select, .form textarea {
	border: 1px solid var(--black-45);
	padding: 0 15px;
	transition: var(--trs-default);
	width: 100%
}

@media(min-width:1024px) {
	.form input:not([type=file]), .form select, .form textarea {
		padding: 0 21px
	}
}

.form input:not([type=file]).focus-visible, .form select.focus-visible, .form textarea.focus-visible {
	border-color: var(--black);
	box-shadow: inset 0 0 0 1px var(--black);
	outline: none
}

.form input:not([type=file]).error, .form select.error, .form textarea.error {
	border-color: var(--error-color)
}

	.form input:not([type=file]).error.focus-visible, .form select.error.focus-visible, .form textarea.error.focus-visible {
		box-shadow: inset 0 0 0 1px var(--error-color)
	}

.form input[type=email], .form input[type=number], .form input[type=text]:not([type=radio],[type=checkbox],.date,.date-alt) {
	height: 32px
}

@media(min-width:576px) {
	.form input[type=email], .form input[type=number], .form input[type=text]:not([type=radio],[type=checkbox],.date,.date-alt) {
		height: 40px
	}
}

.form input[type=email], .form input[type=number], .form input[type=text]:not([type=radio],[type=checkbox],.date,.date-alt), .form textarea {
	padding-top: 3px
}

	.form input[type=email] ~ label, .form input[type=number] ~ label, .form input[type=text]:not([type=radio],[type=checkbox],.date,.date-alt) ~ label, .form textarea ~ label {
		display: block;
		left: 0;
		pointer-events: none;
		position: absolute;
		top: 0;
		transform-origin: top left;
		transition: transform .25s ease;
		width: 100%
	}

@media(min-width:576px) {
	.form input[type=email] ~ label, .form input[type=number] ~ label, .form input[type=text]:not([type=radio],[type=checkbox],.date,.date-alt) ~ label, .form textarea ~ label {
		line-height: 1;
		margin-bottom: 5px;
		top: 3px
	}
}

.form input[type=email][placeholder=" "]:-moz-placeholder-shown:not(:focus) ~ label, .form input[type=number][placeholder=" "]:-moz-placeholder-shown:not(:focus) ~ label, .form input[type=text]:not([type=radio],[type=checkbox],.date,.date-alt)[placeholder=" "]:-moz-placeholder-shown:not(:focus) ~ label, .form textarea[placeholder=" "]:-moz-placeholder-shown:not(:focus) ~ label {
	transform: translateY(26px) translateX(15px) scale(1.6);
	width: 59.5%
}

.form input[type=email][placeholder=" "]:placeholder-shown:not(:focus) ~ label, .form input[type=number][placeholder=" "]:placeholder-shown:not(:focus) ~ label, .form input[type=text]:not([type=radio],[type=checkbox],.date,.date-alt)[placeholder=" "]:placeholder-shown:not(:focus) ~ label, .form textarea[placeholder=" "]:placeholder-shown:not(:focus) ~ label {
	transform: translateY(26px) translateX(15px) scale(1.6);
	width: 59.5%
}

@media(min-width:576px) {
	.form input[type=email][placeholder=" "]:-moz-placeholder-shown:not(:focus) ~ label, .form input[type=number][placeholder=" "]:-moz-placeholder-shown:not(:focus) ~ label, .form input[type=text]:not([type=radio],[type=checkbox],.date,.date-alt)[placeholder=" "]:-moz-placeholder-shown:not(:focus) ~ label, .form textarea[placeholder=" "]:-moz-placeholder-shown:not(:focus) ~ label {
		transform: translateY(29px) translateX(21px) scale(1.5)
	}

	.form input[type=email][placeholder=" "]:placeholder-shown:not(:focus) ~ label, .form input[type=number][placeholder=" "]:placeholder-shown:not(:focus) ~ label, .form input[type=text]:not([type=radio],[type=checkbox],.date,.date-alt)[placeholder=" "]:placeholder-shown:not(:focus) ~ label, .form textarea[placeholder=" "]:placeholder-shown:not(:focus) ~ label {
		transform: translateY(29px) translateX(21px) scale(1.5)
	}
}

.form .optionset, .form .userformsoptionset {
	border: 0;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.25;
	list-style: none;
	margin: 0;
	padding: 0
}

	.form .optionset li + li, .form .userformsoptionset li + li {
		margin-top: 20px
	}

.form input[type=checkbox], .form input[type=radio] {
	left: -9999px;
	position: absolute
}

	.form input[type=checkbox]:focus + label:before, .form input[type=radio]:focus + label:before {
		border-width: 2px
	}

	.form input[type=checkbox].error + label:before, .form input[type=radio].error + label:before {
		border-color: var(--error-color)
	}

	.form input[type=checkbox] + label, .form input[type=radio] + label {
		align-items: center;
		display: flex;
		font-size: 1rem;
		height: 18px;
		margin-bottom: 0;
		padding-top: 3px
	}

@media(min-width:576px) {
	.form input[type=checkbox] + label, .form input[type=radio] + label {
		font-size: 1.125rem;
		line-height: 1.75
	}
}

.form input[type=checkbox] + label:before, .form input[type=radio] + label:before {
	background-color: var(--white);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 11px 9px;
	border: 1px solid var(--black);
	content: "";
	height: 18px;
	margin-right: 15px;
	margin-top: -3px;
	width: 18px
}

@media(min-width:1024px) {
	.form input[type=checkbox] + label:before, .form input[type=radio] + label:before {
		margin-right: 20px
	}
}

.form input[type=checkbox]:checked + label:before {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='11' height='9' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m10.267.5.733.727-6.6 6.546-.733.727-.734-.727L0 4.863l.733-.727 2.933 2.909L10.266.5z'/%3E%3C/svg%3E")
}

.form input[type=radio] + label:before {
	border-radius: 50%
}

.form input[type=radio]:checked + label:before {
	background-color: var(--black);
	border-radius: 50%;
	box-shadow: inset 0 0 0 4px var(--white)
}

.form input[type=file] + .error {
	display: block
}

.form .field:not(.form-step,.userformsgroup), .form .fieldset {
	margin-bottom: 20px
}

@media(min-width:576px) {
	.form .field:not(.form-step,.userformsgroup), .form .fieldset {
		margin-bottom: 30px
	}
}

.form .field {
	align-items: stretch;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	position: relative;
	width: 100%
}

	.form .field.width {
		flex: 1 1 auto
	}

	.form .field.width--small {
		flex-basis: 33.33%
	}

	.form .field.width--medium {
		flex-basis: 50%
	}

	.form .field.width--large {
		flex-basis: 66.66%
	}

	.form .field.numeric, .form .field.text, .form .field.textarea {
		padding-top: 20px
	}

@media(min-width:576px) {
	.form .field.date-alt, .form .field.dropdown, .form .field.file {
		padding-top: 3px
	}
}

.form .field.checkboxset div, .form .field.userformsoptionset div {
	margin-bottom: 8px
}

	.form .field.checkboxset div:last-of-type label, .form .field.userformsoptionset div:last-of-type label {
		margin-bottom: 0
	}

.form .field.checkbox {
	padding: 0
}

.form .field .message, .form .field .right-title {
	display: block;
	font-size: .625rem;
	line-height: 1.2;
	margin-top: 5px
}

@media(min-width:576px) {
	.form .field .message, .form .field .right-title {
		font-size: .75rem;
		line-height: 1
	}
}

.form .field .message.error {
	color: var(--error-color)
}

.form .field .checkbox .message.error {
	margin-top: 10px
}

.form .field .dropdown .message.error {
	left: 0;
	position: absolute;
	top: 100%
}

.form__actions {
	display: flex;
	justify-content: space-between;
	margin-top: 50px
}

@media(min-width:576px) {
	.form__actions {
		margin-top: 60px
	}
}

.form .userform-progress .step-buttons {
	align-items: flex-end;
	display: flex;
	height: 50px;
	justify-content: space-between;
	margin-bottom: 50px
}

@media(min-width:576px) {
	.form .userform-progress .step-buttons {
		margin-bottom: 80px
	}
}

@media(min-width:1024px) {
	.form .userform-progress .step-buttons {
		height: 60px;
		margin-bottom: 100px
	}
}

.form .userform-progress .step-button-wrapper {
	display: block;
	flex: 1 1 auto;
	margin: 0 0 0 3px;
	padding: 0
}

	.form .userform-progress .step-button-wrapper:before {
		display: none
	}

	.form .userform-progress .step-button-wrapper:first-of-type {
		margin-left: 0
	}

	.form .userform-progress .step-button-wrapper .step-button-jump {
		background-color: initial;
		border: 0;
		box-shadow: inset 0 -1px 0 0 var(--black);
		color: var(--text-color-dark);
		display: flex;
		font-family: Nimbus Sans,serif;
		font-size: .875rem;
		font-weight: 700;
		font-weight: 900;
		padding: 0 0 12px;
		position: relative;
		text-align: left;
		transition: var(--trs-default);
		width: 100%
	}

@media(min-width:1024px) {
	.form .userform-progress .step-button-wrapper .step-button-jump {
		font-size: 1rem
	}
}

.form .userform-progress .step-button-wrapper .step-button-jump .step-button-number {
	transform: scale(1);
	transform-origin: left 80%;
	transition: var(--trs-default)
}

.form .userform-progress .step-button-wrapper.current {
	box-shadow: inset 0 -2px 0 0 var(--black)
}

	.form .userform-progress .step-button-wrapper.current .step-button-number {
		transform: scale(2)
	}

@media(min-width:576px) {
	.form .userform-progress .step-button-wrapper.current .step-button-number {
		transform: scale(2.25)
	}
}

.form .step-navigation .step-buttons {
	align-items: flex-end;
	display: flex;
	justify-content: space-between;
	margin-top: 60px
}

	.form .step-navigation .step-buttons .action {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		background: none;
		background-color: initial;
		border: 0;
		border: 2px solid var(--button-color);
		color: var(--button-text-color);
		cursor: pointer;
		display: inline-block;
		flex: 0 0 auto;
		font-family: Nimbus Sans,serif;
		font-size: 1.125rem;
		font-weight: 700;
		padding: 15px 30px 11px;
		text-decoration: none;
		transition: var(--trs-default)
	}

@media(min-width:576px) {
	.form .step-navigation .step-buttons .action {
		font-size: 1.25rem
	}
}

.form .step-navigation .step-buttons .action[disabled] {
	cursor: not-allowed;
	opacity: .8
}

.form .step-navigation .step-buttons .action:focus:not(.focus-visible) {
	outline: none
}

.form .step-navigation .step-buttons .action.focus-visible, .form .step-navigation .step-buttons .action:hover {
	background-color: var(--button-color-hover);
	color: var(--button-text-color-hover)
}

.form .step-navigation .step-button-wrapper {
	padding: 0
}

	.form .step-navigation .step-button-wrapper:before {
		display: none
	}

.form .error-container {
	margin-bottom: 30px
}

@media(min-width:576px) {
	.form .userformsgroup {
		align-items: flex-start;
		flex-direction: row;
		gap: 30px;
		justify-content: stretch
	}
}

.containerOM {
	max-width: var(--container-width);
	padding-left: max(env(safe-area-inset-left),var(--gutter));
	padding-right: max(env(safe-area-inset-right),var(--gutter))
}

.container--content {
	max-width: calc(540px + var(--safe-gutters))
}

@media(min-width:1024px) {
	.container--content {
		max-width: calc(800px + var(--safe-gutters))
	}
}

.container--narrow {
	max-width: calc(540px + var(--safe-gutters))
}

@media(min-width:1024px) {
	.container--narrow {
		max-width: calc(1000px + var(--safe-gutters))
	}
}


.container--form {
	margin-top: 50px
}

@media(min-width:768px) {
	.container--form {
		margin-top: 80px
	}
}

@media(min-width:1024px) {
	.container--form {
		margin-top: 100px;
		max-width: calc(600px + var(--safe-gutters))
	}
}

.container--logo {
	display: flex
}
/*! HTML5 Boilerplate v7.3.0 | MIT License | https://html5boilprinterplate.com/ */

@media print {
	*, :after, :before {
		background: transparent !important;
		box-shadow: none !important;
		color: #000 !important;
		text-shadow: none !important
	}

	a, a:visited {
		text-decoration: underline
	}

		a[href]:after {
			content: " (" attr(href) ")"
		}

	abbr[title]:after {
		content: " (" attr(title) ")"
	}

	a[href^="#"]:after, a[href^="javascript:"]:after {
		content: ""
	}

	pre {
		border: 1px solid #999;
		white-space: pre-wrap !important
	}

	blockquote, pre {
		page-break-inside: avoid
	}

	thead {
		display: table-header-group
	}

	img, tr {
		page-break-inside: avoid
	}

	h2, h3, p {
		orphans: 3;
		widows: 3
	}

	h2, h3 {
		page-break-after: avoid
	}

	.breadcrumbs, .edit-link, .elementvideo, .footerOM, .homepage-hero__image, .navigation__controlsOM {
		display: none !important
	}

	.hero__image img {
		display: none
	}

	.hero__title-container {
		padding-top: 0 !important
	}

	.hero__intro-container {
		border-bottom: 1px solid var(--black)
	}

	.navigationOM {
		position: relative !important
	}

	.logo:after {
		display: none
	}

	.logo__text-path {
		fill: var(--white) !important;
		/*color: #fff!important;*/
	}

	.logo__weave-path {
		stroke: var(--black) !important
	}

	.pagination__container {
		display: none
	}

	.blog__tile-container {
		display: block !important
	}

	.blog-tile__summary {
		margin-bottom: 0 !important
	}

	.blog-tile__read-more {
		display: none
	}

	.blog-tile__link:after {
		border-bottom: 1px solid var(--black);
		bottom: -40px;
		padding-bottom: 20px;
		position: absolute
	}

	.elementlatestnews {
		display: none
	}

	.council__tile-container {
		display: block !important
	}

	.council-tile {
		width: 100% !important
	}

	.council-tile__inner {
		display: flex;
		flex-direction: row-reverse
	}

	.council-tile__text {
		padding: 0 40px 0 0 !important
	}

	.council-tile__sub-title, .council-tile__summary, .council-tile__title {
		text-align: left !important
	}

	.council-tile__link {
		border-bottom: 1px solid var(--black);
		display: block !important;
		margin-bottom: 40px;
		padding-bottom: 20px
	}
}

.page--blog .main {
	background: var(--ohu-mahi-tint)
}

.blog-post__date {
	color: var(--black-73);
	font-family: Nimbus Sans,serif;
	font-size: .625rem;
	font-weight: 700;
	letter-spacing: 3px;
	line-height: 1.4;
	margin: 0 0 40px;
	text-transform: uppercase
}

@media(min-width:576px) {
	.blog-post__date {
		font-size: .75rem;
		letter-spacing: 5px;
		line-height: 1.33
	}
}

.blog-post__related {
	background: var(--theme-tint);
	padding: 40px 0 60px;
	position: relative
}

@media(min-width:576px) {
	.blog-post__related {
		padding: 60px 0 80px
	}
}

@media(min-width:1024px) {
	.blog-post__related {
		padding: 100px 0 140px
	}
}

.blog-post__related .edit-link {
	display: none
}

.blog-tile {
	background-color: var(--white)
}

@media(max-width:575.98px) {
	.blog-tile {
		margin: 0 0 12px
	}
}

.blog-tile__link {
	color: currentColor;
	display: flex;
	height: 100%;
	padding: 40px 25px 30px;
	text-decoration: none;
	transition: var(--trs-default)
}

	.blog-tile__link.focus-visible, .blog-tile__link:hover {
		box-shadow: 0 0 0 8px inset var(--theme-primary)
	}

.blog-tile__inner {
	position: relative;
	width: 100%
}

.blog-tile__date, .blog-tile__site {
	color: var(--black-73);
	font-family: Nimbus Sans,serif;
	font-size: .625rem;
	font-weight: 700;
	letter-spacing: 2px;
	line-height: 1;
	margin: 0
}

.blog-tile__site {
	margin: 0 0 12px;
	text-transform: uppercase
}

@media(min-width:1024px) {
	.blog-tile__site {
		margin-bottom: 0
	}
}

.blog-tile__meta {
	margin-bottom: 30px
}

@media(min-width:1024px) {
	.blog-tile__meta {
		display: flex;
		justify-content: space-between
	}
}

.blog-tile__title {
	color: var(--black);
	font-family: Nimbus Sans,serif;
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.11;
	margin-bottom: 18px
}

.blog-tile__summary {
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	font-family: Nimbus Sans,serif;
	font-size: .875rem;
	font-weight: 400;
	line-height: 1.57;
	margin: 0 0 52px;
	overflow: hidden
}

@media(min-width:1024px) {
	.blog-tile__summary {
		margin-bottom: 72px
	}
}

.blog-tile__read-more {
	bottom: 0;
	font-family: Nimbus Sans,serif;
	font-size: .75rem;
	font-weight: 700;
	letter-spacing: 2.5px;
	line-height: 1;
	margin: 0;
	position: absolute;
	text-transform: uppercase;
	width: 100%
}

	.blog-tile__read-more:after {
		background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='15' height='13' xmlns='http://www.w3.org/2000/svg' stroke='%2366686a'%3E%3Cpath d='M8.26 1.056 13.706 6.5l-5.444 5.444M.483 6.5h13.222' stroke-width='1.5' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E");
		content: " ";
		height: 12px;
		margin: -1px 0 0 20px;
		position: absolute;
		right: auto;
		right: 0;
		width: 14px
	}

.blog__page-container {
	padding-bottom: 40px
}

@media(min-width:576px) {
	.blog__page-container {
		padding-bottom: 80px
	}
}

@media(min-width:1024px) {
	.blog__page-container {
		padding-bottom: 100px
	}
}

.blog__tile-container {
	margin-top: -90px;
	padding-bottom: 40px;
	position: relative
}

@media(min-width:576px) {
	.blog__tile-container {
		grid-gap: 12px;
		display: grid;
		grid-template-columns: 1fr 1fr;
		margin-top: -160px;
		padding-bottom: 80px
	}
}

@media(min-width:1024px) {
	.blog__tile-container {
		grid-template-columns: 1fr 1fr 1fr;
		margin-top: -170px;
		padding-bottom: 100px
	}
}

.breadcrumbs {
	margin: 30px 0
}

@media(min-width:768px) {
	.breadcrumbs {
		margin: 50px 0
	}
}

.contrast--invert .hero--landing .breadcrumbs {
	color: var(--white)
}

.breadcrumbs__list {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	list-style: none;
	margin: 0
}

.breadcrumbs__item {
	font-family: Nimbus Sans,serif;
	font-size: .625rem;
	font-weight: 700;
	letter-spacing: 3px;
	line-height: 1.6;
	text-decoration: none;
	text-transform: uppercase
}

@media(min-width:576px) {
	.breadcrumbs__item {
		font-size: .9375rem;
		letter-spacing: 5px;
		line-height: 1.33
	}
}

.breadcrumbs__item:not(:last-child):after {
	content: "/";
	display: inline-block;
	margin-right: 10px
}

.breadcrumbs__link {
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	box-shadow: inset 0 0 0 0 var(--link-highlight,var(--link-color));
	box-shadow: inset 0 0 0 0 var(--link-color);
	color: var(--link-color);
	color: var(--black);
	padding-top: .25em;
	text-decoration: none;
	transition: var(--trs-default)
}

	.breadcrumbs__link.focus-visible, .breadcrumbs__link:hover {
		box-shadow: inset 0 -1.6em 0 0 var(--link-highlight,var(--link-color));
		color: var(--link-color-hover)
	}

@media print {
	.breadcrumbs__link {
		text-decoration: underline
	}
}

.breadcrumbs__link.focus-visible, .breadcrumbs__link:hover, .contrast--invert .hero--landing .breadcrumbs__link {
	color: var(--white)
}

.council-container {
	max-width: calc(540px + var(--safe-gutters))
}

@media(min-width:1048px) {
	.council-container {
		max-width: calc(1000px + var(--safe-gutters))
	}
}

.council__title {
	margin-top: 0;
	position: relative;
	z-index: 1
}

.council__tile-container {
	grid-gap: 12px;
	display: grid;
	grid-template-columns: 1fr;
	padding-bottom: 40px;
	position: relative
}

@media(min-width:576px) {
	.council__tile-container {
		grid-template-columns: 1fr 1fr;
		padding-bottom: 80px
	}
}

@media(min-width:1048px) {
	.council__tile-container {
		grid-template-columns: 1fr 1fr 1fr;
		padding-bottom: 100px
	}
}

.council-tile {
	background-color: var(--white);
	margin: 0 auto;
	width: 288px;
	z-index: 1
}

@media(min-width:576px) {
	.council-tile {
		width: 264px
	}
}

@media(min-width:1024px) {
	.council-tile {
		width: 325px
	}
}

.council-tile .image {
	margin: 0
}

.council-tile__inner, .council-tile__link {
	transition: var(--trs-default)
}

.council-tile__link {
	color: var(--black);
	display: flex;
	height: 100%;
	text-decoration: none
}

	.council-tile__link.focus-visible .council-tile__inner, .council-tile__link:hover .council-tile__inner {
		box-shadow: 0 0 0 8px inset var(--theme-primary)
	}

.council-tile__image {
	position: relative;
	z-index: -1
}

.council-tile__text {
	padding: 30px 25px 45px
}

.council-tile__text-inner {
	background-color: var(--white)
}

.council-tile__title {
	font-family: Nimbus Sans,serif;
	font-size: 1.375rem;
	font-weight: 700;
	line-height: 1.27;
	text-align: center
}

	.council-tile__title svg g {
		stroke: var(--black-73)
	}

.council-tile__sub-title {
	font-family: Nimbus Sans,serif;
	font-size: .75rem;
	font-weight: 700;
	letter-spacing: .5px;
	line-height: 1.42;
	margin-top: 10px;
	text-align: center;
	text-transform: uppercase
}

.council-tile__summary {
	font-family: Nimbus Sans,serif;
	font-size: .875rem;
	font-weight: 400;
	line-height: 1.57;
	margin: 10px 0 0;
	text-align: center
}

.element {
	padding: 20px 0
}

@media(min-width:576px) {
	.element {
		padding: 25px 0
	}
}

.element--full-bleed + .element--full-bleed {
	margin-top: -40px
}

@media(min-width:576px) {
	.element--full-bleed + .element--full-bleed {
		margin-top: -50px
	}
}

.footerOM {
	--footer-border: var(--theme-primary);
	padding: 40px 0 0;
	border-top: 1px solid #dedcdc;
	height: fit-content !important;
	background-color: #fbfbfb !important;
}

@media(min-width:576px) {
	/*.footerOM {*/
	/*padding: 50px 0 80px*/
	/*padding: 0 0 80px
    }*/
}

@media(min-width:1024px) {
	/*.footerOM {*/
	/*padding: 80px 0 100px*/
	/*padding: 0 0 100px
    }*/
}

.footer__logo {
	margin: 0 auto 40px;
	padding-left: 0 !important;
}

	.footer__logo img {
		height: 80px;
	}

@media(min-width:576px) {
	.footer__logo {
		margin-bottom: 60px
	}
}

@media(min-width:1024px) {
	.footer__logo {
		margin-bottom: 100px
	}
}

/*.footer__logo {
    padding-top: 40px;
}

@media(min-width:576px) {
    .footer__logo {
        padding-top: 50px;
    }
}

@media(min-width:1024px) {
    .footer__logo {
        padding-top: 80px;
    }
}*/


@media(min-width:576px) {
	.footer__inner {
		display: flex;
		flex-wrap: wrap;
		margin: 0 auto
	}
}

.footer__nav {
	border-bottom: 1px solid var(--footer-border);
	display: flex;
	flex-direction: column;
	margin-bottom: 30px;
	padding-bottom: 10px
}

@media(min-width:576px) {
	.footer__nav {
		border-width: 0;
		margin-bottom: 60px
	}

	.footer__nav--pages {
		padding: 0 35px 0 0;
		width: 218px
	}
}

@media(min-width:1024px) {
	.footer__nav--pages {
		padding: 0 40px 0 0;
		width: 33.3333%
	}
}

@media(min-width:1440px) {
	.footer__nav--pages {
		width: 320px
	}
}

@media(min-width:576px) {
	.footer__nav--subsites {
		border-left: 1px solid var(--footer-border);
		padding: 0 0 0 45px;
		width: 310px
	}

		.footer__nav--subsites .footer__navitem:last-of-type {
			margin: 0
		}
}

@media(min-width:1024px) {
	.footer__nav--subsites {
		padding: 0 40px;
		width: 33.3333%
	}

		.footer__nav--subsites .footer__navitem:nth-of-type(5) {
			margin: 0
		}
}

@media(min-width:1440px) {
	.footer__nav--subsites {
		width: 360px
	}
}

.footer__nav--desktoponly {
	display: none
}

@media(min-width:1024px) {
	.footer__nav--desktoponly {
		display: block
	}
}

@media(min-width:1024px)and (min-width:1440px) {
	.footer__nav--desktoponly {
		padding-right: 0;
		width: 300px
	}
}

.footer__navitem {
	margin-bottom: 20px
}

@media(min-width:576px) {
	.footer__navitem {
		margin-bottom: 40px
	}

	.footer__navitem--subsite {
		margin-bottom: 30px
	}
}

@media(min-width:1024px) {
	.footer__navitem--mobileonly {
		display: none
	}
}

.footer__link {
	color: currentColor;
	font-family: Nimbus Sans,serif;
	font-weight: 700;
	line-height: 1.25;
	text-decoration: none
}

.footer__link--page {
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	box-shadow: inset 0 0 0 0 var(--link-highlight,var(--link-color));
	color: var(--link-color);
	font-size: 1.25rem;
	padding-top: .5rem;
	text-decoration: none;
	transition: var(--trs-default)
}

	.footer__link--page.focus-visible, .footer__link--page:hover {
		box-shadow: inset 0 -1.6em 0 0 var(--link-highlight,var(--link-color));
		color: var(--link-color-hover)
	}

@media print {
	.footer__link--page {
		text-decoration: underline
	}
}

@media(min-width:576px) {
	.footer__link--page {
		font-size: 1.75rem;
		line-height: 1.07
	}
}

.footer__link--subsite {
	font-size: 1rem
}

@media(min-width:576px) {
	.footer__link--subsite {
		font-size: 1.25rem;
		line-height: 0.8
	}
}

.footer__link--subsite span {
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	box-shadow: inset 0 0 0 0 var(--link-color);
	padding-bottom: .1em;
	padding-top: .4em;
	text-decoration: none;
	transition: var(--trs-default)
}

@media print {
	.footer__link--subsite span {
		text-decoration: underline
	}
}

.footer__link--subsite.focus-visible span, .footer__link--subsite:hover span {
	box-shadow: inset 0 -1.6em 0 0 var(--link-color);
	color: var(--white)
}

.footer__link--settings {
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	box-shadow: inset 0 0 0 0 var(--link-highlight,var(--link-color));
	color: var(--link-color);
	padding-bottom: .125em;
	padding-top: .25em;
	text-decoration: none;
	transition: var(--trs-default)
}

	.footer__link--settings.focus-visible, .footer__link--settings:hover {
		box-shadow: inset 0 -1.6em 0 0 var(--link-highlight,var(--link-color));
		color: var(--link-color-hover)
	}

@media print {
	.footer__link--settings {
		text-decoration: underline
	}
}

.footer__councilsubtitle {
	font-family: Nimbus Sans,serif;
	font-size: .75rem;
	font-weight: 400;
	line-height: 1.5
}

@media(min-width:576px) {
	.footer__councilsubtitle {
		font-size: .875rem;
		line-height: 1.29;
		max-width: 260px
	}
}

.footer__utils {
	display: flex;
	flex-direction: column;
	width: 100%
}

/*.most_bottom {
    padding-bottom: 50px;
}

@media(min-width:576px) {
    .most_bottom {
        padding-bottom: 80px;
    }
}

@media(min-width:1024px) {
    .most_bottom {
        padding-bottom: 100px;
    }
}*/

@media(min-width:1024px) {
	.footer__utils {
		align-items: center;
		flex-direction: row;
		flex-wrap: wrap;
		margin-bottom: 50px;
		width: 100%
	}
}

.footer__small-print {
	display: flex;
	flex-flow: row wrap
}

.footer__utilsitem {
	font-family: Nimbus Sans,serif;
	font-size: .75rem;
	font-weight: 700;
	line-height: 1.25;
	margin-bottom: 15px
}

@media(min-width:576px) {
	.footer__utilsitem {
		margin: 0 50px 0 0
	}

	.footer__utilsitem--nomargin {
		margin: 0
	}
}

.footer__nzgovtlink {
	margin-top: 25px;
	width: 200px
}

@media(min-width:576px) {
	.footer__nzgovtlink {
		margin-top: 50px
	}
}

@media(min-width:1024px) {
	.footer__nzgovtlink {
		margin: 0 0 0 auto
	}
}

.hero {
	background-color: var(--theme-tint);
	margin-bottom: 40px;
	overflow: hidden;
	position: relative
}

@media(min-width:576px) {
	.hero {
		margin-bottom: 80px
	}
}

.page--wdcsearchpage .hero {
	margin-bottom: 0
}

@media(min-width:576px) {
	.page--wdcsearchpage .hero {
		margin-bottom: 0
	}
}

.hero--search {
	margin-bottom: 60px
}

@media(min-width:576px) {
	.hero--search {
		margin-bottom: 80px
	}
}

@media(min-width:1024px) {
	.hero--search {
		margin-bottom: 110px
	}
}

.hero--landing {
	background-color: var(--theme-primary)
}

.contrast--invert .hero--landing {
	color: var(--white)
}

.hero__search-container {
	margin-bottom: 60px
}

.hero__image {
	top: 50%;
	transform: translateY(-50%);
	z-index: 0
}

.hero__image, .hero__image-cover {
	height: 100%;
	position: absolute;
	width: 100%
}

.hero__image-cover {
	background-color: var(--theme-primary);
	left: 0;
	opacity: .85;
	top: 0
}

.hero__image img {
	filter: grayscale(100%);
	max-width: none;
	min-height: 100%;
	min-width: 100%
}

.hero__title {
	font-family: Nimbus Sans,serif;
	font-weight: 700;
	margin: 50px 0 0
}

@media(min-width:576px) {
	.hero__title {
		margin: 80px 100px 0 0
	}
}

@media(min-width:768px) {
	.hero__title {
		margin-right: 100px
	}
}

@media(min-width:1024px) {
	.hero__title {
		margin: 100px 350px 0 0
	}
}

.hero__title:first-child {
	margin-top: 0
}

.hero__title--te-reo {
	font-size: 2.1875rem;
	line-height: 1.14
}

@media(min-width:576px) {
	.hero__title--te-reo {
		font-size: 3.75rem;
		line-height: 1.08
	}
}

@media(min-width:1024px) {
	.hero__title--te-reo {
		font-size: 4.375rem;
		line-height: 1.14
	}
}

.hero__title--english {
	font-size: 1.5625rem;
	line-height: 1.2;
	margin: 10px 0 20px
}

@media(min-width:576px) {
	.hero__title--english {
		font-size: 2.1875rem;
		line-height: 1.29;
		margin-bottom: 40px
	}
}

@media(min-width:1024px) {
	.hero__title--english {
		font-size: 2.8125rem;
		line-height: 1.22
	}
}

.hero__title--english, .hero__title--te-reo {
	display: block
}

.hero__title-container {
	padding-top: 170px;
	position: relative;
	z-index: 1
}

@media(min-width:576px) {
	.hero__title-container {
		padding-top: 200px
	}
}

@media(min-width:1024px) {
	.hero__title-container {
		padding-top: 220px
	}
}

.hero--centered .hero__title {
	text-align: center
}

@media(min-width:576px) {
	.hero--centered .hero__title {
		margin-right: 0
	}
}

@media(min-width:768px) {
	.hero--centered .hero__title {
		margin-right: 0
	}
}

@media(min-width:1024px) {
	.hero--centered .hero__title {
		margin-right: 0
	}
}

.hero__intro {
	font-family: Nimbus Sans,serif;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.63;
	margin: 0
}

@media(min-width:576px) {
	.hero__intro {
		font-size: 1.25rem;
		line-height: 1.75;
		margin: 0 100px 0 0
	}

	.hero--with-pattern .hero__intro {
		margin: 0 200px 0 0
	}
}

@media(min-width:768px) {
	.hero__intro {
		margin-right: 100px
	}
}

.hero__intro-container, .hero__intro-placeholder {
	padding-bottom: 40px;
	position: relative;
	z-index: 1
}

@media(min-width:576px) {
	.hero__intro-container, .hero__intro-placeholder {
		padding-bottom: 60px
	}
}

@media(min-width:1024px) {
	.hero__intro-container, .hero__intro-placeholder {
		padding-bottom: 80px
	}
}

.hero__intro-placeholder {
	pointer-events: none
}

.page--blog .hero__intro-placeholder {
	padding-bottom: 70px
}

@media(min-width:576px) {
	.page--blog .hero__intro-placeholder {
		padding-bottom: 120px
	}
}

@media(min-width:1024px) {
	.page--blog .hero__intro-placeholder {
		padding-bottom: 150px
	}
}

.hero--centered .hero__intro {
	text-align: center
}

@media(min-width:576px) {
	.hero--centered .hero__intro {
		margin-right: 0
	}
}

@media(min-width:768px) {
	.hero--centered .hero__intro {
		margin-right: 0
	}
}

@media(min-width:1024px) {
	.hero--centered .hero__intro {
		margin-right: 0
	}
}

.hero__pattern {
	bottom: 0;
	position: absolute;
	right: 0
}

@media(max-width:575.98px) {
	.hero__pattern {
		display: none
	}
}

.hero__pattern--small {
	display: none
}

@media(min-width:576px) {
	.hero__pattern--small {
		display: block
	}
}

@media(min-width:1024px) {
	.hero__pattern--small {
		display: none
	}
}

.hero__pattern--large {
	display: block
}

@media(max-width:1023.98px) {
	.hero__pattern--large {
		display: none
	}
}

.hero__pattern--left {
	bottom: 0;
	height: 232px;
	margin-left: -99px;
	position: absolute;
	width: 99px
}

@media(min-width:1024px) {
	.hero__pattern--left {
		height: 280px;
		margin-left: -150px;
		width: 150px
	}
}

.hero__pattern--right {
	height: 405px;
	width: 99px
}

@media(min-width:1024px) {
	.hero__pattern--right {
		height: 490px;
		width: 150px
	}
}

.hero__pattern-container {
	position: relative
}

.hero--default .hero__pattern-container {
	display: none
}

.hero__subimage {
	align-items: center;
	display: flex;
	justify-content: center
}

.hero__subimage-wrapper {
	background: var(--white);
	background: linear-gradient(180deg,var(--theme-tint) 0,var(--theme-tint) 50%,var(--white) 50%,var(--white) 100%)
}

.page--homepage .main {
	background: var(--ohu-mahi-tint)
}

.contrast--invert .homepage-hero {
	color: var(--white)
}

.homepage-hero__logo {
	margin-bottom: -145px;
	margin-top: 70px
}

@media(min-width:576px) {
	.homepage-hero__logo {
		margin-bottom: -140px;
		margin-top: 50px
	}
}

@media(min-width:1024px) {
	.homepage-hero__logo {
		margin-bottom: -145px;
		margin-top: 55px
	}
}

.homepage-hero__logo.homepage-hero__logo--light .svg path {
	fill: var(--white)
}

.homepage-hero__title-container {
	background-color: var(--theme-primary);
	padding: 40px 0 60px
}

@media(min-width:576px) {
	.homepage-hero__title-container {
		padding: 60px 0 80px
	}
}

@media(min-width:1024px) {
	.homepage-hero__title-container {
		padding: 60px 0 100px
	}
}

.homepage-hero__title {
	margin: 0
}

.homepage-hero__title--english, .homepage-hero__title--te-reo {
	display: block;
	font-family: Nimbus Sans,serif;
	font-weight: 700;
	text-align: center
}

.homepage-hero__title--te-reo {
	font-size: 1.625rem;
	line-height: 1.15;
	margin: 0 auto;
	max-width: 900px
}

@media(min-width:576px) {
	.homepage-hero__title--te-reo {
		font-size: 2.5rem;
		line-height: 1.13
	}
}

@media(min-width:1024px) {
	.homepage-hero__title--te-reo {
		font-size: 3.125rem;
		line-height: 1.1
	}
}

.homepage-hero__title--english {
	font-size: 1rem;
	line-height: 1.38;
	margin: 20px auto 0;
	max-width: 700px
}

@media(min-width:576px) {
	.homepage-hero__title--english {
		font-size: 1.25rem;
		line-height: 1.5;
		margin-top: 30px
	}
}

.homepage-hero__image {
	height: 350px;
	min-width: 100%;
	overflow: hidden;
	position: relative
}

@media(min-width:576px) {
	.homepage-hero__image {
		height: 600px
	}
}

.homepage-hero__image .image {
	margin: 0 !important
}

.homepage-hero__image img {
	height: auto;
	left: 50%;
	max-width: none;
	min-height: 100%;
	min-width: 100%;
	position: absolute;
	top: 50%;
	transform: translate(-50%,-50%)
}

.homepage-hero + .elementcouncils, .homepage-hero + .elementlatestnews {
	position: relative
}

	.homepage-hero + .elementcouncils:before, .homepage-hero + .elementlatestnews:before {
		background-color: var(--theme-primary);
		content: "";
		left: 0;
		position: absolute;
		top: 0;
		width: 100%
	}

.contrast--invert .homepage-hero + .elementcouncils {
	color: var(--white)
}

.homepage-hero + .elementcouncils:before {
	height: 268px;
	z-index: 1
}

@media(min-width:576px) {
	.homepage-hero + .elementcouncils:before {
		height: 273px
	}
}

.logo {
	align-items: flex-end;
	display: flex;
	justify-content: flex-start;
	margin-right: auto
}

	.logo .svg {
		height: 60px;
		width: auto
	}

@media(min-width:576px) {
	.logo .svg {
		height: 90px
	}
}

.logo__pattern {
	margin-right: 10px
}

@media(min-width:576px) {
	.logo__pattern {
		margin-right: 15px
	}
}

@media(min-width:1024px) {
	.logo__pattern {
		margin-left: 11px
	}
}

.page:not(.site--ohu-mahi) .logo__weave-path {
	stroke: var(--theme-primary)
}

.logo__pattern--animated .logo__weave-path {
	stroke-dasharray: 100 100 100 100;
	stroke-dashoffset: 0;
	-webkit-animation: weave 1s ease-out both;
	animation: weave 1s ease-out both;
	will-change: stroke-dashoffset
}

@-webkit-keyframes weave {
	0% {
		stroke-dashoffset: 100px
	}

	to {
		stroke-dashoffset: 0
	}
}

@keyframes weave {
	0% {
		stroke-dashoffset: 100px
	}

	to {
		stroke-dashoffset: 0
	}
}

@-webkit-keyframes weave-opposite {
	0% {
		stroke-dashoffset: -100px
	}

	to {
		stroke-dashoffset: 0
	}
}

@keyframes weave-opposite {
	0% {
		stroke-dashoffset: -100px
	}

	to {
		stroke-dashoffset: 0
	}
}

.logo__pattern--animated .logo__weave-path:first-of-type {
	-webkit-animation-delay: 0;
	animation-delay: 0
}

.logo__pattern--animated .logo__weave-path:nth-of-type(2) {
	-webkit-animation-delay: .1s;
	animation-delay: .1s
}

.logo__pattern--animated .logo__weave-path:nth-of-type(3) {
	-webkit-animation-delay: .3s;
	animation-delay: .3s
}

.logo__pattern--animated .logo__weave-path:nth-of-type(4) {
	-webkit-animation-delay: 0;
	animation-delay: 0;
	-webkit-animation-name: weave-opposite;
	animation-name: weave-opposite
}

.logo__pattern--animated .logo__weave-path:nth-of-type(5) {
	-webkit-animation-delay: .3s;
	animation-delay: .3s;
	-webkit-animation-name: weave-opposite;
	animation-name: weave-opposite
}

.logo__pattern--animated .logo__weave-path:nth-of-type(6) {
	-webkit-animation-delay: .2s;
	animation-delay: .2s;
	-webkit-animation-name: weave-opposite;
	animation-name: weave-opposite
}

.pagination {
	color: var(--black-73);
	display: flex;
	justify-content: center;
	text-align: center;
	width: 100%
}

.pagination__container {
	margin-left: auto;
	margin-right: auto;
	width: 100%
}

.pagination__item {
	border-radius: 25px;
	color: var(--black-73);
	font-family: Nimbus Sans,serif;
	font-size: 1rem;
	font-weight: 700;
	height: 35px;
	line-height: 1.4;
	margin: 0 2px;
	padding: 8px 13px;
	text-decoration: none;
	transition: all .2s ease;
	width: 35px
}

@media(min-width:576px) {
	.pagination__item {
		height: 45px;
		margin: 0 6px;
		padding: 13px;
		width: 45px
	}
}

.pagination__item.focus-visible:not(.pagination__item--current,.pagination__separator), .pagination__item:hover:not(.pagination__item--current,.pagination__separator) {
	background: var(--black-73);
	color: var(--white)
}

.pagination__item--current {
	box-shadow: inset 0 0 0 2px
}

.pagination__separator {
	margin: 0;
	padding-left: 0;
	padding-right: 0;
	width: auto
}

@media(min-width:576px) {
	.pagination__separator {
		padding-left: 5px;
		padding-right: 5px
	}
}

.pagination__arrow {
	border-radius: 25px;
	height: 35px;
	padding: 0 10px;
	position: relative;
	transition: background-color .2s ease;
	width: 35px
}

@media(min-width:576px) {
	.pagination__arrow {
		height: 45px;
		padding: 5px;
		width: 45px
	}
}

.pagination__arrow:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='15' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%2366686a'%3E%3Cpath d='m10 .5 7 7-7 7m-10-7h17' stroke-width='1.5' fill-rule='evenodd'/%3E%3C/svg%3E");
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	display: block;
	height: 12px;
	width: 14px
}

@media(min-width:576px) {
	.pagination__arrow:after {
		height: 15px;
		margin-left: 8px;
		width: 18px
	}
}

.pagination__arrow.prev {
	margin-left: 10px;
	transform: rotate(180deg)
}

@media(min-width:576px) {
	.pagination__arrow.prev {
		padding-top: 7px
	}
}

.pagination__arrow.prev:after {
	margin-top: 12px
}

@media(min-width:576px) {
	.pagination__arrow.prev:after {
		margin-top: 8px
	}
}

.pagination__arrow.next {
	margin-right: 10px;
	padding-top: 1px
}

@media(min-width:576px) {
	.pagination__arrow.next {
		padding-top: 5px
	}
}

.pagination__arrow.next:after {
	margin-top: 10px
}

@media(min-width:576px) {
	.pagination__arrow.next:after {
		margin-top: 10px
	}
}

.pagination__arrow.focus-visible, .pagination__arrow:hover {
	background: var(--black-73)
}

	.pagination__arrow.focus-visible:after, .pagination__arrow:hover:after {
		background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='15' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23fff'%3E%3Cpath d='m10 .5 7 7-7 7m-10-7h17' stroke-width='1.5' fill-rule='evenodd'/%3E%3C/svg%3E");
		background-position: 50%;
		background-repeat: no-repeat;
		background-size: cover
	}

.elementblockquote {
	padding: 40px 0
}

	.elementblockquote .blockquote__attribution {
		color: var(--black-73);
		font-family: Nimbus Sans,serif;
		font-size: 1.125rem;
		font-weight: 400;
		margin-top: 7px
	}

@media(min-width:576px) {
	.elementblockquote .blockquote__attribution {
		font-size: 1.375rem
	}
}

.search-results {
	list-style-type: none;
	margin: 0;
	padding: 0
}

.search-results__container {
	padding-bottom: 40px
}

@media(min-width:576px) {
	.search-results__container {
		padding-bottom: 80px
	}
}

@media(min-width:1024px) {
	.search-results__container {
		padding-bottom: 100px
	}
}

.search-results__title {
	font-size: 1.375rem;
	line-height: 1.36;
	margin-bottom: 30px
}

@media(min-width:576px) {
	.search-results__title {
		font-size: 2.1875rem;
		line-height: 1.14;
		margin-bottom: 55px
	}
}

.search-result {
	border-top: 2px solid var(--black);
	padding: 40px 0
}

@media(min-width:576px) {
	.search-result {
		padding: 50px 0
	}
}

@media(min-width:1024px) {
	.search-result {
		padding: 60px 0
	}
}

.search-result:first-of-type {
	border: 0;
	padding-top: 0
}

.search-result__title {
	font-family: Nimbus Sans,serif;
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.25;
	margin: 0 0 20px
}

@media(min-width:576px) {
	.search-result__title {
		margin: 0 0 30px
	}
}

.search-result__summary {
	font-family: Nimbus Sans,serif;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.63;
	margin: 0 0 15px
}

@media(min-width:576px) {
	.search-result__summary {
		font-size: 1.125rem;
		line-height: 1.78;
		margin-bottom: 20px;
		margin-top: 20px;
		margin: 0 0 20px
	}
}

.search-result__link-wrapper {
	padding-top: 15px
}

.search-result__link {
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	box-shadow: inset 0 0 0 0 var(--link-highlight,var(--link-color));
	color: var(--link-color);
	color: var(--black);
	font-family: Nimbus Sans,serif;
	font-size: .9375rem;
	font-weight: 400;
	line-height: 1.63;
	margin: 0;
	text-decoration: none;
	transition: var(--trs-default)
}

	.search-result__link.focus-visible, .search-result__link:hover {
		box-shadow: inset 0 -1.6em 0 0 var(--link-highlight,var(--link-color));
		color: var(--link-color-hover)
	}

@media print {
	.search-result__link {
		text-decoration: underline
	}
}

@media(min-width:576px) {
	.search-result__link {
		font-size: 1.125rem;
		line-height: 1.78
	}
}

.search-result__link.focus-visible, .search-result__link:hover {
	color: var(--white)
}

.search-input {
	background: transparent;
	border: 0;
	border-bottom: 2px solid var(--white);
	font-family: Nimbus Sans,serif;
	font-size: 1.25rem;
	font-weight: 400;
	line-height: 1.3;
	margin-top: -15px;
	outline-offset: 5px;
	padding: 15px 40px 15px 0;
	width: 100%
}

	.search-input[type=search] {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		border-radius: 0
	}

	.search-input::-moz-placeholder {
		font-style: italic
	}

	.search-input::placeholder {
		font-style: italic
	}

	.search-input::-webkit-search-cancel-button, .search-input::-webkit-search-decoration, .search-input::-webkit-search-results-button, .search-input::-webkit-search-results-decoration {
		display: none
	}

.contrast--invert .search-input {
	color: var(--white)
}

.search-input__container {
	position: relative
}

@media(min-width:576px) {
	.search-input__container {
		margin: 0 100px 0 0
	}

	.hero--with-pattern .search-input__container {
		margin: 0 200px 0 0
	}
}

@media(min-width:768px) {
	.search-input__container {
		margin-right: 100px
	}
}

.hero--centered .search-input__container {
	margin: 0
}

@media(min-width:576px) {
	.hero--centered .search-input__container {
		margin: 0
	}
}

@media(min-width:768px) {
	.hero--centered .search-input__container {
		margin-right: 0
	}
}

.search-input__button {
	background-color: initial;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill-rule='evenodd'%3E%3Cpath d='m11.47 12.91 1.414-1.414 7.071 7.071-1.414 1.414z'/%3E%3Cpath d='M7.5 0a7.5 7.5 0 1 1 0 15 7.5 7.5 0 0 1 0-15zm0 2a5.5 5.5 0 1 0 0 11 5.5 5.5 0 0 0 0-11z'/%3E%3C/g%3E%3C/svg%3E");
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	background-size: 25px;
	border: 0;
	height: 25px;
	padding: 20px;
	position: absolute;
	right: 0;
	top: -8px;
	width: 25px
}

.contrast--invert .search-input__button {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cg fill-rule='evenodd'%3E%3Cpath d='m11.47 12.91 1.414-1.414 7.071 7.071-1.414 1.414z'/%3E%3Cpath d='M7.5 0a7.5 7.5 0 1 1 0 15 7.5 7.5 0 0 1 0-15zm0 2a5.5 5.5 0 1 0 0 11 5.5 5.5 0 0 0 0-11z'/%3E%3C/g%3E%3C/svg%3E");
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover
}

.form--wdc .actions {
	padding-top: 40px;
	text-align: center
}

.page--wdcsearchpage .search-results__container {
	padding-top: 20px
}

.social {
	display: flex;
	margin-bottom: 30px
}

@media(min-width:768px) {
	.social--mobileonly {
		display: none
	}
}

.social--tablet {
	display: none
}

@media(min-width:768px) {
	.social--tablet {
		display: flex;
		margin: auto 0 0
	}
}

.social__link {
	display: block;
	margin-right: 10px
}

	.social__link:last-of-type {
		margin-right: 0
	}

	.social__link .svg {
		transition: var(--trs-default)
	}

	.social__link:hover .svg {
		transform: scale(1.3333)
	}

.share {
	align-items: center;
	display: flex;
	padding: 50px 0
}

@media(min-width:576px) {
	.share {
		padding: 100px 0
	}
}

.share__title {
	font-family: Nimbus Sans,serif;
	font-size: .75rem;
	font-weight: 700;
	padding-right: 20px;
	text-transform: uppercase
}

@media(min-width:576px) {
	.share__title {
		padding-right: 45px
	}
}

.share a[role=button] + a[role=button] {
	margin-left: 15px
}

.accordion__title {
	font-family: Nimbus Sans,serif;
	font-size: 1.375rem;
	font-weight: 700;
	margin-bottom: 16px;
	margin-top: 0
}

@media(min-width:576px) {
	.accordion__title {
		font-size: 2.1875rem;
		line-height: 1.14;
		margin-bottom: 40px;
		margin-top: 50px
	}
}

@media(min-width:1024px) {
	.accordion__title {
		margin-bottom: 40px;
		margin-top: 60px
	}
}

@media(min-width:576px) {
	.accordion__title {
		margin-bottom: 20px;
		margin-top: 0
	}
}

@media(min-width:1024px) {
	.accordion__title {
		margin-bottom: 20px;
		margin-top: 0
	}
}

.accordion__items {
	display: flex;
	flex-direction: column;
	list-style: none;
	margin: 0;
	padding: 0 0 50px
}

@media(min-width:1024px) {
	.accordion__items {
		padding: 0 0 80px
	}
}

.sub-accordion__content .accordion__items {
	padding-bottom: 0
}

.accordion__item {
	position: relative
}

.accordion__item-title {
	font-family: Nimbus Sans,serif;
	font-size: 1.5625rem;
	font-weight: 700;
	line-height: 1;
	margin: 0;
	padding: 25px 50px 25px 0
}

@media(min-width:576px) {
	.accordion__item-title {
		font-size: 2.1875rem;
		padding: 50px 55px 50px 0
	}
}

@media(min-width:1024px) {
	.accordion__item-title {
		font-size: 2.5rem;
		padding: 60px 80px 60px 0
	}
}

.sub-accordion__content .accordion__item-title {
	font-size: 1rem;
	line-height: 1.25;
	padding: 20px 50px 20px 0
}

@media(min-width:576px) {
	.sub-accordion__content .accordion__item-title {
		font-size: 1.25rem;
		line-height: 1.5;
		padding: 35px 55px 35px 0
	}
}

@media(min-width:1024px) {
	.sub-accordion__content .accordion__item-title {
		padding: 35px 80px 35px 0
	}
}

.accordion__details {
	border-bottom: 2px solid var(--black)
}

.sub-accordion__content .accordion__details {
	border-bottom: 0;
	border-top: 1px solid var(--black-28)
}

.accordion__details::-webkit-details-marker, .accordion__details::marker {
	display: none
}

.accordion__details .details__content {
	padding-bottom: 25px
}

@media(min-width:576px) {
	.accordion__details .details__content {
		padding-bottom: 40px
	}
}

.accordion__summary {
	list-style: none;
	padding: 0;
	position: relative
}

	.accordion__summary:hover {
		cursor: pointer
	}

	.accordion__summary::-webkit-details-marker, .accordion__summary::marker {
		display: none
	}

	.accordion__summary:after, .accordion__summary:before {
		background-size: cover;
		content: "";
		height: 25px;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		width: 25px
	}

@media(min-width:576px) {
	.accordion__summary:after, .accordion__summary:before {
		height: 31px;
		width: 31px
	}
}

.sub-accordion__content .accordion__summary:after, .sub-accordion__content .accordion__summary:before {
	height: 16px;
	width: 16px
}

@media(min-width:576px) {
	.sub-accordion__content .accordion__summary:after, .sub-accordion__content .accordion__summary:before {
		height: 18px;
		width: 18px
	}
}

.accordion__summary:before {
	opacity: 1
}

.accordion__summary:after, .accordion__summary:before {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='30' height='30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 15h30' stroke='%23000' stroke-width='1.5' fill='none'/%3E%3C/svg%3E")
}

.accordion__summary:after {
	top: calc(50% - 12px);
	transform: rotate(90deg);
	transition: transform var(--duration-short) var(--easing-default)
}

@media(min-width:576px) {
	.accordion__summary:after {
		top: calc(50% - 15px)
	}
}

.details--open .accordion__summary:after {
	transform: rotate(180deg)
}

.sub-accordion__details .accordion__summary:after {
	transform: rotate(90deg)
}

.sub-accordion__content .accordion__summary:after {
	height: 17px;
	top: calc(50% - 8px);
	width: 17px
}

@media(min-width:576px) {
	.sub-accordion__content .accordion__summary:after {
		height: 19px;
		top: calc(50% - 9px);
		width: 19px
	}
}

.sub-accordion__details.details--open .accordion__summary:after {
	transform: rotate(180deg)
}

.accordion-list {
	position: relative
}

.accordion-list, .elementaccordionlist {
	padding-bottom: 0
}

	.elementaccordionlist + .elementaccordionlist {
		padding-top: 0
	}

	.elementaccordionlist + .element:not(.elementaccordionlist) {
		padding-top: 40px
	}

@media(min-width:576px) {
	.elementaccordionlist + .element:not(.elementaccordionlist) {
		padding-top: 50px
	}
}

.menu {
	--menu-width: 320px;
	--menu-primary: var(--white);
	--menu-secondary: var(--black);
	--menu-accent: var(--theme-primary);
	--menu-dark: var(--black);
	--menu-background: var(--black-88);
	--link-color: var(--menu-primary);
	--link-color-hover: var(--menu-secondary);
	--link-highlight: var(--menu-primary);
	--outline-color: var(--theme-primary);
	-webkit-animation-direction: inherit;
	animation-direction: inherit;
	-webkit-animation-duration: inherit;
	animation-duration: inherit;
	-webkit-animation-timing-function: inherit;
	animation-timing-function: inherit;
	background-color: var(--menu-background);
	color: var(--menu-primary);
	height: 100%;
	margin-left: auto;
	overflow-y: auto;
	padding: max(env(safe-area-inset-top),0px) max(env(safe-area-inset-right),var(--gutter)) max(env(safe-area-inset-bottom),var(--gutter)) max(env(safe-area-inset-left),var(--gutter));
	padding-left: 60px;
	position: relative;
	transition: var(--easing-default);
	width: var(--menu-width)
}

@media(min-width:768px) {
	.menu {
		--menu-width: 700px;
		padding-left: 135px
	}
}

@media(min-width:1440px) {
	.menu {
		--menu-width: 900px;
		padding-left: 200px;
		width: calc(var(--menu-width) + 50vw - var(--container-width)/2 - var(--extra-offset, 0px)/2 + var(--extra-offset, 0px) + var(--gutter))
	}
}

.page--has-translation .menu {
	--extra-offset: 40px
}

.menu li:before {
	position: absolute
}

.menu-container {
	-webkit-animation-duration: .3s;
	animation-duration: .3s;
	background-color: rgba(255,255,255,.7);
	height: 100%;
	left: 0;
	max-height: -webkit-fill-available;
	max-height: -moz-available;
	max-height: stretch;
	position: fixed;
	top: 0;
	width: -webkit-fill-available;
	width: -moz-available;
	width: stretch;
	z-index: 200
}

@media(min-width:768px) {
	.menu-container {
		-webkit-animation-duration: .75s;
		animation-duration: .75s
	}
}

.menu-container-enter-active {
	-webkit-animation-name: fadeBackground;
	animation-name: fadeBackground;
	-webkit-animation-timing-function: cubic-bezier(.25,1,.5,1);
	animation-timing-function: cubic-bezier(.25,1,.5,1)
}

	.menu-container-enter-active .menu {
		-webkit-animation-name: slideMenu;
		animation-name: slideMenu
	}

.menu-container-leave-active {
	animation-direction: reverse;
	-webkit-animation-name: fadeBackground;
	animation-name: fadeBackground;
	-webkit-animation-timing-function: cubic-bezier(.5,0,.75,0);
	animation-timing-function: cubic-bezier(.5,0,.75,0)
}

	.menu-container-leave-active .menu {
		-webkit-animation-name: slideMenu;
		animation-name: slideMenu
	}

@-webkit-keyframes fadeBackground {
	0% {
		background-color: initial
	}
}

@keyframes fadeBackground {
	0% {
		background-color: initial
	}
}

@-webkit-keyframes slideMenu {
	0% {
		transform: translateX(100%)
	}

	to {
		transform: translateX(0)
	}
}

@keyframes slideMenu {
	0% {
		transform: translateX(100%)
	}

	to {
		transform: translateX(0)
	}
}

@media(min-width:1440px) {
	.menu__wrapper {
		width: 700px
	}
}

.menu__header {
	display: flex;
	flex: 0 0 auto;
	flex-direction: column-reverse;
	margin: 0 calc(var(--gutter)*-1) 60px -60px
}

@media(min-width:768px) {
	.menu__header {
		align-items: center;
		flex-direction: row;
		justify-content: flex-end;
		margin: 0 0 100px
	}
}

@media(min-width:1440px) {
	.menu__header {
		margin-bottom: 150px
	}
}

.menu__header-controls {
	display: flex;
	flex: 0 0 auto;
	justify-content: flex-end
}

	.menu__header-controls #navigation__find-council {
		flex: 1 1 auto
	}

@media(min-width:576px) {
	.menu__header-controls #navigation__find-council {
		flex: 0 0 auto;
		font-size: 14px;
		margin-right: 0
	}
}

@media(min-width:768px) {
	.menu__header-controls #navigation__find-council {
		font-size: 16px;
		margin-right: 20px
	}
}

.menu__header-controls-button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: none;
	background-position: 50%;
	background-repeat: no-repeat;
	border: 0;
	cursor: pointer;
	height: 50px;
	padding: 0;
	transition: var(--trs-default);
	width: 50px
}

.menu__header-controls-button--search {
	background-color: var(--black-28);
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m11.47 12.91 1.414-1.414 7.071 7.071-1.414 1.414z'/%3E%3Cpath d='M7.5 0a7.5 7.5 0 1 1 0 15 7.5 7.5 0 0 1 0-15zm0 2a5.5 5.5 0 1 0 0 11 5.5 5.5 0 0 0 0-11z'/%3E%3C/svg%3E")
}

	.menu__header-controls-button--search.focus-visible, .menu__header-controls-button--search:hover {
		background-color: var(--white)
	}

.menu__header-controls-button--search-open {
	background-color: var(--black-35);
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='14' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M18 12v2H0v-2h18zm0-6v2H0V6h18zm0-6v2H0V0h18z' fill-rule='evenodd'/%3E%3C/svg%3E")
}

	.menu__header-controls-button--search-open.focus-visible, .menu__header-controls-button--search-open:hover {
		background-color: var(--menu-accent)
	}

.menu__header-controls-button--close {
	background-color: var(--white);
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m16.056.5 1.415 1.414-7.072 7.071 7.072 7.071-1.415 1.415-7.071-7.072-7.07 7.072L.5 16.056l7.071-7.071L.5 1.915 1.914.5l7.071 7.071L16.056.5z' fill-rule='evenodd'/%3E%3C/svg%3E")
}

	.menu__header-controls-button--close.focus-visible, .menu__header-controls-button--close:hover {
		background-color: var(--black-28)
	}

.menu__main-wrapper {
	position: relative
}

.menu__search {
	left: 0;
	max-width: 600px;
	position: absolute;
	top: 0;
	width: 100%
}

.menu__search-enter-active {
	-webkit-animation: search-enter var(--duration-medium) var(--easing-default);
	animation: search-enter var(--duration-medium) var(--easing-default)
}

.menu__search-leave-active {
	animation: search-leave var(--duration-medium) var(--easing-default) reverse
}

.menu__search-form {
	display: flex;
	flex-direction: column;
	position: relative
}

.menu__search-title {
	font-family: Nimbus Sans,serif;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.17
}

@media(min-width:768px) {
	.menu__search-title {
		font-size: 2.5rem;
		line-height: 1.25
	}
}

@media(min-width:1440px) {
	.menu__search-title {
		font-size: 2.8125rem;
		line-height: 1.22
	}
}

.menu__search-input {
	background-color: initial;
	border: 0;
	border-bottom: 2px solid var(--menu-primary);
	color: var(--menu-primary);
	font-family: Nimbus Sans,serif;
	font-size: .9375rem;
	font-weight: 700;
	line-height: 1.33;
	margin-top: 45px;
	padding: 10px 50px 5px 0
}

@media(min-width:768px) {
	.menu__search-input {
		font-size: 1.5rem;
		line-height: 1.42;
		margin-top: 60px
	}
}

@media(min-width:1440px) {
	.menu__search-input {
		font-size: 1.75rem;
		line-height: 1.36;
		margin-top: 80px
	}
}

.menu__search-input::-moz-placeholder {
	opacity: 1
}

.menu__search-input::placeholder {
	opacity: 1
}

.menu__search-input::-ms-clear, .menu__search-input::-ms-reveal {
	display: none;
	height: 0;
	width: 0
}

.menu__search-input::-webkit-search-cancel-button, .menu__search-input::-webkit-search-decoration, .menu__search-input::-webkit-search-results-button, .menu__search-input::-webkit-search-results-decoration {
	display: none
}

.menu__search-input.focus-visible {
	outline: none
}

.menu__search-input:focus {
	outline: none
}

.menu__search-submit {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: none;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='m11.47 12.91 1.414-1.414 7.071 7.071-1.414 1.414z'/%3E%3Cpath d='M7.5 0a7.5 7.5 0 1 1 0 15 7.5 7.5 0 0 1 0-15zm0 2a5.5 5.5 0 1 0 0 11 5.5 5.5 0 0 0 0-11z'/%3E%3C/svg%3E");
	background-position: 50%;
	background-repeat: no-repeat;
	border: 0;
	border-radius: 50%;
	bottom: 8px;
	cursor: pointer;
	height: 30px;
	padding: 0;
	position: absolute;
	right: 0;
	transition: background-color var(--duration-short) var(--easing-default);
	width: 30px
}

	.menu__search-submit.focus-visible, .menu__search-submit:hover {
		background-color: var(--menu-primary);
		background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m11.47 12.91 1.414-1.414 7.071 7.071-1.414 1.414z'/%3E%3Cpath d='M7.5 0a7.5 7.5 0 1 1 0 15 7.5 7.5 0 0 1 0-15zm0 2a5.5 5.5 0 1 0 0 11 5.5 5.5 0 0 0 0-11z'/%3E%3C/svg%3E")
	}

@media(min-width:768px) {
	.menu__search-submit {
		background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='26' height='26' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='m14.91 16.783 1.84-1.838 9.192 9.192-1.839 1.839z'/%3E%3Cpath d='M9.75 0c5.385 0 9.75 4.365 9.75 9.75s-4.365 9.75-9.75 9.75S0 15.135 0 9.75 4.365 0 9.75 0zm0 2.6a7.15 7.15 0 1 0 0 14.3 7.15 7.15 0 0 0 0-14.3z'/%3E%3C/svg%3E");
		height: 50px;
		width: 50px
	}

		.menu__search-submit.focus-visible, .menu__search-submit:hover {
			background-color: var(--menu-primary);
			background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='26' height='26' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m14.91 16.783 1.84-1.838 9.192 9.192-1.839 1.839z'/%3E%3Cpath d='M9.75 0c5.385 0 9.75 4.365 9.75 9.75s-4.365 9.75-9.75 9.75S0 15.135 0 9.75 4.365 0 9.75 0zm0 2.6a7.15 7.15 0 1 0 0 14.3 7.15 7.15 0 0 0 0-14.3z'/%3E%3C/svg%3E")
		}

	.menu__search-submit {
		bottom: 3px
	}
}

@-webkit-keyframes search-enter {
	0% {
		opacity: 0;
		transform: translateY(40px)
	}

	to {
		opacity: 1;
		transform: translateY(0)
	}
}

@keyframes search-enter {
	0% {
		opacity: 0;
		transform: translateY(40px)
	}

	to {
		opacity: 1;
		transform: translateY(0)
	}
}

@-webkit-keyframes search-leave {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes search-leave {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

.menu__body {
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

	.menu__body.menu__search-enter-active {
		-webkit-animation: fade-menu var(--duration-medium) var(--easing-default);
		animation: fade-menu var(--duration-medium) var(--easing-default)
	}

	.menu__body.menu__search-leave-active {
		animation: fade-menu var(--duration-medium) var(--easing-default) reverse
	}

@-webkit-keyframes fade-menu {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes fade-menu {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

.menu__pages-list {
	display: flex;
	flex-direction: column;
	margin: 0
}

.menu__pages-item + .menu__pages-item {
	margin-top: 45px
}

.menu__pages-button {
	align-items: flex-start;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: none;
	border: 0;
	color: var(--menu-primary);
	cursor: pointer;
	display: flex;
	flex-direction: column;
	padding: 0;
	text-align: left;
	width: 100%
}

	.menu__pages-button.focus-visible .menu__pages-button-maori-text, .menu__pages-button:hover .menu__pages-button-maori-text {
		box-shadow: inset 0 -3em 0 0 var(--menu-primary);
		color: var(--menu-secondary)
	}

	.menu__pages-button.focus-visible .menu__pages-button-maori:after, .menu__pages-button:hover .menu__pages-button-maori:after {
		background-color: var(--menu-primary);
		background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='13' height='17' xmlns='http://www.w3.org/2000/svg' stroke='%23000'%3E%3Cpath d='m3.965 1.14 7.07 7.36-7.07 7.36' stroke-width='2.5' fill='none'/%3E%3C/svg%3E")
	}

@media(min-width:768px) {
	.menu__pages-button.focus-visible .menu__pages-button-maori:after, .menu__pages-button:hover .menu__pages-button-maori:after {
		background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='25' xmlns='http://www.w3.org/2000/svg' stroke='%23000'%3E%3Cpath d='m5 1 11 11.5L5 24' stroke-width='2.5' fill='none'/%3E%3C/svg%3E")
	}
}

.menu__pages-button.focus-visible .menu__pages-button-english, .menu__pages-button:hover .menu__pages-button-english {
	box-shadow: inset 0 -2em 0 0 var(--menu-primary);
	color: var(--menu-secondary)
}

.menu__pages-button--link {
	text-decoration: none
}

	.menu__pages-button--link .menu__pages-button-maori {
		padding: 0
	}

		.menu__pages-button--link .menu__pages-button-maori:after {
			display: none
		}

.menu__pages-button-maori {
	color: currentColor;
	font-family: Nimbus Sans,serif;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.17;
	padding-right: 40px;
	position: relative;
	transition: var(--trs-default);
	width: 100%
}

@media(min-width:768px) {
	.menu__pages-button-maori {
		font-size: 2.5rem;
		line-height: 1.25;
		padding-right: 70px
	}
}

@media(min-width:1440px) {
	.menu__pages-button-maori {
		font-size: 2.8125rem;
		line-height: 1.22
	}
}

.menu__pages-button-maori-text {
	box-shadow: inset 0 0 0 0 var(--menu-primary);
	padding-top: 4px;
	transition: var(--trs-default)
}

.menu__pages-button-maori:after {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: none;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='13' height='17' xmlns='http://www.w3.org/2000/svg' stroke='%23fff'%3E%3Cpath d='m3.965 1.14 7.07 7.36-7.07 7.36' stroke-width='2.5' fill='none'/%3E%3C/svg%3E");
	background-position: 50%;
	background-repeat: no-repeat;
	border: 0;
	border-radius: 50%;
	content: "";
	cursor: pointer;
	display: block;
	height: 30px;
	padding: 0;
	position: absolute;
	right: 0;
	top: -4px;
	transition: background-color var(--duration-short) var(--easing-default);
	width: 30px
}

	.menu__pages-button-maori:after.focus-visible, .menu__pages-button-maori:after:hover {
		background-color: var(--menu-primary);
		background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='13' height='17' xmlns='http://www.w3.org/2000/svg' stroke='%23000'%3E%3Cpath d='m3.965 1.14 7.07 7.36-7.07 7.36' stroke-width='2.5' fill='none'/%3E%3C/svg%3E")
	}

@media(min-width:768px) {
	.menu__pages-button-maori:after {
		background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='25' xmlns='http://www.w3.org/2000/svg' stroke='%23fff'%3E%3Cpath d='m5 1 11 11.5L5 24' stroke-width='2.5' fill='none'/%3E%3C/svg%3E");
		height: 50px;
		width: 50px
	}

		.menu__pages-button-maori:after.focus-visible, .menu__pages-button-maori:after:hover {
			background-color: var(--menu-primary);
			background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='25' xmlns='http://www.w3.org/2000/svg' stroke='%23000'%3E%3Cpath d='m5 1 11 11.5L5 24' stroke-width='2.5' fill='none'/%3E%3C/svg%3E")
		}
}

.menu__pages-button-english {
	box-shadow: inset 0 0 0 0 var(--menu-primary);
	font-family: Nimbus Sans,serif;
	font-size: .9375rem;
	font-weight: 700;
	line-height: 1.33;
	margin-top: 2px;
	padding-top: 4px;
	transition: var(--trs-default)
}

@media(min-width:768px) {
	.menu__pages-button-english {
		font-size: 1.5rem;
		line-height: 1.42
	}
}

@media(min-width:1440px) {
	.menu__pages-button-english {
		font-size: 1.75rem;
		line-height: 1.36
	}
}

.menu__support-links {
	margin-bottom: 16px;
	margin-top: 60px
}

@media(min-width:768px) {
	.menu__support-links {
		margin-bottom: 40px;
		margin-top: 100px
	}
}

.menu__support-links-list {
	list-style: none;
	margin: 0
}

@media(min-width:768px) {
	.menu__support-links-list {
		-moz-columns: 2;
		column-count: 2
	}
}

.menu__support-links-item + .menu__support-links-item {
	margin-top: 20px
}

.menu__support-links-link {
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	box-shadow: inset 0 0 0 0 var(--link-highlight,var(--link-color));
	color: var(--link-color);
	color: currentColor;
	font-family: Nimbus Sans,serif;
	font-size: 1.125rem;
	font-weight: 400;
	line-height: 1.33;
	padding-top: .25em;
	text-decoration: none;
	transition: var(--trs-default)
}

	.menu__support-links-link.focus-visible, .menu__support-links-link:hover {
		box-shadow: inset 0 -1.6em 0 0 var(--link-highlight,var(--link-color));
		color: var(--link-color-hover)
	}

@media print {
	.menu__support-links-link {
		text-decoration: underline
	}
}

.sub-menu {
	background-color: var(--ohu-mahi-primary);
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2
}

@media(min-width:768px) {
	.sub-menu {
		padding-left: 90px
	}
}

@media(min-width:1440px) {
	.sub-menu {
		padding-left: 150px;
		width: calc(var(--menu-width) - 50px + 50vw - var(--container-width)/2 - var(--extra-offset, 0px)/2 + var(--extra-offset, 0px) + var(--gutter))
	}
}

.sub-menu-enter-active, .sub-menu-leave-active {
	-webkit-animation-name: slideMenu;
	animation-name: slideMenu
}

.sub-menu-leave-active {
	animation-direction: reverse
}

.sub-menu__header {
	position: relative
}

.sub-menu__back {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: none;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='11' height='16' xmlns='http://www.w3.org/2000/svg' stroke='%23fff'%3E%3Cpath d='m8.357.711-7.071 7.36 7.071 7.36' stroke-width='2.5' fill='none'/%3E%3C/svg%3E");
	background-position: 50%;
	background-repeat: no-repeat;
	border: 0;
	border-radius: 50%;
	cursor: pointer;
	height: 30px;
	left: -45px;
	padding: 0;
	position: absolute;
	top: 0;
	transition: background-color var(--duration-short) var(--easing-default);
	width: 30px
}

	.sub-menu__back.focus-visible, .sub-menu__back:hover {
		background-color: var(--menu-primary);
		background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='11' height='16' xmlns='http://www.w3.org/2000/svg' stroke='%23000'%3E%3Cpath d='m8.357.711-7.071 7.36 7.071 7.36' stroke-width='2.5' fill='none'/%3E%3C/svg%3E")
	}

@media(min-width:768px) {
	.sub-menu__back {
		background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='25' viewBox='0 0 16 25px' xmlns='http://www.w3.org/2000/svg' stroke='%23fff'%3E%3Cpath d='m13 1.111-11 11.5 11 11.5' stroke-width='2.5' fill='none'/%3E%3C/svg%3E");
		height: 50px;
		width: 50px
	}

		.sub-menu__back.focus-visible, .sub-menu__back:hover {
			background-color: var(--menu-primary);
			background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='25' viewBox='0 0 16 25px' xmlns='http://www.w3.org/2000/svg' stroke='%23000'%3E%3Cpath d='m13 1.111-11 11.5 11 11.5' stroke-width='2.5' fill='none'/%3E%3C/svg%3E")
		}

	.sub-menu__back {
		left: -75px
	}
}

.sub-menu__page-link {
	color: inherit;
	display: block;
	text-decoration: none
}

	.sub-menu__page-link.focus-visible .sub-menu__subtitle-text, .sub-menu__page-link.focus-visible .sub-menu__title-text, .sub-menu__page-link:hover .sub-menu__subtitle-text, .sub-menu__page-link:hover .sub-menu__title-text {
		box-shadow: inset 0 -2em 0 0 var(--menu-primary);
		color: var(--menu-secondary)
	}

.sub-menu__title {
	font-family: Nimbus Sans,serif;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.17;
	margin: 0;
	padding-top: 5px;
	text-decoration: none;
	transition: var(--trs-default)
}

@media(min-width:768px) {
	.sub-menu__title {
		font-size: 2.5rem;
		line-height: 1.25
	}
}

@media(min-width:1440px) {
	.sub-menu__title {
		font-size: 2.8125rem;
		line-height: 1.22
	}
}

.sub-menu__title-text {
	-webkit-box-decoration-break: slice;
	box-decoration-break: slice;
	box-shadow: inset 0 0 0 0 var(--menu-primary);
	padding: .25em 0 .1em;
	transition: var(--trs-default)
}

.sub-menu__subtitle {
	font-family: Nimbus Sans,serif;
	font-size: .9375rem;
	font-weight: 700;
	line-height: 1.33;
	margin: 6px 0 0
}

@media(min-width:768px) {
	.sub-menu__subtitle {
		font-size: 1.4375rem;
		margin-top: 8px
	}
}

.sub-menu__subtitle-text {
	-webkit-box-decoration-break: slice;
	box-decoration-break: slice;
	box-shadow: inset 0 -1px 0 0 var(--menu-primary);
	padding: .25em 0 .1em;
	transition: var(--trs-default)
}

.sub-menu__pages-list {
	margin-bottom: 0;
	margin-top: 40px
}

@media(min-width:768px) {
	.sub-menu__pages-list {
		margin-top: 55px
	}
}

.sub-menu__pages-item + .sub-menu__pages-item {
	margin-top: 20px
}

@media(min-width:768px) {
	.sub-menu__pages-item + .sub-menu__pages-item {
		margin-top: 40px
	}
}

@media(min-width:1440px) {
	.sub-menu__pages-item + .sub-menu__pages-item {
		margin-top: 50px
	}
}

.sub-menu__pages-link {
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	box-shadow: inset 0 0 0 0 var(--link-highlight,var(--link-color));
	color: var(--link-color);
	font-family: Nimbus Sans,serif;
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.5;
	padding-top: .25em;
	text-decoration: none;
	transition: var(--trs-default)
}

	.sub-menu__pages-link.focus-visible, .sub-menu__pages-link:hover {
		box-shadow: inset 0 -1.6em 0 0 var(--link-highlight,var(--link-color));
		color: var(--link-color-hover)
	}

@media print {
	.sub-menu__pages-link {
		text-decoration: underline
	}
}

@media(min-width:768px) {
	.sub-menu__pages-link {
		font-size: 1.875rem;
		line-height: 1.33
	}
}

@media(min-width:1440px) {
	.sub-menu__pages-link {
		font-size: 2.1875rem;
		line-height: 1.43
	}
}

.navigationOM {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	padding-bottom: 40px;
	position: absolute;
	width: 100%;
	z-index: 100
}

@media(min-width:768px) {
	.navigationOM {
		margin-bottom: 60px
	}
}

@media(min-width:1440px) {
	.navigationOM {
		margin-bottom: 80px
	}
}

.navigation__controlsOM {
	transition: var(--trs-default);
	width: 100%
}

.navigation__controlsOM--scroll {
	background-color: var(--white);
	box-shadow: 0 2px 10px 0 rgba(0,0,0,.2);
	left: 0;
	position: fixed;
	top: 0
}

	.navigation__controlsOM--scroll + * {
		margin-top: 50px
	}

.navigation__controlsOM--hidden {
	transform: translateY(-100%)
}

.navigation__controlsOM .containerOM {
	display: flex;
	justify-content: flex-end;
	width: 100%
}

@media(max-width:575.98px) {
	.navigation__controlsOM .containerOM {
		--gutter: 0
	}
}

#navigation__find-council {
	align-items: baseline;
	background-color: var(--white);
	border-right: 1px solid var(--black);
	color: var(--text-color-dark);
	display: flex;
	font-family: Nimbus Sans,serif;
	font-size: .875rem;
	font-weight: 700;
	height: 50px;
	line-height: 1;
	padding: 16px;
	text-decoration: none;
	transition: var(--trs-default)
}

@media(min-width:768px) {
	#navigation__find-council {
		border-right: 0;
		font-size: 1rem;
		margin-right: 20px
	}
}

@media(min-width:1440px) {
	#navigation__find-council {
		margin-right: 50px
	}
}


#navigation__find-council.focus-visible, #navigation__find-council:hover {
	background-color: var(--black-28);
	text-decoration: none;
}

	#navigation__find-council.focus-visible:after, #navigation__find-council:hover:after {
		transform: translateX(5px)
	}

#navigation__find-council:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='15' xmlns='http://www.w3.org/2000/svg' stroke='%23000'%3E%3Cpath d='m8 1 6.5 6.5L8 14M0 7.5h14' stroke-width='2' fill='none'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	height: 15px;
	margin-left: 10px;
	position: relative;
	top: 2px;
	transition: var(--trs-default);
	width: 16px
}

@media(min-width:768px) {
	#navigation__find-council:after {
		top: 0
	}
}

.navigation__search {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: none;
	background-color: var(--black-28);
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m11.47 12.91 1.414-1.414 7.071 7.071-1.414 1.414z'/%3E%3Cpath d='M7.5 0a7.5 7.5 0 1 1 0 15 7.5 7.5 0 0 1 0-15zm0 2a5.5 5.5 0 1 0 0 11 5.5 5.5 0 0 0 0-11z'/%3E%3C/svg%3E");
	background-position: 50%;
	background-repeat: no-repeat;
	border: 0;
	cursor: pointer;
	height: 50px;
	padding: 0;
	transition: var(--trs-default);
	width: 50px
}

	.navigation__search.focus-visible, .navigation__search:hover {
		background-color: var(--white)
	}

.navigation__menu {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: none;
	background-color: var(--black);
	border: 0;
	cursor: pointer;
	height: 50px;
	padding: 0;
	position: relative;
	transition: var(--trs-default);
	width: 50px
}

	.navigation__menu:after, .navigation__menu:before {
		background-position: 50%;
		background-repeat: no-repeat;
		bottom: 0;
		content: "";
		left: 0;
		position: absolute;
		right: 0;
		top: 0;
		transition: var(--trs-default)
	}

	.navigation__menu:before {
		background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='14' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M18 12v2H0v-2h18zm0-6v2H0V6h18zm0-6v2H0V0h18z' fill-rule='evenodd'/%3E%3C/svg%3E");
		opacity: 1
	}

	.navigation__menu:after {
		background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 12v2H0v-2h18zm0-6v2H0V6h18zm0-6v2H0V0h18z' fill-rule='evenodd'/%3E%3C/svg%3E");
		opacity: 0
	}

	.navigation__menu.focus-visible, .navigation__menu:hover {
		background-color: var(--white)
	}

		.navigation__menu.focus-visible:before, .navigation__menu:hover:before {
			opacity: 0
		}

		.navigation__menu.focus-visible:after, .navigation__menu:hover:after {
			opacity: 1
		}

.navigationOM.logo {
	margin-top: 20px
}

@media(min-width:768px) {
	.navigationOM.logo {
		margin-top: 0
	}
}

.site--ohu-mahi.logo--light .navigationOM .logo .logo__text-path {
	fill: var(--white)
}

.site--ohu-mahi.logo--dark .navigationOM .logo .logo__text-path {
	fill: var(--black)
}

.page:not(.site--ohu-mahi).logo--light .navigationOM .logo .logo__weave-path {
	stroke: var(--white)
}

.page:not(.site--ohu-mahi).logo--light .navigationOM .logo .logo__text-path {
	fill: var(--white)
}

.page:not(.site--ohu-mahi).logo--dark .navigationOM .logo .logo__weave-path {
	stroke: var(--black)
}

.page:not(.site--ohu-mahi).logo--dark .navigationOM .logo .logo__text-path {
	fill: var(--black)
}

.blog-post__related, .elementlatestnews {
	overflow: hidden;
	padding-bottom: 80px;
	position: relative
}

	.blog-post__related .news-tiles__header, .elementlatestnews .news-tiles__header {
		width: 100%
	}

@media(min-width:576px) {
	.blog-post__related .news-tiles__header, .elementlatestnews .news-tiles__header {
		align-items: baseline;
		display: flex;
		justify-content: space-between
	}
}

.blog-post__related .news-tiles__title, .elementlatestnews .news-tiles__title {
	font-size: 1.5625rem;
	line-height: 1.2;
	margin: 0 0 10px;
	position: relative
}

@media(min-width:576px) {
	.blog-post__related .news-tiles__title, .elementlatestnews .news-tiles__title {
		font-size: 2.1875rem;
		line-height: 1.29;
		margin: 0
	}
}

.blog-post__related .news-tiles__more-link, .elementlatestnews .news-tiles__more-link {
	bottom: 0;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	box-shadow: inset 0 0 0 0 var(--link-highlight,var(--link-color));
	color: var(--link-color);
	color: var(--black);
	font-family: Nimbus Sans,serif;
	font-size: .75rem;
	font-weight: 700;
	letter-spacing: 2.5px;
	line-height: 1;
	margin: 0;
	position: absolute;
	position: relative !important;
	text-decoration: none;
	text-transform: uppercase;
	transition: var(--trs-default);
	width: 100%
}

	.blog-post__related .news-tiles__more-link.focus-visible, .blog-post__related .news-tiles__more-link:hover, .elementlatestnews .news-tiles__more-link.focus-visible, .elementlatestnews .news-tiles__more-link:hover {
		box-shadow: inset 0 -1.6em 0 0 var(--link-highlight,var(--link-color));
		color: var(--link-color-hover)
	}

@media print {
	.blog-post__related .news-tiles__more-link, .elementlatestnews .news-tiles__more-link {
		text-decoration: underline
	}
}

@media(min-width:576px) {
	.blog-post__related .news-tiles__more-link, .elementlatestnews .news-tiles__more-link {
		margin: 10px 33px 0 0;
		padding: 2px 0 0;
		width: auto
	}
}

.blog-post__related .news-tiles__more-link:after, .elementlatestnews .news-tiles__more-link:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='15' xmlns='http://www.w3.org/2000/svg' stroke='%23000'%3E%3Cpath d='m10 .5 7 7-7 7m-10-7h17' stroke-width='1.5' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E");
	content: " ";
	height: 15px;
	margin: 2px 0 0 15px;
	position: absolute;
	right: auto;
	width: 18px
}

@media(min-width:576px) {
	.blog-post__related .news-tiles__more-link:after, .elementlatestnews .news-tiles__more-link:after {
		margin-top: -3px
	}
}

.blog-post__related .news-tiles__more-link.focus-visible, .blog-post__related .news-tiles__more-link:hover, .elementlatestnews .news-tiles__more-link.focus-visible, .elementlatestnews .news-tiles__more-link:hover {
	color: var(--white)
}

.blog-post__related .blog-tile, .elementlatestnews .blog-tile {
	margin-right: 16px;
	width: 288px
}

@media(min-width:576px) {
	.blog-post__related .blog-tile, .elementlatestnews .blog-tile {
		width: 264px
	}
}

@media(min-width:1024px) {
	.blog-post__related .blog-tile, .elementlatestnews .blog-tile {
		width: 325px
	}
}

.homepage-hero + .elementlatestnews:before {
	height: 180px
}

.contrast--invert .homepage-hero + .elementlatestnews .news-tiles__title {
	color: var(--white)
}

.contrast--invert .homepage-hero + .elementlatestnews .news-tiles__more-link {
	box-shadow: inset 0 0 0 0 var(--white);
	color: var(--white)
}

	.contrast--invert .homepage-hero + .elementlatestnews .news-tiles__more-link:after {
		background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='15' xmlns='http://www.w3.org/2000/svg' stroke='%23fff'%3E%3Cpath d='m10 .5 7 7-7 7m-10-7h17' stroke-width='1.5' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E")
	}

	.contrast--invert .homepage-hero + .elementlatestnews .news-tiles__more-link.focus-visible, .contrast--invert .homepage-hero + .elementlatestnews .news-tiles__more-link:hover {
		box-shadow: inset 0 -1.6em 0 0 var(--white);
		color: var(--black)
	}

.responsive-table {
	-webkit-overflow-scrolling: touch;
	align-items: stretch;
	display: flex;
	flex-direction: row;
	margin-bottom: 20px;
	overflow-x: auto;
	overflow-y: hidden;
	position: relative
}

@media(min-width:576px) {
	.responsive-table {
		margin-bottom: 40px
	}
}

@media(min-width:1024px) {
	.responsive-table {
		margin-bottom: 50px
	}
}

.typography .responsive-table table {
	margin-bottom: 0;
	margin-left: -30px;
	margin-right: -30px
}

.responsive-table:after, .responsive-table:before {
	background-color: var(--black-73);
	background-position: 50%;
	background-repeat: no-repeat;
	border-radius: 50%;
	content: "";
	flex: 1 0 auto;
	height: 30px;
	opacity: 0;
	pointer-events: none;
	position: sticky;
	top: calc(50% - 15px);
	transition: opacity var(--duration-short) var(--easing-default);
	width: 30px;
	z-index: 2
}

.responsive-table:before {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='12' fill='%23fff'%3E%3Cpath d='M7.031 1.28 5.97.22.19 6l5.78 5.78 1.061-1.06-3.969-3.97h10.939v-1.5H3.062z'/%3E%3C/svg%3E");
	left: 0
}

.responsive-table:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='12' fill='%23fff'%3E%3Cpath d='M6.97 1.28 8.03.22 13.811 6 8.03 11.78l-1.06-1.06 3.969-3.97H0v-1.5h10.939z'/%3E%3C/svg%3E");
	right: 0
}

.responsive-table--scroll-left:before, .responsive-table--scroll-right:after {
	opacity: 1
}

.edd-root {
	position: relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}

	.edd-root [aria-hidden=true] {
		display: block
	}

.edd-root-disabled {
	cursor: not-allowed;
	opacity: .5
}

.edd-head {
	align-items: center;
	background-color: var(--white);
	border: 1px solid var(--black-45);
	color: var(--text-color-dark);
	display: flex;
	font-family: inherit;
	font-size: 1rem;
	height: 32px;
	line-height: 1.5;
	padding: 0 15px;
	text-decoration: none;
	transition: var(--trs-default)
}

@media(min-width:576px) {
	.edd-head {
		font-size: 1.125rem;
		height: 40px;
		padding: 0 20px
	}
}

.edd-root--small .edd-head {
	background: none;
	font-family: Nimbus Sans,serif;
	font-size: .875rem;
	font-weight: 700;
	padding: 0 24px 0 7px
}

.edd-root-open-above .edd-head {
	border-top-left-radius: 0;
	border-top-right-radius: 0
}

.edd-root-open-below .edd-head {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0
}

.edd-root-focused .edd-head {
	border-color: var(--black);
	box-shadow: inset 0 0 0 1px var(--black)
}

.edd-arrow {
	background-color: var(--black);
	bottom: 0;
	-webkit-clip-path: polygon(0 0,0 1px,50% 100%,100% 1px,100% 0,50% calc(100% - 1px),0 0);
	clip-path: polygon(0 0,0 1px,50% 100%,100% 1px,100% 0,50% calc(100% - 1px),0 0);
	content: "";
	display: block;
	height: 10px;
	margin: auto;
	position: absolute;
	right: 15px;
	top: 0;
	transition: var(--trs-default);
	width: 16px
}

@media(min-width:768px) {
	.edd-arrow {
		height: 12px;
		right: 20px;
		width: 20px
	}
}

.edd-root-open .edd-arrow {
	-webkit-animation: open-arrow var(--duration-short) forwards;
	animation: open-arrow var(--duration-short) forwards;
	-webkit-clip-path: polygon(0 calc(100% - 1px),0 100%,50% 1px,100% 100%,100% calc(100% - 1px),50% 0,0 calc(100% - 1px));
	clip-path: polygon(0 calc(100% - 1px),0 100%,50% 1px,100% 100%,100% calc(100% - 1px),50% 0,0 calc(100% - 1px))
}

@-webkit-keyframes open-arrow {
	0% {
		-webkit-clip-path: polygon(0 0,0 1px,50% 100%,100% 1px,100% 0,50% calc(100% - 1px),0 0);
		clip-path: polygon(0 0,0 1px,50% 100%,100% 1px,100% 0,50% calc(100% - 1px),0 0)
	}

	45%,55% {
		-webkit-clip-path: polygon(0 calc(50% - 1px),0 50%,50% 50%,100% 50%,100% calc(50% - 1px),50% calc(50% - 1px),0 calc(50% - 1px));
		clip-path: polygon(0 calc(50% - 1px),0 50%,50% 50%,100% 50%,100% calc(50% - 1px),50% calc(50% - 1px),0 calc(50% - 1px))
	}

	to {
		-webkit-clip-path: polygon(0 calc(100% - 1px),0 100%,50% 1px,100% 100%,100% calc(100% - 1px),50% 0,0 calc(100% - 1px));
		clip-path: polygon(0 calc(100% - 1px),0 100%,50% 1px,100% 100%,100% calc(100% - 1px),50% 0,0 calc(100% - 1px))
	}
}

@keyframes open-arrow {
	0% {
		-webkit-clip-path: polygon(0 0,0 1px,50% 100%,100% 1px,100% 0,50% calc(100% - 1px),0 0);
		clip-path: polygon(0 0,0 1px,50% 100%,100% 1px,100% 0,50% calc(100% - 1px),0 0)
	}

	45%,55% {
		-webkit-clip-path: polygon(0 calc(50% - 1px),0 50%,50% 50%,100% 50%,100% calc(50% - 1px),50% calc(50% - 1px),0 calc(50% - 1px));
		clip-path: polygon(0 calc(50% - 1px),0 50%,50% 50%,100% 50%,100% calc(50% - 1px),50% calc(50% - 1px),0 calc(50% - 1px))
	}

	to {
		-webkit-clip-path: polygon(0 calc(100% - 1px),0 100%,50% 1px,100% 100%,100% calc(100% - 1px),50% 0,0 calc(100% - 1px));
		clip-path: polygon(0 calc(100% - 1px),0 100%,50% 1px,100% 100%,100% calc(100% - 1px),50% 0,0 calc(100% - 1px))
	}
}

.edd-root:not(.edd-root-open) .edd-arrow {
	-webkit-animation: close-arrow var(--duration-short) forwards;
	animation: close-arrow var(--duration-short) forwards
}

@-webkit-keyframes close-arrow {
	0% {
		-webkit-clip-path: polygon(0 calc(100% - 1px),0 100%,50% 1px,100% 100%,100% calc(100% - 1px),50% 0,0 calc(100% - 1px));
		clip-path: polygon(0 calc(100% - 1px),0 100%,50% 1px,100% 100%,100% calc(100% - 1px),50% 0,0 calc(100% - 1px))
	}

	45%,55% {
		-webkit-clip-path: polygon(0 calc(50% - 1px),0 50%,50% 50%,100% 50%,100% calc(50% - 1px),50% calc(50% - 1px),0 calc(50% - 1px));
		clip-path: polygon(0 calc(50% - 1px),0 50%,50% 50%,100% 50%,100% calc(50% - 1px),50% calc(50% - 1px),0 calc(50% - 1px))
	}

	to {
		-webkit-clip-path: polygon(0 0,0 1px,50% 100%,100% 1px,100% 0,50% calc(100% - 1px),0 0);
		clip-path: polygon(0 0,0 1px,50% 100%,100% 1px,100% 0,50% calc(100% - 1px),0 0)
	}
}

@keyframes close-arrow {
	0% {
		-webkit-clip-path: polygon(0 calc(100% - 1px),0 100%,50% 1px,100% 100%,100% calc(100% - 1px),50% 0,0 calc(100% - 1px));
		clip-path: polygon(0 calc(100% - 1px),0 100%,50% 1px,100% 100%,100% calc(100% - 1px),50% 0,0 calc(100% - 1px))
	}

	45%,55% {
		-webkit-clip-path: polygon(0 calc(50% - 1px),0 50%,50% 50%,100% 50%,100% calc(50% - 1px),50% calc(50% - 1px),0 calc(50% - 1px));
		clip-path: polygon(0 calc(50% - 1px),0 50%,50% 50%,100% 50%,100% calc(50% - 1px),50% calc(50% - 1px),0 calc(50% - 1px))
	}

	to {
		-webkit-clip-path: polygon(0 0,0 1px,50% 100%,100% 1px,100% 0,50% calc(100% - 1px),0 0);
		clip-path: polygon(0 0,0 1px,50% 100%,100% 1px,100% 0,50% calc(100% - 1px),0 0)
	}
}

.edd-root--small .edd-arrow {
	height: 8px;
	right: 3px;
	width: 12px
}

@media(min-width:576px) {
	.edd-root--small .edd-arrow {
		height: 9px;
		width: 14px
	}
}

.edd-group-label, .edd-option, .edd-value {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.edd-value {
	margin-top: 3px
}

.edd-select {
	font-size: 1.25rem;
	left: 0;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	width: 100%
}

.edd-root-native .edd-select {
	pointer-events: all
}

.edd-body {
	background-color: var(--white);
	border: 1px solid var(--black-45);
	bottom: 0;
	color: var(--text-color-dark);
	max-width: 100%;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	transition: none;
	z-index: 999
}

.edd-root-open .edd-body {
	opacity: 1;
	pointer-events: all;
	transition: var(--trs-default)
}

.edd-root-open-above .edd-body {
	border-bottom-width: 0;
	bottom: 100%;
	top: auto
}

.edd-root-open-below .edd-body {
	border-top-width: 0;
	bottom: auto;
	top: 100%
}

.edd-items-list {
	overflow-y: auto
}

.edd-option {
	border-top: 1px solid var(--black-45);
	font-size: 1rem;
	height: 32px;
	line-height: 1.5;
	padding: 5px 15px 0;
	text-align: left;
	transition: var(--trs-default)
}

@media(min-width:576px) {
	.edd-option {
		font-size: 1.125rem;
		line-height: 1.78;
		padding: 0 20px
	}
}

.edd-option:first-child {
	border-top-width: 0
}

.edd-root--small .edd-option {
	font-family: Nimbus Sans,serif;
	font-size: .875rem;
	font-weight: 700;
	padding: 6px 10px
}

.edd-group-has-label .edd-option {
	padding-left: 14px
}

.edd-option-selected {
	font-weight: 700
}

.edd-option-focused:not(.edd-option-disabled) {
	background-color: var(--black);
	color: var(--white)
}

.edd-group-disabled .edd-option, .edd-option-disabled {
	opacity: .5
}

.edd-group {
	max-height: 400px
}

.splide__track {
	overflow: visible
}

.splide {
	margin-top: 20px;
	position: static
}

@media(min-width:576px) {
	.splide {
		margin-top: 15px
	}
}

.splide__arrows {
	align-items: center;
	bottom: 0;
	display: flex;
	justify-content: space-between;
	left: 0;
	margin: auto 10px;
	pointer-events: none;
	position: absolute;
	right: 0;
	top: 0;
	transition: var(--trs-default);
	width: calc(100% - 20px);
	z-index: 2
}

@media(min-width:1024px) {
	.splide__arrows {
		opacity: 0
	}
}

.splide__arrows.focus-visible {
	opacity: 1
}

.splide:focus-within .splide__arrows, .splide:hover .splide__arrows {
	opacity: 1
}

.splide__arrow {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: none;
	background: var(--black-88);
	border: 0;
	border-radius: 50%;
	cursor: pointer;
	height: 45px;
	opacity: 1;
	padding: 0;
	pointer-events: all;
	transition: var(--trs-default);
	width: 45px;
	z-index: 1
}

@media(min-width:768px) {
	.splide__arrow {
		height: 60px;
		width: 60px
	}
}

.splide__arrow:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='28' height='24' xmlns='http://www.w3.org/2000/svg' stroke='%23fff'%3E%3Cpath d='M15.5 1.5 26 12 15.5 22.5M.5 12H26' stroke-width='1.5' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E");
	background-size: cover;
	content: "";
	display: flex;
	height: 17px;
	margin: 0 auto;
	width: 20px
}

@media(min-width:768px) {
	.splide__arrow:after {
		height: 23px;
		width: 27px
	}
}

.splide__arrow[disabled] {
	opacity: 0;
	pointer-events: none
}

.splide__arrow--next {
	right: 15px
}

.splide__arrow--prev {
	left: 15px
}

	.splide__arrow--prev:after {
		transform: scale(-1)
	}

.elementvideo {
	padding-bottom: 50px
}

@-webkit-keyframes hideTrigger {
	0% {
		opacity: 1;
		visibility: visible
	}

	99% {
		opacity: .01;
		visibility: visible
	}

	to {
		opacity: 0;
		visibility: hidden
	}
}

@keyframes hideTrigger {
	0% {
		opacity: 1;
		visibility: visible
	}

	99% {
		opacity: .01;
		visibility: visible
	}

	to {
		opacity: 0;
		visibility: hidden
	}
}

.video__holder {
	height: 0;
	margin: 0 auto;
	max-width: 2000px;
	overflow: hidden;
	padding-top: 56.25%;
	position: relative;
	width: 100%
}

	.video__holder .youtube-player, .video__holder iframe {
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%
	}

.video__holder--playing .video__cover, .video__holder--playing .video__trigger {
	-webkit-animation: hideTrigger 1s ease forwards;
	animation: hideTrigger 1s ease forwards;
	pointer-events: none
}

.video__cover {
	height: 100%;
	left: 0;
	margin: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.video__trigger {
	background: none;
	border: 0;
	box-shadow: none;
	height: 110px;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 110px
}

	.video__trigger svg {
		pointer-events: none
	}

	.video__trigger.focus-visible, .video__trigger:hover {
		cursor: pointer
	}

.video__details, .video__details .details__content {
	padding-top: 15px
}

.video__marker {
	display: inline-block;
	margin-left: 10px;
	transform-origin: 50% 40%;
	transition: var(--trs-medium)
}

	.video__marker svg {
		stroke: var(--black-73)
	}

.details--open .video__marker {
	transform: rotate(180deg)
}

.video__summary {
	color: var(--black-73);
	font-size: .875rem
}

	.video__summary:hover {
		cursor: pointer
	}

	.video__summary::-webkit-details-marker, .video__summary::marker {
		content: "";
		display: none
	}


.body-content {
	margin-top: 100px;
}

.footer__link:hover {
	text-decoration: none;
}

#navigation__controls--none {
	height: 50px;
	width: 100%;
	display: none;
}

.menu__pages-button:hover {
	text-decoration: none;
}

@font-face {
	font-family: avenir-light;
	src: url('../fonts/avenir-lt-w01_35-light1475496.woff2') format('woff2');
}

@font-face {
	font-family: avenir-heavy;
	src: url('../fonts/avenir-lt-w01_85-heavy1475544.woff2') format('woff2');
}

.main-content > h1 > .vacancies-title {
	font-family: Nimbus Sans,serif;
}

.body-content {
	font-family: Nimbus Sans,serif;
}

.careernav > p > a {
	color: #000;
}

.vacancy-info > h2 {
	/*font-size: 3rem;*/
	font-family: Nimbus Sans,serif;
}

	.vacancy-info > h2 > a {
		color: #000;
	}

.social-share > a {
	color: #000;
}

.searchjob > form > .job-search > .form-group > .btn-primary {
	background-color: #2B2B2B;
	border-color: #262626;
}

body > main > div > aside > div.careernav.auth > p.active > a {
	color: #000;
}

.careernav a:hover, .careernav a:focus {
	background-color: lightgrey;
}

body > main > div > aside > div.careernav.auth > p > a {
	color: #000;
}

body > main > div > article > div.vacancies-wrapper > div > div > div > div > span > a {
	color: #000;
}

#social {
	color: #000;
}

body > main > div > article > div.vacancies-wrapper > div > div > div > div > div.form-group.job-buttons > div > a.btn.btn-primary.apply-disable {
	background: #2B2B2B;
}

body > main > div > article > div.vacancies-wrapper > div > div > div > div > div.form-group.job-buttons > div > a.btn.btn-info {
	background: #2B2B2B;
}

body > main > div > article > div.vacancies-wrapper > div > div > div > div > div.form-group.job-buttons > div > div > div > a {
	background: #2B2B2B;
}

body > main > div > aside > div.searchjob > form > div > div:nth-child(9) > input {
	background: #2B2B2B;
}

body > main > div > article > div.vacancies-wrapper > div > div > div > div > div.form-group.job-buttons > div > div > div > div > div > span.btn.btn-share--back > a {
	color: #000
}

body > main > div > aside > div.careernav.unauth > p.active > a {
	color: #000
}

body > main > div > aside > div.careernav.unauth > p > a {
	color: #000;
}

#loginForm > div:nth-child(6) > input {
	background: #2B2B2B;
}

#registerLink {
	color: #000;
}

#loginForm > div:nth-child(5) > div.pull-right > a {
	color: #000;
}

body > main > div > article > form > div:nth-child(6) > div > input {
	background: #2B2B2B;
}

#registration_button_01 {
	background: #2B2B2B;
}

#loginLink {
	color: #000;
}

#formPage > ul > li {
	background: #2B2B2B;
}

	#formPage > ul > li > a {
		background: #2B2B2B;
	}

#formPage > div.row > div > button:nth-child(3) {
	background: #2B2B2B;
}

body > main > div > article > div.row.job-ad > div.col-sm-3.job-ad-side > div > a {
	background: #2B2B2B;
}

body > main > div > article > div.row.job-ad > div.col-sm-9 > div > div.job-ad-buttons > a {
	background: #2B2B2B;
}

body > main > div > article > div.row.job-ad > div.col-sm-3.job-ad-side > div > div.job-options > p > a {
	color: #000;
}

body > main > div > article > div.row.job-ad > div.col-sm-9 > div > div.job-ad-buttons > div.share-buttons > span.btn.btn-share--back > a > i {
	color: #000;
}

#jobDetailsAccordionItems > div > div.panel-heading {
	background-color: #2B2B2B;
}

#jobDetailsAccordionItems > div {
	border-color: #2B2B2B;
}

#formPage > div.application-ko > div:nth-child(2) > div > div:nth-child(3) > div > div.col-md-7 > div:nth-child(12) > div > span > span > span {
	background: #2B2B2B;
}

.glyphicon-chevron-right:before {
	color: #000;
}

body > main > div > article > form > p > a.btn.btn-primary.pull-right {
	background: #2B2B2B;
}

body > main > div > article > div.my-settings-wrapper > div.change-password > div > form > div:nth-child(5) > div > input {
	background: #2B2B2B;
}

body > main > div > article > div.my-settings-wrapper > div > div > div > div > div > a {
	background: #2B2B2B;
}

.btn-primary:hover, .btn-info:hover, .btn-primary:focus, .btn-info:focus {
	background-color: #2B2B2B;
}

body > main > div > article > div.welcome > div > div > div > h3 > a {
	color: #000;
}


body > main > div > article > h1 > span {
	font-family: Nimbus Sans,serif;
	color: #000;
}

body > main > div > article > div.vacancies-wrapper > div > div > div > div > h2 > a {
	font-family: Nimbus Sans,serif;
	color: #000;
}

/*body > main > div > article > h1 {
    padding-top: 10px;
}
*/
#comp-kaokwp6i > a {
	display: none;
}

body > header.hidden-md.hidden-lg > div:nth-child(2) > a > div {
	display: none;
}

.pagination-container > .pagination > .active > a {
	background-color: #2B2B2B;
}

.btn-primary {
	border-color: #2B2B2B !important;
}

.btn-info {
	border-color: #2B2B2B !important;
}

.pagination-container > .pagination > li > a {
	color: #000;
}

.pagination-container > .pagination > .active > a {
	color: #fff;
}

.pagination-container > .pagination > .active > a {
	color: #fff;
	border-color: #2B2B2B !important;
}

	.pagination-container > .pagination > .active > a:hover {
		color: #fff;
		border-color: #2B2B2B !important;
		background-color: #242424;
	}

.job-search_title {
	font-family: Nimbus Sans,serif;
	font-size: 1.3rem;
	font-weight: bold;
	line-height: 1.1;
}

.vacancies-wrapper > .vacancy-item > .vacancy-box {
	/*background-color: #c0c2c4;*/
	background-color: #e1e1e1;
	border: 1px solid #818181;
}

.careernav a {
	padding: 8px 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

	.careernav a:hover, .careernav a:focus {
		background-color: #c0c2c4;
		/*background-color: #e1e1e1*/
		color: #fff;
		text-decoration: none;
		padding-left: 10px;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}


@keyframes splide-loading {
	0% {
		transform: rotate(0)
	}

	to {
		transform: rotate(1turn)
	}
}

.splide__container {
	box-sizing: border-box;
	position: relative
}

.splide__list {
	margin: 0 !important;
	padding: 0 !important;
	width: -webkit-max-content;
	width: max-content;
	will-change: transform
}

.splide.is-active .splide__list {
	display: flex
}

.splide__pagination {
	align-items: center;
	display: inline-flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0;
	width: 95%
}

	.splide__pagination li {
		display: inline-block;
		line-height: 1;
		list-style-type: none;
		margin: 0
	}

.splide {
	visibility: hidden
}

.splide, .splide__slide {
	outline: none;
	position: relative
}

.splide__slide {
	box-sizing: border-box;
	flex-shrink: 0;
	list-style-type: none !important;
	margin: 0
}

	.splide__slide img {
		vertical-align: bottom
	}

.splide__slider {
	position: relative
}

.splide__spinner {
	animation: splide-loading 1s linear infinite;
	border: 2px solid #999;
	border-left-color: transparent;
	border-radius: 50%;
	bottom: 0;
	display: inline-block;
	height: 20px;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	top: 0;
	width: 20px
}

.splide__track {
	overflow: hidden;
	position: relative;
	z-index: 0
}

.splide--draggable > .splide__track > .splide__list > .splide__slide {
	-webkit-user-select: none;
	user-select: none
}

.splide--fade > .splide__track > .splide__list {
	display: block
}

	.splide--fade > .splide__track > .splide__list > .splide__slide {
		left: 0;
		opacity: 0;
		position: absolute;
		top: 0;
		z-index: 0
	}

		.splide--fade > .splide__track > .splide__list > .splide__slide.is-active {
			opacity: 1;
			position: relative;
			z-index: 1
		}

.splide--rtl {
	direction: rtl
}

.splide--ttb > .splide__track > .splide__list {
	display: block
}

.splide--ttb > .splide__pagination {
	width: auto
}

.sidebar > .careernav > p {
	margin: 0 0 0 0;
}

.careernav {
	font-family: Nimbus Sans,serif;
}

.vacancy-info-body .form-group {
	font-family: Nimbus Sans,serif;
}

.footer__navitem > .footer__link {
	color: #000;
}

	.footer__navitem > .footer__link:hover {
		color: #fff;
	}

.footer__utilsitem--nomargin {
	color: #000;
}

.footer__utils {
	margin-bottom: 25px;
}

@media(min-width:576px) {
	.footer__utils {
		margin-bottom: 40px;
	}
}

@media(min-width:1024px) {
	.footer__utils {
		margin-bottom: 50px;
	}
}

.footer__utils__second {
	width: 100%;
	text-align: center;
	font-family: Nimbus Sans,serif;
	height: 40px;
	color: #000;
	font-size: 0.75rem;
	font-weight: 700;
	line-height: 1.25;
}


@media(min-width:576px) {
	.footer__utils__second {
		height: 40px;
	}
}

@media(min-width:1024px) {
	.footer__utils__second {
		height: 50px;
	}
}

/*.footer__utils__second > a:hover {
    cursor:default;
    text-decoration:none;
    color: #000;
}*/

/*.footer__utils__second:hover {
    cursor: default;
    text-decoration: none;
    color: #000;
}*/

.body-content {
	margin-top: 20px;
}

article > h1 {
	margin-top: 0;
}

h2 > a {
	font-weight: 700;
}

.vacancies-title {
	color: #000;
	font-weight: 700;
}


.job-ad-side > .job-ad-side__content > .job-type {
	margin-top: 15px;
}


.form-group--job-title > .control-labe--job-title, .form-group--job-title > .k-textbox {
	width: 100%;
}

@media(max-width:768px) {
	aside > .careernav {
		display: none;
	}
}

.topButtons {
	display: none;
}

@media(max-width:577px) {
	.bottomButtons {
		display: none;
	}

	.topButtons {
		display: block;
	}
}

@media(max-width:1024px) {
	.footer__utils__second {
		text-align: left;
	}
}

.main-content > #formPage > .nav-wizard > li {
	background-color: #fff;
}

	.main-content > #formPage > .nav-wizard > li > a {
		background-color: #fff;
		color: #000;
	}

.main-content > #formPage > .nav-wizard > .active > a {
	background-color: #fff;
	color: #76ABD9;
}

ul.nav-wizard li:after {
	border-left: 16px solid #e3e3e3 !important;
}

ul.nav-wizard li.active:after {
	border-left: 16px solid #76ABD9 !important;
}

.ohumahi-nav-logo {
	height: 95px;
	transform: scale(0.9);
}
