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

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

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

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

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

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

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

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

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

/* Basic */

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

	body {
		-ms-overflow-style: scrollbar;
	}

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

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

	}

	html {
		box-sizing: border-box;
	}

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

	body {
		background: #ffffff;
	}

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

/* Typography */

	html {
		font-size: 15pt;
	}

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

			html {
				font-size: 12pt;
			}

		}

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

			html {
				font-size: 12pt;
			}

		}

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

			html {
				font-size: 11pt;
			}

		}

	body {
		background-color: #ffffff;
		color: #424242;
	}

	body, input, select, textarea {
		font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
		font-weight: 300;
		font-size: 1rem;
		line-height: 2.15;
	}

	a {
		-moz-transition: color 0.2s ease-in-out;
		-webkit-transition: color 0.2s ease-in-out;
		-ms-transition: color 0.2s ease-in-out;
		transition: color 0.2s ease-in-out;
		text-decoration: none;
	}

	strong, b {
		font-weight: 700;
	}

	em, i {
		font-style: italic;
	}

	p {
		margin: 0 0 2rem 0;
	}

		p.special {
			text-align: center;
			margin: 0 auto 2rem auto;
			max-width: 46rem;
		}

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

				p.special {
					max-width: calc(100% - 6rem);
					width: 100%;
				}

			}

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

				p.special {
					max-width: 100%;
					width: 100%;
				}

			}

	header h1:before, header h2:before, header h3:before, header h4:before, header h5:before, header h6:before {
		background-color: #20c5e7;
		content: '';
		display: block;
		height: 2px;
		margin: 0 auto 2rem auto;
		width: 4rem;
	}

	header h1.left:before, header h2.left:before, header h3.left:before, header h4.left:before, header h5.left:before, header h6.left:before {
		margin-left: 0;
		margin-right: 0;
	}

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

			header h1.left:before, header h2.left:before, header h3.left:before, header h4.left:before, header h5.left:before, header h6.left:before {
				margin-left: auto;
				margin-right: auto;
			}

		}

	header h1.alt:before, header h2.alt:before, header h3.alt:before, header h4.alt:before, header h5.alt:before, header h6.alt:before {
		background-color: #ffffff;
	}

	header.special {
		text-align: center;
		margin-bottom: 4rem;
	}

	header.major {
		text-align: center;
		margin: 0 auto 2rem auto;
		max-width: 46rem;
	}

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

			header.major {
				max-width: calc(100% - 6rem);
				width: 100%;
			}

		}

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

			header.major {
				max-width: 100%;
				width: 100%;
			}

		}

	h1, h2, h3, h4, h5, h6 {
		font-weight: 700;
		line-height: 1.5;
		margin: 0 0 1.5rem 0;
	}

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

	h1 {
		font-size: 4rem;
		line-height: 1.2;
	}

	h1 + p {
		font-size: 1.5rem;
	}

	h2 {
		font-size: 3rem;
		line-height: 1.3;
	}

	h3 {
		font-size: 1.25rem;
	}

	h4 {
		font-size: 1rem;
	}

	h5 {
		font-size: 0.9rem;
	}

	h6 {
		font-size: 0.7rem;
	}

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

		body, input, select, textarea {
			line-height: 1.75;
		}

		p.thin {
			max-width: 100%;
		}

		h1.heading.left:before, h2.heading.left:before, h3.heading.left:before, h4.heading.left:before, h5.heading.left:before, h6.heading.left:before {
			margin-right: auto;
			margin-left: auto;
		}

	}

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

		h1 {
			font-size: 2.5rem;
			line-height: 1.3;
		}

		h1 + p {
			font-size: 1.25rem;
		}

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

		h3 {
			font-size: 1.25rem;
		}

	}

	input, textarea {
		color: #424242;
	}

	a {
		color: #20c5e7;
	}

		a:hover {
			color: #4ed1ec;
		}

	strong, b {
		color: #424242;
	}

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

/* Row */

/* Box */

/* Button */

	input[type="button"],
	.button {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-moz-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
		border-radius: 4px;
		border: 0;
		cursor: pointer;
		display: inline-block;
		font-weight: 700;
		height: 3.25rem;
		line-height: 3.25rem;
		padding: 0 2.25rem;
		text-align: center;
		text-decoration: none;
		white-space: nowrap;
	}

		.button.small {
			font-size: 0.8rem;
			height: 2.4375rem;
			line-height: 2.4375rem;
			padding: 0 1.5rem;
		}

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

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

		input[type="button"]:hover,
		.button:hover {
			background-color: rgba(32, 197, 231, 0.1);
		}

			input[type="button"]:hover:active,
			.button:hover:active {
				background-color: rgba(32, 197, 231, 0.25);
				}

