@import url("fontawesome-all.min.css");
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600|Arvo:700");

/*
	Strongly Typed by HTML5 UP
	html5up.net | @ajlkn
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

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: 0.8;
}

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 */

	html {
		box-sizing: border-box;
	}

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

	body {
		background: #f0f0f0;
	}

		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;
		}

	body, input, textarea, select {
		font-family: 'Source Sans Pro';
		font-weight: 300;
		color: #777;
		line-height: 1.4em;
		font-size: 15pt;
	}

	h1, h2, h3, h4, h5, h6 {
		font-weight: 600;
		text-transform: none;
		color: #888;
	}

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

	h2 {
		font-size: 1.65em;
		font-weight: 800;
		letter-spacing: 4px;
		margin: 0 0 .8em 0;
		line-height: 1;
	}

	h3 {
		font-size: 1em;
		letter-spacing: 2px;
		margin: 0 0 1.25em 0;
	}

	a {
		-moz-transition: color 0.25s ease-in-out, border-bottom-color 0.25s ease-in-out;
		-webkit-transition: color 0.25s ease-in-out, border-bottom-color 0.25s ease-in-out;
		-ms-transition: color 0.25s ease-in-out, border-bottom-color 0.25s ease-in-out;
		transition: color 0.25s ease-in-out, border-bottom-color 0.25s ease-in-out;
		color: #666;
		text-decoration: none;
		border-bottom: solid 1px #ddd;
	}

		a strong {
			-moz-transition: color 0.25s ease-in-out, border-bottom-color 0.25s ease-in-out;
			-webkit-transition: color 0.25s ease-in-out, border-bottom-color 0.25s ease-in-out;
			-ms-transition: color 0.25s ease-in-out, border-bottom-color 0.25s ease-in-out;
			transition: color 0.25s ease-in-out, border-bottom-color 0.25s ease-in-out;
		}

		a:hover {
			color: #ed786a;
			border-bottom-color: rgba(255, 255, 255, 0);
		}

			a:hover strong {
				color: #ed786a;
			}

	strong, b {
		font-weight: 600;
		color: #666;
	}

	em, i {
		font-style: italic;
	}

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

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

	hr {
		border: 0;
		border-top: solid 1px #ddd;
	}

	blockquote {
		border-left: solid 0.5em #ddd;
		padding: 1em 0 1em 2em;
		font-style: italic;
	}

	p {
		text-align: justify;
		margin-bottom: 0em;
	}

	ul, ol, dl, table, blockquote {
		margin-bottom: 2em;
	}

	br.clear {
		clear: both;
	}

/* Container */

	.container {
		margin: 0 auto;
		max-width: 100%;
		width: 70em;
	}

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

			.container {
				width: 68em;
			}

		}

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

			.container {
				width: calc(100% - 80px);
			}

		}

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

			.container {
				width: calc(100% - 100px);
			}

		}

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

			.container {
				width: calc(100% - 40px);
			}

		}

/* Row */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

		.row.gtr-25 {
			margin-top: -12.5px;
			margin-left: -12.5px;
		}

			.row.gtr-25 > * {
				padding: 12.5px 0 0 12.5px;
			}

			.row.gtr-25.gtr-uniform {
				margin-top: -12.5px;
			}

				.row.gtr-25.gtr-uniform > * {
					padding-top: 12.5px;
				}

		.row.gtr-50 {
			margin-top: -25px;
			margin-left: -25px;
		}

			.row.gtr-50 > * {
				padding: 25px 0 0 25px;
			}

			.row.gtr-50.gtr-uniform {
				margin-top: -25px;
			}

				.row.gtr-50.gtr-uniform > * {
					padding-top: 25px;
				}

		.row {
			margin-top: -50px;
			margin-left: -50px;
		}

			.row > * {
				padding: 50px 0 0 50px;
			}

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

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

		.row.gtr-150 {
			margin-top: -75px;
			margin-left: -75px;
		}

			.row.gtr-150 > * {
				padding: 75px 0 0 75px;
			}

			.row.gtr-150.gtr-uniform {
				margin-top: -75px;
			}

				.row.gtr-150.gtr-uniform > * {
					padding-top: 75px;
				}

		.row.gtr-200 {
			margin-top: -100px;
			margin-left: -100px;
		}

			.row.gtr-200 > * {
				padding: 100px 0 0 100px;
			}

			.row.gtr-200.gtr-uniform {
				margin-top: -100px;
			}

				.row.gtr-200.gtr-uniform > * {
					padding-top: 100px;
				}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

				.row.gtr-25 {
					margin-top: -12.5px;
					margin-left: -12.5px;
				}

					.row.gtr-25 > * {
						padding: 12.5px 0 0 12.5px;
					}

					.row.gtr-25.gtr-uniform {
						margin-top: -12.5px;
					}

						.row.gtr-25.gtr-uniform > * {
							padding-top: 12.5px;
						}

				.row.gtr-50 {
					margin-top: -25px;
					margin-left: -25px;
				}

					.row.gtr-50 > * {
						padding: 25px 0 0 25px;
					}

					.row.gtr-50.gtr-uniform {
						margin-top: -25px;
					}

						.row.gtr-50.gtr-uniform > * {
							padding-top: 25px;
						}

				.row {
					margin-top: -50px;
					margin-left: -50px;
				}

					.row > * {
						padding: 50px 0 0 50px;
					}

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

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

				.row.gtr-150 {
					margin-top: -75px;
					margin-left: -75px;
				}

					.row.gtr-150 > * {
						padding: 75px 0 0 75px;
					}

					.row.gtr-150.gtr-uniform {
						margin-top: -75px;
					}

						.row.gtr-150.gtr-uniform > * {
							padding-top: 75px;
						}

				.row.gtr-200 {
					margin-top: -100px;
					margin-left: -100px;
				}

					.row.gtr-200 > * {
						padding: 100px 0 0 100px;
					}

					.row.gtr-200.gtr-uniform {
						margin-top: -100px;
					}

						.row.gtr-200.gtr-uniform > * {
							padding-top: 100px;
						}

		}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

				.row.gtr-25 {
					margin-top: -10px;
					margin-left: -10px;
				}

					.row.gtr-25 > * {
						padding: 10px 0 0 10px;
					}

					.row.gtr-25.gtr-uniform {
						margin-top: -10px;
					}

						.row.gtr-25.gtr-uniform > * {
							padding-top: 10px;
						}

				.row.gtr-50 {
					margin-top: -20px;
					margin-left: -20px;
				}

					.row.gtr-50 > * {
						padding: 20px 0 0 20px;
					}

					.row.gtr-50.gtr-uniform {
						margin-top: -20px;
					}

						.row.gtr-50.gtr-uniform > * {
							padding-top: 20px;
						}

				.row {
					margin-top: -40px;
					margin-left: -40px;
				}

					.row > * {
						padding: 40px 0 0 40px;
					}

					.row.gtr-uniform {
						margin-top: -40px;
					}

						.row.gtr-uniform > * {
							padding-top: 40px;
						}

				.row.gtr-150 {
					margin-top: -60px;
					margin-left: -60px;
				}

					.row.gtr-150 > * {
						padding: 60px 0 0 60px;
					}

					.row.gtr-150.gtr-uniform {
						margin-top: -60px;
					}

						.row.gtr-150.gtr-uniform > * {
							padding-top: 60px;
						}

				.row.gtr-200 {
					margin-top: -80px;
					margin-left: -80px;
				}

					.row.gtr-200 > * {
						padding: 80px 0 0 80px;
					}

					.row.gtr-200.gtr-uniform {
						margin-top: -80px;
					}

						.row.gtr-200.gtr-uniform > * {
							padding-top: 80px;
						}

		}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

				.row.gtr-25 {
					margin-top: -12.5px;
					margin-left: -12.5px;
				}

					.row.gtr-25 > * {
						padding: 12.5px 0 0 12.5px;
					}

					.row.gtr-25.gtr-uniform {
						margin-top: -12.5px;
					}

						.row.gtr-25.gtr-uniform > * {
							padding-top: 12.5px;
						}

				.row.gtr-50 {
					margin-top: -25px;
					margin-left: -25px;
				}

					.row.gtr-50 > * {
						padding: 25px 0 0 25px;
					}

					.row.gtr-50.gtr-uniform {
						margin-top: -25px;
					}

						.row.gtr-50.gtr-uniform > * {
							padding-top: 25px;
						}

				.row {
					margin-top: -50px;
					margin-left: -50px;
				}

					.row > * {
						padding: 50px 0 0 50px;
					}

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

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

				.row.gtr-150 {
					margin-top: -75px;
					margin-left: -75px;
				}

					.row.gtr-150 > * {
						padding: 75px 0 0 75px;
					}

					.row.gtr-150.gtr-uniform {
						margin-top: -75px;
					}

						.row.gtr-150.gtr-uniform > * {
							padding-top: 75px;
						}

				.row.gtr-200 {
					margin-top: -100px;
					margin-left: -100px;
				}

					.row.gtr-200 > * {
						padding: 100px 0 0 100px;
					}

					.row.gtr-200.gtr-uniform {
						margin-top: -100px;
					}

						.row.gtr-200.gtr-uniform > * {
							padding-top: 100px;
						}

		}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

				.row.gtr-25 {
					margin-top: -7.5px;
					margin-left: -7.5px;
				}

					.row.gtr-25 > * {
						padding: 7.5px 0 0 7.5px;
					}

					.row.gtr-25.gtr-uniform {
						margin-top: -7.5px;
					}

						.row.gtr-25.gtr-uniform > * {
							padding-top: 7.5px;
						}

				.row.gtr-50 {
					margin-top: -15px;
					margin-left: -15px;
				}

					.row.gtr-50 > * {
						padding: 15px 0 0 15px;
					}

					.row.gtr-50.gtr-uniform {
						margin-top: -15px;
					}

						.row.gtr-50.gtr-uniform > * {
							padding-top: 15px;
						}

				.row {
					margin-top: -30px;
					margin-left: -30px;
				}

					.row > * {
						padding: 30px 0 0 30px;
					}

					.row.gtr-uniform {
						margin-top: -30px;
					}

						.row.gtr-uniform > * {
							padding-top: 30px;
						}

				.row.gtr-150 {
					margin-top: -45px;
					margin-left: -45px;
				}

					.row.gtr-150 > * {
						padding: 45px 0 0 45px;
					}

					.row.gtr-150.gtr-uniform {
						margin-top: -45px;
					}

						.row.gtr-150.gtr-uniform > * {
							padding-top: 45px;
						}

				.row.gtr-200 {
					margin-top: -60px;
					margin-left: -60px;
				}

					.row.gtr-200 > * {
						padding: 60px 0 0 60px;
					}

					.row.gtr-200.gtr-uniform {
						margin-top: -60px;
					}

						.row.gtr-200.gtr-uniform > * {
							padding-top: 60px;
						}

		}

