@charset "UTF-8";
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: inherit;
	font-size: 100%;
	vertical-align: baseline;
}
:root {
--brand: #003359;
--accent: #00AEEF;
--text: #232323;
accent-color: var(--accent);
--body-font: 'Open Sans', sans-serif;
--heading-font: 'Open Sans', sans-serif;
--theme-color: #003359;
--theme-color2: #00AEEF;
--theme-color-light: rgb(17, 110, 99, 0.09);
--theme-bg-light: #F2F3F5;
--body-text-color: #757F95;
--color-white: #ffffff;
--color-dark: #000;
--slider-arrow-bg: rgba(255, 255, 255, 0.2);
--box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);
--box-shadow2: 0 0 15px rgba(0, 0, 0, 0.17);
--transition: all .5s ease-in-out;
--transition2: all .3s ease-in-out;
--border-info-color: rgba(0, 0, 0, 0.08);
--border-info-color2: rgba(0, 0, 0, 0.05);
--border-white-color: rgba(255, 255, 255, 0.08);
--border-white-color2: rgba(255, 255, 255, 0.05);	
}

::selection { background-color: rgb(0 174 239 / 50%); }
::marker { color: var(--accent); }

@media (min-width: 1200px) {
	.container,
	.container-sm,
	.container-md,
	.container-lg,
	.container-xl {
		max-width: 1500px;
	}
}

html {font-size: 100%; scroll-behavior: smooth;} /*16px*/
html *
{
	font-size:16px;
	font-size: 100%;
	font-family: 'Open Sans', sans-serif;
	line-height: 1.7;
	font-weight:normal;

}
body {
	font-weight:normal;
	color: #151515;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%; 
	max-width: 100%; 
	margin-bottom: 20px;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
	vertical-align: middle;
}

table>tbody>tr>td, table>tbody>tr>th, table>tfoot>tr>td, table>tfoot>tr>th, table>thead>tr>td, table>thead>tr>th {
	padding: 8px;
	line-height: 1.42857143;
	vertical-align: top;
	border-top: 1px solid #ddd;
}
q, blockquote {
	quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
	content: "";
	content: none;
}
blockquote footer {
	background: none;
}

a img {
	border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
	display: block;
}
u {
	text-decoration: none!important;
}
*:focus, a:focus, :focus, .dropdown-toggle:focus {
	outline-width: 2px;
    outline-style: solid;
    outline-color: currentColor;
    outline-offset: 2px;
	text-decoration:none!important;
}
.news-block:focus, .news-wrapper:focus, .program-box-inside:focus, .service-tile-item .item:focus, .liquid-blog-contents-inside .liquid-lp-media:focus, .news-item:focus  {
    outline: 2px solid #000;
    outline-offset: 2px;
}
.btn:focus {color:#fff; outline:2px dashed #000; outline-offset:2px;}
.matrix.inverse-wrapper a.btn {
    outline-color: #fff !important;
}
#skip-link a {
    background: #fff;
    color: #003359;
    text-decoration: underline #00AAEF;
    text-decoration-thickness: 2px;
    text-underline-offset: 2px;
    font-weight: 500;
    margin: 4px !important;
    padding: 5px 10px !important;
}
.sr-only {
	border: 0 !important;
	clip: rect(1px, 1px, 1px, 1px) !important; /* 1 */
	-webkit-clip-path: inset(50%) !important;
	clip-path: inset(50%) !important;  /* 2 */
	height: 1px !important;
	margin: -1px !important;
	overflow: hidden !important;
	padding: 0 !important;
	position: absolute !important;
	width: 1px !important;
	white-space: nowrap !important;            /* 3 */
}

.sr-only-focusable:focus,
.sr-only-focusable:active {
	clip: auto !important;
	-webkit-clip-path: none !important;
	clip-path: none !important;
	height: auto !important;
	margin: auto !important;
	overflow: visible !important;
	width: auto !important;
	white-space: normal !important;
}
a.sr-only[href="#main"]:focus{
	position:relative !important;
	-webkit-clip-path: none !important;
	clip-path: none !important;
	padding: 0 15px !important;
}

@keyframes fadein {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

h1 {
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: 800;
	color: #003359;
	font-size: 36px;
	line-height: 42px;
	padding-bottom: 5px;
}
@media (min-width: 45em) {
	h1 {
		font-size: 46px;
		line-height: 52px;
		margin: 0 0 15px 0;
	}
}

h2,
.h2 {
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: 600;
	color: inherit;
	font-size: 30px;
	font-size: 2.441rem;
	margin: 0 0 15px 0;
	line-height: 1.3;
}

h3,
.h3 {
	font-family: 'Open Sans', sans-serif;
	font-style:normal;
	font-weight: 600;
	color: inherit;
	font-size: 24px;
	font-size: 1.953rem;
	line-height: 1.3;
	margin: 0 0 15px 0;
}

h4,
.h4 {
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 20px;
	font-size: 1.363rem;
	line-height: 1.3;
	margin: 0 0 15px 0;
}

h5,
h6 { margin-bottom: 20px; }
h5 { font-size: 16px; font-size: 1.25rem; font-weight:600; line-height:1.3; color:inherit; }
h6 { font-size: 14px; font-weight:600; line-height:1.3; color:inherit; }


p, 
.p {
	line-height: 1.7;
	margin-bottom: 20px;
	margin-bottom: 1rem;
	letter-spacing: 0.1px; 
    text-wrap: pretty;
}
ul li,
ol li {
	font-family: 'Open Sans', sans-serif;
	line-height: 1.7;
}

.text-container ul li,
.text-container ol li {
	font-style: normal;
	padding-left: 20px;
	margin-left: 15px;
	margin-bottom:1rem;
}

.l-content.l-region ul  {margin-bottom:1rem;}

.l-content.l-region ul li {
	list-style: disc;
	padding-left: 20px;
	margin-left: 15px;
	margin-bottom:1rem;
}


a {
	font-weight: bold;
	color: #024990;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;

}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	line-height:inherit;
	color: inherit;
}

a[href$=".pdf"]:not(.link-tag):after {
	content: "\f1c1";
	font-family: "Font Awesome 6 Pro";
	color: #FF0000;
	font-size: 12px;
	padding-left: 5px;
}
a[href$=".pdf"] > img:after {color:#fff;}

a[href$=".docx"]:not(.link-tag):after, a[href$=".doc"]:not(.link-tag):after {
	content: "\f1c2";
	font-family: "Font Awesome 6 Pro";
	color: #0005FF;
	font-weight: bold;
	font-size: 12px;
	padding-left: 5px;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);
}
a[href^="https://my.augusta.edu"]:not(.link-tag):before {
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    content: "\f023";
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    padding-right: 4px;
}

blockquote {
	display: inline-block;
	border-left: 5px solid #003359;
	padding: 25px 20px 20px 20px;
	margin: 20px 0 20px 15px;
	background: #b8e8fb;
	position: relative;
	width: auto;
	font-size: 16px;
	line-height: 24px;
}
blockquote.quote:before {
	content: '\f10d';
	font-family: 'Font Awesome 6 Pro';
	color: #003359;
	font-size: 2em;
	position: absolute;
	top: -5px;
	left: 5px;
	bottom: 0;
	width: 1em;
}
blockquote.quote:after {
	content: '\f10e';
	font-family: 'Font Awesome 6 Pro';
	color: #003359;
	font-size: 2em;
	position: absolute;
	right: -5px;
	bottom: -10px;
	width: 1em;
}
blockquote p {
	color: #003359;
	margin: 0;
	font-weight: bold;
}
blockquote cite, blockquote small {
    color: #000000;
    opacity: .7;
    font-style: italic;
    font-size: 14px;
    display: inline-block;
    width: 100%;
    text-align: right;
}
blockquote small a {
    opacity: 1 !important;
    color: #1f2426;
}
blockquote blockquote {
	border:none;
	background: none;
}
.depts a {color:fff;}
.depts a:hover {text-decoration:underline; color:#fff;}

th {
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: bold;
	color: var(--text);
	font-size: 16px;
	line-height: 20px;
}

td {
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: normal;
	color: var(--text);
	font-size: 16px;
	line-height: 20px;
}
sup {
	font-size: .7em;
}
strong, b {
	font-weight: bold;
}
em, i {
	font-style: italic;
}

/* Footer Component */
footer {
	display: block;
	float: left;
	width: 100%;
	background: #003359;
}
footer .column .footer-meta {
	display: block;
	float: left;
	width: 100%;
	padding: 30px 30px 30px 30px;
}
footer .column .footer-meta div.utility-footer {
	display: block;
	float: left;
	width: 100%;
	text-align: center;
}
@media (min-width: 55em) {
	footer .column .footer-meta div.utility-footer {
		width: 70%;
		text-align: left;
	}
}
footer .column .footer-meta div.utility-footer ul {
	display: inline-block;
	padding-left:0;
}
footer .column .footer-meta div.utility-footer ul li {
	display: block;
	float: left;
	width: 100%;
}
@media (min-width: 45em) {
	footer .column .footer-meta div.utility-footer ul li {
		width: auto;
	}
}
@media (max-width: 500px) {
	footer .column .footer-meta div.utility-footer ul li {
	display: inline-block;
    float: none;
    width: auto;
	}
}
footer .column .footer-meta div.utility-footer ul li a {
	display: block;
	float: left;
	width: 100%;
	position: relative;
	margin: 10px 0;
	padding: 0 15px;
	font-style: normal;
	font-weight: 600;
	color: white;
	font-size: 14px;
	line-height: 24px;
	font-weight: 400;
}
@media (min-width: 45em) {
	footer .column .footer-meta div.utility-footer ul li a {
		text-align: center;
	}
}
@media (min-width: 45em) {
	footer .column .footer-meta div.utility-footer ul li a:after {
		content: '';
		position: absolute;
		top: 6px;
		right: 0;
		height: 10px;
		width: 2px;
		background: #bfc4ce;
		-moz-transform: skew(-25deg, 5deg);
		-ms-transform: skew(-25deg, 5deg);
		-webkit-transform: skew(-25deg, 5deg);
		transform: skew(-25deg, 5deg);
	}
}
@media (min-width: 45em) {
	footer .column .footer-meta div.utility-footer ul li:first-child a {
		padding-left: 0;
	}
}
footer .column .footer-meta div.utility-footer ul li:last-child a:after {
	background: none;
}
footer .column .footer-meta div.contact {
	display: block;
	float: left;
	width: 100%;
	margin: 30px 0 0 0;
	text-align: center;
}
@media (min-width: 55em) {
	footer .column .footer-meta div.contact {
		text-align: left;
	}
}
footer .column .footer-meta div.contact h3 {
	font-style: normal;
	font-weight: 600;
	color: #e1e1e1;
	font-size: 18px;
	line-height: 28px;
	font-weight: 600;
	text-transform: none;
}
footer .column .footer-meta div.contact p {
	padding: 0;
	margin: 0;
	color: #e1e1e1;
	font-size: 12px;
}
footer .column .footer-meta div.contact a {
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: 400;
	color: #e1e1e1;
	font-size: 12px;
	line-height: 18px;
	padding: 0;
	margin: 0;
}
footer .column .footer-meta div.social {
	display: block;
	float: left;
	width: 100%;
	margin-top: 15px;
	text-align: center;
}
@media (min-width: 55em) {
	footer .column .footer-meta div.social {
		width: 30%;
		margin-top: 0;
	}
}
.badge {
    color: #fff;
    background-color: #003359;
}
a#de:focus, a#de:hover {
	color: inherit;
	text-decoration: none;
	outline: 1px dotted #000;
}
a#directedit:hover, a#directedit:focus {
    color: inherit;
    text-decoration: none;
    outline: 1px dotted #000;
}
/* New Social Footer Buttons */
.social-button {
	background-color: white;
	border-radius: 2.6rem;
	cursor: pointer;
	display: inline-block;
	font-size: 1.5rem;
	height: 2.6rem;
	line-height: 2.6rem;
	margin: 0 5px;
	position: relative;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 2.6rem;
	z-index:2;
}

.social-button span {
	border-radius: 0;
	display: block;
	height: 0;
	left: 50%;
	margin: 0;
	position: absolute;
	top: 50%;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	width: 0;
}
.social-button:hover span {
	width: 2.6rem;
	height: 2.6rem;
	border-radius: 2.6rem;
	margin: -1.3rem;
}
a.social-button {color:#fff;}
a.social-button:focus {outline-color: #000 !important;}
a.social-button.twitter, a.social-button.photoshelter {
	color: #000;
}
.twitter span {
	background-color: #4099ff;
}
.facebook span {
	background-color: #3B5998;
}
.linkedin span {
	background-color: #2867B2;
}

.youtube span {
	background-color: #cc181e;
}
.instagram span {
	background-color: #8a3ab9;
}
.photoshelter span {
	background-color: #6dbf46;
}

a.social-button.facebook:hover {border: 1px solid #3b5998;}
a.social-button.twitter:hover {border: 1px solid #4099ff;}
a.social-button.linkedin:hover {border: 1px solid #2867B2;}
a.social-button.youtube:hover {border: 1px solid #cc181e;}
a.social-button.instagram:hover {border: 1px solid #8a3ab9;}
a.social-button.photoshelter:hover {border: 1px solid #6dbf46;}

.social-button em {
	background: transparent;
	color: white;
	height: 2.6rem;
	left: 0;
	line-height: 2.6rem;
	position: absolute;
	top: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	width: 2.6rem;
	z-index: 10;
}
.social-button .fa-twitter, .social-button .fa-x-twitter {
	color: #4099ff;
}
.social-button .fa-facebook {
	color: #3B5998;
}
.social-button .fa-linkedin {
	color: #2867B2;
}
.social-button .fa-youtube {
	color: #cc181e;
}
.social-button .fa-instagram {
	color: #8a3ab9;
}
.social-button .fa-picture-o {
	color: #6dbf46;
}
.social-button:hover .fa-twitter,
.social-button:hover .fa-x-twitter,
.social-button:hover .fa-facebook,
.social-button:hover .fa-linkedin,
.social-button:hover .fa-youtube,
.social-button:hover .fa-instagram, 
.social-button:hover .fa-picture-o {
	color: white;
}
/* New Footer 2023 */
 footer .column .footer-meta {
    display: flex;
    flex-direction: row;
	color:#fff;
	justify-content: space-between;
	align-items: center;
	padding: 2rem;
	column-gap:1rem;
}
footer ul.contact-info {
    list-style: none;
    padding: 0;
}
footer .column .footer-meta .footer-contact {
    display: flex;
    flex-direction: row;
	align-items: center;
}
footer .column .footer-meta .footer-contact h3, footer .column .footer-meta .footer-contact a, footer .column .footer-meta .footer-contact p {color:#fff; margin-bottom:0;}
img.footer-shield {
    height: 100px;
    padding-right: 2rem;
}
footer .column .footer-meta .footer-contact h3 {font-size:18px;}
footer .column .footer-meta a {font-weight:normal!important; color:#fff; font-size: 15px; line-height: 1.4rem;}
.footer-buttons {
    display: flex;
    flex-direction: column;
}
footer ul.required-items {
    list-style: none;
	padding-left:0;
    column-count: 3;
}
.subfooter {
    display: inline-flex;
	width:100%;
    justify-content: space-between;
    flex-direction: row;
    color: #003359;
    background: #fff;
    padding: 0 2rem;
    align-items: center;
	border-top: 5px solid;
    border-image-source: -moz-linear-gradient(to left, #00AEEF, #82c342);
    border-image-source: -webkit-linear-gradient(to left, #00AEEF, #82c342);
    border-image-source: linear-gradient(to left, #00AEEF, #82c342);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00AEEF', endColorstr='#82c342', GradientType=1);
    border-image-source: linear-gradient(to left, #00AEEF, #82c342);
    border-image-slice: 1;
}
.subfooter p {margin-bottom:0;}
footer .social-button {
    margin-top: 0.5rem;
}
footer a.bb2-btn.outline {
    background: #00AEEF;
    padding: 0.5rem 1rem!important;
	text-transform:none;
    color: #000000 !important;
	margin:0;	
}
footer a.bb2-btn.dark {
    color: #003359!important;
    background: #fff;
	text-transform:none;
	padding: 0.5rem 1rem!important;
	margin:0;
}

footer a.bb2-btn.dark:focus, footer a.bb2-btn.outline:focus {outline-color:#fff!important;}
@media (min-width: 768px) {
footer a.bb2-btn.dark {margin-bottom:.5rem;}
}
@media (max-width:1224px) {
	footer ul.required-items {column-count:2;}
}
@media (max-width:768px) {
	footer .column .footer-meta {padding:2rem 1rem; flex-direction: column;}
	.subfooter {padding:1rem;}
	footer .column .footer-meta .footer-contact {flex-direction: column; text-align: center;}
	img.footer-shield {padding-right:0;padding-bottom:1rem;}
	footer ul.required-items {column-count: 1; text-align: center;}
	.footer-links {margin-top:2rem;}
	.footer-buttons {flex-direction:row; gap: 20px; margin-top:2rem;}
	.subfooter {flex-direction: column;}
	footer .bb2-btn.dark {margin:0;}
	footer ul.contact-info {display: flex; gap: 20px; text-align: center;}
	footer ul.required-items li {display: inline-flex; margin: 0.3rem;}	
}
/* Header Component */
header {
	display: block;
	z-index: 10;
	position: relative;
	width: 100%;
}
header .alert {
	display: block;
	float: left;
	width: 100%;
	overflow: visible;
	background: #b89a68;
}
@media (min-width: 45em) {
	header .alert {
		height: 65px;
	}
}
header .alert .toggle {
	height: 65px;
	padding: 20px;
	cursor: pointer;
	max-width: 1250px;
	margin: auto;
}
header .alert .toggle h2 {
	display: block;
	float: left;
	width: -webkit-calc(100% - 60px);
	width: calc(100% - 60px);
	text-transform: uppercase;
}
header .alert .toggle span {
	display: block;
	float: left;
	width: 60px;
}
header .alert .toggle span:after {
	content: "\f107";
	font-family: "Font Awesome 6 Pro";
	-webkit-transform: rotateZ(180deg);
	-ms-transform: rotate(180deg);
	transform: rotateZ(180deg);
	transition: all .3s;
	display: block;
	float: right;
	position: relative;
	left: 5px;
}
header .alert .message {
	background: #d5ba8f;
	display: block;
	float: left;
	width: 100%;
	position: relative;
	z-index: 11;
	padding: 20px;
	margin: auto;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
}
@media (min-width: 45em) {
	header .alert .message {
		position: absolute;
	}
}
header .alert .message .column:before {
	content: "\f05a";
	font-family: "Font Awesome 6 Pro";
	width: 130px;
	height: 130px;
	margin: 12px auto;
	color: #fff;
	border-radius: 50%;
	border: 5px solid #fff;
	display: block;
	box-sizing: border-box;
	text-align: center;
	line-height: 120px;
	font-size: 50px;
}
@media (min-width: 45em) {
	header .alert .message .column:before {
		float: left;
	}
}
header .alert .message p {
	display: block;
	float: left;
	width: 100%;
	position: relative;
	padding: 10px 20px;
}
@media (min-width: 45em) {
	header .alert .message p {
		width: -webkit-calc(100% - 154px);
		width: calc(100% - 154px);
	}
}
header .alert .message a {
	position: relative;
	display: block;
	float: left;
	width: auto;
	position: relative;
	padding: 10px 0 10px 20px;
}
header .alert .message a:after {
	content: "๏„…";
	font-family: "Font Awesome 6 Pro";
	font-size: 14px;
	font-style: normal;
	position: absolute;
	right: -10px;
	color: #fff;
}
header .alert.emergency {
	background: #880000;
}
header .alert.emergency .message {
	background: rgba(173, 0, 0, 0.9);
}
header .alert.emergency .message .column:before {
	content: "\f071";
}
header .alert.weather {
	background: #003359;
}
header .alert.weather .message {
	background: rgba(57, 106, 165, 0.9);
}
header .alert.weather .message .column:before {
	content: "\f0e7";
}
header .alert.closed .message {
	display: none;
}
header .alert.closed .toggle span:after {
	-webkit-transform: rotateZ(0deg);
	-ms-transform: rotate(0deg);
	transform: rotateZ(0deg);
}
header .search {
	display: none;
	width: 0;
	float: right;
	background: white;
	height: 40px;
}
@media (min-width: 45em) {
	header .search {
		display: none;
		width: 200px;
		height: 40px;
	}
}
header .search form {
	display: block;
	margin: auto;
	max-width: 1250px;
}
header .search form #as_q {
	display: block;
	float: left;
	width: -webkit-calc(100% - 45px);
	width: calc(100% - 45px);
	height: 40px;
	padding: 0 0 0 20px;
	background: none;
	border: none;
	font-style: italic;
	font-size: 18px;
}
@media (min-width: 45em) {
	header .search form #as_q {
		width: -webkit-calc(100% - 40px);
		width: calc(100% - 40px);
		height: 40px;
	}
}
header .search form #as_q::-webkit-input-placeholder {
	color: #d5dedf;
}
@media (min-width: 45em) {
	header .search form #as_q::-webkit-input-placeholder {
		line-height: 16px;
	}
}
header .search form #as_q:-moz-placeholder {
	/* Firefox 18- */
	color: #d5dedf;
}
@media (min-width: 45em) {
	header .search form #as_q:-moz-placeholder {
		line-height: 16px;
	}
}
header .search form #as_q::-moz-placeholder {
	/* Firefox 19+ */
	color: #d5dedf;
}
@media (min-width: 45em) {
	header .search form #as_q::-moz-placeholder {
		line-height: 16px;
	}
}
header .search form #as_q:-ms-input-placeholder {
	/* ie */
	color: #d5dedf;
}
@media (min-width: 45em) {
	header .search form #as_q:-ms-input-placeholder {
		line-height: 16px;
	}
}
header .search form #site_search_button {
	display: block;
	float: left;
	width: 40px;
	font-size: 18px;
	color: #d5d5d5;
	height: 40px;
	background: none;
	border: none;
	cursor: pointer;
}
@media (min-width: 45em) {
	header .search form #site_search_button {
		height: 40px;
	}
}
@media (min-width: 45em) {
	header.search-open .search {
		display: block;
		height: 40px;
		position: absolute;
		top: 0;
		right: 42px;
		z-index: 1;
	}
}
header.search-open .l-head .header-right .search-toggle span.fa-search:before {
	content: "\f00d";
}
#cludo-search-form input.search-input{
    display: block;
    float: left;
    width: -webkit-calc(100% - 45px);
    width: calc(100% - 45px);
    height: 39px;
    padding: 0 0 0 20px;
    background: none;
    border: none;
    font-style: italic;
    font-size: 18px;
}

@media (min-width: 45em) {
#cludo-search-form input.search-input {
		width: -webkit-calc(100% - 40px);
		width: calc(100% - 40px);
		height: 40px;
	}
}


#cludo-search-form button#search-button {
    display: block;
    float: left;
    width: 40px;
    font-size: 18px;
    color: #d5d5d5;
    height: 40px;
    background: none;
    border: none;
    cursor: pointer;
}

@media (min-width: 45em) {
#cludo-search-form button#search-button {
		height: 40px;
	}
}
#cludo-search-form input.search-input:focus {
    outline-color: #fff;
}
#cludo-search-form button#search-button:focus {
    outline: 2px dashed #000000;
    outline-offset: -3px;
}