/* Form */

	form {
		margin: 0 0 2rem 0;
	}

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

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

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

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

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

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

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

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

	}

	input[type="text"],
	input[type="email"],
	textarea {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		border-radius: 4px;
		border: none;
		border: solid 1px;
		color: inherit;
		display: block;
		outline: 0;
		padding: 0 1rem;
		text-decoration: none;
		width: 100%;
	}

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

	input[type="text"],
	input[type="email"] {
		height: 3.25rem;
		}

	textarea {
		padding: 0.75rem 1rem;
	}

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

	:-moz-placeholder {
		opacity: 1.0;
	}

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

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

	input[type="text"],
	input[type="email"],
	textarea {
		border-color: rgba(144, 144, 144, 0.25);
	}

		input[type="text"]:focus,
		input[type="email"]:focus,
		textarea:focus {
		border-color: #20c5e7;
		box-shadow: 0 0 0 1px #20c5e7;
	}

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

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

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

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

/* Icon */

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

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

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

/* Image */

	.image {
		border-radius: 4px;
		border: 0;
		display: inline-block;
		position: relative;
	}

		.image img {
			border-radius: 4px;
			display: block;
			margin-left: auto;
			margin-right: auto;
		}

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

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

		.image.special {
			box-shadow: 0px 15px 98px -20px rgba(0, 0, 0, 0.35);
			margin: 4rem auto 5rem auto;
			max-width: 75%;
		}

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

				.image.special {
					max-width: 100%;
				}

				.image.special {
					margin: 3rem 0 4rem 0;
				}

					.image.special img {
						height: 18rem;
						object-fit: cover;
						object-position: center center;
					}

			}

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

				.image.special {
					margin: 2rem 0 3rem 0;
				}

					.image.special img {
						height: 12rem;
					}

			}

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

				.image.special img {
					height: 10rem;
				}

			}

/* List */

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

		ul li {
			padding-left: 0.325rem;
	}

/* Actions */

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

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

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

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

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

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

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

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

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

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

		}

/* Feature Icons */

	ul.feature-icons {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-align-items: -moz-stretch;
		-webkit-align-items: -webkit-stretch;
		-ms-align-items: -ms-stretch;
		align-items: stretch;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		-ms-justify-content: center;
		justify-content: center;
		-moz-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		cursor: default;
		list-style: none;
		padding-left: 0;
	}

		ul.feature-icons li {
			padding: 0 2.5rem;
			text-align: center;
			margin-bottom: 2rem;
			}

			ul.feature-icons li .icon {
				border-radius: 100%;
				border: 2px solid;
				display: block;
				height: 6rem;
				line-height: 6rem;
				margin: 0 auto 1rem auto;
				text-align: center;
				width: 6rem;
			}

				ul.feature-icons li .icon:before {
					font-size: 1.75rem;
				}

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

			ul.feature-icons li {
				margin-bottom: 0.8rem;
				padding: 0 2rem;
			}

				ul.feature-icons li .icon {
					height: 4.5rem;
					line-height: 4.5rem;
					margin: 0 auto 1rem auto;
					width: 4.5rem;
				}

					ul.feature-icons li .icon:before {
						font-size: 1.5rem;
					}

				ul.feature-icons li .label {
					display: none;
				}

		}

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

			ul.feature-icons li {
				padding: 0 0.8rem;
			}

				ul.feature-icons li .icon {
					height: 4rem;
					line-height: 4rem;
					width: 4rem;
				}

					ul.feature-icons li .icon:before {
						font-size: 1.5rem;
					}

				ul.feature-icons li .label {
					display: none;
				}

		}

/* Icons */

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

		ul.icons li {
			display: inline-block;
			padding: 0 1rem 0 0;
		}

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

			ul.icons li .icon:before {
				font-size: 1.75rem;
			}

/* Table */