/* Sections/Article */

	section, article {
		margin-bottom: 1em;
	}

	section > :last-child,
	article > :last-child,
	section:last-child,
	article:last-child {
		margin-bottom: 0;
	}

/* Image */

	.image {
		-moz-transition: opacity 0.25s ease-in-out;
		-webkit-transition: opacity 0.25s ease-in-out;
		-ms-transition: opacity 0.25s ease-in-out;
		transition: opacity 0.25s ease-in-out;
		display: inline-block;
		border: solid 3px #ebebeb !important;
	}

		.image:hover {
			opacity: 0.9;
		}

		.image img {
			display: block;
			width: 100%;
		}

		.image.fit {
			display: block;
			width: 100%;
		}

		.image.featured {
			display: block;
			width: 100%;
			margin: 0 0 0.2em 0;
		}

		.image.left {
			float: left;
			margin: 0 1.5em 1.5em 0;
			position: relative;
			top: 0.5em;
		}

		.image.centered {
			display: block;
			margin: 0 0 2em 0;
		}

			.image.centered img {
				margin: 0 auto;
				width: auto;
			}

/* Thumbnails */

#thumbnails {
	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;
	padding: 0 0.75em;
}

	#thumbnails article {
		position: relative;
		width: 50%;
		background: #101010;
		outline: 0;
	}

		#thumbnails article .thumbnail {
			-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
			display: block;
			position: relative;
			border: 0;
			outline: 0;
		}

			#thumbnails article .thumbnail img {
				display: block;
				width: 100%;
			}

			#thumbnails article .thumbnail:before {
				pointer-events: none;
				-moz-transition: opacity 0.25s ease;
				-webkit-transition: opacity 0.25s ease;
				-ms-transition: opacity 0.25s ease;
				transition: opacity 0.25s ease;
				content: '';
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				box-shadow: inset 0 0 0 2px #00D3B7, inset 0 0 0px 3px rgba(0, 0, 0, 0.15);
				opacity: 0;
				z-index: 1;
			}

			#thumbnails article .thumbnail:focus:before {
				opacity: 0.5;
			}

		#thumbnails article h2, #thumbnails article p {
			display: none;
		}

		#thumbnails article.active .thumbnail:before {
			opacity: 1;
		}

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

		#thumbnails article .thumbnail:before {
			display: none;
		}

	}


/* Image News */

div.scrollingDiv
{
   overflow-y:scroll;
   overflow-x: auto;
   height: 170em;
   padding-right: 1em;

}

.scrollingDiv p {
  border: 1.5px solid #cccccc;
  border-radius: 6px;
  padding: 8px 12px;
  margin-bottom: 10px;
  background: #f9f9f9;
}

.scrollingDiv .news-highlight {
  border: 1.5px solid #cccccc;
  border-radius: 6px;
  padding: 8px 12px;
  margin-bottom: 10px;
  background: #f9f9f9;
}

.scrollingDiv blockquote,
.scrollingDiv script {
  margin-bottom: 0 !important;
}

.imageN {
	-moz-transition: opacity 0.25s ease-in-out;
	-webkit-transition: opacity 0.25s ease-in-out;
	-ms-transition: opacity 0.25s ease-in-out;
	transition: opacity 0.25s ease-in-out;
	display: inline-block;
	border: solid 1px #ebebeb !important;
}

	.imageN:hover {
		opacity: 0.9;
	}

	.imageN img {
		display: block;
		width: 100%;
	}

	.imageN.fit {
		display: block;
		width: 100%;
	}

	.imageN.featured {
		display: block;
		width: 100%;
		margin: 0 0 3.5em 0;
	}

	
/* List */

	ul {
		list-style: disc;
		padding-left: 1em;
	}

		ul li {
			padding-left: 0.5em;
			margin: 0.75em 0 0.75em 0;
		}

			ul li:first-child {
				margin-top: 0;
			}

	ol {
		list-style: decimal;
		padding-left: 1em;
	}

		ol li {
			padding-left: 0.5em;
			margin: 0.75em 0 0.75em 0;
		}

			ol li:first-child {
				margin-top: 0;
			}

/* Links */

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

		ul.links li {
			display: inline;
			border-left: solid 1px #d0d0d0;
			padding-left: 1em;
			margin: 0 0 0 1em;
		}

			ul.links li:first-child {
				margin-left: 0;
				padding-left: 0;
				border-left: 0;
			}

/* Actions */

	ul.actions {
		margin-top: .5em;
		clear: both;
		list-style: none;
		padding-left: 0;
	}

		ul.actions li {
			padding-left: 0;
			display: inline-block;
			margin: 0 0 0 1em;
		}

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

/* Divided */

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

		ul.divided li {
			border-top: solid 2px #e5e5e5;
			padding-left: 0;
			margin: 2.5em 0 0 0;
			padding: 2.5em 0 0 0;
		}

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

/* Icons */

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

		ul.icons > li {
			position: relative;
			padding: 2em 0 0 3em;
			margin: 0;
		}

			ul.icons > li:before {
				position: absolute;
				left: 0;
				top: 2.6em;
				display: block;
				font-size: 0.8em;
				background: #878787;
				color: #e4e4e4;
				width: 2em;
				height: 2em;
				border-radius: 2em;
				line-height: 2em;
				text-align: center;
				box-shadow: 0.125em 0.175em 0 0 rgba(0, 0, 0, 0.125);
			}

			ul.icons > li:first-child {
				padding-top: 0;
			}

				ul.icons > li:first-child:before {
					top: 0;
				}

/* Form */

	form label {
		font-weight: 600;
		text-transform: uppercase;
		color: #888;
		display: block;
		margin: 0 0 1em 0;
	}

	form input[type="text"],
	form input[type="email"],
	form input[type="password"],
	form select,
	form textarea {
		-moz-transition: background-color 0.25s ease-in-out;
		-webkit-transition: background-color 0.25s ease-in-out;
		-ms-transition: background-color 0.25s ease-in-out;
		transition: background-color 0.25s ease-in-out;
		-webkit-appearance: none;
		display: block;
		border: 0;
		background: #e8e8e8;
		width: 100%;
		box-shadow: inset 2px 2px 0px 0px rgba(0, 0, 0, 0.1);
		border-radius: 4px;
		line-height: 1.25em;
		padding: 0.75em 1em 0.75em 1em;
	}

		form input[type="text"]:focus,
		form input[type="email"]:focus,
		form input[type="password"]:focus,
		form select:focus,
		form textarea:focus {
			background: #f0f0f0;
		}

	form textarea {
		min-height: 11em;
	}

	form ::-webkit-input-placeholder {
		color: #555 !important;
		line-height: 1.35em;
	}

	form :-moz-placeholder {
		color: #555 !important;
	}

	form ::-moz-placeholder {
		color: #555 !important;
	}

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

	form ::-moz-focus-inner {
		border: 0;
	}