header.mobi-open .l-head {
	position: relative;
	z-index: 9998;
	height: 100%;
}
@media (min-width: 45em) {
	header.mobi-open .l-head {
		position: relative;
		min-height: initial;
		top: 0;
		width: 100%;
		background: url("/_resources/images/header.jpg") repeat-x top center;
		overflow-y: visible;
	}
}
header.mobi-open .l-head .mobi-toggle-wrapper {
	height: 115px;
}
header.mobi-open .l-head .mobi-toggle-wrapper .toggle .toggle-element {
	background: none;
}
header.mobi-open .l-head .mobi-toggle-wrapper .toggle .toggle-element:before {
	top: 0px;
	background: #fff;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
header.mobi-open .l-head .mobi-toggle-wrapper .toggle .toggle-element:after {
	top: -4px;
	background: #fff;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
header.mobi-open .header-right {
	height: auto;
}
header.mobi-open .header-right .main-nav-container {
	display: block;
}
header.mobi-open .header-right .gateway-container {
	display: block;
}
header.mobi-open .header-right .resources-container {
	display: block;
}
header.mobi-open .header-right .search-container {
	padding: 10px 30px 20px 30px;
}
header.mobi-open .header-right .search-container .search {
	display: block;
	width: 100%;
	float: left;
}
@media (min-width: 70em) {
	header.mobi-open .header-right .search-container .search {
		display: none;
	}
}
header.mobi-open.search-open .search {
	display: block;
	width: 200px;
}

.l-head {
	display: block;
	float: left;
	width: 100%;
	height: 100px;
	position: relative;
}
@media (min-width: 70em) {
	.l-head {
		height: 120px;
	}
}
.l-head a {
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: 600;
	color: white;
	font-size: 14px;
	line-height: 20px;
}
.l-head a span {
	font-weight:bold;
}

.l-head .mobi-toggle-wrapper {
	display: block;
	float: right;
	width: 100%;
	background: url("/_resources/images/diag-bg02.png") repeat top left;
}
@media (min-width: 70em) {
	.l-head .mobi-toggle-wrapper {
		display: none;
	}
}
.l-head .mobi-toggle-wrapper .toggle {
	display: block;
	float: right;
	width: auto;
	position: relative;
	margin: 25px 20px 0 0;
	padding: 13px 3px;
	background: #4e4d4d;
	z-index: 10;
	cursor: pointer;
	color: #fff;
	-webkit-transition: all 0.5s cubic-bezier(0.5, 0.1, 0.3, 0.5);
	-moz-transition: all 0.5s cubic-bezier(0.5, 0.1, 0.3, 0.5);
	-o-transition: all 0.5s cubic-bezier(0.5, 0.1, 0.3, 0.5);
	transition: all 0.5s cubic-bezier(0.5, 0.1, 0.3, 0.5);
}
@media (max-width: 45em) {
	.l-head .mobi-toggle-wrapper .toggle {
		margin-right: 5%;
	}
}
.l-head .mobi-toggle-wrapper .toggle .toggle-element {
	display: block;
	float: left;
	width: 24px;
	height: 4px;
	margin: 10px;
	background: #fff;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	padding: 0;
	box-sizing: initial;
}
.l-head .mobi-toggle-wrapper .toggle .toggle-element:before {
	top: -7px;
	content: '';
	display: block;
	width: 24px;
	height: 4px;
	background: #fff;
	position: relative;
	z-index: -1;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
.l-head .mobi-toggle-wrapper .toggle .toggle-element:after {
	top: 3px;
	content: '';
	display: block;
	width: 24px;
	height: 4px;
	background: #fff;
	position: relative;
	z-index: -1;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
.l-head .mobi-toggle-wrapper .toggle:hover {
	-webkit-transition: top 0.4s;
	-moz-transition: top 0.4s;
	-o-transition: top 0.4s;
	transition: top 0.4s;
}
.l-head .mobi-toggle-wrapper .toggle:hover .toggle-element:before {
	top: -8px;
}
.l-head .mobi-toggle-wrapper .toggle:hover .toggle-element:after {
	top: 4px;
}
.l-head .header-left {
	display: block;
	float: left;
	width: 100%;
	width: 415px;
	height: 103px;
	position: absolute;
	left: -60px;
	background-color: #002f55;
	/* background: -webkit-gradient(linear, 20% top, right top, from($ltblue), to($dkblue3));
	background: -webkit-linear-gradient(left, $ltblue 20%, $dkblue3);
	background: -moz-linear-gradient(left, $ltblue 20%, $dkblue3);
	background: -ms-linear-gradient(left, $ltblue 20%, $dkblue3);
	background: -o-linear-gradient(left, $ltblue 20%, $dkblue3); */
	box-shadow: 5px 2px 3px rgba(0, 0, 0, 0.3);
	background-color: #002f55;
	*zoom: 1;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#003359', endColorstr='#00223c');
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiMwMDgzYzYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzOTQ1N2IiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
	background-size: 100%;
	background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(20%, #002f55), color-stop(100%, #163c60));
	background-image: -moz-linear-gradient(left, #002f55 20%, #163c60 100%);
	background-image: -webkit-linear-gradient(left, #002f55 20%, #163c60 100%);
	background-image: linear-gradient(to right, #002f55 20%, #163c60 100%);
	z-index: 999;
	-moz-transform: skew(-45deg, 0);
	-ms-transform: skew(-45deg, 0);
	-webkit-transform: skew(-45deg, 0);
	transform: skew(-45deg, 0);
}
@media (max-width: 45em) {
	.l-head .header-left {
		width: 83%;
	}
}
.l-head .header-left .site-logo {
	display: block;
	width: 100%;
	position: relative;
	z-index: 0;
	margin: auto;
	padding: 20px 0 0 20px;
	-moz-transform: skew(45deg, 0);
	-ms-transform: skew(45deg, 0);
	-webkit-transform: skew(45deg, 0);
	transform: skew(45deg, 0);
}
@media (min-width: 35em) {
	.l-head .header-left .site-logo {
		padding: 17px 0 0 20px;
	}
}
.l-head .header-left .site-logo img {
	display: block;
	width: auto;
	margin: 0 0 0 3rem;
	width: 75%;
	max-width: 300px;
}
.l-head .header-right {
	display: block;
	float: left;
	width: 100%;
	height: 100px;
	background-color:#000;
	background-image: url("/_resources/images/diag-bg02.png");
	background-repeat:repeat;
	background-position:top left;
	position: relative;
	z-index: 998;
	box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.3);
}
@media (min-width: 70em) {
	.l-head .header-right {
		float: right;
		width: 80%;
	}
}
.l-head .header-right .search-container {
	display: block;
	float: left;
	width: 100%;
	position: relative;
}
@media (min-width: 70em) {
	.l-head .header-right .search-container {
		width: auto;
		padding: 0;
	}
}
.l-head .header-right .search-container .search-toggle {
	display: none;
}
@media (min-width: 70em) {
	.l-head .header-right .search-container .search-toggle {
		display: block;
		float: left;
		width: 42px;
		height: 40px;
		background: #616365;
		color: #fff;
		font-size: 18px;
		border: none;
		cursor: pointer;
		z-index: 2;
		position: relative;
		*zoom: 1;
		filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF730000', endColorstr='#FF000000');
		background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjQ1Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
		background-size: 100%;
		background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.45)), color-stop(100%, rgba(0, 0, 0, 0)));
		background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0) 100%);
		background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0) 100%);
		background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0) 100%);
	}
}
.l-head .header-right .search-container .search-toggle:focus {
	outline: #4d90fe auto 5px;
}
.l-head .header-right .main-nav-container {
	display: none;
}
@media (min-width: 70em) {
	.l-head .header-right .main-nav-container {
		display: block;
		float: left;
		width: 100%;
	}
}
.l-head .header-right .main-nav-container .nav-wrapper {
	display: block;
	float: left;
	width: 100%;
}
.l-head .header-right .main-nav-container .nav-wrapper .column {
	position: relative;
	top: 4px;
}
.l-head .header-right .main-nav-container .nav-wrapper .column ul.main-nav {
	display: block;
	float: left;
	width: 100%;
	padding-left:0;
}
@media (min-width: 70em) {
	.l-head .header-right .main-nav-container .nav-wrapper .column ul.main-nav {
		margin: 0 0 10px 17%;
		padding-left:0;  
	}
}
.l-head .header-right .main-nav-container .nav-wrapper .column ul.main-nav li {
	display: block;
	float: left;
	width: 100%;
	color:#fff;
	border-top: 1px solid #242424;
}
@media (min-width: 70em) {
	.l-head .header-right .main-nav-container .nav-wrapper .column ul.main-nav li {
		width: auto;
		border-top: none;
		border-bottom: none;
	}
}
@media (max-width: 1120px) {
	.l-head .header-right .main-nav-container .nav-wrapper .column ul.main-nav li {
		width: fit-content;
	}
}
.l-head .header-right .main-nav-container .nav-wrapper .column ul.main-nav li a {
	display: block;
	float: left;
	width: 100%;
	position: relative;
	padding: 20px 20px 15px 30px;
	line-height: 10px;
}
.l-head .header-right .main-nav-container .nav-wrapper .column ul.main-nav li a:focus {
	outline-color:#fff!important;
	outline-offset: -4px;
}

@media (min-width: 70em) {
	.l-head .header-right .main-nav-container .nav-wrapper .column ul.main-nav li a {
		padding: 11px 15px 10px 10px;
		text-align: center;
	}
	.l-head .header-right .main-nav-container .nav-wrapper .column ul.main-nav li a:after {
		content: '';
		position: absolute;
		top: 18px;
		right: 0;
		height: 10px;
		width: 2px;
		background: rgba(191, 196, 206, 0.5);
		-moz-transform: skew(-25deg, 5deg);
		-ms-transform: skew(-25deg, 5deg);
		-webkit-transform: skew(-25deg, 5deg);
		transform: skew(-25deg, 5deg);
	}
}
.l-head .header-right .main-nav-container .nav-wrapper .column ul.main-nav li:last-child a:after {
	background: none;
}
@media (min-width: 70em) {
	.l-head .header-right .main-nav-container .nav-wrapper .column ul.main-nav li.active a span {
		padding-bottom: 8px;
		border-bottom: 1px solid #ffa100;
	}
}
@media (min-width: 70em) {
	.l-head .header-right .main-nav-container .nav-wrapper .column ul.main-nav:hover li a {
		color: rgba(191, 196, 206, 0.5);
	}
	.l-head .header-right .main-nav-container .nav-wrapper .column ul.main-nav li:hover a {
		color: #bfc4ce;
	}
	.l-head .header-right .main-nav-container .nav-wrapper .column ul.main-nav li a:hover {
		color: white;
		text-decoration: none;
	}
}
.l-head .header-right .main-nav-container .nav-wrapper .column .menu-toggle {
	display: block;
	float: left;
	width: 100%;
}
@media (min-width: 45em) {
	.l-head .header-right .main-nav-container .nav-wrapper .column .menu-toggle {
		display: none;
	}
}
.l-head .header-right .resources-container {
	display: none;
	float: left;
	width: auto;
	position: relative;
	margin: 0 0 0 -20px;
	padding: 10px 40px 6px 15px;
	background: #717678;
	cursor: pointer;
	z-index: 1;
	-moz-transform: skew(-45deg, 0);
	-ms-transform: skew(-45deg, 0);
	-webkit-transform: skew(-45deg, 0);
	transform: skew(-45deg, 0);
}
@media (min-width: 70em) {
	.l-head .header-right .resources-container {
		display: block;
	}
}
@media (max-width: 900px) {
	.l-head .header-right .resources-container {
		width:100%;
	}
}