/* Wrapper */

	.wrapper {
		padding: 6rem 0 0 0 ;
	}

		.wrapper.special {
			text-align: center;
		}

			.wrapper.special ul.actions {
				-moz-justify-content: center;
				-webkit-justify-content: center;
				-ms-justify-content: center;
				justify-content: center;
			}

		.wrapper.alt header, .wrapper.alt footer {
			margin: 0 auto;
		}

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

				.wrapper.alt header, .wrapper.alt footer {
					max-width: calc(100% - 6rem);
					width: 100%;
				}

			}

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

				.wrapper.alt header, .wrapper.alt footer {
					max-width: calc(100% - 4rem);
					width: 100%;
				}

			}

		.wrapper.alt header {
			padding-bottom: 5rem;
		}

		.wrapper.alt footer {
			padding-top: 6rem;
		}

		.wrapper.alt.special {
			padding: 5rem 0 0 0;
		}

		.wrapper.style1 {
			background: #20c5e7;
		}

		.wrapper.style2 {
			background: #3d56ad;
		}

		.wrapper.style3 {
			padding: 0 0 4rem 0;
		}

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

			.wrapper {
				padding: 5rem 0 3rem 0 ;
			}

			.wrapper.alt.special {
				padding: 5rem 0 0 0;
			}

				.wrapper.alt header {
					padding-bottom: 2rem;
				}

				.wrapper.alt footer {
					padding-top: 4rem;
				}

		}

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

			.wrapper {
				padding: 3rem 0 1rem 0 ;
			}

				.wrapper.alt header {
					padding-bottom: 0;
				}

				.wrapper.alt footer {
					padding-top: 3rem;
				}

		}

/* Inner */

	.inner {
		margin: 0 auto;
		max-width: 70rem;
	}

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

			.inner {
				max-width: calc(100% - 12rem);
			}

		}


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

			.inner {
				max-width: calc(100% - 10rem);
				width: 100%;
			}

		}

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

			.inner {
				max-width: calc(100% - 4rem);
				width: 100%;
			}

		}

/* Spotlights */

	.spotlights {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-align-items: -moz-flex-start;
		-webkit-align-items: -webkit-flex-start;
		-ms-align-items: -ms-flex-start;
		align-items: flex-start;
		background-color: #000000;
		color: #ffffff;
		background: none;
		margin-bottom: 2rem;
		}

		.spotlights a {
			color: #ffffff;
		}

			.spotlights a:hover {
				color: rgba(255, 255, 255, 0.65);
			}

		.spotlights h2 {
			color: #ffffff;
		}

		.spotlights .button {
			background-color: transparent;
			box-shadow: inset 0 0 0 1px #20c5e7;
			color: #20c5e7 !important;
		}

			.spotlights .button:hover {
				background-color: rgba(32, 197, 231, 0.1);
			}

				.spotlights .button:hover:active {
					background-color: rgba(32, 197, 231, 0.25);
		}

		.spotlights ::-webkit-input-placeholder {
			color: rgba(255, 255, 255, 0.4) !important;
		}

		.spotlights :-moz-placeholder {
			color: rgba(255, 255, 255, 0.4) !important;
		}

		.spotlights ::-moz-placeholder {
			color: rgba(255, 255, 255, 0.4) !important;
		}

		.spotlights :-ms-input-placeholder {
			color: rgba(255, 255, 255, 0.4) !important;
			}

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

		.spotlights .spotlight {
			box-shadow: 0px 15px 59px -20px rgba(0, 0, 0, 0.35);
			margin-left: 2.5rem;
			width: 75%;
		}

			.spotlights .spotlight .image {
				border-radius: 4px 4px 0 0;
				margin: 0;
			}

				.spotlights .spotlight .image img {
					border-radius: 4px 4px 0 0;
				}

			.spotlights .spotlight .content {
				background: #20c5e7;
				border-radius: 0 0 4px 4px;
				font-weight: 700;
				padding: 1.25rem 1rem;
				text-align: center;
			}

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

			.spotlights {
				-moz-flex-direction: column;
				-webkit-flex-direction: column;
				-ms-flex-direction: column;
				flex-direction: column;
			}

				.spotlights > div {
					margin-bottom: 5rem;
				}

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

				.spotlights .intro {
					text-align: center;
				}

					.spotlights .intro h2 br {
						display: none;
					}

				.spotlights .spotlight {
					margin-left: 0;
					width: 100%;
				}

					.spotlights .spotlight img {
						height: 25rem;
						object-fit: cover;
					}

				.spotlights ul.actions {
					-moz-justify-content: center;
					-webkit-justify-content: center;
					-ms-justify-content: center;
					justify-content: center;
				}

		}

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

			.spotlights > div {
				margin-bottom: 2rem;
			}

			.spotlights .spotlight img {
				height: 20rem;
			}

		}