/* Table */

	table {
		width: 100%;
	}

		table tbody tr {
			border-top: solid 1px #E5E5E5;
		}

			table tbody tr:first-child {
				border-top: 0;
			}

		table td {
			padding: 0.75em 1em 0.75em 1em;
		}

		table th {
			text-align: left;
			font-weight: bold;
			padding: 0.75em 1em 0.75em 1em;
		}

		table thead {
			background: #878787;
			color: #fff;
			font-weight: 400;
			text-transform: uppercase;
			border: 0;
			box-shadow: 0.125em 0.175em 0 0 rgba(0, 0, 0, 0.125);
			font-size: 0.85em;
			letter-spacing: 2px;
		}

		table tfoot {
			background: #F0F0F0;
			border-top: solid 2px #E5E5E5;
		}

		#table_HMI tr:hover {
			background-color: #F2F2F2;
		}

		#table_sp23 tr:hover {
			background-color: #F2F2F2;
		}
		
		#table_HMI .hidden_row {
			display: none;
		}
		#table_UST tr:hover {
			background-color: #F2F2F2;
		}
		#table_UST .hidden_row {
			display: none;
		}

		#table_sp23 .hidden_row {
			display: none;
		}


/* Button */

	input[type="button"],
	input[type="submit"],
	input[type="reset"],
	button,
	.button {
		-moz-transition: all 0.25s ease-in-out;
		-webkit-transition: all 0.25s ease-in-out;
		-ms-transition: all 0.25s ease-in-out;
		transition: all 0.25s ease-in-out;
		-webkit-appearance: none;
		position: relative;
		display: inline-block;
		background: #ed786a;
		color: #fff !important;
		text-transform: uppercase;
		border-radius: 2px;
		border: 0;
		outline: 0;
		font-size: 1em;
		box-shadow: 0.125em 0.175em 0 0 rgba(0, 0, 0, 0.125);
		font-weight: 500;
		text-align: center;
		font-size: 0.8em;
		letter-spacing: 2px;
		padding: 0em 0.5em 0em 0.5em;
	}

		input[type="button"].icon:before,
		input[type="submit"].icon:before,
		input[type="reset"].icon:before,
		button.icon:before,
		.button.icon:before {
			position: relative;
			padding-right: 0.0em;
			opacity: 0.5;
			top: 0.05em;
		}

		input[type="button"]:hover,
		input[type="submit"]:hover,
		input[type="reset"]:hover,
		button:hover,
		.button:hover {
			background: #fd887a;
		}

		input[type="button"]:active,
		input[type="submit"]:active,
		input[type="reset"]:active,
		button:active,
		.button:active {
			background: #ed786a;
		}

		input[type="button"].alt,
		input[type="submit"].alt,
		input[type="reset"].alt,
		button.alt,
		.button.alt {
			background: #878787;
		}

			input[type="button"].alt:hover,
			input[type="submit"].alt:hover,
			input[type="reset"].alt:hover,
			button.alt:hover,
			.button.alt:hover {
				background: #979797;
			}

			input[type="button"].alt:active,
			input[type="submit"].alt:active,
			input[type="reset"].alt:active,
			button.alt:active,
			.button.alt:active {
				background: #878787;
			}

/* Box */

	.no-sidebar .box.post > header {
		text-align: center;
	}

	.box.excerpt .date {
		background: #f78700;
		color: #fff;
		font-weight: 400;
		text-transform: uppercase;
		border-radius: 4px;
		border: 0;
		box-shadow: 0.125em 0.175em 0 0 rgba(0, 0, 0, 0.125);
		display: inline-block;
		font-size: 0.85em;
		letter-spacing: 2px;
		padding: 0.25em 1em 0.25em 1em;
		margin: 0 0 .5em 0;
	}

/* Icons */

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

		.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:before {
			line-height: inherit;
		}

		.icon > .label {
			display: none;
		}

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

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

/* Page Wrapper */

	#page-wrapper > section {
		margin-bottom: 0;
	}

/* Header */

	#header {
		position: relative;
		position: relative;
		background: #fff;
		text-align: center;
	}

		#header > .container {
			padding: 8em 0 7em 0;
			border-bottom: solid 2px #e5e5e5;
			box-shadow: inset 0px -8px 0px 0px #fff, inset 0px -10px 0px 0px #e5e5e5;
		}

		#header h3 {
			font-family: 'Arvo';
			font-weight: 400;
			color: #ed786a;
			text-shadow: 0.05em 0.075em 0 rgba(0, 0, 0, 0.1);
			font-size: 1.2em;
			letter-spacing: 2px;
		}

			#header h1 a {
				border: 0;
			}

		#header p {
			font-weight: 500;
			color: #51101f;
			margin: 2.5em 0 0 0;
			font-size: 1.3em;
			letter-spacing: 1px;
		}

/* Nav */

	#nav {
		position: absolute;
		top: 1em;
		left: 0;
		width: 100%;
		cursor: default;
	}

		#nav > ul > li {
			display: inline-block;
			padding-right: 3em;
		}

			#nav > ul > li:last-child {
				padding-right: 0;
			}

			#nav > ul > li > a {
				border: 0;
				text-decoration: none;
				text-transform: uppercase;
				font-weight: 500;
				color: #f0f;
				outline: 0;
				display: block;
			}

				#nav > ul > li > a:before {
					display: inline-block;
					background: #000850;
					color: #e4e4e4;
					width: 2.25em;
					font-size: 0.8em;
					height: 2.25em;
					border-radius: 2.25em;
					line-height: 2.1em;
					text-align: center;
					box-shadow: 0.125em 0.175em 0 0 rgba(0, 0, 0, 0.125);
					margin-right: 0.75em;
					-moz-transition: color 0.25s ease-in-out, background 0.25s ease-in-out;
					-webkit-transition: color 0.25s ease-in-out, background 0.25s ease-in-out;
					-o-transition: color 0.25s ease-in-out, background 0.25s ease-in-out;
					-ms-transition: color 0.25s ease-in-out, background 0.25s ease-in-out;
					transition: color 0.25s ease-in-out, background 0.25s ease-in-out;
				}

				#nav > ul > li > a > span {
					-moz-transition: color 0.25s ease-in-out;
					-webkit-transition: color 0.25s ease-in-out;
					-o-transition: color 0.25s ease-in-out;
					-ms-transition: color 0.25s ease-in-out;
					transition: color 0.25s ease-in-out;
					font-size: 1.em;
					letter-spacing: 1px;
				}

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

			#nav > ul > li.active > a:before,
			#nav > ul > li:hover > a:before {
				background: #ED786A;
				color: #fff;
			}

			#nav > ul > li.active > a > span,
			#nav > ul > li:hover > a > span {
				color: #ED786A;
			}

	.dropotron {
		text-align: left;
		border: solid 1px #e5e5e5;
		border-radius: 4px;
		background: #fff;
		background: rgba(255, 255, 255, 0.965);
		box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
		padding: 0.75em 0 0.5em 0;
		min-width: 12em;
		margin-top: calc(-0.5em + 1px);
		margin-left: -2px;
		list-style: none;
	}

		.dropotron.level-0 {
			margin-top: 1.5em;
			margin-left: -1em;
		}

			.dropotron.level-0:after {
				content: '';
				display: block;
				position: absolute;
				left: 1.25em;
				top: calc(-0.75em + 1px);
				border-left: solid 0.75em rgba(255, 255, 255, 0);
				border-right: solid 0.75em rgba(255, 255, 255, 0);
				border-bottom: solid 0.75em #fff;
			}

			.dropotron.level-0:before {
				content: '';
				display: block;
				position: absolute;
				left: 1.25em;
				top: -0.75em;
				border-left: solid 0.75em rgba(255, 255, 255, 0);
				border-right: solid 0.75em rgba(255, 255, 255, 0);
				border-bottom: solid 0.75em #ccc;
			}

		.dropotron span, .dropotron a {
			display: block;
			padding: 0.3em 1em 0.3em 1em;
			border: 0;
			border-top: solid 1px #f0f0f0;
			outline: 0;
		}

		.dropotron li {
			padding-left: 0;
			margin: 0;
		}

			.dropotron li:first-child > span, .dropotron li:first-child > a {
				border-top: 0;
				padding-top: 0;
			}

			.dropotron li:hover > span, .dropotron li:hover > a {
				-moz-transition: color 0.25s ease-in-out, border-bottom-color 0.25s ease-in-out;
				-webkit-transition: color 0.25s ease-in-out, border-bottom-color 0.25s ease-in-out;
				-ms-transition: color 0.25s ease-in-out, border-bottom-color 0.25s ease-in-out;
				transition: color 0.25s ease-in-out, border-bottom-color 0.25s ease-in-out;
				color: #ed786a;
			}

/* Features */

	#features {
		position: relative;
		overflow: hidden;
		background: #fff;
		text-align: center;
		padding: 0em 0;
	}

		#features p {
			text-align: justify;
		}

		#features ul.actions {
			margin-top: 0em;
		}

/* Banner */

	#banner {
		position: relative;
		overflow: hidden;
		background: #fff;
		color: #fff;
		text-align: center;
		border-top: solid 2px #e5e5e5;
		border-bottom: solid 2px #e5e5e5;
		box-shadow: inset 0px -8px 0px 0px #fff, inset 0px 8px 0px 0px #fff;
		position: relative;
		text-transform: uppercase;
		background: url("../../images/uf_banner.jpeg");
		background-size: cover;
		padding: 7em 0;
	}

		#banner p {
			font-weight: 400;
			font-size: 2em;
			line-height: 1.5em;
			letter-spacing: 4px;
			text-align: center;
			margin: 0;
		}

		#banner strong {
			color: inherit;
		}

		#banner > .container {
			position: relative;
		}