.l-head .header-right .resources-container .resources-skew {
	-moz-transform: skew(45deg, 0);
	-ms-transform: skew(45deg, 0);
	-webkit-transform: skew(45deg, 0);
	transform: skew(45deg, 0);
}
.l-head .header-right .resources-container .resources-skew .resources-toggle-wrapper {
	display: block;
	float: left;
	width: 100%;
}
.l-head .header-right .resources-container .resources-skew .resources-toggle-wrapper h3, .l-head .header-right .resources-container .resources-skew .resources-toggle-wrapper p {
	display: block;
	float: left;
	width: auto;
	font-size: 14px;
	font-style: normal;
	font-weight:bold;
	color: white;
	margin: 0;
	line-height: 24px;	
}
.l-head .header-right .resources-container .resources-skew .resources-toggle-wrapper .toggle {
	display: block;
	float: left;
	width: auto;
	position: relative;
	margin: 0;
	padding: 0;
	z-index: 10;
	cursor: pointer;
	color: white;
	-webkit-transition: all 0.5s cubic-bezier(0.5, 0.1, 0.3, 0.5);
	-moz-transition: all 0.5s cubic-bezier(0.5, 0.1, 0.3, 0.5);
	-o-transition: all 0.5s cubic-bezier(0.5, 0.1, 0.3, 0.5);
	transition: all 0.5s cubic-bezier(0.5, 0.1, 0.3, 0.5);
}
.l-head .header-right .resources-container.resources-open .resources-skew .resources-toggle-wrapper .toggle:focus {
    outline: 2px solid #000;
	outline-offset:2px;
}
.l-head .header-right .resources-container .resources-skew .resources-toggle-wrapper .toggle .toggle-element {
	display: block;
	float: left;
	width: 15px;
	height: 2px;
	margin: 10px;
	background: #fff;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	padding: 0;
	box-sizing: initial;
}
.l-head .header-right .resources-container .resources-skew .resources-toggle-wrapper .toggle .toggle-element:before {
	top: -5px;
	content: '';
	display: block;
	width: 15px;
	height: 2px;
	background: #fff;
	position: relative;
	z-index: -1;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
.l-head .header-right .resources-container .resources-skew .resources-toggle-wrapper .toggle .toggle-element:after {
	top: 3px;
	content: '';
	display: block;
	width: 15px;
	height: 2px;
	background: #fff;
	position: relative;
	z-index: -1;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
.l-head .header-right .resources-container .resources-skew .resources-toggle-wrapper:hover .toggle {
	-webkit-transition: top 0.4s;
	-moz-transition: top 0.4s;
	-o-transition: top 0.4s;
	transition: top 0.4s;
}
.l-head .header-right .resources-container .resources-skew .resources-toggle-wrapper:hover .toggle .toggle-element:before {
	top: -6px;
}
.l-head .header-right .resources-container .resources-skew .resources-toggle-wrapper:hover .toggle .toggle-element:after {
	top: 4px;
}
.l-head .header-right .resources-container .resources-skew ul.resources {
	display: none;
}
.l-head .header-right .resources-container.resources-open {
	background: white;
}
.l-head .header-right .resources-container.resources-open .resources-skew .resources-toggle-wrapper h3 {
	color: #024990;
}
.l-head .header-right .resources-container.resources-open .resources-skew .resources-toggle-wrapper .toggle:hover {
	transition: none;
}
.l-head .header-right .resources-container.resources-open .resources-skew .resources-toggle-wrapper .toggle .toggle-element {
	background: none;
}
.l-head .header-right .resources-container.resources-open .resources-skew .resources-toggle-wrapper .toggle .toggle-element:before {
	top: 0px;
	background: #024990;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.l-head .header-right .resources-container.resources-open .resources-skew .resources-toggle-wrapper .toggle .toggle-element:after {
	top: -2px;
	background: #024990;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.l-head .header-right .resources-container.resources-open .resources-skew ul.resources {
	display: block;
	width: 210px;
	position: absolute;
	top: 30px;
	left: -15px;
	border: 1px solid #d5dedf;
	background-image: url("/_resources/images/diag-lines01.png");
	background-color: white;
	background-size: 8px 6px;
	background-position: 0 top;
	background-repeat: repeat-y;
	list-style-type: none;
	padding-left:0;
}
.l-head .header-right .resources-container.resources-open .resources-skew ul.resources li a {
	display: block;
	margin: 0 10px;
	padding: 10px 15px;
	color: #024990;
	border-bottom: 1px solid #ebebeb;
	text-transform: none;
}
.l-head .header-right .gateway-container {
	display: none;
	float: left;
	width: 100%;
}
@media (min-width: 70em) {
	.l-head .header-right .gateway-container {
		display: block;
		width: auto;
		margin: 7px 0 0 15%;
		padding-left: 5%;
		border-bottom: 2px solid #252424;
	}
}
.l-head .header-right .gateway-container h3 {
	display: block;
	float: left;
	width: 100%;
	padding: 20px 20px 0 30px;
	font-style: normal;
	font-weight: 600;
	color: white;
	font-size: 18px;
	line-height: 28px;
	font-style: italic;
	font-weight: 400;
	text-transform: none;
}
@media (min-width: 70em) {
	.l-head .header-right .gateway-container h3 {
		display: none;
	}
}
.l-head .header-right .gateway-container ul.gateway-menu {
	display: block;
	float: left;
	width: 100%;
	padding-left: 0;
}
.l-head .header-right .gateway-container ul.gateway-menu > li {
	display: block;
	float: left;
	width: 100%;
	position: relative;
}
@media (min-width: 70em) {
	.l-head .header-right .gateway-container ul.gateway-menu > li {
		display: table-cell;
		width: auto;
		border: none;
		text-align: center;
	}
}
@media (max-width: 1120px) {
	.l-head .header-right .gateway-container ul.gateway-menu > li {
		display:inline-block;
		width:auto;		
	}
	.l-head .header-right .gateway-container ul.gateway-menu {
    padding-left: 20px;
	}
	
}
.l-head .header-right .gateway-container ul.gateway-menu > li a {
	display: block;
	padding: 10px;
	margin-right: 10px;
	font-style: normal;
	font-weight: 600;
	color: #fff;
	font-size: 12px;
	line-height: 22px;
	text-transform: uppercase;
}
@media (min-width: 70em) {
	.l-head .header-right .gateway-container ul.gateway-menu > li a {
        padding: 5px;
        margin-right: 5px;
		font-size: 10px;
	}
}
.l-head.mini-site {
	height: auto;
}
.l-head.mini-site .header-left {
	height: 107px;
}
.l-head.mini-site .header-bottom {
	display: block;
	float: left;
	width: 100%;
	position: relative;
	background: #003359;
	/* cursor: pointer; */
	/* z-index: 1; */
}
.l-head.mini-site .header-bottom .mini-site-title {
	display: block;
	float: left;
	width: 100%;
	position: relative;
	background-color: #e9e8e8;
	background: -webkit-gradient(linear, left top, right top, from(#e9e8e8), to(#f4f4f4));
	background: -webkit-linear-gradient(left, #e9e8e8, #f4f4f4);
	background: -moz-linear-gradient(left, #e9e8e8, #f4f4f4);
	background: -ms-linear-gradient(left, #e9e8e8, #f4f4f4);
	background: -o-linear-gradient(left, #e9e8e8, #f4f4f4);
	z-index: 1;
}
@media (min-width: 45em) {
	.l-head.mini-site .header-bottom .mini-site-title {
		width: 450px;
		height: 80px;
		background: white;
	}
}
.l-head.mini-site .header-bottom .mini-site-title a {
	display: block;
	float: left;
	width: 100%;
	height: 100%;
}
@media (max-width: 45em) {
	.l-head.mini-site .header-bottom .mini-site-title a {
		width: -webkit-calc(100% - 60px);
		width: calc(100% - 60px);
	}
}
.l-head.mini-site .header-bottom .mini-site-title h1 {
	display: block;
	float: left;
	width: 100%;
	padding: 17px 0 15px 20px;
	font-family: 'Open Sans', sans-serif;
	font-style: italic;
	font-weight: 600;
	color: #39457b;
	font-size: 22px;
	line-height: 28px;
}
@media (min-width: 45em) {
	.l-head.mini-site .header-bottom .mini-site-title h1 {
		padding: 25px 30px 20px 50px;
		font-family: 'Open Sans', sans-serif;
		font-style: normal;
		font-weight: 600;
		color: #39457b;
		font-size: 28px;
		line-height: 34px;
		text-align: left;
		white-space: nowrap;
	}
}
.l-head.mini-site .header-bottom .mini-site-title button {
	background: none;
	width: 60px;
	height: 60px;
	text-align: center;
	padding: 0;
	border: none;
}
@media (min-width: 45em) {
	.l-head.mini-site .header-bottom .mini-site-title button {
		display: none;
	}
}
.l-head.mini-site .header-bottom .mini-site-title button span {
	display: block;
	float: left;
	width: 100%;
	font-size: 32px;
	line-height: 60px;
	color: #c2c2c2;
	cursor: pointer;
	height: 100%;
	-webkit-transform: rotateZ(90deg);
	-ms-transform: rotate(90deg);
	transform: rotateZ(90deg);
	transition: transform 0.3s;
}
.l-head.mini-site .header-bottom .mini-nav {
	display: none;
	float: left;
	width: 100%;
}

.mini-nav ul {
	padding-left: 0;
}

@media (min-width: 45em) {
	.l-head.mini-site .header-bottom .mini-nav {
		display: block;
		text-align: center;
		margin-left: 40px;
		width: auto;
	}
}
@media (min-width: 70em) {
	.l-head.mini-site .header-bottom .mini-nav {
		width: -webkit-calc(100% - 450px);
		width: calc(100% - 450px);
	}
}
@media (min-width: 1300px) {
	.l-head.mini-site .header-bottom .mini-nav {
		margin-left: 0;
	}
}
.l-head.mini-site .header-bottom .mini-nav > ul {
	display: block;
	float: left;
	width: 100%;
}
@media (min-width: 45em) {
	.l-head.mini-site .header-bottom .mini-nav > ul {
		width: auto;
	}
}
.l-head.mini-site .header-bottom .mini-nav > ul li {
	display: block;
	float: left;
	width: 100%;
}
@media (min-width: 45em) {
	.l-head.mini-site .header-bottom .mini-nav > ul li {
		width: auto;
	}
}
.l-head.mini-site .header-bottom .mini-nav > ul li a {
	display: block;
	padding: 15px 10px 15px 25px;
	position: relative;
	color: white;
}
@media (min-width: 45em) {
	.l-head.mini-site .header-bottom .mini-nav > ul li a {
		padding: 30px 15px 20px 15px;
	}
	.l-head.mini-site .header-bottom .mini-nav > ul li a:after {
		content: '';
		position: absolute;
		top: 37px;
		right: 2px;
		height: 10px;
		width: 2px;
		background: #bfc4ce;
		-moz-transform: skew(-25deg, 5deg);
		-ms-transform: skew(-25deg, 5deg);
		-webkit-transform: skew(-25deg, 5deg);
		transform: skew(-25deg, 5deg);
	}
}
.l-head.mini-site .header-bottom .mini-nav > ul li:first-child, .l-head.mini-site .header-bottom .mini-nav > ul li:nth-child(2) {
	background: #f4f4f4;
	z-index: 2;
}
@media (min-width: 45em) {
	.l-head.mini-site .header-bottom .mini-nav > ul li:first-child, .l-head.mini-site .header-bottom .mini-nav > ul li:nth-child(2) {
		width: 120px;
		height: 80px;
		position: absolute;
		top: 0;
		margin-left: -40px;
		-moz-transform: skew(-45deg, 0);
		-ms-transform: skew(-45deg, 0);
		-webkit-transform: skew(-45deg, 0);
		transform: skew(-45deg, 0);
	}
}
@media (min-width: 1300px) {
	.l-head.mini-site .header-bottom .mini-nav > ul li:first-child, .l-head.mini-site .header-bottom .mini-nav > ul li:nth-child(2) {
		position: relative;
	}
}
.l-head.mini-site .header-bottom .mini-nav > ul li:first-child a, .l-head.mini-site .header-bottom .mini-nav > ul li:nth-child(2) a {
	padding: 30px 10px 30px 25px;
	font-family: 'Open Sans', sans-serif;
	font-style: italic;
	font-weight: 600;
	color: #003359;
	font-size: 18px;
	line-height: 24px;
	text-transform: uppercase;
}
@media (min-width: 45em) {
	.l-head.mini-site .header-bottom .mini-nav > ul li:first-child a, .l-head.mini-site .header-bottom .mini-nav > ul li:nth-child(2) a {
		padding-left: 0;
		-moz-transform: skew(45deg, 0);
		-ms-transform: skew(45deg, 0);
		-webkit-transform: skew(45deg, 0);
		transform: skew(45deg, 0);
	}
	.l-head.mini-site .header-bottom .mini-nav > ul li:first-child a:after, .l-head.mini-site .header-bottom .mini-nav > ul li:nth-child(2) a:after {
		background: none;
	}
}
.l-head.mini-site .header-bottom .mini-nav > ul li:first-child a:hover, .l-head.mini-site .header-bottom .mini-nav > ul li:nth-child(2) a:hover {
	color: #00AEEF;
	text-decoration: none;
}
@media (min-width: 45em) {
	.l-head.mini-site .header-bottom .mini-nav > ul li:first-child {
		left: 440px;
	}
}
@media (min-width: 1300px) {
	.l-head.mini-site .header-bottom .mini-nav > ul li:first-child {
		position: relative;
		left: auto;
	}
}
.l-head.mini-site .header-bottom .mini-nav > ul li:first-child.active {
	background: #ffa100;
}
.l-head.mini-site .header-bottom .mini-nav > ul li:first-child.active a {
	color: white;
}
.l-head.mini-site .header-bottom .mini-nav > ul li:first-child:hover {
	background: #ffa100;
}
.l-head.mini-site .header-bottom .mini-nav > ul li:first-child:hover a {
	color: white;
}
@media (min-width: 45em) {
	.l-head.mini-site .header-bottom .mini-nav > ul li:nth-child(2) {
		left: -webkit-calc(439px + 120px);
		left: calc(439px + 120px);
		background: #E7E7E7;
	}
}
@media (min-width: 1300px) {
	.l-head.mini-site .header-bottom .mini-nav > ul li:nth-child(2) {
		margin-left: -1px;
		margin-right: 15px;
		left: auto;
	}
}
.l-head.mini-site .header-bottom .mini-nav > ul li:nth-child(2).active {
	background: #3ad6c5;
}
.l-head.mini-site .header-bottom .mini-nav > ul li:nth-child(2).active a {
	color: white;
}
.l-head.mini-site .header-bottom .mini-nav > ul li:nth-child(2):hover {
	background: #3ad6c5;
}
.l-head.mini-site .header-bottom .mini-nav > ul li:nth-child(2):hover a {
	color: white;
}
.l-head.mini-site .header-bottom .mini-nav > ul li:last-child {
	position: relative;
	background: #003359;
	z-index: 2;
}
@media (min-width: 45em) {
	.l-head.mini-site .header-bottom .mini-nav > ul li:last-child a:after {
		background: none;
	}
}
.l-head.mini-site .header-bottom .info-for {
	display: block;
	float: left;
	width: auto;
	position: relative;
	margin: 20px -25px 0 -20px;
	padding: 10px 28px 10px 30px;
	background: #012846;
	z-index: 1;
	-moz-transform: skew(-45deg, 0);
	-ms-transform: skew(-45deg, 0);
	-webkit-transform: skew(-45deg, 0);
	transform: skew(-45deg, 0);
}
.l-head.mini-site .header-bottom .info-for:hover {
	background: #202953;
}
.l-head.mini-site .header-bottom .info-for h2,
.l-head.mini-site .header-bottom .info-for h3 {
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: 600;
	color: white;
	font-size: 14px;
	line-height: 20px;
	text-transform: uppercase;
	cursor: pointer;
	-moz-transform: skew(45deg, 0);
	-ms-transform: skew(45deg, 0);
	-webkit-transform: skew(45deg, 0);
	transform: skew(45deg, 0);
	position: relative;
	padding-right: 20px;
	margin-bottom:0;
}
.l-head.mini-site .header-bottom .info-for h2:after,
.l-head.mini-site .header-bottom .info-for h3:after {
	content: "๏ƒš";
	font-family: "Font Awesome 6 Pro";
	font-size: 24px;
	font-style: normal;
	position: absolute;
	padding: 3px 18px 0 18px;
	top: calc(50% - 12px);
	color: #a3e0ff;
	-webkit-transform: rotateZ(90deg);
	-ms-transform: rotateZ(90deg);
	transform: rotateZ(90deg);
	transition: all .2s;
}
.l-head.mini-site .header-bottom .info-for ul {
	display: none;
}
.l-head.mini-site .header-bottom .info-for.info-for-open {
	background: white;
}
.l-head.mini-site .header-bottom .info-for.info-for-open h3,
.l-head.mini-site .header-bottom .info-for.info-for-open h2{
	color: #00AEEF;
}
.l-head.mini-site .header-bottom .info-for.info-for-open h3:after,
.l-head.mini-site .header-bottom .info-for.info-for-open h2:after{
	-webkit-transform: rotateZ(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotateZ(-90deg);
}
.l-head.mini-site .header-bottom .info-for.info-for-open ul {
	display: block;
	width: 230px;
	position: absolute;
	top: 40px;
	left: 223px;
	list-style:none;
	background-image: url("/_resources/images/diag-lines01.png");
	background-color: white;
	background-size: 8px 6px;
	background-position: 0 top;
	background-repeat: repeat-y;
	-moz-transform: skew(45deg, 0);
	-ms-transform: skew(45deg, 0);
	-webkit-transform: skew(45deg, 0);
	transform: skew(45deg, 0);
}
@media (min-width: 45em) {
	.l-head.mini-site .header-bottom .info-for.info-for-open ul {
		top: 40px;
		left: 152px;
	}
}
.l-head.mini-site .header-bottom .info-for.info-for-open ul li a {
	display: block;
	margin: 0 10px;
	padding: 10px 15px;
	color: #003359;
	text-align: left;
	text-transform: uppercase;
	border-bottom: 1px solid #ebebeb;
	font-style: italic;
}
.l-head.mini-site .header-bottom .info-for.info-for-open ul li a:hover {
	color: #00AEEF;
	text-decoration: none;
}
.l-head.mini-site .header-bottom.mini-nav-open .mini-nav {
	display: block;
}
.l-head.mini-site .header-bottom.mini-nav-open .mini-site-title button span {
	-webkit-transform: rotateZ(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotateZ(-90deg);
	/* border-left:none; */
}
/* main nav mobile menu fixes */
@media (max-width:800px){
.l-head .header-right .resources-container.resources-open .resources-skew ul.resources {width: 100%; left: -4px;display: flex; flex-wrap: wrap; justify-content: space-evenly;}
.l-head .header-right .resources-container.resources-open .resources-skew ul.resources li {width: 32%}
.l-head .header-right .resources-container.resources-open .resources-skew ul.resources li a {margin: 0; padding: 1rem 1.5rem;}	
}
@media (max-width:400px){
.l-head {height: 80px;} 
.l-head .header-left {left: -40px;height: 83px;} 
.l-head .header-right {height:80px;}
.l-head .header-left .site-logo {padding: 18px 0 0 20px;}
.l-head .header-left .site-logo img {margin: 0 0 0 28px;}
.l-head .mobi-toggle-wrapper .toggle {margin: 17px 10px 0 0;}
header.mobi-open .l-head .mobi-toggle-wrapper {height:90px;}
.l-head .header-right .main-nav-container .nav-wrapper .column ul.main-nav li a {padding: 20px;}
.l-head .header-right .resources-container.resources-open .resources-skew ul.resources li {width: 50%}
}


* {
	box-sizing: border-box;
}

.wrapper {
	display: block;
	float: left;
	width: 100%;
	position: relative;
	overflow: hidden;
}
.wrapper > img {
	display: block;
	float: left;
	width: auto;
	position: absolute;
	min-width: 100%;
	min-height: 100%;
}
.wrapper.overlay-cta {
	overflow: visible;
}
.wrapper.content-bottom {
	background: white;
}
.wrapper .column > img {
	position: absolute;
	left: 0;
	z-index: -1;
}
@media (max-width: 45em) {
	.wrapper .column > img {
		height: 100%;
	}
}
/* start new global nav */
		.au-resources .resources-label {
            color: #fff;
        }

        .au-resources .dropdown-toggle-split {
            background-color: #001c33;
        }

        .au-resources .dropdown-menu {
            background: #003359;
            border: none;
        }

        .au-resources a.dropdown-item {
            border-bottom: 1px solid #144366;
            color: #fff;
            line-height: 30px;
        }

        .au-resources a.dropdown-item:hover {
            background: none;
            color: #00AEEF;
        }

        .au-resources a.dropdown-item:last-of-type {
            border: none;
        }

        .au-resources .btn-primary:not(:disabled):not(.disabled).active, .au-resources .btn-primary:not(:disabled):not(.disabled):active, 
		.show > .au-resources .btn-primary.dropdown-toggle {
            color: #fff;
            background-color: #001a2d;
            border-color: #001a2d;
        }

        .header-top {
            padding: 9px 0 10px 0;
            position: relative;
            background: #003359;
            background: linear-gradient(90deg, #06264A 0%, #007CB2 98.49%);
            z-index: 9;
        }

        .header-top-wrap {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .header-top-contact ul {
            display: flex;
            align-items: center;
            gap: 20px;
        }

        .header-top-social a {
            line-height: 35px;
            color: #fff;
            font-size: 16px;
            text-align: center;
            margin-right: 1rem;
            transition: all .5s ease-in-out;
        }

        .header-top-social a:hover {
            color: var(--theme-color2);
			text-decoration:none;
        }

        .header-top-right {
            display: flex;
            flex-direction: row;
            align-items: center;
            gap: 1rem;
        }
		.header-top-social a[href^="https://my.augusta.edu"]:before {color: #A5ACAF;}
        @media all and (max-width: 1199px) {
            .header-top-social a {
                width: 34px;
                height: 34px;
                line-height: 37px;
                margin-left: 0;
            }
        }

        @media all and (max-width: 992px) {
            .header-top {
                display: none;
            }
        }
        #primary-nav .navbar {
            position: relative;
            z-index: 8;
        }


        @keyframes slide-down {
            0% {
                transform: translateY(-100%);
            }

            100% {
                transform: translateY(0);
            }
        }

        @keyframes slideOutLeft {
            from {
                transform: translateX(100%);
                opacity: 0;
            }
            to {
                transform: translateX(0);
                opacity: 1;
            }
        }

        /* #au-global-nav.show {
          animation: slideOutLeft 0.4s ease-out forwards;
        } */
		#primary-nav {max-height: 100px; display: inline-block; width: 100%; box-shadow: 0 0 15px rgba(0, 0, 0, 0.17);}
		#primary-nav .bg-light {background-color: #fff !important;}
		#primary-nav .navbar .container-fluid .row {flex: 1;}
        #primary-nav .navbar .navbar-brand .logo-display {
            display: block;
        }

        #primary-nav .navbar .navbar-brand .logo-scrolled {
            display: none;
        }

        #primary-nav .navbar.fixed-top .navbar-brand .logo-display {
            display: none;
        }

        #primary-nav .navbar.fixed-top .navbar-brand .logo-scrolled {
            display: block;
        }

        #primary-nav .navbar .navbar-toggler:focus {
            outline: none;
            box-shadow: none;
        }

        #primary-nav .navbar-toggler-mobile-icon {
            display: inline-block;
            width: inherit;
            height: inherit;
        }

        #primary-nav .navbar-brand {
            margin-right: 1rem;
        }

        #primary-nav .navbar-brand img {
            width: 280px;
        }

        #primary-nav .navbar .dropdown-toggle::after {
            display: inline-block;
            margin-left: 5px;
            vertical-align: baseline;
            font-family: 'Font Awesome 6 Pro';
            content: "\f107";
            font-weight: 600;
            border: none;
            font-size: 18px;
        }

        #primary-nav .navbar .nav-item .nav-link:hover, .navbar .nav-item .nav-link:focus {
            color: #024273;
            text-decoration: solid underline #00AEEF 2px !important;
            outline: none;
        }
 		#primary-nav a.photo-link:hover {text-decoration: underline 2px #00AEEF;}
        #primary-nav a.mm-link {
            color: #fff;
            line-height: 30px !important;
            padding: .25rem .75rem;
            width: fit-content;
            font-size: 16px;
            margin: .5rem 0;
            line-height: 20px !important;
            background: #001c33;
            border-radius: 7px;
            font-weight: normal;
        }

        #primary-nav a.mm-link:hover {
            color: #00AEEF;
            text-decoration: none;
        }

        @media all and (max-width: 1199px) {
            #primary-nav .nav-right {
                margin-left: 25px !important;
            }

            #primary-nav .navbar .nav-item .nav-link {
                margin-right: 15px;
            }

            #primary-nav .navbar .nav-right-btn {
                display: none;
            }
        }

        @media all and (min-width: 992px) {

            #primary-nav .navbar .nav-item .nav-link {
                margin-right: 3rem;
                padding: 20px 0 20px 0;
                font-size: 18px;
                font-weight: 600;
                letter-spacing: 0;
            }

            #primary-nav .navbar.navbar-dark .nav-item .nav-link {
                color: #fff;
            }

            #primary-nav .navbar.navbar-light .nav-item .nav-link {
                color: var(--color-dark);
            }

            #primary-nav .navbar .nav-item:last-child .nav-link {
                margin-right: 0;
            }

            #primary-nav .navbar .nav-item .dropdown-menu {
                display: block;
                opacity: 0;
                visibility: hidden;
                transition: .3s;
                margin-top: 0;
                border: none;
                left: -15px;
                border-radius: 0px;
                border-top: 4px solid var(--theme-color2);
                background: var(--theme-color);
                width: 220px;
                box-shadow: var(--box-shadow);
            }

            #primary-nav .navbar .nav-item .dropdown-toggle.show .dropdown-menu {
                opacity: 1;
                visibility: visible;
            }

            #primary-nav .navbar .nav-item .dropdown-menu.show {
                opacity: 1;
                visibility: visible;
            }

            #primary-nav .dropdown-menu.show .nav-dropdown {
                display: block !important;
                position: relative;
                box-shadow: none !important;
                background-color: transparent !important;
            }

            #primary-nav .navbar .nav-item .dropdown-menu li {
                background-color: transparent !important;
                border-bottom: 1px solid var(--border-white-color);
            }

            #primary-nav .navbar .nav-item .dropdown-menu li:last-child {
                margin-bottom: 0;
                border-bottom: none;
            }

            #primary-nav .navbar .nav-item .dropdown-menu .dropdown-item {
                font-size: 16px;
                padding: .5rem 1rem;
                font-weight: 500;
                color: var(--color-white);
                position: relative;
                overflow: hidden;
                transition: all .3s ease-in-out;
                white-space: normal;
            }

            #primary-nav .navbar .nav-item .dropdown-menu .dropdown-item:focus {
                background: transparent !important;
                outline: none;
                min-width: unset !important;
            }

            #primary-nav .navbar .nav-item .dropdown-menu .dropdown-item:hover, #primary-nav .navbar .nav-item .dropdown-menu .dropdown-item:focus {
                background: transparent;
                padding-left: 32px;
            }

            #primary-nav .navbar .nav-item .dropdown-menu .dropdown-item::before {
                content: "โž";
                position: absolute;
                left: 15px;
                top: 8px;
                color: var(--theme-color2);
                opacity: 0;
                visibility: hidden;
                transition: var(--transition);
                z-index: -1;
				background:none!important;
            }

            #primary-nav .navbar .nav-item .dropdown-menu .dropdown-item:hover::before, #primary-nav .navbar .nav-item .dropdown-menu .dropdown-item:focus::before {
                opacity: 1;
                visibility: visible;
            }

            #primary-nav .navbar .nav-item .nav-link {
                position: relative;
            }

            #primary-nav .navbar.navbar-light .nav-item .nav-link.active,
            #primary-nav .navbar.navbar-light .nav-item:hover .nav-link {
                color: #003359;
            }

            #primary-nav .navbar.navbar-dark .nav-item .nav-link.active,
            #primary-nav .navbar.navbar-dark .nav-item:hover .nav-link {
                color: #fff;
            }

            #primary-nav .navbar .dropdown-menu-end {
                right: 0;
                left: auto;
            }

            #primary-nav .navbar .dropdown.show .dropdown-menu.fade-down {
                display: block !important;
            }

            #primary-nav .navbar .dropdown-menu.fade-down {
                top: 100%;
            }

            #primary-nav .navbar .dropdown-menu.fade-up {
                top: 140%;
            }

            #primary-nav .navbar #au-global-nav {
                justify-content: flex-end;
            }

            #primary-nav .nav-right {
                display: flex;
                align-items: center;
                justify-content: center;
                gap: 30px;
                margin-left: 25px;
                margin-right: 25px;
            }

            #primary-nav .nav-right-link {
                position: relative;
                font-size: 20px;
                color: var(--color-dark);
                transition: var(--transition);
            }

            #primary-nav .nav-right-link:hover {
                color: var(--theme-color) !important;
            }

            #primary-nav .nav-right .sidebar-btn .nav-right-link,
            #primary-nav .nav-right .search-btn .nav-right-link {
                border: none;
                background: transparent;
                color: var(--color-dark);
                font-size: 28px;
                padding-right: 0;
            }

            #primary-nav .nav-right .search-btn .nav-right-link {
                font-size: 20px;
                padding: 0;
            }

            #primary-nav .nav-right .cart-btn .nav-right-link {
                position: relative;
                font-size: 20px;
                padding: 0;
                margin-right: 15px;
            }

            #primary-nav .nav-right .cart-btn span {
                position: absolute;
                right: -9px;
                top: -2px;
                width: 15px;
                height: 15px;
                line-height: 15px;
                text-align: center;
                font-size: 12px;
                border-radius: 50px;
                background: var(--theme-color);
                color: var(--color-white);
            }

            .mobile-utilities, .hide-large, .mobile-audiences, .mobile-menu-right {
                display: none;
            }


        }

        @media (min-width: 991px) and (max-width: 1120px) {
            #primary-nav .navbar .nav-item .nav-link {
                margin-right: 1.5rem;
            }
        }

       
        @media all and (max-width: 991px) {
            header {
                height: 60px;
            }

            .header-bottom {
                position: relative;
                min-height: 45px;
            }
			#primary-nav {height: 60px;}
            #primary-nav .navbar {
                position: relative;
            }

            #primary-nav.main-navigation .navbar {
                position: relative;
                padding: 0;
                border-bottom: 4px solid #00AAEF;
            }
			#primary-nav.main-navigation.active {position:fixed; width:100%;}

            #primary-nav .navbar-brand {
                padding-left: 10px;
            }

            #primary-nav .navbar-brand img {
                width: 200px;
            }

            #primary-nav .navbar-collapse {
                padding: 0 20px;
                background-color: var(--color-white);
                z-index: 6;
            }

            #primary-nav.main-navigation .navbar-collapse {
                border-top: 4px solid #00AEEF;
                border-radius: 0 0 8px 8px;
                box-shadow: 1px 6px 12px #0000006b;
                width: 90vw;
                max-width: 600px;
                z-index: 9;
                height: 100%;
                position: fixed;
                top: 61px;
                right: 0;
                padding: 0;
            }

            .header-bottom .navbar-collapse {
                box-shadow: 1px 6px 12px #0000006b;
            }

            #primary-nav .dropdown-toggle::after {
                float: right;
            }

            #primary-nav.main-navigation .navbar .dropdown-toggle::after {
                height: 55px;
                position: absolute;
                display: flex;
                right: 0;
                top: 0;
                width: 46.5px;
                background: #003359;
                align-items: center;
                justify-content: center;
                color: #fff;
            }

            #primary-nav.main-navigation .navbar-nav {
                overflow-y: auto;
                height: calc(100% - 226px);
            }

            #primary-nav.main-navigation .navbar .nav-item {
                background: transparent !important;
            }

            #primary-nav.main-navigation .navbar .nav-item .nav-link {
                color: var(--color-dark);
                font-weight: 700;
                transition: var(--transition);
            }

            #primary-nav.main-navigation .navbar .mega-menu .nav-link {
                font-weight: 700;
                transition: var(--transition);
                background: #001d32;
                font-size: 18px;
                color: #fff !important;
                padding: .75rem .5rem;
                opacity: 1;
                margin: 0;
                border-bottom: 1px solid rgb(255 255 255 / 23%);
            }

            #primary-nav.main-navigation .navbar .nav-item .nav-link:before {
                display: none !important;
            }

            #primary-nav .navbar .nav-item .nav-link:hover {
                color: var(--theme-color);
            }

            #primary-nav .dropdown-menu > li > a {
                padding: 5px 10px;
            }

            #primary-nav .mega-menu-item.nav-dropdown {
                display: block !important;
            }

            #primary-nav .nav-dropdown.show {
                display: block !important;
            }

            #primary-nav.main-navigation .nav-dropdown {
                background: transparent;
                box-shadow: none;
            }

            #primary-nav.main-navigation .nav-dropdown li {
                background: transparent;
                color: #003359 !important;
            }

            #primary-nav.main-navigation .nav-dropdown a.dropdown-item {
                background: transparent;
                color: #000 !important;
                font-weight: 600;
                padding: .5rem .5rem .5rem .25rem;
                letter-spacing: 0;
            }

            #primary-nav.main-navigation .nav-dropdown a.dropdown-item:focus {
                outline: none;
            }

            #primary-nav .mega-menu-item.nav-dropdown li {
                background: transparent !important;
            }

            #primary-nav .mega-menu-item.nav-dropdown li .dropdown-item {
                color: #003359;
            }

            #primary-nav .dropdown-item {
                white-space: wrap;
                padding: .5rem;
            }

            #primary-nav .navbar-toggler {
                padding: 0 10px 0 0;
                border: none;
            }

            #primary-nav .mobile-utilities {
                z-index: 20;
                bottom: 0;
                right: 0;
                width: 90vw;
                max-width: 600px;
                background: #ededed;
                display: flex;
                justify-content: center;
                animation: slideInFromLeft 0.3s ease-out forwards;

            }
			#primary-nav .mobile-audiences {
				padding: 10px 8px 0 8px;
				animation: slideInFromLeft 0.3s ease-out forwards;
				transition: opacity 0.3s ease;
				background:#003359;
			}
			#primary-nav .mobile-audiences h5 {
				font-weight:bold;
				text-transform:uppercase;
				font-size:14px;
				margin-bottom:5px;
				color:#fff;
				text-align:center;
			}
			#primary-nav .mobile-audiences-list {
				display:flex;
				flex-wrap: wrap;
				-webkit-flex-wrap: wrap;
				list-style-type: none;
				padding-left:0;
				justify-content: space-evenly;
			}
			#primary-nav .mobile-audiences-list li a {font-size:14px; font-weight:bold; color:#00AEEF;}
			#primary-nav .mobile-audiences-list li {
				min-width:150px;
				margin:0 10px 10px 0;
				text-align: center;
			}
			#primary-nav .mobile-audiences-list li:last-of-type {
				margin-bottom:0;
			}
            #primary-nav .mobile-cta {
                flex: 1 0 auto;
                -webkit-flex: 1 0 auto;
                -ms-flex: 1 0 auto;
                -moz-flex: 1 0 auto;
                padding: 0 2%;

            }

            #primary-nav .mobile-cta a {
                color: #333;
                font-size: .75rem;
                line-height: 1.25rem;
                text-align: center;
                display: block;
                height: 100%;
            }
			#primary-nav .mobile-cta a:before {display:none!important;}
            #primary-nav .mobile-cta a:hover {
                text-decoration: none;
                background: #fff;
            }

            #primary-nav .mobile-cta a i {
                display: block;
                text-align: center;
                font-size: 1.75rem;
                width: 100%;
                position: relative;
                padding: .25rem 0;
            }

            #primary-nav .mobile-menu-right {
                display: flex;
                align-items: center;
                gap: 20px;
                padding-right: 20px;
            }

            #primary-nav .mobile-menu-right .nav-right-link {
                background: transparent;
                border: none;
                font-size: 20px;
                color: var(--color-dark);
            }

            #primary-nav .mobile-menu-right .nav-right-link:hover {
                color: var(--theme-color);
            }

            #primary-nav .search-area.open {
                top: 50px !important;
            }

            #primary-nav .navbar-toggler-mobile-icon {
                font-size: 25px;
                color: var(--color-dark);
                font-weight: 500;
            }

            #primary-nav .navbar .dropdown-menu {
                border-radius: 0px;
                box-shadow: none !important;
                border-top: 1px solid #CCC;
                border-bottom: 1px solid #ccc;
            }

            #primary-nav .nav-right {
                display: none;
            }

            #primary-nav a.mm-link {
                color: #fff;
                background: #003359;
                display: block;
                width: 100%;
                text-align: center;
                padding: 1rem;
            }

            #primary-nav a.mm-link:hover {
                text-decoration: none;
                color: #00AEEF;
            }

        }

        #primary-nav ul.mega-menu-item {
            list-style: none;
            padding-left: 0;
        }

        #primary-nav .photo-menu img {
            max-width: 100%;
            border-radius: 4px !important;
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.10);
        }

        @media (min-width: 992px) {
            #primary-nav .nav-item.mega-menu {
                position: static;
            }

            #primary-nav .navbar .nav-item.mega-menu .dropdown-menu {
                width: 98%;
                left: 12px;
            }

            #primary-nav .mega-menu .mega-content {
                padding: 30px;
            }

   			 #primary-nav .mega-menu .mega-content h5, #primary-nav .mega-menu .mega-content p, #primary-nav .mega-menu .mega-content h2 {
                color: #fff;
                font-size: 26px;
                margin-bottom: .5rem;
                font-weight: bold;
                font-family: 'Crimson', 'Georgia', serif;
            }

            #primary-nav .navbar .nav-item.mega-menu .dropdown-menu .dropdown-item {
                padding-left: 0;
            }

            #primary-nav .navbar .nav-item.mega-menu .dropdown-menu .dropdown-item::before {
                left: 0;
            }

            #primary-nav .navbar .nav-item.mega-menu .dropdown-menu .dropdown-item:hover, #primary-nav .navbar .nav-item.mega-menu .dropdown-menu .dropdown-item:focus {
                padding-left: 20px;
            }

            #primary-nav .menu-about-logo {
                margin-top: 15px;
                margin-bottom: 15px;
            }

            #primary-nav .photo-menu {
                margin-bottom: 1rem;
            }

            #primary-nav .photo-menu img {
                width: 100%;
            }

            #primary-nav .photo-menu figcaption {
                color: #fff;
                margin-top: .5rem;
				font-size: 18px;
        line-height: 1.1em;
        font-weight: bold;
        text-wrap: balance;
            }

        #primary-nav .photo-menu p {
                color: var(--color-white);
            }
        }


        @media (max-width: 991px) {
            #primary-nav .photo-menu {
                display: none;
            }

            #primary-nav .mega-menu .mega-content h5, #primary-nav .mega-menu .mega-content p, #primary-nav .mega-menu .mega-content h2 {
                margin: 15px 0;
                font-weight: bold;
                font-family: 'Crimson', 'Georgia', serif;
                font-size: 20px;
            }
        }

        #primary-nav .navbar .nav-item .dropdown-submenu {
            position: relative;
        }

        #primary-nav .navbar .nav-item .dropdown-submenu .dropdown-menu::before {
            display: none;
        }

        #primary-nav .navbar .nav-item .dropdown-submenu a::after {
            transform: rotate(-90deg);
            position: absolute;
            right: 15px;
            top: 10px;
            font-weight: 600;
        }

        #primary-nav .navbar .nav-item .dropdown-submenu a:hover {
            background: transparent;
            color: var(--color-white);
        }

        #primary-nav .navbar .nav-item .dropdown-submenu .dropdown-menu {
            top: 120%;
            left: 100%;
            opacity: 0;
            visibility: hidden;
            background: #012744;
        }

        #primary-nav .navbar .nav-item .dropdown-submenu .dropdown-menu.show {
            top: 0;
            opacity: 1;
            visibility: visible;

        }

        @media all and (max-width: 991px) {
            #primary-nav .navbar .nav-item .dropdown-submenu .dropdown-menu {
                margin: 0 17px;
                background: transparent;
            }

            #primary-nav .navbar .nav-item .dropdown-submenu a::after {
                top: 4px;
            }

            #primary-nav .navbar .nav-item .dropdown-submenu a:hover {
                color: var(--theme-color);
            }
        }
        .search-popup {
            position: fixed;
            left: 0;
            top: 0;
            height: 100vh;
            width: 100%;
            z-index: 99999;
            margin-top: -540px;
            transform: translateY(-100%);
            background-color: rgba(0, 0, 0, .8);
            transition: all 1500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
            transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
			visibility: hidden;
        }

        .sidenav-bar-visible .search-popup {
            width: 80%;
        }

        .search-active .search-popup {
            transform: translateY(0%);
            margin-top: 0;
			visibility: visible;
        }

        .search-popup .close-search {
            position: absolute;
            left: 0;
            right: 0;
            top: 75%;
            border: none;
            margin: 0 auto;
            margin-top: -200px;
            text-align: center;
            background: #003359;
            text-align: center;
            width: 50px;
            height: 50px;
            color: #fff;
            font-size: 20px;
            cursor: pointer;
            border-radius: 50px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
            transition: all 500ms ease;
            opacity: 0;
            visibility: hidden;
        }

        .search-active .search-popup .close-search:hover {
            background: #00AEEF;
        }

        .search-active .search-popup .close-search {
            visibility: visible;
            opacity: 1;
            top: 35%;
            transition-delay: 1500ms;
        }

        .search-popup form {
            position: absolute;
            max-width: 700px;
            top: 30%;
            left: 15px;
            right: 15px;
            margin: -35px auto 0;
            transform: scaleX(0);
            transform-origin: center;
            transition: all 300ms ease;
        }

        .search-active .search-popup form {
            transform: scaleX(1);
            transition-delay: 1200ms;
        }

        .search-popup .form-group {
            position: relative;
            margin: 0px;
            overflow: hidden;
        }

        .search-popup .form-group input[type="text"],
        .search-popup .form-group input[type="search"] {
            position: relative;
            width: 100%;
            height: 65px;
            outline: none;
            border-radius: 8px;
            border: none;
            padding: 0 100px 0 35px;
            transition: all 500ms ease;
            font-style: normal;
        }

        #cludo-search-form button#search-button,
        .search-popup .form-group input[type="submit"],
        .search-popup .form-group button {
            position: absolute;
            right: 10px;
            top: 19px;
            background: #003359;
            text-align: center;
            font-size: 20px;
            color: var(--color-white);
            padding: 6px 18px;
            border-radius: 8px;
            border: none;
            cursor: pointer;
            transition: all 500ms ease;
            width: unset;
            height: unset;
        }

        .search-popup .form-group input[type="submit"]:hover,
        #cludo-search-form button#search-button:hover,
        .search-popup .form-group button:hover {
            background: var(--theme-color);
            color: var(--color-white);
        }
		.search-popup .popular-searches {
position: absolute;
    max-width: 700px;
    top: 40%;
    left: 15px;
    right: 15px;
    margin: -35px auto 0;
    transform: scaleX(0);
    transform-origin: center;
    transition: all 300ms ease;
}
  .search-active .popular-searches {
            transform: scaleX(1);
            transition-delay: 1200ms;
        }