/* Profiles */

	.profiles {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-align-items: -moz-stretch;
		-webkit-align-items: -webkit-stretch;
		-ms-align-items: -ms-stretch;
		align-items: stretch;
		-moz-justify-content: space-between;
		-webkit-justify-content: space-between;
		-ms-justify-content: space-between;
		justify-content: space-between;
		flex-wrap: wrap;
	}

		.profiles .profile {
			background: #ffffff;
			border-radius: 4px;
			box-shadow: 0px 15px 59px -20px rgba(0, 0, 0, 0.35);
			margin-bottom: 2rem;
			padding: 3rem 2rem;
			position: relative;
			width: 22%;
		}

			.profiles .profile:before {
				background: #20c5e7;
				border-radius: 4px 4px 0 0;
				content: '';
				height: 9rem;
				left: 0;
				position: absolute;
				top: 0;
				width: 100%;
			}

			.profiles .profile .image {
				margin: 1rem 0 2rem 0;
			}

				.profiles .profile .image img {
					border-radius: 100%;
				}

				.profiles .profile .image h3 {
					margin-top: 3rem;
				}

			.profiles .profile .content > :last-child {
				margin-bottom: 0;
			}

			.profiles .profile  {
				display: -moz-flex;
				display: -webkit-flex;
				display: -ms-flex;
				display: flex;
				-moz-flex-direction: column;
				-webkit-flex-direction: column;
				-ms-flex-direction: column;
				flex-direction: column;
				-moz-justify-content: space-between;
				-webkit-justify-content: space-between;
				-ms-justify-content: space-between;
				justify-content: space-between;
			}


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

			.profiles {
				-moz-flex-direction: column;
				-webkit-flex-direction: column;
				-ms-flex-direction: column;
				flex-direction: column;
			}

				.profiles .profile {
					margin-bottom: 5rem;
					width: 100%;
				}

					.profiles .profile:last-child {
						margin-bottom: 2rem;
					}

		}

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

			.profiles .profile {
				margin-bottom: 2rem;
			}

		}

/* Header */

	#header {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-align-items: center;
		-webkit-align-items: center;
		-ms-align-items: center;
		align-items: center;
		-moz-justify-content: space-between;
		-webkit-justify-content: space-between;
		-ms-justify-content: space-between;
		justify-content: space-between;
		background: #324999;
		color: #ffffff;
		cursor: default;
		position: relative;
		text-align: center;
		width: 100%;
		z-index: 10001;
			}

		#header.alt {
			padding: 2rem;
		}

		#header > nav {
			margin: 0;
		}

			#header > nav > ul {
				list-style: none;
				margin: 0;
				padding: 0;
			}

				#header > nav > ul > li {
					display: inline-block;
					margin: 0 .15rem;
					position: relative;
					text-align: center;
				}

					#header > nav > ul > li > a {
						-moz-transition: box-shadow 0.2s ease-in-out;
						-webkit-transition: box-shadow 0.2s ease-in-out;
						-ms-transition: box-shadow 0.2s ease-in-out;
						transition: box-shadow 0.2s ease-in-out;
						border-radius: 4px;
						box-shadow: none;
						color: #ffffff;
						overflow: hidden;
						padding: .5rem 1rem;
						position: relative;
						text-decoration: none;
					}

						#header > nav > ul > li > a:hover {
							box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
						}

						#header > nav > ul > li > a.dropdown {
							padding-left: 2.5rem;
						}

							#header > nav > ul > li > a.dropdown:before {
								-moz-transition: background-image 0.2s ease-in-out;
								-webkit-transition: background-image 0.2s ease-in-out;
								-ms-transition: background-image 0.2s ease-in-out;
								transition: background-image 0.2s ease-in-out;
								-moz-transition: opacity 0.2s ease-in-out;
								-webkit-transition: opacity 0.2s ease-in-out;
								-ms-transition: opacity 0.2s ease-in-out;
								transition: opacity 0.2s ease-in-out;
								-moz-transform: rotate(90deg);
								-webkit-transform: rotate(90deg);
								-ms-transform: rotate(90deg);
								transform: rotate(90deg);
								background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96'%3E%3Cstyle%3Eline %7Bstroke: %23fff%3Bstroke-width: 5px%3B%7D%3C/style%3E%3Cline x1='32' y1='16' x2='64' y2='48' /%3E%3Cline x1='32' y1='80' x2='64' y2='48' /%3E%3C/svg%3E");
								background-position: center;
								background-repeat: no-repeat;
								background-size: 100%;
								content: '';
								cursor: pointer;
								height: 100%;
								left: 1rem;
								line-height: inherit;
								position: absolute;
								top: 0;
								width: 1rem;
							}

							#header > nav > ul > li > a.dropdown:hover:before {
								background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96'%3E%3Cstyle%3Eline %7Bstroke: %23fff%3Bstroke-width: 5px%3B%7D%3C/style%3E%3Cline x1='32' y1='16' x2='64' y2='48' /%3E%3Cline x1='32' y1='80' x2='64' y2='48' /%3E%3C/svg%3E");
							}

					#header > nav > ul > li > ul {
						display: none;
			}

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

			#header {
				display: -moz-flex;
				display: -webkit-flex;
				display: -ms-flex;
				display: flex;
				-moz-align-items: center;
				-webkit-align-items: center;
				-ms-align-items: center;
				align-items: center;
				-moz-flex-direction: column;
				-webkit-flex-direction: column;
				-ms-flex-direction: column;
				flex-direction: column;
				-moz-justify-content: center;
				-webkit-justify-content: center;
				-ms-justify-content: center;
				justify-content: center;
				height: 60px;
				line-height: 60px;
				padding: 0;
			}

				#header.alt {
					height: auto;
					padding: 3rem 0;
					}

				#header > nav {
					display: none;
				}

		}

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

			#header {
				height: 44px;
				line-height: 44px;
			}

				#header.alt {
					padding: 1.5rem 0;
			}

		}