/* Second Banner */

  .logo_uf img {
	width: 389;
	height: 391;
  }

  .logo_pi img {
	width: 10vw;
	height: 5vw;
  }
  
  

#bannerH {
	position: relative;
	overflow: hidden;
	background: #fff;
	color: #fff;
	text-align: center;
	box-shadow: inset 0px -8px 0px 0px #fff, inset 0px 8px 0px 0px #fff;
	position: relative;
	background: url("../../images/new_banner.png");
	background-size: cover;
	padding: 3em 0;
}

	#bannerH p {
		font-weight: 400;
		font-size: 2em;
		line-height: 1.5em;
		letter-spacing: 4px;
		text-align: center;
		margin: 0;
	}

	#bannerH strong {
		color: inherit;
	}

	#banbannerHner > .container {
		position: relative;
	}

		#bannerH > .container:after {
			-moz-transform: scaleX(-1);
			-webkit-transform: scaleX(-1);
			-ms-transform: scaleX(-1);
			transform: scaleX(-1);
			right: 0;
		}

/* Main */

	#main {
		position: relative;
		overflow: hidden;
		background: #fff;
		padding: 6em 0;
	}

/* Content */

	#content > section,
	#content > article {
		border-top: solid 0px #e5e5e5;
		box-shadow: inset 0px 8px 0px 0px #fff, inset 0px 10px 0px 0px #e5e5e5;
		margin: 2em 0 0 0;
		padding: 2em 0 0 0;
	}

		#content > section:first-child,
		#content > article:first-child {
			border-top: 0;
			box-shadow: none;
			margin: 0;
			padding: 0;
		}

/* Sidebar */

	#sidebar > section,
	#sidebar > article {
		border-top: solid 0px #e5e5e5;
		box-shadow: inset 0px 8px 0px 0px #fff, inset 0px 10px 0px 0px #e5e5e5;
		margin: 2em 0 0 0;
		padding: 2em 0 0 0;
	}

		#sidebar > section:first-child,
		#sidebar > article:first-child {
			border-top: 0;
			box-shadow: none;
			margin: 0;
			padding: 0;
		}

/* Footer */

	#footer {
		position: relative;
		overflow: hidden;
		border-top: solid 2px #e5e5e5;
		background: #f0f0f0;
		padding: 6em 0 8em 0;
	}

		#footer form input[type="text"],
		#footer form input[type="email"],
		#footer form input[type="password"],
		#footer form select,
		#footer form textarea {
			background: #f7f7f7;
		}

			#footer form input[type="text"]:focus,
			#footer form input[type="email"]:focus,
			#footer form input[type="password"]:focus,
			#footer form select:focus,
			#footer form textarea:focus {
				background: #fff;
			}

		#footer h2 {
			text-align: center;
		}

/* Copyright */

	#copyright {
		border-top: solid 2px #e5e5e5;
		text-align: center;
		margin-top: 6em;
		padding-top: 4em;
	}

/* XLarge */

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

		/* Basic */

			body, input, textarea, select {
				font-size: 13pt;
			}

	}

/* Large */

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

		/* Basic */

			body, input, textarea, select {
				font-size: 12pt;
			}

			h2 br, h3 br, h4 br, h5 br, h6 br {
				display: none;
			}

		/* Image */

			.image.left {
				max-width: 50%;
			}

			.image.right {
				max-width: 50%;
			}

		/* Header */

			#header > .container {
				padding: 12em 0 5em 0;
			}

			#header h1 {
				font-size: 2.5em;
			}

		/* Nav */

			#nav > ul > li {
				padding-right: 1.em;
			}

		/* Features */

			#features {
				padding: 4em 0;
			}

		/* Banner */

			#banner {
				padding: 8em 0;
			}

				#banner > .container {
					padding: 0 4em;
				}

					#banner > .container br {
						display: none;
					}

		/* Main */

			#main {
				padding: 4em 0;
			}

		/* Footer */

			#footer {
				padding: 4em 0;
			}

		/* Copyright */

			#copyright {
				margin-top: 2em;
				padding-top: 2em;
			}

	}

/* Medium */

	#navPanel, #titleBar {
		display: none;
	}

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

		/* Basic */

			html, body {
				overflow-x: hidden;
			}

		/* Header */

			#header > .container {
				padding: 10em 0 7em 0;
			}

		/* Nav */

			#nav {
				display: none;
			}

		/* Nav */

			#page-wrapper {
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				padding-bottom: 1px;
			}

			#titleBar {
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				display: block;
				height: 44px;
				left: 0;
				position: fixed;
				top: 0;
				width: 100%;
				z-index: 10001;
			}

				#titleBar .toggle {
					text-decoration: none;
					position: absolute;
					left: 0;
					top: 0;
					width: 80px;
					height: 60px;
					border: 0;
				}

					#titleBar .toggle: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;
					}

					#titleBar .toggle:before {
						display: inline-block;
						text-decoration: none;
						content: '\f0c9';
						display: block;
						width: 60px;
						height: 40px;
						background: rgba(232, 232, 232, 0.9);
						border-radius: 4px;
						position: absolute;
						left: 5px;
						top: 5px;
						box-shadow: 0.125em 0.125em 0 0 rgba(0, 0, 0, 0.15);
						text-align: center;
						line-height: 40px;
						font-size: 18px;
						color: #aaa;
					}

					#titleBar .toggle:active:before {
						opacity: 0.5;
					}

			#navPanel {
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transform: translateX(-275px);
				-webkit-transform: translateX(-275px);
				-ms-transform: translateX(-275px);
				transform: translateX(-275px);
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				display: block;
				height: 100%;
				left: 0;
				overflow-y: auto;
				position: fixed;
				top: 0;
				width: 275px;
				z-index: 10002;
				background: #444;
				border-right: solid 2px #3c3c3c;
				font-weight: 400;
				text-transform: uppercase;
				color: #f9f6f6;
				letter-spacing: 2px;
				font-size: 0.85em;
			}

				#navPanel .link {
					display: block;
					color: #ddd;
					text-decoration: none;
					height: 44px;
					line-height: 1;
					border: 0;
					border-top: solid 1px #3c3c3c;
					padding: 0 1em 0 1em;
				}

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

					#navPanel .link.depth-0 {
						font-weight: 600;
						color: #fff;
					}
					#navPanel .link.depth-1 {
						padding: 0 1em 0 2em;
					}

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

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

				#navPanel .indent-3 {
					display: inline-block;
					width: 3em;
				}

				#navPanel .indent-4 {
					display: inline-block;
					width: 4em;
				}

				#navPanel .indent-5 {
					display: inline-block;
					width: 5em;
				}

				#navPanel .depth-0 {
					color: #fff;
				}

			body.navPanel-visible #page-wrapper {
				-moz-transform: translateX(275px);
				-webkit-transform: translateX(275px);
				-ms-transform: translateX(275px);
				transform: translateX(275px);
			}

			body.navPanel-visible #titleBar {
				-moz-transform: translateX(275px);
				-webkit-transform: translateX(275px);
				-ms-transform: translateX(275px);
				transform: translateX(275px);
			}

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

		/* Sidebar */

			#sidebar {
				padding-top: 6em;
			}

	}