.search-popup .popular-searches ul.pop-search li a {color:#fff;}
ul.pop-search {
    columns: 3 150px;
	padding-left:0;
}
@media (max-width:991px){
	ul.pop-search {list-style: none; display: flex; flex-wrap: wrap; justify-content: space-evenly; padding-left:0;}
	.search-popup .popular-searches ul.pop-search li a {margin: 0 .5rem;}
	.search-popup .popular-searches {top: 45%;}
}

        .navbar-toggler {
            position: relative;
            margin: auto;
            width: 25px;
            height: 30px;
            cursor: pointer;
        }

        .hamburger-menu,
        .hamburger-menu:after,
        .hamburger-menu:before {
            width: 25px;
            height: 2px;
        }

        .hamburger-menu {
            position: relative;
            transform: translateY(15px);
            background: #000;
            transition: all 0ms 300ms;
        }

        .hamburger-menu.animate {
            background: rgba(255, 255, 255, 0);
        }

        .hamburger-menu:before {
            content: "";
            position: absolute;
            left: 0;
            bottom: -8px;
            background: #000;
            transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
        }

        .hamburger-menu:after {
            content: "";
            position: absolute;
            left: 0;
            top: -8px;
            background: #000;
            transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
        }

        .hamburger-menu.animate:after {
            top: 0;
            transform: rotate(45deg);
            transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
        }

        .hamburger-menu.animate:before {
            bottom: 0;
            transform: rotate(-45deg);
            transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
        }

/* end new global nav */
img {
	display: block;
	position: relative;
	-ms-interpolation-mode: bicubic;
	max-width:100%;
}
@media (min-width: 35em) {
	img.mobile-image {
		display: none !important;
	}
}
img.desk-image {
	display: none !important;
}
@media (min-width: 35em) {
	img.desk-image {
		display: block !important;
	}
}

.column {
	margin: auto;
	position: relative;
}
@media (max-width: 45em) {
	.column {
		display: block;
		float: left;
		width: 100%;
	}
}

a.back-to-top {
	display: none;
	font-size:0;
	position: relative;
	padding-right: 20px;
	position: fixed;
	right: 20px;
	bottom: 20px;
	width: 45px;
	height: 45px;
	padding: 24px 0 0 0;
	border: 3px solid #00AEEF;
	border-radius: 50%;
	z-index: 9999;
	-webkit-transition: background 0.3s;
	-moz-transition: background 0.3s;
	-o-transition: background 0.3s;
	transition: background 0.3s;
}
a.back-to-top:after {
    content: "\f077";
	font-family: "Font Awesome 6 Pro";
	font-size: 30px;
	font-style: normal;
	position: absolute;
	padding: 10px 0 0 4px;
	top: calc(50% - 36px);
	color: #00AEEF;
	transition: all .2s;
}
a.back-to-top:after {
	bottom: 0;
	left: 0;
	right:0;
}
a.back-to-top:hover {
	background: #00AEEF;
}
a.back-to-top:hover:after {
	color: white;
}
a.anchor {
	display: block;
	float: left;
	width: 100%;
}

.table-wrapper {
	display: block;
	float: left;
	width: 100%;
}
@media (min-width: 45em) {
	.table-wrapper {
		box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5);
	}
}
.table-wrapper table {
	width: 100%;
	margin: 20px 0;
	table-layout: fixed;
}
@media (min-width: 45em) {
	.table-wrapper table {
		margin: 0;
	}
}
.table-wrapper table thead {
	display: none;
}
@media (min-width: 45em) {
	.table-wrapper table thead {
		display: table-header-group;
	}
}
.table-wrapper table thead tr {
	background: #fff;
	border-bottom: 1px solid #ececec;
}
.table-wrapper table thead tr th {
	border-right: 1px solid #b2b4b3;
	color: #fff;
	background: #003359;
	padding: 10px 30px;
	text-align: left;
}
.table-wrapper table tbody {
	border: 1px solid #ececec;
}
.table-wrapper table tbody tr {
	display: block;
	float: left;
	width: 100%;
	background: #fff;
	border: 1px solid rgba(0, 0, 0, 0.8);
	margin-bottom: 10px;
}
@media (min-width: 45em) {
	.table-wrapper table tbody tr {
		display: table-row;
		float: none;
		width: auto;
		border: 0;
		border-bottom: 1px solid #ececec;
		margin: 0;
	}
	.table-wrapper table tbody tr:last-child {
		border-bottom: none;
	}
}
.table-wrapper table tbody tr td {
	display: block;
	float: left;
	width: 100%;
	text-align: left;
	padding: 10px;
}
.table-wrapper table tbody tr td:before {
	content: attr(data-label);
	display: block;
	float: left;
	width: 100px;
	text-align: left;
	font-weight: bold;
}
@media (min-width: 45em) {
	.table-wrapper table tbody tr td:before {
		width: 150px;
	}
}
@media (min-width: 45em) {
	.table-wrapper table tbody tr td {
		padding: 10px 30px;
		border-right: 1px solid #b2b4b3;
		display: table-cell;
		float: none;
	}
	.table-wrapper table tbody tr td:before {
		content: '';
	}
}
.table-wrapper table tbody tr td:last-child {
	border-right: none;
}
.table-wrapper table tbody tr.even {
	background: #ececec;
}

html {
	background: #b2b4b3;
	overflow-x: hidden;
}
html body {
	max-width: 1500px;
	margin: auto;
	overflow-x: hidden;
}
html body.subnav-open {
	position: relative;
	overflow-x: hidden;
}

.l-page {
	display: block;
	float: left;
	width: 100%;
	min-height: 60vh;
    background-color:#fff;
}
@media (min-width: 45em) {
	.l-page {
		margin-top: 0;
	}
}
.l-page h1 {
	margin: 0 20px;
}
@media (min-width: 45em) {
	.l-page h1 {
		margin: 0 50px;
	}
}
.l-page .l-content {
	display: block;
	float: left;
	width: 100%;
}
@media (min-width: 45em) {
	.l-page .l-content {
		margin-top: -150px;
	}
}
.l-page .l-content .l-content-meta {
	display: block;
	float: left;
	width: 100%;
	background: white;
}