/* Nav Panel */
#navPanel {
	-moz-transform: translateX(100%);
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%);
	-moz-transition: -moz-transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;
	-webkit-transition: -webkit-transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;
	-ms-transition: -ms-transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;
	transition: transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;
	-webkit-overflow-scrolling: touch;
	background-color: #37cbe9;
	box-shadow: none;
	color: #ffffff;
	height: 100%;
	max-width: 80%;
	overflow-y: auto;
	position: fixed;
	right: 0;
	top: 0;
	visibility: hidden;
	width: 20em;
	z-index: 10002;
}

	#navPanel nav {
		padding: 3em 2em;
	}

	#navPanel .link {
		-moz-transition: color 0.2s;
		-webkit-transition: color 0.2s;
		-ms-transition: color 0.2s;
		transition: color 0.2s;
		border-bottom: 0;
		border-top: solid 1px rgba(255, 255, 255, 0.25);
		color: inherit !important;
		display: block;
		padding: 0.75em 0;
		text-decoration: none;
	}

		#navPanel .link:first-child {
			border-top: 0;
		}

		#navPanel .link.depth-0 {
			color: #ffffff !important;
			font-weight: 700;
		}

		#navPanel .link:active, #navPanel .link:focus, #navPanel .link:hover {
			color: #ffffff !important;
		}

		#navPanel .link .indent-1 {
			display: inline-block;
			width: 1.25em;
		}

		#navPanel .link .indent-2 {
			display: inline-block;
			width: 2.5em;
		}

	#navPanel .close {
		text-decoration: none;
		-moz-transition: color 0.2s ease-in-out;
		-webkit-transition: color 0.2s ease-in-out;
		-ms-transition: color 0.2s ease-in-out;
		transition: color 0.2s ease-in-out;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
		border: 0;
		color: rgba(255, 255, 255, 0.4);
		cursor: pointer;
		display: block;
		height: 3.25em;
		line-height: 3.25em;
		padding-right: 1.25em;
		position: absolute;
		right: 0;
		text-align: right;
		top: 0;
		width: 7em;
	}

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

		#navPanel .close:before {
			content: '\f00d';
			font-size: 1.25em;
		}

		#navPanel .close:hover {
			color: #ffffff !important;
		}

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

			#navPanel .close {
				height: 4em;
				line-height: 4em;
			}

		}

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

		#navPanel nav {
			padding: 2.5em 1.75em;
		}

	}

body.is-navPanel-visible #wrapper {
	pointer-events: none;
	cursor: default;
	opacity: 0.25;
}

body.is-navPanel-visible #navPanel {
	-moz-transform: translateX(0);
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	visibility: visible;
}