/* Small */

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

		/* Basic */

			body, input, textarea, select {
				font-size: 11pt;
			}

			h2, h3, h4, h5, h6 {
				font-size: 1.2em;
				letter-spacing: 2px;
				text-align: center;
				margin: 0 0 1em 0;
			}

				h2 br, h3 br, h4 br, h5 br, h6 br {
					display: none;
				}

		/* Image */

			.image.featured {
				margin: 0 0 1.5em 0;
			}

			.image.left {
				max-width: 35%;
			}

			.image.right {
				max-width: 35%;
			}

		/* Button */

			input[type="button"],
			input[type="submit"],
			input[type="reset"],
			button,
			.button {
				letter-spacing: 1px;
				display: block;
				padding: 1em 0 1em 0;
				width: 100%;
			}

		/* Actions */

			ul.actions li {
				display: block;
				margin: 0em 0 0 0;
			}

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

		/* Box */

			.box.excerpt header {
				text-align: center;
			}

		/* Header */

			#header > .container {
				padding: 6em 0 4em 0;
			}

			#header h1 {
				font-size: 2em;
				letter-spacing: 8px;
				line-height: 1.325em;
			}

			#header p {
				margin: 1.25em 0 0 0;
				letter-spacing: 2px;
			}

		/* Banner */

			#banner {
				padding: 5em 0;
			}

				#banner > .container {
					padding: 0;
				}

					#banner > .container:before, #banner > .container:after {
						display: none;
					}

				#banner p {
					font-size: 1.25em;
				}

		/* Features */

			#features {
				padding: 2em 0;
			}

				#features ul.actions {
					margin-top: 0;
				}

		/* Main */

			#main {
				padding: 2em 0;
			}

		/* Content */

			#content > section,
			#content > article {
				margin: 3em 0 0 0;
				padding: 3em 0 0 0;
			}

		/* Sidebar */

			#sidebar {
				padding-top: 3em;
			}

				#sidebar > section,
				#sidebar > article {
					margin: 3em 0 0 0;
					padding: 3em 0 0 0;
				}

		/* Footer */

			#footer {
				padding: 2em 0;
			}

				#footer ul.icons {
					margin-bottom: 0;
				}

		/* Copyright */

			#copyright .links {
				margin-bottom: 0;
			}

				#copyright .links li {
					display: block;
					padding-left: 0;
					margin-left: 0;
					border-left: 0;
				}

	}

	#navPanel .submenu-toggle {
		cursor: pointer;
		margin-left: 0.5em;
		font-size: 1.2em;
		user-select: none;
		color: #fff;
		background: #222;
		border-radius: 50%;
		padding: 0 0.5em;
		display: inline-block;
	}
	#navPanel ul.submenu {
  		margin-left: 1em;
  		background: #222;
	}
	#navPanel ul.submenu li a {
  		color: #fff;
	}
	#navPanel ul li {
  		list-style: none;
	}

	/* Remove unwanted margin/padding after the navbar/banner */
	#bannerH, #header, .container {
		margin-bottom: 20px !important;
		padding-bottom: 20px !important;
	}

	#header, #bannerH {
		margin-bottom: 0 !important;
		padding-bottom: 0 !important;
	}

	section#main {
		margin-top: 0 !important;
		padding-top: 25px !important;
	}

	/* Remove default top margin from first child section in main */
	section#main > .container {
		margin-top: 0 !important;
		padding-top: 0 !important;
	}

	/* Remove top margin from h1 if present */
	h1 {
		margin-top: 0 !important;
	}

	/*Education Section 
	.teaching-course-row {
        display: flex;
        align-items: center;
        margin-bottom: 48px;
        width: 100%;
    }
    .teaching-course-img {
        width: 400px;
        max-width: 100%;
        border-radius: 12px;
        margin-right: 40px;
        flex-shrink: 0;
    }
    .teaching-course-content {
        flex: 1;
        min-width: 220px;
    }
    @media (max-width: 1000px) {
        .teaching-course-row {
            flex-direction: column;
            align-items: stretch;
        }
        .teaching-course-img {
            margin: 0 0 18px 0;
            width: 100%;
            max-width: 460px;
        }
    }
    hr.major {
        width: 100%;
        max-width: 100%;
        margin: 0 0;
        border: 0;
        border-top: 2px solid #bbb;
    }
    /* Slideshow Styling */
    .teaching-slideshow-container {
        position: relative;
        max-width: 100%;   /* <-- Fills the parent column */
        margin: 0 auto 0 auto;
        width: 100%;
        background: #fafafa;
        aspect-ratio: 16 / 9;
        overflow: hidden;
        border-radius: 16px;
        box-shadow: 0 2px 12px rgba(0,0,0,0.04);
    }
    .teaching-slideshow-container img.slideshow-slide {
        width: 100%;
        height: 100%;
        object-fit: cover;     /* Ensures images fill the space, or use "contain" to show full image */
        display: none;
        position: absolute;
        left: 0; top: 0;
    }
    #my-slideshow1.teaching-slideshow-container {
        height: 500px;         /* Increase to desired height */
        max-width: 900px;      /* Optional: increase width */
        aspect-ratio: unset;   /* Remove fixed aspect ratio if present */
    }

    #my-slideshow1 img.slideshow-slide {
        height: 100%;          /* Fill container height */
        width: 100%;           /* Fill container width */
        object-fit: cover;
    }
    #my-slideshow2.teaching-slideshow-container {
        height: 400px;         /* Increase to desired height */
        max-width: 900px;      /* Optional: increase width */
        aspect-ratio: unset;   /* Remove fixed aspect ratio if present */
    }

    #my-slideshow2 img.slideshow-slide {
        height: 100%;          /* Fill container height */
        width: 100%;           /* Fill container width */
        object-fit: cover;
    }
    #my-slideshow-undergrad.teaching-slideshow-container {
        height: 330px;         /* Increase to desired height */
        max-width: 900px;      /* Optional: increase width */
        aspect-ratio: unset;   /* Remove fixed aspect ratio if present */
    }

    #my-slideshow-undergrad img.slideshow-slide {
        height: 100%;          /* Fill container height */
        width: 100%;           /* Fill container width */
        object-fit: cover;
    }
    /* Slideshow containers for courses */
    #my-slideshow-auro.teaching-slideshow-container,
    #my-slideshow-up2.teaching-slideshow-container {
        height: 330px;         /* Adjust to your preferred height */
        max-width: 460px;      /* Adjust to your preferred width */
        aspect-ratio: unset;
        margin-right: 40px;
        flex-shrink: 0;
    }
    #my-slideshow-auro img.slideshow-slide,
    #my-slideshow-up2 img.slideshow-slide {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }
        #my-slideshow-k12.teaching-slideshow-container {
        height:800px;         /* Set your desired container height */
        max-width: 1400px;
        max-height: 80vh;      /* Optional: makes it responsive */
        aspect-ratio: unset;   
        margin-top:18px;
    }

    #my-slideshow-k12 img.slideshow-slide {
        height: 100%;
        max-height: none;     /* Matches container height */
        width: 100%;
        object-fit: cover;
    }
    .teaching-slideshow-container img.slideshow-slide.active {
        display: block;
        position: absolute;
        left: 0; top: 0;
    }
    .slideshow-arrow {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        background: rgba(51, 51, 51, 0.5); /* More transparent */
        color: #fff;
        border: none;
        border-radius: 8px;        /* Slightly rounded corners */
        width: 72px;               /* Compact width */
        height: 72px;              /* Compact height */
        font-size: 2.2em;          /* Readable arrow size */
        cursor: pointer;
        z-index: 2;
        box-shadow: 0 2px 8px rgba(0,0,0,0.12);
        display: flex;
        align-items: center;
        justify-content: center;
        opacity: 0.92;
        transition: opacity 0.2s, background 0.2s;
        padding: 0;
    }
    .slideshow-arrow:hover {
        background: rgba(51, 51, 51, 0.7); /* Slightly darker on hover */
        opacity: 1;
    }
    .arrow-left { left: 0; }
    .arrow-right { right: 0; }
    .slideshow-dots {
        text-align:center;
        margin-top:10px;
        position: absolute;
        width: 100%;
        bottom: 16px;
        left: 0;
        z-index: 3;
    }
    .slideshow-dots span {
        display:inline-block;
        width:10px;
        height:10px;
        margin:0 4px;
        background:#ccc;
        border-radius:50%;
        cursor:pointer;
    }
    .slideshow-dots .active {
        background:#333;
    }
    @media (max-width: 1000px) {
        .teaching-slideshow-container {
            max-width: 100%;
            aspect-ratio: 16/9;
        }
    }*/
	/* Index Section */
		:root {
  			--slide-aspect-ratio: 4/3; /* Change to 4/3 or 1/1 if needed */
		}
		.slideshow-container {
			width: 100%;
			height: 400px;
			margin: 0 auto 1.5em auto;
			position: relative;
			overflow: hidden;
			background: #111;
			border-radius: 12px;
			box-shadow: 0 2px 8px rgba(50,50,50,0.07);
			min-height: 240px;
			display: block;
		}
		.slide-img {
   	 		width: 100%;
			height: auto;
			display: none;
			position: relative;
			object-fit: cover;
			border-radius: 12px;
			transition: opacity 1s;
		}
		.slide-img.active {
            display: block;
    		opacity: 1;
        }
        .arrow {
            position: absolute;
			top: 50%;
			transform: translateY(-50%);
			background: rgba(0,0,0,0.5);
			color: #fff;
			border: none;
			font-size: 2.5em;
			padding: 0.2em 0.5em;
			cursor: pointer;
			z-index: 10;
			border-radius: 0.2em;
			user-select: none;
			outline: none;
			transition: background 0.2s;
        }
        .arrow.left { left: 1vw; }
		.arrow.right { right: 1vw; }
		.arrow:active { background: rgba(0,0,0,0.8); }
		
        .arrow[disabled] {
            display: none;
        }

		.responsive-img {
  			max-width: 100%;
  			height: auto;
  			display: block;
  			margin: 0.5em auto;
		}
		