/* Templates */
body.generic_inner .l-page .column .l-content-header {
	display: block;
	float: left;
	width: 100%;
	height: auto;
	margin-top: 0;
	padding-top: 0;
	padding-bottom: 10px;
	background: white;
}
body.generic_inner .l-page .column .l-content-header h1 {
	display: block;
	float: left;
	width: calc(100% - 100px);
	padding-bottom: 30px;
}
body.generic_inner .l-page .column .l-content-header hr {
	margin: 0 30px 0 30px;
	width: calc(100% - 60px);
}
body.generic_inner .l-page .column .l-content-center {
	display: block;
	float: none;
	width: 100%;
	overflow:hidden;
	background: white;
	background: url("/_resources/images/contact-bg01.png");
}
@-moz-document url-prefix() {
	body.generic_inner .l-page .column .l-content-center{
		overflow:visible!important;
	}
}
body.generic_inner .l-page .column .l-content-center .l-nav-sidebar {
	display: block;
	float: left;
	width: 100%;
	background-color: #959c9f;
	background-image: url("/_resources/images/diag-lines03.png");
	background-size: 8px 6px;
	background-position: 0 top;
	background-repeat: repeat-y;
}
@media (min-width: 45em) {
	body.generic_inner .l-page .column .l-content-center .l-nav-sidebar {
		width: 240px;
	}
}
body.generic_inner .l-page .column .l-content-center .l-nav-sidebar .subnav {
	display: block;
	float: left;
	width: 100%;
	/* padding: 20px 15px 25px 20px; */
}
body.generic_inner .l-page .column .l-content-center .l-nav-sidebar .subnav h2.section-title {
	position: relative;
	padding: 15px;
	font-family: 'Open Sans', sans-serif;
	font-style: italic;
	font-weight: 600;
	color: white;
	font-size: 22px;
	line-height: 28px;
	text-transform: uppercase;
	/* 	white-space: nowrap; */
	cursor: pointer;
	margin-bottom:0;
}
@media (min-width: 45em) {
	body.generic_inner .l-page .column .l-content-center .l-nav-sidebar .subnav h2.section-title {
		display: none;
	}
}
body.generic_inner .l-page .column .l-content-center .l-nav-sidebar .subnav h2.section-title:before {
	content: "\f105";
	position: absolute;
	top: 20px;
	right: 10px;
	font-family: "Font Awesome 6 Pro";
	font-size: 26px;
	font-style: normal;
	color: white;
	padding-right: 10px;
	-webkit-transform: rotateZ(90deg);
	-ms-transform: rotate(90deg);
	transform: rotateZ(90deg);
	transition: transform 0.3s;
}
body.generic_inner .l-page .column .l-content-center .l-nav-sidebar .subnav ul {
	display: none;
	float: left;
	width: 100%;
}
body.generic_inner .l-page .column .l-content-center .l-nav-sidebar .subnav ul li {
	display: block;
	float: left;
	width: 100%;
	line-height: 0;
	border-bottom: 1px solid white;
}
body.generic_inner .l-page .column .l-content-center .l-nav-sidebar .subnav ul li a {
	display: block;
	padding: 12px;
	color: white;
	font-size:14px; 
	line-height:20px;	
}
body.generic_inner .l-page .column .l-content-center .l-nav-sidebar .subnav ul li a.has-sub {
	float: left;
	width: -webkit-calc(100% - 45px);
	width: calc(100% - 45px);
}
body.generic_inner .l-page .column .l-content-center .l-nav-sidebar .subnav ul li button {
	background: none;
	width: 45px;
	height: 45px;
	text-align: center;
	padding: 0;
	border: none;
}
body.generic_inner .l-page .column .l-content-center .l-nav-sidebar .subnav ul li button span {
	display: block;
	float: left;
	width: 100%;
	font-size: 21px;
	line-height: 45px;
	color: white;
	cursor: pointer;
	height: 100%;
	-webkit-transform: rotateZ(90deg);
	-ms-transform: rotate(90deg);
	transform: rotateZ(90deg);
	transition: transform 0.3s;
}
body.generic_inner .l-page .column .l-content-center .l-nav-sidebar .subnav ul li ul {
	display: none;
	background-color: #A1A8AB;
}
body.generic_inner .l-page .column .l-content-center .l-nav-sidebar .subnav ul li ul li {
	padding-left: 10px;
}
body.generic_inner .l-page .column .l-content-center .l-nav-sidebar .subnav ul li ul li:last-child {
	border-bottom: none;
}
body.generic_inner .l-page .column .l-content-center .l-nav-sidebar .subnav ul li ul li a {
	margin-right: 0;
}
body.generic_inner .l-page .column .l-content-center .l-nav-sidebar .subnav ul li ul li ul {
	background-color: #ABB2B5;
}
body.generic_inner .l-page .column .l-content-center .l-nav-sidebar .subnav ul li ul li ul li ul {
	background-color: #B6BDC0;
}
body.generic_inner .l-page .column .l-content-center .l-nav-sidebar .subnav ul li.open > ul {
	display: block;
}
body.generic_inner .l-page .column .l-content-center .l-nav-sidebar .subnav ul li.open > button span {
	-webkit-transform: rotateZ(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotateZ(-90deg);
	border-left: none;
}
body.generic_inner .l-page .column .l-content-center .l-nav-sidebar .subnav ul li.active > a {
	font-weight: 600;
	text-decoration: underline;
}
body.generic_inner .l-page .column .l-content-center .l-nav-sidebar .subnav ul li.active-trail > ul {
	/* display: block; */
}
body.generic_inner .l-page .column .l-content-center .l-nav-sidebar .subnav > ul {
	display: none;
	padding: 0 15px 25px 20px;
}
@media (min-width: 45em) {
	body.generic_inner .l-page .column .l-content-center .l-nav-sidebar .subnav > ul {
		display: block;
		padding-top: 20px;
	}
}
body.generic_inner .l-page .column .l-content-center .l-nav-sidebar .subnav.subnav-open > ul {
	display: block;
}
@media (max-width: 45em) {
	body.generic_inner .l-page .column .l-content-center .l-nav-sidebar .subnav.subnav-open h2.section-title:before {
		top: 15px;
		-webkit-transform: rotateZ(-90deg);
		-ms-transform: rotate(-90deg);
		transform: rotateZ(-90deg);
		transition: transform 0.3s;
	}
}
body.generic_inner .l-page .column .l-content-center .l-content-featured {
	display: block;
	float: left;
	width: 100%;
}
@media (min-width: 45em) {
	body.generic_inner .l-page .column .l-content-center .l-content-featured {
		width: -webkit-calc(100% - 240px);
		width: calc(100% - 240px);
	}
}
body.generic_inner .l-page .column .l-content-center .l-content-featured .subsection > hr {
	display: none;
}
body.generic_inner .l-page .column .l-content-center .l-content-featured .subsection .text-container {
	padding: 0;
}
@media (min-width: 45em) {
	body.generic_inner .l-page .column .l-content-center .l-content-featured .subsection .text-container {
		width: 100%;
	}
}
@media (min-width: 70em) {
	body.generic_inner .l-page .column .l-content-center .l-content-featured .subsection .text-container {
		width: 65%;
		padding-right: 40px;
		padding-left: 20px;
	}
}
body.generic_inner .l-page .column .l-content-center .l-content-featured .subsection .text-container .coa-links a.button {
	margin: 0 0 0 25px;
}
body.generic_inner .l-page .column .l-content-center .l-content-featured .subsection .promo.image {
	padding-top: 30px;
}
@media (min-width: 45em) {
	body.generic_inner .l-page .column .l-content-center .l-content-featured .subsection .promo.image {
		width: 100%;
	}
}
@media (min-width: 70em) {
	body.generic_inner .l-page .column .l-content-center .l-content-featured .subsection .promo.image {
		width: 35%;
		padding-top: 0;
		padding-left: 20px;
	}
}
body.generic_inner .l-page .column .l-content-center .l-content-wrapper {
	display: block;
	float: left;
	width: 100%;
	background: white;
}
@media (min-width: 45em) {
	body.generic_inner .l-page .column .l-content-center .l-content-wrapper {
		float: right;
		width: -webkit-calc(100% - 240px);
		width: calc(100% - 240px);
	}
}
body.generic_inner .l-page .column .l-content-center .l-content-wrapper .l-section-heading {
	display: block;
	float: left;
	width: 100%;
	padding: 0 40px;
}
body.generic_inner .l-page .column .l-content-center .l-content-wrapper .l-section-heading .heading {
	display: block;
	float: left;
	width: 100%;
	margin-bottom: 10px;
	padding: 30px 15px 25px 30px;
	background: white;
	border-bottom: 1px dotted #616365;
}
body.generic_inner .l-page .column .l-content-center .l-content-wrapper .l-section-heading .heading h2 {
	display: block;
	float: left;
	width: 75%;
	text-align: left;
}
body.generic_inner .l-page .column .l-content-center .l-content-wrapper .l-section-heading .heading p {
	margin:0;
}
/*
@media (min-width: 45em) {
body.generic_inner .l-page .column .l-content-center .l-content-wrapper .l-section-heading .heading h2 {
width: 95%;
}
}

body.generic_inner .l-page .column .l-content-center .l-content-wrapper .l-section-heading .heading a {
display: block;
float: left;
width: 100%;
text-align: left;
padding-top: 25px;
}
*/
@media (min-width: 45em) {
	body.generic_inner .l-page .column .l-content-center .l-content-wrapper .l-section-heading .heading a {
		/* 		width: 25%; */
		padding-top: 10px;
		text-align: right;
		float:right;
	}
}
body.generic_inner .l-page .column .l-content-center .l-content-wrapper .l-content {
	display: block;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0 20px 30px 20px;
	/* > h2 {
	@include floatblock();
	margin:20px 0;
} */
}
@media (min-width: 45em) {
	body.generic_inner .l-page .column .l-content-center .l-content-wrapper .l-content {
		width: 70%;
		padding-right: 30px;
		padding-left: 50px;
	}
}
@media (min-width: 70em) {
	body.generic_inner .l-page .column .l-content-center .l-content-wrapper .l-content {
		padding: 0 70px 60px 70px;
	}
}
/* 
body.generic_inner .l-page .column .l-content-center .l-content-wrapper .l-content img {
display: block;
float: left;
width: 100%;
}
*/
body.generic_inner .l-page .column .l-content-center .l-content-wrapper .l-promo-sidebar {
	display: block;
	float: left;
	width: 100%;
	padding: 0 20px 30px 20px;
	/* background: url("/_resources/images/contact-bg01.png"); */
}
@media (min-width: 45em) {
	body.generic_inner .l-page .column .l-content-center .l-content-wrapper .l-promo-sidebar {
		width: 30%;
		padding-right: 0;
		padding-left: 0;
	}
}
body.generic_inner .l-page .column .l-content-center .l-content-wrapper .l-promo-sidebar ul {
	list-style-type: none;
	padding: 0 40px 20px 0;
}
body.generic_inner .l-page .column .l-content-center .l-content-wrapper .l-promo-sidebar ul li {
	padding-bottom: .5em;
	border-bottom: 1px solid #f9f9f9;
}
body.generic_inner .l-page .column .l-content-footer {
	border-top: 1px solid #b2b4b3;
}

body.gateway .l-page .l-content {
	margin-top: 40px;
}
body.gateway .l-page .l-content .subsection {
	padding-bottom: 0;
	border-bottom: none;
}

.ql-container {
	display: block;
	float: left;
	width: 100%;
	background: url("/_resources/images/factoid-bg01.png");
	padding: 35px 0 50px 0;
	border: 1px solid #ececec;
}
@media (min-width: 45em) {
	.ql-container {
		/* padding-left: 50px; */
	}
}
.ql-container h4 {
	display: block;
	float: left;
	width: auto;
	display: inline-block;
	position: relative;
	top: 25px;
	left: -14px;
	padding: 5px 10px;
	color:#fff;
	background: #003359;
	border: 2px solid #d5dedf;
	text-transform: uppercase;
	margin: 0 10px 15px 0;
	padding: 10px 30px;
	top: 0;
}
.ql-container h4:before {
	content: "\A";
	border-bottom: 12px solid #2b6d8e;
	border-left: 12px solid transparent;
	position: absolute;
	top: -14px;
	left: 0;
}
.ql-container .promo.p-list {
	padding-left: 20px;
}
@media (min-width: 45em) {
	.ql-container .promo.p-list {
		width: auto;
		max-width: 230px;
	}
}
.ql-container .promo.p-list ul {
	list-style-type: none;
}
.ql-container .promo.p-list ul li {
	/* width: auto; */
	padding: 5px 0;
}

/* General Styles */
a.button {
	display: inline-block;
	width: auto;
	position: relative!important;
	padding: 15px 25px!important;
	background: #003359;
	border: 1px solid #ececec;
	border-radius: 3px;
	font-style: italic;
	font-weight: 700;
	color: white!important;
	font-size: 14px;
	line-height: 20px;
}
a.button:hover {
	background: #00223b;
	text-decoration: none;
}

.l-content p a:not(.mce-item-anchor):not(.bb-btn):not(.btn):not(.bb2-btn):not(.hvr-grow):not(.c-link--nav), .l-content-featured p a:not(.mce-item-anchor):not(.bb-btn):not(.btn):not(.bb2-btn):not(.hvr-grow):not(.c-link--nav) {
	position: relative;
	padding-bottom: 2px;
	font-weight: 600;
	background-image: -webkit-gradient(linear, left bottom, right top, color-stop(5%, #00AEEF), color-stop(95%, #82C342));
	background-image: linear-gradient(to top right, #00AEEF 5%, #82C342 95%);
	background-repeat: no-repeat;
	background-size: 0 0.2em;
	background-position: 0 88%;
	transition: background-size 0.25s ease-in;
	text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
}

.l-content p a:not(.mce-item-anchor):not(.bb-btn):not(.btn):not(.bb2-btn):not(.hvr-grow):not(.c-link--nav):hover, .l-content-featured p a:not(.mce-item-anchor):not(.bb-btn):not(.btn):not(.bb2-btn):not(.hvr-grow):not(.c-link--nav):hover {
	background-size: 100% .2em;
	text-decoration: none!important;
}
#jagalert {
	color: #fff!important;
    margin-bottom: 0;
    width: 100% !important;
	background: #101010;
	background: linear-gradient(90deg, #101010 20%, #313131 100%);
    border-bottom: 5px solid;
    border-image-source: -moz-linear-gradient(to right, #00AEEF, #82c342);
    border-image-source: -webkit-linear-gradient(to right, #00AEEF, #82c342);
    border-image-source: linear-gradient(to right, #00AEEF, #82c342);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00AEEF', endColorstr='#82c342', GradientType=1);
    border-image-source: linear-gradient(to right, #00AEEF, #82c342);
    border-image-slice: 1;
	padding: .75rem;
	display: flex;
    flex-direction: row;
	align-items: center;
    justify-content: center;
}
#jagalert .alert-message {text-wrap: balance; text-align: center; line-height: 1.2;}
#jagalert a {
    background: #fff !important;
    text-decoration: none;
    border: none;
    padding: .25rem .5rem;
    color: #c8102e !important;
    margin-left: 1rem;
    white-space: nowrap;
}
#jagalert a:hover {
    background: #c8102e !important;
    color: #fff !important;
}
@media (max-width:768px) {
	#jagalert {flex-direction:column}
	#jagalert a {margin-left:0; margin-top:1rem;}
}

.content-block ol, .content-block ul, .subsection ul, .subsection ol, .matrix ol, .matrix ul {
    margin-bottom: 1rem;
}
.content-block ol li, .content-block ul li, .subsection ul li, .subsection ol li, .matrix ol li, .matrix ul li {
    margin-bottom: 1rem;
    padding-left: .5rem;
	list-style-position: outside;
}
.content-block ol li a:not(.btn):not(.nav-link), .content-block ul li a:not(.btn):not(.link-nav):not(.c-link--nav):not(.nav-link), .subsection ul li a:not(.btn):not(.tab-profile):not(.cludo-result-item-path):not(.link-nav):not(.c-link--nav):not(.nav-link), .subsection ol li a:not(.btn):not(.tab-profile):not(.link-nav):not(.nav-link), .matrix ol li a:not(.btn):not(.nav-link), .matrix ul li a:not(.btn):not(.link-nav):not(.c-link--nav):not(.nav-link) {
    position: relative;
    padding-bottom: 2px;
    font-weight: 600;
    background-image: -webkit-gradient(linear, left bottom, right top, color-stop(5%, #00AEEF), color-stop(95%, #82C342));
    background-image: linear-gradient(to top right, #00AEEF 5%, #82C342 95%);
    background-repeat: no-repeat;
    background-size: 0 0.2em;
    background-position: 0 88%;
    transition: background-size 0.25s ease-in;
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 2px;
}
.content-block ol li a:not(.btn):not(.c-link--nav):not(.nav-link):hover, .content-block ul li a:not(.btn):not(.c-link--nav):not(.nav-link):hover, .subsection ul li a:not(.btn):not(.tab-profile):not(.cludo-result-item-path):not(.nav-link):not(.c-link--nav):hover, .subsection ol li a:not(.btn):not(.tab-profile):not(.nav-link):not(.c-link--nav):hover, .matrix ol li a:not(.btn):not(.c-link--nav):not(.nav-link):hover, .matrix ul li a:not(.btn):not(.c-link--nav):not(.nav-link):hover {
	background-size: 100% .2em;
	text-decoration: none!important;
}
.contact-box p a:not(.bb-btn):not(.bb2-btn):not(.btn) {
    text-decoration: none !important;
	color: inherit;
    font-weight: normal !important;
}
.contact-box p a.btn-primary {
    color: #fff;
}

/*
a.btn, a.button {
	background-image: none!important;
}
*/
a.dots {
	font-family: 'Open Sans', sans-serif;
	font-style: italic;
	font-weight: 600;
	color: #003359;
	font-size: 14px;
	line-height: 20px;
	height: 60px;
	position: relative;
	padding-left: 50px;
	padding-right: 30px;
	text-transform: capitalize;
	display: inline-flex;
	align-items: center;

}
a.dots:after {
	content: url("/_resources/images/diag-dots01.png");
	position: absolute;
	top: 0;
	right: auto;
	bottom: 0;
	left: 0;
}

.subsection {
	display: block;
	float: left;
	width: 100%;
	padding: 30px 20px 40px 20px;
	position: relative;
	background: white;
	border-bottom: 1px solid #b2b4b3;
	/* > a {
	position: absolute;
	top: 35px;
	right: 90px;
	text-transform: uppercase;
} */
}
@media (min-width: 45em) {
	.subsection {
		padding-right: 50px;
		padding-left: 50px;
	}
}
.subsection h2 {
	margin: 0;
	padding: 0;
	text-align: left;
}
.subsection .text-container {
	display: block;
	float: left;
	width: 100%;
}
@media (min-width: 55em) {
	.subsection .text-container {
		width: 65%;
		padding: 0 0 0 50px;
	}
}
.subsection .text-container h2 {
	margin: 0 0 15px 0;
	padding: 0;
	text-align: left;
	border: none;
}
.subsection .text-container .coa-links ul {
	display: block;
	float: left;
	width: 100%;
	padding: 0;
}
.subsection .text-container .coa-links ul li {
	display: block;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
}
@media (min-width: 45em) {
	.subsection .text-container .coa-links ul li {
		width: auto;
	}
}
@media (min-width: 70em) {
	.subsection .text-container .coa-links ul li {
		padding-right: 30px;
		width: auto;
	}
}
.subsection .text-container .coa-links a.button {
	margin-top: 25px;
}
.subsection .text-container p {
	display: block;
	/*float: none;*/
	/*float: left;*/
	width: 100%;
	padding: 0 0 20px 0;
	margin: 0;
}
.manual-calendar p {
	padding: 0!important;
	margin: 0!important;
}
.subsection .text-container .manual-calendar .card-body p {
	padding-bottom: 0;
}

.subsection .text-container > div {
	/* display: block; */
	/* float: left; */
	/* width: auto; */
	/*width: 100%;*/
}
.subsection .text-container > ul {
	display: block;
	float: left;
	width: 100%;
	padding: 0 0 0 20px;
	list-style-type: disc;
}
.subsection .text-container > ul li {
	padding: 5px 0;
}
.subsection .promo.image,
.subsection .image-container {
	display: block;
	float: left;
	width: 100%;
}
@media (min-width: 45em) {
	.subsection .promo.image,
	.subsection .image-container {
		width: 35%;
	}
}
.subsection .promo.image img,
.subsection .image-container img {
	width: 100%;
	height: auto;
}
.subsection .promo.image p,
.subsection .image-container p {
	text-align: center;
	font-style: italic;
	color: #003359;
}
.subsection.image-right .promo.image,
.subsection.image-right .image-container {
	float: right;
}
@media (min-width: 45em) {
	.subsection.image-right .text-container {
		padding: 0 40px 0 50px;
	}
}
@media (min-width: 70em) {
	.subsection.three-column {
		padding-right: 0;
	}
}
.subsection.three-column h2 {
	margin: 0 50px 25px 0;
}
.subsection.three-column .promo.image,
.subsection.three-column .image-container {
	display: block;
	float: left;
	width: 100%;
}
@media (min-width: 45em) {
	.subsection.three-column .promo.image,
	.subsection.three-column .image-container {
		width: 40%;
	}
}
@media (min-width: 70em) {
	.subsection.three-column .promo.image,
	.subsection.three-column .image-container {
		width: 30%;
	}
}
.subsection.three-column .text-container {
	padding: 0 0 20px 0;
	display: block;
	float: left;
	width: 100%;
}
@media (min-width: 45em) {
	.subsection.three-column .text-container {
		width: 100%;
		padding-right: 0;
		padding-left: 0;
	}
}
@media (min-width: 70em) {
	.subsection.three-column .text-container {
		width: 70%;
		padding-right:50px;
		padding-left:0;
	}
}
@media (min-width: 55em) {
	.subsection.three-column .text-container > ul {
		width: 50%;
	}
}
.subsection.three-column .sidebar {
	display: block;
	float: left;
	width: 100%;
}
@media (min-width: 70em) {
	.subsection.three-column .sidebar {
		width: 30%;
		position: relative;
		/* margin-top: -141px; */
	}
}
.subsection.three-column .sidebar > div {
	display: block;
	float: left;
	width: 100%;
}
.subsection.three-column .sidebar ul {
	list-style-type: none;
}
@media (min-width: 45em) {
	.subsection.morelink .heading {
		padding-bottom: 0;
	}
}
@media (min-width: 70em) {
	.subsection.morelink .heading {
		padding-right: 90px;
	}
}
.subsection.morelink .heading h2 {
	margin-right: 0;
}
@media (min-width: 45em) {
	.subsection.morelink .heading h2 {
		width: 60%;
	}
}
.subsection.morelink .heading a {
	display: block;
	float: left;
	width: 100%;
	text-align: left;
}
@media (min-width: 45em) {
	.subsection.morelink .heading a {
		width: 40%;
		padding-top: 10px;
		text-align: right;
	}
}
.subsection.gray {
	background: #fff;
}

img[src*=".svg"] {
	width: 100%;
}

.p-list {
	display: block;
	float: left;
	width: 100%;
}
.p-list ul {
	display: block;
	float: left;
	width: 100%;
	list-style-type: disc;
}
.p-list ul li {
	display: list-item;
	float: left;
	width: 100%;
	margin: 0 0 0 15px;
}
.p-list ol {
	display: block;
	float: left;
	width: 100%;
	list-style-type: decimal;
}
.p-list ol li {
	display: list-item;
	float: left;
	width: 100%;
	margin: 0 0 0 15px;
}
.p-list.arrow ul {
	list-style-type: none;
}
.p-list.arrow ul li {
	padding: 8px 0;
}
.p-list.arrow ul li a:before {
	content: url(/_resources/images/gold-arrow02.png);
	position: relative;
	left: -10px;
}
.p-list.label h3 {
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: 700;
	color: white;
	font-size: 14px;
	line-height: 20px;
	display: inline-block;
	position: relative;
	left: -14px;
	margin: 25px 0 10px 0;
	padding: 5px 10px;
	background: #003359;
	border: none;
	text-transform: none;
}
.p-list.label h3:before {
	content: "\A";
	border-bottom: 12px solid #2b6d8e;
	border-left: 12px solid transparent;
	position: absolute;
	top: -14px;
	left: 0;
}
.promo.p-list.label p, .promo.p-list.label a {
	color: #003359!important;
}

.promo.p-list.label a {
	font-weight: bold !important;
}

.p-list.label ul li {
	margin: 0 0 8px 30px;
}
.p-list.buttons ul {
	list-style-type: none;
}
.p-list.buttons ul li {
	margin: 0;
	text-align: center;
}
@media (min-width: 45em) {
	.p-list.buttons ul li {
		text-align: right;
	}
}
.p-list.buttons ul li a.button {
	display: inline-block;
	float: none;
}

.l-promo-sidebar .promo {
	margin-bottom: 30px;
	background: url("/_resources/images/contact-bg01.png");
}
.l-promo-sidebar .p-list {
	text-align: left;
}
.owl-carousel {background-color:#000;}

.owl-carousel .owl-controls {
	position: relative;
	bottom: 0;
	display: table;
	/* margin:-40px auto 0px; */
	width: 100%;
}
.owl-carousel .owl-controls .owl-pagination {
	display: table;
	height: 10px;
	bottom: 0;
	margin: auto;
}
.owl-carousel .owl-controls .owl-pagination .owl-page {
	display: block;
	float: left;
	width: 10px;
	height: 10px;
	margin: 15px 5px;
}
.owl-carousel .owl-controls .owl-pagination .owl-page span {
	display: block;
	float: left;
	width: 8px;
	height: 8px;
	width: 8px;
	margin: 1px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.35);
}
.owl-carousel .owl-controls .owl-pagination .owl-page.active span {
	width: 10px;
	height: 10px;
	margin: 0;
	background: #fff;
}
.owl-carousel .owl-controls .owl-buttons div {
	position: absolute;
	top: -200px;
	color: #00AEEF;
	text-shadow: none;
	background: white;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	text-align: center;
	font-size: 55px;
	line-height:1;
	border: 2px solid #d5dedf;
}
.owl-carousel .owl-controls .owl-buttons div.owl-prev {
	left: 5px;
	padding-right: 6px;
}
.owl-carousel .owl-controls .owl-buttons div.owl-next {
	right: 5px;
	padding-left: 6px;
}
.owl-carousel.featured {
	/* 	display: block; */
	/* 	float: left; */
	/* 	width: 100%; */

}
.owl-carousel.featured .owl-wrapper-outer {
	background: url("/_resources/images/diag-bg02.png") repeat top left;
}
.owl-carousel.featured .owl-wrapper-outer .owl-wrapper .owl-item div .slide img {
	width: 100%;
	height: auto;
	/* width: auto; */
	/* height: 300px; */
	/* min-height: 300px; */
	position: relative;
}
@media (min-width: 45em) {
	.owl-carousel.featured .owl-wrapper-outer .owl-wrapper .owl-item div .slide img {
		min-height: 350px;
	}
}
.owl-carousel.featured .owl-wrapper-outer .owl-wrapper .owl-item div .slide .wrapper {
	padding: 45px 20px 15px 20px;
	background: url("/_resources/images/diag-bg02.png") repeat top left;
}
@media (min-width: 45em) {
	.owl-carousel.featured .owl-wrapper-outer .owl-wrapper .owl-item div .slide .wrapper {
		position: absolute;
		bottom: 0;
		height: 100%;
		padding: 0 0 0 50px;
		background: url("/_resources/images/feat-slider-bg01.png") no-repeat;
	}
}
@media (min-width: 70em) {
	.owl-carousel.featured .owl-wrapper-outer .owl-wrapper .owl-item div .slide .wrapper {
		padding-left: 100px;
	}
}
@media (min-width: 45em) {
	.owl-carousel.featured .owl-wrapper-outer .owl-wrapper .owl-item div .slide .wrapper .container {
		position: absolute;
		top: 25%;
		width: 500px;
	}
}
@media (min-width: 70em) {
	.owl-carousel.featured .owl-wrapper-outer .owl-wrapper .owl-item div .slide .wrapper .container {
		width: 500px;
	}
}
.owl-carousel.featured .owl-wrapper-outer .owl-wrapper .owl-item div .slide .wrapper .container .column {
	text-align: left;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
.owl-carousel.featured .owl-wrapper-outer .owl-wrapper .owl-item div .slide .wrapper .container .column h2 {
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: 700;
	color: white;
	font-size: 32px;
	line-height: 38px;
}
@media (min-width: 70em) {
	.owl-carousel.featured .owl-wrapper-outer .owl-wrapper .owl-item div .slide .wrapper .container .column h2 {
		font-size: 48px;
		line-height: 54px;
	}
}
.owl-carousel.featured .owl-wrapper-outer .owl-wrapper .owl-item div .slide .wrapper .container .column p {
	display: block;
	float: left;
	width: 50%;
	font-style: normal;
	font-weight: 600;
	color: white;
	font-size: 18px;
	line-height: 28px;
	font-weight: 400;
	margin: 30px auto;
}
@media (min-width: 45em) {
	.owl-carousel.featured .owl-wrapper-outer .owl-wrapper .owl-item div .slide .wrapper .container .column p {
		width: 100%;
	}
}
@media (min-width: 70em) {
	.owl-carousel.featured .owl-wrapper-outer .owl-wrapper .owl-item div .slide .wrapper .container .column p {
		font-size: 21px;
		line-height: 31px;
	}
}
.owl-carousel.featured .owl-wrapper-outer .owl-wrapper .owl-item div .slide .wrapper .container .column a {
	display: block;
	float: left;
	width: 50%;
	position: relative;
	top: 60px;
	padding: 0 0 0 50px;
	color: white;
	font-weight: 600;
	text-align: center;
	text-transform: uppercase;
}
@media (min-width: 45em) {
	.owl-carousel.featured .owl-wrapper-outer .owl-wrapper .owl-item div .slide .wrapper .container .column a {
		width: 100%;
		top: 0;
		text-align: left;
	}
}
.owl-carousel.featured .owl-wrapper-outer .owl-wrapper .owl-item div .slide .wrapper .container .column a:before {
	content: '';
	display: inline-block;
	position: relative;
	top: 8px;
	left: -25px;
	height: 30px;
	width: 2px;
	background: white;
	-moz-transform: skew(-45deg, 5deg);
	-ms-transform: skew(-45deg, 5deg);
	-webkit-transform: skew(-45deg, 5deg);
	transform: skew(-45deg, 5deg);
}
.owl-carousel.featured .owl-controls {
	position: absolute;
	/* top: 260px; */
	display:inline-block;
	top: 85vw;
	left: 0;
	width: 100%;
	height:50px;
	margin: 0 auto;
}
@media (min-width: 35em) {
	.owl-carousel.featured .owl-controls {
		top: 35vw;
	}
}
@media (min-width: 45em) {
	.owl-carousel.featured .owl-controls {
		top: 15%;
		left: 50px;
		width: 150px;
	}
}
@media (min-width: 70em) {
	.owl-carousel.featured .owl-controls {
		left: 100px;
	}
}
.owl-carousel.featured .owl-controls .owl-pagination .owl-page {
	display: block;
	float: left;
	width: 10px;
	height: 10px;
	margin: 5px;
}
@media (max-width: 45em) {
	.owl-carousel.featured .owl-controls .owl-pagination .owl-page {
		margin: 0 15px;
	}
}
.owl-carousel.featured .owl-controls .owl-pagination .owl-page span {
	display: block;
	float: left;
	width: 10px;
	height: 10px;
	margin: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.35);
}
@media (max-width: 45em) {
	.owl-carousel.featured .owl-controls .owl-pagination .owl-page span {
		width: 15px;
		height: 15px;
	}
}
.owl-carousel.featured .owl-controls .owl-pagination .owl-page.active span {
	background: #fff;
}
.owl-carousel.featured .owl-controls .owl-buttons div {
	width: auto;
	height: auto;
	padding: 0;
	background: none;
	color: white;
	font-size: 22px;
	border: none;
}
@media (max-width: 45em) {
	.owl-carousel.featured .owl-controls .owl-buttons div {
		display: none;
	}
}
.owl-carousel.featured .owl-controls .owl-buttons div.owl-prev {
	position: absolute;
	top: -2px;
	left: 5px;
}
.owl-carousel.featured .owl-controls .owl-buttons div.owl-next {
	position: absolute;
	top: -2px;
	right: 5px;
}
.owl-carousel.generic {
	display: block;
	float: left;
	width: 100%;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
.owl-carousel.generic .owl-wrapper-outer .owl-wrapper .owl-item div .slide img {
	display: block;
	float: left;
	width: 100%;
}
@media (min-width: 45em) {
	.owl-carousel.generic .owl-wrapper-outer .owl-wrapper .owl-item div .slide img {
		width: 70%;
	}
}
.owl-carousel.generic .owl-wrapper-outer .owl-wrapper .owl-item div .slide .container {
	display: block;
	float: left;
	width: 100%;
	padding: 20px;
}
@media (min-width: 45em) {
	.owl-carousel.generic .owl-wrapper-outer .owl-wrapper .owl-item div .slide .container {
		width: 30%;
	}
}
.owl-carousel.generic .owl-wrapper-outer .owl-wrapper .owl-item div .slide .container h2 {
	display: block;
	float: left;
	width: 100%;
	font-size: 30px;
	line-height: 36px;
	color: #fff;
}
.owl-carousel.generic .owl-wrapper-outer .owl-wrapper .owl-item div .slide .container hr {
	display: block;
	float: left;
	width: 50px;
	border: none;
	border-bottom: 5px solid rgba(255, 255, 255, 0.35);
	margin: 20px 0;
}
.owl-carousel.generic .owl-wrapper-outer .owl-wrapper .owl-item div .slide .container p {
	display: block;
	float: left;
	width: 100%;
	color: #fff;
	line-height: 28px;
}
.owl-carousel.generic .owl-wrapper-outer .owl-wrapper .owl-item div .slide .container a {
	display: block;
	float: left;
	width: auto;
	position: relative;
	text-transform: uppercase;
	color: #fff;
	margin: 20px 0;
	font-size: 18px;
}
.owl-carousel.generic .owl-wrapper-outer .owl-wrapper .owl-item div .slide .container a:after {
	content: "๏„…";
	font-family: "Font Awesome 6 Pro";
	font-size: 14px;
	font-style: normal;
	position: absolute;
	right: -10px;
	color: rgba(255, 255, 255, 0.35);
}
.owl-carousel.generic .owl-wrapper-outer .owl-wrapper .owl-item div .slide .container a:after {
	right: -12px;
	color: #fff;
}
.owl-carousel.generic .owl-controls .owl-pagination {
	width: 30%;
	float: right;
}
.owl-carousel.profiles {
	display: block;
	float: left;
	width: 100%;
}
.owl-carousel.profiles .owl-controls {
	position: absolute;
	top: 15%;
	bottom: auto;
}
@media (min-width: 45em) {
	.owl-carousel.profiles .owl-controls {
		top: 22%;
	}
}
@media (min-width: 70em) {
	.owl-carousel.profiles .owl-controls {
		top: 30%;
	}
}
.owl-carousel.profiles .owl-controls .owl-buttons div {
	top: auto;
}
@media (max-width: 45em) {
	.owl-carousel.profiles .owl-controls .owl-buttons div {
		width: 40px;
		height: 40px;
		font-size: 35px;
	}
}
.owl-carousel.profiles .owl-controls .owl-buttons div.owl-prev {
	left: 15px;
}
.owl-carousel.profiles .owl-controls .owl-buttons div.owl-next {
	right: -15px;
}
@media (max-width: 45em) {
	.owl-carousel.profiles .owl-controls .owl-buttons div.owl-next {
		right: 15px;
	}
}
.owl-carousel.profiles.narrow .owl-controls {
	top: 15%;
}
.owl-carousel.profiles.narrow .owl-controls .owl-buttons div {
	width: 40px;
	height: 40px;
	font-size: 35px;
}
.owl-carousel.profiles.narrow .owl-controls .owl-buttons div.owl-prev {
	left: 0;
}
.owl-carousel.profiles.narrow .owl-controls .owl-buttons div.owl-next {
	right: 0;
}
.owl-carousel.paths {
	display: block;
	float: left;
	width: 100%;
}
.owl-carousel.paths .owl-controls {
	position: absolute;
	top: 40%;
	bottom: auto;
}
.owl-carousel.paths .owl-controls .owl-buttons div {
	top: auto;
}
@media (max-width: 45em) {
	.owl-carousel.paths .owl-controls .owl-buttons div {
		width: 40px;
		height: 40px;
		font-size: 35px;
	}
}
.owl-carousel.paths .owl-controls .owl-buttons div.owl-prev {
	left: -20px;
}
@media (min-width: 1250px) {
	.owl-carousel.paths .owl-controls .owl-buttons div.owl-prev {
		left: -80px;
	}
}
.owl-carousel.paths .owl-controls .owl-buttons div.owl-next {
	right: -20px;
}
@media (min-width: 1250px) {
	.owl-carousel.paths .owl-controls .owl-buttons div.owl-next {
		right: -80px;
	}
}
.owl-carousel.research-news {
	display: block;
	float: left;
	width: 100%;
	background: url("/_resources/images/stats-bg01a.png") no-repeat;
	background-size: 100% 100%;
	position: relative;
}
.owl-carousel.research-news .owl-wrapper-outer {
	padding: 50px 0 20px 0;
}
@media (min-width: 45em) {
	.owl-carousel.research-news .owl-wrapper-outer {
		padding: 50px 100px 20px;
	}
}
@media (min-width: 45em) {
	.owl-carousel.research-news .owl-wrapper-outer .owl-wrapper .owl-item .slide {
		text-align: left;
	}
}
.owl-carousel.research-news .owl-wrapper-outer .owl-wrapper .owl-item .slide .image-container {
	display: block;
	width: 300px;
	height: 300px;
	margin: 0 auto 45px auto;
	border-radius: 50%;
	border: 2px solid #d5dedf;
	overflow: hidden;
}
@media (min-width: 45em) {
	.owl-carousel.research-news .owl-wrapper-outer .owl-wrapper .owl-item .slide .image-container {
		float: left;
		margin-bottom: 0;
	}
}
.owl-carousel.research-news .owl-wrapper-outer .owl-wrapper .owl-item .slide .image-container img {
	width: 100%;
	height: 100%;
}
.owl-carousel.research-news .owl-wrapper-outer .owl-wrapper .owl-item .slide .container {
	display: block;
	float: left;
	width: 100%;
	text-align: center;
	padding: 0 20px;
}
@media (min-width: 45em) {
	.owl-carousel.research-news .owl-wrapper-outer .owl-wrapper .owl-item .slide .container {
		width: -webkit-calc(100% - 300px);
		width: calc(100% - 300px);
		padding: 50px 50px 0 50px;
		text-align: left;
	}
}
.owl-carousel.research-news .owl-wrapper-outer .owl-wrapper .owl-item .slide .container h2 {
	color: white;
}
@media (min-width: 45em) {
	.owl-carousel.research-news .owl-wrapper-outer .owl-wrapper .owl-item .slide .container h2 {
		min-height: 68px;
		padding-right: 100px;
	}
}
.owl-carousel.research-news .owl-wrapper-outer .owl-wrapper .owl-item .slide .container p {
	display: block;
	float: left;
	width: 100%;
	color: white;
	margin: 30px 0 0 0;
}
@media (min-width: 45em) {
	.owl-carousel.research-news .owl-wrapper-outer .owl-wrapper .owl-item .slide .container p {
		width: 70%;
		padding-right: 30px;
	}
}
@media (min-width: 70em) {
	.owl-carousel.research-news .owl-wrapper-outer .owl-wrapper .owl-item .slide .container p {
		margin-top: 80px;
	}
}
.owl-carousel.research-news .owl-wrapper-outer .owl-wrapper .owl-item .slide .container a {
	display: block;
	float: left;
	width: auto;
	color: white;
	margin: 30px 0 0 0;
	position: relative;
	left: 40%;
}
@media (min-width: 45em) {
	.owl-carousel.research-news .owl-wrapper-outer .owl-wrapper .owl-item .slide .container a {
		width: 30%;
		left: auto;
	}
}
@media (min-width: 70em) {
	.owl-carousel.research-news .owl-wrapper-outer .owl-wrapper .owl-item .slide .container a {
		margin-top: 80px;
	}
}
.owl-carousel.research-news .owl-wrapper-outer .owl-wrapper .owl-item .slide .container a:before {
	content: url("/_resources/images/diag-dots03.png");
}
.owl-carousel.research-news .owl-wrapper-outer .owl-wrapper .owl-item .slide .container hr {
	display: none;
}
@media (min-width: 70em) {
	.owl-carousel.research-news .owl-wrapper-outer .owl-wrapper .owl-item .slide .container hr {
		display: block;
		width: 95%;
		position: absolute;
		top: 55%;
		left: -5.5%;
		color: white;
		z-index: -1;
	}
}
@media (max-width: 45em) {
	.owl-carousel.research-news .owl-controls {
		position: absolute;
		top: 170px;
	}
}
@media (max-width: 45em) {
	.owl-carousel.research-news .owl-controls .owl-pagination {
		margin-top: 180px;
	}
}
.owl-carousel.research-news .owl-controls .owl-buttons div {
	top: 0;
}
@media (min-width: 45em) {
	.owl-carousel.research-news .owl-controls .owl-buttons div {
		top: -190px;
	}
}
.owl-carousel.research-news .owl-controls .owl-buttons .owl-prev {
	left: 0;
}
@media (min-width: 1250px) {
	.owl-carousel.research-news .owl-controls .owl-buttons .owl-prev {
		left: -30px;
	}
}
.owl-carousel.research-news .owl-controls .owl-buttons .owl-next {
	right: 0;
}
@media (min-width: 1250px) {
	.owl-carousel.research-news .owl-controls .owl-buttons .owl-next {
		right: -30px;
	}
}

.cta-bar-wrapper {
	display: block;
	float: left;
	width: 100%;
	background-color: #000;
    background-image: url(/images/compass-bg.png);
	background-size: cover;
    position: relative;
    overflow: hidden;
	padding: 0;
}

.cta-bar-wrapper hr {
	display: none;
}
.cta-bar-wrapper:before {
    content: '';
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(0 0 0 / 45%);
    z-index: 1;
}

.cta-bar-wrapper .cta-bar {
	display: block;
	float: left;
	width: 100%;
	text-align:center;
	padding: 35px 25px;
	z-index: 2;
    position: relative;
}

@media (min-width: 45em) {
    .cta-bar-wrapper .cta-bar {
        padding-right: 50px;
        padding-left: 50px;
    }
}
@media (min-width: 55em) {
    .cta-bar-wrapper .cta-bar {
        padding: 90px;
    }
}

@media (min-width: 1250px) {
	.cta-bar-wrapper.tall {
		height: 200px;
		margin-bottom: -90px;
		padding: 30px 20px 130px 20px;
	}
}
.cta-bar-wrapper.tall .cta-bar {
	max-width: 1250px;
}
@media (min-width: 45em) {
	.cta-bar-wrapper.tall .cta-bar {
		float: none;
		margin: 0 auto;
	}
}

.instafeed-container {
	display: block;
	float: left;
	width: 100%;
	background: url(/_resources/images/insta-bg01.png);
	text-align: center;
}
.instafeed-container .label-wrap {
	text-align: left;
}
.instafeed-container .label-wrap h2 {
	display: inline-block;
	position: relative;
	top: 25px;
	left: -14px;
	padding: 5px 10px;
	background: #00AEEF;
	border: 2px solid #d5dedf;
	text-transform: uppercase;
	left: -13px;
	margin: 0 0 50px 0;
	padding: 8px 35px;
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: 700;
	color: white;
	font-size: 14px;
	line-height: 20px;
}
.instafeed-container .label-wrap h2:before {
	content: "\A";
	border-bottom: 12px solid #2b6d8e;
	border-left: 12px solid transparent;
	position: absolute;
	top: -14px;
	left: 0;
}
.instafeed-container a.button {
	display: inline-block;
	float: none;
	margin-top: 30px;
}
.instafeed-container #instafeed .owl-wrapper-outer .owl-item a img {
	width: 260px;
	height: 260px;
	margin: 0 auto;
	border: 6px solid white;
}
.instafeed-container #instafeed .owl-controls .owl-buttons div {
	top: -165px;
}
@media (min-width: 1250px) {
	.instafeed-container #instafeed .owl-controls .owl-buttons .owl-prev {
		left: -30px;
	}
}
@media (min-width: 1250px) {
	.instafeed-container #instafeed .owl-controls .owl-buttons .owl-next {
		right: -30px;
	}
}

.l-content-header {
	display: block;
	float: left;
	width: 100%;
	height: auto;
	position: relative;
	background: url("/_resources/images/about-bg02.jpg") no-repeat;
	background-size: 100% 100px;
	padding-top: 100px;
}
@media (min-width: 45em) {
	.l-content-header {
		height: 310px;
		padding-top: 0;
		background-size: 100% 100%;
	}
}
.l-content-header img {
	width: 100%;
	/* min-height: 250px; */
}
.l-content-header h2 {
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: 600;
	color: white;
	font-size: 32px;
	line-height: 38px;
}
.l-content-header h2, .l-content-header h2 a, .l-content-header h2 a:link, .l-content-header a, l-content-header a:link {color:#fff;}
.l-content-header h2 a:hover, .l-content-header a:hover{color:#FFA100;}

@media (min-width: 45em) {
	.l-content-header h2 {
		font-size: 48px;
		line-height: 54px;
	}
}
.l-content-header p {
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: 400;
	color: white;
	font-size: 21px;
	line-height: 27px;
}
.l-content-header .links-container {
	display: none;
	width: 55%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 60%;
	background-color: #00AEEF;
	background: -webkit-gradient(linear, left top, right top, from(#00AEEF), to(#334165));
	background: -webkit-linear-gradient(left, #00AEEF, #334165);
	background: -moz-linear-gradient(left, #00AEEF, #334165);
	background: -ms-linear-gradient(left, #00AEEF, #334165);
	background: -o-linear-gradient(left, #00AEEF, #334165);
	-moz-transform: skew(-35deg, 0);
	-ms-transform: skew(-35deg, 0);
	-webkit-transform: skew(-35deg, 0);
	transform: skew(-35deg, 0);
}
@media (min-width: 55em) {
	.l-content-header .links-container {
		display: block;
	}
}
.l-content-header .links-container a {
	font-family: 'Open Sans', sans-serif;
	font-style: italic;
	font-weight: 700;
	color: white;
	font-size: 18px;
	line-height: 24px;
	text-transform: capitalize;
}
.l-content-header .links-container .p-list {
	position: relative;
	top: 35%;
	padding-left: 25%;
	-moz-transform: skew(35deg, 0);
	-ms-transform: skew(35deg, 0);
	-webkit-transform: skew(35deg, 0);
	transform: skew(35deg, 0);
}
.l-content-header .subnav {
	width: 100%;
	border-bottom: 1px solid #ddd;
}
@media (min-width: 45em) {
	.l-content-header .subnav {
		width: fit-content;
		min-width: 350px;
		position: relative;
		top: 40px;
		padding: 0;
		border: none;
		z-index: 999;
	}
}
.l-content-header .subnav .subnav-toggle-wrapper {
	background: white;
}
@media (min-width: 45em) {
	.l-content-header .subnav .subnav-toggle-wrapper {
		-moz-transform: skew(-45deg, 0);
		-ms-transform: skew(-45deg, 0);
		-webkit-transform: skew(-45deg, 0);
		transform: skew(-45deg, 0);
		position: relative;
		left: -35px;
	}
}
.l-content-header .subnav .subnav-toggle-wrapper h2, .l-content-header .subnav .subnav-toggle-wrapper p {
	width: 100%;
	position: relative;
	padding: 15px 20px 15px 20px;
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: 600;
	color: #39457b;
	font-size: 22px;
	line-height: 28px;
	text-transform: none;
	white-space: nowrap;
	cursor: pointer;
	margin-bottom:0;
}
@media (max-width: 45em) {
	.l-content-header .subnav .subnav-toggle-wrapper h2, .l-content-header .subnav .subnav-toggle-wrapper p {
		background-color: #e9e8e8;
		background: -webkit-gradient(linear, left top, right top, from(#e9e8e8), to(#fff));
		background: -webkit-linear-gradient(left, #e9e8e8, #fff);
		background: -moz-linear-gradient(left, #e9e8e8, #fff);
		background: -ms-linear-gradient(left, #e9e8e8, #fff);
		background: -o-linear-gradient(left, #e9e8e8, #fff);
		box-shadow: inset 5px 0px 10px rgba(0, 0, 0, 0.2);
	}
}
@media (min-width: 45em) {
	.l-content-header .subnav .subnav-toggle-wrapper h2, .l-content-header .subnav .subnav-toggle-wrapper p {
		-moz-transform: skew(45deg, 0);
		-ms-transform: skew(45deg, 0);
		-webkit-transform: skew(45deg, 0);
		transform: skew(45deg, 0);
		width: 350px;
		padding: 20px 20px 20px 90px;
		font-size: 18px;
	}
}
.l-content-header .subnav .subnav-toggle-wrapper h2:focus {
	outline: none;
}
.l-content-header .subnav .subnav-toggle-wrapper:focus-within {
    outline: 2px solid;
    outline: 2px dashed #fff;
    outline-offset: 4px;
}
@media (max-width: 45em) {
	.l-content-header .subnav .subnav-toggle-wrapper h2:before, .l-content-header .subnav .subnav-toggle-wrapper p:before {
		content: "\f105";
		position: absolute;
		top: 20px;
		right: 20px;
		font-family: "Font Awesome 6 Pro";
		font-size: 28px;
		font-style: normal;
		color: #b2b4b3;
		padding-right: 10px;
		-webkit-transform: rotateZ(90deg);
		-ms-transform: rotate(90deg);
		transform: rotateZ(90deg);
		transition: transform 0.3s;
	}
}
.l-content-header .subnav .subnav-toggle-wrapper .toggle {
	display: block;
	float: left;
	width: auto;
	position: relative;
	left: 40px;
	top: 23px;
	margin: 0;
	padding: 0;
	z-index: 10;
	cursor: pointer;
	color: white;
	-webkit-transition: all 0.5s cubic-bezier(0.5, 0.1, 0.3, 0.5);
	-moz-transition: all 0.5s cubic-bezier(0.5, 0.1, 0.3, 0.5);
	-o-transition: all 0.5s cubic-bezier(0.5, 0.1, 0.3, 0.5);
	transition: all 0.5s cubic-bezier(0.5, 0.1, 0.3, 0.5);
}
@media (max-width: 45em) {
	.l-content-header .subnav .subnav-toggle-wrapper .toggle {
		display: none;
	}
}
@media (min-width: 45em) {
	.l-content-header .subnav .subnav-toggle-wrapper .toggle {
		-moz-transform: skew(45deg, 0);
		-ms-transform: skew(45deg, 0);
		-webkit-transform: skew(45deg, 0);
		transform: skew(45deg, 0);
	}
}
.l-content-header .subnav .subnav-toggle-wrapper .toggle .toggle-element {
	display: block;
	float: left;
	width: 18px;
	height: 3px;
	margin: 10px;
	background: #00AEEF;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	padding: 0;
	box-sizing: initial;
}
.l-content-header .subnav .subnav-toggle-wrapper .toggle .toggle-element:before {
	top: -6px;
	content: '';
	display: block;
	width: 18px;
	height: 3px;
	background: #00AEEF;
	position: relative;
	z-index: -1;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
.l-content-header .subnav .subnav-toggle-wrapper .toggle .toggle-element:after {
	top: 3px;
	content: '';
	display: block;
	width: 18px;
	height: 3px;
	background: #00AEEF;
	position: relative;
	z-index: -1;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
.l-content-header .subnav .subnav-toggle-wrapper:hover .toggle {
	-webkit-transition: top 0.4s;
	-moz-transition: top 0.4s;
	-o-transition: top 0.4s;
	transition: top 0.4s;
}
.l-content-header .subnav .subnav-toggle-wrapper:hover .toggle .toggle-element:before {
	top: -7px;
}
.l-content-header .subnav .subnav-toggle-wrapper:hover .toggle .toggle-element:after {
	top: 4px;
}
.l-content-header .subnav ul {
	display: none;
}
.l-content-header .subnav ul li {
	display: block;
	float: left;
	width: 100%;
	border-bottom: 1px solid #d5dedf;
	line-height: 0;
}
.l-content-header .subnav ul li.open > ul {
	display: block;
}
.l-content-header .subnav ul li.open > button span {
	-webkit-transform: rotateZ(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotateZ(-90deg);
	border-left: none;
}
.l-content-header .subnav ul li.active > a {
	color: #465182;
}
.l-content-header .subnav ul li a {
	font-weight: 600;
	text-transform: none;
}
.l-content-header .subnav > ul {
	width: 100%;
	float: left;
}
.l-content-header .subnav > ul > li {
	display: block;
	float: left;
	width: 100%;
	background-image: url("/_resources/images/diag-lines01.png");
	background-color: white;
	background-size: 8px 6px;
	background-position: 0 top;
	background-repeat: repeat-y;
	line-height:1.3em;
}
.l-content-header .subnav > ul > li button {
	background: none;
	width: 56px;
	height: 56px;
	text-align: center;
	padding: 0;
	border: none;
}
.l-content-header .subnav > ul > li button span {
	display: block;
	float: left;
	width: 100%;
	font-size: 21px;
	line-height: 56px;
	color: #b2b4b3;
	cursor: pointer;
	height: 100%;
	-webkit-transform: rotateZ(90deg);
	-ms-transform: rotate(90deg);
	transform: rotateZ(90deg);
	transition: transform 0.3s;
}
.l-content-header .subnav > ul > li a {
	display: block;
	float: left;
	width: 100%;
	overflow: hidden;
	padding: 17px 20px;
	color:#00AEEF;
}
.l-content-header .subnav > ul > li a.has-sub {
	width: -webkit-calc(100% - 56px);
	width: calc(100% - 56px);
}
.l-content-header .subnav > ul > li ul {
	float: left;
	width: 100%;
	background: rgba(128, 128, 128, 0.22);
}
.l-content-header .subnav.subnav-open > ul {
	display: block;
	z-index: 2;
	float: left;
	padding-left:0;
}
@media (min-width: 45em) {
	.l-content-header .subnav.subnav-open > ul {
		box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.4);
		width: 260px;
	}
}
.l-content-header .subnav.subnav-open .subnav-toggle-wrapper {
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
@media (max-width: 45em) {
	.l-content-header .subnav.subnav-open .subnav-toggle-wrapper h2:before {
		top: 14px;
		-webkit-transform: rotateZ(-90deg);
		-ms-transform: rotate(-90deg);
		transform: rotateZ(-90deg);
		transition: transform 0.3s;
	}
}
.l-content-header .subnav.subnav-open .subnav-toggle-wrapper .toggle:hover {
	transition: none;
}
.l-content-header .subnav.subnav-open .subnav-toggle-wrapper .toggle .toggle-element {
	background: none;
}
.l-content-header .subnav.subnav-open .subnav-toggle-wrapper .toggle .toggle-element:before {
	top: 0px;
	background: #00AEEF;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.l-content-header .subnav.subnav-open .subnav-toggle-wrapper .toggle .toggle-element:after {
	top: -3px;
	background: #00AEEF;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

#breadcrumb {
	display: block;
	float: left;
	width: 100%;
}
#breadcrumb ul {
	display: block;
	float: left;
	width: 100%;
	padding: 30px 20px 15px 20px;
}
@media (min-width: 45em) {
	#breadcrumb ul {
		padding: 35px 50px 15px 50px;
	}
}
#breadcrumb ul li {
	display: block;
	float: left;
	width: auto;
	padding-right: 25px;
	color: #003359;
	font-size: 13px;
	font-weight: 600;
	position: relative;
}
#breadcrumb ul li:after {
	content: '';
	position: absolute;
    top: 5px;
    right: 12px;
    height: 12px;
    width: 2px;
    background: #ababab;
	-moz-transform: skew(-25deg, 5deg);
	-ms-transform: skew(-25deg, 5deg);
	-webkit-transform: skew(-25deg, 5deg);
	transform: skew(-25deg, 5deg);
}
#breadcrumb ul li a {
	color:#003359;
	border-bottom: 1px solid #00AEEF;
	font-size: 13px;
	font-weight: 600!important;
	text-decoration:none;
	background:none!important;
}
#breadcrumb ul li a:hover {
	text-decoration: none;
	color:#00AEEF;
}
#breadcrumb ul li:last-child:after {
	background: none;
}

form div {
	display: block;
	float: left;
	width: 100%;
	position: relative;
}
.l-region .input-group-addon {float:none;}
form div input {
	display: block;
	float: left;
	width: 100%;
	position: relative;
	margin: 10px 0;
	padding: 10px;
	font-family: 'Open Sans', sans-serif;
	font-style: italic;
	font-weight: 400;
	color: #343434;
	font-size: 24px;
	line-height: 30px;
}
form div.required:after {
	content: '*';
	color: #F00;
	position: absolute;
	left: 3px;
	top: 14px;
}
form div textarea {
	display: block;
	float: left;
	width: 100%;
	padding: 10px;
	max-width: 100%;
	min-height: 200px;
}
form .submit {
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: 700;
	color: #003359;
	font-size: 14px;
	line-height: 20px;
	display: block;
	float: left;
	width: auto;
	margin: 10px 0;
	background: #ececec;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 10px 30px;
	text-transform: uppercase;
	cursor: pointer;
}

.ui-accordion {
	display: block;
	float: left;
	width: 100%;
}
.ui-accordion h3 {
	padding: 10px 20px;
	text-transform: uppercase;
	background: #ececec;
	border-bottom: 2px solid #fff;
	cursor: pointer;
	margin: 0;
	position: relative;
	padding-right: 20px;
}
.ui-accordion h3.ui-state-active {
	background: #003359;
	color: #ececec;
}
.ui-accordion h3.ui-state-active:after {
	-webkit-transform: rotateZ(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotateZ(-90deg);
}
.ui-accordion h3:after {
	content: "\f105";
	font-family: "Font Awesome 6 Pro";
	font-size: 12px;
	font-style: normal;
	position: absolute;
	padding: 0 10px;
	top: calc(50% - 6px);
	color: inherit;
	-webkit-transform: rotateZ(90deg);
	-ms-transform: rotate(90deg);
	transform: rotateZ(90deg);
	transition: all .2s;
}
.ui-accordion h3:after {
	right: 20px;
	font-size: 20px;
	top: -webkit-calc(50% - 12px);
	top: calc(50% - 12px);
}
.ui-accordion .ui-accordion-content {
	padding: 20px;
	border: 1px solid #ececec;
	border-top: 0;
}
.ui-accordion .ui-accordion-content p {
	float: none;
}

.ui-tabs {
	display: block;
	float: left;
	width: 100%;
	margin: 0;
	background: white;
	/* programs of study tabs */
}
@media (min-width: 45em) {
	.ui-tabs {
		margin-top: 15px;
	}
}
.ui-tabs ul.ui-tabs-nav {
	display: table;
	width: 100%;
	background: white;
}
.ui-tabs ul.ui-tabs-nav > li {
	display: inline-block;
	padding: 10px;
	width: 100%;
	vertical-align: middle;
	background: #ececec;
	background: url("/_resources/images/contact-bg01.png");
	border: 1px solid #d6d6d6;
}
@media (min-width: 45em) {
	.ui-tabs ul.ui-tabs-nav > li {
		display: table-cell;
		width: auto;
		padding: 10px 30px;
	}
}
.ui-tabs ul.ui-tabs-nav > li.ui-tabs-active, .ui-tabs ul.ui-tabs-nav > li.ui-state-active {
	background: white;
	border: none;
}
.ui-tabs ul.ui-tabs-nav > li.ui-tabs-active a, .ui-tabs ul.ui-tabs-nav > li.ui-state-active a {
	color: #39457b;
}
.ui-tabs ul.ui-tabs-nav > li a {
	font-family: 'Open Sans', sans-serif;
	font-style: italic;
	font-weight: 700;
	color: #00AEEF;
	font-size: 18px;
	line-height: 24px;
	display: block;
	float: left;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	padding: 10px;
}
.ui-tabs ul.ui-tabs-nav > li a span {
	display: block;
	float: left;
	width: 100%;
}
.ui-tabs ul.ui-tabs-nav > li a:focus {
	outline: none;
}
@media (min-width: 45em) {
	.ui-tabs#tab-0 ul.ui-tabs-nav > li {
		width: 33%;
	}
}

.tab-cert,
.tab-grad {
	padding: 0 10px 70px 10px;
}
@media (min-width: 45em) {
	.tab-cert,
	.tab-grad {
		padding-right: 50px;
		padding-left: 50px;
	}
}
.tab-cert p,
.tab-grad p {
	display: block;
	float: left;
	width: 100%;
	padding: 25px 20px 0 20px;
	margin: 20px 0 0 0;
}
.tab-cert h2,
.tab-grad h2 {
	padding: 35px 20px 25px 20px;
}
.tab-cert .left-programs,
.tab-cert .right-programs,
.tab-grad .left-programs,
.tab-grad .right-programs {
	display: block;
	float: left;
	width: 100%;
}
@media (min-width: 45em) {
	.tab-cert .left-programs,
	.tab-cert .right-programs,
	.tab-grad .left-programs,
	.tab-grad .right-programs {
		width: 50%;
	}
}
.tab-cert .left-programs ul li a,
.tab-cert .right-programs ul li a,
.tab-grad .left-programs ul li a,
.tab-grad .right-programs ul li a {
	display: block;
	padding: 15px 15px 15px 25px;
	font-weight: 600;
	border: 1px solid #d5dedf;
}
@media (min-width: 45em) {
	.tab-cert .left-programs,
	.tab-grad .left-programs {
		padding-right: 20px;
	}
}
@media (min-width: 45em) {
	.tab-cert .right-programs,
	.tab-grad .right-programs {
		padding-left: 20px;
	}
}

hr.white {
	color: white;
}

hr {
	margin: 0 0 1rem 0;
	border-style: dotted;
	color: #616365;
	border-width: 1px;
	width:100%;
	display:inline-block;
}

.heading {
	display: block;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0 0 20px 5px;
	position: relative;
}
@media (min-width: 45em) {
	.heading {
		padding-right: 30px;
		padding-left: 30px;
	}
}
.heading h2 {
	display: block;
	float: left;
	width: 100%;
	text-align: left;
}
.heading a {
	font-weight: 600;
	text-transform: none;
}

.matrix {
	display: block;
	float: left;
	width: 100%;
	position: relative;
	padding: 35px 25px;
	background: white;
}
@media (min-width: 45em) {
	.matrix {
		padding-right: 50px;
		padding-left: 50px;
	}
}
.matrix .items {
	display: block;
	float: left;
	width: 100%;
}
.matrix.halves .items > div {
	display: block;
	float: left;
	width: 100%;
}
@media (min-width: 45em) {
	.matrix.halves .items > div {
		width: 50%;
	}
}
.matrix.thirds .items > div {
	display: block;
	float: left;
	width: 100%;
}
@media (min-width: 55em) {
	.matrix.thirds .items > div {
		width: 50%;
		padding: 0 10px;
	}
}
@media (min-width: 70em) {
	.matrix.thirds .items > div {
		width: 33.3333%;
	}
}
@media (min-width: 70em) {
	.matrix.thirds .items > div:first-child {
		width: 33.3333%;
		padding: 0 20px 0 0;
	}
}
@media (min-width: 45em) {
	.matrix.thirds .items > div:last-child {
		width: 100%;
	}
}
@media (min-width: 70em) {
	.matrix.thirds .items > div:last-child {
		width: 33.3333%;
		padding: 0 0 0 20px;
	}
}
.matrix.fourths .items > div {
	display: block;
	float: left;
	width: 100%;
}
@media (min-width: 45em) {
	.matrix.fourths .items > div {
		width: 50%;
	}
}
@media (min-width: 70em) {
	.matrix.fourths .items > div {
		width: 25%;
	}
}
.matrix.fifths .items > div {
	display: block;
	float: left;
	width: 100%;
}
@media (min-width: 45em) {
	.matrix.fifths .items > div {
		width: 20%;
	}
}
@media (max-width: 45em) {
	.matrix.morelink .heading h2 {
		padding-bottom: 30px;
	}
}
@media (min-width: 45em) {
	.matrix.morelink .heading h2 {
		width: 60%;
	}
}
.matrix.morelink .heading a {
	display: block;
	float: left;
	width: 100%;
	text-align: left;
}
@media (min-width: 45em) {
	.matrix.morelink .heading a {
		width: auto;
		padding-top: 0;
		text-align: right;
		float: right;
	}
}
.matrix.morelink .heading > h3{
	font-style:initial;
	font-size:18px;
}
.matrix.events {
	background: transparent;
	padding: 0;
}
@media (min-width: 45em) {
	.matrix.events {
		padding-top: 35px;
		padding-bottom: 45px;
		background-color: white;
		background-size: 100%;
	}
}
.matrix.events .heading {
	background: white;
	padding-top: 25px;
}
@media (min-width: 45em) {
	.matrix.events .heading {
		padding-top: 0;
		padding-right: 85px;
		padding-left: 85px;
	}
}
.matrix.events hr {
	margin-right: 50px;
	margin-left: 50px;
}
@media (max-width: 45em) {
	.matrix.events hr {
		position: relative;
		top: -60px;
		margin-right: 35px;
		margin-left: 35px;
	}
}
.matrix.events .heading > h3{
	font-style:initial;
	font-size:18px;
}
@media (max-width: 45em) {
	.matrix.events .items {
		padding: 0 25px 25px 25px;
	}
}
.matrix.spotlight-events {
	padding: 30px 40px 0 40px;
	background: #fafafa;
	border: 1px solid #d5dedf;
}
@media (min-width: 45em) {
	.matrix.spotlight-events {
		margin-top: -100px;
	}
}
.matrix.spotlight-events h3 {
	margin: 0 0 25px 0;
}
.matrix.spotlight-events .heading > h3 {
	font-style:initial;
	font-size:18px;
}
@media (min-width: 45em) {
	.matrix.spotlight-events .items > div {
		padding: 0 15px;
	}
}
.matrix.spotlight-events .promo.event {
	background: none;
}
@media (min-width: 45em) {
	.matrix.spotlight-events .promo.event a {
		padding-right: 0;
		padding-left: 0;
	}
}
@media (min-width: 70em) {
	.matrix.spotlight-events .promo.event a {
		padding-right: 20px;
		padding-left: 20px;
	}
}
.matrix.lists {
	border-bottom: 1px solid #ececec;
}
@media (min-width: 45em) {
	.matrix.lists {
		padding-right: 0;
	}
}
.matrix.lists h2 {
	margin-right: 50px;
}
.matrix.lists h3 {
	margin-bottom: 5px;
}
.matrix.lists h3:before {
	content: url(/_resources/images/gold-arrow02.png);
	position: relative;
	left: -10px;
}
.matrix.lists ul {
	padding: 0 15px 20px 0;
	list-style-type: none;
}
.matrix.lists ul li {
	padding: 7px 0;
}
.matrix.factoids {
	background: #003359 url("/_resources/images/stats-bg01.png") no-repeat;
	background-size: 100% 100%;
}
.matrix.factoids h2 {
	color: white;
	border-color: white;
}
.matrix.factoids hr {
	color: white;
	width: 100%;
	float: right;
}
.matrix.factoids .items > div:last-child .factoid {
	padding-bottom: 0;
}
.matrix.factoids .items > div:last-child .factoid:after {
	content: '';
}
@media (min-width: 45em) {
	.matrix.factoids .items > div:last-child .factoid .container {
		padding-right: 0;
		padding-left: 0;
	}
}
@media (min-width: 70em) {
	.matrix.factoids .items > div:last-child .factoid .container {
		padding-right: 20px;
		padding-left: 20px;
	}
}
.matrix.stats {
	background: none;
}
.matrix.stats .factoid:after {
	content: '';
}
.matrix.campuses {
	padding: 30px 40px 0 40px;
	border-bottom: 1px solid #d5dedf;
}
.matrix.costs-aid {
	background: #fff;
}
.matrix.offerings .items > div {
	display: block;
	float: left;
	width: 100%;
}

/* What? Why? Looking to see if this can be removed
@media (min-width: 45em) {
.matrix.offerings .items > div:first-child {
width: 60%;
}
}
@media (min-width: 45em) {
.matrix.offerings .items > div:last-child {
width: 40%;
}
}
*/
.matrix.offerings .items > div .p-list ul li a {
	width: 100%;
}
.matrix.offerings .promo.paragraph {
	padding: 0 20px 0 20px;
}
.matrix.depts .items > div {
	display: block;
	float: left;
	width: 100%;
	padding: 0 3px 8px 3px;
}
@media (min-width: 35em) {
	.matrix.depts .items > div {
		width: 50%;
	}
}
@media (min-width: 55em) {
	.matrix.depts .items > div {
		width: 33.333%;
	}
}
@media (min-width: 70em) {
	.matrix.depts .items > div {
		width: 25%;
	}
}
.matrix.ask-jag {
	margin-bottom: 50px;
	padding: 35px 5%;
	background: #00A9E9;
	background: url("/_resources/images/ask-jag-bg01.png") no-repeat;
	background-size: 100% 100%;
}
.matrix.ask-jag h2 {
	margin: 0 0 25px 0;
	color: white;
}
.matrix.ask-jag p {
	color: white;
}
.matrix.ask-jag a {
	color: white;
}
.matrix.ask-jag hr {
	color: white;
}

/*.matrix.ask-jag .items > div {  padding: 0 15px 0 15px;} */
/*.matrix.ask-jag .items > div:first-child { display: block;float: left; width: 100%;} */
/* @media (min-width: 45em) {.matrix.ask-jag .items > div:first-child { width: 40%; }} */
/*.matrix.ask-jag .items > div:last-child { display: block; float: left;  width: 100%;} */
/*@media (min-width: 45em) {.matrix.ask-jag .items > div:last-child { width: 60%;}}*/
/*@media (min-width: 70em) {.matrix.ask-jag form div.question-container { width: 70%; }}*/
/*@media (min-width: 70em) { .matrix.ask-jag form div.submit-container {  width: 30%; }}*/
.matrix.ask-jag form div.submit-container input.submit {
	float: right;
	width: 100%;
	position: relative;
	padding-left: 105px;
	background: none;
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: 800;
	color: white;
	font-size: 24px;
	line-height: 30px;
	text-align: left;
	border: none;
}
.matrix.ask-jag form div.submit-container:before {
	content: url("/_resources/images/gold-arrow01.png");
	position: absolute;
	top: 8px;
	left: 25px;
}

.students-container {
	display: block;
	float: left;
	width: 100%;
	background: url("/_resources/images/factoid-bg01.png");
	position: relative;
	padding: 0;
	border: 1px solid #d5dedf;
}
@media (min-width: 45em) {
	.students-container {
		width: 70%;
		padding-right: 35px;
	}
}
.students-container .heading {
	margin: 0;
	padding-top: 25px;
}
.students-container .heading h2 {
	padding-bottom: 30px;
}
@media (min-width: 45em) {
	.students-container .heading h2 {
		padding-bottom: 0;
	}
}
.students-container hr {
	margin: 0;
}
.students-container .profile {
	position: relative;
	border: none;
}
.students-container .profile hr {
	display: none;

}
@media (min-width: 70em) {
	.students-container .profile hr {
		display: none;
	}
}
.students-container .profile .image-container {
	position: relative;
	z-index: 1;
}
@media (max-width: 45em) {
	.students-container.morelink .heading h2 {
		padding-bottom: 30px;
	}
}
@media (min-width: 45em) {
	.students-container.morelink .heading h2 {
		width: 60%;
	}
}
.students-container.morelink .heading a {
	display: block;
	float: left;
	width: 100%;
	text-align: left;
}
@media (min-width: 45em) {
	.students-container.morelink .heading a {
		width: 40%;
		padding-top: 10px;
		text-align: right;
	}
}
@media (min-width: 45em) {
	.students-container.accounting {
		width: 30%;
		padding-right: 0;
		padding-left: 0;
	}
}
.students-container.accounting .heading {
	padding-top: 35px;
}
.students-container.accounting .heading h2 {
	width: 100%;
	padding-bottom: 0;
}
.students-container.accounting .profile {
	padding-right: 0;
	padding-left: 0;
}
.students-container.accounting .profile hr {
	top: 18%;
}
.students-container.accounting .profile .intro-text,
.students-container.accounting .profile .image-container,
.students-container.accounting .profile .bottom-text,
.students-container.accounting .profile .top-text {
	width: 100%;
	padding: 0 30px;
}
.students-container.accounting .profile .top-text {
	padding-top: 20px;
}

.learning-exp-container {
	display: block;
	float: left;
	width: 100%;
	background: white;
	padding: 35px 20px;
}
@media (min-width: 45em) {
	.learning-exp-container {
		width: 70%;
		padding-right: 40px;
		padding-left: 40px;
	}
}
.learning-exp-container img {
	width: 100%;
}
@media (min-width: 45em) {
	.learning-exp-container .promo.genericv2 {
		width: 50%;
		padding-right: 20px;
	}
}

.promo.event {
	display: block;
	float: left;
	width: 100%;
	margin: 0 auto;
	background: white;
}
.promo.event a {
	display: block;
	float: left;
	width: 100%;
	margin: auto;
	text-align: center;
	padding: 20px 20px;
	max-width: 100%;
	border: 1px solid #d5dedf;
	font-style: normal;
}
.promo.event a .date {
	display: block;
	float: left;
	width: 75px;
	height: 75px;
	margin: 10px 0 0 0;
	padding: 12px 5px 5px 5px;
	border: 2px solid #00AEEF;
	background-color: #00AEEF;
	border-radius: 50%;
}
.promo.event a .date .month {
	font-style: normal;
	font-weight: 600;
	color: #003359;
	font-size: 12px;
	line-height: 22px;
	line-height: 18px;
	font-weight: 600;
	text-transform: uppercase;
}
.promo.event a .date .day {
	font-style: normal;
	font-weight: 700;
	color: #003359;
	font-size: 24px;
	line-height: 30px;
}
.promo.event a .title {
	display: block;
	float: left;
	width: 100%;
	width: -webkit-calc(100% - 75px);
	width: calc(100% - 75px);
	padding: 10px 0 0 20px;
}
.promo.event a .title p {
	margin: 0;
	color: #424242;
	text-align: left;
	text-decoration: none;
	white-space: initial;
}
.promo.paragraph {
	display: block;
	float: left;
	width: 100%;
	padding-top: 25px;
}
@media (min-width: 45em) {
	.promo.paragraph {
		padding-top: 0;
	}
}
.promo.paragraph .container {
	max-width: 100%;
}
.promo.image {
	display: block;
	float: left;
	width: 100%;
	/* padding-bottom: 10px; */
}
.promo.image img {
	width: 100%;
}
.promo.image p {
	text-align: center;
	font-style: italic;
	color: #003359;
}
.promo .container {
	max-width: 100%;
}

.factoid {
	display: block;
	float: left;
	width: 100%;
	margin: 0;
	position: relative;
	background: url("/_resources/images/factoid-bg01.png");
}
.factoid .container {
	float: none;
	max-width: 100%;
	/* min-height: 205px; */
	margin: auto;
	text-align: center;
	padding: 10px 20px;
}
@media (min-width: 45em) {
	.factoid .container {
		padding-top: 10px;
	}
}
@media (min-width: 70em) {
	.factoid .container {
		width: 300px;
	}
}
.factoid .container span {
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: 700;
	color: #00326c;
	font-size: 80px;
	line-height: 86px;
}
.factoid .container p {
	padding: 0 20px;
	color: #00326c;
	font-size: 18px;
	line-height: 24px;
}
.factoid a {
	/* position: absolute;
	bottom: 0;
	left: 0;
	right: 0; */
	display: block;
	width: 130px;
	margin: 0 auto;
	padding: 5px 20px;
	background: #002541;
	text-align: center;
	text-transform: uppercase;
	border: 2px solid #013f6e;
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: 700;
	color: #00AEEF;
	font-size: 14px;
	line-height: 20px;
}
.factoid.transparent {
	background: none;
	padding-bottom: 100px;
}
@media (min-width: 45em) {
	.factoid.transparent {
		padding-bottom: 0;
	}
}
.factoid.transparent .container span {
	color: white;
}
.factoid.transparent .container p {
	color: white;
}
.factoid.transparent:after {
	content: url("/_resources/images/diag-dots02.png");
	position: absolute;
	top: 50%;
	right: -30px;
	bottom: auto;
	left: auto;
}
@media (max-width: 45em) {
	.factoid.transparent:after {
		top: auto;
		right: auto;
		bottom: 0;
		left: 44%;
	}
}
.factoid.dark {
	background: url("/_resources/images/stats-bg01a.png") no-repeat;
	background-size: 100% 100%;
}
.factoid.dark .container span {
	color: white;
}
.factoid.dark .container p {
	color: white;
}

.program-search {
	padding: 0px 30px;
	background: #23315e url(/_resources/images/search-bg01.png);
	background-size: 100% 100%;
	overflow: visible;
}
@media (min-width: 70em) {
	.program-search {
		height: 500px;
	}
}
.program-search #search-container {
	display: block;
	float: left;
	width: 100%;
	position: relative;
	margin: 0;
}
.program-search #search-container h2 {
	margin: 20px 0 10px 0;
	color: white;
	text-align: center;
}
.program-search #search-container label {
	display: block;
	float: left;
	width: 100%;
	margin-bottom: 25px;
}
@media (min-width: 45em) {
	.program-search #search-container label {
		font-size: 32px;
		line-height: 36px;
	}
}
.program-search #search-container input {
	display: block;
	float: left;
	width: 100%;
	height: 50px;
	padding-left: 10px;
	padding-right: 50px;
	border: 1px solid #b2b4b3;
	font-family: 'Open Sans', sans-serif;
	font-style: italic;
	font-weight: 400;
	color: #ababab;
	font-size: 14px;
	line-height: 20px;
}
.program-search #search-container input:focus {
	outline: 1px solid #003359;
}
.program-search #search-container #results {
	display: block;
	float: left;
	width: 100%;
	position: relative;
	bottom: 0;
	z-index: 5;
}
@media (min-width: 45em) {
	.program-search #search-container #results {
		position: absolute;
		top: 175px;
	}
}
.program-search #search-container #results ul {
	display: block;
	float: left;
	width: 100%;
	border: 1px solid #999;
	border-bottom: none;
}
.program-search #search-container #results ul li {
	display: block;
	float: left;
	width: 100%;
	height: 42px;
	border-bottom: 1px solid #999;
	background: #fff;
	padding: 0 20px;
}
.program-search #search-container #results ul li a {
	display: block;
	float: left;
	width: 100%;
	line-height: 42px;
	color: #444;
}
.program-search #search-container #results ul li:hover {
	background: #ececec;
}
.program-search #search-container #results ul li:hover a {
	color: #003359;
}
.program-search #search-container:after {
	content: '\f002';
	content: '';
	font-family: "Font Awesome 6 Pro";
	color: #d5ba8f;
	position: absolute;
	right: 12px;
	top: 75px;
	font-size: 24px;
}
.program-search #search-container #searchclear {
	display: block;
	width: 47px;
	height: 47px;
	position: absolute;
	right: 0;
	bottom: 0px;
	color: #d5d5d5;
}
.program-search #search-container #searchclear span {
	font-size: 24px;
	line-height: 44px;
}
.program-search .extra-container {
	display: block;
	float: left;
	width: 100%;
	text-align: center;
}
.program-search .extra-container p {
	font-family: 'Open Sans', sans-serif;
	font-style: italic;
	font-weight: 600;
	color: white;
	font-size: 14px;
	line-height: 20px;
	text-transform: uppercase;
}
.program-search .extra-container a {
	display: inline-block;
	float: none;
	font-size: 14px;
	text-align: left;
}
.program-search > div {
	margin: 10px auto;
}
@media (min-width: 45em) {
	.program-search > div {
		margin: 25px 25px 25px 0;
	}
}