/* Banner */

	#banner {
		background-color: #000000;
		color: #ffffff;
	}

		#banner h1 {
			color: #ffffff;
		}

		#banner ::-webkit-input-placeholder {
			color: rgba(255, 255, 255, 0.4) !important;
		}

		#banner :-moz-placeholder {
			color: rgba(255, 255, 255, 0.4) !important;
		}

		#banner ::-moz-placeholder {
			color: rgba(255, 255, 255, 0.4) !important;
		}

		#banner :-ms-input-placeholder {
			color: rgba(255, 255, 255, 0.4) !important;
			}

		#banner .wrapper {
			padding-top: 4rem;
		}

			#banner .wrapper > .inner > :last-child {
				margin-bottom: 0;
			}

			#banner .wrapper > .inner > .image {
				-moz-transition: opacity 1s ease-in-out, -moz-transform 1s ease-in-out;
				-webkit-transition: opacity 1s ease-in-out, -webkit-transform 1s ease-in-out;
				-ms-transition: opacity 1s ease-in-out, -ms-transform 1s ease-in-out;
				transition: opacity 1s ease-in-out, transform 1s ease-in-out;
			}

			#banner .wrapper > .inner > .feature-icons {
				-moz-transition: opacity 1s ease-in-out, -moz-transform 1s ease-in-out;
				-webkit-transition: opacity 1s ease-in-out, -webkit-transform 1s ease-in-out;
				-ms-transition: opacity 1s ease-in-out, -ms-transform 1s ease-in-out;
				transition: opacity 1s ease-in-out, transform 1s ease-in-out;
			}

		body.is-preload #banner .wrapper > .inner > .image {
			-moz-transform: scale(0.9875);
			-webkit-transform: scale(0.9875);
			-ms-transform: scale(0.9875);
			transform: scale(0.9875);
			opacity: 0;
		}

		body.is-preload #banner .wrapper > .inner > .feature-icons {
			-moz-transform: translateY(0.5rem);
			-webkit-transform: translateY(0.5rem);
			-ms-transform: translateY(0.5rem);
			transform: translateY(0.5rem);
			opacity: 0;
		}

/* Footer */

	#footer {
		color: #ffffff;
		text-align: center;
	}

		#footer .wrapper {
			padding-bottom: 0;
		}

		#footer h2 {
			color: #ffffff;
		}

		#footer input[type="text"],
		#footer input[type="email"],
		#footer textarea {
			color: #424242;
		}

		#footer .copyright {
			background: #324999;
			color: rgba(255, 255, 255, 0.4);
			margin-top: 6rem;
			padding: 4rem 2rem;
		}

		#footer .content {
			display: -moz-flex;
			display: -webkit-flex;
			display: -ms-flex;
			display: flex;
			flex-direction: column;
			margin: 4rem 0 2rem 0;
		}

		#footer .content .get-in-touch {
			display: -moz-flex;
			display: -webkit-flex;
			display: -ms-flex;
			display: flex;
			gap: 2em;
			-moz-justify-content: space-between;
			-webkit-justify-content: space-between;
			-ms-justify-content: space-between;
			justify-content: space-between;
			margin: 0 0 2rem 0;
		}


			#footer .content .form {
				background: #ffffff;
				border-radius: 4px;
				box-shadow: 0px 15px 59px -20px rgba(0, 0, 0, 0.35);
				margin-right: 2rem;
				padding: 2rem;
				text-align: left;
				width: 100%;
			}

				#footer .content .form > :last-child {
					margin-bottom: 0;
				}

				#footer .content .form form {
					margin-bottom: 0;
				}

					#footer .content .form form ul {
						-moz-justify-content: -moz-flex-start;
						-webkit-justify-content: -webkit-flex-start;
						-ms-justify-content: -ms-flex-start;
						justify-content: flex-start;
						margin-bottom: 0;
					}

			#footer .content .get-in-touch .icons {
				background-color: #000000;
				color: #ffffff;
				background: none;
				list-style: none;
				margin: 0;
				padding: 0;
				width: 40rem;
				}

				#footer .content .get-in-touch .icons a {
					color: #ffffff;
				}

					#footer .content .get-in-touch .icons a:hover {
						color: rgba(255, 255, 255, 0.65);
					}

				#footer .content .get-in-touch .icons strong {
					color: #ffffff;
				}

				#footer .content .get-in-touch .icons ::-webkit-input-placeholder {
					color: rgba(255, 255, 255, 0.4) !important;
				}

				#footer .content .get-in-touch .icons :-moz-placeholder {
					color: rgba(255, 255, 255, 0.4) !important;
				}

				#footer .content .get-in-touch .icons ::-moz-placeholder {
					color: rgba(255, 255, 255, 0.4) !important;
				}

				#footer .content .get-in-touch .icons :-ms-input-placeholder {
					color: rgba(255, 255, 255, 0.4) !important;
					}

				#footer .content .get-in-touch .icons li {
					display: -moz-flex;
					display: -webkit-flex;
					display: -ms-flex;
					display: flex;
					background: #20c5e7;
					border-radius: 4px;
					box-shadow: 0px 15px 59px -20px rgba(0, 0, 0, 0.35);
					margin-bottom: 2rem;
					padding: 2rem;
					text-align: left;
				}

					#footer .content .get-in-touch .icons li .icon {
						font-size: 1.5rem;
						margin-right: 1rem;
						line-height: 2rem;
					}

					#footer .content .get-in-touch .icons li strong {
						display: block;
					}

					#footer .content .get-in-touch .icons li:last-child {
						margin: 0;
					}

			#footer .content .get-in-touch .map-container {
				position: relative;
				overflow: hidden;
				width: 100%;
				padding-top: 35%; /* Adjusted padding-top for 80% width, maintains roughly original height proportion */
				border-radius: 4px;
				box-shadow: 0px 15px 59px -20px rgba(0, 0, 0, 0.35);
			}

			#footer .content .get-in-touch .map-container iframe {
				position: absolute;
				top: 0;
				left: 0;
				bottom: 0;
				right: 0;
				width: 100%;
				height: 100%;
				border: none; /* Overrides the inline style="border:0;" if needed */
			}

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

			#footer .content {
				-moz-flex-direction: column;
				-webkit-flex-direction: column;
				-ms-flex-direction: column;
				flex-direction: column;
			}

			#footer .content .get-in-touch {
				-moz-flex-direction: column;
				-webkit-flex-direction: column;
				-ms-flex-direction: column;
				flex-direction: column;
			}

			#footer .content .get-in-touch .map-container {
				order: -1;
				margin-bottom: 2rem;
				padding-top: 100%; /* 16:9 Aspect Ratio */
			}

			#footer .content .form {
				margin-bottom: 2rem;
				margin-right: 0;
				width: 100%;
			}

			#footer .content .form ul.actions {
				-moz-justify-content: center;
				-webkit-justify-content: center;
				-ms-justify-content: center;
				justify-content: center;
			}

			#footer .content .get-in-touch .icons {
				width: 100%;
			}

			#footer .content .get-in-touch .icons li {
				-moz-flex-direction: column;
				-webkit-flex-direction: column;
				-ms-flex-direction: column;
				flex-direction: column;
				-moz-justify-content: center;
				-webkit-justify-content: center;
				-ms-justify-content: center;
				justify-content: center;
				text-align: center;
			}

			#footer .content .get-in-touch .icons li .icon {
				margin-right: 0;
				margin-bottom: 1rem;
			}

		}

	

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

			#footer .copyright {
				margin-top: 5rem;
			}

		}

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

			#footer .copyright {
				margin-top: 3rem;
			}

		}