/* Responsive video wrapper */
		.video-responsive {
  			position: relative;
  			width: 100%;
  			padding-bottom: 56.25%; /* 16:9 aspect ratio */
  			height: 0;
  			overflow: hidden;
  			margin: 0.5em 0;
		}
		.video-responsive iframe,
		.video-responsive object,
		.video-responsive embed {
  			position: absolute;
  			top: 0; left: 0;
  			width: 100%;
  			height: 100%;
		}
		.highlight-box {
    		background: #fff;
    		border: 2px solid #e0e0e0;
    		border-radius: 12px;
    		box-shadow: 0 2px 12px rgba(0,0,0,0.05);
    		padding: 0em 0.7em 0em 0.7em;
    		margin: 0.1em 0;
  		}
		.highlight-box:hover {
  			box-shadow: 0 6px 24px rgba(70,140,255,0.15);
  			border-color: #96c3fa;
  			background: #f7fbff;
		}
  		@media (max-width: 700px) {
    		.highlight-box {
      			padding: 1em 0.4em 1em 0.4em;
    		}
  		}
		.highlight-content {
    		padding: 0.3em 0 0 0;
    		border-top: 0px solid #e0e0e0;
    		font-size: 1.00em;
    		color: #555;
			text-align: justify;
  		}
  		.highlight-content a.button {
   	 		display: inline-block;
    		background: #ef857c;
    		color: #fff !important;
    		border: none;
    		border-radius: 1px;
    		padding: 1.5em 1.5em 1.5em 1.5em;
    		font-size: 0.8em;
    		margin-bottom: 1em;
    		text-decoration: none;
    		transition: background 0.2s;
    		/*margin-top: 0.7em;*/
    		letter-spacing: 1px;
  		}
  		.highlight-content a.button:hover {
    		background: #db5c4d;
  		}
		.sponsor-logos-bar {
  			display: flex;
  			justify-content: center;
  			align-items: centre; /* Aligns bottoms of all images */
  			gap: 0.2vw; /* Space between logos */
  			margin: 0 0 1em 0;
  			flex-wrap: nowrap;
  			width: 100%;
		}
		.sponsor-logos-bar img {
  			height: 80px;      /* Uniform height for all logos */
  			width: auto;
  			object-fit: contain;
  			background: #fff;
 	 		border-radius: 8px;
  			box-shadow: none;
  			display: block;
  			margin: 0;
  			padding: 0;
			flex-shrink: 1;
		}
		@media (max-width: 700px) {
  			.sponsor-logos-bar {
    		gap: 1vw;
  			}
  			.sponsor-logos-bar img {
    		height: 56px;
			max-width: 120px;
    		min-width: 40px;
  			}
		}

		.circle-row-fit-in {
  			display: flex;
  			justify-content: space-between;
  			align-items: center;
  			gap: 3vw;
  			width: 100%;
  			margin: 2.5em 0 2em 0;
  /* optional: add a transition for smooth resizing */
		}
		.highlight-dialog {
    		width: 100%;
    		max-width: 100%;
    		background: #fff;
    		border: 2px solid #3399ff;
    		border-radius: 14px;
    		box-shadow: 0 4px 28px rgba(51,153,255,0.12);
    		margin: 2em 0 0 0;
    		padding: 2em 1.5em 1.5em 1.5em;
    		position: relative;
    		z-index: 20;
    		transition: box-shadow 0.2s;
		}

		.highlight-dialog .close-btn {
    		position: absolute;
    		top: 8px;
    		right: 18px;
    		font-size: 2em;
    		color: #3399ff;
    		cursor: pointer;
    		user-select: none;
		}

		.dialog-content {
    		display: flex;
    		align-items: center;
    		gap: 1.5em;
		}

		.dialog-content img {
    		width: 120px;
    		height: 120px;
    		object-fit: cover;
    		border-radius: 50%;
    		box-shadow: 0 2px 12px rgba(0,0,0,0.08);
		}
		@media (max-width: 700px) {
    		.highlight-dialog {
        		padding: 1em 0.7em 1em 0.7em;
    		}
    		.dialog-content img {
        		width: 70px;
        		height: 70px;
    		}
		}

		

/* Responsive: On small screens, reduce gap and max size */
		@media (max-width: 700px) {
  			.circle-row-fit-in {
    			gap: 2vw;
  			}
  			.circle-fit-in {
    			max-width: 90px;
    			min-width: 40px;
  			}
		}
		.circle-fit-in img {
  			width: 100%;
  			height: 100%;
  			object-fit: cover;          /* Fill the circle, crop if needed */
  			border-radius: 50%;         /* Make the image itself circular */
  			display: block;
		}

		.circle-fit-in:hover {
			box-shadow: 0 0 25px 0 #70c0ff, 0 0 8px 2px #357ab7;
		}
		@media (max-width: 700px) {
  			.slideshow-container {
    			position: relative !important;
  			}
  			.arrow.left {
    			left: 8px !important;
    			right: auto !important;
    			transform: translateY(-50%) !important;
  			}
  			.arrow.right {
    			right: 8px !important;
    			left: auto !important;
    			transform: translateY(-50%) !important;
  			}
  			.arrow {
				top: 50% !important;
    			position: absolute !important;
    			z-index: 10 !important;
    			font-size: 2em !important;
    			padding: 0.15em 0.38em !important;
    			min-width: 44px; /* tap target size */
    			min-height: 44px;
  			}
		}
		@media (max-width: 600px) {
    		.slideshow-container { 
				width: 100%;
				height: 45vw;      /* Keeps a 4:3 ratio on mobile, or adjust as needed */
				min-height: 150px; /* Prevents it from collapsing */
				max-width: 100vw;
				margin-left: 0;
				margin-right: 0;
				border-radius: 12px; 
			}
			.slide-img {
				width: 100%;
				height: auto;
				object-fit: cover;
				border-radius: 12px;
				left: 0;
				top: 0;
				position: absolute;
  			}
		}

		.circle-row-fit-in.three-circles {
			display: flex;
			justify-content: center;
			align-items: flex-start;
			gap: 2em;
			margin: 2em 0;
		}

		.circle-with-content {
			display: flex;
			flex-direction: column;
			align-items: center;
			flex: 1 1 0;
			max-width: 250px;
		}

		.circle-fit-in {
			width: 140px;
			height: 140px;
			border-radius: 50%;
			overflow: hidden;
			background: #357ab7;
			display: flex;
			align-items: center;
			justify-content: center;
			box-shadow: 0 1px 1px rgba(0,0,0,0.07);
			margin-bottom: 0em;
			cursor: pointer;
		}

		.circle-fit-in img {
			width: 100%;
			height: 100%;
			object-fit: cover;
			border-radius: 50%;
			display: block;
		}

		.circle-desc {
			font-size: 0.9em;
			color: #555;
			text-align: center;
		}