.spotlight.label {
	position: relative;
}
.spotlight.label a {
	display: block;
	float: left;
	width: 100%;
}
.spotlight.label a.img-link {height: 197px;overflow: hidden;}

.spotlight.label img {
	display: block;
	float: left;
	height: auto;
	width: 100%;
	position: relative;
}

.spotlight.label .container {
	display: block;
	float: left;
	width: 100%;
	position: absolute;
	top: 0;
	background: none;
}
.spotlight.label .container p {
	padding: 0 20px 20px 20px;
	height: auto;
	overflow: hidden;
	margin: 0;
}
.spotlight.label .container h4,
.spotlight.label .container h3 {
	display: inline-block;
	position: relative;
	top: 25px;
	left: -29px;
	padding: 5px 10px;
	background: #003359;
	color: #44D62C;
	border: none;
	text-transform: uppercase;
	font-size:14px;
	font-style:normal;	
}
.spotlight.label .container h3:before,
.spotlight.label .container h4:before {
	content: "\A";
	border-bottom: 12px solid #2b6d8e;
	border-left: 12px solid transparent;
	position: absolute;
	top: -14px;
	left: 0;
}
.spotlight.label .promo.event a {
	border: none;
}

.text-image-intro {
	display: block;
	float: left;
	width: 100%;
}
.text-image-intro.generic {
	padding: 0 0 30px 0;
}
@media (min-width: 45em) {
	.text-image-intro.generic {
		padding-bottom: 0;
	}
}
.text-image-intro.generic img {
	display: block;
	float: left;
	width: 100%;
}
.text-image-intro.generic .container {
	display: block;
	float: left;
	width: 100%;
	background: #fff;
	padding: 20px;
}
.text-image-intro.generic .container h3 {
	font-family: 'Open Sans', sans-serif;
	font-style: italic;
	font-weight: 600;
	color: #024990;
	font-size: 14px;
	line-height: 20px;
	line-height: 30px;
	text-transform: none;
	position: relative;
	margin: 0;
	padding: 10px 0 0 50px;
}
.text-image-intro.generic .container h3:before {
	content: url("/_resources/images/diag-dots01.png");
	position: absolute;
	top: 0;
	right: auto;
	bottom: auto;
	left: -35px;
}
.text-image-intro.genericv2 {
	padding: 0 0 30px 0;
}
@media (min-width: 45em) {
	.text-image-intro.genericv2 {
		padding-bottom: 0;
	}
}
.text-image-intro.genericv2 h3:before {
	content: url(/_resources/images/gold-arrow02.png);
	position: relative;
	left: -10px;
}
.text-image-intro.genericv2 .container {
	max-width: 100%;
}
.text-image-intro.genericv2 .container ul {
	list-style: disc;
	padding-left: 40px;
}
.text-image-intro.overlay {
	position: relative;
	background: #00AEEF;
}
.text-image-intro.overlay a {
	color: #fff;
	text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
}