/* One: map and contact details */

#one {
	--contact-card-bg: #324999;
}

#one > .wrapper {
	padding: clamp(1rem, 3vh, 2rem) 0 2rem;
}

#one .inner {
	width: 70rem;
	max-width: calc(100% - 4rem);
}

#one header.major {
	max-width: 100%;
	margin-bottom: 1.25rem;
}

#one h1:before {
	display: none;
}

#one h1 {
	font-size: clamp(2rem, 4vw, 3rem);
	margin-bottom: 0.5rem;
}

#one .get-in-touch {
	display: grid;
	grid-template-columns: minmax(0, 1.65fr) minmax(0, 1fr);
	gap: 1.25rem;
	text-align: left;
}

#one .map-container {
	position: relative;
	min-height: clamp(450px, 48svh, 420px);
	overflow: hidden;
	border-radius: 4px;
	box-shadow: 0 15px 59px -20px rgba(0, 0, 0, 0.35);
}

#one .map-container iframe {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
}

#one .icons {
	display: grid;
	grid-template-rows: repeat(3, 1fr);
	gap: 0;
	min-width: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	color: #ffffff;
	background: var(--contact-card-bg);
	border-radius: 4px;
	box-shadow: 0 12px 32px -24px rgba(0, 0, 0, 0.45);
	overflow: hidden;
}

#one .icons li {
	margin: 0;
	padding: 0;
}

#one .icons li:first-child {
	border-top: 0;
}

#one .icons li > .contact-detail {
	display: flex;
	align-items: center;
	gap: 0.65rem;
	height: 100%;
	padding: 1rem 1.25rem;
	text-align: left;
	width: 100%;
}

#one .icons li .icon {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	font-size: 2.35rem;
	height: 2.75rem;
	line-height: 1;
	text-align: center;
	width: 2.75rem;
}

#one .icons li .fa-home,
#one .icons li .fa-phone {
	font-size: 2.45rem;
}

#one .icons li .fa-home {
	position: relative;
	top: 0.05rem;
}

#one .icons li .fa-envelope {
	font-size: 2.15rem;
}

#one .icons .contact-copy {
	min-width: 0;
	overflow-wrap: anywhere;
}

#one .icons .contact-lines {
	display: grid;
	gap: 0.1rem;
	line-height: 1.35;
}

#one .icons .contact-number {
	font-size: 1.5rem;
	line-height: 1.3;
}