/* Responsive: stack vertically on mobile */
		@media (max-width: 900px) {
  			.circle-row-fit-in.three-circles {
				flex-wrap: nowrap !important;
				gap: 0.5em !important;
				justify-content: center !important;
				width: 100%;
  			}
  			.circle-with-content {
				flex: 1 1 0 !important;
				max-width: none !important;
				min-width: 0 !important;
				margin-bottom: 0 !important;
  			}
  			.circle-fit-in {
				width: 24vw !important;
				height: 24vw !important;
				max-width: 80px !important;
				min-width: 55px !important;
				min-height: 55px !important;
				margin-bottom: 0.3em !important;
  			}
		}
		.img-text-dialog {
  			background: #f9fcff;
  			border: 2px solid #b3cae6;
  			border-radius: 14px;
  			box-shadow: 0 4px 28px rgba(51,153,255,0.12);
  			margin: 1em 0 0 0;
  			padding: 2em 0.5em 0.5em 0.5em;
  			position: relative;
  			z-index: 40;
  			width: 100%;
  			max-width: 900px;
  			display: block;
  			font-family: inherit;
		}
		.img-text-dialog .close-btn {
			position: absolute;
			top: 10px; right: 20px;
			font-size: 2em;
			color: #3399ff;
			cursor: pointer;
			user-select: none;
		}
		.img-text-dialog-content {
  			display: flex;
  			gap: 0.2em;
  			align-items: flex-start;
		}
		.img-text-dialog-content img {
			width: 260px;
			max-width: 35vw;
			height: auto;
			border-radius: 8px;
			box-shadow: 0 2px 12px rgba(0,0,0,0.09);
			background: #fff;
			object-fit: contain;
			display: block;
		}
		#imgTextDialogText {
			flex: 1 1 0;
			color: #5a6c77;
			font-size: 1.00em;
			text-align: left;
			/* Remove background and border for a clean look */
			background: none;
			border: none;
			border-radius: 0;
			padding: 0 0 0 0.5em; /* optional: a little left padding for space */
		}
		#imgTextDialogText, #imgTextDialogText * {
    		background: none !important;
    		border: none !important;
    		border-radius: 0 !important;
    		box-shadow: none !important;
		}
		@media (max-width: 720px) {
  			.img-text-dialog-content {
    			flex-direction: column;
    			gap: 1em;
  			}
  			.img-text-dialog-content img {
    			width: 100%;
    			max-width: 100%;
  			}
		}
		.dialog-text-content {
			color: #5a6c77;
			font-size: 1.00em;
			text-align: left;
			margin-top: 1em;
			max-width: 600px;
		}
		.research-highlight-row {
			display: flex;
			align-items: center;
			gap: 1em;          /* Image-content gap */
			margin: 0.7em 0;     /* Reduced vertical spacing between rows */
			/*border-bottom: 1px solid #e0e0e0;*/
			padding-bottom: 0.7em;
		}

		.research-highlight-row:last-child {
  			border-bottom: none;
		}

		.highlight-logo img {
			width: 130px;
			height: auto;
			display: block;
		}

		.highlight-content {
			flex: 1 1 0;
			font-size: 1em;
			color: #555;
			font-weight: 600;
			margin-right: 0.2em; /* small space before links */
		}

		.highlight-links {
			text-align: right;
		}

		.highlight-link {
			color: #357ab7 !important;
			padding: 0.3em 0.5em;
			text-decoration: none;
			font-size: 0.95em;
			transition: background 0.15s;
			font-weight: 500;
		}
		.highlight-link:hover {
  			color: #2373c6 !important;    /* Slightly darker blue on hover */
    		text-decoration: underline;
		}

		@media (max-width: 700px) {
  			.research-highlight-row {
				flex-direction: row;
				align-items: center;
				gap: 0.5em;
				padding-bottom: 0.5em;
  			}
  			.highlight-logo img {
    			width: 90px;
  			}
  			.highlight-links {
    			text-align: left;
				color: #357ab7 !important; 
    			margin-top: 0.5em;
  			}
		}
		.highlight-link,
		.highlight-links {
			border-bottom: none !important;
			border-top: none !important;
			box-shadow: none !important;
			outline: none !important;
		}
		.highlight-link::after,
		.highlight-link::before {
			border-bottom: none !important;
			border-top: none !important;
			content: none !important;
		}
		.highlight-content,
		.highlight-content * {
			border-bottom: none !important;
			border-top: none !important;
			box-shadow: none !important;
		}
		.highlight-content a {
			text-decoration: none !important;
			border-bottom: none !important;
		}	
		.project-highlights-btn {
			display: inline-block;
			background: #0226c4;           /* Blue color */
			color: #fff;
			font-size: 1em;
			font-weight: 600;
			letter-spacing: 1px;
			border-radius: 1px;
			box-shadow: 0 1px 1px #e0e0e0;
			text-decoration: none;
			/*margin-left: 2em;*/
			margin-bottom: 0.1em;
			padding: 0.4em 0 0.4em 0;
			transition: background 0.2s;
			border: none;
			cursor: pointer;
			width:100%;
		}
		.project-highlights-btn:hover {
  			background: #2373c6;
		}
		@media (max-width: 700px) {
  			.project-highlights-btn {
				display: inline-block !important;
				margin: 0 !important;            /* Remove any centering */
				width: auto !important;
				min-width: 0 !important;
				max-width: none !important;
  			}
		}
		@media (max-width: 700px) {
  			.research-highlights-heading {
				text-align: left !important;
				margin-left: 0 !important;
  			}
  /* Optionally, make the link inside the heading inherit alignment: */
  			.research-highlights-heading a {
				display: inline;
				text-align: left;
  			}
		}
		@media (max-width: 700px) {
  			.paper-highlights-heading {
				text-align: left !important;
				margin-left: 0 !important;
  			}
		}
		
		
		.robopi-banner-upgraded {
			display: flex;
			align-items: center;
			justify-content: flex-start;
			gap: 2vw;
			width: 100%;
			background: linear-gradient(90deg, #e3f0ff 0%, #f9fcff 100%);
			box-sizing: border-box;
			border-radius: 18px;
			box-shadow: 0 6px 32px rgba(44, 132, 243, 0.10);
			padding: 32px 38px;
			margin-bottom: 2em;
			flex-wrap: wrap;
			transition: box-shadow 0.2s;
		}

		.robopi-banner-upgraded:hover {
			box-shadow: 0 10px 40px rgba(44, 132, 243, 0.15);
		}

		.robopi-logo-upgraded {
			border: 2px solid #e0e0e0;
			border-radius: 12px;
			background: #fff;
			padding: 10px;
			box-sizing: border-box;
			box-shadow: 0 0 0 8px #e3f0ff;
			transition: box-shadow 0.2s;
			display: flex;
			align-items: center;
			justify-content: center;
			max-width: 120px;
			min-width: 80px;
			width: 120px;
		}

		.robopi-logo-upgraded img {
			width: 100%;
			height: auto;
			display: block;
			border-radius: 8px;
		}

		.robopi-text-upgraded {
			flex: 1 1 0;
			min-width: 180px;
			display: flex;
			flex-direction: column;
			justify-content: center;
			padding-left: 2vw;
			box-sizing: border-box;
		}

		.lab-title-upgraded {
			font-size: clamp(2rem, 3vw, 2.7rem);
			font-weight: 700;
			color: #357ab7;
			line-height: 1.1;
			margin-bottom: 0.2em;
			letter-spacing: 1px;
			font-family: 'Segoe UI', Arial, sans-serif;
			text-shadow: 0 2px 8px #e3f0ff;
		}

		@media (max-width: 600px) {
			.robopi-banner-upgraded {
				padding: 12px 6px;
				border-radius: 12px;
				gap: 3vw;
			}
			.robopi-logo-upgraded {
				max-width: 80px;
				min-width: 55px;
				width: 24vw;
				padding: 4px;
			}
			.lab-title-upgraded {
				font-size: clamp(1rem, 4vw, 1.4rem);
			}
		}

		.uf-banner-pro {
			display: flex;
			align-items: stretch;
			justify-content: flex-start;
			background: linear-gradient(90deg, #e8f2ff 0%, #f9fcff 100%);
			border: 2.5px solid #0021A5;
			border-radius: 18px;
			box-shadow: 0 4px 28px rgba(44, 132, 243, 0.10);
			padding: 32px 40px;
			gap: 3vw;
			max-width: 100%;
			margin-bottom: 2.5em;
			min-height: 180px;
		}

		.uf-banner-pro-logo {
			display: flex;
			align-items: center;
			justify-content: center;
			width: 160px;
			min-width: 160px;
			height: 156px;
			border: 3px solid #FA4616;
			border-radius: 8px;
			background: #a3a1d15a;
			box-sizing: border-box;
			padding: 4px;
		}

		.uf-banner-pro-logo img {
			width: 100%;
			height: 100%;
			object-fit: contain;
			border-radius: 8px;
			display: block;
		}

		.uf-banner-pro-divider {
			width: 4px;
			height: 160px;
			background: linear-gradient(180deg, #FA4616 30%, #0021A5 100%);
			border-radius: 2px;
			margin: 0 0vw;
			min-width: 2px;
			display: block;
		}

		.uf-banner-pro-text {
			display: flex;
			flex-direction: column;
			justify-content: center;   /* Vertically center */
			align-items: center;   /* Left align text block, looks pro */
			min-width: 0;
			width: 100%;
			margin-left: -3vw;
		}

		.uf-banner-pro-title {
			font-size: clamp(2.2rem, 3vw, 3rem);
			font-weight: 600;
			color: #0021A5;
			font-family: 'Segoe UI', Arial, sans-serif;
			line-height: 1.17;
			letter-spacing: 0.5px;
			text-align: center;
			width: 100%;
			margin-bottom: 0.25em;
		}

		.uf-banner-pro-uf {
			color: #FA4616;
			font-weight: 700;
			font-size: 1.1em;
			display: block;
			margin-top: 0.2em;
		}

		@media (max-width: 900px) {
			.uf-banner-pro {
				flex-direction: column;
				padding: 18px 10px;
				gap: 1.7vw;
				min-height: unset;
			}
			.uf-banner-pro-divider {
				display: none;
			}
			.uf-banner-pro-title,
			.uf-banner-pro-uf {
				text-align: center;
			}
			.uf-banner-pro-text {
				align-items: center;
			}
		}

		.uf-banner-pro {
			display: flex;
			align-items: center;
			justify-content: flex-start;
			background: linear-gradient(135deg, #e3f0ff 0%, #f9fcff 100%);
			border-radius: 20px;
			box-shadow: 0 8px 32px rgba(44, 132, 243, 0.14);
			border: 2.5px solid #0021A5;
			padding: 36px 40px;
			width: 100%;
			margin: 0 auto 2em auto;
			box-sizing: border-box;
			gap: 2.5vw;
		}

		.uf-banner-pro-logo {
			background: #fff;
			border: 2.5px solid #e0e0e0;
			border-radius: 16px;
			box-shadow: 0 0 0 8px #e3f0ff;
			padding: 4px;
			width: 160px;
			height: 156px;
			display: flex;
			align-items: center;
			justify-content: center;
			flex-shrink: 0;
		}

		.uf-banner-pro-logo img {
			width: 100%;
			height: auto;
			display: block;
			border-radius: 10px;
		}

		.uf-banner-pro-text {
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			width: 100%;
			min-width: 0;
		}

		.uf-banner-pro-title {
			font-size: clamp(2.3rem, 3.3vw, 3rem);
			font-weight: 700;
			color: #0021A5;
			letter-spacing: 1px;
			font-family: 'Segoe UI', Arial, sans-serif;
			margin-bottom: 0.2em;
			text-align: center;
		}

		.uf-banner-pro-subtitle {
			font-size: clamp(2.3rem, 3.3vw, 3rem);
			font-weight: 600;
			color: #FA4616;
			margin-top: 0.1em;
			font-family: 'Segoe UI', Arial, sans-serif;
			text-align: left;
		}
		.uf-banner-pro-subtitle span {
			color: #FA4616;
			font-weight: 700;
		}

			/* Responsive styles */
		@media (max-width: 900px) {
			.uf-banner-pro {
				flex-direction: column;
				padding: 18px 4px;
				border-radius: 12px;
				gap: 1em;
			}
			.uf-banner-pro-logo {
				width: 70px;
				height: 70px;
				padding: 4px;
				margin-bottom: 12px;
			}
			.uf-banner-pro-title,
			.uf-banner-pro-subtitle {
				text-align: center;
				width: 100%;
			}
			.uf-banner-pro-text {
				align-items: center;
			}
		}

		.exceptional-uf-banner {
			position: relative;
			display: flex;
			flex-direction: row;
			align-items: center;
			justify-content: center;
			gap: 44px;
			background: rgba(255,255,255,0.74);
			border-radius: 24px;
			box-shadow: 0 10px 36px rgba(44, 132, 243, 0.14), 0 1.5px 0 0 #8998d732 inset;
			min-height: 240px;
			margin: 54px 0 2em 0;
			padding: 10px 10px 10px 10px;
			width: 100%;
			box-sizing: border-box;
			overflow: visible;
			backdrop-filter: blur(8px) saturate(1.2);
			border: 2.5px solid #0951d6b8;
		}

		.exceptional-uf-logo-glass {
			flex-shrink: 0;
			background: rgba(255,255,255,0.77);
			border-radius: 18px;
			box-shadow: 0 8px 32px rgba(51, 153, 255, 0.12), 0 0 0 7px #e3f0ff;
			padding: 4px 4px 4px 4px;
			display: flex;
			align-items: center;
			justify-content: center;
			height: 156px;
			width: 160px;
			position: absolute;
			left: 40px;
			top: 50%;
			transform: translateY(-50%);
			z-index: 2;
		}

		.exceptional-uf-logo-glass img {
			width: 100%;
			height: 100%;
			object-fit: cover;
			border-radius: 4px;
			display: block;
			box-shadow: 0 3px 18px #e3f0ff;
		}

		.exceptional-uf-banner-content {
			display: flex;
			flex: 1;
			flex-direction: column;
			margin-left: 140px;
			align-items: center;        /* Center horizontally */
  			justify-content: center;
		}

		.exceptional-uf-title {
			font-family: 'Segoe UI', Arial, sans-serif;
			color: #0021A5;
			font-size: 4rem;
			line-height: 0.6;
			font-weight: 800;
			letter-spacing: 1px;
			margin: 0 0 0.4em 0;
			text-shadow: 0 2px 10px #e3f0ff;
			display: flex;
			flex-wrap: wrap;
			align-items: baseline;
			gap: 0;
		}

		.exceptional-uf-title .exceptional-uf-subtitle {
			font-size: 3.5rem;
			font-family: 'Segoe UI', Arial, sans-serif;
			color: #357ab7;
			font-weight: 500;
			letter-spacing: 0.8px;
			margin-left: 0.2em;
			margin-bottom: 0;
			margin-top: 0;
		}

		.exceptional-uf-university {
			font-size: 3.4rem;
			font-family: 'Segoe UI', Arial, sans-serif;
			color: #FA4616;
			font-weight: 700;
			letter-spacing: 0.35px;
			margin-top: 0.1em;
			background: linear-gradient(90deg,#fff4ed 25%,#f9fcff 80%);
			padding: 0.12em 0.2em;
			border-radius: 4px;
			box-shadow: 0 2px 8px #e3f0ff18;
			display: inline-block;
		}

		@media (max-width: 950px) {
			.exceptional-uf-banner {
				flex-direction: column;
				align-items: center;
				padding: 32px 12px 26px 12px;
				max-width: 97vw;
				min-height: 0;
			}
			.exceptional-uf-logo-glass {
				position: static;
				transform: none;
				margin-bottom: 16px;
				margin-left: 0;
				left: unset;
				top: unset;
			}
			.exceptional-uf-banner-content {
				align-items: center;
				margin-left: 0;
				text-align: center;
			}
			.exceptional-uf-title {
				justify-content: center;
				text-align: center;
			}
		}

		.robopi-uf-flex {
			display: flex;
			flex-direction: row;
			align-items: stretch;
			width: 100%;
			max-width: 1350px;
			margin: 32px auto 0 auto;
			gap: 1vw;
			box-sizing: border-box;
			padding: 0; /* Add this if needed */
			margin-left: 0;
			margin-right: 0;
			padding-left: 0;
			padding-right: 0;
		}

		.robopi-uf-banner {
			flex: 0 0 60%;
			max-width: 60%;
			background: linear-gradient(90deg, #18316b 60%, #3266b4 100%);
			border-radius: 28px;
			box-shadow: 0 6px 30px rgba(44, 132, 243, 0.12);
			padding: 1vw 1vw;
			display: flex;
			align-items: center;
			gap: 2vw;
			box-sizing: border-box;
		}

		.robopi-uf-logo {
			flex: 0 0 auto;
			display: flex;
			align-items: center;
			justify-content: center;
			min-width: 120px;
			max-width: 180px;
			height: 116px;
			background: rgba(23, 5, 165, 0.916);
			
		}

		.robopi-uf-logo img {
			width: 100%;
			max-width: 145px;
			height: 100%;
			max-height: 130px;
			border-radius: 7px;
			background: #440be2;
			box-shadow: 0 2px 14px #14244b33;
			border: 2px solid #250ef0;
			display: block;
		}

		.robopi-uf-text {
			flex: 1 1 0;
			color: #fff;
			display: flex;
			flex-direction: column;
			justify-content: center;
			text-align: center;
			min-width: 0;
			padding-left: 0;
		}

		.robopi-uf-title-line {
			display: flex;
			align-items: baseline;
			gap: 0.2em;
			margin-bottom: 0.1em;
		}

		.robopi-uf-title {
			font-family: 'Segoe UI', Arial, sans-serif;
			color: #fff;
			font-size: 2.6rem;
			font-weight: 900;
			letter-spacing: 0.01em;
			text-shadow: 0 2px 12px #18316b44;
		}

		.robopi-uf-dash {
			color: #FA4616;
			font-size: 2.2rem;
			font-weight: 800;
			margin: 0 0.18em;
		}

		.robopi-uf-subtitle {
			font-family: 'Segoe UI', Arial, sans-serif;
			font-size: 2.2rem;
			font-weight: 700;
			color: #fff;
			margin-bottom: 0.1em;
			letter-spacing: 0.02em;
		}

		.robopi-uf-university {
			font-family: 'Georgia', serif;
			color: #fff;
			font-size: 2.2rem;
			font-weight: 700;
			margin-top: 0.4em;
			text-shadow: 0 2px 10px #18316b33;
		}

		.robopi-uf-desc {
			flex: 0 0 40%;
			max-width: 40%;
			display: flex;
			align-items: center;
			justify-content: center;
			color: #000308e8;
			font-size: 1em;
			font-family: 'Segoe UI', Arial, sans-serif;
			line-height: 1.5;
			text-align: left;
			padding-left: 1vw;
			background: none;
			text-align: justify;
			text-align-last: left;
		}

		@media (max-width: 1050px) {
			.robopi-uf-flex {
				flex-direction: column;
				gap: 1.5vw;
			}
			.robopi-uf-banner,
			.robopi-uf-desc {
				max-width: 100%;
				width: 100%;
			}
			.robopi-uf-desc {
				padding-left: 0;
				text-align: center;
				justify-content: center;
			}
			.robopi-uf-logo {
				max-width: 50%;
				height: 80px;
			}
			.robopi-uf-logo img {
				max-width: 50%;
				max-height: 80px;
			}
			.robopi-uf-title, .robopi-uf-subtitle, .robopi-uf-university {
				font-size: 1.3rem !important;
			}
		}
		@media (max-width: 900px) {
			.circle-fit-in {
				width: 90px !important;
				height: 90px !important;
				min-width: 90px !important;
				min-height: 90px !important;
				max-width: 90px !important;
				max-height: 90px !important;
			}
		}
		@media (max-width: 700px) {
			.circle-fit-in {
				width: 70px !important;
				height: 70px !important;
				min-width: 70px !important;
				min-height: 70px !important;
				max-width: 70px !important;
				max-height: 70px !important;
			}
		}
		@media (max-width: 700px) {
			.slideshow-container {
				position: relative !important;
				padding: 0 !important;
				margin: 0 !important;
				width: 100% !important;
				margin-bottom: 2em !important;
			}
			.arrow {
				position: absolute !important;
				top: 50% !important;
				transform: translateY(-50%) !important;
				margin: 0 !important;
				min-width: 44px !important;
				min-height: 44px !important;
				width: 44px !important;      /* fixed button width */
				height: 44px !important;     /* fixed button height */
				box-sizing: border-box !important;
				display: block !important;
				/* Remove any flex or grid */
			}
			.arrow.left {
				left: 0 !important;
				right: auto !important;
			}
			.arrow.right {
				right: 0 !important;
				left: auto !important;
			}
		}
		@media (max-width: 700px) {
			.arrow {
				display: block !important;
				/* other styles... */
			}
			.arrow[disabled] {
				display: none !important;
			}
		}