.text-image-intro.overlay img {
	width: 100%;
	height: auto;
	opacity: 0.01;
}
.text-image-intro.overlay .container {
	width: 100%;
	position: absolute;
	top: 42%;
	text-align: center;
}
.text-image-intro.overlay .container h4 {
	display: block;
	padding: 0 20px 0 100px;
	color: white;
	text-align: left;
	width: 250px;
	font-size:15px;
}
@media (min-width: 70em) {
	.text-image-intro.overlay .container h4 {
		width: 270px;
	}
}
.text-image-intro.overlay .container h4:before {
	content: '';
	position: absolute;
	top: -5px;
	left: 45px;
	height: 45px;
	width: 2px;
	background: white;
	-moz-transform: skew(-45deg, 5deg);
	-ms-transform: skew(-45deg, 5deg);
	-webkit-transform: skew(-45deg, 5deg);
	transform: skew(-45deg, 5deg);
}
.text-image-intro.overlay.color1 {
	background: #f8b73b;
}
.text-image-intro.overlay.color2 {
	background: #61b9c7;
}
.text-image-intro.overlay.color3 {
	background: #160b42;
}
.text-image-intro.overlay.color4 {
	background: #a17ac6;
}
.text-image-intro.overlay.color5 {
	background: #541965;
}
.text-image-intro.overlay.color6 {
	background: #003170;
}
.text-image-intro.overlay.color7 {
	background: #d68c44;
}
.text-image-intro.overlay.color8 {
	background: #dc4814;
}
.text-image-intro.overlay.color9 {
	background: #1c5d3f;
}
.text-image-intro.label {
	background: #f3f3f3;
	padding: 0 0 10px 0;
	text-align: left;
}
.text-image-intro.label .container {
	max-width: 100%;
	padding: 0;
}
.text-image-intro.label h4, .text-image-intro.label h3, p.ribbonheading {
	display: inline-block;
	position: relative;
	top: 25px;
	left: -12px;
	padding: 5px 10px;
	background: #003359;
	border: none;
	text-transform: none;
	top: auto;
	color:#fff!important;
	margin-top: 20px;
	font-size:20px;
}
.text-image-intro.label h4:before, .text-image-intro.label h3:before, .text-image-intro.label p.ribbonheading:before {
	content: "\A";
	border-bottom: 12px solid #2b6d8e;
	border-left: 12px solid transparent;
	position: absolute;
	top: -12px;
	left: 0;
}
.text-image-intro.label p {
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	padding: 0 40px;
	margin: 10px 0;
	color:#000;
}
.text-image-intro.label p span {

	font-weight: 700;
	color: inherit;
	font-size: 14px;
	line-height: 20px;
	padding-right: 15px;
}
.text-image-intro.label p strong {
	color: inherit;
	font-weight: 600;
}
.text-image-intro.label ul {
	padding: 5px 0 0 40px;
}
.text-image-intro.label ul li {
	padding-bottom: 10px;
}
.text-image-intro.textlink {
	background: #00AEEF;
	padding: 0 0 10px 0;
}
.text-image-intro.textlink a {
	width: 100%;
	margin: 0;
	border: none;
	font-size: 20px;
}
.text-image-intro.textlink hr {
	margin: 5px 0;
	color: #fff;
}
.text-image-intro.textlink h4 {
	padding: 8px 40px 8px 25px;
	font-style: italic;
}
.text-image-intro.apply-cta {
	position: relative;
	right: -14px;
	border: 2px solid #d5dedf;
}
.text-image-intro.apply-cta:before {
	content: "\A";
	border-bottom: 12px solid #003359;
	border-right: 12px solid transparent;
	position: absolute;
	top: -14px;
	right: 0;
}

.profile {
	display: block;
	float: left;
	width: 100%;
	position: relative;
	padding: 30px 15px 10px 15px;
	background: url("/_resources/images/factoid-bg01.png");
	border: 1px solid #d5dedf;
}
.profile p {margin: 10px 0;} 

@media (min-width: 45em) {
	.profile {
		padding-right: 40px;
		padding-left: 40px;
	}
}
.profile.white {
	background: white;
	border: none;
}
.profile .image-container {
	display: block;
	float: left;
	width: 100%;
	position: relative;
	z-index: 1;
}
@media (min-width: 45em) {
	.profile .image-container {
		width: 50%;
		padding-right: 10px;
		padding-bottom: 10px;
	}
}
.profile .image-container img {
	width: 100%;
	max-width: 225px;
	margin: 0 auto;
}
.profile .top-text {
	display: block;
	float: left;
	width: 100%;
	text-align: center;
	padding-top: 20px;
}
@media (min-width: 45em) {
	.profile .top-text {
		width: 50%;
		padding-top: 30px;
		text-align: left;
	}
}
.profile .top-text h2 {
	display: block;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	border: none;
	font-size: 21px;
	text-align: inherit;
}
.profile .top-text p {
	display: block;
	float: left;
	width: 100%;
}
.profile hr {
	margin: 0 0 20px 0;
}
@media (min-width: 70em) {
	.profile hr {
		margin-bottom: 0;
	}
}
.profile .bottom-text {
	display: block;
	float: left;
	width: 100%;
}
@media (min-width: 70em) {
	.profile .bottom-text {
		width: 50%;
	}
}
.profile .bottom-text p {
	display: block;
	float: left;
	width: 100%;
	margin: 0 0 20px 0;
	padding-right: 10px;
}
@media (min-width: 45em) {
	.profile .bottom-text p {
		width: 50%;
	}
}
@media (min-width: 70em) {
	.profile .bottom-text p {
		margin-top: 20px;
	}
}
.profile .intro-text {
	display: block;
	float: left;
	width: 100%;
}
.profile .intro-text span {
	display: block;
}
.profile .intro-text p {
	margin: 0 0 20px 0;
}
.profile span {
	font-weight: 600;
}

.module {
	overflow: hidden;
}
.module > h2 {
	padding: 30px 10px;
	text-align: center;
	text-transform: uppercase;
	background: url("/_resources/images/diag-background.png") repeat top left #343434;
	border-top: 7px solid rgba(39, 39, 39, 0.3);
}
@media (min-width: 45em) {
	.module .column .p-list {
		padding: 0 20px;
	}
}
.module .column .p-list ul {
	list-style: initial;
}
.module .column .p-list ul li {
	padding: 20px;
	background: #343434;
	border-bottom: 1px solid #343434;
	margin: 0;
	list-style: none;
}
@media (min-width: 45em) {
	.module .column .p-list ul li {
		border: none;
		width: auto;
		padding: 35px 30px 35px 0;
		background: none;
	}
}
.module .column .p-list ul li a {
	position: relative;
	color: white;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
.module .column .p-list ul li a:after {
	content: "๏„…";
	font-family: "Font Awesome 6 Pro";
	font-size: 14px;
	font-style: normal;
	position: absolute;
	right: -10px;
	color: #fff;
}
.module .column .p-list ul li a:after {
	right: -15px;
}
@media (max-width: 45em) {
	.module .column .p-list ul li a:after {
		right: 0;
		font-size: 12px;
	}
}

.program-tag {
	display: block;
	float: right;
	width: auto;
	border: 1px solid #ccc;
	background: #ececec;
	padding: 5px;
	color: #444;
	font-size: 14px;
	line-height: 16px;
	margin: 6px;
}

h1 .program-tag {
	margin: 5px auto;
	display: block;
	float: left;
	width: 100%;
}
@media (min-width: 45em) {
	h1 .program-tag {
		margin: 6px;
		float: right;
		width: auto;
	}
}

/* Specific Pages */
body.home .matrix .heading h2 {
	width: 100%;
	text-align: center;
}
@media (min-width: 45em) {
	body.home .matrix .heading h2 {
		text-align: left;
	}
}
@media (min-width: 70em) {
	body.home .matrix .heading h2 {
		text-align: center;
	}
}
body.home .matrix .heading a {
	color: #003359;
}
@media (max-width: 45em) {
	body.home .matrix .heading a {
		text-align: center;
	}
}
body.home .matrix.thirds .items > div {
	display: block;
	float: left;
	width: 100%;
}
@media (min-width: 45em) {
	body.home .matrix.thirds .items > div {
		width: 33.3333%;
		padding: 0 20px;
	}
}
@media (max-width: 45em) {
	body.home .matrix.morelink .heading {
		padding-bottom: 45px;
	}
}
body.home .matrix.events .heading a {
	right: 85px;
}

.cta-bar-home-wrapper {
	display: block;
	float: left;
	width: 100%;
	text-align: center;
	background: url("/_resources/images/bar-bg01.jpg") no-repeat;
	background-size: 100% 100%;
}
@media (min-width: 45em) {
	.cta-bar-home-wrapper {
		height: 300px;
	}
}
@media (min-width: 70em) {
	.cta-bar-home-wrapper {
		height: 270px;
	}
}
.cta-bar-home-wrapper .cta-bar-home {
	display: block;
	float: left;
	width: 100%;
	max-width: 1010px;
	position: relative;
	padding: 20px 20px 0 20px;
	background: #003359;
}
@media (min-width: 45em) {
	.cta-bar-home-wrapper .cta-bar-home {
		display: inline-block;
		float: none;
		height: 225px;
		padding: 0;
	}
}
@media (min-width: 70em) {
	.cta-bar-home-wrapper .cta-bar-home {
		height: 170px;
		padding-left: 40px;
	}
	.cta-bar-home-wrapper .cta-bar-home:before {
		content: url(/_resources/images/home-jag01.png);
		position: absolute;
		left: -30px;
		top: -6px;
	}
}
.cta-bar-home-wrapper .cta-bar-home > div {
	display: block;
	float: left;
	width: 100%;
	padding: 20px 0 40px 0;
}
@media (min-width: 45em) {
	.cta-bar-home-wrapper .cta-bar-home > div {
		width: 25%;
		padding: 0;
	}
}
.cta-bar-home-wrapper .cta-bar-home > div h3 {
	display: block;
	float: left;
	width: 50%;
	padding: 0 20px 0 0;
	color: white;
	font-size: 16px;
	text-transform: none;
	text-align: left;
}
@media (min-width: 45em) {
	.cta-bar-home-wrapper .cta-bar-home > div h3 {
		width: 100%;
		height: 85px;
		margin-bottom: 20px;
		padding: 20px 0 15px 25px;
		border-bottom: 3px solid #64A0C8;
	}
}
@media (min-width: 70em) {
	.cta-bar-home-wrapper .cta-bar-home > div h3 {
		height: auto;
	}
}
.cta-bar-home-wrapper .cta-bar-home > div ul {
	display: block;
	float: left;
	width: 50%;
	position: relative;
}
@media (min-width: 45em) {
	.cta-bar-home-wrapper .cta-bar-home > div ul {
		width: 100%;
	}
}
.cta-bar-home-wrapper .cta-bar-home > div ul li {
	padding: 0 25px;
	text-align: left;
}
.cta-bar-home-wrapper .cta-bar-home > div ul li a {
	color: white;
	text-decoration: none;
}
.cta-bar-home-wrapper .cta-bar-home > div ul:before {
	content: url("/_resources/images/diag-dots01.png");
	position: absolute;
	top: 0;
	right: auto;
	bottom: auto;
	left: -35px;
}
@media (min-width: 45em) {
	.cta-bar-home-wrapper .cta-bar-home > div:first-child ul:before {
		content: '';
	}
}

body.academics .l-page .l-content-header {
	background-image: url("/_resources/images/acad-bg01.jpg");
}
@media (min-width: 70em) {
	body.academics .subsection.three-column .sidebar {
		margin-top: -194px;
	}
}

body.admissions_and_aid .l-page .l-content-header {
	background-image: url("/_resources/images/admiss-aid-bg01.png");
}
@media (min-width: 70em) {
	body.admissions_and_aid .l-page .l-content .subsection.three-column hr {
		margin-right: 50px;
	}
}
body.admissions_and_aid .l-page .l-content .subsection.three-column .sidebar {
	background-color: #003359;
	padding-bottom: 40px;
}
body.admissions_and_aid .l-page .l-content .subsection.three-column .sidebar .text-image-intro.label {background:none; background-color:#f0f0f0; border-bottom: 6px solid #00AEEF;}
body.admissions_and_aid .l-page .l-content .subsection.three-column .sidebar .text-image-intro.label h4, body.admissions_and_aid .l-page .l-content .subsection.three-column .sidebar .text-image-intro.label h3 {background: #003359; border:none;}
@media (min-width: 70em) {
	body.admissions_and_aid .l-page .l-content .subsection.three-column .sidebar {
		margin-top: -194px;
		padding-bottom: 25px;
		background-image: none;
	}
}
body.admissions_and_aid .l-page .l-content .subsection.three-column .sidebar .p-list {
	padding: 20px 15px 0 15px;
}
body.admissions_and_aid .l-page .l-content .subsection.three-column .sidebar .p-list ul {
	padding-left:0;
}
body.admissions_and_aid .l-page .l-content .subsection.three-column .sidebar .p-list ul li {
	margin: 0;
}
body.admissions_and_aid .l-page .l-content .subsection.three-column .sidebar .p-list ul li a {
	display: block;
	margin: 0;
	padding: 8px 10px;
	color: white;
	text-transform: none;
	border-bottom: none;
}

body.student_life .l-page .l-content-header {
	background-image: url("/_resources/images/student-life-bg01.png");
	background-size: cover;
	background-position: center center;
}
body.student_life .l-page .subsection.image-right .promo.image {
	display: none;
	width: auto;
	float: none;
	text-align: center;
	margin-bottom: 20px;
	position: relative;
	background: #003359;
	overflow: hidden;
}
@media (min-width: 55em) {
	body.student_life .l-page .subsection.image-right .promo.image {
		width: 35%;
		float: right;
		display: block;
	}
}
body.student_life .l-page .subsection.image-right .promo.image img {
	display: block;
	position: relative;
	min-height: 100%;
	max-width: 100%;
	width: 100%;
	opacity: 0.95;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale3d(1.05, 1.05, 1);
	transform: scale3d(1.05, 1.05, 1);
}
body.student_life .l-page .subsection.image-right .promo.image .caption {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0 40px;
	text-align: center;
	box-sizing: border-box;
}
body.student_life .l-page .subsection.image-right .promo.image .caption:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.5);
	pointer-events: none;
	content: '';
	-webkit-transition: -webkit-transform 0.6s;
	transition: transform 0.6s;
}
body.student_life .l-page .subsection.image-right .promo.image .caption h3 {
	color: white;
	opacity: 0;
	margin: 10% 0 15px 0;
	font-size: 22px;
}
@media (min-width: 55em) {
	body.student_life .l-page .subsection.image-right .promo.image .caption h3 {
		margin-top: 10%;
	}
}
@media (min-width: 70em) {
	body.student_life .l-page .subsection.image-right .promo.image .caption h3 {
		margin-top: 20%;
	}
}
body.student_life .l-page .subsection.image-right .promo.image .caption a {
	display: block;
	margin-top: 20px;
	color: white;
	font-family: sans-serif;
	text-transform: none;
	opacity: 0;
}
body.student_life .l-page .subsection.image-right .promo.image .caption hr {
	width: 0;
	border-width: 0;
}
body.student_life .l-page .subsection.image-right .promo.image.visible a,
body.student_life .l-page .subsection.image-right .promo.image.visible h3 {
	animation: fadein ease-in 1s;
	animation-fill-mode: forwards;
	animation-delay: 0.7s;
}
body.student_life .l-page .subsection.image-right .promo.image.visible hr {
	width: 100%;
	border-width: 1px;
	transition: border-width,width 0.5s ease-in-out;
	transition-delay: 0.5s;
	margin: 0;
}
body.student_life .l-page .subsection.image-right .promo.image.visible img {
	opacity: 0.4;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	max-height: 500px;
}
body.student_life .l-page .subsection.image-right .promo.image.visible .caption:before {
	-webkit-transform: scale3d(3, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
	transform: scale3d(3, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
}

body.m-undergrad_admissions .l-page {
	margin-top: 0;
}
@media (min-width: 1300px) {
	body.m-undergrad_admissions .l-page .l-content-header {
		margin-top: -10px;
	}
}

body.undergrad_admissions .l-page {
	margin-top: 0;
}
body.undergrad_admissions .l-page .l-content-header {
	height: auto;
	padding-top: 0;
	background: none;
}
body.undergrad_admissions .l-page .l-content-header h2 {
	width: 100%;
	position: absolute;
	top: 20%;
	padding: 0 20px;
	text-align: center;
}
@media (min-width: 45em) {
	body.undergrad_admissions .l-page .l-content-header h2:after {
		content: url("/_resources/images/gold-arrow01.png");
		position: relative;
		left: 30px;
		top: 8px;
	}
}
@media (min-width: 70em) {
	body.undergrad_admissions .l-page .l-content-header h2 {
		top: 40%;
	}
}
body.undergrad_admissions .l-page .l-content-header h2 span {
	font-family: 'NaturalScriptBold';
	font-size: 48px;
}
@media (min-width: 45em) {
	body.undergrad_admissions .l-page .l-content-header h2 span {
		font-size: 70px;
	}
}
body.undergrad_admissions .l-page .l-content {
	margin-top: 0;
}

.ua-top-container {
	display: block;
	float: left;
	width: 100%;
	padding: 0;
	background: white;
}
.ua-top-container .vert-container {
	display: block;
	float: left;
	width: 100%;
	padding-left: 25px;
}
@media (min-width: 45em) {
	.ua-top-container .vert-container {
		width: 30%;
	}
}
.ua-top-container .vert-container.info-for {
	display: none;
}
@media (min-width: 45em) {
	.ua-top-container .vert-container.info-for {
		display: block;
	}
}
.ua-top-container .vert-container.info-for h2 {
	padding: 25px 50px 25px 5px;
	text-align: left;
}
.ua-top-container .vert-container.info-for ul {
	padding-top: 20px;
	list-style-type: none;
}
.ua-top-container .vert-container.info-for ul li {
	margin: 0;
	padding: 0 15px 0 0;
}
.ua-top-container .vert-container.info-for ul li a {
	display: block;
	margin: 0;
	padding: 8px 20px;
	color: #003359;
	font-weight: 600;
	text-transform: uppercase;
	border-bottom: 1px solid #f1f1f0;
	position: relative;
}
.ua-top-container .vert-container.info-for ul li a:before {
	font-family: "Font Awesome 6 Pro";
	font-size: 18px;
	font-style: normal;
	position: absolute;
	left: -10px;
	color: #f5c22e;
	content: "\f105";
}

body.learn .l-page .l-content-header,
body.live .l-page .l-content-header {
	height: auto;
	padding-top: 0;
	background: none;
}
body.learn .l-page .l-content-header .text-container,
body.live .l-page .l-content-header .text-container {
	width: 100%;
	position: absolute;
	top: 20%;
	padding: 0 20px;
}
@media (min-width: 45em) {
	body.learn .l-page .l-content-header .text-container,
	body.live .l-page .l-content-header .text-container {
		padding-right: 40px;
		padding-left: 40px;
	}
}
@media (min-width: 55em) {
	body.learn .l-page .l-content-header .text-container,
	body.live .l-page .l-content-header .text-container {
		width: 70%;
		padding: 0 0 0 150px;
		z-index: 1;
	}
}
@media (min-width: 1250px) {
	body.learn .l-page .l-content-header .text-container,
	body.live .l-page .l-content-header .text-container {
		padding-top: 60px;
	}
}
body.learn .l-page .l-content-header .text-container span,
body.live .l-page .l-content-header .text-container span {
	display: block;
	color: #ffa100;
	text-transform: uppercase;
}
body.learn .l-page .l-content-header .text-container p,
body.live .l-page .l-content-header .text-container p {
	display: none;
}
@media (min-width: 70em) {
	body.learn .l-page .l-content-header .text-container p,
	body.live .l-page .l-content-header .text-container p {
		display: block;
	}
}
body.learn .l-page .l-content,
body.live .l-page .l-content {
	margin-top: 0;
}
@media (min-width: 1250px) {
	body.learn .l-page .l-content,
	body.live .l-page .l-content {
		margin-top: -70px;
	}
}
body.learn .l-page .l-content .subsection.three-column .sidebar,
body.live .l-page .l-content .subsection.three-column .sidebar {
	background: none;
	padding: 0;
	border: 1px solid #d5dedf;
}
@media (min-width: 70em) {
	body.learn .l-page .l-content .subsection.three-column .sidebar,
	body.live .l-page .l-content .subsection.three-column .sidebar {
		margin-top: -25px;
	}
}

body.live .l-page .l-content-header {
	border-bottom: 8px solid #ffa100;
}
@media (min-width: 1250px) {
	body.live .l-page .l-content-header {
		border-width: 90px;
	}
}

body.learn .l-page .l-content-header {
	border-bottom: 8px solid #3ad6c5;
}
@media (min-width: 1250px) {
	body.learn .l-page .l-content-header {
		border-width: 90px;
	}
}
body.learn .l-page .l-content-header .text-container span {
	color: #3ad6c5;
}

body.research .l-page .l-content-header {
	background-image: url("/_resources/images/research-bg01.jpg");
}

#iso-container {
	display: block;
	float: left;
	width: 100%;
	padding: 30px 10px 80px 10px;
}
#iso-container .iso-block {
	display: table;
	float: left;
	border: 1px solid #d5dedf;
	padding: 5px;
	width: 100%;
}
@media (min-width: 45em) {
	#iso-container .iso-block {
		padding: 15px 15px 15px 25px;
		width: 46%;
		margin: 0 1%;
	}
}
#iso-container .iso-block a {
	display: table-cell;
	float: none;
	vertical-align: middle;
	width: 65%;
	vertical-align: middle;
	padding: 0;
	font-family: 'Open Sans', sans-serif;
	font-style: italic;
	font-weight: 600;
	color: #00AEEF;
	font-size: 14px;
	line-height: 20px;
	text-transform: uppercase;
}
@media (min-width: 45em) {
	#iso-container .iso-block a {
		padding: 8px 10px 0 0;
	}
}
#iso-container .iso-block span {
	display: table-cell;
	float: none;
	vertical-align: middle;
}
#iso-container .iso-block span a {
	float: right;
	min-width: 100px;
	padding: 5px;
	background: #003359;
	text-align: center;
	border: 2px solid #ececec;
	width: 100%;
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: 700;
	color: white;
	font-size: 14px;
	line-height: 20px;
}
@media (min-width: 45em) {
	#iso-container .iso-block span a {
		min-width: 165px;
	}
}