#one .icons strong {
	display: block;
	color: inherit;
}

@media screen and (max-width: 736px) {
	#one .inner {
		max-width: calc(100% - 2rem);
	}

	#one .get-in-touch {
		grid-template-columns: minmax(0, 1fr);
		gap: 0.75rem;
	}

	#one .map-container {
		min-height: clamp(160px, 26svh, 240px);
		order: 2;
	}

	#one .icons {
		grid-template-rows: auto;
		order: 1;
	}

	#one .icons .contact-phone {
		border-top: 0;
		order: -1;
	}

	#one .icons .contact-address {
		border-top: 1px solid rgba(255, 255, 255, 0.22);
	}

	#one .icons li > .contact-detail {
		min-height: 44px;
		padding: 0.5rem 1rem;
	}

	#one .icons li .icon {
		font-size: 1.5rem;
		height: 2rem;
		width: 2rem;
	}
}

/* Single-page navigation */

#header.section-nav {
	justify-content: center;
	height: auto;
	padding: 0.5rem 1rem;
	line-height: 1.5;
}

#header.section-nav > nav {
	display: block;
	max-width: 100%;
}

#header.section-nav > nav > ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.5rem;
}

#header.section-nav > nav > ul > li {
	margin: 0;
	padding: 0;
}

#header.section-nav > nav > ul > li > a {
	display: flex;
	align-items: center;
	min-height: 44px;
	padding: 0.5rem 1rem;
}

#header.section-nav > nav > ul > li > a:focus-visible {
	outline: 2px solid #ffffff;
	outline-offset: 2px;
}

@media screen and (max-width: 480px) {
	#header.section-nav {
		padding: 0.5rem;
	}

	#header.section-nav > nav > ul > li > a {
		padding: 0.5rem 0.75rem;
	}
}

/* Usability and responsive enhancements */

#one .major .subtitle {
	font-size: 1.25rem;
	line-height: 1.5;
	margin: 0;
}

.appointment-cta {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.6rem;
}

.appointment-cta > span {
	color: #666666;
	font-size: 1rem;
}

.appointment-call.button {
	background: #324999;
	box-shadow: none;
	color: #ffffff !important;
	font-size: 1rem;
	min-height: 3.25rem;
}

.appointment-call.button:hover {
	background: #3d56ad;
}

.appointment-call .icon {
	margin-right: 0.65rem;
}

#footer .form-intro {
	color: rgba(255, 255, 255, 0.9);
	line-height: 1.6;
	margin: -0.5rem auto 0;
	max-width: 42rem;
}

#footer .form label {
	color: #424242;
	display: block;
	font-weight: 700;
	line-height: 1.5;
	margin-bottom: 0.5rem;
}

#footer .form-note {
	color: #666666;
	font-size: 0.95rem;
	line-height: 1.5;
	margin: 0 0 1.5rem;
}

#footer .copyright {
	color: rgba(255, 255, 255, 0.75);
	font-size: 0.95rem;
}

@media screen and (min-width: 737px) and (max-width: 980px) {
	.profiles {
		flex-direction: row;
		gap: 2rem;
	}

	.profiles .profile,
	.profiles .profile:last-child {
		margin-bottom: 0;
		width: calc(50% - 1rem);
	}
}

@media screen and (max-width: 736px) {
	html {
		font-size: 12pt;
	}

	#header.section-nav > nav > ul > li > a {
		font-size: 0.95rem;
	}


	.profiles {
		gap: 1rem;
	}

	.profiles .profile,
	.profiles .profile:last-child {
		display: block;
		margin-bottom: 0;
		padding: 1.25rem;
		text-align: left;
	}

	.profiles .profile:before,
	.profiles .profile .image img {
		display: none;
	}

	.profiles .profile .image {
		margin: 0 0 0.75rem;
	}

	.profiles .profile .image h3 {
		font-size: 1.05rem;
		line-height: 1.4;
		margin: 0;
	}

	.profiles .profile .content {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 1rem;
	}

	.profiles .profile .content p,
	.profiles .profile .content .actions {
		margin: 0;
	}

	.profiles .profile .content .actions {
		width: auto !important;
	}

	.profiles .profile .content .actions li {
		padding: 0;
	}

	.profiles .profile .button.small {
		font-size: 0.9rem;
		height: 2.75rem;
		line-height: 2.75rem;
		padding: 0 1rem;
	}
}

@media screen and (max-width: 480px) {
	#one .major .subtitle {
		font-size: 1.1rem;
	}

	.appointment-call.button {
		width: 100%;
	}
}