.button-group {
	display: block;
	float: left;
	width: 100%;
	padding: 15px 15px 0 15px;
}
@media (min-width: 45em) {
	.button-group {
		padding: 15px 10px 0 35px;
	}
}
.button-group #filter-group button,
.button-group #sort-by-group button {
	margin: 0 25px 0 0;
	padding: 0;
	background: none;
	border: none;
	text-transform: uppercase;
	cursor: pointer;
}
.button-group #filter-group button:focus, .button-group #filter-group button.active,
.button-group #sort-by-group button:focus,
.button-group #sort-by-group button.active {
	border-bottom: 3px solid #003359;
	outline: none;
}
.button-group #filter-group h3,
.button-group #sort-by-group h3 {
	display: block;
	float: left;
	width: auto;
	padding: 0 20px 5px 0;
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: 700;
	color: #003359;
	font-size: 14px;
	line-height: 20px;
}
.button-group #filter-group h4,
.button-group #sort-by-group h4 {
	color: #00AEEF;
}
.button-group #filter-group h4:hover,
.button-group #sort-by-group h4:hover {
	text-decoration: underline;
}
.button-group #filter-group {
	display: block;
	float: left;
	width: 100%;
	padding-top: 10px;
}
.button-group #filter-group > div {
	display: block;
	float: left;
	width: auto;
	height: 30px;
}
.button-group #sort-by-group {
	display: block;
	float: left;
	width: 100%;
	padding-top: 10px;
}
.button-group #sort-by-group button {
	display: block;
	float: left;
	width: auto;
}

.tabs-container {
	display: block;
	float: left;
	width: 100%;
	margin: 20px 0;
}
.tabs-container .tabheaders {
	display: block;
	float: left;
	width: 100%;
	background: #fff;
	border-top: 2px solid white;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
ul.tabheaders {padding-left:0;}
@media (min-width: 45em) {
	.tabs-container .tabheaders {
		display: table;
		border: 0;
		box-shadow: 0;
	}
}
.tabs-container .tabheaders li {
	display: table;
	float: left;
	width: 100%;
	border-bottom: 2px solid #fff;
	background: url("/_resources/images/contact-bg01.png");
}
@media (min-width: 45em) {
	.tabs-container .tabheaders li {
		border: none;
		width: auto;
		height: 90px;
		border: 1px solid #ccc;
	}
}
.tabs-container .tabheaders li a {
	font-family: 'Open Sans', sans-serif;
	font-style: italic;
	font-weight: 700;
	color: #00AEEF;
	font-size: 18px;
	line-height: 24px;
	transition: all .5s ease-in-out;
	height: 64px;
	display: block;
	text-decoration: none;
	background: none;
	position: relative;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	padding: 0 30px;
}
@media (min-width: 45em) {
	.tabs-container .tabheaders li a {
		background: none;
		transition: none;
		background: none;
	}
}
.tabs-container .tabheaders li a:hover {
	text-decoration: underline;
}
.tabs-container .tabheaders li a:after {
	content: '+';
	font-family: Times;
	font-weight: normal;
	position: absolute;
	color: #00AEEF;
	font-weight: bold;
	right: 20px;
	font-size: 18px;
	top: 50%;
	top: -webkit-calc(50% - 12px);
	top: calc(50% - 12px);
	transition: all .5s ease-in-out;
}
@media (min-width: 45em) {
	.tabs-container .tabheaders li a:after {
		content: '';
		transition: none;
	}
}
.tabs-container .tabheaders li.open a {
	color: #fff;
	background: #00AEEF;
}
@media (min-width: 45em) {
	.tabs-container .tabheaders li.open a {
		color: #00AEEF;
		background: none;
	}
}
@media (min-width: 45em) {
	.tabs-container .tabheaders li.open-desk {
		border: none;
	}
}
@media (min-width: 45em) {
	.tabs-container .tabheaders li.open-desk a {
		color: #00AEEF;
		background: #fff;
	}
}
.tabs-container .tabheaders.collapsed li.open a {
	height: 64px;
	padding: 20px;
	color: #fff;
	font-size: 18px;
}
@media (min-width: 45em) {
	.tabs-container .tabheaders.collapsed li.open a {
		height: auto;
		color: #00AEEF;
		background: none;
		font-size: 18px;
	}
}
.tabs-container .tabheaders.collapsed li.open a:after {
	color: #fff;
	transform: rotate(45deg);
}
@media (min-width: 45em) {
	.tabs-container .tabheaders.collapsed li.open a:after {
		content: "";
	}
}
@media (min-width: 45em) {
	.tabs-container .tabheaders.collapsed li.open-desk a {
		color: #00AEEF;
		background: #fff;
	}
}
.tabs-container .tabheaders.collapsed li a {
	transition: all .5s ease-in-out;
	height: 26px;
	padding: 1px 0px;
	color: #fff;
	font-size: 0;
}
@media (min-width: 45em) {
	.tabs-container .tabheaders.collapsed li a {
		height: auto;
		padding: 20px;
		transition: none;
		color: #00AEEF;
		font-size: 18px;
	}
}
.tabs-container div.contents {
	display: none;
	background: #fff;
}
.tabs-container div.contents.open {
	display: block;
	float: left;
	width: 100%;
	padding: 20px;
	border-top: 0;
}
@media (min-width: 45em) {
	.tabs-container div.contents.open {
		display: none;
	}
}
@media (min-width: 45em) {
	.tabs-container div.contents.open-desk {
		display: block;
		float: left;
		width: 100%;
		padding: 20px;
	}
}

@media (min-width: 45em) {
	#tab-0 .tabs-container .tabheaders li {
		width: 33.3333%;
	}
}

/* WYSIWYG Styles */
.l-content-header .user-editable img,
body.generic_inner .l-page .column .l-content-center .l-content-featured .l-content-wrapper .l-content .user-editable img,
body.generic_inner .l-page .column .l-content-center .l-content-wrapper .l-content .user-editable img {
	width: initial;
	float: initial;
}
.user-editable {
	width: auto;
}
.user-editable ul {
	padding: 0 0 0 20px;
	list-style: disc;
}
.user-editable ol {
	padding: 0 0 0 20px;
	list-style: decimal;
}
.user-editable img {
	width: initial;
	float: initial;
}

/* Undo Bootstrap Styles */
.label {
	display: inline;
	padding: 0;
	font-size: medium;
	font-weight: normal;
	line-height: normal;
	color: #000;
	text-align: left;
	white-space: normal;
	vertical-align: baseline;
	border-radius: 0;
}
.l-content h4 {color:#003359;}

.text-image-intro.label h4, .text-image-intro.label h3 {color:#fff;}

h1.page-title {margin:0;}
#cookie-notification{position: fixed; bottom: 15px; left: 15px; width: 340px; margin:0!important;z-index: 999; background:#fff;}
.cookie-links {display: flex; flex-direction: row; justify-content: space-around;}
.btn-link {color:#003359;}
.btn-link:hover, .btn-link:focus {color:#003359;}
/*Sidenav Style */
#aumenu,
#aumenu ul,
#aumenu ul li,
#aumenu ul li a {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	line-height: 1;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#aumenu {
	color: #ffffff;
}
#aumenu ul ul {
	display: none;
}
#aumenu > ul > li.active > ul {
	display: block;
}
.align-right {
	float: right;
}
#aumenu > ul > li > a {
	padding: 16px 22px;
	cursor: pointer;
	z-index: 2;
	text-decoration: none;
	color: #f9f9f9;
	background-color: #595b5c;
	background-image: url('/_resources/images/diag-lines03.png');
	background-size: 8px 6px;
	background-position: 0 top;
	background-repeat: repeat-y;
	-webkit-transition: color .2s ease;
	-o-transition: color .2s ease;
	transition: color .2s ease;
	border-bottom:1px solid white;
}
#aumenu > ul > li > a:hover {
	color: #ffffff;
	text-decoration:none;
	background-color: #424344;

}
#aumenu ul > li.has-sub > a:after {
	position: absolute;
	right: 26px;
	top: 19px;
	z-index: 5;
	display: block;
	height: 10px;
	width: 2px;
	background: #ffffff;
	content: "";
	-webkit-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	-ms-transition: all 0.1s ease-out;
	-o-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
}
#aumenu ul > li.has-sub > a:before {
	position: absolute;
	right: 22px;
	top: 23px;
	display: block;
	width: 10px;
	height: 2px;
	background: #ffffff;
	content: "";
	-webkit-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	-ms-transition: all 0.1s ease-out;
	-o-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
}
#aumenu ul > li.has-sub.open > a:after,
#aumenu ul > li.has-sub.open > a:before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
#aumenu ul ul li a {
	padding: 14px 35px 14px 20px;
	cursor: pointer;
	z-index: 2;
	font-size: 14px;
	text-decoration: none;
	color: #dddddd;
	background: #003359;
	background-image: url('/_resources/images/diag-lines03.png');
	background-size: 8px 6px;
	background-position: 0 top;
	background-repeat: repeat-y;
	-webkit-transition: color .2s ease;
	-o-transition: color .2s ease;
	transition: color .2s ease;
	border-bottom:1px solid #fff;

}
#aumenu ul li a:focus {
    outline-offset: -3px;
    outline: 3px solid;
    border-radius: 1.5em;
}
#aumenu ul ul ul li a {
	padding-left: 32px;
	background-color: #FFFFFF;
	color: #777;
	border-bottom: 1px solid #cccccc;
}
#aumenu ul ul ul li a:hover {
	color:#777;
}	
#aumenu ul ul li a:hover {
	color: #ffffff;
	background-color: #002642;
}
#aumenu ul ul > li.has-sub > a:after {
	top: 16px;
	right: 26px;
	background: #dddddd;
}
#aumenu ul ul > li.has-sub > a:before {
	top: 20px;
	background: #dddddd;
}

#aumenu h4, #aumenu h3, #aumenu h5 {
	font-weight: 600;
	font-size: 16px;
	color: #fff;
	padding: 20px 0 20px 20px;
	margin-bottom: 0;
	background-color: #003359;
}
.calendar-card a:hover {color:#64A0C8;}
p.noevents {text-align: center; line-height: 125px; margin-bottom: 0;}

.supernotice a {color: #FFEB3B;font-weight: 700;}

/* 	Pamplin Navbar Contact Info in Sidenav */
#aumenu .navcontact h4{padding: 5px 10px 5px 40px;}

/* 	Add .is-flex to your rows and have equal height columns */
.row.is-flex {
	display: flex;
	flex-wrap: wrap;
}
.row.is-flex > [class*='col-'] {
	display: flex;
	flex-direction: column;
}

/*
* And with max cross-browser enabled.
* Nobody should ever write this by hand. 
* Use a preprocesser with autoprefixing.
*/
.row.is-flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.row.is-flex > [class*='col-'] {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}
/*  Calendar Option 8 styling */
.university-events08 {
    position: relative;
    display: flex;
    flex-direction: row;
	-webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
	align-items: center;
	margin-bottom:48px;
}
.university-events08 .event-thumbnail {
    margin-right: 24px;
	position: relative;
}
.university-events08 figure.event-image {
    width: 180px;
    height: 180px;
	aspect-ratio: 1;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.10);
}
.university-events08 figure.event-image img {
	height: 100%;
    object-fit: cover;
    width: 100%;
    object-fit: cover !important;
    object-position: top center;
}
.university-events08 .date {
    background-color: #012951;
    color: #fff;
	height: 80px;
    overflow: hidden;
    width: 80px;
    top: 120px;
    right: -10px;
	text-align:center;
	position: absolute;
}
.university-events08:nth-child(even) .event-thumbnail .date {
    background-color: #A5ACAF;
    color: #003359;
}
.university-events08 .date .month {
    font-size: 14px;
    padding-top: 5px;
    text-transform: uppercase;
}	
.university-events08 .date .day {
	font-size: 46px;
    font-weight: 800;
    position: relative;
    line-height: 1;
}	
.university-events08 h3.event-title {
    font-size: 20px;
    font-weight: bold;
    color: #003359;
}
.university-events08 p.additional-info .fa-solid {color: #00AEEF;}
.university-events08 p.additional-info {color: #626262; font-size: 14px;}
.university-events08 p.event-description {margin-bottom: 0;}

.university-events08:hover {
-webkit-transform: translatey(-5px);
    -ms-transform: translatey(-5px);
    transform: translatey(-5px);
}
.university-events08:hover figure.event-image img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
	box-shadow: none;
}
.university-events08:hover .date {background: linear-gradient(to bottom, #00AEEF, #003359);}
.university-events08:nth-child(even):hover .event-thumbnail .date {background: linear-gradient(to bottom, #dde4e7, #A5ACAF);}

@media (max-width:768px) {
	
.university-events08 {flex-direction: column;}
.university-events08 .event-thumbnail {margin: 0 0 24px 0; width:100%;}
.university-events08 figure.event-image {width: 100%; height: auto;}
.university-events08 .date {top:unset; bottom:-10px;}
}
.university-events08.no-image {margin-bottom:24px;}
.university-events08.no-image .date {top: 0; right: 0; position: relative;}
.university-events08.no-image h3.event-title {
    margin-bottom: 0;
    text-wrap: balance;
}
.university-events08.no-image p.additional-info {
    margin-bottom: 0;
}

@media (max-width: 768px) {
    .university-events08.no-image {flex-direction: row; }
    .university-events08.no-image .event-thumbnail {margin: 0 24px 0 0; width: 100px; }
}
/*  Created a New Section for a hover panel box.  Can be seen on the 51ฐตอ๘ Site - Non Degree Programs */
.splitpanel-background {min-height: 280px; width: 100%; background-color: #a5acaf; padding: 5%;}

.splitpanel-background .splitpanel-left {position: absolute; text-align: center; width: 49%; left: 5px; top: 0; height: 100%; background-color:#003359;}
.splitpanel-background:hover .splitpanel-left {background-color: transparent; border-left:10px solid #003359; transition: all .5s; -webkit-transition: all .5s;}

.splitpanel-background .splitpanel-left h3 {padding-top: 70%; color:#fff;}
.splitpanel-background:hover .splitpanel-left h3 {color: transparent; transition: all .5s; -webkit-transition: all .5s;}

.splitpanel-background .splitpanel-right {position: absolute; text-align: center; width: 49%; left: 49%; top: 0; height: 100%; background-color:#3cb6ce;}
.splitpanel-background:hover .splitpanel-right {background-color: transparent; border-right:10px solid #3cb6ce; transition: all .5s; -webkit-transition: all .5s;}

.splitpanel-background .splitpanel-right h3 {padding-top: 70%; color: #003359;}
.splitpanel-background:hover .splitpanel-right h3 {color: transparent; transition: all .5s; -webkit-transition: all .5s;}
.gradient-title {
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 1em;
    color: #007CAD!important;
    font-weight: bold;
    background: none!important;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 15px;
}

/*  For animated gif backgrounds */
video#backgroundgif {
	/* background: url(/_resources/images/ua-feat01.png) no-repeat; */
	background-size: cover;
	min-width: 100%; min-height: 100%;
	width: auto; height: auto; 
}

.light-divider {
	width: 40px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #3b5d7b;
	margin-bottom: 0.8em;
	margin-right: auto;
	margin-left: 0;
	border-bottom-color: rgba(255,255,255,0.12);
	line-height:0;
}
.green-divider {
	width: 40px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #3b5d7b;
	margin-bottom: 0.8em;
	margin-right: auto;
	margin-left: 0;
	border-bottom-color: #44D62C;
	line-height:0;
}
.cse .gsc-search-button-v2, .gsc-search-button-v2 {color:#fff!important;}
form.gsc-search-box, td.gsc-search-button, form.gsc-search-box, table.gsc-search-box td.gsc-input{padding: 0!important;}
table#gs_id50 {margin-bottom: 0;}
td.gsib_b {padding: 0;}
table.gsc-search-box td.gsc-input {height:40px;}
input#gsc-i-id1 {background: none!important;text-indent: unset!important;}
td.gsc-clear-button {display: none!important;}
td.gsc-search-button {padding: 0!important;}
.cse input.gsc-input, input.gsc-input {border: none!important;}
.cse input.gsc-search-button, input.gsc-search-button {height:40px!important;}
.alliedhealth {color:#f8b73b;}
.pamplin {color:#61b9c7;}
.hull {color:#160b42;}
.dcg {color:#a17ac6;}
.coe {color:#541965;}
.tgs {color:#003170;}
.nursing {color:#d68c44;}
.csm {color:#dc4814;}
.mcg {color:#1c5d3f;}
.library {color:#00Aeef;}
.sph {color:#00AEEF;}
.ccs {color:#8bc34a;}
/* For the Horizontal News Component */
.news-stuff figure {
    overflow: hidden;
    border-radius: 5px;
    margin-bottom: 17px;
    box-shadow: 6px 5px 30px 0px rgb(0 0 0 / 25%);
}
.news-stuff h3 {
    font-size: 21px;
    color: #000;
    line-height: 1.2;
	font-weight: bold;
    text-align: center;
    text-wrap: balance;
}
.news-stuff .story-item {
    -webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.news-stuff .story-item:hover {
    -webkit-transform: translatey(-5px);
    -ms-transform: translatey(-5px);
    transform: translatey(-5px);
}
.news-stuff .story-item img {
    -webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.news-stuff .story-item:hover img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}


/* For the News Mention Component */
.post h3.post-title {
	font-size: 18px;
	color: #434343;
	line-height: 1.4rem;
	text-transform:none;
}
.post h3.post-title:after {
	width: 100px;
	height: 3px;
	border-top: 3px solid #44D62C;
	content: '';
	display: block;
	margin-top: 8px;
	margin-bottom: 16px;
}
.post a {
	color: #4aa2d1;
	transition: all 200ms ease-in;
	text-decoration:none;
	text-transform:none;
}
.post-title a {
	color: #434343
}
.post-title a:hover {
	color: #4aa2d1
}
.post .meta span:before {
	content: "|";
	padding: 0 10px;
}
.post .meta span:first-child:before {
	display: none
}

.post .meta, .post .meta a, .post a.more {
    color: #003359;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}
.post .meta a:hover,.post .more:hover {
	color: #00AEEF;
	text-decoration: none;
}
.post p {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}
.post a.more {
	display: inline-block;
	margin-bottom: 15px;
}
.post .more:after {
	font-family: "Font Awesome 6 Pro";
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	content: "\f178";
	padding-left: 5px;
	display: inline-block;
}

.fad {

	--fa-primary-opacity:1;
	--fa-secondary-opacity :1;
	--fa-primary-color: #003359;
	--fa-secondary-color: #00AEEF;

}

/* removes underline of bb-btn */
.bb-btn:before {visibility: hidden;}

ul.doubles {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	padding-left:0;
}
ul.doubles li {
	margin-left: 1.5rem;
	position: relative;
	-webkit-column-break-inside: avoid; 
}

@media (max-width:768px) {
	ul.doubles {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}
}

p.quicklinks {
    font-style: italic;
    margin-bottom: 0;
    width: fit-content;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 10px;
}
p.quicklinks a {
    margin: 0 10px;
    font-style: normal;
}