/* Legacy styles update */

    @media screen and (min-width: 64rem){
      .course-page .header .courseDetails .titleInfo{
        max-width:65%;
      }
    }
	.course-page .column-body {
    background-color: #ffffff!important;
    position: relative;
    z-index: 5;
	}
	.course-page .column-block {
    background-color: transparent!important;
		-webkit-box-shadow: none!important;
		box-shadow: none!important;
		margin-bottom: 1.875rem!important;
		padding: 1.875rem 1.25rem 1.25rem!important;
	}
	.container .gallery a {
    border: 6px solid transparent;
	}
	.light-box{
		background-color: #F1F9FE;
		padding-top: 2rem;
	}
	
	.course-row {
		position: relative;
		margin: 0 auto;
		max-width: 75rem!important
	}

/* Sticky header styles */
    .sticky-header-container {
        width: 100%;
        background-color: #fff;
        z-index: 1000;
        box-shadow: 0 2px 5px rgba(0,0,0,0.1);
        display: none;
        overflow-y: hidden;
        margin-bottom: 60px;
        padding: 10px 14px;
        @media screen and (min-width: 1024px){
            padding: 0 100px;
            height: 50px;
        }
    }
     .course-page .column-wrapper .column-content {
        margin-top: -3.125rem;
        width: 100%;
        display: none;
    }
    .course-page .ctaBlock.fullWidthRibbon {
        display: none;
    }
    .sticky-header-container.is-sticky {
        position: fixed;
        top: 0;
    }
    .header-menu {
        display: none;
        @media screen and (min-width: 1024px){
            display: flex;
            justify-content: space-between;
            text-align: center;
            list-style: none;
            margin: 0;
            white-space: nowrap;
            margin: 0 auto !important;
            max-width: 75rem;     
        }

    }
    .header-menu li {
        flex-shrink: 0;
    }
    .header-menu li a {
        text-decoration: none;
        color: #003A65;
        font-weight: 600;
        padding-bottom: 5px;
        display: block;
        height: 50px;
        line-height: 50px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .header-menu li.active a {
        color: white;
        background-color: #0073BC;
    }
    .course-content-block {
        display: none;
    }

    .header-select__container {
        position: relative;
    }

    .header-select__container svg {
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
    }
    

    .header-select {
        background: #3681c5;
        color: #fff;
        border-radius: 8px;
        padding: 0 15px;
        display: flex;
        align-items: center;
        gap: 12px;
        font-size: 19px;
        font-weight: 500;
        box-sizing: border-box;
        border: none;
        margin: 0;
        height: 43px;
        width: 100%;
        font-size: 14px;

        @media screen and (min-width: 1024px) {
            display: none;
        }
    }

    select.header-select{
        -webkit-appearance: none;
        -moz-appearance: none;
        text-indent: 1px;
        text-overflow: '';
    }

    .header-select .menu-icon {
        margin-left: auto;
        font-size: 28px;
        color: #fff;
        display: flex;
        align-items: center;
    }

    /* The sidebar is still permanently hidden */
    .column-sidebar {
        display: none !important;
    }



/* SCSS STYLES */

@charset "UTF-8";
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html {
    -webkit-text-size-adjust: 100%;
    line-height: 1.15;
}
body {
    margin: 0;
}
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}
pre {
    font-family: monospace, monospace;
    font-size: 1em;
}
a {
    background-color: transparent;
}
abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
}
b,
strong {
    font-weight: bolder;
}
code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}
small {
    font-size: 80%;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sub {
    bottom: -0.25em;
}
sup {
    top: -0.5em;
}
img {
    border-style: none;
}
button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}
button,
input {
    overflow: visible;
}
button,
select {
    text-transform: none;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
    -webkit-appearance: button;
}
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0;
}
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText;
}
fieldset {
    padding: 0.35em 0.75em 0.625em;
}
legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}
progress {
    vertical-align: baseline;
}
textarea {
    overflow: auto;
}
[type="checkbox"],
[type="radio"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}
details {
    display: block;
}
summary {
    display: list-item;
}
[hidden],
template {
    display: none;
}
.course-page .featured-content .module-title,
abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
    background: transparent;
    border: 0;
    font-size: 100%;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}
@font-face {
    font-display: swap;
    font-family: Raleway-ExtraBold;
    font-weight: 800;
    src:
        url(/webtemplate/fonts/Raleway-ExtraBold.woff2) format("woff2"),
        url(/webtemplate/fonts/Raleway-ExtraBold.woff) format("woff"),
        url(/webtemplate/fonts/Raleway-ExtraBold.ttf) format("truetype");
}
@font-face {
    font-display: swap;
    font-family: Raleway-Bold;
    font-weight: 600;
    src:
        url(/webtemplate/fonts/Raleway-Bold.woff2) format("woff2"),
        url(/webtemplate/fonts/Raleway-Bold.woff) format("woff"),
        url(/webtemplate/fonts/Raleway-Bold.ttf) format("truetype");
}
@font-face {
    font-display: swap;
    font-family: Raleway-Regular;
    font-weight: 400;
    src:
        url(/webtemplate/fonts/Raleway-Regular.woff2) format("woff2"),
        url(/webtemplate/fonts/Raleway.woff) format("woff"),
        url(/webtemplate/fonts/Raleway.ttf) format("truetype");
}
@font-face {
    font-display: swap;
    font-family: Derailed-ExtraBold;
    font-weight: 800;
    src:
        url(/webtemplate/fonts/derailed-extrabold-webfont.woff2) format("woff2"),
        url(/webtemplate/fonts/derailed-extrabold-webfont.woff) format("woff"),
        url(/webtemplate/fonts/derailed-extrabold-webfont.ttf) format("truetype");
}
@font-face {
    font-display: swap;
    font-family: Derailed-SemiBold;
    font-weight: 800;
    src:
        url(/webtemplate/fonts/derailed-semibold-webfont.woff2) format("woff2"),
        url(/webtemplate/fonts/derailed-semibold-webfont.woff) format("woff"),
        url(/webtemplate/fonts/derailed-semibold-webfont.ttf) format("truetype");
}
@font-face {
    font-display: swap;
    font-family: Derailed-Bold;
    font-weight: 600;
    src:
        url(/webtemplate/fonts/derailed-bold-webfont.woff2) format("woff2"),
        url(/webtemplate/fonts/derailed-bold-webfont.woff) format("woff"),
        url(/webtemplate/fonts/derailed-bold-webfont.ttf) format("truetype");
}
@font-face {
    font-display: swap;
    font-family: Derailed-Regular;
    font-weight: 400;
    src:
        url(/webtemplate/fonts/derailed-regular-webfont.woff2) format("woff2"),
        url(/webtemplate/fonts/derailed-regular-webfont.woff) format("woff"),
        url(/webtemplate/fonts/derailed-regular-webfont.ttf) format("truetype");
}
@font-face {
    font-display: swap;
    font-family: Bariol;
    font-weight: 400;
    src:
        url(/webtemplate/fonts/bariol_regular.woff2) format("woff2"),
        url(/webtemplate/fonts/bariol_regular.woff) format("woff"),
        url(/webtemplate/fonts/bariol_regular.ttf) format("truetype");
}
@font-face {
    font-display: swap;
    font-family: droid_sansbold;
    font-weight: 600;
    src:
        url(/webtemplate/fonts/DroidSans-Bold-webfont.woff2) format("woff2"),
        url(/webtemplate/fonts/DroidSans-Bold-webfont.woff) format("woff"),
        url(/webtemplate/fonts/DroidSans-Bold-webfont.ttf) format("truetype");
}
@font-face {
    font-display: swap;
    font-family: droid_sansregular;
    font-weight: 400;
    src:
        url(/webtemplate/fonts/DroidSans-webfont.woff2) format("woff2"),
        url(/webtemplate/fonts/DroidSans-webfont.woff) format("woff"),
        url(/webtemplate/fonts/DroidSans-webfont.ttf) format("truetype");
}
*,
:after,
:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    word-wrap: break-word;
    -webkit-backface-visibility: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
:focus {
    outline: none;
}
body,
html {
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
}
html {
    font-size: 100%;
    overflow-y: overlay;
}
body {
    background-color: #fff;
    color: #4c4c4c;
    font-family:
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
}
body::-webkit-scrollbar {
    height: 8px;
    width: 8px;
}
body::-webkit-scrollbar-track {
    background: #626262;
}
body::-webkit-scrollbar-thumb {
    background: hsla(0, 0%, 100%, 0.8);
    border-radius: 4px;
}
body::-webkit-scrollbar-thumb:window-inactive {
    background: hsla(0, 0%, 100%, 0.3);
}
body::-webkit-scrollbar-corner {
    background: transparent;
}
@media screen and (min-width: 48rem) {
    body {
        font-size: 1.125rem;
    }
}
.articleGrid .articles .headline,
.course-page .featured-content .module-title,
.dataWidget .title,
.dualPanel .headline,
.eventHeading,
.eventsHeading,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.promoBanner .headline,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #4a4a4a;
    display: block;
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    -webkit-font-variant-ligatures: none;
    font-variant-ligatures: none;
    font-variant-numeric: normal;
    font-weight: 400;
    line-height: 1.2;
    padding: 0.75rem 0;
    position: relative;
    text-transform: none;
}
@media screen and (min-width: 64rem) {
    .articleGrid .articles .headline,
    .course-page .featured-content .module-title,
    .dataWidget .title,
    .dualPanel .headline,
    .eventHeading,
    .eventsHeading,
    .h1,
    .h2,
    .h3,
    .h4,
    .h5,
    .h6,
    .promoBanner .headline,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        padding: 1.5rem 0;
    }
}
.articleGrid .articles .headline:first-child,
.course-page .featured-content .module-title:first-child,
.dataWidget .title:first-child,
.dualPanel .headline:first-child,
.eventHeading:first-child,
.eventsHeading:first-child,
.h2:first-child,
.h3:first-child,
.h4:first-child,
.h5:first-child,
.h6:first-child,
.promoBanner .headline:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
    margin-top: 0;
    padding-top: 0;
}
.h1,
h1 {
    font-family:
        Derailed-ExtraBold,
        Raleway-ExtraBold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1.875rem;
    font-weight: 400;
}
@media screen and (min-width: 64rem) {
    .h1,
    h1 {
        font-size: 3.375rem;
    }
}
.articleGrid .articles .headline,
.dualPanel .headline,
.h2,
.promoBanner .headline,
h2 {
    font-family:
        Derailed-ExtraBold,
        Raleway-ExtraBold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1.25rem;
    font-weight: 400;
}
@media screen and (min-width: 64rem) {
    .articleGrid .articles .headline,
    .dualPanel .headline,
    .h2,
    .promoBanner .headline,
    h2 {
        font-size: 2.5rem;
    }
}
.h3,
h3 {
    color: #007a74;
    font-family:
        Bariol,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1.25rem;
    font-weight: 400;
}
@media screen and (min-width: 64rem) {
    .h3,
    h3 {
        font-size: 2.5rem;
    }
}
.course-page .featured-content .module-title,
.dataWidget .title,
.eventHeading,
.eventsHeading,
.h4,
h4 {
    color: #00523e;
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1.125rem;
    font-weight: 400;
}
@media screen and (min-width: 64rem) {
    .course-page .featured-content .module-title,
    .dataWidget .title,
    .eventHeading,
    .eventsHeading,
    .h4,
    h4 {
        font-size: 1.5rem;
    }
}
.h5,
.h6,
h5,
h6 {
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1rem;
    font-weight: 400;
}
@media screen and (min-width: 64rem) {
    .h5,
    .h6,
    h5,
    h6 {
        font-size: 1rem;
    }
}
img {
    display: block;
    height: auto;
    width: 100%;
}
ol,
p,
ul {
    font-family:
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 0.875rem;
}
@media screen and (min-width: 48rem) {
    ol,
    p,
    ul {
        font-size: 1rem;
    }
}
ol,
p,
pre,
ul {
    padding: 0.9375rem 0;
}
.course-page .featured-content .module-title + ol,
.course-page .featured-content .module-title + p,
.course-page .featured-content .module-title + pre,
.course-page .featured-content .module-title + ul,
h1 + ol,
h1 + p,
h1 + pre,
h1 + ul,
h2 + ol,
h2 + p,
h2 + pre,
h2 + ul,
h3 + ol,
h3 + p,
h3 + pre,
h3 + ul,
h4 + ol,
h4 + p,
h4 + pre,
h4 + ul,
h5 + ol,
h5 + p,
h5 + pre,
h5 + ul,
h6 + ol,
h6 + p,
h6 + pre,
h6 + ul,
ol + ol,
ol + p,
ol + pre,
ol + ul,
p + ol,
p + p,
p + pre,
p + ul,
pre + ol,
pre + p,
pre + pre,
pre + ul,
ul + ol,
ul + p,
ul + pre,
ul + ul {
    padding-top: 0;
}
ol:last-child,
p:last-child,
pre:last-child,
ul:last-child {
    padding-bottom: 0;
}
ol,
ul {
    margin-left: 3rem;
}
ol ol,
ol ul,
ul ol,
ul ul {
    margin-left: 1.25rem;
    margin-top: 0.34375rem;
    padding-top: 0;
}
li {
    margin-bottom: 0.34375rem;
}
li:last-child {
    margin-bottom: 0;
}
fieldset {
    border: 0;
    margin: 0;
    outline: 0;
    padding: 0;
}
blockquote {
    border-left: 0.5em solid #4a4a4a;
    color: #4a4a4a;
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-weight: 600;
    margin: 0;
    padding: 0.5rem 1rem;
}
blockquote p {
    margin: 0;
    padding: 0;
}
cite {
    color: #4c4c4c;
    display: block;
    font-size: 0.875rem;
}
dl dt {
    font-weight: 600;
}
dl dd + dt {
    margin-top: 0.5rem;
}
table {
    background-color: #fff;
    border-collapse: collapse;
    margin-bottom: 2rem;
    width: 100%;
}
table thead {
    border-bottom: 1px solid #003a65;
}
table thead th {
    background-color: #fff;
    border: none;
    color: #4a4a4a;
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 0.9375rem;
    padding: 0.625rem;
    text-align: left;
}
@media screen and (min-width: 48rem) {
    table thead th {
        font-size: 1.125rem;
    }
}
table td,
table th {
    min-width: 4rem;
    padding: 0.5rem;
}
@media screen and (min-width: 64rem) {
    table td,
    table th {
        min-width: auto;
    }
}
table tbody tr {
    border-bottom: 1px solid #003a65;
}
table tbody tr td {
    border: none;
    font-family:
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 0.875rem;
    padding: 0.625rem;
}
@media screen and (min-width: 48rem) {
    table tbody tr td {
        font-size: 1rem;
    }
}
table caption {
    font-weight: 600;
}
table.data-table caption {
    background-color: #646464;
    color: #fff;
}
a {
    color: #007494;
    text-decoration: none;
}
a:visited {
    color: #330072;
}
a:focus,
a:hover {
    color: #000;
    text-decoration: underline;
}
pre {
    font-family: monospace;
    font-size: 0.875rem;
}
iframe {
    width: 100%;
}
button {
    background: none;
    border: none;
    border-radius: 0;
    cursor: pointer;
    font-family:
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-weight: 600;
    margin: 0;
    padding: 0;
    text-decoration: none;
    white-space: nowrap;
}
main {
    background-color: #fff;
}
.lastSection.gallery.dark,
.lastSection.imageBanner {
    margin-bottom: 0;
}
.fit-vids-style {
    display: none !important;
}
::-moz-selection {
    background: #4a4a4a;
    color: #fff;
}
::selection {
    background: #4a4a4a;
    color: #fff;
}
.colourA ::-moz-selection {
    color: #007a74;
}
.colourA ::selection {
    color: #007a74;
}
.colourB ::-moz-selection {
    color: #00523e;
}
.colourB ::selection {
    color: #00523e;
}
.colourC ::-moz-selection {
    color: #84067f;
}
.colourC ::selection {
    color: #84067f;
}
.eurus h1 {
    font-size: 1.75rem;
}
@media screen and (min-width: 48rem) {
    .eurus h1 {
        font-size: 3.5rem;
    }
}
.eurus h2 {
    font-size: 1.5rem;
}
@media screen and (min-width: 48rem) {
    .eurus h2 {
        font-size: 2.1875rem;
    }
}
.eurus h3 {
    font-family:
        Derailed-ExtraBold,
        Raleway-ExtraBold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1.3125rem;
}
@media screen and (min-width: 48rem) {
    .eurus h3 {
        font-size: 1.6875rem;
    }
}
.course-page .featured-content .eurus .module-title,
.eurus .course-page .featured-content .module-title,
.eurus h4 {
    font-size: 1.125rem;
}
@media screen and (min-width: 48rem) {
    .course-page .featured-content .eurus .module-title,
    .eurus .course-page .featured-content .module-title,
    .eurus h4 {
        font-size: 1.375rem;
    }
}
.eurus h5 {
    font-size: 0.9375rem;
}
@media screen and (min-width: 48rem) {
    .eurus h5 {
        font-size: 1.125rem;
    }
}
.eurus p {
    font-size: 0.875rem;
}
@media screen and (min-width: 48rem) {
    .eurus p {
        font-size: 1rem;
    }
}
.course-page .featured-content .eurus .module-title,
.dataWidget .eurus .title,
.eurus .course-page .featured-content .module-title,
.eurus .dataWidget .title,
.eurus .eventHeading,
.eurus .eventsHeading,
.eurus .h1,
.eurus .h3,
.eurus .h4,
.eurus .h5,
.eurus .h6,
.eurus h1,
.eurus h3,
.eurus h4,
.eurus h5,
.eurus h6 {
    color: #003a65;
}
.articleGrid .articles .eurus .headline,
.dualPanel .eurus .headline,
.eurus .articleGrid .articles .headline,
.eurus .dualPanel .headline,
.eurus .h2,
.eurus .promoBanner .headline,
.eurus h2,
.promoBanner .eurus .headline {
    color: #051435;
}
.row {
    margin: 0 auto;
    max-width: 75rem;
    padding: 0 0.9375rem;
    width: 100%;
}
.row .row {
    padding-left: 0;
    padding-right: 0;
}
section {
    margin: 1.25rem 0;
}
@media screen and (min-width: 64rem) {
    section {
        margin: 2.5rem 0;
    }
}
section.no-margin-tb {
    margin: 0;
}
section.no-margin-top {
    margin-top: 0;
}
section.no-margin-bottom {
    margin-bottom: 0;
}
section > :first-child {
    margin-top: 0;
}
main section:last-of-type {
    margin-bottom: 0;
}
.accessiblyHidden {
    clip: rect(0 0 0 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.hidden {
    display: none !important;
}
.visible {
    visibility: visible !important;
}
.tabHighlight a:focus,
.tabHighlight a:focus + label:before,
.tabHighlight area:focus,
.tabHighlight area:focus + label:before,
.tabHighlight button:focus,
.tabHighlight button:focus + label:before,
.tabHighlight div:focus,
.tabHighlight div:focus + label:before,
.tabHighlight input:focus,
.tabHighlight input:focus + label:before,
.tabHighlight select:focus,
.tabHighlight select:focus + label:before,
.tabHighlight textarea:focus,
.tabHighlight textarea:focus + label:before {
    outline: 4px dashed #007494;
}
@media screen and (min-width: 48rem) {
    .mobile {
        display: none;
    }
}
.tablet {
    display: none;
}
@media screen and (min-width: 48rem) {
    .tablet {
        display: inherit;
    }
}
.desktop {
    display: none;
}
@media screen and (min-width: 64rem) {
    .desktop {
        display: inherit;
    }
}
.noScroll,
body.menu-opened,
body.search-opened {
    overflow: hidden;
    position: fixed;
}
.noScrollX {
    overflow-x: hidden;
    position: fixed;
}
.noScrollY {
    overflow-y: hidden;
    position: fixed;
}
.clearfix:after {
    clear: both;
    content: " ";
    display: block;
}
iframe.override {
    width: auto;
}
#eventSwiper .spinnerBox span,
#eventsFeed .right .eventsWrapper .eventCard .imageWrapper .course-page .featured-content .module-title:after,
#eventsFeed .right .eventsWrapper .eventCard .imageWrapper h4:after,
#eventsFeed .spinnerBox span,
.alert .alertIcon,
.alertButton .alertButtonText:after,
.breadcrumb .row ul li:after,
.breadcrumb .row ul li:before,
.cards .card__details .course-page .featured-content .module-title:after,
.cards .card__details h4:after,
.careersResearchersForm .spinnerBox span,
.careersResearchersForm .toggleBox a,
.contentContainer .spinnerBox span,
.course-page .column-block .courseDropDowns .dropDownHeading .exclamation,
.course-page .column-block .courseDropDowns .dropDownHeading .important,
.course-page .column-block .dropdown .dropDownHeading .exclamation,
.course-page .column-block .dropdown .dropDownHeading .important,
.course-page .column-block ol li a.download:after,
.course-page .column-block ol li a.extlink:after,
.course-page .column-block p a.download:after,
.course-page .column-block p a.extlink:after,
.course-page .column-block ul li a.download:after,
.course-page .column-block ul li a.extlink:after,
.course-page .course-header__alert .startInfoLink a:after,
.course-page .course-header__alert-link:after,
.course-page .course-header__alert-title:before,
.course-page .featured-content #eventsFeed .right .eventsWrapper .eventCard .imageWrapper .module-title:after,
.course-page .featured-content .cards .card__details .module-title:after,
.course-page .featured-content .eurus .keyMessages .module-title:after,
.course-page .featured-content .eurus .newsArticles .module-title:after,
.course-page .header .content .courseDetails .courseYearInfo .alertInfo .alertText:before,
.course-page .header .extraContent .spinnerBox span,
.course-page .readMoreToggle span:after,
.courseSearchContainer .courseSearch .spinnerBox span,
.courseSearchContainer.clearingSearchContainer .toggleFilters a,
.cta:after,
.eurus .keyMessages .course-page .featured-content .module-title:after,
.eurus .keyMessages h4:after,
.eurus .media-carousel-swiper-wrapper .media-carousel-swiper .slick-list .slick-slide .carouselDescription a:after,
.eurus .newsArticles .course-page .featured-content .module-title:after,
.eurus .newsArticles h4:after,
.eventIcon,
.eventLocationIcon,
.fa,
.fab,
.fal,
.far,
.fas,
.gallery.mediaGallery .buttons .btn:after,
.header span,
.pressOffice .spinnerBox span,
.rssFeedComponent #rss-search .spinnerBox span,
.search .searchCenter.homepage-search form .searchBox .fieldWrapper .selectBox .wrap,
.search.homepage-search form .searchBox .fieldWrapper .selectBox .wrap,
.sidebarContainer .sidebar .dropdown__btn:before,
.sidebarContainer .sidebar .sidebar-close a,
.staffPositions .relatedPositions .positionTitle,
.stickyCTA .stickyCTAText:after {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
}
#eventSwiper .spinnerBox span,
#eventsFeed .right .eventsWrapper .eventCard .imageWrapper .course-page .featured-content .module-title:after,
#eventsFeed .right .eventsWrapper .eventCard .imageWrapper h4:after,
#eventsFeed .spinnerBox span,
.alert .alertIcon,
.alertButton .alertButtonText:after,
.breadcrumb .row ul li:after,
.breadcrumb .row ul li:before,
.cards .card__details .course-page .featured-content .module-title:after,
.cards .card__details h4:after,
.careersResearchersForm .spinnerBox span,
.careersResearchersForm .toggleBox a,
.contentContainer .spinnerBox span,
.course-page .column-block .courseDropDowns .dropDownHeading .exclamation,
.course-page .column-block .courseDropDowns .dropDownHeading .important,
.course-page .column-block .dropdown .dropDownHeading .exclamation,
.course-page .column-block .dropdown .dropDownHeading .important,
.course-page .column-block ol li a.download:after,
.course-page .column-block ol li a.extlink:after,
.course-page .column-block p a.download:after,
.course-page .column-block p a.extlink:after,
.course-page .column-block ul li a.download:after,
.course-page .column-block ul li a.extlink:after,
.course-page .course-header__alert .startInfoLink a:after,
.course-page .course-header__alert-link:after,
.course-page .course-header__alert-title:before,
.course-page .featured-content #eventsFeed .right .eventsWrapper .eventCard .imageWrapper .module-title:after,
.course-page .featured-content .cards .card__details .module-title:after,
.course-page .featured-content .eurus .keyMessages .module-title:after,
.course-page .featured-content .eurus .newsArticles .module-title:after,
.course-page .header .content .courseDetails .courseYearInfo .alertInfo .alertText:before,
.course-page .header .extraContent .spinnerBox span,
.course-page .readMoreToggle span:after,
.courseSearchContainer .courseSearch .spinnerBox span,
.courseSearchContainer.clearingSearchContainer .toggleFilters a,
.cta:after,
.eurus .keyMessages .course-page .featured-content .module-title:after,
.eurus .keyMessages h4:after,
.eurus .media-carousel-swiper-wrapper .media-carousel-swiper .slick-list .slick-slide .carouselDescription a:after,
.eurus .newsArticles .course-page .featured-content .module-title:after,
.eurus .newsArticles h4:after,
.eventIcon,
.eventLocationIcon,
.gallery.mediaGallery .buttons .btn:after,
.header span,
.pressOffice .spinnerBox span,
.rssFeedComponent #rss-search .spinnerBox span,
.search .searchCenter.homepage-search form .searchBox .fieldWrapper .selectBox .wrap,
.search.homepage-search form .searchBox .fieldWrapper .selectBox .wrap,
.sidebarContainer .sidebar .dropdown__btn:before,
.sidebarContainer .sidebar .sidebar-close a,
.staffPositions .relatedPositions .positionTitle,
.stickyCTA .stickyCTAText:after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    vertical-align: -0.125em;
}
@font-face {
    font-display: swap;
    font-family: Font Awesome\5 Free;
    font-style: normal;
    font-weight: 900;
    src: url(/webtemplate/fonts/fa/fa-solid-900.eot);
    src:
        url(/webtemplate/fonts/fa/fa-solid-900.eot?#iefix) format("embedded-opentype"),
        url(/webtemplate/fonts/fa/fa-solid-900.woff2) format("woff2"),
        url(/webtemplate/fonts/fa/fa-solid-900.woff) format("woff"),
        url(/webtemplate/fonts/fa/fa-solid-900.ttf) format("truetype"),
        url(/webtemplate/fonts/fa/fa-solid-900.svg#fontawesome) format("svg");
}
#eventSwiper .spinnerBox span,
#eventsFeed .right .eventsWrapper .eventCard .imageWrapper .course-page .featured-content .module-title:after,
#eventsFeed .right .eventsWrapper .eventCard .imageWrapper h4:after,
#eventsFeed .spinnerBox span,
.alert .alertIcon,
.alertButton .alertButtonText:after,
.breadcrumb .row ul li:after,
.breadcrumb .row ul li:before,
.cards .card__details .course-page .featured-content .module-title:after,
.cards .card__details h4:after,
.careersResearchersForm .spinnerBox span,
.careersResearchersForm .toggleBox a,
.contentContainer .spinnerBox span,
.course-page .column-block .courseDropDowns .dropDownHeading .exclamation,
.course-page .column-block .courseDropDowns .dropDownHeading .important,
.course-page .column-block .dropdown .dropDownHeading .exclamation,
.course-page .column-block .dropdown .dropDownHeading .important,
.course-page .column-block ol li a.download:after,
.course-page .column-block ol li a.extlink:after,
.course-page .column-block p a.download:after,
.course-page .column-block p a.extlink:after,
.course-page .column-block ul li a.download:after,
.course-page .column-block ul li a.extlink:after,
.course-page .course-header__alert .startInfoLink a:after,
.course-page .course-header__alert-link:after,
.course-page .course-header__alert-title:before,
.course-page .featured-content #eventsFeed .right .eventsWrapper .eventCard .imageWrapper .module-title:after,
.course-page .featured-content .cards .card__details .module-title:after,
.course-page .featured-content .eurus .keyMessages .module-title:after,
.course-page .featured-content .eurus .newsArticles .module-title:after,
.course-page .header .content .courseDetails .courseYearInfo .alertInfo .alertText:before,
.course-page .header .extraContent .spinnerBox span,
.course-page .readMoreToggle span:after,
.courseSearchContainer .courseSearch .spinnerBox span,
.courseSearchContainer.clearingSearchContainer .toggleFilters a,
.cta:after,
.eurus .keyMessages .course-page .featured-content .module-title:after,
.eurus .keyMessages h4:after,
.eurus .media-carousel-swiper-wrapper .media-carousel-swiper .slick-list .slick-slide .carouselDescription a:after,
.eurus .newsArticles .course-page .featured-content .module-title:after,
.eurus .newsArticles h4:after,
.eventIcon,
.eventLocationIcon,
.fa,
.fas,
.gallery.mediaGallery .buttons .btn:after,
.header span,
.pressOffice .spinnerBox span,
.rssFeedComponent #rss-search .spinnerBox span,
.search .searchCenter.homepage-search form .searchBox .fieldWrapper .selectBox .wrap,
.search.homepage-search form .searchBox .fieldWrapper .selectBox .wrap,
.sidebarContainer .sidebar .dropdown__btn:before,
.sidebarContainer .sidebar .sidebar-close a,
.staffPositions .relatedPositions .positionTitle,
.stickyCTA .stickyCTAText:after {
    font-family: Font Awesome\5 Free;
    font-weight: 900;
}
.slick-slider {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.slick-list,
.slick-slider {
    display: block;
    position: relative;
}
.slick-list {
    margin: 0;
    overflow: hidden;
    padding: 0;
}
.slick-list:focus {
    outline: none;
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.slick-track {
    display: block;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 0;
}
.slick-track:after,
.slick-track:before {
    content: "";
    display: table;
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}
.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir="rtl"] .slick-slide {
    float: right;
}
.slick-slide img {
    display: block;
}
.slick-slide.slick-loading img {
    display: none;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    border: 1px solid transparent;
    display: block;
    height: auto;
}
.slick-arrow.slick-hidden {
    display: none;
}
.splide {
    position: relative;
    visibility: hidden;
}
.splide.is-initialized,
.splide.is-rendered {
    visibility: visible;
}
.splide.is-focus-in .splide__arrow:focus,
.splide.is-focus-in .splide__pagination__page:focus,
.splide.is-focus-in .splide__toggle:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px;
}
@supports (outline-offset: -3px) {
    .splide.is-focus-in .splide__slide:focus {
        outline: 3px solid #0bf;
        outline-offset: -3px;
    }
}
@media screen and (-ms-high-contrast: none) {
    .splide.is-focus-in .splide__slide:focus {
        border: 3px solid #0bf;
    }
    .splide.is-focus-in .splide__track > .splide__list > .splide__slide:focus {
        border-color: #0bf;
    }
}
.splide.is-initialized:not(.is-active) .splide__list {
    display: block;
}
.splide.is-overflow .splide__pagination {
    display: -ms-flexbox;
    display: flex;
}
.splide--rtl {
    direction: rtl;
}
.splide__container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}
.splide__list {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    margin: 0 !important;
    padding: 0 !important;
}
.splide__pagination {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    align-items: center;
    bottom: 0.5em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    left: 0;
    margin: 0;
    padding: 0 1em;
    pointer-events: none;
    position: absolute;
    right: 0;
    z-index: 1;
}
.splide__pagination li {
    display: inline-block;
    line-height: 1;
    list-style-type: none;
    margin: 0;
    pointer-events: auto;
}
.splide__pagination__page {
    background: #ccc;
    border: 0;
    border-radius: 50%;
    display: inline-block;
    height: 8px;
    margin: 3px;
    opacity: 0.7;
    padding: 0;
    position: relative;
    -webkit-transition: -webkit-transform 0.2s linear;
    transition: -webkit-transform 0.2s linear;
    transition: transform 0.2s linear;
    transition:
        transform 0.2s linear,
        -webkit-transform 0.2s linear;
    width: 8px;
}
.splide__pagination__page.is-active {
    background: #fff;
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
    z-index: 1;
}
.splide__pagination__page:hover {
    cursor: pointer;
    opacity: 0.9;
}
.splide__pagination__page:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px;
}
.splide__pagination--ttb {
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    left: auto;
    padding: 1em 0;
    right: 0.5em;
    top: 0;
}
.splide__progress__bar {
    background: #ccc;
    height: 3px;
    width: 0;
}
.splide__slide {
    -ms-flex-negative: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    flex-shrink: 0;
    list-style-type: none !important;
    margin: 0;
    position: relative;
}
.splide__slide img {
    vertical-align: bottom;
}
.splide__slide:focus {
    outline: 0;
}
@supports (outline-offset: -3px) {
    .splide__slide:focus-visible {
        outline: 3px solid #0bf;
        outline-offset: -3px;
    }
}
@media screen and (-ms-high-contrast: none) {
    .splide__slide:focus-visible {
        border: 3px solid #0bf;
    }
}
.splide__spinner {
    -webkit-animation: splide-loading 1s linear infinite;
    animation: splide-loading 1s linear infinite;
    border: 2px solid #999;
    border-left-color: transparent;
    border-radius: 50%;
    bottom: 0;
    contain: strict;
    display: inline-block;
    height: 20px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
}
.splide__sr {
    clip: rect(0 0 0 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.splide__toggle {
    cursor: pointer;
}
.splide__toggle:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px;
}
.splide__toggle.is-active .splide__toggle__play {
    display: none;
}
.splide__toggle.is-active .splide__toggle__pause {
    display: inline;
}
.splide__toggle__pause {
    display: none;
}
.splide__track {
    overflow: hidden;
    position: relative;
    z-index: 0;
}
.splide__track--draggable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.splide__track--fade > .splide__list > .splide__slide {
    margin: 0 !important;
    opacity: 0;
    z-index: 0;
}
.splide__track--fade > .splide__list > .splide__slide.is-active {
    opacity: 1;
    z-index: 1;
}
.splide__track--ttb > .splide__list {
    display: block;
}
.splide__track--nav > .splide__list > .splide__slide {
    border: 3px solid transparent;
    cursor: pointer;
}
.splide__track--nav > .splide__list > .splide__slide.is-active {
    border: 3px solid #000;
}
.splide__arrow {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    align-items: center;
    background: #ccc;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    height: 2em;
    justify-content: center;
    opacity: 0.7;
    padding: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 2em;
    z-index: 1;
}
.splide__arrow:hover:not(:disabled) {
    opacity: 0.9;
}
.splide__arrow:disabled {
    opacity: 0.3;
}
.splide__arrow:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px;
}
.splide__arrow svg {
    fill: #000;
    height: 1.2em;
    width: 1.2em;
}
.splide__arrow--prev {
    left: 1em;
}
.splide__arrow--prev svg {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
.splide__arrow--next {
    right: 1em;
}
.splide__arrows--rtl .splide__arrow--prev {
    left: auto;
    right: 1em;
}
.splide__arrows--rtl .splide__arrow--prev svg {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
.splide__arrows--rtl .splide__arrow--next {
    left: 1em;
    right: auto;
}
.splide__arrows--rtl .splide__arrow--next svg {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
.splide__arrows--ttb .splide__arrow {
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
}
.splide__arrows--ttb .splide__arrow--prev {
    top: 1em;
}
.splide__arrows--ttb .splide__arrow--prev svg {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.splide__arrows--ttb .splide__arrow--next {
    bottom: 1em;
    top: auto;
}
.splide__arrows--ttb .splide__arrow--next svg {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
@-webkit-keyframes splide-loading {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}
@keyframes splide-loading {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}
.splide__slide--has-video {
    cursor: pointer;
}
.splide__slide--has-video:hover .splide__video__play {
    opacity: 1;
}
.splide__slide__container--has-video {
    cursor: pointer;
    position: relative;
}
.splide__slide__container--has-video:hover .splide__video__play {
    opacity: 1;
}
.splide__video {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.splide__video__wrapper {
    background: #000;
    height: inherit;
    width: inherit;
}
.splide__video__wrapper div,
.splide__video__wrapper iframe,
.splide__video__wrapper video {
    height: 100%;
    width: 100%;
}
.splide__video__play {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    align-items: center;
    background: #ccc;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    justify-content: center;
    left: 50%;
    opacity: 0.7;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: opacity 0.1s linear;
    transition: opacity 0.1s linear;
    width: 40px;
}
.splide__video__play:after {
    border-color: transparent transparent transparent #000;
    border-style: solid;
    border-width: 9px 0 9px 17px;
    content: "";
    display: inline-block;
    margin-left: 4px;
}
.skipToContentWrap {
    font-size: 0.625rem;
    width: 100%;
}
.skipToContent {
    clip: rect(0 0 0 0);
    background: #fff;
    border: 2px solid #4a4a4a;
    display: block;
    font-size: 1.125rem;
    height: 0.0625rem;
    margin: -0.0625rem;
    overflow: hidden;
    position: absolute;
    width: 0.0625rem;
}
.skipToContent:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    padding: 1rem;
    position: static;
    width: auto;
}
.pagination {
    -ms-flex-pack: end;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 0.625rem;
    justify-content: flex-end;
    padding: 0.625rem 0;
}
.pagination:empty {
    display: none;
}
.paginationButton {
    -webkit-appearance: none;
    background: none;
    border: 1px solid #d1d1d1;
    border-radius: 0;
    color: #007494;
    cursor: pointer;
    -ms-flex: 0 1;
    flex: 0 1;
    font-family:
        Bariol,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1;
    margin: 0;
    min-height: 2.5rem;
    min-width: 2.5rem;
    padding: 0;
    text-align: center;
    -webkit-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
}
.paginationButton:hover {
    background-color: #e4e4e4;
}
.paginationButton.disabled {
    background-color: #f1f1f1;
    color: #bbb;
    cursor: default;
}
.paginationButton + .paginationButton {
    border-left: none;
}
.paginationButtonNext,
.paginationButtonPrev {
    font-family:
        Bariol,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1.5rem;
    padding-bottom: 0.4rem;
}
.paginationWrapper {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    padding: 2.5rem 0.625rem 1.875rem;
    row-gap: 15px;
}
.paginationWrapper .paginationButtons,
.paginationWrapper .paginationButtons .paginationNumberButtons {
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    display: -ms-flexbox;
    display: flex;
}
.paginationWrapper .paginationButtons .navigationButton {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: #8ed8f8;
    border-radius: 5px;
    color: #003a65;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    justify-content: center;
    width: 40px;
}
.paginationWrapper .paginationButtons .navigationButton[disabled] {
    background-color: #cee7f7;
    color: #c0d3e8;
    pointer-events: none;
    visibility: hidden;
}
.paginationWrapper .paginationButtons .navigationButton:hover {
    background-color: #051435;
    color: #fff;
}
.paginationWrapper .paginationButtons .pageButton {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    align-items: center;
    border: 1px solid #92acca;
    border-radius: 5px;
    color: #0073bc;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    font-weight: 400;
    height: 40px;
    justify-content: center;
    line-height: 23.1px;
    width: 40px;
}
.paginationWrapper .paginationButtons .pageButton[disabled] {
    border: none;
    color: #4a4a4a;
    pointer-events: none;
}
.paginationWrapper .paginationButtons .pageButton:hover {
    border-color: #0073bc;
    text-decoration: underline;
}
.paginationWrapper .pageCountWrapper p {
    padding: 0;
}
.articleGeneralList.rssNewsFeed .promoPanelsContainer .promo.paginationItem,
.labelContainer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}
.labelContainer {
    -ms-flex-align: start;
    align-items: flex-start;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
}
.label {
    background-color: #4a4a4a;
    color: #fff;
    font-family:
        Bariol,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1.125rem;
    font-weight: 400;
    left: 0;
    line-height: 1;
    top: 0;
    z-index: 1;
}
@media screen and (min-width: 64rem) {
    .label {
        font-size: 1.5rem;
    }
}
.label.colourA,
.label.colourB,
.label.colourC {
    background-color: #003a65;
}
.labelText {
    color: #fff;
    display: inline-block;
    padding: 0.5rem;
}
.labelLink {
    pointer-events: auto;
}
.labelLink:focus,
.labelLink:hover,
.labelLink:visited {
    color: #fff;
}
.labelIcon {
    display: block;
    height: auto;
    margin: 0.625rem 1.25rem;
    width: 1.25rem;
}
@media screen and (min-width: 64rem) {
    .labelIcon {
        margin-bottom: 0.9375rem;
        margin-top: 0.9375rem;
        width: 1.5625rem;
    }
}
@media screen and (min-width: 60rem) {
    .eurus .navigation.isFullScreen .primary {
        background-color: rgba(0, 58, 101, 0.8);
    }
    .eurus .navigation.isFullScreen .breadcrumb,
    .eurus .navigation.isFullScreen .secondary {
        display: none !important;
    }
    .eurus .navigation.isFullScreen .menu-wrapper li:hover .courseDropDowns,
    .eurus .navigation.isFullScreen .menu-wrapper li:hover .dropdown {
        top: 100%;
    }
}
.eurus .header {
    padding-bottom: 3.75rem;
    padding-top: 0;
}
.eurus .header:not(.inverse) {
    background-color: #003a65;
}
.eurus .header:not(.inverse) .headerContent h1,
.eurus .header:not(.inverse) .headerContent p {
    color: #fff;
}
.eurus .header:not(.inverse).events {
    background-color: #fff;
}
.eurus .header:not(.inverse).events .headerContent h1 {
    color: #003a65;
    margin-bottom: 10px;
}
.eurus .header:not(.inverse).events .headerContent p {
    color: #003a65;
}
.eurus .header.inverse {
    background-color: #fff;
    border-bottom: 1px solid #051435;
}
.eurus .header.inverse .headerContent h1,
.eurus .header.inverse .headerContent p {
    color: #003a65;
}
.eurus .header.inverse .headerContent .ctaContainer .ctaColumn .cta.ghost,
.eurus .header.inverse .headerContent .ctaContainer .ctaColumn .gallery.mediaGallery .buttons .ghost.btn,
.gallery.mediaGallery .buttons .eurus .header.inverse .headerContent .ctaContainer .ctaColumn .ghost.btn {
    border-color: #003a65;
}
.eurus .header.inverse.pressOffice {
    border-bottom: none;
}
.eurus .header.videoPresent {
    background-color: #003a65;
    padding-bottom: 3.75rem;
}
@media screen and (min-width: 48rem) {
    .eurus .header.videoPresent {
        padding-bottom: 6.875rem;
    }
}
@media screen and (min-width: 60rem) {
    .eurus .header.videoPresent {
        padding-bottom: 7.1875rem;
    }
}
.eurus .header.videoPresent.fullScreen {
    padding-top: 75px;
}
@media screen and (max-width: 479px) {
    .eurus .header.videoPresent.fullScreen {
        padding-top: 0;
    }
}
@media screen and (min-width: 30rem) {
    .eurus .header.videoPresent.fullScreen {
        padding-top: 75px;
    }
}
@media screen and (min-width: 30rem) and (max-width: tablet__portrait) {
    .eurus .header.videoPresent.fullScreen .branding-line {
        top: 75px;
    }
}
@media screen and (min-width: 60rem) {
    .eurus .header.videoPresent.fullScreen {
        padding-top: 98px;
    }
}
.eurus .header.videoPresent .headerContent .headerPadding {
    display: block;
    padding-top: 5.625rem;
}
@media screen and (min-width: 30rem) {
    .eurus .header.videoPresent .headerContent .headerPadding {
        padding-top: 12.25rem;
    }
}
@media screen and (min-width: 48rem) {
    .eurus .header.videoPresent .headerContent .headerPadding {
        padding-top: 7.1875rem;
    }
}
@media screen and (min-width: 60rem) {
    .eurus .header.videoPresent .headerContent .headerPadding {
        padding-top: 10rem;
    }
}
@media screen and (min-width: 64rem) {
    .eurus .header.fullScreen {
        height: 100vh;
        padding-top: 6.125rem;
    }
}
@media screen and (min-width: 85.375rem) {
    .eurus .header.fullScreen h1 {
        font-size: 97px !important;
    }
    .eurus .header.fullScreen p {
        font-size: 40px !important;
    }
}
.eurus .header .overlay {
    background-color: rgba(0, 58, 101, 0.8);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
@media screen and (min-width: 60rem) {
    .eurus .header.backgroundGradient .intro {
        width: 55%;
    }
}
.eurus .header.backgroundGradient .overlay {
    background-color: rgba(0, 58, 101, 0.8);
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1;
}
@media screen and (min-width: 60rem) {
    .eurus .header.backgroundGradient .overlay {
        background: #003a65;
        background: -webkit-gradient(
            linear,
            left top,
            right top,
            from(#003a65),
            color-stop(65%, #003a65),
            color-stop(75%, rgba(0, 58, 101, 0.6)),
            to(rgba(0, 58, 101, 0))
        );
        background: linear-gradient(90deg, #003a65, #003a65 65%, rgba(0, 58, 101, 0.6) 75%, rgba(0, 58, 101, 0));
    }
}
.eurus .header.backgroundGradient .overlayImage {
    background-position: 0;
    background-size: auto;
    min-height: auto;
    min-width: auto;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
}
@media screen and (min-width: 30rem) {
    .eurus .header.backgroundGradient:has(.intro) .overlayImage {
        height: calc(100% - 60px);
        -webkit-transform: translate(-50%, -28%);
        transform: translate(-50%, -28%);
    }
}
@media screen and (min-width: 48rem) {
    .eurus .header.backgroundGradient:has(.intro) .overlayImage {
        height: calc(100% - 50px);
        -webkit-transform: translate(-50%, -32%);
        transform: translate(-50%, -32%);
    }
}
@media screen and (min-width: 60rem) {
    .eurus .header.backgroundGradient:has(.intro) .overlayImage {
        height: calc(100% - 100px);
        -webkit-transform: translateY(-26%);
        transform: translateY(-26%);
        width: 50%;
    }
}
@media screen and (min-width: 30rem) {
    .eurus .header.backgroundGradient:not(:has(.intro)) .overlayImage {
        height: calc(100% - 80px);
        -webkit-transform: translate(-50%, -20%);
        transform: translate(-50%, -20%);
    }
}
@media screen and (min-width: 48rem) {
    .eurus .header.backgroundGradient:not(:has(.intro)) .overlayImage {
        height: calc(100% - 60px);
        -webkit-transform: translate(-50%, -25%);
        transform: translate(-50%, -25%);
    }
}
@media screen and (min-width: 60rem) {
    .eurus .header.backgroundGradient:not(:has(.intro)) .overlayImage {
        height: calc(100% - 140px);
        -webkit-transform: translateY(-15%);
        transform: translateY(-15%);
        width: 50%;
    }
}
.eurus .header.events .headerContent .branding-line {
    background-color: #da1a35;
    left: 0;
    width: 12px;
}
@media screen and (min-width: 48rem) {
    .eurus .header.events .headerContent .branding-line {
        width: 15px;
    }
}
@media screen and (max-width: 40rem) {
    .eurus .header.events .headerContent {
        margin-bottom: 100px;
        overflow: visible;
    }
}
.eurus .header.events h1 {
    font-size: 1.75rem;
    margin-left: 0 !important;
    padding-bottom: 10px;
    padding-left: 20px !important;
}
@media screen and (min-width: 40rem) {
    .eurus .header.events h1 {
        padding-left: 40px !important;
    }
}
@media screen and (min-width: 60rem) {
    .eurus .header.events h1 {
        font-size: 3.5rem;
    }
}
.eurus .header.events .detailsWrapper {
    -ms-flex-align: center;
    align-items: center;
    color: #003a65;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 1.25rem;
    row-gap: 5px;
}
@media screen and (min-width: 40rem) {
    .eurus .header.events .detailsWrapper {
        padding-left: 40px;
    }
}
.eurus .header.events .detailsWrapper.top {
    padding-bottom: 5px;
}
.eurus .header.events .detailsWrapper .date,
.eurus .header.events .detailsWrapper .location,
.eurus .header.events .detailsWrapper .spacer,
.eurus .header.events .detailsWrapper .time {
    display: -ms-flexbox;
    display: flex;
    font-family:
        Bariol,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1.125rem;
    line-height: normal;
}
@media screen and (min-width: 60rem) {
    .eurus .header.events .detailsWrapper .date,
    .eurus .header.events .detailsWrapper .location,
    .eurus .header.events .detailsWrapper .spacer,
    .eurus .header.events .detailsWrapper .time {
        font-size: 1.5625rem;
    }
}
.eurus .header.events .detailsWrapper .date span,
.eurus .header.events .detailsWrapper .location span,
.eurus .header.events .detailsWrapper .spacer span,
.eurus .header.events .detailsWrapper .time span {
    font-family:
        Bariol,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    line-height: normal;
}
.eurus .header.events .detailsWrapper .date span.title,
.eurus .header.events .detailsWrapper .location span.title,
.eurus .header.events .detailsWrapper .spacer span.title,
.eurus .header.events .detailsWrapper .time span.title {
    font-weight: 700;
    padding-right: 5px;
}
.eurus .header.events .detailsWrapper .date span.value,
.eurus .header.events .detailsWrapper .location span.value,
.eurus .header.events .detailsWrapper .spacer span.value,
.eurus .header.events .detailsWrapper .time span.value {
    font-weight: 400;
}
.eurus .header.events .detailsWrapper .location {
    display: block;
}
.eurus .header.events .detailsWrapper .location .title {
    position: relative;
    top: -3px;
}
.eurus .header.events .detailsWrapper .spacer {
    font-family:
        Bariol,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1.125rem;
    font-weight: 400;
    padding: 0 5px;
}
@media screen and (min-width: 60rem) {
    .eurus .header.events .detailsWrapper .spacer {
        font-size: 1.5625rem;
    }
}
.eurus .header.events .detailsWrapper a.directions {
    border-bottom: 1px solid #003a65;
    color: #003a65;
    font-family:
        Bariol,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1rem;
    font-weight: 700;
}
.eurus .header.events .detailsWrapper a.directions:after {
    content: "\f041";
    font-family: Font Awesome\5 Free;
    padding-left: 3px;
}
@media screen and (min-width: 60rem) {
    .eurus .header.events .detailsWrapper a.directions {
        position: relative;
    }
}
.eurus .header.events .detailsWrapper a.directions:focus,
.eurus .header.events .detailsWrapper a.directions:hover {
    border-bottom-color: #0073bc;
    color: #0073bc;
    cursor: pointer;
    text-decoration: none;
}
.eurus .header.events .optionalTags {
    -ms-grid-columns: (1fr) [1];
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    padding-left: 1.25rem;
    padding-top: 0.9375rem;
}
@media screen and (min-width: 40rem) {
    .eurus .header.events .optionalTags {
        -ms-grid-columns: (1fr) [2];
        grid-template-columns: repeat(2, 1fr);
        margin-bottom: 10px;
        padding-left: 40px;
        padding-top: 0.625rem;
    }
}
@media screen and (min-width: 60rem) {
    .eurus .header.events .optionalTags {
        display: -ms-flexbox;
        display: flex;
    }
}
.eurus .header.events .optionalTags:not(.optionalTags:has(.tag)) {
    display: none;
}
.eurus .header.events .optionalTags .tag {
    -ms-flex-align: center;
    align-items: center;
    color: #003a65;
    -webkit-column-gap: 5px;
    -moz-column-gap: 5px;
    column-gap: 5px;
    display: -ms-flexbox;
    display: flex;
    height: 1.875rem;
}
@media screen and (min-width: 40rem) {
    .eurus .header.events .optionalTags .tag {
        height: 1.875rem;
    }
}
@media screen and (min-width: 60rem) {
    .eurus .header.events .optionalTags .tag {
        -webkit-column-gap: 10px;
        -moz-column-gap: 10px;
        column-gap: 10px;
        height: 2.5rem;
    }
}
.eurus .header.events .optionalTags .tag span {
    font-family:
        Derailed-ExtraBold,
        Raleway-ExtraBold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 0.75rem;
    padding-top: 3px;
}
@media screen and (min-width: 40rem) {
    .eurus .header.events .optionalTags .tag span {
        font-size: 1rem;
        padding-top: 3px;
    }
}
.eurus .header.events .optionalTags .tag svg {
    height: 19px;
    width: 25px;
}
@media screen and (min-width: 60rem) {
    .eurus .header.events .optionalTags .tag svg {
        height: 25px;
    }
}
.eurus .header.events .ctaContainer {
    margin-left: 0 !important;
    padding-left: 0 !important;
}
@media screen and (min-width: 40rem) {
    .eurus .header.events .ctaContainer {
        padding-left: 40px !important;
    }
}
@media screen and (max-width: 40rem) {
    .eurus .header.events .ctaContainer {
        bottom: -130px;
        position: absolute;
        width: 100%;
    }
}
.eurus .header.events .ctaContainer:not(:has(.ctaColumn)) {
    display: none;
}
.eurus .header.events .ctaContainer .cta:not(.ghost):after,
.eurus .header.events .ctaContainer .gallery.mediaGallery .buttons .btn:not(.ghost):after,
.gallery.mediaGallery .buttons .eurus .header.events .ctaContainer .btn:not(.ghost):after {
    content: "\f061";
}
.eurus .header.events .ctaContainer .cta.ghost,
.eurus .header.events .ctaContainer .gallery.mediaGallery .buttons .ghost.btn,
.gallery.mediaGallery .buttons .eurus .header.events .ctaContainer .ghost.btn {
    border: 1px solid #003a65;
}
.eurus .header.events .ctaContainer .cta.ghost.calendar:after,
.eurus .header.events .ctaContainer .gallery.mediaGallery .buttons .ghost.calendar.btn:after,
.gallery.mediaGallery .buttons .eurus .header.events .ctaContainer .ghost.calendar.btn:after {
    content: "\f073";
}
.eurus .header.events .ctaContainer .calendarButton {
    width: 100%;
}
.eurus .header.events .ctaContainer .calendarButton button {
    display: inline-block;
    font-family:
        Bariol,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1.125rem;
    height: 2.6875rem;
    line-height: 2.3;
    margin: 0.46875rem 0;
    overflow: hidden;
    padding: 0 2.1875rem 0 0.9375rem;
    position: relative;
    text-align: left;
    text-decoration: none;
    -webkit-transition:
        background-color 0.2s ease,
        border-color 0.3s ease;
    transition:
        background-color 0.2s ease,
        border-color 0.3s ease;
    width: 100%;
}
@media screen and (min-width: 64rem) {
    .eurus .header.events .ctaContainer .calendarButton button {
        font-size: 1.5rem;
        height: 3.75rem;
        line-height: 2.4;
        margin: 0.9375rem 0;
        padding: 0 3.125rem 0 1.25rem;
    }
}
.eurus .header.events .ctaContainer .calendarButton button:after {
    content: "\f073";
    position: absolute;
    right: 1.5rem;
}
.eurus .header.pressOffice {
    padding-bottom: 2.5rem;
}
.eurus .header.pressOffice .headerContent .headerPadding {
    padding-top: 4rem;
}
@media screen and (min-width: 30rem) {
    .eurus .header.pressOffice .headerContent .headerPadding {
        padding-top: 10rem;
    }
}
@media screen and (min-width: 48rem) {
    .eurus .header.pressOffice .headerContent .headerPadding {
        padding-top: 4rem;
    }
}
@media screen and (min-width: 60rem) {
    .eurus .header.pressOffice .headerContent .headerPadding {
        padding-top: 5.3125rem;
    }
}
.eurus .header.pressOffice .headerContent .branding-line {
    background-color: #da1a35;
    height: calc(100% - 145px);
    left: 0;
    width: 12px;
}
@media screen and (min-width: 48rem) {
    .eurus .header.pressOffice .headerContent .branding-line {
        width: 15px;
    }
}
@media screen and (min-width: 437px) {
    .eurus .header.pressOffice .headerContent .branding-line {
        height: calc(100% - 145px);
    }
}
@media screen and (min-width: 30rem) {
    .eurus .header.pressOffice .headerContent .branding-line {
        height: calc(100% - 90px);
    }
}
@media screen and (max-width: 40rem) {
    .eurus .header.pressOffice .headerContent {
        overflow: visible;
    }
}
.eurus .header.pressOffice .headerContent.legacy .branding-line {
    height: calc(100% - 99px);
}
@media screen and (min-width: 48rem) {
    .eurus .header.pressOffice .headerContent.legacy .branding-line {
        height: calc(100% - 99px);
    }
}
@media screen and (min-width: 60rem) {
    .eurus .header.pressOffice .headerContent.legacy .branding-line {
        height: calc(100% - 99px);
    }
}
@media screen and (max-width: 436px) {
    .eurus .header.pressOffice.hasLinkedinShare.hasXShare .branding-line {
        height: calc(100% - 145px);
    }
}
.eurus .header.pressOffice h1 {
    font-size: 1.75rem;
    line-height: 1.15;
    margin-left: 0 !important;
    padding-bottom: 10px;
    padding-left: 20px !important;
}
@media screen and (min-width: 40rem) {
    .eurus .header.pressOffice h1 {
        padding-left: 40px !important;
    }
}
@media screen and (min-width: 60rem) {
    .eurus .header.pressOffice h1 {
        font-size: 3.5rem;
    }
}
.eurus .header.pressOffice .intro {
    margin-left: 0 !important;
    padding-left: 20px !important;
}
@media screen and (min-width: 40rem) {
    .eurus .header.pressOffice .intro {
        padding-left: 40px !important;
    }
}
.eurus .header.pressOffice .publishedDate {
    color: #003a65;
    font-family:
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 0.75rem;
    line-height: 24px;
    margin-left: 0 !important;
    padding-bottom: 20px !important;
    padding-left: 20px !important;
}
@media screen and (min-width: 40rem) {
    .eurus .header.pressOffice .publishedDate {
        font-size: 0.875rem;
        padding-left: 40px !important;
    }
}
.eurus .header.pressOffice .headerEndWrapper {
    -ms-flex-pack: justify;
    -ms-flex-align: start;
    align-items: start;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    justify-content: space-between;
    margin-left: 0 !important;
    margin-top: 40px;
    padding-left: 0 !important;
}
@media screen and (min-width: 48rem) {
    .eurus .header.pressOffice .headerEndWrapper {
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}
.eurus .header.pressOffice .headerEndWrapper .shareButtons {
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 10px;
}
.eurus .header.pressOffice .headerEndWrapper .shareButtons a {
    -ms-flex-align: center;
    -ms-flex-pack: justify;
    align-items: center;
    border: 1px solid #003a65;
    border-radius: 5px;
    color: #003a65;
    display: -ms-flexbox;
    display: flex;
    font-family:
        Bariol,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1.125rem;
    gap: 20px;
    justify-content: space-between;
    line-height: 23px;
    padding: 10px 20px;
    width: 100%;
}
.eurus .header.pressOffice .headerEndWrapper .shareButtons a:hover {
    color: #003a65;
    text-decoration: none;
}
@media screen and (min-width: 30rem) {
    .eurus .header.pressOffice .headerEndWrapper .shareButtons a {
        -ms-flex-pack: center;
        justify-content: center;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }
}
@media screen and (min-width: 48rem) {
    .eurus .header {
        padding-bottom: 3rem;
        padding-top: 7rem;
    }
}
@media screen and (min-width: 60rem) {
    .eurus .header {
        padding-bottom: 5rem;
        padding-top: 10rem;
    }
}
.eurus .header .overlayImage {
    -o-object-fit: cover;
    object-fit: cover;
}
.eurus .header .headerContent {
    margin: 0;
    overflow: hidden;
}
.eurus .header .headerContent .headerPadding {
    padding-top: 4rem;
}
@media screen and (min-width: 30rem) {
    .eurus .header .headerContent .headerPadding {
        padding-top: 12rem;
    }
}
@media screen and (min-width: 48rem) {
    .eurus .header .headerContent .headerPadding {
        padding-top: 5rem;
    }
}
@media screen and (min-width: 60rem) {
    .eurus .header .headerContent .headerPadding {
        padding-top: 7.5rem;
    }
}
.eurus .header .headerContent.bgPresent h1,
.eurus .header .headerContent.bgPresent p {
    margin-left: 1.25rem;
    padding: 0.75rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
.eurus .header .headerContent.bgPresent p {
    margin-top: 0.625rem;
}
.eurus .header .headerContent.bgPresent .ctaContainer {
    margin-left: 0.625rem;
    padding-left: 0.625rem;
}
@media screen and (min-width: 48rem) {
    .eurus .header .headerContent.bgPresent .ctaContainer {
        padding-left: 0.625rem;
    }
    .eurus .header .headerContent.bgPresent .ctaContainer .ctaColumn {
        max-width: 31%;
    }
    .eurus .header .headerContent.bgPresent .ctaContainer .ctaColumn .cta,
    .eurus .header .headerContent.bgPresent .ctaContainer .ctaColumn .gallery.mediaGallery .buttons .btn,
    .gallery.mediaGallery .buttons .eurus .header .headerContent.bgPresent .ctaContainer .ctaColumn .btn {
        margin-bottom: 0;
    }
}
@media screen and (max-width: 48rem) {
    .eurus .header .headerContent.bgPresent .ctaContainer .ctaColumn .cta:last-of-type,
    .eurus .header .headerContent.bgPresent .ctaContainer .ctaColumn .gallery.mediaGallery .buttons .btn:last-of-type,
    .gallery.mediaGallery .buttons .eurus .header .headerContent.bgPresent .ctaContainer .ctaColumn .btn:last-of-type {
        margin-bottom: 0;
    }
}
.eurus .header .headerContent.blueBg h1,
.eurus .header .headerContent.blueBg p {
    background-color: rgba(0, 115, 188, 0.92);
    color: #fff;
}
.eurus .header .headerContent:not(.bgPresent) h1 {
    margin-left: 1rem;
    padding-left: 0.625rem;
}
.eurus .header .headerContent:not(.bgPresent) p {
    margin-left: 1rem;
    padding-bottom: 0;
    padding-left: 0.625rem;
    padding-top: 0;
}
.eurus .header .headerContent:not(.bgPresent) .ctaContainer {
    margin-left: 0.625rem;
    padding-left: 1rem;
}
@media screen and (min-width: 48rem) {
    .eurus .header .headerContent:not(.bgPresent) .ctaContainer {
        padding-left: 1.0625rem;
    }
    .eurus .header .headerContent:not(.bgPresent) .ctaContainer .ctaColumn {
        max-width: 31%;
    }
    .eurus .header .headerContent:not(.bgPresent) .ctaContainer .ctaColumn .cta,
    .eurus .header .headerContent:not(.bgPresent) .ctaContainer .ctaColumn .gallery.mediaGallery .buttons .btn,
    .gallery.mediaGallery .buttons .eurus .header .headerContent:not(.bgPresent) .ctaContainer .ctaColumn .btn {
        margin-bottom: 0;
    }
}
@media screen and (max-width: 48rem) {
    .eurus .header .headerContent:not(.bgPresent) .ctaContainer .ctaColumn .cta:last-of-type,
    .eurus
        .header
        .headerContent:not(.bgPresent)
        .ctaContainer
        .ctaColumn
        .gallery.mediaGallery
        .buttons
        .btn:last-of-type,
    .gallery.mediaGallery
        .buttons
        .eurus
        .header
        .headerContent:not(.bgPresent)
        .ctaContainer
        .ctaColumn
        .btn:last-of-type {
        margin-bottom: 0;
    }
}
.eurus .header .headerContent h1 {
    font-size: 1.75rem;
    z-index: 1;
}
@media screen and (min-width: 48rem) {
    .eurus .header .headerContent h1 {
        font-size: 3.5rem;
    }
}
.eurus .header .headerContent p {
    font-size: 1.125rem;
    z-index: 1;
}
@media screen and (min-width: 48rem) {
    .eurus .header .headerContent p {
        font-size: 1.5625rem;
    }
}
.eurus .header .headerContent .branding-line {
    background-color: #da1a35;
    height: 100%;
    left: 10px;
    padding: 0;
    position: absolute;
    width: 5px;
    z-index: 2;
}
@media screen and (min-width: 48rem) {
    .eurus .header .headerContent .branding-line {
        left: 2px;
        width: 10px;
    }
}
.eurus .header .headerContent.animateHeader h1,
.eurus .header .headerContent.animateHeader p {
    -webkit-animation: slide-in-left 0.5s ease-in-out 1.5s forwards;
    animation: slide-in-left 0.5s ease-in-out 1.5s forwards;
    -webkit-transform: translateX(-150%);
    transform: translateX(-150%);
}
.eurus .header .headerContent.animateHeader .branding-line {
    -webkit-animation: slide-down-top 1s ease-in-out 0.5s forwards;
    animation: slide-down-top 1s ease-in-out 0.5s forwards;
    height: 0;
}
.eurus .header .headerContent.animateHeader .ctaContainer {
    -webkit-animation: slide-in-left 0.5s ease-in-out 2s forwards;
    animation: slide-in-left 0.5s ease-in-out 2s forwards;
    -webkit-transform: translateX(-150%);
    transform: translateX(-150%);
}
@media screen and (min-width: 48rem) {
    .eurus .header .headerContent.animateHeader .ctaContainer .ctaColumn {
        max-width: 31%;
    }
}
.eurus .headerVideo {
    background-color: transparent;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    max-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.header {
    background: #1c1c1c;
    color: #fff;
    font-size: 0.625rem;
    overflow: hidden;
    padding-bottom: 1rem;
    padding-top: 7.5rem;
    position: relative;
    width: 100%;
}
@media screen and (min-width: 48rem) {
    .header {
        padding-bottom: 1.875rem;
        padding-top: 13.75rem;
    }
}
.header:not(.headerSmall) {
    min-height: 27.5rem;
}
@media screen and (min-width: 64rem) {
    .header:not(.headerSmall) {
        min-height: 48.125rem;
    }
}
.header h1 {
    color: #fff;
    padding: 0;
}
@media screen and (min-width: 64rem) {
    .header h1 {
        font-size: 4.75rem;
    }
}
.header .intro {
    color: #fff;
    font-family:
        Bariol,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1.25rem;
    line-height: 1.2;
    padding: 0.75rem 0;
}
@media screen and (min-width: 64rem) {
    .header .intro {
        font-size: 1.875rem;
    }
}
.header .intro:empty {
    display: none;
}
.header .intro span {
    font-size: 1.125rem;
    margin: 0.625rem;
    vertical-align: 0.125rem;
}
@media screen and (min-width: 64rem) {
    .header .intro span {
        font-size: 1.375rem;
    }
}
.header span.calendar:before {
    content: "\f073";
}
.header span.directions:before {
    content: "\f3c5";
}
.header .ctaContainer {
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative;
    z-index: 1;
}
.header .content {
    position: relative;
    z-index: 4;
}
@media screen and (min-width: 48rem) {
    .header .content {
        display: -ms-flexbox;
        display: flex;
    }
    .header .content > div:only-child {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
}
.header .content .headerRight {
    max-width: 300px;
}
@media screen and (min-width: 48rem) {
    .header .content .headerRight {
        -ms-flex-preferred-size: 33%;
        flex-basis: 33%;
        max-width: none;
        padding-left: 2rem;
    }
}
.header .content .headerRight.colourA .panelButton {
    background-color: #007a74;
}
.header .content .headerRight.colourB .panelButton {
    background-color: #00523e;
}
.header .content .headerRight.colourC .panelButton {
    background-color: #84067f;
}
.header .content .headerRight.colourA .panelButton:hover,
.header .content .headerRight.colourB .panelButton:hover,
.header .content .headerRight.colourC .panelButton:hover {
    background-color: #000;
}
@media screen and (min-width: 48rem) {
    .header .content .headerContent {
        -ms-flex-preferred-size: 66%;
        flex-basis: 66%;
    }
}
@media screen and (min-width: 64rem) {
    .header .content .headerContent .eventContent .intro {
        font-size: 1.625rem;
        line-height: 1.5;
    }
}
.header .content .headerContent .eventContent .eventInfo {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    list-style-type: none;
    margin: 0;
}
@media screen and (min-width: 64rem) {
    .header .content .headerContent .eventContent .eventInfo {
        -ms-flex-direction: row;
        flex-direction: row;
    }
}
.header .content .headerContent .eventContent .eventInfo li {
    display: -ms-flexbox;
    display: flex;
    gap: 0.3125rem;
}
@media screen and (min-width: 64rem) {
    .header .content .headerContent .eventContent .eventInfo li {
        margin-right: 1.875rem;
    }
}
.header .content .headerContent .eventContent #eventDirections {
    color: #fff;
    font-weight: 700;
    text-decoration: underline;
}
.header .content .headerContent .eventContent #eventDirections:visited {
    color: #330072;
}
.header .content .headerContent .eventContent #eventDirections:focus,
.header .content .headerContent .eventContent #eventDirections:hover {
    color: #fff;
    text-decoration: underline;
}
@media screen and (min-width: 64rem) {
    .header .content .headerContent .eventContent #eventDirections {
        font-size: 1.25rem;
    }
}
.header .timer {
    background-color: rgba(0, 0, 0, 0.8);
    padding: 1rem;
}
.header .deadline {
    text-align: center;
}
.header .deadline + .panelButton {
    margin-top: 1rem;
}
.header .subtitle {
    font-family:
        Derailed-Regular,
        Raleway-Regular,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1rem;
}
@media screen and (min-width: 60rem) {
    .header .subtitle {
        font-size: 1.25rem;
    }
}
.header .date {
    display: block;
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1rem;
}
@media screen and (min-width: 60rem) {
    .header .date {
        font-size: 1.5rem;
    }
}
.header .panelButton {
    background-color: #4a4a4a;
    border: 1px solid #fff;
    color: #fff;
    display: block;
    font-family:
        Bariol,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1rem;
    font-weight: 700;
    padding: 0.5rem 2rem;
    text-align: center;
    text-decoration: none;
    -webkit-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
}
.header .panelButton:hover {
    background-color: #000;
}
@media screen and (min-width: 64rem) {
    .header .panelButton {
        font-size: 1.5rem;
    }
}
.headerTop {
    background-color: #282828;
    overflow: hidden;
    width: 100%;
    z-index: 20;
}
@media screen and (min-width: 64rem) {
    .headerTop {
        -ms-flex-pack: justify;
        background-color: transparent;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between;
        padding: 2.1875rem 3.125rem 0;
        position: absolute;
    }
}
.headerContent,
.headerRight {
    margin: 2.5rem auto;
    position: relative;
    z-index: 1;
}
@media screen and (min-width: 64rem) {
    .headerCol.headerColLeft {
        display: inline-block;
        float: left;
    }
    .headerCol.headerColRight {
        float: right;
    }
}
.headerCol.headerColRight .topbar {
    min-height: 6.25rem;
}
@media screen and (min-width: 64rem) {
    .headerCol.headerColRight .topbar {
        min-height: 0;
    }
}
.logo-image {
    background: transparent url(/webtemplate/img/logos/ncuvision__ncu_logo.svg) 0 0 no-repeat;
    background-size: 100%;
    color: transparent;
    display: inline-block;
    display: block;
    height: 2.5rem;
    min-width: 8.3125rem;
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap;
    width: 8.3125rem;
    z-index: 11;
}
@media screen and (min-width: 60rem) {
    .logo-image {
        background-image: url(/webtemplate/img/logos/ncuvision__ncu_logo.svg);
        height: 3.4375rem;
        width: 11.4375rem;
    }
}
body.unit .logo-image {
    background: transparent url(/webtemplate/img/logos/ncuvision__ncu_crest.svg) 0 0 no-repeat;
    height: 2.9375rem;
    min-width: 2.5rem;
    width: 2.5rem;
}
@media screen and (min-width: 60rem) {
    body.unit .logo-image {
        background-image: url(/webtemplate/img/logos/ncuvision__ncu_logo.svg);
        height: 3.4375rem;
        width: 11.4375rem;
    }
}
.logo-image img {
    display: block;
    height: auto;
    width: 100%;
}
.headerVideo {
    background-color: transparent;
    bottom: 0;
    content: "";
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    right: 0;
    top: 0;
}
.headerSearchIcon {
    display: block;
    padding: 0 0.5rem 0.5rem;
    text-align: right;
}
@media screen and (min-width: 64rem) {
    .headerSearchIcon {
        display: none;
    }
}
.headerSearchIcon .search-icon {
    background: #fff url(/webtemplate/img/icons/ncuvision__icon-search_dark.png) right 8px center no-repeat;
    border-radius: 50px;
    cursor: pointer;
    display: inline-block;
    height: 2.1875rem;
    width: 4.6875rem;
}
.headerSearchIcon.close {
    background-image: url(/webtemplate/img/icons/ncuvision__icon_close.png);
}
.headerSearch {
    margin: 2.5rem;
}
.headerSearchBox {
    background: #000d17 url(/webtemplate/img/icons/ncuvision__icon_close.png) top 32px right 32px no-repeat;
    bottom: 0;
    content: "";
    display: none;
    left: 0;
    padding: 5rem 2rem;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 20;
}
@media screen and (min-width: 64rem) {
    .headerSearchBox {
        background: none;
        display: inline-block;
        padding: 0;
        position: relative;
        z-index: 20;
    }
}
.headerSearchBox.fadeIn {
    display: block;
    opacity: 0;
}
.headerSearchBoxFull {
    float: none;
    margin-right: 0;
    width: 100%;
}
.searchBoxHeader {
    min-width: 4.6875rem;
    width: 100%;
}
.searchBoxSmall {
    min-width: auto;
}
.videoControls {
    bottom: 0.625rem;
    left: 0.625rem;
    overflow: hidden;
    position: absolute;
    z-index: 1;
}
@media screen and (min-width: 48rem) {
    .videoControls {
        bottom: 1.25rem;
        left: 1.25rem;
    }
}
.videoButton {
    -webkit-appearance: none;
    background: url(/webtemplate/img/icons/ncuvision__icon-pause.svg) 50% no-repeat;
    background-size: 90% 90%;
    border: none;
    cursor: pointer;
    display: block;
    height: 1.875rem;
    margin: 0;
    opacity: 0.3;
    overflow: hidden;
    padding: 0;
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    -webkit-transition:
        opacity 0.5s ease,
        -webkit-transform 0.2s ease;
    transition:
        opacity 0.5s ease,
        -webkit-transform 0.2s ease;
    transition:
        opacity 0.5s ease,
        transform 0.2s ease;
    transition:
        opacity 0.5s ease,
        transform 0.2s ease,
        -webkit-transform 0.2s ease;
    width: 1.875rem;
}
@media screen and (min-width: 48rem) {
    .videoButton {
        height: 3.125rem;
        width: 3.125rem;
    }
}
.videoButton:hover {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.videoButton.videoButtonPaused {
    background-image: url(/webtemplate/img/icons/ncuvision__icon-play.svg);
}
@-webkit-keyframes customScrollAnimation {
    0% {
        color: #fff;
        opacity: 1;
        -webkit-transform: translate(-50%, -20%);
        transform: translate(-50%, -20%);
    }
    20% {
        color: #fff;
    }
    45% {
        color: #00dbcf;
    }
    to {
        color: #00dbcf;
        opacity: 0;
        -webkit-transform: translate(-50%, 75%);
        transform: translate(-50%, 75%);
    }
}
@keyframes customScrollAnimation {
    0% {
        color: #fff;
        opacity: 1;
        -webkit-transform: translate(-50%, -20%);
        transform: translate(-50%, -20%);
    }
    20% {
        color: #fff;
    }
    45% {
        color: #00dbcf;
    }
    to {
        color: #00dbcf;
        opacity: 0;
        -webkit-transform: translate(-50%, 75%);
        transform: translate(-50%, 75%);
    }
}
.headerScrollTo {
    display: none;
}
@media screen and (min-width: 64rem) {
    .headerScrollTo {
        display: block;
        left: 50%;
        position: absolute;
        top: 80%;
        -webkit-transform: translate(-50%, 75%);
        transform: translate(-50%, 75%);
        z-index: 10;
    }
    .headerScrollTo:visited {
        color: #fff;
    }
    .headerScrollTo span {
        color: #fff;
        font-family:
            Derailed-Regular,
            Raleway-Regular,
            Helvetica Neue,
            Helvetica,
            Arial,
            sans-serif;
        font-size: 1.5rem;
        line-height: normal;
    }
    .headerScrollTo span:after {
        -webkit-animation: customScrollAnimation 1.7s ease-in-out infinite;
        animation: customScrollAnimation 1.7s ease-in-out infinite;
        bottom: -130%;
        content: "\f078";
        font-family: Font Awesome\5 Free;
        font-size: 2.3rem;
        left: 50%;
        position: absolute;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}
.headerProjectInformation h3 {
    font-size: 1.5rem;
    padding: 3.75rem 0 1.875rem;
}
@media screen and (min-width: 64rem) {
    .headerProjectInformation h3 {
        font-size: 2.1875rem;
        padding: 5rem 0 1.875rem;
    }
}
.course-page .featured-content .headerProjectInformation .projectDetails .module-title,
.headerProjectInformation .projectDetails .course-page .featured-content .module-title,
.headerProjectInformation .projectDetails h4 {
    font-size: 1.3125rem;
    padding: 0;
}
@media screen and (min-width: 64rem) {
    .course-page .featured-content .headerProjectInformation .projectDetails .module-title,
    .headerProjectInformation .projectDetails .course-page .featured-content .module-title,
    .headerProjectInformation .projectDetails h4 {
        font-size: 1.6875rem;
    }
}
.headerProjectInformation .projectDetails p {
    color: #4a4a4a;
    font-size: 0.875rem;
    font-weight: 700px;
    padding: 1.25rem 0;
}
@media screen and (min-width: 64rem) {
    .headerProjectInformation .projectDetails p {
        font-size: 1rem;
    }
}
@media screen and (min-width: 48rem) {
    .ctaContainer {
        -ms-flex-pack: end;
        display: -ms-flexbox;
        display: flex;
        justify-content: flex-end;
        width: 100%;
    }
    .ctaContainer.back {
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}
.individualCTA {
    margin: 0;
}
.individualCTA .ctaContainer {
    -ms-flex-pack: start;
    justify-content: flex-start;
}
@media screen and (min-width: 48rem) {
    .ctaColumn {
        -ms-flex-positive: 1;
        -ms-flex: 1 1 33%;
        flex: 1 1 33%;
        flex-grow: 1;
        margin-right: 0.9375rem;
        max-width: 33%;
    }
    .ctaColumn:last-of-type {
        margin-right: 0;
    }
}
.cta,
.gallery.mediaGallery .buttons .btn {
    background-color: #fdc82f;
    border: 1px solid #fdc82f;
    border-radius: 5px;
    color: #003a65;
    cursor: pointer;
    display: inline-block;
    font-family:
        Bariol,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1.125rem;
    height: 2.6875rem;
    line-height: 2.3;
    margin: 0.46875rem 0;
    overflow: hidden;
    padding: 0 2.1875rem 0 0.9375rem;
    position: relative;
    text-align: left;
    text-decoration: none;
    -webkit-transition:
        background-color 0.2s ease,
        border-color 0.3s ease;
    transition:
        background-color 0.2s ease,
        border-color 0.3s ease;
}
@media screen and (min-width: 64rem) {
    .cta,
    .gallery.mediaGallery .buttons .btn {
        font-size: 1.5rem;
        height: 3.75rem;
        line-height: 2.4;
        margin: 0.9375rem 0;
        padding: 0 3.125rem 0 1.25rem;
    }
}
.cta:visited,
.gallery.mediaGallery .buttons .btn:visited {
    color: #003a65;
}
.cta:focus,
.cta:hover,
.gallery.mediaGallery .buttons .btn:focus,
.gallery.mediaGallery .buttons .btn:hover {
    border-color: #051435;
    color: #fff;
    text-decoration: none;
}
.cta:not(.ghost):not(.link):focus,
.gallery.mediaGallery .buttons .btn:not(.ghost):not(.link):focus {
    color: #003a65;
}
.cta:not(.ghost):not(.link):hover:focus,
.gallery.mediaGallery .buttons .btn:not(.ghost):not(.link):hover:focus {
    color: #fff;
}
.cta:hover,
.gallery.mediaGallery .buttons .btn:hover {
    background-color: #051435;
}
.cta:hover:after,
.gallery.mediaGallery .buttons .btn:hover:after {
    right: 1rem;
}
.cta:after,
.gallery.mediaGallery .buttons .btn:after {
    color: inherit;
    content: "\f054";
    font-family: Font Awesome\5 Free;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.5;
    position: absolute;
    right: 1.5rem;
    top: 0.4em;
    -webkit-transition: right 0.3s ease-in-out;
    transition: right 0.3s ease-in-out;
}
@media screen and (min-width: 64rem) {
    .cta:after,
    .gallery.mediaGallery .buttons .btn:after {
        font-size: 1.5rem;
        line-height: 1.7;
    }
}
.cta.extlink:after,
.gallery.mediaGallery .buttons .extlink.btn:after {
    content: "\f35d";
    -webkit-transition: -webkit-transform 0.4s ease-in-out;
    transition: -webkit-transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out;
    transition:
        transform 0.4s ease-in-out,
        -webkit-transform 0.4s ease-in-out;
}
.cta.extlink:hover:after,
.gallery.mediaGallery .buttons .extlink.btn:hover:after {
    right: 1.5rem;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.cta.back:after,
.gallery.mediaGallery .buttons .back.btn:after {
    content: "\f104";
    -webkit-transition: -webkit-transform 0.4s ease-in-out;
    transition: -webkit-transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out;
    transition:
        transform 0.4s ease-in-out,
        -webkit-transform 0.4s ease-in-out;
}
.cta.back:hover:after,
.gallery.mediaGallery .buttons .back.btn:hover:after {
    right: 1.5rem;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.cta.download:after,
.gallery.mediaGallery .buttons .download.btn:after {
    content: "\f019";
    -webkit-transition: -webkit-transform 0.4s ease-in-out;
    transition: -webkit-transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out;
    transition:
        transform 0.4s ease-in-out,
        -webkit-transform 0.4s ease-in-out;
}
.cta.download:hover:after,
.gallery.mediaGallery .buttons .download.btn:hover:after {
    right: 1.5rem;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.cta.eraser:after,
.gallery.mediaGallery .buttons .eraser.btn:after {
    content: "\f12d";
    -webkit-transition: -webkit-transform 0.4s ease-in-out;
    transition: -webkit-transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out;
    transition:
        transform 0.4s ease-in-out,
        -webkit-transform 0.4s ease-in-out;
}
.cta.eraser:hover:after,
.gallery.mediaGallery .buttons .eraser.btn:hover:after {
    right: 1.5rem;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.cta.chat:after,
.gallery.mediaGallery .buttons .chat.btn:after {
    content: "\f075";
    -webkit-transition: -webkit-transform 0.4s ease-in-out;
    transition: -webkit-transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out;
    transition:
        transform 0.4s ease-in-out,
        -webkit-transform 0.4s ease-in-out;
}
.cta.chat:hover:after,
.gallery.mediaGallery .buttons .chat.btn:hover:after {
    right: 1.5rem;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.cta.email:after,
.gallery.mediaGallery .buttons .email.btn:after {
    content: "\f0e0";
    -webkit-transition: -webkit-transform 0.4s ease-in-out;
    transition: -webkit-transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out;
    transition:
        transform 0.4s ease-in-out,
        -webkit-transform 0.4s ease-in-out;
}
.cta.email:hover:after,
.gallery.mediaGallery .buttons .email.btn:hover:after {
    right: 1.5rem;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.cta.attach:after,
.gallery.mediaGallery .buttons .attach.btn:after {
    content: "\f0c6";
    -webkit-transition: -webkit-transform 0.4s ease-in-out;
    transition: -webkit-transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out;
    transition:
        transform 0.4s ease-in-out,
        -webkit-transform 0.4s ease-in-out;
}
.cta.attach:hover:after,
.gallery.mediaGallery .buttons .attach.btn:hover:after {
    right: 1.5rem;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.cta.calendar:after,
.gallery.mediaGallery .buttons .calendar.btn:after {
    content: "\f073";
    -webkit-transition: -webkit-transform 0.4s ease-in-out;
    transition: -webkit-transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out;
    transition:
        transform 0.4s ease-in-out,
        -webkit-transform 0.4s ease-in-out;
}
.cta.calendar:hover:after,
.gallery.mediaGallery .buttons .calendar.btn:hover:after {
    right: 1.5rem;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.cta.phone:after,
.gallery.mediaGallery .buttons .phone.btn:after {
    content: "\f095";
    -webkit-transition: -webkit-transform 0.4s ease-in-out;
    transition: -webkit-transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out;
    transition:
        transform 0.4s ease-in-out,
        -webkit-transform 0.4s ease-in-out;
}
.cta.phone:hover:after,
.gallery.mediaGallery .buttons .phone.btn:hover:after {
    right: 1.5rem;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.cta.signup:after,
.gallery.mediaGallery .buttons .signup.btn:after {
    content: "\f303";
    -webkit-transition: -webkit-transform 0.4s ease-in-out;
    transition: -webkit-transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out;
    transition:
        transform 0.4s ease-in-out,
        -webkit-transform 0.4s ease-in-out;
}
.cta.signup:hover:after,
.gallery.mediaGallery .buttons .signup.btn:hover:after {
    right: 1.5rem;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.cta.map:after,
.gallery.mediaGallery .buttons .map.btn:after {
    content: "\f5a0";
    -webkit-transition: -webkit-transform 0.4s ease-in-out;
    transition: -webkit-transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out;
    transition:
        transform 0.4s ease-in-out,
        -webkit-transform 0.4s ease-in-out;
}
.cta.map:hover:after,
.gallery.mediaGallery .buttons .map.btn:hover:after {
    right: 1.5rem;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.cta.full,
.gallery.mediaGallery .buttons .full.btn {
    width: 100%;
}
.cta.noIcon,
.gallery.mediaGallery .buttons .noIcon.btn {
    padding: 0 0.9375rem;
}
@media screen and (min-width: 64rem) {
    .cta.noIcon,
    .gallery.mediaGallery .buttons .noIcon.btn {
        line-height: 2.4;
        padding: 0 1.25rem;
    }
}
.cta.noIcon:after,
.gallery.mediaGallery .buttons .noIcon.btn:after {
    display: none;
}
.cta:not(.ghost).link,
.gallery.mediaGallery .buttons .btn:not(.ghost).link {
    background-color: #fff;
    border: 1px solid #003a65;
}
.cta:not(.ghost).link:focus,
.cta:not(.ghost).link:hover,
.gallery.mediaGallery .buttons .btn:not(.ghost).link:focus,
.gallery.mediaGallery .buttons .btn:not(.ghost).link:hover {
    background-color: #003a65;
}
.cta.ghost,
.gallery.mediaGallery .buttons .ghost.btn {
    background-color: #fff;
    border-color: #fff;
    color: #003a65;
}
.cta.ghost:focus,
.cta.ghost:hover,
.gallery.mediaGallery .buttons .ghost.btn:focus,
.gallery.mediaGallery .buttons .ghost.btn:hover {
    background-color: #051435;
    border-color: #051435;
    color: #fff;
}
.cta.course-scroll,
.cta.smooth-scroll,
.gallery.mediaGallery .buttons .course-scroll.btn,
.gallery.mediaGallery .buttons .smooth-scroll.btn {
    background-color: #8ed8f8;
    border-color: #8ed8f8;
}
.cta.course-scroll:after,
.cta.smooth-scroll:after,
.gallery.mediaGallery .buttons .course-scroll.btn:after,
.gallery.mediaGallery .buttons .smooth-scroll.btn:after {
    content: "\f103";
    -webkit-transition: -webkit-transform 0.4s ease-in-out;
    transition: -webkit-transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out;
    transition:
        transform 0.4s ease-in-out,
        -webkit-transform 0.4s ease-in-out;
}
.cta.course-scroll:hover:after,
.cta.smooth-scroll:hover:after,
.gallery.mediaGallery .buttons .course-scroll.btn:hover:after,
.gallery.mediaGallery .buttons .smooth-scroll.btn:hover:after {
    right: 1.5rem;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.cta.course-scroll:hover,
.cta.course-scrollfocus,
.cta.smooth-scroll:hover,
.cta.smooth-scrollfocus,
.gallery.mediaGallery .buttons .course-scroll.btn:hover,
.gallery.mediaGallery .buttons .course-scrollfocus.btn,
.gallery.mediaGallery .buttons .smooth-scroll.btn:hover,
.gallery.mediaGallery .buttons .smooth-scrollfocus.btn {
    background-color: #051435;
    border-color: #051435;
    color: #fff;
}
.cta.course-scroll:hover:after,
.cta.course-scrollfocus:after,
.cta.smooth-scroll:hover:after,
.cta.smooth-scrollfocus:after,
.gallery.mediaGallery .buttons .course-scroll.btn:hover:after,
.gallery.mediaGallery .buttons .course-scrollfocus.btn:after,
.gallery.mediaGallery .buttons .smooth-scroll.btn:hover:after,
.gallery.mediaGallery .buttons .smooth-scrollfocus.btn:after {
    -webkit-transform: translateY(6.75px);
    transform: translateY(6.75px);
}
.eurus .breadcrumb {
    background-color: #0073bc;
}
.eurus .breadcrumb .row ul li a,
.eurus .breadcrumb .row ul li:after,
.eurus .breadcrumb .row ul li:first-of-type:before {
    color: #fff;
}
.eurus .breadcrumb .row ul li a:hover {
    color: #fff !important;
    text-decoration: underline;
}
.eurus .breadcrumb .row ul li a:visited {
    color: #fff;
}
.breadcrumb {
    background-color: #f5f5f5;
    color: #4c4c4c;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0.625rem;
}
.breadcrumb .row ul {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.breadcrumb .row ul li {
    margin: 0;
}
.breadcrumb .row ul li:after,
.breadcrumb .row ul li:before {
    margin-right: 2px;
    position: relative;
    top: -1.5px;
}
.breadcrumb .row ul li:after {
    color: #4c4c4c;
    content: "\f054";
    font-size: 0.8125rem;
    margin: 0 0.625rem;
}
.breadcrumb .row ul li:first-of-type:before {
    color: #4c4c4c;
    content: "\f015";
    font-size: 0.8125rem;
}
.breadcrumb .row ul li:first-of-type a {
    margin-left: 0;
}
.breadcrumb .row ul li:last-of-type:after {
    content: "";
}
.breadcrumb .row ul li:last-of-type a {
    font-weight: 600;
}
.breadcrumb .row ul li a {
    color: #4c4c4c;
    font-size: 0.8125rem;
    margin: 0 10;
    text-decoration: none;
}
.breadcrumb .row ul li a:hover {
    color: #007494 !important;
    text-decoration: underline;
}
.breadcrumb .row ul li a:visited {
    color: #4c4c4c;
}
.eurus .navigation {
    position: relative;
}
@media screen and (min-width: 30rem) {
    .eurus .navigation {
        position: absolute;
    }
}
.eurus .navigation .primary {
    background-color: #003a65;
    color: #fff;
}
.eurus .navigation .primary .search-input {
    border-radius: 2px;
}
.eurus .navigation .primary .search-submit {
    background: #8ed8f8 url(/webtemplate/img/icons/eurus-icons/eurus-search-icon-blue.png) 50% no-repeat;
}
.eurus .navigation .secondary {
    background-color: #fff;
    color: #003a65;
}
.course-page .requirementWidget .eurus .navigation .secondary a.selectWrapper.open,
.dataWidget .eurus .navigation .secondary a.nice-select.open,
.eurus .navigation .secondary .course-page .requirementWidget a.selectWrapper.open,
.eurus .navigation .secondary .dataWidget a.nice-select.open,
.eurus .navigation .secondary a,
.eurus .navigation .secondary a:active,
.eurus .navigation .secondary a:focus,
.eurus .navigation .secondary a:hover,
.eurus .navigation .secondary a:visited {
    color: #003a65;
}
.eurus .navigation .section-tabs {
    display: none;
}
@media screen and (min-width: 60rem) {
    .eurus .navigation .menu-wrapper li.touch-selected .courseDropDowns,
    .eurus .navigation .menu-wrapper li.touch-selected .dropdown,
    .eurus .navigation .menu-wrapper li:focus .courseDropDowns,
    .eurus .navigation .menu-wrapper li:focus .dropdown,
    .eurus .navigation .menu-wrapper li:hover .courseDropDowns,
    .eurus .navigation .menu-wrapper li:hover .dropdown {
        top: 76%;
    }
}
.navigation {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 20;
}
.navigation .primary {
    background-color: #003a65;
    color: #fff;
}
.navigation .primary > .row {
    display: -ms-flexbox;
    display: flex;
    min-height: 4.6875rem;
    padding: 0.75rem;
}
@media screen and (min-width: 60rem) {
    .navigation .primary > .row {
        min-height: 0;
        padding: 0 0.9375rem;
    }
}
.navigation .primary > .row:before {
    background: #003a65;
    content: "";
    height: 4.6875rem;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 4;
}
@media screen and (min-width: 60rem) {
    .navigation .primary > .row:before {
        display: none;
    }
}
.navigation .primary > .row .unit-bar {
    background-color: #0073bc;
    background-color: var(--section-accent, #0073bc);
    content: "";
    display: none;
    height: 0.25rem;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 4;
}
@media screen and (min-width: 60rem) {
    .navigation .primary > .row .unit-bar {
        display: none;
    }
}
body.unit .navigation .primary > .row .unit-bar {
    display: block;
}
@media screen and (min-width: 60rem) {
    .navigation .primary .no-items {
        padding: 18px;
    }
}
.navigation .logo {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    z-index: 5;
}
.navigation .school-name {
    -ms-flex-positive: 0;
    color: #fff;
    display: inline-block;
    display: none;
    flex-grow: 0;
    font-family:
        Derailed-Regular,
        Raleway-Regular,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 0.75rem;
    letter-spacing: 0.0625rem;
    line-height: 1.4;
    max-width: 18.75rem;
    padding: 0 0.5rem;
    text-transform: uppercase;
}
@media screen and (min-width: 30rem) {
    .navigation .school-name {
        letter-spacing: 0.125rem;
    }
}
body.unit .navigation .school-name {
    display: block;
}
@media screen and (min-width: 60rem) {
    body.unit .navigation .school-name {
        display: none;
    }
}
.navigation .menu {
    -webkit-overflow-scrolling: touch;
    background-color: #1e1e1e;
    height: 0;
    left: 0;
    max-height: 100vh;
    overflow: hidden;
    padding: 0;
    position: fixed;
    top: 0;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    width: 100%;
    z-index: 2;
}
@media screen and (min-width: 60rem) {
    .navigation .menu {
        -ms-flex-positive: 1;
        background-color: transparent;
        flex-grow: 1;
        height: auto;
        left: auto;
        overflow: auto;
        padding-top: 0;
        position: static;
        top: 100%;
        top: auto;
    }
}
.navigation .menu.open {
    height: 100%;
    overflow: scroll;
    padding-top: 4.75rem;
}
.navigation .menu.open .primary > .row:before {
    display: block;
}
.navigation .menu:not(.open) .menu-back {
    display: none;
}
.navigation .menu.active {
    background-color: #fff;
}
.navigation .menu-back {
    background-color: #4a4a4a;
    color: #fff;
    display: none;
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 0.875rem;
    line-height: 1.65;
    margin-top: -0.0625rem;
    min-height: 3.4375rem;
    opacity: 0;
    padding: 1rem 1.5rem 1rem 3.75rem;
    position: fixed;
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
    width: 100%;
    z-index: 5;
}
.navigation .menu-back.active {
    display: block;
    opacity: 1;
}
@media screen and (min-width: 60rem) {
    .navigation .menu-back {
        display: none;
    }
}
.navigation .menu-back-arrow {
    background-color: #003a65 !important;
    background-image: url(/webtemplate/img/icons/ncuvision__icon_chevron-left.png);
    background-position: 50%;
    background-position: left 7px center;
    background-repeat: no-repeat;
    border-radius: 50%;
    content: "";
    height: 24px;
    left: 1.5rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    width: 24px;
}
.navigation .menu-wrapper {
    background-color: #1e1e1e;
    -webkit-transition: -webkit-transform 0.2s ease-in-out;
    transition: -webkit-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    transition:
        transform 0.2s ease-in-out,
        -webkit-transform 0.2s ease-in-out;
    width: 100%;
}
@media screen and (min-width: 60rem) {
    .navigation .menu-wrapper {
        -ms-flex-pack: end;
        background-color: transparent;
        display: -ms-flexbox;
        display: flex;
        justify-content: flex-end;
        margin-right: 1rem;
        width: auto;
    }
    .navigation .menu-wrapper li.touch-selected .courseDropDowns,
    .navigation .menu-wrapper li.touch-selected .dropdown,
    .navigation .menu-wrapper li:focus .courseDropDowns,
    .navigation .menu-wrapper li:focus .dropdown,
    .navigation .menu-wrapper li:hover .courseDropDowns,
    .navigation .menu-wrapper li:hover .dropdown {
        display: block;
        left: 0;
        position: absolute;
        top: 100%;
    }
}
.navigation .menu-wrapper > ul {
    margin: 0;
    padding: 0;
}
.navigation .menu-wrapper > ul + ul {
    margin-top: 0.3125rem;
}
@media screen and (min-width: 60rem) {
    .navigation .menu-wrapper > ul {
        -ms-flex-pack: end;
        display: -ms-flexbox;
        display: flex;
        justify-content: flex-end;
    }
}
.navigation .menu-wrapper > ul > li {
    border-bottom: 1px solid #131313;
    border-top: 1px solid #1f1f1f;
    -webkit-box-shadow: -10px 0 5px 5px hsla(0, 0%, 5%, 0.3);
    box-shadow: -10px 0 5px 5px hsla(0, 0%, 5%, 0.3);
}
.navigation .menu-wrapper > ul > li + li {
    margin-top: 0.3125rem;
}
@media screen and (min-width: 60rem) {
    .navigation .menu-wrapper > ul > li + li {
        margin-top: 0;
    }
    .navigation .menu-wrapper > ul > li {
        border-bottom: none;
        border-top: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }
    .navigation .menu-wrapper > ul > li:focus,
    .navigation .menu-wrapper > ul > li:hover {
        background-color: #fff;
    }
    .navigation .menu-wrapper > ul > li:focus > a,
    .navigation .menu-wrapper > ul > li:hover > a {
        color: #4c4c4c;
    }
    .navigation .menu-wrapper > ul > li:focus .highlight,
    .navigation .menu-wrapper > ul > li:hover .highlight {
        opacity: 1;
    }
}
.navigation .menu-wrapper > ul > li:first-child .has-child > a .arrow,
.navigation .menu-wrapper > ul > li:first-child.has-dropdown .highlight .arrow,
.navigation .menu-wrapper > ul > li:nth-child(10) .has-child > a .arrow,
.navigation .menu-wrapper > ul > li:nth-child(10).has-dropdown .highlight .arrow,
.navigation .menu-wrapper > ul > li:nth-child(2) .has-child > a .arrow,
.navigation .menu-wrapper > ul > li:nth-child(2).has-dropdown .highlight .arrow,
.navigation .menu-wrapper > ul > li:nth-child(3) .has-child > a .arrow,
.navigation .menu-wrapper > ul > li:nth-child(3).has-dropdown .highlight .arrow,
.navigation .menu-wrapper > ul > li:nth-child(4) .has-child > a .arrow,
.navigation .menu-wrapper > ul > li:nth-child(4).has-dropdown .highlight .arrow,
.navigation .menu-wrapper > ul > li:nth-child(5) .has-child > a .arrow,
.navigation .menu-wrapper > ul > li:nth-child(5).has-dropdown .highlight .arrow,
.navigation .menu-wrapper > ul > li:nth-child(6) .has-child > a .arrow,
.navigation .menu-wrapper > ul > li:nth-child(6).has-dropdown .highlight .arrow,
.navigation .menu-wrapper > ul > li:nth-child(7) .has-child > a .arrow,
.navigation .menu-wrapper > ul > li:nth-child(7).has-dropdown .highlight .arrow,
.navigation .menu-wrapper > ul > li:nth-child(8) .has-child > a .arrow,
.navigation .menu-wrapper > ul > li:nth-child(8).has-dropdown .highlight .arrow,
.navigation .menu-wrapper > ul > li:nth-child(9) .has-child > a .arrow,
.navigation .menu-wrapper > ul > li:nth-child(9).has-dropdown .highlight .arrow {
    background-color: #003a65;
}
@media screen and (min-width: 60rem) {
    .navigation .menu-wrapper > ul > li:first-child .highlight {
        background-color: #003a65;
    }
    .navigation .menu-wrapper > ul > li:first-child .courseDropDowns li:focus > a,
    .navigation .menu-wrapper > ul > li:first-child .courseDropDowns li:hover > a,
    .navigation .menu-wrapper > ul > li:first-child .dropdown li:focus > a,
    .navigation .menu-wrapper > ul > li:first-child .dropdown li:hover > a,
    .navigation .menu-wrapper > ul > li:first-child .dropdown-headline {
        color: #003a65;
    }
    .navigation .menu-wrapper > ul > li:nth-child(2) .highlight {
        background-color: #003a65;
    }
    .navigation .menu-wrapper > ul > li:nth-child(2) .courseDropDowns li:focus > a,
    .navigation .menu-wrapper > ul > li:nth-child(2) .courseDropDowns li:hover > a,
    .navigation .menu-wrapper > ul > li:nth-child(2) .dropdown li:focus > a,
    .navigation .menu-wrapper > ul > li:nth-child(2) .dropdown li:hover > a,
    .navigation .menu-wrapper > ul > li:nth-child(2) .dropdown-headline {
        color: #003a65;
    }
    .navigation .menu-wrapper > ul > li:nth-child(3) .highlight {
        background-color: #003a65;
    }
    .navigation .menu-wrapper > ul > li:nth-child(3) .courseDropDowns li:focus > a,
    .navigation .menu-wrapper > ul > li:nth-child(3) .courseDropDowns li:hover > a,
    .navigation .menu-wrapper > ul > li:nth-child(3) .dropdown li:focus > a,
    .navigation .menu-wrapper > ul > li:nth-child(3) .dropdown li:hover > a,
    .navigation .menu-wrapper > ul > li:nth-child(3) .dropdown-headline {
        color: #003a65;
    }
    .navigation .menu-wrapper > ul > li:nth-child(4) .highlight {
        background-color: #003a65;
    }
    .navigation .menu-wrapper > ul > li:nth-child(4) .courseDropDowns li:focus > a,
    .navigation .menu-wrapper > ul > li:nth-child(4) .courseDropDowns li:hover > a,
    .navigation .menu-wrapper > ul > li:nth-child(4) .dropdown li:focus > a,
    .navigation .menu-wrapper > ul > li:nth-child(4) .dropdown li:hover > a,
    .navigation .menu-wrapper > ul > li:nth-child(4) .dropdown-headline {
        color: #003a65;
    }
    .navigation .menu-wrapper > ul > li:nth-child(5) .highlight {
        background-color: #003a65;
    }
    .navigation .menu-wrapper > ul > li:nth-child(5) .courseDropDowns li:focus > a,
    .navigation .menu-wrapper > ul > li:nth-child(5) .courseDropDowns li:hover > a,
    .navigation .menu-wrapper > ul > li:nth-child(5) .dropdown li:focus > a,
    .navigation .menu-wrapper > ul > li:nth-child(5) .dropdown li:hover > a,
    .navigation .menu-wrapper > ul > li:nth-child(5) .dropdown-headline {
        color: #003a65;
    }
    .navigation .menu-wrapper > ul > li:nth-child(6) .highlight {
        background-color: #003a65;
    }
    .navigation .menu-wrapper > ul > li:nth-child(6) .courseDropDowns li:focus > a,
    .navigation .menu-wrapper > ul > li:nth-child(6) .courseDropDowns li:hover > a,
    .navigation .menu-wrapper > ul > li:nth-child(6) .dropdown li:focus > a,
    .navigation .menu-wrapper > ul > li:nth-child(6) .dropdown li:hover > a,
    .navigation .menu-wrapper > ul > li:nth-child(6) .dropdown-headline {
        color: #003a65;
    }
    .navigation .menu-wrapper > ul > li:nth-child(7) .highlight {
        background-color: #003a65;
    }
    .navigation .menu-wrapper > ul > li:nth-child(7) .courseDropDowns li:focus > a,
    .navigation .menu-wrapper > ul > li:nth-child(7) .courseDropDowns li:hover > a,
    .navigation .menu-wrapper > ul > li:nth-child(7) .dropdown li:focus > a,
    .navigation .menu-wrapper > ul > li:nth-child(7) .dropdown li:hover > a,
    .navigation .menu-wrapper > ul > li:nth-child(7) .dropdown-headline {
        color: #003a65;
    }
    .navigation .menu-wrapper > ul > li:nth-child(8) .highlight {
        background-color: #003a65;
    }
    .navigation .menu-wrapper > ul > li:nth-child(8) .courseDropDowns li:focus > a,
    .navigation .menu-wrapper > ul > li:nth-child(8) .courseDropDowns li:hover > a,
    .navigation .menu-wrapper > ul > li:nth-child(8) .dropdown li:focus > a,
    .navigation .menu-wrapper > ul > li:nth-child(8) .dropdown li:hover > a,
    .navigation .menu-wrapper > ul > li:nth-child(8) .dropdown-headline {
        color: #003a65;
    }
    .navigation .menu-wrapper > ul > li:nth-child(9) .highlight {
        background-color: #003a65;
    }
    .navigation .menu-wrapper > ul > li:nth-child(9) .courseDropDowns li:focus > a,
    .navigation .menu-wrapper > ul > li:nth-child(9) .courseDropDowns li:hover > a,
    .navigation .menu-wrapper > ul > li:nth-child(9) .dropdown li:focus > a,
    .navigation .menu-wrapper > ul > li:nth-child(9) .dropdown li:hover > a,
    .navigation .menu-wrapper > ul > li:nth-child(9) .dropdown-headline {
        color: #003a65;
    }
    .navigation .menu-wrapper > ul > li:nth-child(10) .highlight {
        background-color: #003a65;
    }
    .navigation .menu-wrapper > ul > li:nth-child(10) .courseDropDowns li:focus > a,
    .navigation .menu-wrapper > ul > li:nth-child(10) .courseDropDowns li:hover > a,
    .navigation .menu-wrapper > ul > li:nth-child(10) .dropdown li:focus > a,
    .navigation .menu-wrapper > ul > li:nth-child(10) .dropdown li:hover > a,
    .navigation .menu-wrapper > ul > li:nth-child(10) .dropdown-headline {
        color: #003a65;
    }
}
.navigation .menu-wrapper > ul > li > a {
    color: #fff;
    display: block;
    padding: 1rem 5rem 1rem 1.5rem;
    position: relative;
    text-decoration: none;
}
@media screen and (min-width: 60rem) {
    .navigation .menu-wrapper > ul > li > a {
        padding: 2.25rem 1rem;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }
}
.navigation .menu-wrapper > ul.menu-toplevel > li > a {
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
}
.navigation .menu-wrapper > ul.menu-secondary > li > a {
    font-family:
        Derailed-Regular,
        Raleway-Regular,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
}
.navigation .menu-wrapper li {
    cursor: pointer;
    list-style-type: none;
    margin-bottom: 0;
}
.navigation .menu-wrapper .menu-secondary {
    display: block;
    overflow-y: visible;
}
@media screen and (min-width: 60rem) {
    .navigation .menu-wrapper .menu-secondary {
        display: none;
    }
}
.navigation .highlight {
    border-left: 1px solid #555;
    display: none;
    height: 80%;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 5rem;
}
@media screen and (min-width: 60rem) {
    .navigation .highlight {
        border-left: none;
        display: block;
        height: 0.125rem;
        opacity: 0;
        position: static;
        right: auto;
        top: auto;
        -webkit-transform: translateY(0.5rem);
        transform: translateY(0.5rem);
        -webkit-transition: opacity 0.2s ease-in-out;
        transition: opacity 0.2s ease-in-out;
        width: 100%;
    }
}
.navigation .highlight .arrow {
    background-image: url(/webtemplate/img/icons/ncuvision__icon_chevron-right.png);
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: 50%;
    content: "";
    height: 24px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    width: 24px;
}
@media screen and (min-width: 60rem) {
    .navigation .highlight .arrow {
        display: none;
    }
}
.navigation .has-dropdown .highlight {
    display: block;
}
.navigation .courseDropDowns,
.navigation .dropdown {
    display: none;
    width: 100%;
    z-index: 2;
}
.navigation .dropdown.selected,
.navigation .selected.courseDropDowns {
    display: block;
    left: 100%;
    position: absolute;
    top: 0;
}
.navigation .courseDropDowns .row,
.navigation .dropdown .row {
    height: 100%;
    position: relative;
}
.js .navigation .courseDropDowns .row,
.js .navigation .dropdown .row {
    background-color: #fff;
}
@media screen and (min-width: 60rem) {
    .js .navigation .courseDropDowns .row,
    .js .navigation .dropdown .row {
        background-color: hsla(0, 0%, 100%, 0.96);
        -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3);
        box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3);
    }
}
.navigation .courseDropDowns ul,
.navigation .dropdown ul {
    display: block;
    margin: 0;
    position: relative;
    width: 100%;
}
.no-js .navigation .courseDropDowns ul,
.no-js .navigation .dropdown ul {
    background-color: hsla(0, 0%, 100%, 0.96);
}
.js .navigation .courseDropDowns ul,
.js .navigation .dropdown ul {
    padding: 3.4375rem 0 1.5rem;
}
@media screen and (min-width: 60rem) {
    .js .navigation .courseDropDowns ul,
    .js .navigation .dropdown ul {
        padding: 4.5rem 0 1.5rem;
    }
    .js .navigation .courseDropDowns ul[data-depth="1"],
    .js .navigation .courseDropDowns ul[data-depth="3"],
    .js .navigation .dropdown ul[data-depth="1"],
    .js .navigation .dropdown ul[data-depth="3"] {
        background-color: #f0f0f0;
    }
    .js .navigation .courseDropDowns ul[data-depth="1"] > li:focus > a,
    .js .navigation .courseDropDowns ul[data-depth="1"] > li:hover > a,
    .js .navigation .courseDropDowns ul[data-depth="3"] > li:focus > a,
    .js .navigation .courseDropDowns ul[data-depth="3"] > li:hover > a,
    .js .navigation .dropdown ul[data-depth="1"] > li:focus > a,
    .js .navigation .dropdown ul[data-depth="1"] > li:hover > a,
    .js .navigation .dropdown ul[data-depth="3"] > li:focus > a,
    .js .navigation .dropdown ul[data-depth="3"] > li:hover > a {
        background-color: #fff;
    }
    .navigation .courseDropDowns ul,
    .navigation .dropdown ul {
        width: 25vw;
    }
}
@media screen and (min-width: 75rem) {
    .navigation .courseDropDowns ul,
    .navigation .dropdown ul {
        max-width: 18.75rem;
        width: 100%;
    }
}
.navigation .courseDropDowns ul ul,
.navigation .dropdown ul ul {
    display: none;
    left: 100%;
    position: absolute;
    top: 0;
}
.navigation .courseDropDowns li,
.navigation .dropdown li {
    margin: 0;
    padding: 0;
}
.no-js .navigation .courseDropDowns li,
.no-js .navigation .dropdown li {
    position: relative;
}
.navigation .courseDropDowns li + li,
.navigation .dropdown li + li {
    border-top: 1px solid #dfdfdf;
}
@media screen and (min-width: 60rem) {
    .navigation .courseDropDowns li + li,
    .navigation .dropdown li + li {
        border-top: none;
    }
    .navigation .courseDropDowns li.touch-selected > ul,
    .navigation .courseDropDowns li:focus > ul,
    .navigation .courseDropDowns li:hover > ul,
    .navigation .dropdown li.touch-selected > ul,
    .navigation .dropdown li:focus > ul,
    .navigation .dropdown li:hover > ul {
        display: block;
    }
    .js .navigation .courseDropDowns li.touch-selected > ul,
    .js .navigation .courseDropDowns li:focus > ul,
    .js .navigation .courseDropDowns li:hover > ul,
    .js .navigation .dropdown li.touch-selected > ul,
    .js .navigation .dropdown li:focus > ul,
    .js .navigation .dropdown li:hover > ul {
        height: 100%;
    }
    .navigation .courseDropDowns li.touch-selected > a,
    .navigation .courseDropDowns li:focus > a,
    .navigation .courseDropDowns li:hover > a,
    .navigation .dropdown li.touch-selected > a,
    .navigation .dropdown li:focus > a,
    .navigation .dropdown li:hover > a {
        background-color: #f0f0f0;
    }
}
.navigation .courseDropDowns a,
.navigation .dropdown a {
    color: #4c4c4c;
    display: block;
    font-family:
        Derailed-Regular,
        Raleway-Regular,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 0.9375rem;
    padding: 1rem 1.5rem;
    position: relative;
}
.no-js .navigation .courseDropDowns a,
.no-js .navigation .dropdown a {
    padding: 0.5rem 1.5rem;
}
@media screen and (min-width: 60rem) {
    .js .navigation .courseDropDowns a:not(.dropdown-headline),
    .js .navigation .dropdown a:not(.dropdown-headline) {
        padding: 0.5rem 3.375rem 0.5rem 1.5rem;
    }
}
.course-page .requirementWidget .navigation .courseDropDowns a.selectWrapper.open,
.course-page .requirementWidget .navigation .dropdown a.selectWrapper.open,
.dataWidget .navigation .courseDropDowns a.nice-select.open,
.dataWidget .navigation .dropdown a.nice-select.open,
.navigation .courseDropDowns .course-page .requirementWidget a.selectWrapper.open,
.navigation .courseDropDowns .dataWidget a.nice-select.open,
.navigation .courseDropDowns a:active,
.navigation .courseDropDowns a:visited,
.navigation .dropdown .course-page .requirementWidget a.selectWrapper.open,
.navigation .dropdown .dataWidget a.nice-select.open,
.navigation .dropdown a:active,
.navigation .dropdown a:visited {
    color: #4c4c4c;
}
@media screen and (min-width: 60rem) {
    .navigation .courseDropDowns a.dropdown-headline,
    .navigation .dropdown a.dropdown-headline {
        z-index: 2;
    }
}
.no-js .navigation .dropdown-headline {
    display: none;
}
.js .navigation .dropdown-headline {
    display: none;
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1.125rem;
    font-weight: 400;
    left: 0;
    line-height: 1;
    padding: 1.5rem 0 0 1.5rem;
    position: absolute;
    top: 0;
}
@media screen and (min-width: 64rem) {
    .js .navigation .dropdown-headline {
        display: block;
        font-size: 1.5rem;
    }
}
.navigation .has-child > a {
    padding: 1rem 5rem 1rem 1.5rem;
}
.navigation .has-child > a .arrow {
    background-image: url(/webtemplate/img/icons/ncuvision__icon_chevron-right.png);
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: 50%;
    content: "";
    height: 24px;
    position: absolute;
    right: 1.875rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    width: 24px;
}
@media screen and (min-width: 60rem) {
    .navigation .has-child > a .arrow {
        background-image: url(/webtemplate/img/icons/ncuvision__icon_chevron-right.png);
        background-position: 50%;
        background-repeat: no-repeat;
        border-radius: 50%;
        content: "";
        height: 20px;
        opacity: 0.33;
        position: absolute;
        right: 1.5rem;
        top: 50%;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        width: 20px;
    }
    .course-page .requirementWidget .navigation .has-child.selectWrapper.open > a .arrow,
    .dataWidget .navigation .has-child.nice-select.open > a .arrow,
    .navigation .course-page .requirementWidget .has-child.selectWrapper.open > a .arrow,
    .navigation .dataWidget .has-child.nice-select.open > a .arrow,
    .navigation .has-child:active > a .arrow,
    .navigation .has-child:focus > a .arrow,
    .navigation .has-child:hover > a .arrow {
        opacity: 1;
        right: 1rem;
    }
}
.navigation .has-child.selected > ul {
    display: block;
}
.js .navigation .has-child.selected > ul {
    height: 100%;
}
.navigation .child-toggle {
    border-left: 1px solid #dfdfdf;
    display: block;
    height: 80%;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 5rem;
    z-index: 1;
}
@media screen and (min-width: 60rem) {
    .navigation .child-toggle {
        border-left: none;
    }
}
.navigation .search-inline {
    -ms-flex-align: center;
    align-items: center;
    background: #e9ecef;
    height: 0;
    left: 0;
    overflow: hidden;
    padding: 0 2rem;
    position: absolute;
    top: 4.6875rem;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    width: 100%;
    z-index: 2;
}
@media screen and (min-width: 60rem) {
    .navigation .search-inline {
        background-color: transparent;
        display: -ms-flexbox;
        display: flex;
        height: auto;
        max-width: 10rem;
        padding: 0;
        position: relative;
        top: auto;
    }
}
.navigation .search-inline fieldset {
    position: relative;
}
.navigation .search-inline.active {
    height: calc(100vh - 4.6875rem);
    padding: 2rem;
}
.navigation .search-filters {
    margin-bottom: 1rem;
}
.navigation .search-filters .label-head,
.navigation .search-filters .legend-head {
    display: block;
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    text-align: center;
    width: 100%;
}
.navigation .search-filters .legend-head {
    color: #003a65;
    font-size: 1.25rem;
}
.navigation .search-filters .label-head {
    font-size: 1rem;
}
@media screen and (min-width: 60rem) {
    .navigation .search-filters {
        display: none;
    }
}
.navigation .search-input {
    border: 1px solid #0073bc;
    border-color: var(--section-accent, #0073bc);
    border-radius: 2px;
    color: #4c4c4c;
    font-family:
        Derailed-Regular,
        Raleway-Regular,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1rem;
    height: 3rem;
    padding: 0.5rem 3rem 0.5rem 0.75rem;
    width: 100%;
}
@media screen and (min-width: 60rem) {
    .navigation .search-input {
        border: 1px solid #fff;
        font-size: 0.9375rem;
        height: 2.25rem;
        padding: 0.25rem 2.25rem 0.25rem 0.5rem;
    }
}
.navigation .search-submit {
    background: #8ed8f8 url(/webtemplate/img/icons/eurus-icons/eurus-search-icon-blue.png) 50% no-repeat;
    border: none;
    color: transparent;
    cursor: pointer;
    display: inline-block;
    height: 3rem;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-indent: 101%;
    top: 0;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    white-space: nowrap;
    width: 3rem;
}
.course-page .requirementWidget .navigation .search-submit.selectWrapper.open,
.dataWidget .navigation .search-submit.nice-select.open,
.navigation .course-page .requirementWidget .search-submit.selectWrapper.open,
.navigation .dataWidget .search-submit.nice-select.open,
.navigation .search-submit:active,
.navigation .search-submit:focus,
.navigation .search-submit:hover {
    background-color: #8ed8f8;
}
@media screen and (min-width: 60rem) {
    .navigation .search-submit {
        background-color: #8ed8f8;
        border: 1px solid #fff;
        height: 2.25rem;
        width: 2.25rem;
    }
}
.navigation .filters {
    margin-top: 1rem;
}
.navigation .filters input + label {
    font-size: 0.875rem;
}
@media screen and (min-width: 540px) {
    .navigation .filters ul {
        -ms-flex-pack: center;
        display: -ms-flexbox;
        display: flex;
        justify-content: center;
    }
    .navigation .filters li {
        width: auto;
    }
    .navigation .filters li + li {
        margin-left: 0.5rem;
        margin-top: 0;
    }
}
.navigation .filters input[type="checkbox"]:checked ~ label,
.navigation .filters input[type="radio"]:checked ~ label {
    background-color: #0073bc;
    background-color: var(--section-accent, #0073bc);
    border-color: #0073bc;
    border-color: var(--section-accent, #0073bc);
}
.navigation .filters .filter-labels {
    border-color: #0073bc;
    border-color: var(--section-accent, #0073bc);
    color: #0073bc;
    color: var(--section-accent, #0073bc);
}
.navigation .controls {
    -ms-flex-pack: end;
    -ms-flex-align: center;
    -ms-flex-positive: 1;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    flex-grow: 1;
    justify-content: flex-end;
    z-index: 5;
}
.navigation .controls .menu-close,
.navigation .controls .menu-toggle,
.navigation .controls .search-close,
.navigation .controls .search-toggle {
    border-radius: 4px;
    cursor: pointer;
    height: 2.5rem;
    width: 2.5rem;
}
.navigation .controls .menu-toggle {
    background: transparent url(/webtemplate/img/icons/ncuvision__menu-open.png) 50% no-repeat;
}
.navigation .controls .menu-close {
    background: transparent url(/webtemplate/img/icons/ncuvision__menu-close.png) 50% no-repeat;
}
.navigation .controls .search-toggle {
    background: #8ed8f8 url(/webtemplate/img/icons/eurus-icons/eurus-search-icon-blue.png) 50% no-repeat;
}
.navigation .controls .search-close {
    background: #8ed8f8 url(/webtemplate/img/icons/eurus-icons/eurus-menu-close-icon-blue.png) 50% no-repeat;
    margin-left: 0;
}
.navigation .controls > * + * {
    margin-left: 0.5rem;
}
@media screen and (min-width: 60rem) {
    .navigation .controls {
        display: none;
    }
}
.navigation .section-tabs {
    position: absolute;
    width: 100%;
}
.navigation .section-tabs .row {
    padding: 0;
}
.navigation .section-tabs .tab {
    background-color: #0073bc;
    color: #fff;
    display: inline-block;
    font-family:
        Derailed-Regular,
        Raleway-Regular,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 0.875rem;
    letter-spacing: 0.125rem;
    padding: 0.375rem 1rem;
    text-transform: uppercase;
}
.navigation .menu.index-adjust,
.navigation .search-inline.index-adjust {
    z-index: 3;
}
.navigation .secondary {
    background-color: #fff;
    color: #003a65;
    display: none;
    padding: 0.5rem 0;
}
@media screen and (min-width: 60rem) {
    .navigation .secondary {
        display: block;
    }
}
.navigation .secondary li {
    list-style-type: none;
    margin-bottom: 0;
}
.navigation .secondary li + li {
    margin-left: 2rem;
}
.navigation .secondary a {
    color: #003a65;
    font-family:
        Derailed-Regular,
        Raleway-Regular,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 0.8125rem;
}
.course-page .requirementWidget .navigation .secondary a.selectWrapper.open,
.dataWidget .navigation .secondary a.nice-select.open,
.navigation .secondary .course-page .requirementWidget a.selectWrapper.open,
.navigation .secondary .dataWidget a.nice-select.open,
.navigation .secondary a:active,
.navigation .secondary a:focus,
.navigation .secondary a:hover,
.navigation .secondary a:visited {
    color: #003a65;
}
.navigation .secondary .row {
    -ms-flex-pack: end;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end;
}
.navigation .secondary .section-home {
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.navigation .secondary .section-label {
    color: #003a65;
    display: inline-block;
    font-family:
        Derailed-Regular,
        Raleway-Regular,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 0.8125rem;
    font-weight: 700;
    letter-spacing: 0.125rem;
    padding-right: 1.625rem;
    position: relative;
    text-transform: uppercase;
}
.navigation .secondary .menu-secondary {
    -ms-flex-pack: end;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end;
    margin: 0;
    padding: 0;
}
.eurus .footer {
    background-color: #003a65;
    border-top: 40px solid #da1a35;
    color: #fff;
    padding-bottom: 0;
}
.eurus .footer .footerContent {
    border-bottom: none;
    color: #fff;
}
.eurus .footer .footerContent a:not(.cta),
.eurus .footer .footerContent a:not(.cta):focus,
.eurus .footer .footerContent a:not(.cta):hover,
.eurus .footer .footerContent a:not(.cta):visited,
.eurus .footer .footerContent h5 {
    color: #fff;
}
.eurus .footer .footerColumn:not(:last-child) {
    border-bottom: 1px solid #da1a35;
}
@media screen and (min-width: 64rem) {
    .eurus .footer .footerColumn:not(:last-child) {
        border-bottom: none;
        border-right: 1px solid #da1a35;
    }
}
.eurus .footer .footerLink,
.eurus .footer .footerLink:focus,
.eurus .footer .footerLink:hover,
.eurus .footer .footerLink:visited {
    color: #fff;
}
.eurus .footer .socialIcon {
    fill: #fff;
}
.footer {
    background-color: #003a65;
    border-top: 40px solid #da1a35;
    color: #fff;
    font-size: 0.625rem;
    padding-bottom: 0;
}
.footerContent {
    border-bottom: none;
    color: #fff;
    font-size: 0.875rem;
    margin-bottom: 2.1875rem;
    padding: 3.125rem 0;
}
@media screen and (min-width: 48rem) {
    .footerContent {
        font-size: 1rem;
    }
}
@media screen and (min-width: 64rem) {
    .footerContent {
        display: -ms-flexbox;
        display: flex;
    }
}
.footerContent a:not(.cta),
.footerContent a:not(.cta):focus,
.footerContent a:not(.cta):hover,
.footerContent a:not(.cta):visited {
    color: #fff;
}
.footerContent h5 {
    color: #fff;
    font-size: 1rem;
    margin: 0;
    padding: 0;
}
.footerColumn {
    padding: 1.5625rem;
    width: 100%;
}
@media screen and (min-width: 64rem) {
    .footerColumn {
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        padding: 0 1.5625rem;
    }
}
.footerColumn:not(:last-child) {
    border-bottom: 1px solid #da1a35;
}
@media screen and (min-width: 64rem) {
    .footerColumn:not(:last-child) {
        border-bottom: none;
        border-right: 1px solid #da1a35;
    }
}
.footerColumn:first-child {
    padding-top: 0;
}
.footerColumn:last-child {
    padding-bottom: 0;
}
.footerColumn .cta,
.footerColumn .gallery.mediaGallery .buttons .btn,
.gallery.mediaGallery .buttons .footerColumn .btn {
    color: #051435;
}
.footerColumn .cta:hover,
.footerColumn .gallery.mediaGallery .buttons .btn:hover,
.gallery.mediaGallery .buttons .footerColumn .btn:hover {
    color: #fff;
}
.footerHeading {
    color: #fff;
    display: block;
    padding-top: 0;
}
.footerSubHeading {
    color: #fff;
    font-size: 0.875rem;
    margin: 0;
    padding: 0;
}
@media screen and (min-width: 48rem) {
    .footerSubHeading {
        font-size: 1rem;
    }
}
.footerContentBlock {
    font-size: 0.875rem;
}
@media screen and (min-width: 48rem) {
    .footerContentBlock {
        font-size: 1rem;
    }
}
.footerContentBlock + .footerContentBlock {
    margin-top: 1.25rem;
}
.footerContentBlock p {
    font-size: 1rem;
}
.footerList {
    list-style: none;
    margin: 0;
    padding: 0;
}
.footerListItem {
    margin-bottom: 0;
    padding-bottom: 1.25rem;
}
.footerLink {
    color: #fff;
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1rem;
    line-height: 1.3;
}
.footerLink:after {
    color: inherit;
    content: ">";
    font-family:
        Bariol,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: inherit;
    font-weight: 400;
    line-height: 1.25;
    padding-left: 0.625rem;
    position: absolute;
    -webkit-transition: margin-left 0.2s ease-in-out;
    transition: margin-left 0.2s ease-in-out;
}
.footerLink:hover:after {
    margin-left: 8px;
}
@media screen and (min-width: 48rem) {
    .footerLink {
        font-size: 1.125rem;
    }
}
.footerLink:focus,
.footerLink:hover,
.footerLink:visited {
    color: #fff;
}
.footerLink:focus,
.footerLink:hover {
    text-decoration: none;
}
.footerLink:focus span,
.footerLink:hover span {
    text-decoration: underline;
}
.footerSocialIcons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -0.625rem 1rem;
}
@media screen and (min-width: 64rem) {
    .footerSocialIcons {
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}
.footerSocialIcon {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin: 0 0.625rem 1rem;
    overflow: hidden;
}
.footerSocialIcon:focus,
.footerSocialIcon:hover {
    text-decoration: none;
}
.socialIconContainer {
    height: 1.75rem;
    width: 2.1875rem;
}
.socialIcon {
    fill: #fff;
    width: 100%;
}
.schoolLocation {
    line-height: 1.25;
    padding-top: 0;
}
.schoolLocation span {
    display: block;
}
.search {
    color: #fff;
}
.searchBox {
    color: #fff;
    font-size: 0.625rem;
    position: relative;
}
.searchBox label {
    display: block;
    font-size: 1.25rem;
    margin-bottom: 1rem;
}
.searchBox label,
.searchBoxInput {
    font-family:
        Derailed-Regular,
        Raleway-Regular,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
}
.searchBoxInput {
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 0;
    color: #fff;
    font-size: 0.9375rem;
    -webkit-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
    width: 100%;
}
.searchBoxInput::-webkit-input-placeholder {
    color: #fff;
}
.searchBoxInput:-moz-placeholder,
.searchBoxInput::-moz-placeholder {
    color: #fff;
}
.searchBoxInput:-ms-input-placeholder {
    color: #fff;
}
.searchBoxInput:hover {
    background-color: rgba(0, 0, 0, 0.25);
}
.searchBoxInput:focus {
    background-color: rgba(0, 0, 0, 0.5);
}
.searchBoxInput.altColourScheme {
    background-color: #fff;
    color: #4a4a4a;
}
.searchBoxInput.altColourScheme::-webkit-input-placeholder {
    color: #4a4a4a;
}
.searchBoxInput.altColourScheme:-moz-placeholder,
.searchBoxInput.altColourScheme::-moz-placeholder {
    color: #4a4a4a;
}
.searchBoxInput.altColourScheme:-ms-input-placeholder {
    color: #4a4a4a;
}
@media screen and (min-width: 64rem) {
    .searchBoxInput {
        font-size: 1.25rem;
    }
}
.searchSubmit {
    background: url(/webtemplate/img/icons/ncuvision__icon-search_light.png) 50% no-repeat;
    border: none;
    border-radius: 0;
    color: transparent;
    cursor: pointer;
    display: inline-block;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-indent: 101%;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    white-space: nowrap;
    width: 100%;
}
.searchWrapper {
    display: -ms-flexbox;
    display: flex;
    margin-top: 1.25rem;
}
@media screen and (min-width: 48rem) {
    .searchWrapper {
        margin-top: 2.5rem;
    }
}
.searchWrapper .searchForm {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}
.searchWrapper .searchForm .searchInput {
    -ms-flex-positive: 1;
    border: 1px solid #051435;
    color: #4a4a4a;
    flex-grow: 1;
    font-family:
        Derailed-Regular,
        Raleway-Regular,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1rem;
    font-weight: 600;
    margin-right: 0.625rem;
    padding: 0.625rem 1.25rem;
    width: auto;
}
@media screen and (min-width: 48rem) {
    .searchWrapper .searchForm .searchInput {
        min-height: 52px;
    }
}
@media screen and (min-width: 60rem) {
    .searchWrapper .searchForm .searchInput {
        font-size: 1.5625rem;
        min-height: 64px;
        padding: 0.6875rem 1.0625rem;
    }
}
.searchWrapper .searchForm .searchInput:placeholder {
    font-weight: 400;
}
.course-page .requirementWidget .searchWrapper .searchForm .searchInput.selectWrapper.open,
.dataWidget .searchWrapper .searchForm .searchInput.nice-select.open,
.searchWrapper .searchForm .course-page .requirementWidget .searchInput.selectWrapper.open,
.searchWrapper .searchForm .dataWidget .searchInput.nice-select.open,
.searchWrapper .searchForm .searchInput:active {
    border-color: #0073bc;
}
.searchWrapper button.searchCourse {
    height: 40px;
    width: 40px;
}
@media screen and (min-width: 48rem) {
    .searchWrapper button.searchCourse {
        height: 52px;
        width: 52px;
    }
}
@media screen and (min-width: 60rem) {
    .searchWrapper button.searchCourse {
        height: 64px;
        width: 64px;
    }
}
.searchWrapper button.searchCourse:after {
    padding: 0;
}
.searchWrapper button.searchCourse:hover {
    background-color: #051435;
}
.searchWrapper button.searchCourse:after:hover {
    color: #fff;
}
.overlay {
    background-color: rgba(0, 0, 0, 0.7);
    left: 0;
    pointer-events: none;
    top: 0;
    width: 100%;
    z-index: 1;
}
.overlay,
.overlayImage {
    height: 100%;
    position: absolute;
}
.overlayImage {
    background-position: 50%;
    background-size: cover;
    left: 50%;
    min-height: 100%;
    min-width: 100vw;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: auto;
    z-index: 0;
}
@media screen and (min-width: 64rem) {
    .overlayImage {
        height: auto;
    }
}
.videoBlock {
    font-size: 0.625rem;
}
.videoBlock .row {
    position: relative;
}
.videoBlock iframe {
    width: 100%;
}
.videoBlock.fullwidth .row {
    max-width: none;
    padding: 0;
    width: 100%;
}
.videoBlock.fullwidth .videoOverlay {
    left: 0;
    max-height: none;
    width: 100%;
}
.videoBlock .videoOverlay {
    left: 0.9375rem;
    width: calc(100% - 3em);
}
.videoOverlay {
    background: #000;
    display: none;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1;
}
@media screen and (min-width: 48rem) {
    .videoOverlay {
        display: block;
    }
}
.videoOverlay:after {
    background: #00523e url(/webtemplate/img/icons/ncuvision__icon-play.svg) left 60% center no-repeat;
    background-size: auto 60%;
    border-radius: 50%;
    content: " ";
    display: block;
    height: 6.875rem;
    left: 50%;
    opacity: 0.8;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
    width: 6.875rem;
    z-index: 2;
}
@media screen and (min-width: 64rem) {
    .videoOverlay:after {
        height: 9.6875rem;
        width: 9.6875rem;
    }
}
.videoOverlay:focus:after,
.videoOverlay:hover:after {
    opacity: 1;
}
.videoOverlay.videoPlayed {
    display: none;
}
.videoOverlayImage {
    display: block;
    height: auto;
    width: 100%;
}
.noJSWarning {
    text-align: center;
}
.no-js .videoBlock {
    display: none;
}
.eurus .videoOverlay:after {
    background: rgba(218, 26, 53, 0.8) url(/webtemplate/img/icons/ncuvision__icon-play.svg) left 60% center no-repeat;
    height: 6.875rem;
    opacity: 1;
    width: 6.875rem;
}
@media screen and (min-width: 64rem) {
    .eurus .videoOverlay:after {
        height: 8.6875rem;
        width: 8.6875rem;
    }
}
.quoteBox {
    background-color: #f1f9fe;
    font-size: 0.625rem;
}
.quoteBox.primary {
    background-color: #f1f9fe;
    color: #051435;
}
.quoteBox.primary blockquote cite,
.quoteBox.primary blockquote footer,
.quoteBox.primary blockquote p,
.quoteBox.primary blockquote p:after,
.quoteBox.primary blockquote p:before {
    color: #051435;
}
.quoteBox.dark {
    background-color: #003a65;
    color: #fff;
}
.quoteBox.dark blockquote cite,
.quoteBox.dark blockquote footer,
.quoteBox.dark blockquote p,
.quoteBox.dark blockquote p:after,
.quoteBox.dark blockquote p:before {
    color: #fff;
}
.quoteBox.light {
    background-color: #fff;
    color: #051435;
}
.quoteBox.light blockquote cite,
.quoteBox.light blockquote footer,
.quoteBox.light blockquote p,
.quoteBox.light blockquote p:after,
.quoteBox.light blockquote p:before {
    color: #051435;
}
.quoteBox figure {
    border: none;
    padding: 1.875rem 1.25rem;
    position: relative;
}
@media screen and (min-width: 64rem) {
    .quoteBox figure {
        padding: 3.75rem 2.5rem;
    }
}
.quoteBox figure p {
    color: #051435;
    font-family:
        Bariol,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.2;
    padding: 0 0.9375rem;
    position: relative;
    text-align: center;
}
@media screen and (min-width: 64rem) {
    .quoteBox figure p {
        font-size: 2.5rem;
        padding: 0 2.1875rem;
    }
}
.quoteBox figure p:after,
.quoteBox figure p:before {
    color: #051435;
    display: block;
    font-size: 3.75rem;
    height: 2.5rem;
    line-height: 1;
    overflow: hidden;
    position: absolute;
    width: 1.25rem;
    z-index: 1;
}
@media screen and (min-width: 64rem) {
    .quoteBox figure p:after,
    .quoteBox figure p:before {
        font-size: 6.875rem;
        height: 4.375rem;
        width: 2.5rem;
    }
}
.quoteBox figure p:before {
    content: "“";
    left: -1.25rem;
    top: -0.625rem;
}
@media screen and (min-width: 64rem) {
    .quoteBox figure p:before {
        left: -2.5rem;
    }
}
.quoteBox figure p:after {
    bottom: -0.625rem;
    content: "”";
    right: -1.25rem;
}
@media screen and (min-width: 64rem) {
    .quoteBox figure p:after {
        right: -2.5rem;
    }
}
.quoteBox figure footer {
    color: #051435;
    margin-top: 1.25rem;
    text-align: center;
}
.quoteBox figure cite {
    color: #051435;
    font-size: 0.875rem;
    font-style: normal;
}
@media screen and (min-width: 64rem) {
    .quoteBox figure cite {
        font-size: 1.125rem;
    }
}
.quoteBox blockquote {
    border: none;
    padding: 1.875rem 1.25rem;
    position: relative;
}
@media screen and (min-width: 64rem) {
    .quoteBox blockquote {
        padding: 3.75rem 2.5rem;
    }
}
.quoteBox blockquote p {
    color: #051435;
    font-family:
        Bariol,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.2;
    padding: 0 0.9375rem;
    position: relative;
    text-align: center;
}
@media screen and (min-width: 64rem) {
    .quoteBox blockquote p {
        font-size: 2.5rem;
        padding: 0 2.1875rem;
    }
}
.quoteBox blockquote p:after,
.quoteBox blockquote p:before {
    color: #051435;
    display: block;
    font-size: 3.75rem;
    height: 2.5rem;
    line-height: 1;
    overflow: hidden;
    position: absolute;
    width: 1.25rem;
    z-index: 1;
}
@media screen and (min-width: 64rem) {
    .quoteBox blockquote p:after,
    .quoteBox blockquote p:before {
        font-size: 6.875rem;
        height: 4.375rem;
        width: 2.5rem;
    }
}
.quoteBox blockquote p:before {
    content: "“";
    left: -1.25rem;
    top: -0.625rem;
}
@media screen and (min-width: 64rem) {
    .quoteBox blockquote p:before {
        left: -2.5rem;
    }
}
.quoteBox blockquote p:after {
    bottom: -0.625rem;
    content: "”";
    right: -1.25rem;
}
@media screen and (min-width: 64rem) {
    .quoteBox blockquote p:after {
        right: -2.5rem;
    }
}
.quoteBox blockquote footer {
    color: #051435;
    margin-top: 1.25rem;
    text-align: center;
}
.quoteBox blockquote cite {
    color: #051435;
    font-size: 0.875rem;
    font-style: normal;
}
@media screen and (min-width: 64rem) {
    .quoteBox blockquote cite {
        font-size: 1.125rem;
    }
}
@media screen and (min-width: 60rem) {
    .fullWidthQuote {
        padding: 0;
    }
}
.fullWidthQuote .fullWidthContainerInner {
    padding: 0 2.5rem;
}
.search {
    font-size: 0.625rem;
    position: relative;
    z-index: 1;
}
.container > .search {
    background-color: #4a4a4a;
}
header .search .row {
    background-color: rgba(0, 0, 0, 0.6);
    max-width: 73rem;
    padding: 0 1rem;
}
@media screen and (min-width: 64rem) {
    header .search .row {
        padding: 0 1.875rem;
    }
}
.search .searchCenter {
    border-radius: 3px;
    padding: 0 1.2rem;
}
.search form {
    -ms-flex-pack: justify;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 0.875rem;
    justify-content: space-between;
    padding: 1rem 0;
}
@media screen and (min-width: 64rem) {
    .search form {
        font-size: 1.125rem;
        padding: 2.25rem 0;
    }
}
.search .inputWrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media screen and (min-width: 30rem) {
    .search .inputWrapper > * + * {
        margin-left: 1.5rem;
    }
}
.search .inputWrapper legend {
    font-family:
        Derailed-Regular,
        Raleway-Regular,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1.25rem;
    line-height: 1.25;
    margin-bottom: 0.5rem;
    width: 100%;
}
@media screen and (min-width: 30rem) {
    .search .inputWrapper legend {
        width: auto;
    }
}
@media screen and (min-width: 64rem) {
    .search .inputWrapper legend {
        line-height: 1.4;
        margin-bottom: 0;
    }
}
.search .fieldWrapper {
    position: relative;
}
.search .filterChoice label {
    font-family:
        Derailed-Regular,
        Raleway-Regular,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1rem;
}
.search .filterChoice label:hover {
    cursor: pointer;
    text-decoration: underline;
}
.search .filterChoice + .filterChoice {
    margin-left: 1rem;
}
.search .filterSubmit {
    border: 1px solid #fff;
    height: 100%;
    max-height: 4rem;
    max-width: 4rem;
    padding: 0.0625rem;
    position: absolute;
    right: -6px;
    top: 0;
    width: 100%;
}
.search input[type="radio"] + label:before {
    background: #fff;
    border: 3px solid #fff;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 1rem;
    margin-right: 0.625rem;
    margin-top: -0.5rem;
    vertical-align: middle;
    width: 1rem;
}
@media screen and (min-width: 75rem) {
    .search input[type="radio"] + label:before {
        border-width: 5px;
        height: 1.5rem;
        width: 1.5rem;
    }
}
.search input[type="radio"]:checked + label:before {
    background: #000;
}
.search .searchBoxInput {
    font-size: 1.125rem;
    height: 4rem;
    padding: 1rem;
    width: calc(100% - 63px);
}
@media screen and (min-width: 64rem) {
    .search .searchBoxInput {
        font-size: 1.5rem;
    }
}
.search .searchBoxInput.fullWidth {
    width: 100%;
}
.search .searchFilters {
    margin-bottom: 1.25rem;
}
.course-page .requirementWidget .search .searchSubmit.selectWrapper.open,
.dataWidget .search .searchSubmit.nice-select.open,
.search .course-page .requirementWidget .searchSubmit.selectWrapper.open,
.search .dataWidget .searchSubmit.nice-select.open,
.search .searchSubmit:active,
.search .searchSubmit:focus,
.search .searchSubmit:hover {
    background-color: #000;
    border-color: transparent;
}
.search .searchCenter.colour0,
.search.colour0 {
    background-color: #fff;
}
.search .searchCenter.colourA,
.search .searchCenter.colourB,
.search .searchCenter.colourC,
.search.colourA,
.search.colourB,
.search.colourC {
    background-color: #003a65;
}
.search .searchCenter.colourClearing,
.search.colourClearing {
    background: #0080a5;
}
.search .searchCenter.colourTransparent,
.search.colourTransparent {
    background-color: transparent;
    padding: 0;
}
.search .searchCenter.colourTransparent p,
.search.colourTransparent p {
    color: #4c4c4c;
}
.search .searchCenter.colourTransparent .searchBoxInput,
.search.colourTransparent .searchBoxInput {
    border: 1px solid #4a4a4a;
    color: #4c4c4c;
}
.search .searchCenter.colourTransparent .searchBoxInput:hover,
.search.colourTransparent .searchBoxInput:hover {
    background-color: #f7f7f7;
}
.search .searchCenter.colourTransparent .searchBoxInput:focus,
.search.colourTransparent .searchBoxInput:focus {
    background-color: #fff;
    border: 2px solid #037eaf;
}
.search .searchCenter.colourTransparent .searchBoxInput::-webkit-input-placeholder,
.search.colourTransparent .searchBoxInput::-webkit-input-placeholder {
    color: #4c4c4c;
}
.search .searchCenter.colourTransparent .searchBoxInput::-moz-placeholder,
.search.colourTransparent .searchBoxInput::-moz-placeholder {
    color: #4c4c4c;
}
.search .searchCenter.colourTransparent .searchBoxInput:-ms-input-placeholder,
.search.colourTransparent .searchBoxInput:-ms-input-placeholder {
    color: #4c4c4c;
}
.search .searchCenter.colourTransparent .searchBoxInput::-ms-input-placeholder,
.search.colourTransparent .searchBoxInput::-ms-input-placeholder {
    color: #4c4c4c;
}
.search .searchCenter.colourTransparent .searchBoxInput::placeholder,
.search.colourTransparent .searchBoxInput::placeholder {
    color: #4c4c4c;
}
.search .searchCenter.colourTransparent .filterSubmit,
.search.colourTransparent .filterSubmit {
    background-color: #4c4c4c;
    border: 1px solid #4a4a4a;
}
.search .searchCenter.homepage-search form,
.search.homepage-search form {
    padding: 1.21875rem 1rem;
}
@media screen and (min-width: 64rem) {
    .search .searchCenter.homepage-search form,
    .search.homepage-search form {
        padding: 1.4375rem 0;
    }
}
@media screen and (max-width: 64rem) {
    .search .searchCenter.homepage-search form .searchFilters,
    .search.homepage-search form .searchFilters {
        margin-bottom: 1rem;
    }
}
.search .searchCenter.homepage-search form .searchFilters .inputWrapper label,
.search.homepage-search form .searchFilters .inputWrapper label {
    font-family: Derailed-Bold;
    font-size: 1.125rem;
    line-height: 1.31875rem;
}
@media screen and (min-width: 64rem) {
    .search .searchCenter.homepage-search form .searchFilters .inputWrapper label,
    .search.homepage-search form .searchFilters .inputWrapper label {
        font-size: 1.5625rem;
        line-height: 1.83125rem;
    }
}
.search .searchCenter.homepage-search form .searchBox .fieldWrapper,
.search.homepage-search form .searchBox .fieldWrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media screen and (min-width: 64rem) {
    .search .searchCenter.homepage-search form .searchBox .fieldWrapper,
    .search.homepage-search form .searchBox .fieldWrapper {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}
.search .searchCenter.homepage-search form .searchBox .fieldWrapper .selectBox,
.search.homepage-search form .searchBox .fieldWrapper .selectBox {
    margin-bottom: 0.4375rem;
    width: 100%;
}
@media screen and (min-width: 64rem) {
    .search .searchCenter.homepage-search form .searchBox .fieldWrapper .selectBox,
    .search.homepage-search form .searchBox .fieldWrapper .selectBox {
        margin-bottom: 0.625rem;
        margin-right: 0.625rem;
    }
}
.search .searchCenter.homepage-search form .searchBox .fieldWrapper .selectBox .wrap,
.search.homepage-search form .searchBox .fieldWrapper .selectBox .wrap {
    display: block;
    margin-bottom: 0;
    overflow: hidden;
    position: relative;
}
.search .searchCenter.homepage-search form .searchBox .fieldWrapper .selectBox .wrap select,
.search.homepage-search form .searchBox .fieldWrapper .selectBox .wrap select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border: 1px solid #fff;
    color: #4a4a4a;
    font-family: Bariol;
    font-size: 1.125rem;
    height: 2.6875rem;
    line-height: 1.24rem;
    padding: 0 1rem;
    width: 100%;
}
@media screen and (min-width: 64rem) {
    .search .searchCenter.homepage-search form .searchBox .fieldWrapper .selectBox .wrap select,
    .search.homepage-search form .searchBox .fieldWrapper .selectBox .wrap select {
        font-size: 1.5rem;
        height: 4rem;
        line-height: 1.653125rem;
    }
}
.search .searchCenter.homepage-search form .searchBox .fieldWrapper .selectBox .wrap select.error,
.search.homepage-search form .searchBox .fieldWrapper .selectBox .wrap select.error {
    border: 3px solid #d6062a;
    padding-left: 2.875rem;
}
@media screen and (min-width: 64rem) {
    .search .searchCenter.homepage-search form .searchBox .fieldWrapper .selectBox .wrap select.error,
    .search.homepage-search form .searchBox .fieldWrapper .selectBox .wrap select.error {
        padding-left: 3.875rem;
    }
}
.search .searchCenter.homepage-search form .searchBox .fieldWrapper .selectBox .wrap:after,
.search.homepage-search form .searchBox .fieldWrapper .selectBox .wrap:after {
    color: #4a4a4a;
    content: "\f078";
    font-size: 1.25rem;
    pointer-events: none;
    position: absolute;
    right: 0.875rem;
    top: 0.875rem;
}
@media screen and (min-width: 64rem) {
    .search .searchCenter.homepage-search form .searchBox .fieldWrapper .selectBox .wrap:after,
    .search.homepage-search form .searchBox .fieldWrapper .selectBox .wrap:after {
        font-size: 1.9375rem;
        right: 1.25rem;
        top: 1.25rem;
    }
}
.search .searchCenter.homepage-search form .searchBox .fieldWrapper .selectBox .wrap.error:before,
.search.homepage-search form .searchBox .fieldWrapper .selectBox .wrap.error:before {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    color: #d6062a;
    content: "\f071";
    font-size: 1.5625rem;
    left: 0.625rem;
    pointer-events: none;
    position: absolute;
    top: 0.625rem;
    z-index: 1;
}
@media screen and (min-width: 64rem) {
    .search .searchCenter.homepage-search form .searchBox .fieldWrapper .selectBox .wrap.error:before,
    .search.homepage-search form .searchBox .fieldWrapper .selectBox .wrap.error:before {
        font-size: 1.75rem;
        left: 1.4375rem;
        top: 1.125rem;
    }
    .search .searchCenter.homepage-search form .searchBox .fieldWrapper .selectBox,
    .search.homepage-search form .searchBox .fieldWrapper .selectBox {
        margin-bottom: 0;
        width: 35%;
    }
}
.search .searchCenter.homepage-search form .searchBox .fieldWrapper .searchBoxInput,
.search.homepage-search form .searchBox .fieldWrapper .searchBoxInput {
    background-color: #fff;
    border: 1px solid #fff;
    color: #4a4a4a;
    font-family: Bariol;
    font-size: 1.5rem;
    font-weight: 400;
    height: 2.6875rem;
    line-height: 1.653125rem;
    margin-right: 0.4375rem;
    width: 60%;
}
.search .searchCenter.homepage-search form .searchBox .fieldWrapper .searchBoxInput:focus,
.search.homepage-search form .searchBox .fieldWrapper .searchBoxInput:focus {
    background-color: #fff;
    border: 2px solid #037eaf;
}
.search .searchCenter.homepage-search form .searchBox .fieldWrapper .searchBoxInput::-webkit-input-placeholder,
.search.homepage-search form .searchBox .fieldWrapper .searchBoxInput::-webkit-input-placeholder {
    color: #4a4a4a;
}
.search .searchCenter.homepage-search form .searchBox .fieldWrapper .searchBoxInput::-moz-placeholder,
.search.homepage-search form .searchBox .fieldWrapper .searchBoxInput::-moz-placeholder {
    color: #4a4a4a;
}
.search .searchCenter.homepage-search form .searchBox .fieldWrapper .searchBoxInput:-ms-input-placeholder,
.search.homepage-search form .searchBox .fieldWrapper .searchBoxInput:-ms-input-placeholder {
    color: #4a4a4a;
}
.search .searchCenter.homepage-search form .searchBox .fieldWrapper .searchBoxInput::-ms-input-placeholder,
.search.homepage-search form .searchBox .fieldWrapper .searchBoxInput::-ms-input-placeholder {
    color: #4a4a4a;
}
.search .searchCenter.homepage-search form .searchBox .fieldWrapper .searchBoxInput::placeholder,
.search.homepage-search form .searchBox .fieldWrapper .searchBoxInput::placeholder {
    color: #4a4a4a;
}
@media screen and (min-width: 64rem) {
    .search .searchCenter.homepage-search form .searchBox .fieldWrapper .searchBoxInput,
    .search.homepage-search form .searchBox .fieldWrapper .searchBoxInput {
        height: 4rem;
        margin-right: 0.625rem;
    }
}
@media screen and (max-width: 64rem) {
    .search .searchCenter.homepage-search form .searchBox .fieldWrapper .searchBoxInput,
    .search.homepage-search form .searchBox .fieldWrapper .searchBoxInput {
        -ms-flex: 1;
        flex: 1;
        font-size: 1.125rem;
        line-height: 1.24rem;
    }
}
.search .searchCenter.homepage-search form .searchBox .fieldWrapper .filterSubmit,
.search.homepage-search form .searchBox .fieldWrapper .filterSubmit {
    border-radius: 5px;
    height: 2.6875rem;
    max-height: auto;
    max-width: auto;
    position: relative;
    right: 0;
    width: 2.6875rem;
}
@media screen and (min-width: 64rem) {
    .search .searchCenter.homepage-search form .searchBox .fieldWrapper .filterSubmit,
    .search.homepage-search form .searchBox .fieldWrapper .filterSubmit {
        height: 4rem;
        width: 4rem;
    }
}
.search .searchCenter.homepage-search .courseLinksContainer,
.search.homepage-search .courseLinksContainer {
    height: auto;
    padding: 0.625rem 1rem;
    position: relative;
}
@media screen and (min-width: 64rem) {
    .search .searchCenter.homepage-search .courseLinksContainer,
    .search.homepage-search .courseLinksContainer {
        height: 3.5rem;
        padding: 0;
    }
}
.search .searchCenter.homepage-search .courseLinksContainer .overlay,
.search.homepage-search .courseLinksContainer .overlay {
    background-color: rgba(0, 0, 0, 0.2);
}
.search .searchCenter.homepage-search .courseLinksContainer .row,
.search.homepage-search .courseLinksContainer .row {
    height: 100%;
}
.search .searchCenter.homepage-search .courseLinksContainer ul,
.search.homepage-search .courseLinksContainer ul {
    display: block;
    height: 100%;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
@media screen and (min-width: 64rem) {
    .search .searchCenter.homepage-search .courseLinksContainer ul,
    .search.homepage-search .courseLinksContainer ul {
        -ms-flex-align: center;
        align-items: center;
        display: -ms-flexbox;
        display: flex;
    }
}
.search .searchCenter.homepage-search .courseLinksContainer ul li,
.search.homepage-search .courseLinksContainer ul li {
    margin-bottom: 0;
    margin-right: 2.6875rem;
}
.search .searchCenter.homepage-search .courseLinksContainer ul li a,
.search.homepage-search .courseLinksContainer ul li a {
    color: #fff;
    font-size: 0.875rem;
    line-height: 1.5rem;
}
@media screen and (min-width: 64rem) {
    .search .searchCenter.homepage-search .courseLinksContainer ul li a,
    .search.homepage-search .courseLinksContainer ul li a {
        font-size: 1rem;
    }
}
.search .searchCenter.homepage-search .courseLinksContainer ul li a:focus,
.search .searchCenter.homepage-search .courseLinksContainer ul li a:hover,
.search.homepage-search .courseLinksContainer ul li a:focus,
.search.homepage-search .courseLinksContainer ul li a:hover {
    text-decoration: underline;
}
.search.searchMulti {
    padding-top: 1.875rem;
}
.search.searchMulti form {
    padding: 0 0 1.25rem;
}
@media screen and (min-width: 64rem) {
    .search.searchMulti form {
        padding-bottom: 1.875rem;
    }
}
.search.searchMulti form .searchFilters {
    -ms-flex-align: center;
    align-items: center;
}
.search.searchMulti form .searchFilters .inputWrapper h2 {
    color: #051435;
}
.search.searchMulti form .searchFilters .inputWrapper label {
    font-size: 1.5rem;
}
@media screen and (min-width: 64rem) {
    .search.searchMulti form .searchFilters .inputWrapper label {
        font-size: 2.1875rem;
    }
}
.search.searchMulti form .searchFilters .inputWrapper legend {
    margin-bottom: 0;
}
.search.searchMulti form .searchBox .fieldWrapper .selectBox .wrap select {
    color: #003a65;
    font-family:
        Derailed-SemiBold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 0.9375rem;
}
@media screen and (min-width: 30rem) {
    .search.searchMulti form .searchBox .fieldWrapper .selectBox .wrap select {
        font-size: 1.125rem;
    }
}
.search.searchMulti form .searchBox .fieldWrapper .selectBox .wrap:after {
    color: #003a65;
    content: "\f0d7";
    font-size: 1.875rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
@media screen and (min-width: 30rem) {
    .search.searchMulti form .searchBox .fieldWrapper .selectBox .wrap:after {
        font-size: 2.5rem;
    }
}
.search.searchMulti form .searchBox .fieldWrapper .searchBoxInput {
    font-family:
        Derailed-Regular,
        Raleway-Regular,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 0.9375rem;
}
@media screen and (min-width: 30rem) {
    .search.searchMulti form .searchBox .fieldWrapper .searchBoxInput {
        font-size: 1.125rem;
    }
}
.search.searchMulti form .searchBox .fieldWrapper .filterSubmit {
    overflow: hidden;
    position: relative;
}
.search.searchMulti form .searchBox .fieldWrapper .filterSubmit button {
    -ms-flex-align: center;
    align-items: center;
    background: none;
    border: none;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    padding: 0;
    position: relative;
    width: 100%;
}
.search.searchMulti form .searchBox .fieldWrapper .filterSubmit button svg {
    background: transparent;
    left: 48%;
    position: absolute;
    top: 48%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.search.searchMulti form .searchBox .fieldWrapper .filterSubmit button .searchSubmit {
    background: none;
    width: 3.75rem;
}
.search.searchMulti form .searchBox .fieldWrapper .filterSubmit button:hover .searchSubmit {
    background-color: transparent;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.search.searchMulti .courseLinksContainer {
    height: auto;
}
@media screen and (min-width: 64rem) {
    .search.searchMulti .courseLinksContainer .courseLinksContainerInner {
        padding: 0 0.9375rem;
    }
}
.search.searchMulti .courseLinksContainer .courseLinksContainerInner ul {
    border-top: 1px solid #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0.9rem 0;
    row-gap: 5px;
}
@media screen and (min-width: 48rem) {
    .search.searchMulti .courseLinksContainer .courseLinksContainerInner ul {
        -ms-flex-align: center;
        align-items: center;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        padding: 1.875rem 0;
    }
}
.search.searchMulti .courseLinksContainer .courseLinksContainerInner ul a {
    text-decoration: underline;
}
.search.searchLayout {
    background-color: #003a65;
    color: #fff;
}
.search.searchLayout form .filterSubmit button svg {
    color: #fff;
}
.search.searchLayout form .filterSubmit:hover {
    background-color: #051435;
}
.search.searchLayout form legend {
    color: #fff;
}
.search.searchLayout form .searchFilters,
.search.searchLayout form .searchFilters .inputWrapper {
    -ms-flex-align: center;
    align-items: center;
}
.search.searchLayout form .searchFilters .inputWrapper h2 {
    color: #fff;
}
.search.searchLayout form .searchFilters .inputWrapper legend {
    margin-bottom: 0;
}
.search.searchLayout form .searchFilters .inputWrapper label {
    color: #fff;
}
.search.searchLayout form .searchFilters .inputWrapper label:before {
    margin-top: -0.25rem;
}
.search.searchLayout.midBlueSearch {
    background-color: #0073bc;
}
.search.searchLayout.midBlueSearch form .searchFilters .inputWrapper h2,
.search.searchLayout.midBlueSearch form .searchFilters .inputWrapper label {
    color: #fff;
}
.search.searchLayout.midBlueSearch form .searchBox .fieldWrapper .searchBoxInput:focus {
    border: 2px solid #051435;
}
.search.searchLayout.midBlueSearch form .filterSubmit button svg {
    color: #fff;
}
.search.searchLayout.midBlueSearch form .filterSubmit:hover {
    background-color: #051435;
}
.search.searchLayout.midBlueSearch legend {
    color: #fff;
}
.search.searchLayout.brandBlueSearch {
    background-color: #003a65;
    color: #fff;
}
.search.searchLayout.brandBlueSearch form .filterSubmit button svg,
.search.searchLayout.brandBlueSearch form .searchFilters .inputWrapper h2,
.search.searchLayout.brandBlueSearch form .searchFilters .inputWrapper label {
    color: #fff;
}
.search.searchLayout.brandBlueSearch form .filterSubmit:hover {
    background-color: #051435;
}
.search.searchLayout.brandBlueSearch form legend {
    color: #fff;
}
.search.searchLayout.whiteSearch {
    background-color: #fff;
}
.search.searchLayout.whiteSearch form .searchFilters .inputWrapper h2,
.search.searchLayout.whiteSearch form .searchFilters .inputWrapper label {
    color: #051435;
}
.search.searchLayout.whiteSearch form .searchBox .fieldWrapper .searchBoxInput,
.search.searchLayout.whiteSearch form .searchBox .fieldWrapper .selectBox {
    border: 1px solid #051435;
}
.search.searchLayout.whiteSearch form .searchBox .fieldWrapper .searchBoxInput:focus {
    border: 2px solid #0073bc;
}
.search.searchLayout.whiteSearch form .searchBox .fieldWrapper .filterSubmit {
    border: 1px solid #051435;
}
.search.searchLayout.whiteSearch form .searchBox .fieldWrapper .filterSubmit:after {
    color: #003a65;
}
.search.searchLayout.whiteSearch form .searchBox .fieldWrapper .filterSubmit button svg {
    color: #051435;
}
.search.searchLayout.whiteSearch form .searchBox .fieldWrapper .filterSubmit:hover {
    background-color: #051435;
}
.search.searchLayout.whiteSearch form .searchBox .fieldWrapper .filterSubmit:hover svg {
    color: #fff;
}
.search.searchLayout.whiteSearch form legend {
    color: #051435;
}
.search.searchLayout.whiteSearch .courseLinksContainer .courseLinksContainerInner ul {
    border-top: 1px solid #c3e4e8;
}
.search.searchLayout.whiteSearch .courseLinksContainer .courseLinksContainerInner ul a {
    color: #0073bc;
}
.search.courseLevelSpecific .searchBox .searchBoxInput {
    -ms-flex: 1;
    flex: 1;
}
#searchForm.search .submitSearch {
    background: none;
    background-color: #fff;
}
#searchForm.search .filterSubmit {
    background-color: #fff;
}
.searchIconPosition {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.searchFilterSubmit {
    background-color: #fff;
    border: 1px solid #051435;
    border-radius: 5px;
}
.resultsWrapper.researchResultsWrapper {
    margin-bottom: 5rem;
    padding: 0;
}
.resultsWrapper.researchResultsWrapper .researchCountBold {
    color: #003a65;
    font-weight: bolder;
}
#clearingMobileFilter {
    border-radius: 0;
    display: block;
    margin-bottom: 1.25rem;
    padding: 0.625rem 0.9375rem;
    width: 100%;
    z-index: 10000;
}
@media screen and (min-width: 60rem) {
    #clearingMobileFilter {
        display: none;
    }
}
#clearingMobileFilter.active {
    left: 0;
    position: fixed;
    top: 0;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
#clearingMobileFilter .clearingFilterMenuContainer {
    border-left: 2px solid #0a97ff;
    list-style-type: none;
    margin: 0;
}
#clearingMobileFilter a {
    background-color: inherit;
    color: #cce9ff;
    cursor: pointer;
    display: block;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1rem;
    margin: 0.75rem 0;
    padding: 0.1875rem 0 0.1875rem 0.9375rem;
    text-decoration: none;
    width: 100%;
}
#clearingMobileFilter a.active {
    background-color: inherit;
    border-left: 2px solid #fff;
    color: #fff;
    left: -2px;
    position: relative;
}
#clearingMobileFilter #clearingFilterBurgerOpen span:before {
    color: #fff;
    content: "\f0b0";
    display: inline-block;
    font-family: Font Awesome\5 Free;
    font-size: 20px;
    font-style: normal;
    font-variant: normal;
    font-weight: 900;
    text-align: center;
    vertical-align: -0.125em;
}
#clearingMobileFilter .clearingMobileFilterContainer {
    -ms-flex-align: start;
    -ms-flex-align: baseline;
    align-items: flex-start;
    align-items: baseline;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}
#clearingMobileFilter .clearingMobileFilterContainer button {
    -ms-flex-pack: justify;
    background: #fff;
    background-color: #003a65;
    border-radius: 10px;
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    font-family:
        Derailed-Regular,
        Raleway-Regular,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1.125rem;
    font-weight: 700;
    justify-content: space-between;
    line-height: 1.3125rem;
    padding: 0.6875rem 1.25rem;
    width: 100%;
}
#clearingMobileFilter .clearingMobileFilterContainer button:focus {
    outline: 4px dashed #007494;
}
#clearingMobileFilter .clearingMobileFilterContainer .course-page .featured-content .module-title,
#clearingMobileFilter .clearingMobileFilterContainer h4,
.course-page .featured-content #clearingMobileFilter .clearingMobileFilterContainer .module-title {
    color: #fff;
    font-weight: 800;
    padding: 0;
}
@media screen and (min-width: 48rem) {
    #clearingMobileFilter .clearingMobileFilterContainer {
        -ms-flex-direction: row;
        flex-direction: row;
    }
}
#clearingMobileFilter .filterMenuFixed {
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
#clearingMobileFilter .preventScroll {
    overflow: hidden;
    pointer-events: none;
}
.simpleSearch .courseSearchContainer {
    display: none;
}
@media screen and (min-width: 60rem) {
    .simpleSearch .courseSearchContainer.searchEnabled {
        margin-bottom: 3rem;
        max-height: 25rem;
        overflow-y: scroll;
    }
}
.courseSearchContainer.clearingSearchContainer {
    display: block;
}
@media screen and (min-width: 60rem) {
    .courseSearchContainer.clearingSearchContainer .filter-results-title .searchCount {
        display: none;
    }
    .courseSearchContainer.clearingSearchContainer .courseSearch {
        text-align: right;
    }
}
.courseSearchContainer.clearingSearchContainer .courseSearch .searchCount {
    padding: 0;
}
.courseSearchContainer.clearingSearchContainer .sidebar {
    height: 100vh;
    left: 100%;
    max-width: none;
    overflow-x: hidden;
    padding: 3.75rem 2rem 2rem;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    width: 100%;
    z-index: 9999;
}
.courseSearchContainer.clearingSearchContainer .sidebar.active {
    left: 0;
}
@media (min-width: 60rem) {
    .courseSearchContainer.clearingSearchContainer .sidebar {
        height: auto;
        left: auto;
        margin-right: 2.5rem;
        max-width: 21.5625rem;
        overflow-x: auto;
        padding: 0;
        position: relative;
        right: auto;
        top: auto;
        -webkit-transition: none;
        transition: none;
        width: 34%;
        z-index: auto;
    }
}
.courseSearchContainer.clearingSearchContainer .toggleFilters {
    display: none;
    margin: 0.625rem 0;
    text-align: right;
}
@media screen and (min-width: 60rem) {
    .courseSearchContainer.clearingSearchContainer .toggleFilters {
        display: none;
    }
}
.courseSearchContainer.clearingSearchContainer .toggleFilters a {
    border: 1px solid #b3b3b3;
    border-radius: 3px;
    color: #4a4a4a;
    cursor: pointer;
    padding: 0.5rem;
    text-decoration: none;
}
.courseSearchContainer.clearingSearchContainer .toggleFilters a:before {
    content: "\f0b0";
}
.courseSearchContainer.clearingSearchContainer #clearingFilterBurgerClose {
    -ms-flex-pack: justify;
    background: #fff;
    background-color: #003a65;
    border: 1px solid #fff;
    border-radius: 10px;
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    font-family:
        Derailed-Regular,
        Raleway-Regular,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1.125rem;
    font-weight: 700;
    justify-content: space-between;
    left: 15px;
    line-height: 1.3125rem;
    padding: 0.6875rem 1.25rem;
    position: absolute;
    top: 10px;
    width: calc(100% - 30px);
}
@media (min-width: 60rem) {
    .courseSearchContainer.clearingSearchContainer #clearingFilterBurgerClose {
        display: none;
    }
}
.course-page .featured-content .courseSearchContainer.clearingSearchContainer #clearingFilterBurgerClose .module-title,
.courseSearchContainer.clearingSearchContainer #clearingFilterBurgerClose .course-page .featured-content .module-title,
.courseSearchContainer.clearingSearchContainer #clearingFilterBurgerClose h4 {
    color: #fff;
    padding-bottom: 0;
}
.courseSearchContainer.clearingSearchContainer #clearingFilterBurgerClose span:before {
    color: #fff;
    content: "\f00d";
    display: inline-block;
    font-family: Font Awesome\5 Free;
    font-size: 20px;
    font-style: normal;
    font-variant: normal;
    font-weight: 900;
    text-align: center;
    vertical-align: -0.125em;
}
.courseSearchContainer .into__icon {
    background-image: url(/webtemplate/img/logos/into-logo.png);
    height: 1.25rem;
    margin: 0.115625rem 0.3125rem;
    width: 3.375rem;
}
.courseSearchContainer .into__icon:before {
    content: "" !important;
}
@media (-moz-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2) {
    .courseSearchContainer .into__icon {
        background-image: url(/webtemplate/img/logos/into-logo@2x.png);
        background-size: 54px 20px;
    }
}
.courseSearchContainer .london__icon {
    background-image: url(/webtemplate/img/logos/london-logo.png);
    height: 1.25rem;
    margin: 0.115625rem 0.3125rem;
    width: 4.8125rem;
}
.courseSearchContainer .london__icon:before {
    content: "" !important;
}
@media (-moz-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2) {
    .courseSearchContainer .london__icon {
        background-image: url(/webtemplate/img/logos/london-logo@2x.png);
        background-size: 77px 20px;
    }
}
.courseSearchContainer .courseSearch {
    background: #fff;
}
.courseSearchContainer .courseSearch .searchCount {
    color: #4c4c4c;
}
.courseSearchContainer .courseSearch .searchCount span {
    font-weight: 700;
}
.courseSearchContainer .courseSearch .alert {
    margin-top: 0;
}
@media screen and (min-width: 60rem) {
    .courseSearchContainer .courseSearch .alert p {
        font-size: 1.125rem;
    }
}
.courseSearchContainer .courseSearch .spinnerBox {
    display: none;
    margin: 3rem 0;
    text-align: center;
}
.courseSearchContainer .courseSearch .spinnerBox span {
    -webkit-animation: rotate 1s linear infinite;
    animation: rotate 1s linear infinite;
    color: #0080a5;
    font-size: 3.75rem;
}
@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
.courseSearchContainer .courseSearch .spinnerBox span:after {
    content: "\f110";
}
.courseSearchContainer .clearingLayout {
    -ms-flex-align: start;
    align-items: flex-start;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}
@media screen and (min-width: 60rem) {
    .courseSearchContainer .clearingLayout {
        -ms-flex-direction: row;
        flex-direction: row;
        margin-bottom: 2rem;
        margin-top: 2rem;
    }
}
.courseSearchContainer .clearingLayout .filterSidebar {
    margin-top: 0;
    max-height: none;
}
.courseSearchContainer .clearingLayout__filterBox .row p {
    border-bottom: 1px solid #ddd;
    font-size: 0.875rem;
    margin-bottom: 0.875rem;
}
.courseSearchContainer .clearingLayout__filterBox .row .checkbox {
    margin: 0.5rem 0;
}
.courseSearchContainer .clearingLayout__filterBox .row .checkbox label {
    font-size: 1rem;
    margin-left: 4px;
}
.courseSearchContainer .clearingLayout .clearingSearchResults {
    margin-top: 0;
    width: 100%;
}
.courseSearchContainer .clearingLayout .clearingSearchResults__clearingList .clearingContainer {
    border-bottom: 1px solid #d1d1d1;
    padding: 1.5rem 0;
}
@media screen and (min-width: 60rem) {
    .courseSearchContainer .clearingLayout .clearingSearchResults__clearingList .clearingContainer {
        margin-bottom: 2.8rem;
        padding: 0;
    }
}
.courseSearchContainer .clearingLayout .clearingSearchResults__clearingList .clearingContainer p {
    font-family: Derailed-Regular;
}
.courseSearchContainer .clearingLayout .clearingSearchResults__clearingList .clearingContainer .clearingName h3 {
    font-family: Derailed-Bold;
    font-size: 1.5625rem;
    padding-bottom: 1rem;
}
.courseSearchContainer .clearingLayout .clearingSearchResults__clearingList .clearingContainer .clearingName h3 a {
    color: #00634a;
}
.courseSearchContainer .clearingLayout .clearingSearchResults__clearingList .clearingContainer .clearingCourseInfo ul {
    display: block;
    list-style-type: none;
    margin-left: 0;
    padding: 0;
}
@media screen and (min-width: 60rem) {
    .courseSearchContainer
        .clearingLayout
        .clearingSearchResults__clearingList
        .clearingContainer
        .clearingCourseInfo
        ul {
        display: -ms-flexbox;
        display: flex;
    }
}
.courseSearchContainer
    .clearingLayout
    .clearingSearchResults__clearingList
    .clearingContainer
    .clearingCourseInfo
    ul
    li {
    font-family: Derailed-Regular;
    margin-right: 2rem;
}
.courseSearchContainer
    .clearingLayout
    .clearingSearchResults__clearingList
    .clearingContainer
    .clearingCourseInfo
    ul
    li
    span {
    font-weight: 700;
    margin-right: 0.6rem;
}
.courseSearchContainer .clearingLayout .clearingSearchResults__clearingList .clearingContainer .clearingStatus {
    list-style-type: none;
    margin-left: 0;
}
@media screen and (min-width: 60rem) {
    .courseSearchContainer .clearingLayout .clearingSearchResults__clearingList .clearingContainer .clearingStatus {
        margin: 0.25rem 0 0.25rem 1rem;
    }
}
.courseSearchContainer .clearingLayout .clearingSearchResults__clearingList .clearingContainer .clearingStatus li {
    font-family: Derailed-Regular;
    font-weight: 700;
    line-height: 34px;
}
.courseSearchContainer
    .clearingLayout
    .clearingSearchResults__clearingList
    .clearingContainer
    .clearingStatus
    li
    .alert
    .alertIcon {
    margin-right: 0.3125rem;
    vertical-align: 1px;
}
.courseSearchContainer
    .clearingLayout
    .clearingSearchResults__clearingList
    .clearingContainer
    .clearingStatus
    li
    .alert
    .alertIcon.tick {
    background-color: #0080a5;
}
.courseSearchContainer
    .clearingLayout
    .clearingSearchResults__clearingList
    .clearingContainer
    .clearingStatus
    li
    .alert
    .alertIcon.int {
    background-color: #00634a;
}
.courseSearchContainer .clearingLayout .clearingSearchResults__clearingList .clearingContainer .not-available-msg {
    margin: 0.625rem 0;
}
.courseSearchContainer .clearingLayout .clearingSearchResults__clearingList .clearingContainer .courseLink {
    text-align: right;
}
.courseSearchContainer .clearingLayout .clearingSearchResults__clearingList .clearingContainer .courseLink .cta,
.courseSearchContainer
    .clearingLayout
    .clearingSearchResults__clearingList
    .clearingContainer
    .courseLink
    .gallery.mediaGallery
    .buttons
    .btn,
.gallery.mediaGallery
    .buttons
    .courseSearchContainer
    .clearingLayout
    .clearingSearchResults__clearingList
    .clearingContainer
    .courseLink
    .btn {
    width: 100%;
}
@media screen and (min-width: 60rem) {
    .courseSearchContainer .clearingLayout .clearingSearchResults__clearingList .clearingContainer .courseLink .cta,
    .courseSearchContainer
        .clearingLayout
        .clearingSearchResults__clearingList
        .clearingContainer
        .courseLink
        .gallery.mediaGallery
        .buttons
        .btn,
    .gallery.mediaGallery
        .buttons
        .courseSearchContainer
        .clearingLayout
        .clearingSearchResults__clearingList
        .clearingContainer
        .courseLink
        .btn {
        width: auto;
    }
}
.courseSearchContainer .searchBoxInput {
    border: 1px solid #4a4a4a;
    color: #4c4c4c;
}
.courseSearchContainer .searchBoxInput:hover {
    background-color: #f7f7f7;
}
.courseSearchContainer .searchBoxInput:focus {
    background-color: #fff;
    border: 2px solid #037eaf;
}
.courseSearchContainer .searchBoxInput::-webkit-input-placeholder {
    color: #4c4c4c;
}
.courseSearchContainer .searchBoxInput::-moz-placeholder {
    color: #4c4c4c;
}
.courseSearchContainer .searchBoxInput:-ms-input-placeholder {
    color: #4c4c4c;
}
.courseSearchContainer .searchBoxInput::-ms-input-placeholder {
    color: #4c4c4c;
}
.courseSearchContainer .searchBoxInput::placeholder {
    color: #4c4c4c;
}
.courseSearchContainer .filterSubmit {
    background-color: #4c4c4c;
    border: 1px solid #4a4a4a;
}
.courseSearchContainer .filterSubmit:hover {
    background-color: #000;
}
.courseSearchContainer .courseSearchResults {
    margin: 0;
    width: 100%;
}
.courseSearchContainer .courseSearchResults .courseDropDowns,
.courseSearchContainer .courseSearchResults .dropdown {
    margin: 1rem 0 !important;
}
.courseSearchContainer .courseSearchResults h3 {
    font-family: Derailed-ExtraBold;
    font-weight: 700;
    padding-bottom: 0;
}
@media screen and (min-width: 48rem) {
    .courseSearchContainer .courseSearchResults h3 {
        font-size: 1.5625rem;
    }
}
.courseSearchContainer .courseSearchResults h3 a {
    color: #00634a;
    text-decoration: none;
}
.courseSearchContainer .courseSearchResults h3 a:hover {
    text-decoration: underline;
}
.courseSearchContainer .courseSearchResults p {
    font-family: Derailed-Regular;
}
.courseSearchContainer .courseSearchResults__box {
    border-bottom: 1px solid #d1d1d1;
    padding: 1.5rem 0;
}
.courseSearchContainer .courseSearchResults__box h3 {
    font-family: Derailed-Bold;
}
.courseSearchContainer .courseSearchResults__info {
    -ms-flex-pack: justify;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: Derailed-Regular;
    justify-content: space-between;
    margin: 0;
    padding: 1.2rem 0 0.5rem;
}
.courseSearchContainer .courseSearchResults__info li {
    -ms-flex: 1;
    flex: 1;
    font-size: 1rem;
    list-style-type: none;
}
@media screen and (min-width: 48rem) {
    .courseSearchContainer .courseSearchResults__info li#studyLevel {
        min-width: 17rem;
    }
}
@media screen and (min-width: 60rem) {
    .courseSearchContainer .courseSearchResults__info {
        -ms-flex-direction: row;
        flex-direction: row;
    }
}
.courseSearchContainer .courseSearchResults__info .course_key {
    font-family: Derailed-Bold;
    margin-right: 0.3125rem;
}
.courseSearchContainer .courseSearchResults__info #courseCode {
    display: -ms-flexbox;
    display: flex;
}
.courseSearchContainer .courseSearchResults__info #courseCode span {
    max-width: 16.125rem;
}
.courseSearchContainer .courseSearchResults__alphabet-list {
    -ms-flex-pack: start;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-family: Derailed-Bold;
    justify-content: flex-start;
    list-style-type: none;
    margin-left: 0;
}
@media screen and (min-width: 48rem) {
    .courseSearchContainer .courseSearchResults__alphabet-list {
        padding: 1.4rem 0;
    }
}
.courseSearchContainer .courseSearchResults__alphabet-list li {
    background: #f7f7f7;
    border-radius: 3px;
    -ms-flex: 1 0 calc(15% - 1px);
    flex: 1 0 calc(15% - 1px);
    height: 3rem;
    line-height: 3.125rem;
    margin: 1px;
    text-align: center;
    width: 5rem;
}
@media screen and (min-width: 60rem) {
    .courseSearchContainer .courseSearchResults__alphabet-list li {
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        margin: 12px 17px 8px 0;
    }
}
.courseSearchContainer .courseSearchResults__alphabet-list li a {
    color: #dcdcdc;
    cursor: default;
    display: block;
    font-size: 1.25rem;
    font-weight: 700;
    height: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    width: 100%;
}
.courseSearchContainer .courseSearchResults__alphabet-list li a:hover {
    background-color: #f7f7f7;
    text-decoration: none;
}
.courseSearchContainer .courseSearchResults__alphabet-list li a:focus {
    text-decoration: none;
}
.courseSearchContainer .courseSearchResults__alphabet-list li a.has__content {
    color: #4c4c4c;
    cursor: pointer;
}
.courseSearchContainer .courseSearchResults__alphabet-list li a.has__content:hover {
    background-color: #008283;
    color: #fff;
}
@media screen and (max-width: 26.563rem) {
    .courseSearchContainer .courseSearchResults__alphabet-list li.listletterY,
    .courseSearchContainer .courseSearchResults__alphabet-list li.listletterZ {
        -ms-flex: 0 1 16.25%;
        flex: 0 1 16.25%;
    }
}
.courseSearchContainer .courseSearchResults__clearingList,
.courseSearchContainer .courseSearchResults__courseList {
    list-style-type: none;
    margin-left: 0;
    padding-top: 0;
}
.courseSearchContainer .courseSearchResults__clearingList .btn.bk-to-top,
.courseSearchContainer .courseSearchResults__courseList .btn.bk-to-top {
    background-color: #008283;
    color: #fff;
    display: block;
    font-family: Bariol;
    font-size: 1.5rem;
    height: 58px;
    line-height: 58px;
    margin: 3rem 0 4.45rem;
    text-align: center;
    width: 151px;
}
.courseSearchContainer .courseSearchResults__clearingList .btn.bk-to-top:focus,
.courseSearchContainer .courseSearchResults__clearingList .btn.bk-to-top:hover,
.courseSearchContainer .courseSearchResults__courseList .btn.bk-to-top:focus,
.courseSearchContainer .courseSearchResults__courseList .btn.bk-to-top:hover {
    text-decoration: none;
}
@media screen and (min-width: 60rem) {
    .courseSearchContainer .courseSearchResults__courseName {
        -ms-flex-align: center;
        align-items: center;
        display: -ms-flexbox;
        display: flex;
        line-height: 1.625rem;
    }
}
.courseSearchContainer .courseSearchResults__courseName a {
    color: #007a74;
    font-family: Derailed-Bold;
    font-size: 1rem;
    line-height: 34px;
    text-decoration: none;
}
@media screen and (min-width: 48rem) {
    .courseSearchContainer .courseSearchResults__courseName a {
        font-size: 1.125rem;
    }
}
.courseSearchContainer .courseSearchResults__courseName span {
    display: block;
    font-family: Derailed-Regular;
    margin-bottom: 7px;
}
@media screen and (min-width: 48rem) {
    .courseSearchContainer .courseSearchResults__courseName span {
        margin-bottom: 0;
    }
}
@media screen and (min-width: 60rem) {
    .courseSearchContainer .courseSearchResults__courseName span:before {
        content: " | ";
        margin-left: 0.31rem;
    }
    .courseSearchContainer .courseSearchResults__courseName span {
        display: inline-block;
    }
}
@media screen and (min-width: 48rem) {
    .courseSearchContainer .courseSearchResults__courseName.alt__list {
        margin: 0 0 0.625rem;
    }
}
@media screen and (max-width: 48rem) {
    .courseSearchContainer .courseSearchResults__courseName .into__icon,
    .courseSearchContainer .courseSearchResults__courseName .london__icon {
        margin: 0;
    }
}
.courseSearchContainer .courseSearchResults__courseName.hide {
    display: none;
}
.courseSearchContainer .courseSearchResults__courseTitle {
    margin-bottom: 0.5rem;
    width: 100%;
}
.courseSearchContainer .courseSearchResults__courseTitle p {
    padding: 0;
}
.courseSearchContainer .courseSearchResults__letterSort h3 {
    border-bottom: 1px solid #d1d1d1;
    color: #4a4a4a;
    font-weight: bolder;
    margin: 1.4rem 0 0;
    padding-bottom: 0.6rem;
}
@media screen and (min-width: 48rem) {
    .courseSearchContainer .courseSearchResults__letterSort h3 {
        font-size: 2.5rem;
        margin: 1.5rem 0 2.45rem;
        padding-bottom: 1.4rem;
    }
}
.courseSearchContainer .courseSearchResults .courseSuggestionBox {
    margin-bottom: 1rem;
}
.courseSearchContainer .courseSearchResults .courseSuggestionBox ul {
    padding-top: 0;
}
.courseSearchContainer .courseSearchResults .courseSuggestionBox ul li .tabLinks {
    -ms-flex-pack: left;
    color: #008283;
    font-family: Derailed-Regular;
    font-size: 1rem;
    justify-content: left;
    padding: 0;
}
.courseSearchContainer .courseBrowseResults .dropDownBlock .dropDownSummary {
    padding: 1rem 0;
}
.courseSearchContainer .courseBrowseResults .dropDownBlock .dropDownSummary p {
    padding: 0;
}
.courseSearchContainer .courseBrowseResults .dropDownBlock .dropDownSummary ul {
    font-family: Derailed-Regular;
    list-style-type: none;
    margin-left: 0;
}
.courseSearchContainer .courseBrowseResults .dropDownBlock .dropDownSummary ul h3 {
    color: #4c4c4c;
    font-family: Derailed-Bold;
}
@media screen and (min-width: 48rem) {
    .courseSearchContainer .courseBrowseResults .dropDownBlock .dropDownSummary ul h3 {
        font-size: 1.3125rem;
        padding-bottom: 1rem;
    }
}
.courseSearchContainer .courseBrowseResults .dropDownBlock .dropDownSummary ul .courseSearchResults__courseName span {
    display: block;
}
@media screen and (min-width: 60rem) {
    .courseSearchContainer
        .courseBrowseResults
        .dropDownBlock
        .dropDownSummary
        ul
        .courseSearchResults__courseName
        span {
        display: inline-block;
    }
}
@media screen and (min-width: 60rem) and (min-width: 60rem) {
    .courseSearchContainer
        .courseBrowseResults
        .dropDownBlock
        .dropDownSummary
        ul
        .courseSearchResults__courseName
        span:before {
        content: " | ";
        margin-left: 0.3rem;
    }
}
.courseSearchContainer .courseBrowseResults .dropDownBlock .dropDownSummary .courseDropdown {
    border-bottom: 1px solid #d1d1d1;
    color: #007a74;
    cursor: pointer;
    font-family: Derailed-Bold;
    font-size: 1rem;
    padding: 0.8rem 0;
}
.courseSearchContainer .courseBrowseResults .dropDownBlock .dropDownSummary .courseDropdown:hover {
    background-color: transparent;
}
.courseSearchContainer .courseBrowseResults .dropDownBlock .dropDownSummary .courseDropdown.dropdownOpen {
    border-bottom: none;
}
.courseDropDowns
    .courseSearchContainer
    .courseBrowseResults
    .dropDownBlock
    .dropDownSummary
    .courseDropdown
    .courseLess:after,
.courseDropDowns
    .courseSearchContainer
    .courseBrowseResults
    .dropDownBlock
    .dropDownSummary
    .courseDropdown
    .courseMore:after,
.courseSearchContainer
    .courseBrowseResults
    .dropDownBlock
    .dropDownSummary
    .courseDropdown
    .courseDropDowns
    .courseLess:after,
.courseSearchContainer
    .courseBrowseResults
    .dropDownBlock
    .dropDownSummary
    .courseDropdown
    .courseDropDowns
    .courseMore:after,
.courseSearchContainer .courseBrowseResults .dropDownBlock .dropDownSummary .courseDropdown .toggle {
    background: #007a74;
}
@media screen and (min-width: 48rem) {
    .courseDropDowns
        .courseSearchContainer
        .courseBrowseResults
        .dropDownBlock
        .dropDownSummary
        .courseDropdown
        .courseLess:after,
    .courseDropDowns
        .courseSearchContainer
        .courseBrowseResults
        .dropDownBlock
        .dropDownSummary
        .courseDropdown
        .courseMore:after,
    .courseSearchContainer
        .courseBrowseResults
        .dropDownBlock
        .dropDownSummary
        .courseDropdown
        .courseDropDowns
        .courseLess:after,
    .courseSearchContainer
        .courseBrowseResults
        .dropDownBlock
        .dropDownSummary
        .courseDropdown
        .courseDropDowns
        .courseMore:after,
    .courseSearchContainer .courseBrowseResults .dropDownBlock .dropDownSummary .courseDropdown .toggle {
        height: 2.25rem;
        width: 2.25rem;
    }
    .courseDropDowns
        .courseSearchContainer
        .courseBrowseResults
        .dropDownBlock
        .dropDownSummary
        .courseDropdown
        .courseLess:after,
    .courseDropDowns
        .courseSearchContainer
        .courseBrowseResults
        .dropDownBlock
        .dropDownSummary
        .courseDropdown
        .courseMore:after,
    .courseSearchContainer
        .courseBrowseResults
        .dropDownBlock
        .dropDownSummary
        .courseDropdown
        .courseDropDowns
        .courseLess:after,
    .courseSearchContainer
        .courseBrowseResults
        .dropDownBlock
        .dropDownSummary
        .courseDropdown
        .courseDropDowns
        .courseMore:after,
    .courseSearchContainer .courseBrowseResults .dropDownBlock .dropDownSummary .courseDropdown .toggle:after {
        height: 0.8125rem;
        width: 1.3125rem;
    }
}
.courseSearchContainer .courseBrowseResults .dropDownBlock .dropDownSummary .courseDropdown p {
    color: #4c4c4c;
    font-family: Derailed-Regular;
    padding: 0.2rem 0 0;
}
.courseSearchContainer .courseBrowseResults .dropDownBlock .dropDownSummary .courseExtra {
    border-bottom: 1px solid #d1d1d1;
    display: none;
}
.courseSearchContainer .courseBrowseResults .dropDownBlock .dropDownSummary .courseExtra .courseExtraBox {
    -ms-flex-pack: justify;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding: 1rem 0;
}
.courseSearchContainer .courseBrowseResults .dropDownBlock .dropDownSummary .courseExtra .courseExtraBox__left,
.courseSearchContainer .courseBrowseResults .dropDownBlock .dropDownSummary .courseExtra .courseExtraBox__right {
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
}
.courseSearchContainer
    .courseBrowseResults
    .dropDownBlock
    .dropDownSummary
    .courseExtra
    .courseExtraBox__left
    .courseBrief
    .ucasCode {
    background: #007a74;
    border-radius: 6px;
    color: #fff;
    font-family: Derailed-Regular;
    margin-right: 1.125rem;
    padding: 0.225rem 0.5rem;
}
.courseSearchContainer
    .courseBrowseResults
    .dropDownBlock
    .dropDownSummary
    .courseExtra
    .courseExtraBox__left
    .courseBrief
    .courseYear {
    font-family: Derailed-Bold;
}
.courseSearchContainer
    .courseBrowseResults
    .dropDownBlock
    .dropDownSummary
    .courseExtra
    .courseExtraBox__left
    .courseBrief
    span {
    font-family: Derailed-Regular;
    font-size: 1rem;
}
.courseSearchContainer
    .courseBrowseResults
    .dropDownBlock
    .dropDownSummary
    .courseExtra
    .courseExtraBox__left
    .courseBrief
    p {
    font-family: Derailed-Regular;
    max-width: 95%;
    padding: 0.9375rem 0;
}
@media screen and (min-width: 48rem) {
    .courseSearchContainer
        .courseBrowseResults
        .dropDownBlock
        .dropDownSummary
        .courseExtra
        .courseExtraBox__left
        .courseBrief
        .courseInfo {
        -ms-flex-pack: end;
        display: -ms-flexbox;
        display: flex;
        justify-content: flex-end;
    }
}
@media screen and (max-width: 48rem) {
    .courseSearchContainer
        .courseBrowseResults
        .dropDownBlock
        .dropDownSummary
        .courseExtra
        .courseExtraBox__left
        .courseBrief
        .courseInfo
        .cta:after,
    .courseSearchContainer
        .courseBrowseResults
        .dropDownBlock
        .dropDownSummary
        .courseExtra
        .courseExtraBox__left
        .courseBrief
        .courseInfo
        .gallery.mediaGallery
        .buttons
        .btn:after,
    .gallery.mediaGallery
        .buttons
        .courseSearchContainer
        .courseBrowseResults
        .dropDownBlock
        .dropDownSummary
        .courseExtra
        .courseExtraBox__left
        .courseBrief
        .courseInfo
        .btn:after {
        display: none;
    }
}
.courseSearchContainer
    .courseBrowseResults
    .dropDownBlock
    .dropDownSummary
    .courseExtra
    .courseExtraBox__left
    .courseBrief
    .requirements {
    display: -ms-flexbox;
    display: flex;
    margin: 1rem 0;
}
.courseSearchContainer
    .courseBrowseResults
    .dropDownBlock
    .dropDownSummary
    .courseExtra
    .courseExtraBox__left
    .courseBrief
    .requirements
    .block {
    border-left: 2px solid #007a74;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
    padding: 0.2rem 0.5rem;
}
.courseSearchContainer
    .courseBrowseResults
    .dropDownBlock
    .dropDownSummary
    .courseExtra
    .courseExtraBox__left
    .courseBrief
    .requirements
    .block
    p {
    font-family: Derailed-Bold;
    padding: 0;
}
.courseSearchContainer
    .courseBrowseResults
    .dropDownBlock
    .dropDownSummary
    .courseExtra
    .courseExtraBox__left
    .courseBrief
    .requirements
    .block
    ul
    li {
    margin-bottom: 0;
}
.courseSearchContainer
    .courseBrowseResults
    .dropDownBlock
    .dropDownSummary
    .courseExtra
    .courseExtraBox__left
    .courseBrief
    .requirements
    .block
    ul
    li
    span {
    font-family: Derailed-Bold;
}
.courseSearchContainer
    .courseBrowseResults
    .dropDownBlock
    .dropDownSummary
    .courseExtra
    .courseExtraBox__left
    .courseBrief
    .opportunity {
    margin: 1.5rem 0 1rem;
}
.courseSearchContainer
    .courseBrowseResults
    .dropDownBlock
    .dropDownSummary
    .courseExtra
    .courseExtraBox__left
    .courseBrief
    .opportunity
    ul
    li {
    margin-bottom: 0.5rem;
}
.courseSearchContainer
    .courseBrowseResults
    .dropDownBlock
    .dropDownSummary
    .courseExtra
    .courseExtraBox__left
    .courseBrief
    .opportunity
    .alert {
    border: none;
    font-family: Derailed-Bold;
    font-size: 0.875rem;
    padding: 0;
}
.courseSearchContainer
    .courseBrowseResults
    .dropDownBlock
    .dropDownSummary
    .courseExtra
    .courseExtraBox__left
    .courseBrief
    .opportunity
    .alert
    .alertIcon {
    background-color: #007a74;
}
.courseSearchContainer
    .courseBrowseResults
    .dropDownBlock
    .dropDownSummary
    .courseExtra
    .courseExtraBox__left
    .courseBrief
    .cta,
.courseSearchContainer
    .courseBrowseResults
    .dropDownBlock
    .dropDownSummary
    .courseExtra
    .courseExtraBox__left
    .courseBrief
    .gallery.mediaGallery
    .buttons
    .btn,
.gallery.mediaGallery
    .buttons
    .courseSearchContainer
    .courseBrowseResults
    .dropDownBlock
    .dropDownSummary
    .courseExtra
    .courseExtraBox__left
    .courseBrief
    .btn {
    font-size: 1.125rem;
    height: auto;
    line-height: auto;
}
.courseSearchContainer
    .courseBrowseResults
    .dropDownBlock
    .dropDownSummary
    .courseExtra
    .courseExtraBox__left
    .courseBrief
    .cta:after,
.courseSearchContainer
    .courseBrowseResults
    .dropDownBlock
    .dropDownSummary
    .courseExtra
    .courseExtraBox__left
    .courseBrief
    .gallery.mediaGallery
    .buttons
    .btn:after,
.gallery.mediaGallery
    .buttons
    .courseSearchContainer
    .courseBrowseResults
    .dropDownBlock
    .dropDownSummary
    .courseExtra
    .courseExtraBox__left
    .courseBrief
    .btn:after {
    font-size: 1.125rem;
    line-height: 1.98rem;
}
.courseDropDowns .courseSearchContainer .courseBrowseResults .dropDownBlock .courseLess:after,
.courseDropDowns .courseSearchContainer .courseBrowseResults .dropDownBlock .courseMore:after,
.courseSearchContainer .courseBrowseResults .dropDownBlock .courseDropDowns .courseLess:after,
.courseSearchContainer .courseBrowseResults .dropDownBlock .courseDropDowns .courseMore:after,
.courseSearchContainer .courseBrowseResults .dropDownBlock .toggle {
    background: #007a74;
}
.dotted {
    border: 3px #c4c4c4;
    border-style: none none dotted;
}
.dotted,
.eurus .solid-red {
    background-color: #fff;
    color: #fff;
    margin: 3.2rem 0 !important;
}
.eurus .solid-red {
    border: 1px solid #da1a35;
}
.introPanel a:not(.cta),
.textArea a:not(.cta) {
    text-decoration: underline;
}
.introPanel a:hover:not(.cta),
.textArea a:hover:not(.cta) {
    background-color: #d1e9ff;
    text-decoration: none;
}
.introPanel .findMoreLink a {
    text-decoration: none;
}
.introPanel .findMoreLink a:hover {
    background-color: transparent !important;
    text-decoration: underline;
}
.eurus .introPanel a:not(.cta),
.eurus .textArea a:not(.cta) {
    color: #0073bc;
    text-decoration: none;
}
.eurus .introPanel a:hover:not(.cta),
.eurus .textArea a:hover:not(.cta) {
    background-color: transparent;
    color: #003a65;
}
.eurus .introPanel a:hover:not(.cta):not(.findMoreLink),
.eurus .textArea a:hover:not(.cta):not(.findMoreLink) {
    text-decoration: underline;
}
.eurus .introPanel a:visited:not(.cta),
.eurus .textArea a:visited:not(.cta) {
    color: #00857e;
}
.eurus .introPanel :not(.findMoreLink) a:hover:not(.cta),
.eurus .textArea :not(.findMoreLink) a:hover:not(.cta) {
    text-decoration: underline;
}
.eurus .introPanel .findMoreLink a,
.eurus .introPanel .findMoreLink a:hover:not(.cta),
.eurus .textArea .findMoreLink a:hover:not(.cta) {
    text-decoration: none;
}
.eurus .introPanel .findMoreLink a:hover {
    background-color: transparent !important;
    text-decoration: none;
}
.eurus .textArea.bgPresent {
    margin: 0;
    padding: 1.25rem 0;
}
@media screen and (min-width: 48rem) {
    .eurus .textArea.bgPresent {
        padding: 2.5rem 0;
    }
}
.eurus .textArea.bgPresent.baseTintFive {
    background-color: #f1f9fe;
}
.eurus .textArea.bgPresent.brandDefault {
    background-color: #003a65;
}
.course-page .featured-content .eurus .textArea.bgPresent.brandDefault .module-title,
.eurus .textArea.bgPresent.brandDefault .course-page .featured-content .module-title,
.eurus .textArea.bgPresent.brandDefault h2,
.eurus .textArea.bgPresent.brandDefault h3,
.eurus .textArea.bgPresent.brandDefault h4,
.eurus .textArea.bgPresent.brandDefault h5,
.eurus .textArea.bgPresent.brandDefault li,
.eurus .textArea.bgPresent.brandDefault p,
.eurus .textArea.bgPresent.brandDefault ul {
    color: #fff;
}
.eurus .textArea.bgPresent.brandDefault a:not(.cta) {
    color: #8ed8f8;
}
.eurus .textArea.bgPresent.brandDefault a:not(.cta):hover {
    color: #29b7ea;
}
.eurus .textArea.bgPresent.brandDefault a:not(.cta):visited {
    color: #00dbcf;
}
.eurus .textArea.bgPresent.brandDefault .findMoreLink {
    color: #8ed8f8;
}
.courseDropDowns,
.dropdown {
    font-size: 0.625rem;
}
.courseDropDowns + .courseDropDowns,
.courseDropDowns + .dropdown,
.dropdown + .courseDropDowns,
.dropdown + .dropdown {
    margin-top: -1.25rem;
}
@media screen and (min-width: 64rem) {
    .courseDropDowns + .courseDropDowns,
    .courseDropDowns + .dropdown,
    .dropdown + .courseDropDowns,
    .dropdown + .dropdown {
        margin-top: -2.5rem;
    }
}
.courseDropDowns .dropDownHeading,
.dropdown .dropDownHeading {
    border-bottom: 1px solid #4a4a4a;
    color: #4a4a4a;
    display: block;
    font-family:
        Bariol,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1.5rem;
    padding: 0.625rem 2.125rem 0.625rem 0;
    position: relative;
}
@media screen and (min-width: 64rem) {
    .courseDropDowns .dropDownHeading,
    .dropdown .dropDownHeading {
        font-size: 2.25rem;
        padding-right: 3.625rem;
    }
}
.courseDropDowns .dropDownHeading:focus,
.courseDropDowns .dropDownHeading:hover,
.dropdown .dropDownHeading:focus,
.dropdown .dropDownHeading:hover {
    border-color: #000;
    text-decoration: none;
}
.courseDropDowns .courseLess:after,
.courseDropDowns .courseMore:after,
.courseDropDowns .toggle,
.dropdown .toggle {
    background: #4a4a4a;
    border-radius: 50%;
    height: 1.5rem;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    width: 1.5rem;
}
@media screen and (min-width: 64rem) {
    .courseDropDowns .courseLess:after,
    .courseDropDowns .courseMore:after,
    .courseDropDowns .toggle,
    .dropdown .toggle {
        height: 3rem;
        width: 3rem;
    }
}
.courseDropDowns .courseLess:after,
.courseDropDowns .courseMore:after,
.courseDropDowns .toggle:after,
.dropdown .toggle:after {
    background: url(/webtemplate/img/icons/ncuvision__dropdown-arrow-static.svg) 0 0 no-repeat;
    background-size: 100% auto;
    content: "";
    height: 0.4375rem;
    left: 50%;
    position: absolute;
    top: 52%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 0.75rem;
}
@media screen and (min-width: 64rem) {
    .courseDropDowns .courseLess:after,
    .courseDropDowns .courseMore:after,
    .courseDropDowns .toggle:after,
    .dropdown .toggle:after {
        height: 1.0625rem;
        width: 1.6875rem;
    }
}
.courseDropDowns .dropDownSummary,
.dropdown .dropDownSummary {
    display: none;
    font-size: 0.9375rem;
    padding: 1.25rem;
}
@media screen and (min-width: 64rem) {
    .courseDropDowns .dropDownSummary,
    .dropdown .dropDownSummary {
        font-size: 1.125rem;
        padding: 2.5rem;
    }
}
.courseDropDowns .dropdownOpen .courseLess:after,
.courseDropDowns .dropdownOpen .courseMore:after,
.courseDropDowns .dropdownOpen .toggle,
.dropdown .dropdownOpen .courseDropDowns .courseLess:after,
.dropdown .dropdownOpen .courseDropDowns .courseMore:after,
.dropdown .dropdownOpen .toggle {
    -webkit-transform: rotate(180deg) translateY(50%);
    transform: rotate(180deg) translateY(50%);
}
.colourA.courseDropDowns .courseLess:after,
.colourA.courseDropDowns .courseMore:after,
.colourA.courseDropDowns .toggle,
.colourB.courseDropDowns .courseLess:after,
.colourB.courseDropDowns .courseMore:after,
.colourB.courseDropDowns .toggle,
.colourC.courseDropDowns .courseLess:after,
.colourC.courseDropDowns .courseMore:after,
.colourC.courseDropDowns .toggle,
.courseDropDowns .dropdown.colourA .courseLess:after,
.courseDropDowns .dropdown.colourA .courseMore:after,
.courseDropDowns .dropdown.colourB .courseLess:after,
.courseDropDowns .dropdown.colourB .courseMore:after,
.courseDropDowns .dropdown.colourC .courseLess:after,
.courseDropDowns .dropdown.colourC .courseMore:after,
.dropdown.colourA .courseDropDowns .courseLess:after,
.dropdown.colourA .courseDropDowns .courseMore:after,
.dropdown.colourA .toggle,
.dropdown.colourB .courseDropDowns .courseLess:after,
.dropdown.colourB .courseDropDowns .courseMore:after,
.dropdown.colourB .toggle,
.dropdown.colourC .courseDropDowns .courseLess:after,
.dropdown.colourC .courseDropDowns .courseMore:after,
.dropdown.colourC .toggle {
    background-color: #003a65;
}
.courseDropDowns .no-js .dropdown .courseLess:after,
.courseDropDowns .no-js .dropdown .courseMore:after,
.no-js .courseDropDowns .courseLess:after,
.no-js .courseDropDowns .courseMore:after,
.no-js .courseDropDowns .toggle,
.no-js .dropdown .toggle {
    display: none;
}
.no-js .courseDropDowns .dropDownSummary,
.no-js .dropdown .dropDownSummary {
    display: block;
}
.courseDropDowns .dropDownHeading:hover .courseLess:after,
.courseDropDowns .dropDownHeading:hover .courseMore:after,
.courseDropDowns .dropDownHeading:hover .toggle,
.dropdown .dropDownHeading:hover .courseDropDowns .courseLess:after,
.dropdown .dropDownHeading:hover .courseDropDowns .courseMore:after,
.dropdown .dropDownHeading:hover .toggle {
    background-color: #000;
}
.courseDropDowns .dropDownSummary {
    display: none;
    padding: 0;
}
@media screen and (min-width: 60rem) {
    .courseDropDowns .dropDownSummary {
        padding-bottom: 1.875rem;
    }
}
.courseDropDowns .dropDownSummary > * {
    -webkit-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
}
.courseDropDowns .dropDownSummary.loading {
    background: url(/webtemplate/img/icons/ncuvision__ajax-loader.gif) top 10% center no-repeat;
    min-height: 11.25rem;
}
.courseDropDowns .dropDownSummary.loading > * {
    opacity: 0;
    pointer-events: none;
}
.courseDropDowns .course {
    border-top: 1px solid #4c4c4c;
    padding-bottom: 1rem;
    padding-top: 1rem;
}
.courseDropDowns .course.placeholder {
    display: none;
}
.courseDropDowns .course:first-child {
    border-top: none;
}
.courseDropDowns .courseKeyInfo {
    display: -ms-flexbox;
    display: flex;
}
.courseDropDowns .courseLeft {
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
    line-height: 0.875rem;
    margin-right: 0.5rem;
    max-width: 4.75rem;
}
@media screen and (min-width: 75rem) {
    .courseDropDowns .courseLeft {
        line-height: 1.1875rem;
        margin-right: 2.1875rem;
        max-width: 10.9375rem;
    }
}
.courseDropDowns .courseRight {
    -ms-flex-positive: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-grow: 1;
    width: 100%;
}
.courseDropDowns .courseHeader {
    position: relative;
}
.courseDropDowns .courseTitle {
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.3125rem;
    margin: 0;
    padding-bottom: 0;
    padding-right: 2.25rem;
    text-transform: none;
}
@media screen and (min-width: 75rem) {
    .courseDropDowns .courseTitle {
        font-size: 1.625rem;
        line-height: 1.9375rem;
        padding-right: 2.5rem;
    }
}
.courseDropDowns .courseDetails {
    display: none;
}
.courseDropDowns .courseName {
    color: #4a4a4a;
    display: block;
}
.courseDropDowns .courseQual {
    color: #4c4c4c;
    display: block;
    font-family:
        Derailed-Regular,
        Raleway-Regular,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 0.9375rem;
    font-weight: 400;
    margin-top: 0.5rem;
}
@media screen and (min-width: 75rem) {
    .courseDropDowns .courseQual {
        font-size: 1.5rem;
    }
}
.courseDropDowns .courseSummary {
    font-size: 0.875rem;
    line-height: 1.125rem;
    margin-bottom: 0.75rem;
    margin-top: 0.75rem;
}
@media screen and (min-width: 75rem) {
    .courseDropDowns .courseSummary {
        font-size: 1rem;
        line-height: 1.625rem;
    }
}
.courseDropDowns .courseImage {
    padding-bottom: 0.5625rem;
}
.courseDropDowns .courseHighlights {
    -ms-flex-pack: distribute;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-around;
    padding-top: 1rem;
}
@media screen and (min-width: 48rem) {
    .courseDropDowns .courseHighlights {
        -ms-flex-pack: justify;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        justify-content: space-between;
    }
}
.courseDropDowns .courseHighlight {
    -ms-flex-align: start;
    align-items: flex-start;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 0 45%;
    flex: 1 0 45%;
    margin-bottom: 1.25rem;
    max-width: 45%;
}
@media screen and (min-width: 48rem) {
    .courseDropDowns .courseHighlight {
        -ms-flex-preferred-size: 22%;
        flex-basis: 22%;
        max-width: 22%;
    }
}
.courseDropDowns .courseHighlightImage {
    margin-right: 0.5rem;
    width: 3.125rem;
}
@media screen and (min-width: 75rem) {
    .courseDropDowns .courseHighlightImage {
        margin-right: 1.5625rem;
        width: 4.0625rem;
    }
}
.courseDropDowns .courseHighlightDetails {
    font-size: 0.75rem;
    line-height: 0.875rem;
}
@media screen and (min-width: 75rem) {
    .courseDropDowns .courseHighlightDetails {
        font-size: 1rem;
        line-height: 1.3125rem;
        width: 60%;
    }
}
.courseDropDowns .courseHighlightTitle {
    display: block;
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-weight: 600;
}
@media screen and (min-width: 75rem) {
    .courseDropDowns .courseHighlightTitle {
        font-size: 1rem;
        padding-bottom: 0.25rem;
    }
}
.courseDropDowns .ucasHeader {
    color: #bbb;
    display: block;
    font-family:
        Derailed-Regular,
        Raleway-Regular,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 0.75rem;
    font-weight: 400;
    text-transform: uppercase;
}
@media screen and (min-width: 75rem) {
    .courseDropDowns .ucasHeader {
        font-size: 1rem;
    }
}
.courseDropDowns .ucasCode {
    color: #4c4c4c;
    display: block;
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1rem;
}
@media screen and (min-width: 75rem) {
    .courseDropDowns .ucasCode {
        font-size: 1.125rem;
        line-height: 1.3125rem;
    }
}
.courseDropDowns .courseDownload {
    padding-bottom: 1.5625rem;
    padding-top: 0.625rem;
}
@media screen and (min-width: 75rem) {
    .courseDropDowns .courseDownload {
        padding-bottom: 1.375rem;
        padding-top: 2.0625rem;
    }
}
.courseDropDowns .courseLess,
.courseDropDowns .courseMore {
    -webkit-tap-highlight-color: transparent;
    color: #4a4a4a;
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 0.75rem;
    height: 1.75rem;
    line-height: 0.875rem;
    padding-right: 2.25rem;
    position: relative;
    white-space: normal;
}
@media screen and (min-width: 30rem) {
    .courseDropDowns .courseLess,
    .courseDropDowns .courseMore {
        font-size: 1rem;
        height: 2.5rem;
        line-height: 1rem;
        padding-right: 3rem;
    }
}
@media screen and (min-width: 75rem) {
    .courseDropDowns .courseLess,
    .courseDropDowns .courseMore {
        font-size: 1.1875rem;
        line-height: 1.1875rem;
    }
}
.courseDropDowns .courseLess:after,
.courseDropDowns .courseMore:after {
    background-size: 16px !important;
    background: #4a4a4a url(/webtemplate/img/icons/ncuvision__dropdown-arrow-static.svg) 50% no-repeat;
    height: 1.75rem;
    left: auto;
    right: 0;
    top: 0;
    -webkit-transform: none;
    transform: none;
    width: 1.75rem;
}
@media screen and (min-width: 30rem) {
    .courseDropDowns .courseLess:after,
    .courseDropDowns .courseMore:after {
        background-size: 1.5rem;
        height: 2.5rem;
        width: 2.5rem;
    }
}
.courseDropDowns .courseLess:hover:after,
.courseDropDowns .courseMore:hover:after {
    background-color: #000;
}
.courseDropDowns .courseDuration,
.courseDropDowns .courseEntryRequirements,
.courseDropDowns .courseOpportunities,
.courseDropDowns .courseUcasCodes {
    font-family:
        Derailed-Regular,
        Raleway-Regular,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
}
.courseDropDowns .buttonWrapper {
    -ms-flex-align: end;
    -ms-flex-pack: end;
    -ms-flex-positive: 2;
    align-items: flex-end;
    display: -ms-flexbox;
    display: flex;
    flex-grow: 2;
    justify-content: flex-end;
    text-align: right;
}
.courseDropDowns .buttonWrapper .courseLess:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.courseDropDowns .cta,
.courseDropDowns .gallery.mediaGallery .buttons .btn,
.gallery.mediaGallery .buttons .courseDropDowns .btn {
    border-color: transparent;
}
.courseDropDowns.colourA .courseLess,
.courseDropDowns.colourA .courseMore,
.courseDropDowns.colourA .courseName {
    color: #003a65;
}
.courseDropDowns.colourA .courseLess:after,
.courseDropDowns.colourA .courseMore:after {
    background-color: #003a65;
}
.courseDropDowns.colourA .courseLess:hover:after,
.courseDropDowns.colourA .courseMore:hover:after {
    background-color: #000;
}
.courseDropDowns.colourA .cta,
.courseDropDowns.colourA .gallery.mediaGallery .buttons .btn,
.gallery.mediaGallery .buttons .courseDropDowns.colourA .btn {
    background-color: #003a65;
}
.courseDropDowns.colourA .cta:hover,
.courseDropDowns.colourA .gallery.mediaGallery .buttons .btn:hover,
.gallery.mediaGallery .buttons .courseDropDowns.colourA .btn:hover {
    background-color: #000;
}
.courseDropDowns.colourB .courseLess,
.courseDropDowns.colourB .courseMore,
.courseDropDowns.colourB .courseName {
    color: #003a65;
}
.courseDropDowns.colourB .courseLess:after,
.courseDropDowns.colourB .courseMore:after {
    background-color: #003a65;
}
.courseDropDowns.colourB .courseLess:hover:after,
.courseDropDowns.colourB .courseMore:hover:after {
    background-color: #000;
}
.courseDropDowns.colourB .cta,
.courseDropDowns.colourB .gallery.mediaGallery .buttons .btn,
.gallery.mediaGallery .buttons .courseDropDowns.colourB .btn {
    background-color: #003a65;
}
.courseDropDowns.colourB .cta:hover,
.courseDropDowns.colourB .gallery.mediaGallery .buttons .btn:hover,
.gallery.mediaGallery .buttons .courseDropDowns.colourB .btn:hover {
    background-color: #000;
}
.courseDropDowns.colourC .courseLess,
.courseDropDowns.colourC .courseMore,
.courseDropDowns.colourC .courseName {
    color: #003a65;
}
.courseDropDowns.colourC .courseLess:after,
.courseDropDowns.colourC .courseMore:after {
    background-color: #003a65;
}
.courseDropDowns.colourC .courseLess:hover:after,
.courseDropDowns.colourC .courseMore:hover:after {
    background-color: #000;
}
.courseDropDowns.colourC .cta,
.courseDropDowns.colourC .gallery.mediaGallery .buttons .btn,
.gallery.mediaGallery .buttons .courseDropDowns.colourC .btn {
    background-color: #003a65;
}
.courseDropDowns.colourC .cta:hover,
.courseDropDowns.colourC .gallery.mediaGallery .buttons .btn:hover,
.gallery.mediaGallery .buttons .courseDropDowns.colourC .btn:hover {
    background-color: #000;
}
.no-js .courseDropDowns .dropDownSummary > * {
    opacity: 1;
}
.no-js .courseDropDowns .dropDownSummary.loading {
    background: none;
    min-height: 0;
}
.courseDropDowns .eurus .dropdown .courseLess:after,
.courseDropDowns .eurus .dropdown .courseLess:hover:after,
.courseDropDowns .eurus .dropdown .courseMore:after,
.courseDropDowns .eurus .dropdown .courseMore:hover:after,
.courseDropDowns .eurus .dropdown .dropDownHeading:hover .courseLess:after,
.courseDropDowns .eurus .dropdown .dropDownHeading:hover .courseMore:after,
.eurus .courseDropDowns .courseLess:after,
.eurus .courseDropDowns .courseLess:hover:after,
.eurus .courseDropDowns .courseMore:after,
.eurus .courseDropDowns .courseMore:hover:after,
.eurus .courseDropDowns .dropDownHeading:hover .courseLess:after,
.eurus .courseDropDowns .dropDownHeading:hover .courseMore:after,
.eurus .courseDropDowns .dropDownHeading:hover .toggle,
.eurus .courseDropDowns .toggle,
.eurus .courseDropDowns .toggle:hover,
.eurus .dropdown .dropDownHeading:hover .courseDropDowns .courseLess:after,
.eurus .dropdown .dropDownHeading:hover .courseDropDowns .courseMore:after,
.eurus .dropdown .dropDownHeading:hover .toggle,
.eurus .dropdown .toggle,
.eurus .dropdown .toggle:hover {
    background: #8ed8f8;
}
.courseDropDowns .eurus .dropdown .courseLess:after,
.courseDropDowns .eurus .dropdown .courseMore:after,
.eurus .courseDropDowns .courseLess:after,
.eurus .courseDropDowns .courseMore:after,
.eurus .courseDropDowns .toggle:after,
.eurus .dropdown .toggle:after {
    background: url(/webtemplate/img/icons/eurus-icons/eurus-dropdown-arrow-static.svg) 0 0 no-repeat;
    background-size: 100% auto;
    content: "";
    height: 0.4375rem;
    left: 50%;
    position: absolute;
    top: 52%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 0.75rem;
}
@media screen and (min-width: 64rem) {
    .courseDropDowns .eurus .dropdown .courseLess:after,
    .courseDropDowns .eurus .dropdown .courseMore:after,
    .eurus .courseDropDowns .courseLess:after,
    .eurus .courseDropDowns .courseMore:after,
    .eurus .courseDropDowns .toggle:after,
    .eurus .dropdown .toggle:after {
        height: 1.0625rem;
        width: 1.6875rem;
    }
}
.relatedPeople {
    font-size: 0.625rem;
}
.relatedPeople .staffResultsContainer {
    margin-bottom: 2rem;
}
@media screen and (min-width: 48rem) {
    .relatedPeople .staffResultsContainer {
        -ms-flex-align: start;
        align-items: flex-start;
        display: -ms-flexbox;
        display: flex;
    }
}
.relatedPeople .staffCount {
    display: none;
    margin: 1rem 0;
    text-align: right;
}
.relatedPeople .staffCount p {
    color: #4c4c4c;
    margin-top: 0;
    padding: 0;
}
@media screen and (min-width: 48rem) {
    .relatedPeople .staffCount p {
        font-size: 1.2rem;
    }
}
.relatedPeople .staffCount p span {
    color: #007494;
    font-weight: 700;
}
.relatedPeople .alert {
    display: none;
    margin-bottom: 2rem;
}
.relatedPeople .alert .alertText {
    color: #4c4c4c;
}
.staffPositions {
    display: none;
    width: 100%;
}
@media screen and (min-width: 48rem) {
    .staffPositions {
        padding-right: 2rem;
        width: 25rem;
    }
}
.staffPositions .relatedPositions {
    display: none;
    margin: 0 0 2rem;
}
.staffPositions .relatedPositions .positionTitle {
    color: #007494;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.2rem;
    text-align: center;
}
.staffPositions .relatedPositions .positionTitle:before {
    content: "\f0b0";
    margin-right: 0.5rem;
}
.course-page .featured-content .staffPositions .relatedPositions .positionTitle .module-title,
.staffPositions .relatedPositions .positionTitle .course-page .featured-content .module-title,
.staffPositions .relatedPositions .positionTitle h4 {
    font-size: 1.2rem;
    padding-bottom: 0;
}
.staffPositions .relatedPositions span a {
    font-size: 1rem;
    text-decoration: underline;
}
.staffPositions .relatedPositions .positionsContainer ul {
    list-style-type: none;
    margin: 0;
    max-height: 216px;
    overflow-y: scroll;
}
@media screen and (min-width: 48rem) {
    .staffPositions .relatedPositions .positionsContainer ul {
        max-height: none;
        overflow-y: auto;
    }
}
.staffPositions .relatedPositions .positionsContainer ul li {
    margin: 0;
}
.staffPositions .relatedPositions .positionsContainer ul li label {
    background: #007494;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 0.9rem;
    font-weight: 700;
    margin: 2px;
    padding: 0.4375rem 0.75rem;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.staffPositions .relatedPositions .positionsContainer ul li label:hover {
    background: #0489ad;
}
.staffPositions .relatedPositions .positionsContainer ul li label.selected:after {
    background: #fff;
    border-radius: 3.6875rem;
    color: #007494;
    content: "✓";
    margin: 0 10px;
    padding: 2px 5px;
}
.staffPositions .relatedPositions .positionsContainer ul li input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    display: none;
}
.filterSidebar,
.staffGroupings {
    background: #f1f5f8;
    border: 1px solid #dde6ee;
    border-radius: 4px;
    display: none;
    padding: 16px 20px;
    width: 100%;
}
@media screen and (max-width: 48rem) {
    .filterSidebar,
    .staffGroupings {
        max-height: 11.25rem;
        overflow-x: scroll;
    }
}
@media screen and (min-width: 48rem) {
    .filterSidebar,
    .staffGroupings {
        margin-right: 2.5rem;
        width: 18.75rem;
    }
}
.filterSidebar ul,
.staffGroupings ul {
    list-style-type: none;
    margin-left: 0;
    padding: 0;
}
.filterSidebar ul li,
.staffGroupings ul li {
    padding: 0.58rem 0;
}
.filterSidebar ul li a,
.staffGroupings ul li a {
    font-size: 1rem;
}
.filterSidebar ul li a.active,
.staffGroupings ul li a.active {
    font-weight: 700;
}
.relatedPeopleList {
    -ms-flex-align: start;
    align-items: flex-start;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-direction: column;
    flex-direction: column;
}
@media screen and (max-width: 48rem) {
    .relatedPeopleList {
        margin-top: 2rem;
    }
}
.relatedPeopleList .relatedPerson {
    border-bottom: 2px solid #d0d0d0;
    display: -ms-flexbox;
    display: flex;
    display: block;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 1.25rem;
    padding: 0 0 1rem;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear;
    width: 100%;
    word-break: break-word;
}
.course-page .featured-content .relatedPeopleList .relatedPerson .module-title,
.relatedPeopleList .relatedPerson .course-page .featured-content .module-title,
.relatedPeopleList .relatedPerson h4 {
    color: #0073bc;
    display: inline-block;
    padding: 0;
}
.course-page .featured-content .relatedPeopleList .relatedPerson .module-title:focus,
.course-page .featured-content .relatedPeopleList .relatedPerson .module-title:hover,
.relatedPeopleList .relatedPerson .course-page .featured-content .module-title:focus,
.relatedPeopleList .relatedPerson .course-page .featured-content .module-title:hover,
.relatedPeopleList .relatedPerson h4:focus,
.relatedPeopleList .relatedPerson h4:hover {
    color: #0073bc;
    text-decoration: underline;
}
.relatedPeopleList .relatedPerson.hide {
    display: none;
    opacity: 0;
}
.relatedPeopleList .relatedPerson.selected {
    display: block;
    opacity: 1;
}
.relatedPeopleList .relatedPersonImage {
    display: none;
}
.relatedPeopleList .relatedPersonDetails {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 0.875rem;
    margin-bottom: 0.75rem;
}
.relatedPeopleList .relatedPersonPosition {
    font-weight: 700;
    margin: 0.3125rem 0 1.5625rem;
    width: 100%;
}
@media screen and (min-width: 48rem) {
    .relatedPeopleList .relatedPersonPosition {
        font-size: 1rem;
    }
}
.relatedPeopleList .relatrelatedPersonTel {
    margin-bottom: 0.5rem;
    width: 100%;
}
@media screen and (min-width: 48rem) {
    .relatedPeopleList .relatrelatedPersonTel {
        margin-bottom: 0;
        width: auto;
    }
}
.relatedPeopleList .relatrelatedPersonTel .relatedPersonLinkTel {
    color: #0073bc;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    font-size: 1rem;
    margin-right: 1.875rem;
}
.relatedPeopleList .relatrelatedPersonTel .relatedPersonLinkTel:hover {
    color: #0073bc;
    text-decoration: underline;
}
.relatedPeopleList .relatedPersonEmail {
    width: 100%;
}
@media screen and (min-width: 48rem) {
    .relatedPeopleList .relatedPersonEmail {
        width: auto;
    }
}
.relatedPeopleList .relatedPersonLink {
    padding-left: 1.5625rem;
    position: relative;
}
.relatedPeopleList .relatedPersonLink:before {
    background: url(/webtemplate/img/icons/ncuvision__relatedPeopleSprite.png) no-repeat 0 0;
    content: " ";
    display: block;
    height: 0.9375rem;
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1.125rem;
}
.relatedPeopleList .relatedPersonLinkMail {
    color: #0073bc;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    font-size: 1rem;
}
.relatedPeopleList .relatedPersonLinkMail:hover {
    color: #0073bc;
    text-decoration: underline;
}
.relatedPeopleList .relatedPersonLinkMail:before {
    background-position: 0 -0.9375rem;
}
img[src$="blankprofile.jpg"] {
    width: auto;
}
.promoPanels {
    font-size: 0.625rem;
    overflow: hidden;
}
.promoPanelsContainer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}
@media screen and (min-width: 48rem) {
    .promoPanelsContainer {
        -ms-flex-align: start;
        align-items: flex-start;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
.promo {
    margin-bottom: 1.25rem;
    position: relative;
}
@media screen and (min-width: 48rem) {
    .promo {
        -ms-flex: 1 0 31%;
        flex: 1 0 31%;
        margin-right: 1.375rem;
        max-width: 32%;
    }
    .promo:last-child,
    .promo:nth-child(3n) {
        margin-right: 0;
    }
}
.promo img {
    display: block;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}
.course-page .featured-content .promo .module-title,
.promo .course-page .featured-content .module-title,
.promo h4 {
    color: #4a4a4a;
    font-size: 1.125rem;
    margin: 0.5rem 0;
    padding: 0;
}
@media screen and (min-width: 64rem) {
    .course-page .featured-content .promo .module-title,
    .promo .course-page .featured-content .module-title,
    .promo h4 {
        font-size: 1.25rem;
    }
}
.promo p {
    font-size: 0.9375rem;
    line-height: 1.2;
    padding: 0;
}
@media screen and (min-width: 64rem) {
    .promo p {
        font-size: 1rem;
    }
}
.promoLink {
    color: #4c4c4c;
    display: block;
    text-decoration: none;
}
.course-page .featured-content .promoLink .module-title,
.promoLink .course-page .featured-content .module-title,
.promoLink h4 {
    position: relative;
}
.course-page .featured-content .promoLink .module-title:after,
.promoLink .course-page .featured-content .module-title:after,
.promoLink h4:after {
    color: inherit;
    content: ">";
    font-family:
        Bariol,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: inherit;
    font-weight: 400;
    line-height: 1;
    padding-left: 0.625rem;
    position: absolute;
    -webkit-transition: margin-left 0.2s ease-in-out;
    transition: margin-left 0.2s ease-in-out;
}
.course-page .featured-content .promoLink .module-title:hover:after,
.promoLink .course-page .featured-content .module-title:hover:after,
.promoLink h4:hover:after {
    margin-left: 8px;
}
.course-page .featured-content .promoLink .module-title:after,
.promoLink .course-page .featured-content .module-title:after,
.promoLink h4:after {
    margin-top: -0.125rem;
}
.course-page .featured-content .promoLink .module-title:hover,
.promoLink .course-page .featured-content .module-title:hover,
.promoLink h4:hover {
    text-decoration: underline;
}
.promoLink:focus,
.promoLink:hover {
    text-decoration: none;
}
.promoLink:focus,
.promoLink:hover,
.promoLink:visited {
    color: #4c4c4c;
}
.eurus .promo a:hover {
    text-decoration: none;
}
.course-page .featured-content .eurus .promo .module-title,
.eurus .promo .course-page .featured-content .module-title,
.eurus .promo h4 {
    color: #0073bc;
    font-size: 1.125rem;
    position: relative;
}
@media screen and (min-width: 48rem) {
    .course-page .featured-content .eurus .promo .module-title,
    .eurus .promo .course-page .featured-content .module-title,
    .eurus .promo h4 {
        font-size: 1.25rem;
    }
}
.course-page .featured-content .eurus .promo .module-title:after,
.eurus .promo .course-page .featured-content .module-title:after,
.eurus .promo h4:after {
    color: inherit;
    content: ">";
    font-family:
        Bariol,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: inherit;
    font-weight: 400;
    line-height: 1;
    padding-left: 0.625rem;
    position: absolute;
    -webkit-transition: margin-left 0.2s ease-in-out;
    transition: margin-left 0.2s ease-in-out;
}
.course-page .featured-content .eurus .promo .module-title:hover:after,
.eurus .promo .course-page .featured-content .module-title:hover:after,
.eurus .promo h4:hover:after {
    margin-left: 8px;
}
.course-page .featured-content .eurus .promo .module-title:focus,
.course-page .featured-content .eurus .promo .module-title:hover,
.eurus .promo .course-page .featured-content .module-title:focus,
.eurus .promo .course-page .featured-content .module-title:hover,
.eurus .promo h4:focus,
.eurus .promo h4:hover {
    text-decoration: none;
}
.course-page .featured-content .eurus .promo .module-title:after,
.eurus .promo .course-page .featured-content .module-title:after,
.eurus .promo h4:after {
    font-size: 1.3125rem;
    font-weight: 600;
}
.eurus .promo p {
    font-size: 0.875rem;
}
@media screen and (min-width: 48rem) {
    .eurus .promo p {
        font-size: 1rem;
    }
}
.eurus .promo .labelContainer .label {
    background-color: #00dbcf;
}
.eurus .promo .labelContainer .label .labelText {
    color: #003a65;
}
.eurus .keyMessages a:hover,
.eurus .newsArticles a:hover {
    text-decoration: none;
}
.course-page .featured-content .eurus .keyMessages .module-title,
.course-page .featured-content .eurus .newsArticles .module-title,
.eurus .keyMessages .course-page .featured-content .module-title,
.eurus .keyMessages h4,
.eurus .newsArticles .course-page .featured-content .module-title,
.eurus .newsArticles h4 {
    color: #0073bc;
}
@media screen and (min-width: 48rem) {
    .course-page .featured-content .eurus .keyMessages .module-title,
    .course-page .featured-content .eurus .newsArticles .module-title,
    .eurus .keyMessages .course-page .featured-content .module-title,
    .eurus .keyMessages h4,
    .eurus .newsArticles .course-page .featured-content .module-title,
    .eurus .newsArticles h4 {
        max-width: 90%;
    }
}
.course-page .featured-content .eurus .keyMessages .module-title:focus,
.course-page .featured-content .eurus .keyMessages .module-title:hover,
.course-page .featured-content .eurus .newsArticles .module-title:focus,
.course-page .featured-content .eurus .newsArticles .module-title:hover,
.eurus .keyMessages .course-page .featured-content .module-title:focus,
.eurus .keyMessages .course-page .featured-content .module-title:hover,
.eurus .keyMessages h4:focus,
.eurus .keyMessages h4:hover,
.eurus .newsArticles .course-page .featured-content .module-title:focus,
.eurus .newsArticles .course-page .featured-content .module-title:hover,
.eurus .newsArticles h4:focus,
.eurus .newsArticles h4:hover {
    text-decoration: none;
}
.course-page .featured-content .eurus .keyMessages .module-title:hover:after,
.course-page .featured-content .eurus .newsArticles .module-title:hover:after,
.eurus .keyMessages .course-page .featured-content .module-title:hover:after,
.eurus .keyMessages h4:hover:after,
.eurus .newsArticles .course-page .featured-content .module-title:hover:after,
.eurus .newsArticles h4:hover:after {
    right: -1rem;
}
.course-page .featured-content .eurus .keyMessages .module-title:after,
.course-page .featured-content .eurus .newsArticles .module-title:after,
.eurus .keyMessages .course-page .featured-content .module-title:after,
.eurus .keyMessages h4:after,
.eurus .newsArticles .course-page .featured-content .module-title:after,
.eurus .newsArticles h4:after {
    color: inherit;
    content: "\f054";
    font-family: Font Awesome\5 Free;
    font-size: 1rem;
    font-weight: 400;
    position: relative;
    right: -0.625rem;
    top: -2px;
    -webkit-transition: right 0.3s ease-in-out;
    transition: right 0.3s ease-in-out;
}
.eurus .keyMessages.bgPresent,
.eurus .newsArticles.bgPresent {
    margin: 0;
    padding: 1.25rem 0;
}
@media screen and (min-width: 60rem) {
    .eurus .keyMessages.bgPresent,
    .eurus .newsArticles.bgPresent {
        padding: 2.5rem 0;
    }
}
.eurus .keyMessages.brandDefault,
.eurus .newsArticles.brandDefault {
    background-color: #003a65;
    color: #fff;
}
.course-page .featured-content .eurus .keyMessages.brandDefault .module-title,
.course-page .featured-content .eurus .newsArticles.brandDefault .module-title,
.eurus .keyMessages.brandDefault .course-page .featured-content .module-title,
.eurus .keyMessages.brandDefault h2,
.eurus .keyMessages.brandDefault h4,
.eurus .keyMessages.brandDefault p,
.eurus .newsArticles.brandDefault .course-page .featured-content .module-title,
.eurus .newsArticles.brandDefault h2,
.eurus .newsArticles.brandDefault h4,
.eurus .newsArticles.brandDefault p {
    color: #fff;
}
.eurus .keyMessages.inverse,
.eurus .newsArticles.inverse {
    background-color: #fff;
    color: #003a65;
}
.course-page .featured-content .eurus .keyMessages.inverse .module-title,
.course-page .featured-content .eurus .newsArticles.inverse .module-title,
.eurus .keyMessages.inverse .course-page .featured-content .module-title,
.eurus .keyMessages.inverse h4,
.eurus .newsArticles.inverse .course-page .featured-content .module-title,
.eurus .newsArticles.inverse h4 {
    color: #003a65;
}
.eurus .keyMessages.baseTintFive,
.eurus .newsArticles.baseTintFive {
    background-color: #f1f9fe;
}
.course-page .featured-content .eurus .keyMessages.baseTintFive .module-title,
.course-page .featured-content .eurus .newsArticles.baseTintFive .module-title,
.eurus .keyMessages.baseTintFive .course-page .featured-content .module-title,
.eurus .keyMessages.baseTintFive h4,
.eurus .newsArticles.baseTintFive .course-page .featured-content .module-title,
.eurus .newsArticles.baseTintFive h4 {
    color: #0073bc;
}
.eurus .keyMessages:not(.bgPresent) .sectionTitle,
.eurus .newsArticles:not(.bgPresent) .sectionTitle {
    padding-top: 1.5rem;
}
.eurus .keyMessages.textOnly .promo,
.eurus .newsArticles.textOnly .promo {
    border-top: 2px solid #da1a35;
}
.course-page .featured-content .eurus .keyMessages.textOnly .promo .module-title,
.course-page .featured-content .eurus .newsArticles.textOnly .promo .module-title,
.eurus .keyMessages.textOnly .promo .course-page .featured-content .module-title,
.eurus .keyMessages.textOnly .promo h4,
.eurus .newsArticles.textOnly .promo .course-page .featured-content .module-title,
.eurus .newsArticles.textOnly .promo h4 {
    margin: 13px 0;
}
.course-page .featured-content .eurus .keyMessages.textOnly .promo .module-title:after,
.course-page .featured-content .eurus .newsArticles.textOnly .promo .module-title:after,
.eurus .keyMessages.textOnly .promo .course-page .featured-content .module-title:after,
.eurus .keyMessages.textOnly .promo h4:after,
.eurus .newsArticles.textOnly .promo .course-page .featured-content .module-title:after,
.eurus .newsArticles.textOnly .promo h4:after {
    content: "\f061";
    font-size: 1.2rem;
    margin-left: 0;
    padding-left: 0;
    right: -0.3125rem;
}
.course-page .featured-content .eurus .keyMessages.textOnly .promo .module-title:hover:after,
.course-page .featured-content .eurus .newsArticles.textOnly .promo .module-title:hover:after,
.eurus .keyMessages.textOnly .promo .course-page .featured-content .module-title:hover:after,
.eurus .keyMessages.textOnly .promo h4:hover:after,
.eurus .newsArticles.textOnly .promo .course-page .featured-content .module-title:hover:after,
.eurus .newsArticles.textOnly .promo h4:hover:after {
    right: -0.625rem;
}
.keyMessagesPanels {
    margin: 0;
    padding: 2.6rem 0 0;
}
.course-page .featured-content .keyMessagesPanels .colourPanelGrid .module-title,
.course-page .featured-content .keyMessagesPanels .promoPanelsContainer .module-title,
.keyMessagesPanels .colourPanelGrid .course-page .featured-content .module-title,
.keyMessagesPanels .colourPanelGrid h4,
.keyMessagesPanels .colourPanelGrid p,
.keyMessagesPanels .promoPanelsContainer .course-page .featured-content .module-title,
.keyMessagesPanels .promoPanelsContainer h4,
.keyMessagesPanels .promoPanelsContainer p,
.keyMessagesPanels h2,
.keyMessagesPanels h3 {
    color: #fff;
}
.keyMessagesPanels.colourA,
.keyMessagesPanels.colourB,
.keyMessagesPanels.colourC {
    background: #003a65;
}
.colourPanelGrid {
    border-top: 3px solid #fff;
}
.colourPanelGrid .promoLink {
    padding: 1.6rem 0 2.2rem;
}
.colourPanelGrid .course-page .featured-content .module-title,
.colourPanelGrid h4,
.course-page .featured-content .colourPanelGrid .module-title {
    font-size: 1.125rem;
    line-height: 1.4375rem;
}
.colourPanelGrid .course-page .featured-content .module-title:after,
.colourPanelGrid h4:after,
.course-page .featured-content .colourPanelGrid .module-title:after {
    font-weight: 600;
    margin-top: 0.1rem;
}
@media screen and (min-width: 48rem) {
    .colourPanelGrid .course-page .featured-content .module-title:after,
    .colourPanelGrid h4:after,
    .course-page .featured-content .colourPanelGrid .module-title:after {
        margin-top: -0.0625rem;
    }
}
.colourPanelGrid P {
    font-size: 1rem;
    line-height: 1.5rem;
}
.colourPanelGrid.colourA,
.colourPanelGrid.colourB,
.colourPanelGrid.colourC {
    border-top-color: #003a65;
}
.newsFeed {
    font-size: 0.625rem;
}
.newsItems {
    height: 100%;
    width: 100%;
}
.newsItem {
    background-color: #4a4a4a;
    color: #fff;
    float: left;
    font-family:
        Bariol,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 0.9375rem;
    margin: 0 0 1.25rem;
    min-height: 14.0625rem;
    overflow: hidden;
    padding: 2.5rem 1.25rem 1.25rem;
    position: relative;
    width: 100%;
}
@media screen and (min-width: 48rem) {
    .newsItem {
        margin-bottom: 2%;
        margin-right: 2%;
        width: 49%;
    }
}
@media screen and (min-width: 64rem) {
    .newsItem {
        font-size: 1.125rem;
        height: 15.625rem;
        padding-top: 2.8125rem;
        width: 24%;
    }
}
.newsItem:nth-of-type(3n-2) {
    margin-right: 0;
    width: 100%;
}
@media screen and (min-width: 64rem) {
    .newsItem:nth-of-type(3n-2) {
        margin-right: 2%;
        width: 24%;
    }
}
.newsItem:nth-of-type(3n-2) .newsItemBackground,
.newsItem:nth-of-type(3n-2) .newsItemOverlay {
    display: block;
}
@media screen and (min-width: 64rem) {
    .newsItem:nth-of-type(3n-2) .newsItemBackground,
    .newsItem:nth-of-type(3n-2) .newsItemOverlay {
        display: none;
    }
    .newsItem:nth-of-type(12n-1),
    .newsItem:nth-of-type(4n - 3) {
        width: 48%;
    }
    .newsItem:nth-of-type(12n-1) .newsItemBackground,
    .newsItem:nth-of-type(12n-1) .newsItemOverlay,
    .newsItem:nth-of-type(4n - 3) .newsItemBackground,
    .newsItem:nth-of-type(4n - 3) .newsItemOverlay {
        display: block;
    }
}
.newsItem:nth-of-type(3n) {
    margin-right: 0;
}
.newsItem.colourA {
    background-color: #007a74;
}
.newsItem.colourB {
    background-color: #00523e;
}
.newsItem.colourC {
    background-color: #84067f;
}
.newsItemBackground,
.newsItemOverlay {
    display: none;
}
.newsItemBackground {
    min-width: 100%;
}
.newsItemText {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-family:
        Bariol,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1rem;
    line-height: 1.2;
    margin: 0.625rem 0;
    min-height: 6em;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
@media screen and (min-width: 48rem) {
    .newsItemText {
        font-size: 1.125rem;
        margin: 0.375rem 0;
        max-height: 6em;
    }
    .newsItemText.twitter {
        max-height: 9.6em;
    }
}
.newsItemText p {
    font-family:
        Bariol,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    overflow: hidden;
    padding: 0;
}
.newsItemText .tweet {
    font-size: 0.84375rem;
}
.newsTwitterLink,
.newsTwitterLink:focus,
.newsTwitterLink:hover,
.newsTwitterLink:visited {
    color: #fff;
}
.newsReadMore {
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    height: 3.4375rem;
    line-height: 3.6;
    margin: 0;
    max-width: 13.4375rem;
    padding: 0 2.8125rem 0 0.9375rem;
    position: relative;
    -webkit-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
    width: 100%;
    z-index: 1;
}
@media screen and (min-width: 64rem) {
    .newsReadMore {
        height: 3.75rem;
        line-height: 3.3;
        padding: 0 3.125rem 0 1.25rem;
    }
}
.newsReadMore:focus,
.newsReadMore:hover,
.newsReadMore:visited {
    color: #fff;
}
.newsReadMore:focus,
.newsReadMore:hover {
    background-color: rgba(0, 0, 0, 0.3);
    color: #fff;
    text-decoration: none;
}
.eurus .newsItem {
    background-color: #051435;
}
.eurus .newsItem .labelContainer .label {
    background-color: #00dbcf;
}
.eurus .newsItem .labelContainer .label .labelText {
    color: #003a65;
}
.eurus .newsItem .overlay {
    background: rgba(32, 63, 100, 0.7);
}
.eurus .newsItem .overlay.newsItemOverlay {
    display: block;
}
.eurus .newsItem .newsReadMore {
    background-color: #fff;
    color: #003a65;
    font-family:
        Bariol,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    height: auto;
    line-height: 2.4;
    max-width: auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
@media screen and (min-width: 64rem) {
    .eurus .newsItem .newsReadMore {
        font-size: 1.25rem;
    }
}
.eurus .newsItem .newsReadMore:after {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
@media screen and (min-width: 64rem) {
    .eurus .newsItem .newsReadMore:after {
        font-size: 1.25rem;
    }
}
.eurus .newsItem.colourA,
.eurus .newsItem.colourB,
.eurus .newsItem.colourC {
    background-color: #051435;
    color: #fff;
}
.mediaWidget {
    font-size: 0.625rem;
}
.mediaWidget iframe {
    height: 28.125rem;
    width: 100%;
}
@media screen and (min-width: 64rem) {
    .mediaWidget iframe {
        height: 37.5rem;
    }
}
.imageBlock img {
    display: block;
    height: auto;
    width: 100%;
}
.ctaBlock {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: #003a65;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 0.625rem;
    justify-content: center;
    min-height: 16.25rem;
    overflow: hidden;
    padding: 2.5rem 0;
    position: relative;
}
@media screen and (min-width: 60rem) {
    .ctaBlock {
        min-height: 19.5625rem;
    }
}
.ctaBlock h2 {
    color: #fff;
}
.ctaBlock.fullWidthRibbon,
.ctaBlock.fullWidthRibbon.colourA,
.ctaBlock.fullWidthRibbon.colourB,
.ctaBlock.fullWidthRibbon.colourC {
    background-color: #003a65;
}
.ctaBlock.fullWidthRibbon .ctaContainer {
    -ms-flex-pack: center;
    justify-content: center;
}
.ctaBlock.fullWidthRibbon .ctaContainer .ctaColumn,
.ctaBlock.fullWidthRibbon .ctaContainer .ctaColumn:only-child {
    max-width: 100%;
}
@media screen and (min-width: 48rem) {
    .ctaBlock.fullWidthRibbon .ctaContainer .ctaColumn:only-child {
        margin-left: 25%;
        margin-right: 25%;
        max-width: 50%;
    }
}
.ctaBlock.fullWidthRibbon {
    min-height: 0;
}
.ctaBlockContent {
    position: relative;
    z-index: 1;
}
.ctaBlockContent h3 {
    color: #fff;
    font-size: 1.5625rem;
    margin-bottom: 0.3125rem;
}
@media screen and (min-width: 64rem) {
    .ctaBlockContent h3 {
        font-size: 3.125rem;
    }
}
.ctaBlockLink {
    color: #fff;
    float: right;
    font-size: 0.9375rem;
    margin-top: 0.3125rem;
    text-decoration: underline;
}
@media screen and (min-width: 64rem) {
    .ctaBlockLink {
        font-size: 0.875rem;
        margin-top: 0.9375rem;
    }
}
.ctaBlockLink:focus,
.ctaBlockLink:hover,
.ctaBlockLink:visited {
    color: #fff;
}
.no-js .slickSlider.loading .slide {
    margin-bottom: 2rem;
}
.gallery:not(.mediaGallery) {
    font-size: 0.625rem;
    overflow: hidden;
    padding-bottom: 8rem;
}
@media screen and (min-width: 64rem) {
    .gallery:not(.mediaGallery) {
        padding-bottom: 6rem;
    }
}
.gallery:not(.mediaGallery) .slickSlider {
    position: relative;
}
@media screen and (min-width: 48rem) {
    .gallery:not(.mediaGallery) .slickSlider {
        min-height: 23.4375rem;
    }
}
.gallery:not(.mediaGallery) .slickSlider > * {
    -webkit-transition: opacity 1s ease-in;
    transition: opacity 1s ease-in;
}
.gallery:not(.mediaGallery) .slickSlider.loading {
    background: url(/webtemplate/img/icons/ncuvision__ajax-loader.gif) 50% no-repeat;
}
.gallery:not(.mediaGallery) .slickSlider.loading > * {
    opacity: 0;
}
.gallery:not(.mediaGallery) .slick-list {
    overflow: visible;
}
.gallery:not(.mediaGallery) .slide {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    height: auto;
    padding: 0 0.9375rem;
    position: relative;
    width: 100vw;
}
@media screen and (min-width: 48rem) {
    .gallery:not(.mediaGallery) .slide {
        float: left;
        height: auto;
        margin-bottom: 0;
        padding-left: 0.75rem;
        padding-right: 0.75rem;
        width: auto;
    }
}
.gallery:not(.mediaGallery) .slide.videoSlide img {
    height: auto;
    width: auto;
}
.gallery:not(.mediaGallery) .slide:not(.videoSlide) img {
    max-height: 23.4375rem;
}
.gallery:not(.mediaGallery) .slide iframe,
.gallery:not(.mediaGallery) .slide img {
    display: block;
    height: auto;
    margin: 0 auto;
    max-width: 100%;
    width: 100%;
}
@media screen and (min-width: 48rem) {
    .gallery:not(.mediaGallery) .slide iframe,
    .gallery:not(.mediaGallery) .slide img {
        width: auto;
    }
    .gallery:not(.mediaGallery) .videoSlide {
        max-width: 100%;
        min-height: 23.4375rem;
        width: 44.625rem;
    }
}
.gallery:not(.mediaGallery) .slick-arrow {
    background-color: #4a4a4a;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    display: block;
    font-size: 0.625rem;
    height: 2.875rem;
    margin-top: -1.4375rem;
    opacity: 0.8;
    padding: 0;
    position: absolute;
    text-indent: -9999px;
    top: calc(26.5vw - 1.06em);
    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
    width: 2.875rem;
    z-index: 1;
}
@media screen and (min-width: 48rem) {
    .gallery:not(.mediaGallery) .slick-arrow {
        height: 5.875rem;
        top: 55%;
        width: 5.875rem;
    }
}
.gallery:not(.mediaGallery) .slick-arrow:focus,
.gallery:not(.mediaGallery) .slick-arrow:hover {
    opacity: 1;
}
.gallery:not(.mediaGallery) .slick-arrow:after {
    background: url(/webtemplate/img/icons/ncuvision__carousel-arrow.svg) 0 0 no-repeat;
    background-size: 100% auto;
    content: "";
    display: block;
    height: 1.8125rem;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-60%, -50%);
    transform: translate(-60%, -50%);
    width: 1.1875rem;
}
@media screen and (min-width: 64rem) {
    .gallery:not(.mediaGallery) .slick-arrow:after {
        height: 3.5rem;
        width: 2.125rem;
    }
}
.gallery:not(.mediaGallery).colourA .slick-arrow {
    background-color: #007a74;
}
.gallery:not(.mediaGallery).colourB .slick-arrow {
    background-color: #00523e;
}
.gallery:not(.mediaGallery).colourC .slick-arrow {
    background-color: #84067f;
}
.gallery:not(.mediaGallery) .slick-prev {
    left: 0.3125rem;
}
@media screen and (min-width: 48rem) {
    .gallery:not(.mediaGallery) .slick-prev {
        left: 2rem;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}
.gallery:not(.mediaGallery) .slick-next {
    right: 0.3125rem;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
@media screen and (min-width: 48rem) {
    .gallery:not(.mediaGallery) .slick-next {
        right: 2rem;
        -webkit-transform: rotate(-180deg) translateY(50%);
        transform: rotate(-180deg) translateY(50%);
    }
}
.gallery:not(.mediaGallery) .galleryCaption {
    font-size: 0.9375rem;
    left: 0.98125rem;
    opacity: 0;
    position: absolute;
    top: 100%;
    -webkit-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out;
    width: calc(100% - 3.14em);
}
@media screen and (min-width: 64rem) {
    .gallery:not(.mediaGallery) .galleryCaption {
        left: 0.7625rem;
        width: calc(100% - 2.44em);
    }
}
.gallery:not(.mediaGallery) .videoGalleryOverlay {
    height: 23.4375rem;
    left: 0.75rem;
    width: calc(100% - 2.4em);
    z-index: 1;
}
.gallery:not(.mediaGallery) .videoGalleryOverlay:after,
.gallery:not(.mediaGallery) .videoGalleryOverlay:hover:after {
    opacity: 0;
}
.gallery:not(.mediaGallery) .slick-current .galleryCaption {
    opacity: 1;
}
.gallery:not(.mediaGallery) .slick-current .videoGalleryOverlay:after {
    opacity: 0.8;
}
.gallery:not(.mediaGallery) .slick-current .videoGalleryOverlay:hover:after {
    opacity: 1;
}
.gallery:not(.mediaGallery) .fluid-width-video-wrapper {
    visibility: visible;
    z-index: 0;
}
@media screen and (min-width: 48rem) {
    .gallery:not(.mediaGallery) .fluid-width-video-wrapper {
        visibility: hidden;
    }
}
.gallery:not(.mediaGallery) .fluid-width-video-wrapper.visible {
    visibility: visible;
}
.gallery:not(.mediaGallery) .fluid-width-video-wrapper embed,
.gallery:not(.mediaGallery) .fluid-width-video-wrapper iframe,
.gallery:not(.mediaGallery) .fluid-width-video-wrapper object {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.noJSWarning {
    display: none;
}
.no-js .slide iframe,
.no-js .slide img {
    width: auto;
}
.no-js .slickSlider.loading .slide {
    margin-bottom: 2em;
    opacity: 1;
    width: 100%;
}
.no-js .videoSlide {
    display: none;
    min-height: 0;
}
.no-js .galleryCaption {
    margin: 1em auto;
    max-width: 69em;
    opacity: 1;
    position: static;
}
.no-js .noJSWarning {
    display: block;
    text-align: center;
}
.no-js .slickSlider {
    min-height: 0;
}
.no-js .slickSlider.loading {
    background: none;
}
.no-js .slickSlider.loading > * {
    opacity: 1;
}
.gallery.mediaGallery {
    overflow: hidden;
    padding-top: 2.5rem;
}
@media screen and (min-width: 75rem) {
    .gallery.mediaGallery {
        padding-top: 5rem;
    }
}
.gallery.mediaGallery h2,
.gallery.mediaGallery h3 {
    margin-top: 0;
}
.gallery.mediaGallery h2:empty,
.gallery.mediaGallery h3:empty {
    display: none;
}
.gallery.mediaGallery h2 {
    margin-bottom: 0.625rem;
}
.gallery.mediaGallery h3 {
    color: #4a4a4a;
    font-size: 1.75rem;
    margin-bottom: 0.625rem;
    text-transform: none;
}
@media screen and (min-width: 75rem) {
    .gallery.mediaGallery h3 {
        color: #fff;
    }
}
.gallery.mediaGallery h3 a {
    color: #4a4a4a;
    pointer-events: auto;
}
.gallery.mediaGallery h3 a:after {
    color: inherit;
    content: ">";
    font-family:
        Bariol,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: inherit;
    font-weight: 400;
    line-height: 1.2;
    padding-left: 0.625rem;
    position: absolute;
    -webkit-transition: margin-left 0.2s ease-in-out;
    transition: margin-left 0.2s ease-in-out;
}
.gallery.mediaGallery h3 a:hover:after {
    margin-left: 8px;
}
@media screen and (min-width: 75rem) {
    .gallery.mediaGallery h3 a {
        color: #fff;
    }
}
.gallery.mediaGallery h3 a:hover {
    text-decoration: none;
}
.gallery.mediaGallery .description {
    margin-bottom: 2rem;
}
@media screen and (min-width: 60rem) {
    .gallery.mediaGallery .description > * {
        font-size: 1.25rem;
    }
}
.gallery.mediaGallery .description:empty {
    display: none;
}
.gallery.mediaGallery .description p:first-child {
    font-size: 1.125rem;
    font-weight: 700;
    margin-bottom: 0;
}
@media screen and (min-width: 60rem) {
    .gallery.mediaGallery .description p:first-child {
        font-size: 1.5rem;
    }
}
.gallery.mediaGallery .description p:last-child {
    margin-bottom: 0;
}
.gallery.mediaGallery.mediaGallery {
    padding-bottom: 2.5rem;
}
@media screen and (min-width: 75rem) {
    .gallery.mediaGallery.mediaGallery {
        padding-bottom: 5rem;
    }
}
.gallery.mediaGallery.mediaGallery .caption {
    color: #4c4c4c;
    pointer-events: none;
    z-index: 4;
}
@media screen and (min-width: 75rem) {
    .gallery.mediaGallery.mediaGallery .caption {
        -ms-flex-pack: end;
        bottom: 0;
        color: #fff;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 80%;
        justify-content: flex-end;
        left: 0;
        padding: 1.5rem;
        position: absolute;
        width: 100%;
    }
    .gallery.mediaGallery.mediaGallery .videoSlide {
        max-width: 100%;
        min-height: 560px;
        width: 996px;
    }
}
.gallery.mediaGallery.mediaGallery .videoSlide iframe {
    height: 100%;
    width: 100%;
}
.gallery.mediaGallery.mediaGallery .videoSlide .videoOverlay {
    background-color: transparent;
    height: 49vw;
    left: 0;
    max-height: 35rem;
    padding-left: 3rem;
    padding-right: 3rem;
    width: 100%;
}
@media screen and (min-width: 75rem) {
    .gallery.mediaGallery.mediaGallery .videoSlide .videoOverlay {
        padding: 0;
    }
}
.gallery.mediaGallery.mediaGallery .slick-arrow {
    top: 12rem;
}
@media screen and (min-width: 75rem) {
    .gallery.mediaGallery.mediaGallery .slick-arrow {
        top: 50%;
    }
}
.gallery.mediaGallery.mediaGallery.light {
    background-color: #f5f5f5;
}
.gallery.mediaGallery.mediaGallery.light h3 {
    color: #4a4a4a;
}
@media screen and (min-width: 75rem) {
    .gallery.mediaGallery.mediaGallery.light h3 {
        color: #fff;
    }
}
.gallery.mediaGallery.mediaGallery.dark {
    background-color: #4a4a4a;
}
.gallery.mediaGallery.mediaGallery.dark .caption,
.gallery.mediaGallery.mediaGallery.dark .description,
.gallery.mediaGallery.mediaGallery.dark .description *,
.gallery.mediaGallery.mediaGallery.dark h2,
.gallery.mediaGallery.mediaGallery.dark h3,
.gallery.mediaGallery.mediaGallery.dark h3 a {
    color: #fff;
}
.gallery.mediaGallery.mediaGallery.dark .btn {
    border: 1px solid #fff;
}
.gallery.mediaGallery .slickSlider {
    position: relative;
}
@media screen and (min-width: 75rem) {
    .gallery.mediaGallery .slickSlider {
        min-height: 560px;
    }
}
.gallery.mediaGallery .slickSlider > * {
    -webkit-transition: opacity 1.5s ease-in;
    transition: opacity 1.5s ease-in;
}
.gallery.mediaGallery .slickSlider.loading > * {
    opacity: 0;
}
.gallery.mediaGallery .slickSlider.loading:after {
    background: #fff url(/webtemplate/img/icons/ncuvision__ajax-loader.gif) 50% no-repeat;
    border-radius: 50%;
    content: "";
    height: 50px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 50px;
}
.gallery.mediaGallery .slickSlider > .slide {
    float: none;
    margin: 0 auto;
}
.gallery.mediaGallery .slickSlider > .slide + .slide {
    margin-top: 2rem;
}
.gallery.mediaGallery .caption {
    margin: 1rem 0 0;
    position: static;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
@media screen and (min-width: 75rem) {
    .gallery.mediaGallery .caption {
        background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.8)), to(transparent));
        background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.8), transparent);
    }
}
.gallery.mediaGallery .caption p {
    font-size: 1.125rem;
    margin-bottom: 0;
}
.gallery.mediaGallery .slick-list {
    overflow: visible;
}
.gallery.mediaGallery .slide {
    background-color: #003a65;
    padding: 0 3rem;
    position: relative;
    width: 100vw;
}
@media screen and (min-width: 75rem) {
    .gallery.mediaGallery .slide {
        float: left;
        margin-bottom: 0;
        margin-left: 1.25rem;
        margin-right: 1.25rem;
        max-height: 560px;
        max-width: 75rem;
        overflow: hidden;
        padding: 0;
        width: auto;
    }
}
.gallery.mediaGallery .slide iframe,
.gallery.mediaGallery .slide img {
    display: block;
    height: auto;
    margin: 0 auto;
    max-width: 100%;
    width: 100%;
}
@media screen and (min-width: 75rem) {
    .gallery.mediaGallery .slide iframe,
    .gallery.mediaGallery .slide img {
        width: auto;
    }
}
.gallery.mediaGallery .slick-current .caption {
    opacity: 1;
}
.gallery.mediaGallery .slick-slide {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
}
.gallery.mediaGallery .slick-arrow {
    background: #4a4a4a;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    display: block;
    font-size: 1rem;
    height: 3rem;
    left: -1.5rem;
    opacity: 0.8;
    padding: 0;
    position: absolute;
    text-indent: -9999px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
    width: 3rem;
    z-index: 1;
}
@media screen and (min-width: 75rem) {
    .gallery.mediaGallery .slick-arrow {
        height: 4.5rem;
        left: 3.125rem;
        top: 50%;
        width: 4.5rem;
    }
}
.gallery.mediaGallery .slick-arrow:hover {
    opacity: 1;
}
.gallery.mediaGallery .slick-arrow:after {
    background: url(/webtemplate/img/icons/ncuvision__carousel-arrow.svg) 0 0 no-repeat;
    background-size: 100% auto;
    content: "";
    display: block;
    height: 29px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 19px;
}
@media screen and (min-width: 75rem) {
    .gallery.mediaGallery .slick-arrow:after {
        height: 42px;
        width: 25px;
    }
}
.gallery.mediaGallery .slick-next {
    left: auto;
    right: -1.5rem;
    -webkit-transform: translateY(-50%) rotate(-180deg);
    transform: translateY(-50%) rotate(-180deg);
}
@media screen and (min-width: 75rem) {
    .gallery.mediaGallery .slick-next {
        left: auto;
        right: 3.125rem;
    }
}
.gallery.mediaGallery .slick-initialized .caption {
    opacity: 0;
}
.gallery.mediaGallery .slick-initialized .fluid-width-video-wrapper {
    visibility: visible;
}
@media screen and (min-width: 48rem) {
    .gallery.mediaGallery .slick-initialized .fluid-width-video-wrapper {
        visibility: hidden;
    }
}
.gallery.mediaGallery .slick-initialized .fluid-width-video-wrapper.visible {
    visibility: visible;
}
.gallery.mediaGallery .slick-initialized .videoOverlay:after {
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}
.gallery.mediaGallery .slick-initialized .slick-current .caption {
    opacity: 1;
}
.gallery.mediaGallery .slick-initialized .slick-current .videoOverlay:after {
    opacity: 1;
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}
.gallery.mediaGallery .buttons {
    display: none;
    text-align: right;
}
.gallery.mediaGallery .buttons.show {
    display: block;
    margin-top: 2rem;
}
.quote {
    font-size: 1.125rem;
}
.quote blockquote {
    border: none;
    font-family:
        Bariol,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-weight: 400;
    padding: 0;
    position: relative;
    width: 100%;
}
.quote blockquote .beforeQuote {
    color: #da1a35;
    left: -20px;
    position: absolute;
    top: -5px;
}
.quote blockquote .beforeQuote.red {
    color: #da1a35;
}
.quote blockquote .beforeQuote.teal {
    color: #00857e;
}
.quote blockquote .beforeQuote.blue {
    color: #003a65;
}
.quote blockquote .afterQuote {
    bottom: 0;
    color: #da1a35;
    position: absolute;
    right: -10px;
}
.quote blockquote .afterQuote.red {
    color: #da1a35;
}
.quote blockquote .afterQuote.teal {
    color: #00857e;
}
.quote blockquote .afterQuote.blue {
    color: #003a65;
}
.quote blockquote h3 {
    color: #051435;
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1.125rem;
    line-height: 1.25;
    padding: 0 1.25rem;
    position: relative;
    text-align: left;
}
@media screen and (min-width: 64rem) {
    .quote blockquote h3 {
        font-size: 1.375rem;
        padding: 0 1.25rem;
    }
}
.quote blockquote footer {
    margin-top: 1.25rem;
}
.quote blockquote cite {
    color: #4c4c4c;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    text-align: center;
}
@media screen and (min-width: 64rem) {
    .quote blockquote cite {
        font-size: 1.125rem;
    }
}
.quote figcaption {
    color: #003a65;
    font-size: 0.9375rem;
    padding: 0.625rem 1.25rem 0;
    text-align: left;
}
@media screen and (min-width: 64rem) {
    .quote figcaption {
        font-size: 1.125rem;
    }
}
.quote figcaption:not(:has(span)) {
    display: none;
}
.quote figcaption span {
    display: block;
    font-size: 0.875rem;
}
@media screen and (min-width: 64rem) {
    .quote figcaption span {
        font-size: 1rem;
    }
}
.quote figcaption span.author {
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1.125rem;
}
.quote figcaption span.role {
    font-family:
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    line-height: 1.3;
}
.introContent {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}
@media screen and (min-width: 48rem) {
    .introContent {
        -ms-flex-direction: row;
        flex-direction: row;
    }
}
.introContent.reverse {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}
@media screen and (min-width: 48rem) {
    .introContent.reverse {
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }
    .introColumn {
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
    }
    .introColumn:first-of-type {
        margin: 0 2.5rem 0 0;
    }
    .reverse .introColumn:first-of-type {
        margin: 0 0 0 2.5rem;
    }
    .introColumn:last-of-type {
        margin-right: 0;
    }
}
.introColumn + .introColumn {
    margin-top: 2.1875rem;
}
@media screen and (min-width: 48rem) {
    .introColumn + .introColumn {
        margin: 0 0 0 2.5rem;
    }
}
.reverse .introColumn + .introColumn {
    margin: 0 0 2.1875rem;
}
@media screen and (min-width: 48rem) {
    .reverse .introColumn + .introColumn {
        margin: 0 2.5rem 0 0;
    }
}
.introText {
    font-size: 1.125rem;
}
.introImage,
.introQuote {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.introQuote .ctaContainer {
    padding-top: 1.25rem;
}
.eurus .introColumn.introText {
    height: 100%;
}
.fullWidthBanner {
    height: auto;
}
@media screen and (min-width: 48rem) {
    .fullWidthBanner {
        min-height: 18.75rem;
    }
}
.fullWidthBanner .bannerContainer {
    background-color: #003a65;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}
@media screen and (min-width: 48rem) {
    .fullWidthBanner .bannerContainer {
        min-height: 18.75rem;
    }
}
.fullWidthBanner .bannerContainer:before {
    background-color: #000;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0.5;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3;
}
.fullWidthBanner .bannerContainer.colourA:before {
    background-color: #007a74;
}
.fullWidthBanner .bannerContainer.colourB:before {
    background-color: #00523e;
}
.fullWidthBanner .bannerContainer.colourC:before {
    background-color: #84067f;
}
.fullWidthBanner .bannerContainer.noColour-gradient:before {
    background-color: transparent;
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        from(rgba(5, 20, 53, 0.8)),
        to(rgba(5, 20, 53, 0.8))
    );
    background-image: linear-gradient(0deg, rgba(5, 20, 53, 0.8), rgba(5, 20, 53, 0.8));
}
@media screen and (min-width: 60rem) {
    .fullWidthBanner .bannerContainer.noColour-gradient:before {
        background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.8)), to(transparent));
        background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.8), transparent);
    }
}
.fullWidthBanner .banner-wrapper,
.fullWidthBanner .row {
    display: -ms-flexbox;
    display: flex;
    overflow: visible;
}
.fullWidthBanner .banner-wrapper {
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
}
@media screen and (min-width: 48rem) {
    .fullWidthBanner .banner-wrapper {
        -ms-flex-direction: row;
        flex-direction: row;
    }
}
.fullWidthBanner .banner-wrapper.reverse {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    width: 100%;
}
@media screen and (min-width: 48rem) {
    .fullWidthBanner .banner-wrapper.reverse {
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }
}
.fullWidthBanner .text-container {
    -ms-flex-pack: end;
    color: #fff;
    font-size: 1.125rem;
    justify-content: flex-end;
    padding: 2rem 0;
    position: relative;
    width: 100%;
    z-index: 7;
}
@media screen and (min-width: 48rem) {
    .fullWidthBanner .text-container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        min-height: 18.75rem;
        width: 50%;
    }
}
.fullWidthBanner .text-container a {
    color: #fff;
}
.fullWidthBanner .text-container a:after {
    color: inherit;
    content: ">";
    font-family:
        Bariol,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: inherit;
    font-weight: 400;
    line-height: 1;
    padding-left: 0.625rem;
    position: absolute;
    -webkit-transition: margin-left 0.2s ease-in-out;
    transition: margin-left 0.2s ease-in-out;
}
.fullWidthBanner .text-container a:hover:after {
    margin-left: 8px;
}
@media screen and (min-width: 64rem) {
    .fullWidthBanner .text-container a {
        font-size: 2.8125rem;
    }
}
.fullWidthBanner .text-container a:hover,
.fullWidthBanner .text-container a:visited {
    color: #fff;
    text-decoration: none;
}
.fullWidthBanner .image-container {
    position: relative;
    width: 100%;
    z-index: 6;
}
@media screen and (min-width: 48rem) {
    .fullWidthBanner .image-container {
        width: 50%;
    }
}
.fullWidthBanner .hero-img {
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
    background-size: auto 100%;
    height: 12.5rem;
    position: relative;
    width: 100%;
}
@media screen and (min-width: 48rem) {
    .fullWidthBanner .hero-img {
        background-size: contain;
        height: 100%;
        position: absolute;
    }
}
.fullWidthBanner .image-overlay {
    background-position: 50%;
    background-size: cover;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}
.fullWidthBanner.breakout-container {
    min-height: auto;
}
@media screen and (min-width: 48rem) {
    .fullWidthBanner.breakout-container {
        background-position: bottom;
        margin-top: 6.25rem;
        min-height: 25rem;
    }
}
.fullWidthBanner.breakout-container .hero-img {
    background-repeat: no-repeat;
    background-size: contain;
    height: 12.5rem;
    margin-top: 0;
    width: 100%;
}
@media screen and (min-width: 48rem) {
    .fullWidthBanner.breakout-container .hero-img {
        background-repeat: no-repeat;
        background-size: contain;
        bottom: 0;
        height: 25rem;
        position: absolute;
        width: 100%;
    }
}
.dualPanel {
    height: auto;
}
@media screen and (min-width: 60rem) {
    .dualPanel {
        min-height: auto;
    }
}
.dualPanel.breakout-container {
    margin: 3.125rem 0;
}
@media screen and (min-width: 60rem) {
    .dualPanel.breakout-container {
        margin: 5rem 0 3.125rem;
    }
}
.dualPanel.breakout-container .panelContainer .panel-wrapper {
    min-height: auto;
}
@media screen and (min-width: 60rem) {
    .dualPanel.breakout-container .panelContainer .panel-wrapper {
        min-height: 21.875rem;
    }
    .dualPanel.reverse .panelContainer .panelContainerInner {
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }
}
.dualPanel.reverse .panelContainer .panelContainerInner .introColumn:first-of-type {
    margin: 0;
}
.dualPanel .panelContainer {
    display: block;
    position: relative;
}
@media screen and (min-width: 60rem) {
    .dualPanel .panelContainer {
        display: -ms-flexbox;
        display: flex;
    }
}
.dualPanel.panelPanelGradient .panelContainer .row {
    -ms-grid-columns: (minmax(0, 1fr)) [1];
    display: -ms-grid;
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media screen and (min-width: 40rem) {
    .dualPanel.panelPanelGradient .panelContainer .row {
        -ms-grid-columns: (minmax(0, 1fr)) [2];
        gap: 20px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
.dualPanel.panelPanelGradient .panelContainer .row .panel-wrapper {
    height: 17.5rem;
    margin-bottom: 0;
    width: 100%;
}
@media screen and (min-width: 60rem) {
    .dualPanel.panelPanelGradient .panelContainer .row .panel-wrapper {
        height: 22.1875rem;
    }
}
.dualPanel.panelPanelGradient .panelContainer .row .panel-wrapper:hover .headline {
    text-decoration: underline;
}
.dualPanel.panelPanelGradient .panelContainer .row .panel-wrapper:hover .headline:after {
    left: 12px;
}
.dualPanel.panelPanelGradient .panelContainer .row.min-height-fit {
    min-height: auto;
}
.dualPanel .row {
    -ms-flex-pack: justify;
    display: block;
    justify-content: space-between;
    overflow: visible;
}
@media screen and (min-width: 60rem) {
    .dualPanel .row {
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px;
        display: -ms-flexbox;
        display: flex;
    }
}
.dualPanel .row.reverse {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
.dualPanel .panel-wrapper {
    -ms-flex-align: center;
    align-items: center;
    background-color: #f5f5f5;
    display: block;
    height: auto;
    margin-bottom: 1.25rem;
    overflow: visible;
    padding: 1.5rem;
    position: relative;
    width: 100%;
}
@media screen and (min-width: 60rem) {
    .dualPanel .panel-wrapper {
        -ms-flex-align: start;
        align-items: start;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 0;
        width: 49%;
    }
}
.course-page .requirementWidget .dualPanel .panel-wrapper.selectWrapper.open,
.dataWidget .dualPanel .panel-wrapper.nice-select.open,
.dualPanel .course-page .requirementWidget .panel-wrapper.selectWrapper.open,
.dualPanel .dataWidget .panel-wrapper.nice-select.open,
.dualPanel .panel-wrapper:active,
.dualPanel .panel-wrapper:hover,
.dualPanel .panel-wrapper:visited {
    text-decoration: none;
}
.dualPanel .panel-wrapper.no-breakout[href] .headline:after,
.dualPanel .panel-wrapper:not(.no-breakout)[href] .headline:after {
    content: "\f061";
    display: inline-block;
    font-family: Font Awesome\5 Free;
    left: 8px;
    position: relative;
    -webkit-transition: left 0.3s ease;
    transition: left 0.3s ease;
}
.dualPanel .panel-wrapper.no-breakout[href] .headline:hover:after {
    left: 12px;
}
.dualPanel .panel-wrapper.media {
    background: none;
    height: 50vw;
    margin-bottom: 3.125rem;
    overflow: hidden;
    padding: 0;
}
@media screen and (min-width: 60rem) {
    .dualPanel .panel-wrapper.media {
        height: 100%;
        margin-bottom: 0;
        min-height: 100%;
    }
}
.dualPanel .panel-wrapper.quote {
    -ms-flex-align: start;
    align-items: start;
    background: none;
    padding-bottom: 0;
    padding-top: 0;
}
.dualPanel .panel-wrapper.quote .quote-container {
    width: 100%;
}
.dualPanel .panel-wrapper.no-breakout {
    background-color: #003a65;
    background-position-y: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    min-height: 18.75rem;
    padding: 0;
}
@media screen and (min-width: 30rem) {
    .dualPanel .panel-wrapper.no-breakout {
        min-height: 18.75rem;
    }
}
.dualPanel .panel-wrapper.no-breakout .gradient {
    background-color: transparent;
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(5, 20, 53, 0.8)), to(transparent));
    background-image: linear-gradient(0deg, rgba(5, 20, 53, 0.8), transparent);
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    position: absolute;
    width: 100%;
}
@media screen and (min-width: 30rem) {
    .dualPanel .panel-wrapper.no-breakout .gradient {
        background-color: transparent;
        background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(5, 20, 53, 0.8)), to(transparent));
        background-image: linear-gradient(0deg, rgba(5, 20, 53, 0.8), transparent);
        height: 75%;
        position: absolute;
    }
}
.dualPanel .panel-wrapper.no-breakout .text-container {
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0.84375rem 1.25rem;
}
@media screen and (min-width: 30rem) {
    .dualPanel .panel-wrapper.no-breakout .text-container {
        padding: 1.5rem;
    }
}
.dualPanel .panel-wrapper.no-breakout .headline {
    color: #fff;
    line-height: 1.3;
    padding: 0;
}
@media screen and (min-width: 64rem) {
    .dualPanel .panel-wrapper.no-breakout .headline .dualPanel .headline {
        font-size: 2rem;
    }
}
.dualPanel .panel-wrapper.no-breakout p {
    color: #fff;
    font-size: 0.875rem;
    padding: 1rem 0 0;
}
@media screen and (min-width: 30rem) {
    .dualPanel .panel-wrapper.no-breakout p .dualPanel .panel-wrapper.no-breakout p {
        font-size: 1rem;
        padding: 1.25rem 0 0;
    }
}
.dualPanel .panel-wrapper.no-background {
    background-color: transparent;
}
.dualPanel .media-container {
    height: 50vw;
    margin-bottom: 1.25rem;
    width: 100%;
}
@media screen and (min-width: 60rem) {
    .dualPanel .media-container {
        height: 100%;
        margin-bottom: 0;
        min-height: 100%;
    }
}
.dualPanel .media-container.youtubeVid {
    left: 0;
    position: absolute;
    top: 0;
}
.dualPanel .media-container .videoOverlay img {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.dualPanel .videoBlock {
    height: 50vw;
    margin: 0;
}
@media screen and (min-width: 60rem) {
    .dualPanel .videoBlock {
        height: 100%;
        min-height: 100%;
    }
}
.dualPanel .video-container {
    height: 50vw;
}
@media screen and (min-width: 60rem) {
    .dualPanel .video-container {
        height: 100%;
        min-height: 100%;
    }
}
.dualPanel .video-container .videoOverlay {
    left: 0;
    width: 100%;
}
.dualPanel .video-container .fluid-width-video-wrapper {
    height: 100%;
}
.dualPanel .image-container {
    bottom: 0;
    display: block;
    margin-bottom: -1.5rem;
    position: relative;
    width: 100%;
}
@media screen and (min-width: 60rem) {
    .dualPanel .image-container {
        margin-bottom: 0;
        position: absolute;
        right: 0;
        width: 50%;
    }
}
.dualPanel .image-container:only-child {
    width: 100%;
}
.dualPanel .panel-img {
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: auto 100%;
    height: 12.5rem;
    margin-top: 1rem;
    width: 100%;
}
@media screen and (min-width: 60rem) {
    .dualPanel .panel-img {
        height: 25rem;
        margin-top: 0;
    }
}
.dualPanel .text-container {
    -ms-flex-pack: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 1.125rem;
    justify-content: center;
    position: relative;
    width: 100%;
}
@media screen and (min-width: 60rem) {
    .dualPanel .text-container {
        margin-right: 1.5rem;
        width: 50%;
    }
}
.dualPanel .text-container:only-child {
    margin-right: 0;
    width: 100%;
}
.dualPanel .text-container p {
    color: #4c4c4c;
}
.dualPanel .headline {
    color: #4a4a4a;
    font-size: 1.25rem;
    line-height: 1;
}
@media screen and (min-width: 64rem) {
    .dualPanel .headline {
        font-size: 2rem;
    }
}
.dualPanel .headline:only-child {
    padding: 0;
}
.dualPanel .headline:after {
    line-height: 0.8;
}
.dualPanel .row.min-height-fix {
    height: auto;
    min-height: auto;
}
@media screen and (min-width: 60rem) {
    .dualPanel .row.min-height-fix {
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px;
        display: -ms-flexbox;
        display: flex;
        height: 0.625rem;
        min-height: 21.875rem;
    }
}
.eurus .dualPanel {
    margin: 0;
    padding: 1.25rem 0;
}
@media screen and (min-width: 60rem) {
    .eurus .dualPanel {
        padding: 2.5rem 0;
    }
}
.eurus .dualPanel a {
    color: #0073bc;
    text-decoration: none;
}
.eurus .dualPanel a:hover {
    color: #003a65;
    text-decoration: underline;
}
.eurus .dualPanel a:visited {
    color: #00857e;
}
.eurus .dualPanel.brandDefault {
    background-color: #003a65;
    color: #fff;
}
.course-page .featured-content .eurus .dualPanel.brandDefault .module-title,
.eurus .dualPanel.brandDefault .course-page .featured-content .module-title,
.eurus .dualPanel.brandDefault h2,
.eurus .dualPanel.brandDefault h3,
.eurus .dualPanel.brandDefault h4,
.eurus .dualPanel.brandDefault h5,
.eurus .dualPanel.brandDefault p {
    color: #fff;
}
.eurus .dualPanel.brandDefault a {
    color: #8ed8f8;
}
.eurus .dualPanel.brandDefault a:hover {
    color: #29b7ea;
}
.eurus .dualPanel.brandDefault a:visited {
    color: #00dbcf;
}
.eurus .dualPanel.baseTintFive {
    background-color: #f1f9fe;
}
.eurus .dualPanel .panel-wrapper.media {
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: auto;
}
.eurus .dualPanel .panel-wrapper.media.videoPanel {
    margin-bottom: 0;
}
@media screen and (min-width: 60rem) {
    .eurus .dualPanel .panel-wrapper.media.reverse {
        -ms-flex-order: 1;
        order: 1;
    }
}
@media screen and (min-width: 48rem) {
    .eurus .dualPanel .panel-wrapper.media.reverse .introColumn:first-of-type {
        margin: 0;
    }
}
@media screen and (min-width: 60rem) {
    .eurus .dualPanel .panel-wrapper.media.reverse .introColumn:first-of-type.introText {
        padding-left: 0;
    }
}
.eurus .dualPanel .panel-wrapper .media-container {
    -ms-flex-pack: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
}
.eurus .dualPanel .panel-wrapper .media-container img {
    height: 100%;
}
@media screen and (min-width: 60rem) {
    .eurus .dualPanel .panel-wrapper .media-container img {
        height: auto;
    }
}
.eurus .dualPanel .panel-wrapper .media-container.fullImg img {
    height: 100%;
}
.eurus .dualPanel .panel-wrapper .introColumn .cta,
.eurus .dualPanel .panel-wrapper .introColumn .gallery.mediaGallery .buttons .btn,
.gallery.mediaGallery .buttons .eurus .dualPanel .panel-wrapper .introColumn .btn {
    color: #003a65;
}
.eurus .dualPanel .panel-wrapper .introColumn .cta:after,
.eurus .dualPanel .panel-wrapper .introColumn .gallery.mediaGallery .buttons .btn:after,
.gallery.mediaGallery .buttons .eurus .dualPanel .panel-wrapper .introColumn .btn:after {
    content: "\f061";
    font-family: Font Awesome\5 Free;
    position: absolute;
    right: 20px;
    -webkit-transition: right 0.3s ease;
    transition: right 0.3s ease;
}
.eurus .dualPanel .panel-wrapper .introColumn .cta:hover,
.eurus .dualPanel .panel-wrapper .introColumn .gallery.mediaGallery .buttons .btn:hover,
.gallery.mediaGallery .buttons .eurus .dualPanel .panel-wrapper .introColumn .btn:hover {
    background-color: #051435;
    color: #fff;
    text-decoration: none;
}
.eurus .dualPanel .panel-wrapper .introColumn .cta:hover:after,
.eurus .dualPanel .panel-wrapper .introColumn .gallery.mediaGallery .buttons .btn:hover:after,
.gallery.mediaGallery .buttons .eurus .dualPanel .panel-wrapper .introColumn .btn:hover:after {
    right: 15px;
}
.eurus .dualPanel .panel-wrapper .introColumn .additionalLinks {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
}
.eurus .dualPanel .panel-wrapper .introColumn .additionalLinks .additionalLink {
    color: #0073bc;
    font-family:
        Derailed-ExtraBold,
        Raleway-ExtraBold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1.125rem;
    text-decoration: none;
}
.eurus .dualPanel .panel-wrapper .introColumn .additionalLinks .additionalLink:after {
    content: "\f061";
    font-family: Font Awesome\5 Free;
    position: absolute;
    right: 20px;
    -webkit-transition: right 0.3s ease;
    transition: right 0.3s ease;
}
.eurus .dualPanel .panel-wrapper .introColumn .additionalLinks .additionalLink:hover:after {
    right: 15px;
}
.eurus .dualPanel .row.min-fix-height {
    height: auto;
}
.eurus .dualPanel .media-container {
    margin-bottom: 0;
}
.eurus .dualPanel .media-container img {
    -o-object-fit: cover;
    object-fit: cover;
}
.eurus .dualPanel .media-container.reel-video-wrapper {
    -ms-flex-pack: start;
    justify-content: start;
}
.eurus .dualPanel .media-container.reel-video-wrapper .reel-video {
    border: 2px solid #cee7f7;
    border-radius: 20px;
    margin-left: 6.25rem;
    overflow: hidden;
}
.eurus .dualPanel .media-container.reel-video-wrapper .reel-video .videoOverlay img {
    height: 100%;
}
.eurus .dualPanel .media-container.reel-video-wrapper .reel-video .videoOverlay:after {
    background: rgba(142, 216, 248, 0.8) url(/webtemplate/img/icons/eurus-icons/eurus-play-icon.svg) left 60% center
        no-repeat;
    height: 5rem;
    opacity: 1;
    width: 5rem;
}
.eurus .dualPanel.fullSize {
    margin: 0;
    padding: 0;
}
.eurus .dualPanel.fullSize.bgPresent.baseTintFive {
    background-color: #f1f9fe;
}
.eurus .dualPanel.fullSize.bgPresent.brandDefault {
    background-color: #003a65;
}
.eurus .dualPanel.fullSize.bgPresent.brandDefault h2,
.eurus .dualPanel.fullSize.bgPresent.brandDefault p {
    color: #fff;
}
.eurus .dualPanel.fullSize .panelContainer {
    display: block;
}
.eurus .dualPanel.fullSize .panelContainer .panelInnerContainer {
    -ms-flex-pack: justify;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
    justify-content: space-between;
    max-width: 100%;
    padding: 0;
    width: 100%;
}
@media screen and (min-width: 60rem) {
    .eurus .dualPanel.fullSize .panelContainer .panelInnerContainer {
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}
.eurus .dualPanel.fullSize .panelContainer .panelInnerContainer .panel-wrapper {
    margin-bottom: 0;
}
.eurus .dualPanel.fullSize .panelContainer .panelInnerContainer .introColumn.introText {
    padding: 1.25rem;
}
@media screen and (min-width: 60rem) {
    .eurus .dualPanel.fullSize .panelContainer .panelInnerContainer .introColumn.introText {
        padding: 2.5rem;
    }
}
.dualPanels.eurusDual {
    height: auto;
}
.dualPanels.eurusDual.brandDefault {
    background-color: #003a65;
    color: #fff;
    margin: 0;
    padding: 1.25rem 0;
}
@media screen and (min-width: 60rem) {
    .dualPanels.eurusDual.brandDefault {
        padding: 2.5rem 0;
    }
}
.course-page .featured-content .dualPanels.eurusDual.brandDefault .module-title,
.dualPanels.eurusDual.brandDefault .course-page .featured-content .module-title,
.dualPanels.eurusDual.brandDefault h2,
.dualPanels.eurusDual.brandDefault h3,
.dualPanels.eurusDual.brandDefault h4,
.dualPanels.eurusDual.brandDefault h5,
.dualPanels.eurusDual.brandDefault p {
    color: #fff;
}
.dualPanels.eurusDual.brandDefault a {
    color: #8ed8f8;
}
.dualPanels.eurusDual.brandDefault a:hover {
    color: #29b7ea;
}
.dualPanels.eurusDual.brandDefault a:visited {
    color: #00dbcf;
}
.dualPanels.eurusDual.baseTintFive {
    background-color: #f1f9fe;
    margin: 0;
    padding: 1.25rem 0;
}
@media screen and (min-width: 60rem) {
    .dualPanels.eurusDual.baseTintFive {
        padding: 2.5rem 0;
    }
}
.dualPanels.eurusDual .panelContainerOuter {
    display: block;
    position: relative;
}
@media screen and (min-width: 60rem) {
    .dualPanels.eurusDual .panelContainerOuter {
        display: -ms-flexbox;
        display: flex;
    }
}
.dualPanels.eurusDual .panelContainerOuter .panelContainerInner {
    -ms-grid-columns: (minmax(0, 1fr)) [1];
    display: -ms-grid;
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media screen and (min-width: 40rem) {
    .dualPanels.eurusDual .panelContainerOuter .panelContainerInner {
        -ms-grid-columns: (minmax(0, 1fr)) [2];
        gap: 20px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media screen and (min-width: 60rem) {
    .dualPanels.eurusDual .panelContainerOuter .panelContainerInner.reverse .panel:first-child {
        -ms-flex-order: 2;
        order: 2;
    }
    .dualPanels.eurusDual .panelContainerOuter .panelContainerInner.reverse .panel:nth-child(2) {
        -ms-flex-order: 1;
        order: 1;
    }
}
.dualPanels.eurusDual .panelContainerOuter .panelContainerInner .panel {
    border-radius: 5px;
    margin-bottom: 0;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.dualPanels.eurusDual .panelContainerOuter .panelContainerInner .panel.gradient {
    background-position: 50%;
    background-size: cover;
    height: 17.5rem;
}
@media screen and (min-width: 60rem) {
    .dualPanels.eurusDual .panelContainerOuter .panelContainerInner .panel.gradient {
        height: 22.1875rem;
    }
}
.dualPanels.eurusDual .panelContainerOuter .panelContainerInner .panel.gradient .panelContent {
    background-color: rgba(0, 58, 101, 0.93);
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    height: 8.125rem;
    position: absolute;
    width: 100%;
}
@media screen and (min-width: 30rem) {
    .dualPanels.eurusDual .panelContainerOuter .panelContainerInner .panel.gradient .panelContent {
        height: 7.8125rem;
    }
}
.dualPanels.eurusDual .panelContainerOuter .panelContainerInner .panel.gradient .panelContent .text-container {
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 1rem;
}
.dualPanels.eurusDual
    .panelContainerOuter
    .panelContainerInner
    .panel.gradient
    .panelContent
    .text-container
    .headline {
    line-clamp: 2;
    color: #fff;
    font-family:
        Derailed-ExtraBold,
        Raleway-ExtraBold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1.125rem;
    padding: 0 0 0.3125rem;
}
@media screen and (min-width: 40rem) {
    .dualPanels.eurusDual
        .panelContainerOuter
        .panelContainerInner
        .panel.gradient
        .panelContent
        .text-container
        .headline {
        line-clamp: 1;
    }
}
@media screen and (min-width: 60rem) {
    .dualPanels.eurusDual
        .panelContainerOuter
        .panelContainerInner
        .panel.gradient
        .panelContent
        .text-container
        .headline {
        font-size: 1.375rem;
    }
}
.dualPanels.eurusDual
    .panelContainerOuter
    .panelContainerInner
    .panel.gradient
    .panelContent
    .text-container
    .headline:after {
    content: "\f061";
    display: inline-block;
    font-family: Font Awesome\5 Free;
    left: 8px;
    position: relative;
    -webkit-transition: left 0.3s ease;
    transition: left 0.3s ease;
}
.dualPanels.eurusDual .panelContainerOuter .panelContainerInner .panel.gradient .panelContent .text-container p {
    line-clamp: 3;
    color: #fff;
    font-family:
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 0.8125rem;
    line-height: 1.2rem;
}
@media screen and (min-width: 60rem) {
    .dualPanels.eurusDual .panelContainerOuter .panelContainerInner .panel.gradient .panelContent .text-container p {
        line-clamp: 2;
        font-size: 1rem;
    }
}
.dualPanels.eurusDual .panelContainerOuter .panelContainerInner .panel.media .media-container {
    height: 100%;
}
.dualPanels.eurusDual .panelContainerOuter .panelContainerInner .panel.media .media-container img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.dualPanels.eurusDual .panelContainerOuter .panelContainerInner .panel.quote .quote-container {
    margin: 0 auto;
    padding: 1.25rem 0;
    position: relative;
    width: 90%;
}
@media screen and (min-width: 40rem) {
    .dualPanels.eurusDual .panelContainerOuter .panelContainerInner .panel.quote .quote-container {
        padding: 0;
        top: 10px;
    }
}
@media screen and (min-width: 40rem) and (max-width: 948px) {
    .dualPanels.eurusDual .panelContainerOuter .panelContainerInner .panel.quote .quote-container {
        width: 80%;
    }
}
.dualPanels.eurusDual .panelContainerOuter .panelContainerInner .panel.video .mediaContainer {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%;
}
.dualPanels.eurusDual .panelContainerOuter .panelContainerInner .panel.video .mediaContainer .videoBlock {
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 100%;
    width: 100;
}
.dualPanels.eurusDual
    .panelContainerOuter
    .panelContainerInner
    .panel.video
    .mediaContainer
    .videoBlock
    .videoContainer {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    min-height: 250px;
}
@media screen and (min-width: 48rem) {
    .dualPanels.eurusDual
        .panelContainerOuter
        .panelContainerInner
        .panel.video
        .mediaContainer
        .videoBlock
        .videoContainer {
        min-height: none;
    }
}
.dualPanels.eurusDual
    .panelContainerOuter
    .panelContainerInner
    .panel.video
    .mediaContainer
    .videoBlock
    .videoContainer
    .fluid-width-video-wrapper {
    height: 100%;
}
.dualPanels.eurusDual
    .panelContainerOuter
    .panelContainerInner
    .panel.video
    .mediaContainer
    .videoBlock
    .videoContainer
    .videoOverlay {
    left: 0;
    width: 100%;
}
.dualPanels.eurusDual
    .panelContainerOuter
    .panelContainerInner
    .panel.video
    .mediaContainer
    .videoBlock
    .videoContainer
    .videoOverlay
    img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.dualPanels.eurusDual .panelContainerOuter .panelContainerInner .panel:hover .panelContent .text-container .headline {
    text-decoration: underline;
}
.dualPanels.eurusDual
    .panelContainerOuter
    .panelContainerInner
    .panel:hover
    .panelContent
    .text-container
    .headline:after {
    left: 12px;
}
.parallax #content {
    background-color: #000;
}
.parallax header.headerSmall {
    -ms-flex-pack: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    min-height: calc(100vh - 140px);
    padding-top: 1rem;
}
@media screen and (min-width: 64rem) {
    .parallax header.headerSmall {
        display: block;
        min-height: 100vh;
        padding-top: 9.375rem;
    }
}
.parallax header.headerSmall .overlayImage {
    background-position: 50% 0;
    background-size: cover;
}
.parallax header.headerSmall .wrapper {
    width: 100%;
}
.parallax header.headerSmall .headerContent {
    margin: 0;
}
@media screen and (min-width: 64rem) {
    .parallax header.headerSmall .headerContent {
        margin: 2.5rem auto;
    }
}
.parallax header.headerSmall h1 {
    font-size: 1.25rem;
}
@media screen and (min-width: 30rem) {
    .parallax header.headerSmall h1 {
        font-size: 2.25rem;
    }
}
@media screen and (min-width: 64rem) {
    .parallax header.headerSmall h1 {
        font-size: 3.375rem;
    }
}
.parallax header.headerSmall .intro {
    font-size: 1rem;
    padding-top: 0;
}
@media screen and (min-width: 30rem) {
    .parallax header.headerSmall .intro {
        font-size: 1.375rem;
    }
}
@media screen and (min-width: 64rem) {
    .parallax header.headerSmall .intro {
        font-size: 1.875rem;
    }
}
.parallax header.headerSmall .timer {
    background: transparent url(/webtemplate/img/icons/ncuvision__clock.png) 0 no-repeat;
    background-size: 34px 35px;
    font-size: 1rem;
    margin: 1.5rem 0;
    padding: 1rem 0 1rem 3rem;
}
.parallax header.headerSmall .readOn {
    display: none;
    margin-top: 2rem;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 1;
}
.parallax header.headerSmall .btn-readOn {
    border: 1px solid #fff;
    color: #fff;
    display: inline-block;
    font-size: 0.875rem;
    letter-spacing: 0.25rem;
    padding: 0.5rem 1.5rem;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
@media screen and (min-width: 64rem) {
    .parallax header.headerSmall .btn-readOn {
        padding: 1rem 3rem;
    }
}
.parallax header.headerSmall .btn-readOn:hover {
    background-color: #fff;
    color: #000;
}
.parallax section.parallax-item {
    -ms-flex-pack: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    margin: 0;
    position: relative;
}
.parallax section.parallax-item.panel .color,
.parallax section.parallax-item.slide .image {
    display: none;
}
.parallax section.parallax-item .wrapper {
    -ms-flex-pack: distribute;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: space-around;
    min-height: 100vh;
}
.parallax section.parallax-item .wrapper > section {
    z-index: 1;
}
.parallax section.parallax-item .answer-wrapper {
    position: relative;
}
.parallax section.parallax-item .marker {
    background-color: #00523e;
    border-radius: 50%;
    color: #fff !important;
    display: inline-block;
    font-family:
        Bariol,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    height: 2.5rem;
    line-height: 1.6;
    text-align: center;
    width: 2.5rem;
}
@media screen and (min-width: 64rem) {
    .parallax section.parallax-item .marker {
        font-size: 3.125rem;
        height: 5.3125rem;
        width: 5.3125rem;
    }
}
.parallax section.parallax-item .dualPanel,
.parallax section.parallax-item .introColumn,
.parallax section.parallax-item .textArea {
    position: relative;
}
.parallax section.parallax-item .dualPanel .marker,
.parallax section.parallax-item .introColumn .marker,
.parallax section.parallax-item .textArea .marker {
    position: absolute;
    top: 0;
}
.parallax section.parallax-item .dualPanel .marker + :not(.marker),
.parallax section.parallax-item .introColumn .marker + :not(.marker),
.parallax section.parallax-item .textArea .marker + :not(.marker) {
    -ms-flex-pack: center;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    margin-left: 3.125rem;
    min-height: 2.5rem;
    padding-bottom: 0;
    padding-top: 0;
}
@media screen and (min-width: 64rem) {
    .parallax section.parallax-item .dualPanel .marker + :not(.marker),
    .parallax section.parallax-item .introColumn .marker + :not(.marker),
    .parallax section.parallax-item .textArea .marker + :not(.marker) {
        margin-left: 6.25rem;
        min-height: 5.3125rem;
    }
}
.parallax section.parallax-item .dualPanel .marker + h2,
.parallax section.parallax-item .introColumn .marker + h2,
.parallax section.parallax-item .textArea .marker + h2 {
    margin-bottom: 0.5rem;
}
@media screen and (min-width: 64rem) {
    .parallax section.parallax-item .dualPanel .marker + h2,
    .parallax section.parallax-item .introColumn .marker + h2,
    .parallax section.parallax-item .textArea .marker + h2 {
        margin-bottom: 1rem;
    }
}
.parallax section.parallax-item .dualPanel .marker.answer + *,
.parallax section.parallax-item .introColumn .marker.answer + *,
.parallax section.parallax-item .textArea .marker.answer + * {
    display: inline-block;
    min-height: 0;
}
.parallax section.parallax-item .dualPanel .answer-wrapper .marker + :not(.marker),
.parallax section.parallax-item .introColumn .answer-wrapper .marker + :not(.marker),
.parallax section.parallax-item .textArea .answer-wrapper .marker + :not(.marker) {
    padding-bottom: 1rem;
}
.parallax section.parallax-item .quoteBox .marker {
    margin-bottom: 1rem;
}
.parallax section.parallax-item.dark :after,
.parallax section.parallax-item.dark :before,
.parallax section.parallax-item.dark :not(.marker) {
    color: #fff;
}
.gallery.mediaGallery .buttons .parallax section.parallax-item.dark .btn,
.parallax section.parallax-item.dark .cta,
.parallax section.parallax-item.dark .gallery.mediaGallery .buttons .btn {
    border-color: #fff;
}
.gallery.mediaGallery .buttons .parallax section.parallax-item.dark .btn:focus,
.gallery.mediaGallery .buttons .parallax section.parallax-item.dark .btn:hover,
.parallax section.parallax-item.dark .cta:focus,
.parallax section.parallax-item.dark .cta:hover,
.parallax section.parallax-item.dark .gallery.mediaGallery .buttons .btn:focus,
.parallax section.parallax-item.dark .gallery.mediaGallery .buttons .btn:hover {
    border-color: transparent;
}
.gallery.mediaGallery .buttons .parallax section.parallax-item.light .btn,
.parallax section.parallax-item.light .cta,
.parallax section.parallax-item.light .gallery.mediaGallery .buttons .btn {
    background-color: transparent;
    color: #4a4a4a;
}
.gallery.mediaGallery .buttons .parallax section.parallax-item.light .btn:focus,
.gallery.mediaGallery .buttons .parallax section.parallax-item.light .btn:hover,
.parallax section.parallax-item.light .cta:focus,
.parallax section.parallax-item.light .cta:hover,
.parallax section.parallax-item.light .gallery.mediaGallery .buttons .btn:focus,
.parallax section.parallax-item.light .gallery.mediaGallery .buttons .btn:hover {
    background-color: #051435;
    color: #fff;
}
.parallax section.parallax-item.panel .image {
    background-position: top;
    background-size: cover;
}
.parallax section.parallax-item.panel .image:after {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.parallax section.parallax-item.panel.dark .image:after {
    background-color: #000;
    opacity: 0.6;
}
.parallax section.parallax-item.panel.light .image:after {
    background-color: #fff;
    opacity: 0.8;
}
.parallax section.parallax-item.panel.light .quoteBox blockquote cite,
.parallax section.parallax-item.panel.light .quoteBox blockquote p {
    color: #4c4c4c;
}
.parallax section.parallax-item.slide.dark .overlay {
    background-color: #000;
}
.parallax section.parallax-item.slide.light .overlay {
    background-color: #fff;
}
.parallax section.parallax-item.slide.light .quoteBox blockquote cite,
.parallax section.parallax-item.slide.light .quoteBox blockquote p {
    color: #4c4c4c;
}
.parallax section.parallax-item .overlay {
    height: 120vh;
    left: 0;
    position: absolute;
    top: 0;
    width: 100vw;
    z-index: 0;
}
.parallax section.parallax-item .content {
    position: relative;
    z-index: 1;
}
.parallax section.dualPanel .panel-wrapper {
    background-color: transparent;
    padding: 0;
}
@media screen and (min-width: 64rem) {
    .parallax section.dualPanel .panel-wrapper:not(.quote) {
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .parallax section.dualPanel .panel-wrapper:first-child {
        padding-right: 1.5rem;
    }
}
.parallax section.dualPanel .panel-wrapper + .panel-wrapper {
    padding-top: 1.5rem;
}
@media screen and (min-width: 64rem) {
    .parallax section.dualPanel .panel-wrapper + .panel-wrapper {
        padding: 0;
    }
}
.parallax section.dualPanel .panelContainer .panel-wrapper.media {
    height: auto;
    overflow: visible;
}
.parallax section.dualPanel .panelContainer .panel-wrapper.media .media-container {
    height: auto;
    margin-bottom: 0;
}
.parallax section.dualPanel .panelContainer .panel-wrapper.media .media-container:not(.youtubeVid) {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
}
.parallax section.dualPanel .panelContainer .panel-wrapper.media .media-container img {
    max-height: 50vh;
    max-width: 100%;
    top: 0;
    -webkit-transform: none;
    transform: none;
    width: auto;
}
@media screen and (min-width: 64rem) {
    .parallax section.dualPanel .panelContainer .panel-wrapper.media .media-container img {
        max-height: 26.25rem;
    }
}
.parallax section.dualPanel h2 a {
    color: inherit;
    font-family: inherit;
}
.parallax section.dualPanel h2 a:after {
    color: inherit;
    content: ">";
    font-family:
        Bariol,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: inherit;
    font-weight: 400;
    line-height: 0.9;
    padding-left: 0.625rem;
    position: absolute;
    -webkit-transition: margin-left 0.2s ease-in-out;
    transition: margin-left 0.2s ease-in-out;
}
.parallax section.dualPanel h2 a:hover:after {
    margin-left: 8px;
}
.parallax section.dualPanel h2 a:hover {
    text-decoration: none;
}
.parallax section.dualPanel .text-container > :first-child {
    margin-top: 0;
    padding-top: 0;
}
.parallax section.quoteBox {
    background-color: inherit;
    color: inherit;
}
.parallax section.quoteBox blockquote {
    padding-bottom: 0;
    padding-top: 0;
    text-align: center;
}
.parallax section.quoteBox p:after,
.parallax section.quoteBox p:before {
    color: inherit;
}
.parallax footer {
    position: relative;
}
.gallery.mediaGallery .buttons .parallax .btn,
.parallax .cta,
.parallax .gallery.mediaGallery .buttons .btn {
    font-size: 0.875rem;
    line-height: 3;
}
@media screen and (min-width: 64rem) {
    .gallery.mediaGallery .buttons .parallax .btn,
    .parallax .cta,
    .parallax .gallery.mediaGallery .buttons .btn {
        font-size: 1.5rem;
        line-height: 2.4;
    }
}
.parallax .introText > :first-child {
    margin-top: 0;
    padding-top: 0;
}
.parallax body.js .header .readOn {
    display: block;
}
.parallax body.js section.parallax-item .wrapper {
    -webkit-transform: translateY(5vh);
    transform: translateY(5vh);
}
.parallax body.js .panel,
.parallax body.js .slide {
    min-height: 150vh;
}
.parallax.listicle section.parallax-item .marker.answer,
.parallax.listicle section.parallax-item .marker.question,
.parallax.qa section.parallax-item .marker.numeric {
    display: none;
}
.parallax.listicle section.parallax-item .marker.answer + *,
.parallax.listicle section.parallax-item .marker.question + * {
    margin-left: 0;
}
.parallax.listicle section.parallax-item:nth-child(3n + 1) .marker {
    background-color: #007a74;
}
.parallax.listicle section.parallax-item:nth-child(3n + 2) .marker {
    background-color: #00523e;
}
.parallax.listicle section.parallax-item:nth-child(3n + 3) .marker {
    background-color: #84067f;
}
.scrollButton {
    -ms-flex-align: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.3);
    bottom: 1.25rem;
    color: #fff;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family:
        Bariol,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    left: 50%;
    padding: 0.625rem;
    position: fixed;
    text-transform: uppercase;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition:
        visibility 0.3s ease-in-out,
        opacity 0.6s ease-in-out,
        background-color 0.3s ease;
    transition:
        visibility 0.3s ease-in-out,
        opacity 0.6s ease-in-out,
        background-color 0.3s ease;
    z-index: 1;
}
.scrollButton.scrollButtonDisabled {
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}
.scrollButton:hover {
    background-color: rgba(0, 0, 0, 0.7);
}
.scrollButtonText {
    display: none;
}
@media screen and (min-width: 48rem) {
    .scrollButtonText {
        display: block;
        font-size: 1.125rem;
    }
}
.scrollButtonArrow {
    background: url(/webtemplate/img/icons/ncuvision__more-arrow.gif) 50% no-repeat;
    background-size: 100%;
    display: block;
    height: 2.1875rem;
    width: 1.5625rem;
}
.promoBanner {
    height: auto;
}
.promoBanner p {
    margin-top: 0.625rem;
}
.promoBanner:hover {
    text-decoration: none;
}
.gallery.mediaGallery .buttons .promoBanner:hover .btn:after,
.promoBanner:hover .cta:after,
.promoBanner:hover .gallery.mediaGallery .buttons .btn:after {
    right: 1rem;
}
.promoBanner:focus {
    text-decoration: none;
}
.gallery.mediaGallery .buttons .promoBanner:focus .btn,
.promoBanner:focus .cta,
.promoBanner:focus .gallery.mediaGallery .buttons .btn {
    outline: 4px dashed #0073bc;
}
.promoBanner .bannerContainer {
    background-color: #003a65;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    min-height: 18.75rem;
    padding: 1.25rem 0;
    position: relative;
    width: 100%;
}
@media screen and (min-width: 48rem) {
    .promoBanner .bannerContainer {
        min-height: 13.125rem;
    }
}
@media screen and (min-width: 64rem) {
    .promoBanner .bannerContainer {
        min-height: 14.375rem;
    }
}
.promoBanner .row {
    display: -ms-flexbox;
    display: flex;
    z-index: 3;
}
.promoBanner .banner-wrapper {
    -ms-flex-pack: end;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-end;
    width: 100%;
}
@media screen and (min-width: 48rem) {
    .promoBanner .banner-wrapper {
        -ms-flex-pack: center;
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px;
        -ms-flex-direction: row;
        flex-direction: row;
        justify-content: center;
        padding-top: 0;
    }
}
@media screen and (min-width: 60rem) {
    .promoBanner .banner-wrapper {
        -webkit-column-gap: 60px;
        -moz-column-gap: 60px;
        column-gap: 60px;
    }
}
.promoBanner .banner-wrapper .headline,
.promoBanner .banner-wrapper p {
    background-color: rgba(0, 115, 188, 0.9);
}
.promoBanner .text-container {
    color: #fff;
    padding: 0 1.25rem 1.25rem;
    position: relative;
    width: 100%;
    z-index: 3;
}
@media screen and (min-width: 48rem) {
    .promoBanner .text-container {
        -ms-flex-pack: end;
        display: -ms-flexbox;
        display: flex;
        -ms-flex: auto;
        flex: auto;
        -ms-flex-direction: column;
        flex-direction: column;
        justify-content: flex-end;
        padding: 0 0 0 1.25rem;
        position: relative;
    }
}
@media screen and (min-width: 64rem) {
    .promoBanner .text-container {
        font-size: 1rem;
        padding: 0 0 0 2.5rem;
    }
}
.promoBanner .text-container p {
    font-size: 0.875rem;
    padding: 10px !important;
    width: 100%;
}
@media screen and (min-width: 48rem) {
    .promoBanner .text-container p {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }
}
@media screen and (min-width: 64rem) {
    .promoBanner .text-container p {
        font-size: 1rem;
    }
}
.promoBanner .ctaContainer {
    z-index: 3;
}
@media screen and (min-width: 48rem) {
    .promoBanner .ctaContainer {
        display: -ms-flexbox;
        display: flex;
        -ms-flex: auto;
        flex: auto;
    }
}
@media screen and (min-width: 64rem) {
    .promoBanner .ctaContainer {
        -ms-flex: 0 0 33%;
        flex: 0 0 33%;
    }
}
.promoBanner .ctaColumn {
    -ms-flex-item-align: end;
    align-self: flex-end;
    display: -ms-flexbox;
    display: flex;
    padding: 0 1.25rem;
}
@media screen and (min-width: 48rem) {
    .promoBanner .ctaColumn {
        max-width: 100%;
        padding: 0 1.25rem 0 0;
        width: 100%;
    }
}
@media screen and (min-width: 64rem) {
    .promoBanner .ctaColumn {
        padding: 0 2.5rem 0 0;
    }
}
.gallery.mediaGallery .buttons .promoBanner .ctaColumn .btn,
.promoBanner .ctaColumn .cta,
.promoBanner .ctaColumn .gallery.mediaGallery .buttons .btn {
    margin: 0 0 0 auto;
    white-space: nowrap;
}
.gallery.mediaGallery .buttons .promoBanner .ctaColumn .btn:after,
.promoBanner .ctaColumn .cta:after,
.promoBanner .ctaColumn .gallery.mediaGallery .buttons .btn:after {
    content: "\f061";
    right: 1.5rem;
    -webkit-transition: right 0.3s ease-in-out;
    transition: right 0.3s ease-in-out;
}
.promoBanner .headline {
    color: #fff !important;
    font-size: 1.25rem;
    padding: 10px !important;
    width: 100%;
}
@media screen and (min-width: 48rem) {
    .promoBanner .headline {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }
}
@media screen and (min-width: 64rem) {
    .promoBanner .headline {
        font-size: 2rem;
    }
}
.promoBanner .background-overlay {
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(58%, rgba(5, 20, 53, 0)),
        to(rgba(5, 20, 53, 0.5))
    );
    background: linear-gradient(180deg, rgba(5, 20, 53, 0) 58%, rgba(5, 20, 53, 0.5));
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}
.promoBanner .image-overlay {
    background-position: 50%;
    background-size: cover;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}
.promoBanner.blueBg .banner-wrapper .headline,
.promoBanner.blueBg .banner-wrapper p {
    background-color: rgba(0, 115, 188, 0.9);
}
.promoBanner.tealBg .banner-wrapper .headline,
.promoBanner.tealBg .banner-wrapper p {
    background-color: rgba(0, 133, 126, 0.9);
}
.promoBanner:hover .bannerContainer {
    cursor: pointer;
}
.gallery.mediaGallery .buttons .promoBanner:hover .bannerContainer .banner-wrapper .ctaContainer .ctaColumn .btn,
.promoBanner:hover .bannerContainer .banner-wrapper .ctaContainer .ctaColumn .cta,
.promoBanner:hover .bannerContainer .banner-wrapper .ctaContainer .ctaColumn .gallery.mediaGallery .buttons .btn {
    background-color: #051435;
    border-color: #051435;
    color: #fff;
    text-decoration: none;
    -webkit-transition:
        background-color 0.2s ease,
        border-color 0.3s ease;
    transition:
        background-color 0.2s ease,
        border-color 0.3s ease;
}
.gallery.mediaGallery .buttons .promoBanner:hover .bannerContainer .banner-wrapper .ctaContainer .ctaColumn .btn:after,
.promoBanner:hover .bannerContainer .banner-wrapper .ctaContainer .ctaColumn .cta:after,
.promoBanner:hover .bannerContainer .banner-wrapper .ctaContainer .ctaColumn .gallery.mediaGallery .buttons .btn:after {
    right: 1rem;
    -webkit-transition: right 0.3s ease-in-out;
    transition: right 0.3s ease-in-out;
}
.eurus .promoBanner h2 {
    color: #fff !important;
}
.responsiveTable.scroll {
    margin-bottom: 1rem;
    overflow-x: auto;
    padding-bottom: 1rem;
}
.responsiveTable.scroll::-webkit-scrollbar {
    height: 8px;
    width: 8px;
}
.responsiveTable.scroll::-webkit-scrollbar-track {
    background: #dcdcdc;
}
.responsiveTable.scroll::-webkit-scrollbar-thumb {
    background: hsla(0, 0%, 39%, 0.5);
    border-radius: 4px;
}
.responsiveTable.scroll::-webkit-scrollbar-thumb:window-inactive {
    background: hsla(0, 0%, 39%, 0.3);
}
.responsiveTable.scroll::-webkit-scrollbar-corner {
    background: transparent;
}
.responsiveTable.scroll table {
    margin-bottom: 0;
}
.course-page .featured-content .responsiveTable.scroll table th .module-title,
.responsiveTable.scroll table th .course-page .featured-content .module-title,
.responsiveTable.scroll table th h4 {
    color: #4a4a4a !important;
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 0.9375rem;
    padding-bottom: 0;
    text-align: left;
}
@media screen and (min-width: 48rem) {
    .course-page .featured-content .responsiveTable.scroll table th .module-title,
    .responsiveTable.scroll table th .course-page .featured-content .module-title,
    .responsiveTable.scroll table th h4 {
        font-size: 1.125rem;
    }
}
.dataWidget + .dataWidget {
    border-top: 0 solid transparent;
    margin-bottom: 2rem;
    margin-top: 3rem;
    padding-bottom: 2rem;
    padding-top: 0;
}
.dataWidget * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.dataWidget .row + .row {
    margin-top: 1rem;
}
.dataWidget select {
    display: none;
}
.dataWidget .title {
    padding-bottom: 0;
}
.dataWidget .infoWrapper,
.dataWidget .selectWrapper {
    width: 100%;
}
.dataWidget .infoWrapper {
    border: 2px solid #4a4a4a;
    border-radius: 0 0 5px 5px;
    border-top: 0 solid #4a4a4a;
    margin-top: -0.25rem;
    padding: 1rem;
}
.dataWidget .infoWrapper > :first-child {
    margin-top: 0;
    padding-top: 0;
}
.dataWidget .infoWrapper > :last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}
.dataWidget .infoWrapper:empty {
    display: none;
}
.dataWidget .nice-select {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    background-color: #4a4a4a;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    display: block;
    font-family: inherit;
    font-size: 1.125rem;
    font-weight: 400;
    outline: none;
    padding: 0.5rem 3rem 0.5rem 1rem;
    position: relative;
    text-align: left;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: auto;
}
.dataWidget .nice-select:hover {
    border-color: #e0e0e0;
}
.course-page .requirementWidget .dataWidget .nice-select.selectWrapper.open,
.dataWidget .course-page .requirementWidget .nice-select.selectWrapper.open,
.dataWidget .nice-select.open,
.dataWidget .nice-select:active,
.dataWidget .nice-select:focus {
    border-color: #8b8d8f;
}
.dataWidget .nice-select:after {
    border-bottom: 3px solid #fff;
    border-right: 3px solid #fff;
    content: "";
    display: block;
    height: 1rem;
    margin-top: -0.25rem;
    pointer-events: none;
    position: absolute;
    right: 1.5rem;
    top: 50%;
    -webkit-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%);
    -webkit-transform-origin: 70% 40%;
    transform-origin: 70% 40%;
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    width: 1rem;
}
.dataWidget .nice-select .current,
.dataWidget .nice-select ul {
    font-family:
        Bariol,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
}
.dataWidget .nice-select.open:after {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
.dataWidget .nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
}
.dataWidget .nice-select.disabled {
    border-color: #f2f2f2;
    color: #8b8d8f;
    pointer-events: none;
}
.dataWidget .nice-select.disabled:after {
    border-color: #fff;
}
.dataWidget .nice-select.right {
    float: right;
}
.dataWidget .nice-select.right .list {
    left: auto;
    right: 0;
}
.dataWidget .nice-select.small {
    font-size: 0.75rem;
    height: 2.25rem;
    line-height: 2.125rem;
}
.dataWidget .nice-select.small:after {
    height: 0.25rem;
    width: 0.25rem;
}
.dataWidget .nice-select.small .option {
    line-height: 2.125rem;
    min-height: 2.125rem;
}
.dataWidget .nice-select .list {
    background-color: #fff;
    color: #000;
    left: 0;
    margin-left: 0;
    margin-top: -0.0625rem;
    max-height: 18.75rem;
    opacity: 0;
    overflow: hidden;
    overflow-y: auto;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    -webkit-transform: translateY(-21);
    transform: translateY(-21);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition:
        all 0.2s cubic-bezier(0.5, 0, 0, 1.25),
        opacity 0.15s ease-out;
    transition:
        all 0.2s cubic-bezier(0.5, 0, 0, 1.25),
        opacity 0.15s ease-out;
    width: 100%;
    z-index: 3;
}
.dataWidget .nice-select .option {
    background-color: #fafafa;
    cursor: pointer;
    font-weight: 400;
    line-height: 2.5rem;
    list-style: none;
    margin-bottom: 0.0625rem;
    min-height: 2.5rem;
    outline: none;
    padding-left: 1rem;
    padding-right: 1.6875rem;
    text-align: left;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
.dataWidget .nice-select .option.focus,
.dataWidget .nice-select .option:hover {
    background-color: #ededed;
}
.dataWidget .nice-select .option.selected,
.dataWidget .nice-select .option.selected.focus {
    background-color: #d4d4d4;
    font-weight: 700;
}
.dataWidget .nice-select .option.disabled {
    background-color: transparent;
    color: #8b8d8f;
    cursor: default;
}
.dataWidget.colourA .nice-select {
    background-color: #007a74;
}
.dataWidget.colourA .infoWrapper {
    border-color: #007a74;
}
.dataWidget.colourB .nice-select {
    background-color: #00523e;
}
.dataWidget.colourB .infoWrapper {
    border-color: #00523e;
}
.dataWidget.colourC .nice-select {
    background-color: #84067f;
}
.dataWidget.colourC .infoWrapper {
    border-color: #84067f;
}
.no-csspointerevents .nice-select .list {
    display: none;
}
.no-csspointerevents .nice-select.open .list {
    display: block;
}
.eventsIntro {
    margin-bottom: 1rem;
}
@media screen and (min-width: 60rem) {
    .eventsIntro {
        margin-bottom: 2rem;
    }
}
.events {
    overflow: hidden;
    position: relative;
    width: 100%;
}
@media screen and (min-width: 60rem) {
    .events {
        -ms-flex-align: center;
        align-items: center;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.eventsContainer {
    padding: 1rem;
    width: 100%;
}
@media screen and (min-width: 60rem) {
    .eventsContainer {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        max-width: 58.6875rem;
        padding: 2rem 0;
    }
}
@media screen and (min-width: 100rem) {
    .eventsContainer {
        max-width: 100%;
    }
}
@media screen and (min-width: 134.375rem) {
    .eventsContainer {
        max-width: 132.8125rem;
    }
}
.event,
.eventsContainer.isCentered {
    -ms-flex-pack: center;
    justify-content: center;
}
.event {
    background-color: #003a65;
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family:
        Bariol,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    padding: 2rem;
    text-align: center;
}
@media screen and (min-width: 60rem) {
    .event {
        -ms-flex: 1 0 33%;
        flex: 1 0 33%;
        max-width: 33%;
        min-height: 22.5rem;
        min-width: 19.5625rem;
    }
}
@media screen and (min-width: 100rem) {
    .event {
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        max-width: 20%;
    }
}
@media screen and (min-width: 120rem) {
    .event {
        min-width: 23.75rem;
    }
}
.event:nth-child(2n) {
    background-color: rgba(0, 58, 101, 0.15);
    color: #003a65;
}
.event + .event {
    margin-top: 1rem;
}
@media screen and (min-width: 60rem) {
    .event + .event {
        margin-top: 0;
    }
}
.event .eventLink .eventHeading {
    font-size: 1.125rem;
}
.eventIconContainer {
    -ms-flex-pack: center;
    display: none;
    justify-content: center;
}
@media screen and (min-width: 60rem) {
    .eventIconContainer {
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 2rem;
    }
}
.eventIconWrapper {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    align-items: center;
    border: 2px solid #fff;
    border-radius: 3.5rem;
    display: -ms-flexbox;
    display: flex;
    height: 3.5rem;
    justify-content: center;
    padding: 0.75rem;
    width: 3.5rem;
}
@media screen and (min-width: 60rem) {
    .event:nth-child(2n) .eventIconWrapper {
        border-color: #292e34;
    }
    .eventIcon {
        font-size: 1.625rem;
    }
}
.eventIcon:before {
    content: "\f073";
}
.event[data-category="art shows"] .eventIcon:before {
    content: "\f53f";
}
.event[data-category="concerts and performances"] .eventIcon:before {
    content: "\f001";
}
.event[data-category="lectures and seminars"] .eventIcon:before {
    content: "\f5dc";
}
.event[data-category="forums"] .eventIcon:before {
    content: "\f086";
}
.event[data-category="networking and social events"] .eventIcon:before {
    content: "\f4c4";
}
.event[data-category="open days"] .eventIcon:before {
    content: "\f024";
}
.event[data-category="awards ceremonies"] .eventIcon:before {
    content: "\f559";
}
.event[data-category="reading"] .eventIcon:before {
    content: "\f518";
}
.event[data-category="sporting events"] .eventIcon:before {
    content: "\f45f";
}
.event[data-category="workshops"] .eventIcon:before {
    content: "\f7d9";
}
.event[data-category="fairs and festivals"] .eventIcon:before {
    content: "\f0eb";
}
.event[data-category="outreach events"] .eventIcon:before {
    content: "\f1ae";
}
.event[data-category="careers events"] .eventIcon:before {
    content: "\f2bb";
}
.event[data-category="outdoor events"] .eventIcon:before {
    content: "\f1bb";
}
.event[data-category="food events"] .eventIcon:before {
    content: "\f787";
}
.event[data-category="wellbeing"] .eventIcon:before {
    content: "\f5bb";
}
.event[data-category="international"] .eventIcon:before {
    content: "\f57d";
}
.event[data-category="webinars and online events"] .eventIcon:before {
    content: "\f108";
}
.event[data-category="working with business"] .eventIcon:before {
    content: "\f0b1";
}
.event[data-category="graduation ceremonies"] .eventIcon:before {
    content: "\f19d";
}
.event[data-category="awareness days"] .eventIcon:before {
    content: "\f0a1";
}
.event[data-category="campus tour"] .eventIcon:before {
    content: "\f277";
}
.event[data-category="accommodation"] .eventIcon:before {
    content: "\f015";
}
.eventLink,
.eventLink:focus,
.eventLink:hover,
.eventLink:visited {
    color: inherit;
}
.eventHeading {
    font-size: 1.125rem;
    line-height: 1.16;
    margin: 0;
    padding: 0;
}
.event:nth-child(1n) .eventHeading {
    color: #fff;
}
.event:nth-child(2n) .eventHeading {
    color: #003a65;
}
@media screen and (min-width: 60rem) {
    .eventHeading {
        height: 2.60625rem;
        overflow: hidden;
    }
}
@media screen and (min-width: 120rem) {
    .eventHeading {
        font-size: 1.5rem;
        height: 3.475rem;
    }
}
.eventDetails {
    padding-top: 1rem;
}
@media screen and (min-width: 60rem) {
    .eventDetails {
        border-top: 1px solid hsla(0, 0%, 100%, 0.25);
        margin-top: 2rem;
        padding-top: 2rem;
    }
    .event:nth-child(2n) .eventDetails {
        border-color: rgba(0, 58, 101, 0.25);
    }
}
.eventDate,
.eventTime {
    display: block;
    font-size: 1rem;
    font-weight: 600;
}
@media screen and (min-width: 120rem) {
    .eventDate,
    .eventTime {
        font-size: 1.125rem;
    }
}
.eventLocation {
    font-size: 1rem;
    height: auto;
    margin-top: 1rem;
}
@media screen and (min-width: 60rem) {
    .eventLocation {
        overflow: hidden;
    }
}
@media screen and (min-width: 120rem) {
    .eventLocation {
        font-size: 1.125rem;
    }
}
.eventLocationIcon {
    font-size: 1.25rem;
    margin-right: 1rem;
}
.eventLocationIcon:before {
    content: "\f3c5";
}
.moreEvents {
    padding-bottom: 1rem;
    width: 100%;
}
@media screen and (min-width: 60rem) {
    .moreEvents {
        padding-bottom: 2rem;
    }
}
.eventsCta {
    -ms-flex-pack: center;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
}
.filters {
    position: relative;
}
.no-js .filters {
    display: none;
}
.filters .row {
    padding: 0;
}
@media screen and (min-width: 60rem) {
    .filters .row {
        -ms-flex-pack: justify;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between;
        padding: 0 0.9375rem;
    }
}
.filters ul {
    margin: 0;
    padding: 0;
}
@media screen and (min-width: 60rem) {
    .filters ul {
        -ms-flex-pack: end;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: flex-end;
    }
}
.filters .filter-item + .filter-item,
.filters .filter-item + li,
.filters li + .filter-item,
.filters li + li {
    margin-top: 0.5rem;
}
.filters li {
    list-style-type: none;
    margin-bottom: 0;
    width: 100%;
}
@media screen and (min-width: 60rem) {
    .filters li {
        margin-bottom: 0.5rem;
        width: auto;
    }
    .filters li + li {
        margin-left: 1rem;
        margin-top: 0;
    }
}
.filters input[type="checkbox"],
.filters input[type="radio"] {
    clip: rect(0 0 0 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.tabHighlight .filters input[type="checkbox"]:focus ~ label,
.tabHighlight .filters input[type="radio"]:focus ~ label {
    outline: 4px dashed #007494;
}
.filters input[type="checkbox"]:checked ~ label,
.filters input[type="radio"]:checked ~ label {
    background-color: #4a4a4a;
    border: 1px solid #4a4a4a;
    color: #fff;
    padding: 0.5rem 2.5rem 0.5rem 0.5rem;
}
.filters input[type="checkbox"]:checked ~ label:after,
.filters input[type="radio"]:checked ~ label:after {
    opacity: 1;
}
.filters .filter-labels {
    background-color: transparent;
    border: 1px solid #4a4a4a;
    color: #4a4a4a;
    display: block;
    font-family:
        Derailed-Regular,
        Raleway-Regular,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    padding: 0.5rem;
    position: relative;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.filters .filter-labels:after {
    background: transparent url(/webtemplate/img/icons/ncuvision__tick-white.svg) 50% no-repeat;
    background-size: 100% auto;
    content: "";
    height: 1.5rem;
    opacity: 0;
    position: absolute;
    right: 0.5rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
    width: 1.25rem;
}
.filters .filter-labels:focus,
.filters .filter-labels:hover {
    background-color: #f5f5f5;
}
.filters label:not(.filter-by) {
    cursor: pointer;
}
.filters label.filter-by {
    border-bottom: 1px solid #bbb;
    border-top: 1px solid #bbb;
    display: block;
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1.125rem;
    padding: 1rem 0;
    position: relative;
    text-align: center;
    width: 100%;
}
@media screen and (min-width: 60rem) {
    .filters label.filter-by {
        border: 0;
        margin-right: 1rem;
        padding: 0.5rem 0;
        width: auto;
    }
}
.filters label.filter-by:after {
    background: transparent url(/webtemplate/img/icons/ncuvision__icon_chevron-black-down.svg) 50% no-repeat;
    background-size: cover;
    content: "";
    height: 1rem;
    position: absolute;
    right: 1rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: -webkit-transform 0.2s ease-in-out;
    transition: -webkit-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    transition:
        transform 0.2s ease-in-out,
        -webkit-transform 0.2s ease-in-out;
    width: 1rem;
}
@media screen and (min-width: 60rem) {
    .filters label.filter-by:after {
        display: none;
    }
}
.filters.open label.filter-by:after {
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}
.filter-wrapper {
    background-color: #fcfcfc;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    height: 0;
    opacity: 0;
    overflow: hidden;
    position: relative;
    -webkit-transition:
        opacity 0.2s ease-in-out,
        height 0.2s ease-in-out;
    transition:
        opacity 0.2s ease-in-out,
        height 0.2s ease-in-out;
    width: 100vw;
}
@media screen and (min-width: 60rem) {
    .filter-wrapper {
        -ms-flex-pack: justify;
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        display: -ms-flexbox;
        display: flex;
        height: auto;
        justify-content: space-between;
        opacity: 1;
        overflow: visible;
        width: 100%;
    }
    .filter-by + .filter-wrapper {
        width: auto;
    }
}
.filters.open .filter-wrapper {
    height: auto;
    opacity: 1;
    overflow: visible;
}
.filter-wrapper form {
    padding: 1rem;
}
@media screen and (min-width: 60rem) {
    .filter-wrapper form {
        padding: 0;
    }
}
.filter-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: rgba(74, 74, 74, 0.07);
    border: none;
    border-bottom: 1px solid #bbb;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #4a4a4a;
    display: block;
    font-family:
        Derailed-Regular,
        Raleway-Regular,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    padding: 1rem 1.625rem 1rem 1rem;
    position: relative;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    width: 100%;
}
@media screen and (min-width: 60rem) {
    .filter-button {
        background-color: transparent;
        border: 1px solid #4a4a4a;
        display: none;
        font-size: 1rem;
        padding: 0.5rem 1.625rem 0.5rem 0.5rem;
        width: auto;
    }
}
.filter-button:after {
    background: transparent url(/webtemplate/img/icons/ncuvision__icon_chevron-black-down.svg) 50% no-repeat;
    background-size: 100% auto;
    content: "";
    height: 1rem;
    position: absolute;
    right: 1rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: -webkit-transform 0.2s ease-in-out;
    transition: -webkit-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    transition:
        transform 0.2s ease-in-out,
        -webkit-transform 0.2s ease-in-out;
    width: 1rem;
}
@media screen and (min-width: 60rem) {
    .filter-button:after {
        height: 0.625rem;
        right: 0.5rem;
        width: 0.625rem;
    }
}
.filter-button:focus,
.filter-button:hover {
    background-color: #f5f5f5;
}
.filter-button.open:after {
    -webkit-transform: translateY(-50%) rotate(0.5turn);
    transform: translateY(-50%) rotate(0.5turn);
}
.filter-items {
    display: none;
}
@media screen and (min-width: 60rem) {
    .filter-items {
        display: block;
    }
}
.filter-items.open {
    display: block;
}
@media screen and (min-width: 60rem) {
    .filter-months {
        margin-right: 4rem;
        min-width: 12rem;
    }
    .filter-months-button {
        display: block;
    }
    .filter-months-dropdown {
        background: #fff;
        -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
        display: none;
        max-width: 23.4375rem;
        padding: 0.5rem;
        position: absolute;
        width: 100vw;
        z-index: 2;
    }
}
.filter-months-dropdown.open {
    display: block;
}
@media screen and (min-width: 60rem) {
    .filter-months-item + .filter-months-item {
        margin-top: 0.5rem;
    }
}
.filter-months-labels {
    font-size: 0.875rem;
}
@media screen and (min-width: 60rem) {
    .filter-months-labels {
        font-size: 1rem;
    }
}
.alert {
    border: 1px solid #d1d1d1;
    padding: 0.9375rem;
}
.alert.no-border {
    border: none;
    padding: 0;
}
.alert p {
    padding: 0;
}
.alert a {
    text-decoration: underline;
}
.alert .alertInfo {
    -ms-flex-align: start;
    align-items: flex-start;
    display: -ms-flexbox;
    display: flex;
}
.alert .alertIcon {
    background-color: #007494;
    border-radius: 50%;
    color: #fff;
    font-size: 0.75rem;
    line-height: 1.5rem;
    margin-right: 0.625rem;
    min-height: 1.5rem;
    min-width: 1.5rem;
    text-align: center;
}
.alert .alertIcon:after {
    content: "\f12a";
}
.alert .alertIcon.tick {
    background-color: #088300;
}
.alert .alertIcon.tick:after {
    content: "\f00c";
}
.alert .alertIcon.error {
    background-color: #ca0707;
}
.alert .alertIcon.tickCircle:after {
    content: "\f058";
}
.alert .alertIcon.downloadpdfIcon {
    display: none;
}
.ncl-slick.slick-slider {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: relative;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.ncl-slick.slick-slider .slick-list {
    display: block;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
}
.ncl-slick.slick-slider .slick-list:focus {
    outline: none;
}
.ncl-slick.slick-slider .slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}
.ncl-slick.slick-slider .slick-slider .slick-list,
.ncl-slick.slick-slider .slick-slider .slick-track {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.ncl-slick.slick-slider .slick-track {
    display: block;
    left: 0;
    position: relative;
    top: 0;
}
.ncl-slick.slick-slider .slick-track:after,
.ncl-slick.slick-slider .slick-track:before {
    content: "";
    display: table;
}
.ncl-slick.slick-slider .slick-track:after {
    clear: both;
}
.ncl-slick.slick-slider .slick-loading .slick-track {
    visibility: hidden;
}
.ncl-slick.slick-slider .slick-slide {
    display: none;
    float: left;
    height: 100%;
    margin: 0 auto;
    min-height: 1px;
    text-align: center;
}
[dir="rtl"] .ncl-slick.slick-slider .slick-slide {
    float: right;
}
.ncl-slick.slick-slider .slick-slide img {
    display: block;
    margin: 0 auto;
    text-align: center;
}
.ncl-slick.slick-slider .slick-slide.slick-loading img {
    display: none;
}
.ncl-slick.slick-slider .slick-slide.dragging img {
    pointer-events: none;
}
.ncl-slick.slick-slider .slick-initialized .slick-slide {
    display: block;
}
.ncl-slick.slick-slider .slick-loading .slick-slide {
    visibility: hidden;
}
.ncl-slick.slick-slider .slick-vertical .slick-slide {
    border: 1px solid transparent;
    display: block;
    height: auto;
}
.ncl-slick.slick-slider .slick-arrow.slick-hidden {
    display: none;
}
.ncl-slick.slick-slider .slick-loading .slick-list {
    background: #fff url(/webtemplate/img/icons/ncuvision__ajax-loader.gif) 50% no-repeat;
}
@font-face {
    font-family: slick;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/slick.eot);
    src:
        url(../fonts/slick.eot?#iefix) format("embedded-opentype"),
        url(../fonts/slick.woff) format("woff"),
        url(../fonts/slick.ttf) format("truetype"),
        url(../fonts/slick.svg#slick) format("svg");
}
.ncl-slick.slick-slider button.slick-arrow {
    background-color: #4c4c4c;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    display: block;
    font-size: 1em;
    height: 4.6em;
    margin-top: -2.3em;
    opacity: 0.8;
    padding: 0;
    position: absolute;
    text-indent: -9999px;
    top: calc(26.5vw - 1.06em);
    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
    width: 4.6em;
    z-index: 1;
}
.ncl-slick.slick-slider button.slick-next,
.ncl-slick.slick-slider button.slick-prev {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: transparent;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 20px;
    line-height: 0;
    margin-top: -10px;
    outline: none;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 20px;
}
.ncl-slick.slick-slider button.slick-next:focus,
.ncl-slick.slick-slider button.slick-next:hover,
.ncl-slick.slick-slider button.slick-prev:focus,
.ncl-slick.slick-slider button.slick-prev:hover {
    background: #ccc;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: transparent;
    display: block;
    height: 20px;
    outline: none;
    position: absolute;
    top: 50%;
    width: 20px;
}
.ncl-slick.slick-slider button.slick-next:focus:before,
.ncl-slick.slick-slider button.slick-next:hover:before,
.ncl-slick.slick-slider button.slick-prev:focus:before,
.ncl-slick.slick-slider button.slick-prev:hover:before {
    opacity: 1;
}
.ncl-slick.slick-slider button.slick-next.slick-disabled:before,
.ncl-slick.slick-slider button.slick-prev.slick-disabled:before {
    opacity: 0.25;
}
.ncl-slick.slick-slider button.slick-next:before,
.ncl-slick.slick-slider button.slick-prev:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    opacity: 0.75;
}
.ncl-slick.slick-slider button.slick-prev {
    left: -10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
[dir="rtl"] .ncl-slick.slick-slider button.slick-prev {
    left: auto;
    right: -10px;
}
.ncl-slick.slick-slider button.slick-prev:before,
[dir="rtl"] .ncl-slick.slick-slider button.slick-prev:before {
    background: url(/webtemplate/img/icon-carousel-arrow.svg) 0 0 no-repeat;
    background-size: 66% auto;
    content: "";
    display: block;
    height: 1rem;
    left: 66%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-60%, -50%);
    transform: translate(-60%, -50%);
    width: 1rem;
}
.ncl-slick.slick-slider button.slick-next {
    right: -10px;
    -webkit-transform: rotate(-180deg) translateY(50%);
    transform: rotate(-180deg) translateY(50%);
}
[dir="rtl"] .ncl-slick.slick-slider button.slick-next {
    left: -10px;
    right: auto;
}
.ncl-slick.slick-slider button.slick-next:before {
    background: url(/webtemplate/img/icon-carousel-arrow.svg) 0 0 no-repeat;
    background-size: 66% auto;
    content: "";
    display: block;
    height: 1rem;
    left: 66%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-60%, -50%);
    transform: translate(-60%, -50%);
    width: 1rem;
}
[dir="rtl"] .ncl-slick.slick-slider button.slick-next:before {
    color: #444;
    content: "?";
}
.ncl-slick.slick-slider {
    margin: auto;
}
.ncl-slick.slick-slider .slick-dots {
    bottom: 0;
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}
.ncl-slick.slick-slider .slick-dots li {
    cursor: pointer;
    display: inline-block;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    position: relative;
    width: 20px;
}
.ncl-slick.slick-slider .slick-dots li button {
    background: transparent;
    border: 0;
    color: #000;
    cursor: pointer;
    display: block;
    height: 20px;
    line-height: 0;
    outline: none;
    padding: 5px;
    width: 20px;
}
.ncl-slick.slick-slider .slick-dots li button:focus,
.ncl-slick.slick-slider .slick-dots li button:hover {
    outline: none;
}
.ncl-slick.slick-slider .slick-dots li button:focus:before,
.ncl-slick.slick-slider .slick-dots li button:hover:before {
    opacity: 1;
}
.ncl-slick.slick-slider .slick-dots li button:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #000;
    content: "?";
    font-family: slick;
    font-size: 6px;
    height: 20px;
    left: 0;
    line-height: 20px;
    opacity: 0.25;
    position: absolute;
    text-align: center;
    top: 0;
    width: 20px;
}
.ncl-slick.slick-slider .slick-dots li.slick-active button:before {
    color: #000;
    opacity: 0.75;
}
.ncl-slick.slick-slider li.slick-active button {
    color: #c00;
}
.ncl-slick.logo-slider {
    max-width: 67rem;
    padding: 0 1em;
    width: 100%;
}
.ncl-slick.logo-slider .slick-slide img {
    display: block;
    margin: 0 auto;
    max-height: 100px;
    max-width: 80%;
    text-align: center;
}
.ncl-slick.logo-slider .slick-track {
    display: table;
}
.ncl-slick.logo-slider .slick-slide {
    display: table-cell;
    float: none;
    vertical-align: middle;
}
.ncl-slick.logo-slider p.caption {
    display: none;
}
.ncl-slick.quote-slider {
    max-width: 67rem;
    padding: 0 1em;
    width: 100%;
}
.ncl-slick.quote-slider .slick-slide img {
    display: block;
    margin: 0 auto;
    max-height: 150px;
    max-width: 80%;
    text-align: center;
}
.ncl-slick.quote-slider .slick-track {
    display: table;
}
.ncl-slick.quote-slider .slick-slide {
    display: table-cell;
    float: none;
    vertical-align: middle;
}
.ncl-slick.quote-slider p.caption {
    display: none;
}
@media screen and (max-width: 1200px) {
    .ncl-slick.slick-slider button.slick-next,
    .ncl-slick.slick-slider button.slick-prev {
        visibility: hidden;
    }
}
.footerCarousel {
    overflow: hidden;
}
.tabs {
    background: #fff;
    margin: 1.25rem 0 2.5rem;
    width: 100%;
}
.tabs .tabButtons {
    -ms-flex-align: stretch;
    -ms-flex-pack: justify;
    align-items: stretch;
    border-bottom: 1px solid #dcdcdc;
    justify-content: space-between;
    overflow: hidden;
}
.tabs .tabButtons,
.tabs .tabLinks {
    display: -ms-flexbox;
    display: flex;
    text-align: center;
}
.tabs .tabLinks {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    align-items: center;
    color: #4a4a4a;
    cursor: pointer;
    font-family: Derailed-Bold;
    font-size: 1rem;
    font-weight: 600;
    justify-content: center;
    padding: 1rem;
    position: relative;
    text-decoration: none;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    width: 100%;
}
@media screen and (min-width: 64rem) {
    .tabs .tabLinks {
        font-size: 1.3125rem;
    }
}
.tabs .tabLinks.active {
    color: #008283;
}
.tabs .tabLinks.active:after {
    background: #007a74;
    bottom: 0;
    content: "";
    display: block;
    height: 4px;
    left: 0;
    position: absolute;
    width: 100%;
}
.tabs .tabContent.open {
    display: block;
}
.tabs .tabContent {
    display: none;
    padding: 1rem 0.15rem;
}
@media screen and (min-width: 64rem) {
    .tabs .tabContent {
        padding: 1rem 0.15rem;
    }
}
.subjectAreaContent {
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%);
}
.subjectArea {
    display: inline-block;
}
.subjectArea h1 {
    padding: 0.3125rem;
}
@media screen and (min-width: 64rem) {
    .subjectArea h1 {
        margin-bottom: 0.1875rem;
        padding: 0.5rem 0.9375rem 1rem;
    }
}
.subjectArea__info {
    display: -ms-flexbox;
    display: flex;
}
.subjectArea__info p {
    font-family: Derailed-Bold;
    font-size: 0.5625rem;
    letter-spacing: 0.1875rem;
    margin-right: 0.3125rem;
    padding-bottom: 0.25rem;
    text-transform: uppercase;
}
@media screen and (min-width: 64rem) {
    .subjectArea__info p {
        font-size: 1.25rem;
        letter-spacing: 0.416875rem;
        margin-right: 1rem;
    }
}
.subjectArea__wrap {
    -ms-flex: 1;
    flex: 1;
    position: relative;
}
.subjectArea__wrap:before {
    border-top: 0.5px solid #fff;
    content: "";
    left: 0;
    position: absolute;
    top: 64%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
}
@media screen and (min-width: 64rem) {
    .subjectArea__wrap:before {
        top: 58%;
    }
}
.articleGrid .row {
    padding: 0;
}
@media screen and (min-width: 60rem) {
    .articleGrid .row {
        padding: 0 0.9375rem;
    }
}
.articleGrid .articles {
    padding: 1rem 0;
}
@media screen and (min-width: 60rem) {
    .articleGrid .articles {
        padding: 2rem 0;
    }
}
.articleGrid .articles .featured {
    margin-bottom: 2rem;
}
.articleGrid .articles .featured:empty,
.no-js .articleGrid .articles .featured {
    display: none;
}
.articleGrid .articles .featured .item {
    background-color: #f5f5f5;
    padding: 0.9375rem;
}
@media screen and (min-width: 60rem) {
    .articleGrid .articles .featured .item {
        background-color: transparent;
        padding: 0;
    }
}
.articleGrid .articles .featured .link {
    background-color: #f5f5f5;
    height: 100%;
}
@media screen and (min-width: 60rem) {
    .articleGrid .articles .featured .link {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}
.articleGrid .articles .featured .image {
    height: 100%;
    min-height: 20rem;
}
@media screen and (min-width: 60rem) {
    .articleGrid .articles .featured .image {
        max-height: 20rem;
        padding-top: 0;
        width: 50%;
    }
}
.articleGrid .articles .featured .content {
    padding-top: 1rem;
}
@media screen and (min-width: 60rem) {
    .articleGrid .articles .featured .content {
        padding: 1.25rem 2rem;
        width: 50%;
    }
}
.articleGrid .articles .featured .content:before {
    color: #007494;
    content: "Featured";
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 600;
    letter-spacing: 0.1875rem;
    margin-bottom: 0.5rem;
    text-transform: uppercase;
}
.articleGrid .articles .featured .headline {
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1.25rem;
    font-weight: 400;
    margin-bottom: 1rem;
}
@media screen and (min-width: 60rem) {
    .articleGrid .articles .featured .headline {
        font-size: 1.75rem;
        margin-bottom: 0;
    }
}
.articleGrid .articles .featured .summary {
    display: none;
}
@media screen and (min-width: 60rem) {
    .articleGrid .articles .featured .summary {
        display: block;
    }
}
.articleGrid .articles .featured .labelContainer {
    left: 0.9375rem;
    top: 0.9375rem;
}
@media screen and (min-width: 60rem) {
    .articleGrid .articles .featured .labelContainer {
        left: 0;
        top: 0;
    }
}
.articleGrid .articles .list {
    padding: 0 0.9375rem;
}
@media screen and (min-width: 60rem) {
    .articleGrid .articles .list {
        padding: 0;
    }
}
.js .articleGrid .articles .list {
    font-size: 0;
    overflow: hidden;
    white-space: nowrap;
}
.js .articleGrid .articles .list > .item {
    display: none;
}
@media screen and (min-width: 60rem) {
    .no-js .articleGrid .articles .list {
        -ms-flex-pack: justify;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: space-between;
    }
}
.no-js .articleGrid .articles .list:after {
    content: "";
    width: 100%;
}
@media screen and (min-width: 60rem) {
    .no-js .articleGrid .articles .list:after {
        max-width: 32%;
    }
}
.no-js .articleGrid .articles .list .item {
    width: 100%;
}
@media screen and (min-width: 60rem) {
    .no-js .articleGrid .articles .list .item {
        width: 32%;
    }
}
.no-js .articleGrid .articles .list .item + .item {
    margin-top: 2rem;
}
@media screen and (min-width: 23.4375rem) and (max-width: 59.9375rem) {
    .no-js .articleGrid .articles .list .item + .item {
        margin-top: 1rem;
    }
}
@media screen and (min-width: 60rem) {
    .no-js .articleGrid .articles .list .item + .item {
        margin-top: 0;
    }
    .no-js .articleGrid .articles .list .item:nth-child(1n + 4) {
        margin-top: 3rem;
    }
}
.articleGrid .articles .list .link {
    min-height: 100%;
}
@media screen and (min-width: 23.4375rem) and (max-width: 59.9375rem) {
    .articleGrid .articles .list .link {
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .articleGrid .articles .list .item {
        border-top: 1px solid #bbb;
        padding-top: 1rem;
    }
    .articleGrid .articles .list .item:last-child {
        border-bottom: 1px solid #bbb;
        padding-bottom: 1rem;
    }
}
.articleGrid .articles .list .item.noContent {
    font-size: 1rem;
    width: 100%;
}
.articleGrid .articles .list .image {
    min-height: 12.5rem;
}
@media screen and (min-width: 23.4375rem) and (max-width: 59.9375rem) {
    .articleGrid .articles .list .image {
        height: 33vw;
        max-height: 12.5rem;
        max-width: 12.5rem;
        padding-top: 0;
        width: 33vw;
    }
}
.articleGrid .articles .list .headline {
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1.125rem;
    font-weight: 400;
}
@media screen and (min-width: 60rem) {
    .articleGrid .articles .list .headline {
        font-size: 1.375rem;
    }
}
.articleGrid .articles .list .content {
    -ms-flex-positive: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-grow: 1;
    margin-top: 1.5rem;
}
@media screen and (min-width: 23.4375rem) and (max-width: 59.9375rem) {
    .articleGrid .articles .list .content {
        margin-top: 0;
        padding: 0 0 0 1rem;
        width: 66vw;
    }
}
.articleGrid .articles .list .label {
    display: none;
}
@media screen and (min-width: 60rem) {
    .articleGrid .articles .list .label {
        display: block;
    }
}
.articleGrid .articles .page {
    display: inline-block;
    vertical-align: top;
    white-space: normal;
    width: 100%;
}
@media screen and (min-width: 60rem) {
    .articleGrid .articles .page {
        -ms-flex-pack: justify;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: space-between;
    }
}
.articleGrid .articles .page:after {
    content: "";
    width: 100%;
}
@media screen and (min-width: 60rem) {
    .articleGrid .articles .page:after {
        max-width: 32%;
    }
}
.articleGrid .articles .page .item {
    width: 100%;
}
@media screen and (min-width: 60rem) {
    .articleGrid .articles .page .item {
        width: 32%;
    }
}
.articleGrid .articles .page .item + .item {
    margin-top: 2rem;
}
@media screen and (min-width: 23.4375rem) and (max-width: 59.9375rem) {
    .articleGrid .articles .page .item + .item {
        margin-top: 1rem;
    }
}
@media screen and (min-width: 60rem) {
    .articleGrid .articles .page .item + .item {
        margin-top: 0;
    }
    .articleGrid .articles .page .item:nth-child(1n + 4) {
        margin-top: 3rem;
    }
}
.articleGrid .articles .page[data-selected="false"] {
    display: none;
}
.articleGrid .articles .item {
    position: relative;
}
.articleGrid .articles .link {
    color: #4c4c4c;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    text-decoration: none;
}
.articleGrid .articles .link:focus,
.articleGrid .articles .link:hover {
    text-decoration: none;
}
.articleGrid .articles .course-page .requirementWidget .link.selectWrapper.open,
.articleGrid .articles .dataWidget .link.nice-select.open,
.articleGrid .articles .link:active,
.articleGrid .articles .link:visited,
.course-page .requirementWidget .articleGrid .articles .link.selectWrapper.open,
.dataWidget .articleGrid .articles .link.nice-select.open {
    color: #4c4c4c;
}
.articleGrid .articles .image {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 50%;
    width: 100%;
}
.articleGrid .articles .headline {
    line-height: 1.25;
    padding-bottom: 0;
}
.articleGrid .articles .headline:after {
    color: inherit;
    content: ">";
    font-family:
        Bariol,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: inherit;
    font-weight: 400;
    line-height: 1;
    padding-left: 0.625rem;
    position: absolute;
    -webkit-transition: margin-left 0.2s ease-in-out;
    transition: margin-left 0.2s ease-in-out;
}
.articleGrid .articles .headline:hover:after {
    margin-left: 8px;
}
.articleGrid .articles .headline:hover {
    text-decoration: underline;
}
.articleGrid .articles .summary {
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-top: 1rem;
}
.articleGrid .articles .summary:empty {
    display: none;
}
.articleGrid .articles .pagination {
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0 0.9375rem;
}
@media screen and (min-width: 60rem) {
    .articleGrid .articles .pagination {
        padding: 0;
    }
}
.no-js .articleGrid .articles .pagination {
    display: none;
}
.articleGrid .articles .pagination-top {
    margin: 0 0 1rem;
}
.articleGrid .articles .pagination-bottom {
    margin: 1rem 0 0;
}
.articleGrid .articles .js-viewAll {
    text-decoration: underline;
}
.articleList .filter h3 {
    display: none;
}
@media screen and (min-width: 48rem) {
    .articleList .filter h3 {
        display: block;
    }
}
@media screen and (min-width: 30rem) {
    .articleList .filter {
        -ms-flex-pack: justify;
        -ms-flex-align: center;
        align-items: center;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between;
    }
}
.articleList .filter select {
    font-size: 1rem;
    margin-bottom: 1rem;
    padding: 0.5rem;
    width: 100%;
}
@media screen and (min-width: 30rem) {
    .articleList .filter select {
        padding: 0.25rem;
        width: auto;
    }
}
.articleList .filter .filterContainer span {
    color: #000;
    font-size: 1rem;
}
.articleList .item {
    border-top: 1px solid #bbb;
}
.articleList .headline {
    line-height: 1.25;
    margin: 1rem 0 0;
    padding-bottom: 0;
}
.articleList .headline:after {
    color: inherit;
    content: ">";
    font-family:
        Bariol,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: inherit;
    font-weight: 400;
    line-height: 1;
    padding-left: 0.625rem;
    position: absolute;
    -webkit-transition: margin-left 0.2s ease-in-out;
    transition: margin-left 0.2s ease-in-out;
}
.articleList .headline:hover:after {
    margin-left: 8px;
}
.articleList .headline a {
    color: #007a74;
}
.articleList .headline:focus,
.articleList .headline:hover {
    text-decoration: underline;
}
.articleList .summary {
    margin-top: 0;
}
.articleList .itemDate {
    color: #007a74;
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    margin-bottom: 0.75rem;
}
.articleGeneralList .filter h3 {
    display: none;
}
@media screen and (min-width: 48rem) {
    .articleGeneralList .filter h3 {
        display: block;
    }
}
@media screen and (min-width: 30rem) {
    .articleGeneralList .filter {
        -ms-flex-pack: justify;
        -ms-flex-align: center;
        align-items: center;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between;
    }
}
.articleGeneralList .filter select {
    font-size: 1rem;
    margin-bottom: 1rem;
    padding: 0.5rem;
    width: 100%;
}
@media screen and (min-width: 30rem) {
    .articleGeneralList .filter select {
        padding: 0.25rem;
        width: auto;
    }
}
.articleGeneralList .filter .filterContainer span {
    color: #000;
    font-size: 1rem;
}
.articleGeneralList .generalArticles {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.articleGeneralList .generalArticles .item {
    border-top: 1px solid #bbb;
}
.articleGeneralList .generalArticles .item .labelContainer {
    opacity: 0;
}
.articleGeneralList .generalArticles .item.hide {
    display: none;
}
.articleGeneralList .generalArticles .headline {
    line-height: 1.25;
    margin: 1rem 0 0;
    padding-bottom: 0;
}
.articleGeneralList .generalArticles .headline:after {
    color: inherit;
    content: ">";
    font-family:
        Bariol,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: inherit;
    font-weight: 400;
    line-height: 1;
    padding-left: 0.625rem;
    position: absolute;
    -webkit-transition: margin-left 0.2s ease-in-out;
    transition: margin-left 0.2s ease-in-out;
}
.articleGeneralList .generalArticles .headline:hover:after {
    margin-left: 8px;
}
.articleGeneralList .generalArticles .headline a {
    color: #007a74;
}
.articleGeneralList .generalArticles .headline:focus,
.articleGeneralList .generalArticles .headline:hover {
    text-decoration: underline;
}
.articleGeneralList .generalArticles .summary {
    margin-top: 0;
}
.articleGeneralList .generalArticles .itemDate {
    color: #007a74;
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    margin-bottom: 0.75rem;
}
@media screen and (min-width: 48rem) {
    .articleGeneralList .generalArticles.filtered .promo {
        -ms-flex: 1 0 31%;
        flex: 1 0 31%;
        margin-right: 1.375rem;
        max-width: 32%;
    }
}
#globalAlertBanner {
    -ms-flex-align: center;
    align-items: center;
    background-color: #d30303;
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    height: 4rem;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 30;
}
@media screen and (min-width: 60rem) {
    #globalAlertBanner {
        height: 5rem;
    }
}
#globalAlertBanner a {
    color: #fff;
    text-decoration: underline;
}
#globalAlertBanner.alert {
    border: 0;
    font-size: 0.75rem;
    padding: 0.3125rem;
}
@media screen and (min-width: 60rem) {
    #globalAlertBanner.alert {
        font-size: 1.125rem;
    }
}
#globalAlertBanner.alert .alertInfo {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
}
#globalAlertBanner.alert .alertIcon {
    background: #fff;
    color: #d30303;
}
#globalAlertBanner.alert .alertText {
    font-size: 1rem;
    line-height: 1.125rem;
}
@media screen and (min-width: 60rem) {
    #globalAlertBanner.alert .alertText {
        font-size: 1.25rem;
    }
}
#globalAlertBanner.alert a {
    margin-left: 0.3125em;
}
#announcement {
    background-color: #007494;
    color: #fff;
    margin: 0;
    width: 100%;
}
#announcement p {
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    padding: 0.9375rem 0;
}
@media screen and (min-width: 60rem) {
    #announcement p {
        font-size: 1.25rem;
    }
}
#announcement p a {
    color: #fff;
    text-decoration: underline;
}
.navigation.globalAlert {
    top: 3.75rem;
}
@media screen and (min-width: 60rem) {
    .navigation.globalAlert {
        top: 5rem;
    }
}
.languageSelector {
    background: #007a74;
    padding: 1.2rem 0;
}
.languageSelector h3 {
    color: #fff;
}
.languageSelector ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style-type: none;
    margin-left: 0;
    padding: 0;
}
.languageSelector ul li span {
    display: none;
}
.languageSelector ul li:not(:last-child) span {
    color: #fff;
    display: inline;
    margin: 0.2rem;
}
.languageSelector ul a {
    color: #fff;
}
.modalWindow .modal {
    background-color: rgba(0, 0, 0, 0.7);
    height: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition:
        visibility 0s linear 0.25s,
        opacity 0.25s 0s,
        -webkit-transform 0.25s;
    transition:
        visibility 0s linear 0.25s,
        opacity 0.25s 0s,
        -webkit-transform 0.25s;
    transition:
        visibility 0s linear 0.25s,
        opacity 0.25s 0s,
        transform 0.25s;
    transition:
        visibility 0s linear 0.25s,
        opacity 0.25s 0s,
        transform 0.25s,
        -webkit-transform 0.25s;
    visibility: hidden;
    width: 100%;
    z-index: 100;
}
.modalWindow .modalContent {
    background-color: #fff;
    border-radius: 0.25rem;
    left: 50%;
    max-height: 70%;
    overflow-y: auto;
    padding: 1.5rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 90%;
}
@media screen and (min-width: 64rem) {
    .modalWindow .modalContent {
        padding: 2rem;
        width: 50%;
    }
}
.modalWindow .modalContent video {
    position: relative;
    width: 100%;
}
.modalWindow .modalContent .videoWrapper {
    cursor: pointer;
}
.modalWindow .modalContent .playpause {
    background: #00523e url(/webtemplate/img/icons/ncuvision__icon-play.svg) left 60% center no-repeat;
    background-size: auto 60%;
    border-radius: 50%;
    bottom: 0;
    cursor: pointer;
    height: 5.6875rem;
    left: 0;
    margin: auto;
    opacity: 0.8;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
    width: 5.6875rem;
    z-index: 1;
}
.modalWindow .modalContent .playpause:hover {
    opacity: 1;
}
.modalWindow .close-button {
    background-color: transparent;
    color: #8b8d8f;
    cursor: pointer;
    font-family:
        Bariol,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 2rem;
    line-height: 1rem;
    padding: 0 0.375rem;
    position: absolute;
    right: 2px;
    top: 2px;
    -webkit-transition: color 0.5s ease;
    transition: color 0.5s ease;
}
@media screen and (min-width: 64rem) {
    .modalWindow .close-button {
        font-size: 3rem;
        line-height: 1.5rem;
        padding: 0 0.5rem;
    }
}
.modalWindow .close-button:hover {
    color: #d42222;
}
.modalWindow .show-modal {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition:
        visibility 0s linear 0s,
        opacity 0.25s 0s,
        -webkit-transform 0.25s;
    transition:
        visibility 0s linear 0s,
        opacity 0.25s 0s,
        -webkit-transform 0.25s;
    transition:
        visibility 0s linear 0s,
        opacity 0.25s 0s,
        transform 0.25s;
    transition:
        visibility 0s linear 0s,
        opacity 0.25s 0s,
        transform 0.25s,
        -webkit-transform 0.25s;
    visibility: visible;
}
.genericForm {
    margin: 1rem 0;
}
@media screen and (min-width: 60rem) {
    .genericForm fieldset.genericSearchBox {
        -ms-flex-pack: justify;
        -ms-flex-align: center;
        align-items: center;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between;
    }
}
.genericForm fieldset label {
    color: #000;
    display: block;
}
@media screen and (min-width: 48rem) {
    .genericForm fieldset label {
        font-size: 1.2rem;
    }
}
.genericForm fieldset input[type="text"] {
    border: 1px solid #4a4a4a;
    border-radius: 4px;
    display: inline-block;
    font-size: 1.2rem;
    margin: 0.7rem 0;
    padding: 0.7rem;
    width: 100%;
}
@media screen and (min-width: 60rem) {
    .genericForm fieldset input[type="text"] {
        width: 24rem;
    }
}
.genericForm fieldset input[type="text"]:focus {
    border: 1px solid #037eaf;
    outline: 0;
}
.genericForm fieldset input[type="submit"] {
    background-color: #088300;
    border: 1px solid #088300;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    padding: 0.7rem;
    -webkit-transition:
        background-color 0.2s ease,
        border-color 0.3s ease;
    transition:
        background-color 0.2s ease,
        border-color 0.3s ease;
}
@media screen and (max-width: 60rem) {
    .genericForm fieldset input[type="submit"] {
        width: 100%;
    }
}
.genericForm fieldset input[type="submit"]:hover {
    background-color: #0ea504;
    border-color: #0ea504;
}
.genericForm fieldset select {
    border: 1px solid #4a4a4a;
    border-radius: 4px;
    margin: 0.7rem 0;
    padding: 0.7rem;
    width: 100%;
}
@media screen and (min-width: 60rem) {
    .genericForm fieldset select {
        font-size: 1.2rem;
        width: 15rem;
    }
}
.genericForm fieldset select:focus {
    border: 1px solid #037eaf;
    outline: 0;
}
.genericForm fieldset .select::-ms-expand {
    display: none;
}
.genericForm fieldset .select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #fff;
    background-image: linear-gradient(45deg, transparent 50%, #4a4a4a 0),
        linear-gradient(135deg, #4a4a4a 50%, transparent 0), linear-gradient(90deg, #ccc, #ccc);
    background-position:
        calc(100% - 20px) calc(1em + 2px),
        calc(100% - 15.1px) calc(1em + 2px),
        calc(100% - 2.5em) 0.5em;
    border: 1px solid #4a4a4a;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    font: inherit;
    font-size: 1.2rem;
    line-height: 1.7rem;
    margin: 0;
    padding: 0.5rem 3.5rem 0.5rem 1rem;
    width: 100%;
}
.genericForm fieldset .select,
.genericForm fieldset .select:focus {
    background-repeat: no-repeat;
    background-size:
        5px 5px,
        5px 5px,
        1px 1.5em;
}
.genericForm fieldset .select:focus {
    background-image: linear-gradient(45deg, #037eaf 50%, transparent 0),
        linear-gradient(135deg, transparent 50%, #037eaf 0), linear-gradient(90deg, #ccc, #ccc);
    background-position:
        calc(100% - 15.1px) 1em,
        calc(100% - 20px) 1em,
        calc(100% - 2.5em) 0.5em;
    border: 1px solid #037eaf;
    outline: 0;
}
.genericForm fieldset .select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}
.careersResearchersForm {
    padding: 1rem 0;
}
.careersResearchersForm .spinnerBox {
    display: block;
    margin: 3rem 0;
    text-align: center;
}
.careersResearchersForm .spinnerBox span {
    -webkit-animation: rotate 1s linear infinite;
    animation: rotate 1s linear infinite;
    color: #0080a5;
    font-size: 3.75rem;
}
.careersResearchersForm .spinnerBox span:after {
    content: "\f110";
}
.careersResearchersForm .toggleBox {
    display: none;
    margin-bottom: 10px;
    text-align: right;
}
.careersResearchersForm .toggleBox a {
    border: 1px solid #b3b3b3;
    border-radius: 3px;
    color: #4a4a4a;
    cursor: pointer;
    padding: 0.5rem;
    text-decoration: none;
}
.careersResearchersForm .toggleBox a:before {
    content: "\f0b0";
}
.careersResearchersForm.wpd-form {
    margin-bottom: 0;
}
.careersResearchersForm.wpd-form .genericForm {
    background: #eee;
    border-radius: 4px;
    display: none;
    margin-top: 0;
    margin-top: 10px;
    padding: 1rem;
}
.careersResearchersForm.wpd-form .genericForm .genericSearchBox {
    -ms-flex-pack: start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
}
@media screen and (min-width: 48rem) {
    .careersResearchersForm.wpd-form .genericForm .genericSearchBox > div {
        margin: 0.625rem 0 0 0.9375rem;
    }
}
.careersResearchersList .personList .person {
    border-top: 1px solid #eee;
    margin-top: 0.7rem;
    padding: 1.2rem 0;
}
@media screen and (min-width: 60rem) {
    .careersResearchersList .personList .person .personInfo {
        -ms-flex-pack: justify;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between;
    }
}
.careersResearchersList .personList .person .personInfo__table {
    width: 100%;
}
@media screen and (min-width: 60rem) {
    .careersResearchersList .personList .person .personInfo__table {
        width: 60%;
    }
}
@media screen and (max-width: 60rem) {
    .careersResearchersList .personList .person .personInfo__table table td {
        max-width: 0;
    }
}
.careersResearchersList .personList .person .personInfo .category {
    -ms-flex: 1;
    flex: 1;
    list-style-type: none;
    margin-left: 0;
    padding-top: 0;
}
@media screen and (min-width: 60rem) {
    .careersResearchersList .personList .person .personInfo .category {
        list-style-type: disc;
        margin-left: 3rem;
    }
}
.careersResearchersList .personList.column-grid {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.careersResearchersList .personList.column-grid .person {
    -ms-flex: 50%;
    flex: 50%;
    padding: 2rem;
}
.careersResearchersList.wpd-list {
    display: none;
    margin-top: 0;
}
.careersResearchersList.wpd-list .personList .person {
    padding: 1.5rem 0;
}
.careersResearchersList.wpd-list .personList .person .course-page .featured-content .module-title,
.careersResearchersList.wpd-list .personList .person h4,
.course-page .featured-content .careersResearchersList.wpd-list .personList .person .module-title {
    padding-bottom: 0.5rem;
}
.careersResearchersList.wpd-list .personList .person .personInfo__table ul {
    list-style-type: none;
    margin-left: 0;
}
.findMoreLink {
    display: block;
    padding-bottom: 0.46875rem;
}
.findMoreLink.align-right {
    margin-right: 26px;
    text-align: right;
}
.findMoreLink a {
    color: #0080a5;
    font-family: Derailed-Bold;
    font-size: 1.0625rem;
    position: relative;
}
.findMoreLink a:after {
    color: inherit;
    content: ">";
    font-family:
        Bariol,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: inherit;
    font-weight: 400;
    line-height: 1;
    padding-left: 0.625rem;
    position: absolute;
    -webkit-transition: margin-left 0.2s ease-in-out;
    transition: margin-left 0.2s ease-in-out;
}
.findMoreLink a:hover:after {
    margin-left: 8px;
}
.findMoreLink a:focus,
.findMoreLink a:hover {
    text-decoration: underline;
}
.findMoreLink a:visited,
.findMoreLink a:visited:after {
    color: #330072;
}
@media screen and (min-width: 48rem) {
    .findMoreLink a {
        font-size: 1.125rem;
    }
}
.findMoreLink a:after {
    font-size: 1.3125rem;
    font-weight: 600;
    line-height: 1.24375rem;
}
@media screen and (min-width: 48rem) {
    .findMoreLink a:after {
        line-height: 1.45rem;
    }
}
.eurus .findMoreLink a {
    color: #0073bc;
}
.eurus .findMoreLink a:focus,
.eurus .findMoreLink a:hover {
    text-decoration: none;
}
.eurus .findMoreLink a:visited,
.eurus .findMoreLink a:visited:after {
    color: #00857e;
}
.eurus .bgPresent.brandDefault a:not(.cta) {
    color: #8ed8f8;
}
.eurus .bgPresent.brandDefault a:not(.cta):hover {
    color: #29b7ea;
}
.eurus .bgPresent.brandDefault a:not(.cta):visited,
.eurus .bgPresent.brandDefault a:not(.cta):visited:after {
    color: #00dbcf;
}
.rssFeedComponent #rss-search {
    padding-bottom: 0;
}
.rssFeedComponent #rss-search .searchBox {
    margin-bottom: 0.5rem;
}
.rssFeedComponent #rss-search .spinnerBox {
    display: block;
    margin: 3rem 0;
    text-align: center;
}
.rssFeedComponent #rss-search .spinnerBox span {
    -webkit-animation: rotate 1s linear infinite;
    animation: rotate 1s linear infinite;
    color: #0080a5;
    font-size: 3.75rem;
}
.rssFeedComponent #rss-search .spinnerBox span:after {
    content: "\f110";
}
.rssFeedComponent .rssFilters ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -0.3125rem;
}
.rssFeedComponent .rssFilters ul li {
    -ms-flex: 1 1 19%;
    flex: 1 1 19%;
    margin: -0.3125rem 0.3125rem 0.3125rem;
}
@media screen and (max-width: 60rem) {
    .rssFeedComponent .rssFilters ul li {
        -ms-flex: 0 1 30%;
        flex: 0 1 30%;
    }
}
.gallery.mediaGallery .buttons .rssFeedComponent .rssFilters ul li .btn,
.rssFeedComponent .rssFilters ul li .cta,
.rssFeedComponent .rssFilters ul li .gallery.mediaGallery .buttons .btn {
    border: 1px solid #4a4a4a !important;
    font-size: 1.375rem;
    line-height: 3.5625rem;
    margin: 0;
    padding: 0 1rem;
    text-align: center;
    width: 100%;
}
@media screen and (max-width: 60rem) {
    .gallery.mediaGallery .buttons .rssFeedComponent .rssFilters ul li .btn,
    .rssFeedComponent .rssFilters ul li .cta,
    .rssFeedComponent .rssFilters ul li .gallery.mediaGallery .buttons .btn {
        font-size: 1rem;
        line-height: 2.375rem;
        margin: 0;
        padding: 0;
        width: 100%;
    }
}
.gallery.mediaGallery .buttons .rssFeedComponent .rssFilters ul li .active.btn,
.rssFeedComponent .rssFilters ul li .cta.active,
.rssFeedComponent .rssFilters ul li .gallery.mediaGallery .buttons .active.btn {
    background-color: #4a4a4a;
    color: #fff;
}
.gallery.mediaGallery .buttons .rssFeedComponent .rssFilters ul li .btn:after,
.rssFeedComponent .rssFilters ul li .cta:after,
.rssFeedComponent .rssFilters ul li .gallery.mediaGallery .buttons .btn:after {
    display: none;
}
.rssFeedComponent .promo {
    margin-bottom: 2rem;
}
.course-page .featured-content .rssFeedComponent .promo .module-title,
.rssFeedComponent .promo .course-page .featured-content .module-title,
.rssFeedComponent .promo h4 {
    margin: 1rem 0;
}
.rssFeedComponent .promo .description {
    height: 77px;
    margin-bottom: 1.5rem;
    min-height: 4.8125rem;
    overflow: hidden;
}
.rssFeedComponent .promo .readMore {
    margin: 1rem 0;
    text-align: right;
}
.rssFeedComponent .promo .readMore a {
    font-size: 1rem;
}
@media screen and (min-width: 60rem) {
    .rssFeedComponent .promo.show {
        margin-right: 1.375rem;
    }
}
.fundingSearchContainer .courseSearch .count {
    margin-bottom: 1rem;
    text-align: right;
}
.fundingSearchContainer .courseSearch .count span {
    color: #4a4a4a;
    font-size: 1.25rem;
    font-weight: 600;
}
.fundingSearchContainer .fundingSearch {
    opacity: 0;
}
.fundingSearchContainer .fundingSearch .filterToggle {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}
@media screen and (min-width: 48rem) {
    .fundingSearchContainer .fundingSearch .filterToggle {
        display: none;
    }
}
.fundingSearchContainer .fundingSearch .filterToggle .cta,
.fundingSearchContainer .fundingSearch .filterToggle .gallery.mediaGallery .buttons .btn,
.gallery.mediaGallery .buttons .fundingSearchContainer .fundingSearch .filterToggle .btn {
    text-align: center;
}
.fundingSearchContainer .fundingSearch .filterToggle .cta.clearBtn,
.fundingSearchContainer .fundingSearch .filterToggle .gallery.mediaGallery .buttons .clearBtn.btn,
.gallery.mediaGallery .buttons .fundingSearchContainer .fundingSearch .filterToggle .clearBtn.btn {
    background: #d1d1d1;
    border-color: #d1d1d1;
    color: #4a4a4a;
    font-weight: 600;
    margin-right: 10px;
    width: 35%;
}
.fundingSearchContainer .fundingSearch .filterToggle .cta.refineBtn,
.fundingSearchContainer .fundingSearch .filterToggle .gallery.mediaGallery .buttons .refineBtn.btn,
.gallery.mediaGallery .buttons .fundingSearchContainer .fundingSearch .filterToggle .refineBtn.btn {
    -ms-flex: 1;
    flex: 1;
}
.fundingSearchContainer .fundingSearch .courseSearchResults .courseSearchResults__box h3 p {
    color: #00634a;
    font-size: 1.25rem;
    margin-bottom: 15px;
}
@media screen and (min-width: 48rem) {
    .fundingSearchContainer .fundingSearch .courseSearchResults .courseSearchResults__box h3 p {
        font-size: 1.5625rem;
    }
}
.fundingSearchContainer .fundingSearch .courseSearchResults .courseSearchResults__box .fundingOverview {
    display: none;
}
@media screen and (min-width: 48rem) {
    .fundingSearchContainer .fundingSearch .courseSearchResults .courseSearchResults__box .fundingOverview {
        display: block;
        margin: 1rem 0;
    }
}
.fundingSearchContainer .fundingSearch .courseSearchResults .courseSearchResults__box .fundingBorder {
    border: 1px solid #ebebeb;
    border-radius: 10px;
    margin-bottom: 20px;
    padding: 14px;
}
.fundingSearchContainer .fundingSearch .courseSearchResults .courseSearchResults__box .fundingBorder .title {
    color: #000;
    font-size: 18px;
}
.fundingSearchContainer .fundingSearch .courseSearchResults .courseSearchResults__box .fundingBorder p {
    padding-top: 0;
}
.fundingSearchContainer .fundingSearch .courseSearchResults .fundingListContainer {
    margin: 1rem 0;
}
.fundingSearchContainer .fundingSearch .courseSearchResults .fundingListContainer h3 {
    margin-bottom: 1rem;
    padding-top: 0;
}
.fundingSearchContainer .fundingSearch .courseSearchResults .fundingListContainer h3 p {
    font-size: 1.4rem;
    padding-top: 0.2rem;
}
@media screen and (min-width: 48rem) {
    .fundingSearchContainer .fundingSearch .courseSearchResults .fundingListContainer h3 p {
        font-size: 2.5rem;
    }
}
.fundingSearchContainer .fundingSearch .courseSearchResults .fundingListContainer .fundingListTitles {
    color: #00634a;
    font-size: 1.25rem;
    font-weight: 600;
    padding-bottom: 0;
}
@media screen and (min-width: 48rem) {
    .fundingSearchContainer .fundingSearch .courseSearchResults .fundingListContainer .fundingListTitles {
        font-size: 1.875rem;
    }
}
.sidebarContainer {
    -ms-flex-align: start;
    -ms-flex-align: baseline;
    align-items: flex-start;
    align-items: baseline;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}
@media screen and (min-width: 48rem) {
    .sidebarContainer {
        -ms-flex-direction: row;
        flex-direction: row;
    }
}
.sidebarContainer .sidebar {
    background: #f1f5f8;
    border: 2px solid #dde6ee;
    border-radius: 4px;
    margin: 0;
    width: 100%;
}
@media screen and (min-width: 48rem) {
    .sidebarContainer .sidebar {
        margin-right: 2.5rem;
        max-width: 21.5625rem;
        width: 34%;
    }
}
.sidebarContainer .sidebar .sidebar-close {
    margin: 0 1rem;
    padding: 0 5px;
    text-align: right;
}
.sidebarContainer .sidebar .sidebar-close a:after {
    color: #1b7ab5;
    content: "\f00d";
    font-size: 1.4rem;
}
@media screen and (min-width: 60rem) {
    .sidebarContainer .sidebar .sidebar-close {
        display: none;
    }
}
.sidebarContainer .sidebar .sidebar-content {
    margin: 0 1rem;
    padding: 1.125rem 5px;
}
.sidebarContainer .sidebar .sidebar-content.short {
    padding: 0;
}
.sidebarContainer .sidebar .sidebar-content.toggleBox {
    border-bottom: 1px solid #e2eaf0;
}
.gallery.mediaGallery .buttons .sidebarContainer .sidebar .sidebar-content .btn,
.sidebarContainer .sidebar .sidebar-content .cta,
.sidebarContainer .sidebar .sidebar-content .gallery.mediaGallery .buttons .btn {
    text-align: center;
}
.sidebarContainer .sidebar .courseDropDowns,
.sidebarContainer .sidebar .dropdown {
    margin-top: 0;
}
.sidebarContainer .sidebar .dropdown__btn {
    -ms-flex-pack: justify;
    -ms-flex-align: center;
    align-items: center;
    color: #4a4a4a;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    font-size: 1rem;
    justify-content: space-between;
    width: 100%;
}
.sidebarContainer .sidebar .dropdown__btn:before {
    color: #1b7ab5;
    content: "\f078";
    font-size: 1.2rem;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition:
        transform 0.3s,
        -webkit-transform 0.3s;
}
.sidebarContainer .sidebar .dropdown__container {
    display: none;
    max-height: 350px;
    overflow-y: scroll;
    padding: 10px 18px;
}
.sidebarContainer .sidebar .dropdown__container .checkbox {
    -ms-flex-pack: justify;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    justify-content: space-between;
    margin-bottom: 3px;
    padding: 0.3rem;
}
.sidebarContainer .sidebar .dropdown__container .checkbox input[type="checkbox"] {
    margin-left: 5px;
    -webkit-transform: scale(2);
    transform: scale(2);
}
.sidebarContainer .sidebar .dropdown__container .checkbox label {
    font-size: 1rem;
}
.sidebarContainer .sidebar .dropdown.is-open .toggleBox,
.sidebarContainer .sidebar .is-open.courseDropDowns .toggleBox {
    border-bottom: none;
}
.sidebarContainer .sidebar .dropdown.is-open .dropdown__btn:before,
.sidebarContainer .sidebar .is-open.courseDropDowns .dropdown__btn:before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.sidebarContainer .sidebar .dropdown.is-open .dropdown__container,
.sidebarContainer .sidebar .is-open.courseDropDowns .dropdown__container {
    display: block;
}
.sidebarContainer .sidebar .stay-open .toggleBox .dropdown__btn {
    cursor: default;
}
.sidebarContainer .sidebar .stay-open .toggleBox .dropdown__btn:before {
    content: "";
}
.sidebarContainer.sidebarFullWidth {
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -ms-flexbox;
    display: flex;
    gap: 0;
}
@media screen and (min-width: 100rem) {
    .sidebarContainer.sidebarFullWidth {
        gap: 16px;
    }
}
.sidebarContainer.sidebarFullWidth .sidebar {
    border: none;
    border-radius: 0;
    margin-right: 0;
}
.cards:last-of-type {
    margin-bottom: 2.5rem !important;
}
.cards .card {
    border-radius: 0.625rem;
    -webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.251);
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.251);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 1.25rem;
    padding: 1.875rem;
    position: relative;
    text-decoration: none;
}
@media screen and (min-width: 64rem) {
    .cards .card {
        -ms-flex-pack: justify;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-direction: row;
        flex-direction: row;
        justify-content: space-between;
    }
}
.cards .card__details {
    margin-bottom: 1rem;
    position: relative;
}
@media screen and (min-width: 64rem) {
    .cards .card__details {
        width: 72%;
    }
}
.cards .card__details.into .courseNumber,
.cards .card__details.into .courseSubjectArea {
    display: none;
}
.cards .card__details.into .courseTerm {
    padding-bottom: 0;
}
.cards .card__details.into .into-icon {
    position: absolute;
    right: 0;
    top: -9px;
    width: 50px;
}
.cards .card__details.into .course-page .featured-content .module-title,
.cards .card__details.into h4,
.course-page .featured-content .cards .card__details.into .module-title {
    padding-top: 0.9375rem;
}
@media screen and (min-width: 64rem) {
    .cards .card__details.into .course-page .featured-content .module-title,
    .cards .card__details.into h4,
    .course-page .featured-content .cards .card__details.into .module-title {
        padding-top: 0;
    }
}
.cards .card__details .courseNumber strong,
.cards .card__details .courseQualification strong,
.cards .card__details .courseSubjectArea strong,
.cards .card__details .courseTerm strong {
    color: #003a65;
}
.cards .card__details .course-page .featured-content .module-title,
.cards .card__details h4,
.course-page .featured-content .cards .card__details .module-title {
    color: #0080a5;
    font-size: 1.375rem;
    font-weight: 700;
    line-height: 1.61125rem;
    padding-bottom: 0.75rem;
    padding-top: 0;
}
.cards .card__details .course-page .featured-content .module-title:after,
.cards .card__details h4:after,
.course-page .featured-content .cards .card__details .module-title:after {
    content: "\f054";
    font-size: 1.03125rem;
    left: 0.6875rem;
    position: relative;
    top: -0.14375rem;
    -webkit-transition: left 0.3s ease-in-out;
    transition: left 0.3s ease-in-out;
}
.cards .card__details .course-page .featured-content .module-title:hover:after,
.cards .card__details h4:hover:after,
.course-page .featured-content .cards .card__details .module-title:hover:after {
    left: 1.25rem;
}
.cards .card__details .course-page .featured-content .module-title a,
.cards .card__details h4 a,
.course-page .featured-content .cards .card__details .module-title a {
    text-decoration: none;
}
.cards .card__details .course-page .featured-content .module-title a:focus,
.cards .card__details .course-page .featured-content .module-title a:hover,
.cards .card__details h4 a:focus,
.cards .card__details h4 a:hover,
.course-page .featured-content .cards .card__details .module-title a:focus,
.course-page .featured-content .cards .card__details .module-title a:hover {
    color: inherit;
}
.cards .card__details p {
    color: #4c4c4c;
}
.cards .card__details p:first-of-type {
    padding-bottom: 0;
}
@media screen and (min-width: 64rem) {
    .cards .card__image {
        height: 10.125rem;
        width: 14.75rem;
    }
}
.cards .card__image img {
    padding-top: 0.625rem;
}
.cards .card:not(.no-link):focus,
.cards .card:not(.no-link):hover {
    -webkit-box-shadow: 0 0 9px 0 #0080a5;
    box-shadow: 0 0 9px 0 #0080a5;
}
.cards .card:not(.has-image) .card__details {
    width: 100%;
}
.cards .card.has-image {
    gap: 6px;
}
.cards .card.no-link {
    cursor: default;
}
.cards .card.no-link .card__details .course-page .featured-content .module-title:after,
.cards .card.no-link .card__details h4:after,
.course-page .featured-content .cards .card.no-link .card__details .module-title:after {
    content: "";
}
.cards .card:not(.shown) {
    display: none;
}
.cards .card.module {
    border: 1px solid #92acca;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 9px 0 rgba(0, 58, 101, 0.4);
    box-shadow: 0 0 9px 0 rgba(0, 58, 101, 0.4);
}
.cards .card.module .card__details {
    width: 100%;
}
.cards .card.module .card__details .course-page .featured-content .module-title,
.cards .card.module .card__details h4,
.course-page .featured-content .cards .card.module .card__details .module-title {
    color: #0073bc;
    padding: 0 0 0.625rem;
}
.cards .card.module .card__details .course-page .featured-content .module-title:after,
.cards .card.module .card__details h4:after,
.course-page .featured-content .cards .card.module .card__details .module-title:after {
    content: "\f061";
    font-family: Font Awesome\5 Free;
    font-size: 1.03125rem;
    left: 0.6875rem;
    position: relative;
    top: -0.14375rem;
    -webkit-transition: left 0.3s ease-in-out;
    transition: left 0.3s ease-in-out;
}
.cards .card.module .card__details .module_description {
    color: #4a4a4a;
    padding-top: 0.9375rem;
}
.cards .card.module .card__details .module_info {
    color: #da1a35;
    font-size: 1rem;
}
.cards .card.module .card__details .module_info span {
    color: #003a65;
}
.cards .card.module .card__details .card_tags {
    color: #003a65;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 1rem;
    padding-top: 1.25rem;
    row-gap: 5px;
}
.cards .card.module .card__details .card_tags .subjectArea {
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-weight: 700;
}
#courseSearchDisplay .cards .card__details .course-page .featured-content .module-title,
#courseSearchDisplay .cards .card__details h4,
.course-page .featured-content #courseSearchDisplay .cards .card__details .module-title {
    color: #0073bc;
}
#courseSearchDisplay .cards .card__details .course-page .featured-content .module-title:after,
#courseSearchDisplay .cards .card__details h4:after,
.course-page .featured-content #courseSearchDisplay .cards .card__details .module-title:after {
    content: "\f061";
    font-family: Font Awesome\5 Free;
}
#courseSearchDisplay .cards .card__details .withdrawnAlert {
    border: 1px solid #0073bc;
    color: #003a65;
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1.125rem;
    padding: 0.625rem;
}
#courseSearchDisplay .cards .card__details .withdrawnAlert span:before {
    color: #0073bc;
    content: "\f06a";
    font-family: Font Awesome\5 Free;
    margin-right: 5px;
}
#courseSearchDisplay .cards .card__details .courseDropDowns,
#courseSearchDisplay .cards .card__details .dropdown {
    background: #fff;
    border: 1px solid #0073bc;
    margin-top: 0;
}
#courseSearchDisplay .cards .card__details .courseDropDowns .dropDownHeading,
#courseSearchDisplay .cards .card__details .dropdown .dropDownHeading {
    border-bottom: 0;
    border-color: #0073bc;
    color: #003a65;
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1.125rem;
    padding: 0.625rem;
}
#courseSearchDisplay .cards .card__details .courseDropDowns .dropDownHeading:before,
#courseSearchDisplay .cards .card__details .dropdown .dropDownHeading:before {
    color: #0073bc;
    content: "\f06a";
    font-family: Font Awesome\5 Free;
}
#courseSearchDisplay .cards .card__details .courseDropDowns .dropDownHeading.dropdownOpen .courseLess:after,
#courseSearchDisplay .cards .card__details .courseDropDowns .dropDownHeading.dropdownOpen .courseMore:after,
#courseSearchDisplay .cards .card__details .courseDropDowns .dropDownHeading.dropdownOpen .toggle,
#courseSearchDisplay .cards .card__details .dropdown .dropDownHeading.dropdownOpen .courseDropDowns .courseLess:after,
#courseSearchDisplay .cards .card__details .dropdown .dropDownHeading.dropdownOpen .courseDropDowns .courseMore:after,
#courseSearchDisplay .cards .card__details .dropdown .dropDownHeading.dropdownOpen .toggle,
.courseDropDowns #courseSearchDisplay .cards .card__details .dropdown .dropDownHeading.dropdownOpen .courseLess:after,
.courseDropDowns #courseSearchDisplay .cards .card__details .dropdown .dropDownHeading.dropdownOpen .courseMore:after {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
#courseSearchDisplay .cards .card__details .courseDropDowns .dropDownHeading.dropdownOpen .courseLess:after,
#courseSearchDisplay .cards .card__details .courseDropDowns .dropDownHeading.dropdownOpen .courseMore:after,
#courseSearchDisplay .cards .card__details .courseDropDowns .dropDownHeading.dropdownOpen .toggle:after,
#courseSearchDisplay .cards .card__details .dropdown .dropDownHeading.dropdownOpen .courseDropDowns .courseLess:after,
#courseSearchDisplay .cards .card__details .dropdown .dropDownHeading.dropdownOpen .courseDropDowns .courseMore:after,
#courseSearchDisplay .cards .card__details .dropdown .dropDownHeading.dropdownOpen .toggle:after,
.courseDropDowns #courseSearchDisplay .cards .card__details .dropdown .dropDownHeading.dropdownOpen .courseLess:after,
.courseDropDowns #courseSearchDisplay .cards .card__details .dropdown .dropDownHeading.dropdownOpen .courseMore:after {
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
    transform: translate(-50%, -50%) rotate(180deg);
}
#courseSearchDisplay .cards .card__details .courseDropDowns .dropDownSummary,
#courseSearchDisplay .cards .card__details .courseDropDowns .dropDownSummary p,
#courseSearchDisplay .cards .card__details .dropdown .dropDownSummary,
#courseSearchDisplay .cards .card__details .dropdown .dropDownSummary p {
    padding-top: 0;
}
#courseSearchDisplay .cards .card__details .courseDropDowns .courseLess:after,
#courseSearchDisplay .cards .card__details .courseDropDowns .courseMore:after,
#courseSearchDisplay .cards .card__details .courseDropDowns .toggle,
#courseSearchDisplay .cards .card__details .dropdown .toggle,
.courseDropDowns #courseSearchDisplay .cards .card__details .dropdown .courseLess:after,
.courseDropDowns #courseSearchDisplay .cards .card__details .dropdown .courseMore:after {
    background: #8ed8f8;
    border-radius: 5px;
    right: 0.625rem;
}
@media screen and (min-width: 60rem) {
    #courseSearchDisplay .cards .card__details .courseDropDowns .courseLess:after,
    #courseSearchDisplay .cards .card__details .courseDropDowns .courseMore:after,
    #courseSearchDisplay .cards .card__details .courseDropDowns .toggle,
    #courseSearchDisplay .cards .card__details .dropdown .toggle,
    .courseDropDowns #courseSearchDisplay .cards .card__details .dropdown .courseLess:after,
    .courseDropDowns #courseSearchDisplay .cards .card__details .dropdown .courseMore:after {
        height: 1.5rem;
        width: 1.5rem;
    }
}
#courseSearchDisplay .cards .card__details .courseDropDowns .courseLess:after,
#courseSearchDisplay .cards .card__details .courseDropDowns .courseMore:after,
#courseSearchDisplay .cards .card__details .courseDropDowns .toggle:after,
#courseSearchDisplay .cards .card__details .dropdown .toggle:after,
.courseDropDowns #courseSearchDisplay .cards .card__details .dropdown .courseLess:after,
.courseDropDowns #courseSearchDisplay .cards .card__details .dropdown .courseMore:after {
    background: none;
    content: "\f078";
    font-family: Font Awesome\5 Free;
    font-size: 1rem;
    height: unset;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: unset;
}
#courseSearchDisplay .cards .card:not(.withdrawn):hover .course-page .featured-content .module-title,
#courseSearchDisplay .cards .card:not(.withdrawn):hover h4,
.course-page .featured-content #courseSearchDisplay .cards .card:not(.withdrawn):hover .module-title {
    text-decoration: underline;
}
#courseSearchDisplay .cards .card:not(.withdrawn):hover .course-page .featured-content .module-title:after,
#courseSearchDisplay .cards .card:not(.withdrawn):hover h4:after,
.course-page .featured-content #courseSearchDisplay .cards .card:not(.withdrawn):hover .module-title:after {
    left: 1.25rem;
}
#courseSearchDisplay .cards .card.withdrawn p:first-of-type {
    padding-bottom: 0.9375rem;
}
#courseSearchDisplay .cards .card.withdrawn:hover {
    border: 2px solid #92acca;
    -webkit-box-shadow: none;
    box-shadow: none;
}
#courseSearchDisplay .cards .card.withdrawn:hover .course-page .featured-content .module-title,
#courseSearchDisplay .cards .card.withdrawn:hover h4,
.course-page .featured-content #courseSearchDisplay .cards .card.withdrawn:hover .module-title {
    text-decoration: underline;
}
#courseSearchDisplay .cards .card.withdrawn:hover .course-page .featured-content .module-title:after,
#courseSearchDisplay .cards .card.withdrawn:hover h4:after,
.course-page .featured-content #courseSearchDisplay .cards .card.withdrawn:hover .module-title:after {
    left: 1.25rem;
}
#courseSearchDisplay .cards .newCourseLabel {
    background-color: #feedbe;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 10px;
    color: #003a65;
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1.125rem;
    padding: 0.625rem 0.625rem 0.625rem 15px;
    position: absolute;
    right: 0;
    top: 0;
}
#courseSearchDisplay .cards .newCourseLabel:before {
    border: 2px solid #fff;
    border-bottom-left-radius: 10px;
    border-right: none;
    border-top: none;
    border-top-right-radius: 10px;
    bottom: 5px;
    content: "";
    left: 5px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
}
.alertButton {
    background: #d70929;
    border-radius: 5px 0 0 5px;
    bottom: 3.125rem;
    color: #fff;
    font-family: Bariol;
    font-size: 1rem;
    font-style: normal;
    height: 2.625rem;
    padding: 0 1.25rem;
    position: fixed;
    right: 0;
    z-index: 9999;
}
@media screen and (min-width: 60rem) {
    .alertButton {
        bottom: 2.5rem;
        font-size: 1.5rem;
        height: 3.625rem;
    }
}
.alertButton .alertButtonText:after {
    content: "\f2f5";
    left: 4px;
    position: relative;
}
.alertButton .alertButtonMore {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-weight: 400;
    max-width: 0;
    overflow: hidden;
    -webkit-transition: max-width 0.5s;
    transition: max-width 0.5s;
    white-space: nowrap;
}
@media screen and (min-width: 60rem) {
    .alertButton:focus .alertButtonMore,
    .alertButton:hover .alertButtonMore {
        margin-left: 1rem;
        max-width: 18rem;
    }
}
.uniBuddy .item {
    background: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.44);
    box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.44);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    width: 100%;
}
.uniBuddy .item .headerContainer {
    min-height: 6.25rem;
    position: relative;
}
.uniBuddy .item .headerContainer .titleContainer {
    background: -webkit-gradient(linear, left top, right top, from(#06368b), to(#4b116c));
    background: linear-gradient(90deg, #06368b, #4b116c);
    min-height: 2.8125rem;
}
.uniBuddy .item .headerContainer .titleContainer h2 {
    color: #fff;
    font-weight: 800;
}
.uniBuddy .item .headerContainer .nameContainer {
    -ms-flex-align: end;
    align-items: flex-end;
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    left: 0.9375rem;
    padding: 0 1.25rem;
    position: absolute;
}
.uniBuddy .item .headerContainer .nameContainer h3 {
    color: #000;
    font-family:
        Derailed-ExtraBold,
        Raleway-ExtraBold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1.3125rem;
    line-height: 1.5625rem;
    padding: 0 0 0.625rem 0.5rem;
}
@media screen and (min-width: 48rem) {
    .uniBuddy .item .headerContainer .nameContainer h3 {
        font-size: 1.6875rem;
    }
}
.uniBuddy .item .headerContainer .nameContainer img {
    background: url(../../webtemplate/img/test/hero.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border: 3px solid #fff;
    border-radius: 100%;
    -webkit-filter: drop-shadow(0 4px 4px hsla(0, 0%, 81%, 0.7));
    filter: drop-shadow(0 4px 4px rgba(207, 207, 207, 0.7));
    height: 5rem;
    width: 5rem;
}
.uniBuddy .item .bodyContainer {
    -ms-flex-positive: 1;
    -ms-flex-align: baseline;
    align-items: baseline;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-grow: 1;
    margin: 0.5rem 1.25rem 1.5rem;
}
@media screen and (min-width: 48rem) {
    .uniBuddy .item .bodyContainer {
        -ms-flex-direction: row;
        flex-direction: row;
    }
}
.uniBuddy .item .bodyContainer .bodyInnerTop .countryContainer {
    display: -ms-flexbox;
    display: flex;
    padding: 0.5rem 1.25rem;
}
.uniBuddy .item .bodyContainer .bodyInnerTop .countryContainer .flag {
    height: 1.25rem;
    -o-object-fit: cover;
    object-fit: cover;
    width: 1.875rem;
}
.uniBuddy .item .bodyContainer .bodyInnerTop .countryContainer svg {
    height: 1.25rem;
    min-width: 1.875rem;
}
.uniBuddy .item .bodyContainer .bodyInnerTop .countryContainer span {
    color: #000;
    font-family:
        Derailed-Regular,
        Raleway-Regular,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 0.9375rem;
    line-height: 1.125rem;
    padding-right: 0.5rem;
}
@media screen and (min-width: 48rem) {
    .uniBuddy .item .bodyContainer .bodyInnerTop .countryContainer span {
        font-size: 1.125rem;
        line-height: 1.3125rem;
    }
}
.uniBuddy .item .bodyContainer .bodyInnerTop .countryContainer h5 {
    color: #000;
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 0.9375rem;
    font-weight: 700;
    line-height: 1.125rem;
    padding: 0 0 0 0.5rem;
}
@media screen and (min-width: 48rem) {
    .uniBuddy .item .bodyContainer .bodyInnerTop .countryContainer h5 {
        font-size: 1.125rem;
        line-height: 1.3125rem;
    }
}
.uniBuddy .item .bodyContainer .bodyInnerTop .studyContainer {
    display: -ms-flexbox;
    display: flex;
    padding: 0.5rem 1.25rem;
}
.uniBuddy .item .bodyContainer .bodyInnerTop .studyContainer span {
    color: #000;
    font-family:
        Derailed-Regular,
        Raleway-Regular,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.125rem;
    padding-right: 0.5rem;
}
@media screen and (min-width: 48rem) {
    .uniBuddy .item .bodyContainer .bodyInnerTop .studyContainer span {
        font-size: 1.125rem;
        line-height: 1.3125rem;
    }
}
.uniBuddy .item .bodyContainer .bodyInnerTop .studyContainer h5 {
    color: #000;
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.125rem;
    padding: 0;
}
@media screen and (min-width: 48rem) {
    .uniBuddy .item .bodyContainer .bodyInnerTop .studyContainer h5 {
        font-size: 1.125rem;
        line-height: 1.3125rem;
    }
}
.uniBuddy .item .bodyContainer .bodyInnerBottom {
    -ms-flex-positive: 1;
    -ms-flex-pack: justify;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-grow: 1;
    height: 100%;
    justify-content: space-between;
}
.uniBuddy .item .bodyContainer .bodyInnerBottom .quoteContainer {
    background: #f5f4f4;
    border-radius: 5px;
    margin-top: 0.5rem;
    position: relative;
}
.uniBuddy .item .bodyContainer .bodyInnerBottom .quoteContainer blockquote {
    border: none;
    color: #090909;
    font-family:
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.375rem;
    padding: 1.25rem 1.75rem 1.25rem 2.75rem;
    position: relative;
}
@media screen and (min-width: 48rem) {
    .uniBuddy .item .bodyContainer .bodyInnerBottom .quoteContainer blockquote {
        font-size: 1rem;
    }
}
.uniBuddy .item .bodyContainer .bodyInnerBottom .quoteContainer svg:first-of-type {
    left: 0.9375rem;
    position: absolute;
    top: 0.625rem;
}
.uniBuddy .item .bodyContainer .bodyInnerBottom .quoteContainer svg:last-of-type {
    bottom: 0.625rem;
    position: absolute;
    right: 0.9375rem;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.gallery.mediaGallery .buttons .uniBuddy .item .bodyContainer .bodyInnerBottom .quoteContainer .btn,
.uniBuddy .item .bodyContainer .bodyInnerBottom .quoteContainer .cta,
.uniBuddy .item .bodyContainer .bodyInnerBottom .quoteContainer .gallery.mediaGallery .buttons .btn {
    border-radius: 5px;
    font-size: 1.125rem;
    line-height: 1.4375rem;
}
@media screen and (min-width: 48rem) {
    .gallery.mediaGallery .buttons .uniBuddy .item .bodyContainer .bodyInnerBottom .quoteContainer .btn,
    .uniBuddy .item .bodyContainer .bodyInnerBottom .quoteContainer .cta,
    .uniBuddy .item .bodyContainer .bodyInnerBottom .quoteContainer .gallery.mediaGallery .buttons .btn {
        font-size: 1.5rem;
        line-height: 1.653125rem;
        margin-left: auto;
        width: 50%;
    }
}
.gallery.mediaGallery .buttons .uniBuddy .item .bodyContainer .btn,
.uniBuddy .item .bodyContainer .cta,
.uniBuddy .item .bodyContainer .gallery.mediaGallery .buttons .btn {
    border-radius: 5px;
    margin: 1rem 0 0;
}
@media screen and (min-width: 60rem) {
    .uniBuddy .item.gridItem .bodyContainer {
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .uniBuddy .item.gridItem .bodyInnerBottom,
    .uniBuddy .item.gridItem .bodyInnerTop {
        width: auto;
    }
}
.uniBuddy .uniBuddyContainer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 1.375rem;
}
@media screen and (min-width: 60rem) {
    .uniBuddy .uniBuddyContainer.twoItems {
        -webkit-column-gap: 1.375rem;
        -moz-column-gap: 1.375rem;
        column-gap: 1.375rem;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .uniBuddy .uniBuddyContainer.twoItems .bodyContainer {
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .uniBuddy .uniBuddyContainer.twoItems .bodyContainer .bodyInnerBottom,
    .uniBuddy .uniBuddyContainer.twoItems .bodyContainer .bodyInnerTop {
        width: 100%;
    }
}
@media (min-width: 48rem) and (max-width: 60rem) {
    .uniBuddy .uniBuddyContainer.uniBuddyGrid .bodyInnerBottom,
    .uniBuddy .uniBuddyContainer.uniBuddyGrid .bodyInnerTop {
        width: 50%;
    }
}
@media screen and (min-width: 60rem) {
    .uniBuddy .uniBuddyContainer.uniBuddyGrid {
        -ms-grid-columns: (minmax(0, 1fr)) [3];
        -webkit-column-gap: 1.375rem;
        -moz-column-gap: 1.375rem;
        column-gap: 1.375rem;
        display: -ms-grid;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .uniBuddy .uniBuddyContainer.uniBuddyGrid .bodyInnerBottom,
    .uniBuddy .uniBuddyContainer.uniBuddyGrid .bodyInnerTop {
        width: 100%;
    }
    .uniBuddy .uniBuddyContainer.uniBuddyGrid .nameContainer h3 {
        font-size: 1.6875rem;
        line-height: 1.9375rem;
    }
    .uniBuddy .uniBuddyContainer:not(.uniBuddyGrid).twoItems .item {
        width: 50%;
    }
}
.uniBuddy .uniBuddyContainer:not(.uniBuddyGrid) .titleContainer h2 {
    font-size: 1.25rem;
    padding: 0.75rem 0 0.5rem 7.25rem;
}
@media screen and (min-width: 48rem) {
    .uniBuddy .uniBuddyContainer:not(.uniBuddyGrid) .titleContainer h2 {
        font-size: 1.5625rem;
        padding: 0.5rem 0 0.5rem 9.375rem;
    }
}
@media screen and (min-width: 60rem) {
    .uniBuddy .uniBuddyContainer:not(.uniBuddyGrid) .titleContainer h2 {
        font-size: 2.1875rem;
        padding: 0.5rem 0 0.5rem 9.375rem;
    }
}
@media screen and (min-width: 48rem) {
    .uniBuddy .uniBuddyContainer:not(.uniBuddyGrid) .nameContainer h3 {
        font-size: 1.6875rem;
        line-height: 1.9375rem;
    }
}
@media screen and (min-width: 60rem) {
    .uniBuddy .uniBuddyContainer:not(.uniBuddyGrid) .nameContainer h3 {
        padding: 0 0 0 0.5rem;
    }
}
@media (min-width: 48rem) and (max-width: 60rem) {
    .uniBuddy .uniBuddyContainer:not(.uniBuddyGrid) .bodyInnerBottom,
    .uniBuddy .uniBuddyContainer:not(.uniBuddyGrid) .bodyInnerTop {
        width: 50%;
    }
}
@media screen and (min-width: 60rem) {
    .uniBuddy .uniBuddyContainer:not(.uniBuddyGrid) .bodyInnerBottom,
    .uniBuddy .uniBuddyContainer:not(.uniBuddyGrid) .bodyInnerTop {
        width: 50%;
    }
}
@media screen and (max-width: 26.563rem) {
    .uniBuddy .uniBuddyContainer .bodyInnerBottom,
    .uniBuddy .uniBuddyContainer .bodyInnerTop {
        width: 100%;
    }
}
.uniBuddy [tabindex="0"]:focus {
    outline: 4px dashed #007494;
}
.contentContainer #sideBar {
    background-color: #003a65;
    display: none;
    margin: 0;
    max-width: 21.5625rem;
    min-width: 20%;
    padding: 3.125rem 1.25rem;
}
@media screen and (min-width: 60rem) {
    .contentContainer #sideBar {
        display: block;
    }
}
.contentContainer #sideBar.linkSideBar #sideBarMenu {
    border-left: 2px solid #0a97ff;
}
.contentContainer #sideBar.linkSideBar .sideMenuContainer a {
    color: #cce9ff;
    cursor: pointer;
    display: block;
    font-family:
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
    margin: 0.9375rem 0;
    padding-left: 1.5625rem;
    text-decoration: none;
}
.contentContainer #sideBar.linkSideBar .sideMenuContainer a.active {
    border-left: 2px solid #f5f4f4;
    color: #fff;
    font-weight: 700;
    left: -2px;
    position: relative;
}
.contentContainer #sideBar.linkSideBar .sideMenuContainer a:hover {
    text-decoration: underline;
}
.contentContainer #sideBar.linkSideBar .sideMenuContainer a:first-of-type {
    margin-top: 0;
}
.contentContainer #sideBar.linkSideBar .sideMenuContainer a:last-of-type {
    margin-bottom: 0;
}
.contentContainer #sideBar.progressSideBar .sideMenuContainer #sideBarMenu {
    display: -ms-flexbox;
    display: flex;
}
.contentContainer #sideBar.progressSideBar .sideMenuContainer #sideBarMenu .progress-bar-wrapper {
    display: -ms-flexbox;
    display: flex;
    left: 20px;
    position: relative;
}
.contentContainer #sideBar.progressSideBar .sideMenuContainer #sideBarMenu .progress-bar-wrapper .progress-bar {
    background-color: #0073bc;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 5px;
}
.contentContainer
    #sideBar.progressSideBar
    .sideMenuContainer
    #sideBarMenu
    .progress-bar-wrapper
    .progress-bar.progress-bar-cover {
    background-color: #00dbcf;
    bottom: 0;
    height: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.contentContainer
    #sideBar.progressSideBar
    .sideMenuContainer
    #sideBarMenu
    .progress-bar-wrapper
    .progress-bar
    .step-wrapper {
    display: -ms-flexbox;
    display: flex;
    min-height: 60px;
    position: relative;
}
.contentContainer
    #sideBar.progressSideBar
    .sideMenuContainer
    #sideBarMenu
    .progress-bar-wrapper
    .progress-bar
    .step-wrapper
    .step
    .step-number {
    background-color: #0073bc;
    color: #fff;
}
.contentContainer
    #sideBar.progressSideBar
    .sideMenuContainer
    #sideBarMenu
    .progress-bar-wrapper
    .progress-bar
    .step-wrapper
    .step-number {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    align-items: center;
    border-radius: 100%;
    display: -ms-flexbox;
    display: flex;
    font-weight: 600;
    height: 35px;
    justify-content: center;
    min-width: 35px;
    position: relative;
    width: 35px;
}
.contentContainer
    #sideBar.progressSideBar
    .sideMenuContainer
    #sideBarMenu
    .progress-bar-wrapper
    .progress-bar
    .step-wrapper:last-of-type
    a {
    margin-bottom: 0;
}
.contentContainer
    #sideBar.progressSideBar
    .sideMenuContainer
    #sideBarMenu
    .progress-bar-wrapper
    .progress-bar
    .step-wrapper.passed
    .step-number {
    background-color: #00dbcf;
    color: #051435;
}
.contentContainer
    #sideBar.progressSideBar
    .sideMenuContainer
    #sideBarMenu
    .progress-bar-wrapper
    .progress-bar
    .step-wrapper.passed
    .step-number:before {
    background-color: #00dbcf;
}
@-webkit-keyframes gradient-fill {
    0% {
        background: -webkit-gradient(linear, left bottom, left top, from(#0073bc), to(blue));
        background: linear-gradient(0deg, #0073bc, blue);
    }
    to {
        background: -webkit-gradient(linear, left top, left bottom, from(blue), to(teal));
        background: linear-gradient(180deg, blue, teal);
    }
}
@keyframes gradient-fill {
    0% {
        background: -webkit-gradient(linear, left bottom, left top, from(#0073bc), to(blue));
        background: linear-gradient(0deg, #0073bc, blue);
    }
    to {
        background: -webkit-gradient(linear, left top, left bottom, from(blue), to(teal));
        background: linear-gradient(180deg, blue, teal);
    }
}
.contentContainer #sideBar.progressSideBar .sideMenuContainer #sideBarMenu .menu-wrapper.test a {
    display: -ms-flexbox;
    display: flex;
    margin-left: 20px;
    padding-left: 0;
    position: relative;
}
.contentContainer #sideBar.progressSideBar .sideMenuContainer #sideBarMenu .menu-wrapper.test a .step-number {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: #0073bc;
    border-radius: 100%;
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    font-weight: 600;
    height: 35px;
    justify-content: center;
    left: -20px;
    min-width: 35px;
    position: absolute;
    top: 0;
    width: 35px;
}
.contentContainer #sideBar.progressSideBar .sideMenuContainer #sideBarMenu .menu-wrapper.test a .side-menu-item-text {
    left: 25px;
    position: relative;
    width: 93%;
}
.contentContainer #sideBar.progressSideBar .sideMenuContainer #sideBarMenu .menu-wrapper.test a.passed .step-number {
    background-color: #00dbcf;
    color: #051435;
}
.contentContainer #sideBar.progressSideBar .sideMenuContainer #sideBarMenu .menu-wrapper a {
    color: #8ed8f8;
    cursor: pointer;
    display: block;
    font-family:
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1rem;
    font-weight: 400;
    height: 60px;
    line-height: 1.1875rem;
    margin-top: 0;
    padding-left: 0.9375rem;
    padding-top: 0.25rem;
    text-decoration: none;
}
.contentContainer #sideBar.progressSideBar .sideMenuContainer #sideBarMenu .menu-wrapper a.active {
    color: #fff;
}
.contentContainer #sideBar.progressSideBar .sideMenuContainer #sideBarMenu .menu-wrapper a:hover {
    text-decoration: underline;
}
.contentContainer #sideBar .sideMenuContainer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position: sticky;
    top: 2.5rem;
}
.contentContainer #sideBar .sideMenuContainer h3 {
    color: #fff;
    font-family:
        Derailed-ExtraBold,
        Raleway-ExtraBold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1.6875rem;
    line-height: 1.97625rem;
}
.contentContainer #mainContent #mobileSideBar {
    -webkit-box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.44);
    box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.44);
}
.contentContainer #mainContent #mobileSideBar .mobileSidebarLinkContainer {
    border-left: 2px solid #0a97ff;
}
.contentContainer #mainContent #mobileSideBar #mobileSideBarBurgerOpen span:before {
    font-size: 20px;
    font-weight: 900;
}
.contentContainer #mainContent #mobileSideBar .mobileHeaderContainer button {
    background-color: #003a65;
}
.contentContainer #mainContent #mobileSideBar .mobileHeaderContainer .course-page .featured-content .module-title,
.contentContainer #mainContent #mobileSideBar .mobileHeaderContainer h4,
.course-page .featured-content .contentContainer #mainContent #mobileSideBar .mobileHeaderContainer .module-title {
    color: #fff;
    font-weight: 800;
    padding: 0;
}
.eurus #sideBar {
    background-color: #051435;
}
.eurus #sideBar #sideBarMenu {
    border-left: 2px solid #0073bc;
}
.eurus .sideMenuContainer h3 {
    color: #fff;
}
.eurus .sideMenuContainer a {
    color: #8ed8f8;
}
.eurus .sideMenuContainer a.active {
    border-left: 2px solid #fff;
    color: #fff;
}
.ucas ol {
    margin-left: 1rem;
}
.ucas select {
    font-family:
        Derailed-Regular,
        Raleway-Regular,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1rem;
    padding: 0.5rem 0.75rem;
}
@media screen and (min-width: 48rem) {
    .ucas select {
        padding: 0.5rem 0.9375rem 0.5rem 0.75rem;
    }
}
.gallery.mediaGallery .buttons .ucas button.btn:after,
.ucas .gallery.mediaGallery .buttons button.btn:after,
.ucas button.cta:after {
    content: "";
}
.ucas .innerContainer {
    -ms-grid-columns: (minmax(0, 1fr)) [1];
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media screen and (min-width: 48rem) {
    .ucas .innerContainer {
        -ms-grid-columns: (minmax(0, 1fr)) [2];
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
.ucas .innerContainer .half:first-of-type {
    -ms-flex-pack: justify;
    border: 2px solid #d3d3d3;
    border-radius: 5px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: space-between;
    padding: 0.9375rem 0.625rem;
}
@media screen and (min-width: 48rem) {
    .ucas .innerContainer .half:first-of-type {
        padding: 1.5625rem 1.25rem;
    }
    .ucas .innerContainer .half {
        padding: 1.5rem 1.25rem;
    }
}
.ucas .innerContainer .half #qualificationsWrapper h3 {
    font-size: 1.5rem;
    font-weight: 600;
    padding-bottom: 1.5rem;
}
@media screen and (min-width: 48rem) {
    .ucas .innerContainer .half #qualificationsWrapper h3 {
        font-size: 2rem;
        padding-bottom: 2rem;
    }
}
.ucas .innerContainer #ucasInstructions {
    background-color: #f7f7f7;
    border-radius: 5px;
    -webkit-filter: drop-shadow(0 4px 3px rgba(0, 0, 0, 0.07)) drop-shadow(0 2px 2px rgba(0, 0, 0, 0.07));
    filter: drop-shadow(0 4px 3px rgba(0, 0, 0, 0.07)) drop-shadow(0 2px 2px rgba(0, 0, 0, 0.07));
    padding: 0.75rem 1.5rem;
}
.ucas .innerContainer #ucasInstructions ol {
    padding-top: 0;
}
.ucas .innerContainer .qualification {
    -ms-flex-pack: justify;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding-bottom: 10px;
}
.ucas .innerContainer .qualification:not(:first-of-type) {
    border-top: 1px solid #ececec;
    padding-top: 10px;
}
.ucas .innerContainer .qualification:last-of-type {
    padding-bottom: 0;
}
.ucas .innerContainer .qualification .qualificationWrapperInner {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 10px;
    width: 100%;
}
.ucas .innerContainer .qualification .qualificationWrapperInner .number {
    width: 25px;
}
.ucas .innerContainer .qualification .qualificationWrapperInner .selectWrapper {
    display: block;
    overflow: hidden;
    position: relative;
    width: calc(100% - 50px);
}
.ucas .innerContainer .qualification .qualificationWrapperInner .selectWrapper:after {
    color: #4a4a4a;
    content: "\f078";
    font-family: Font Awesome\5 Free;
    font-size: 1.25rem;
    pointer-events: none;
    position: absolute;
    right: 20px;
    top: 4px;
    -webkit-transform: translate(50%);
    transform: translate(50%);
}
.ucas .innerContainer .qualification .qualificationWrapperInner .selectWrapper.grades {
    margin-left: 25px;
}
.ucas .innerContainer .qualification .qualificationWrapperInner .selectWrapper .gradeSelect,
.ucas .innerContainer .qualification .qualificationWrapperInner .selectWrapper .qualificationSelect {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #000;
    border-radius: 2px;
    width: 100%;
}
.ucas .innerContainer .removeQualification {
    background-color: #088300;
    border-radius: 5px;
    color: #fff;
    height: 30px;
    text-align: center;
    width: 30px;
}
.ucas .innerContainer .removeQualification:after {
    content: "\f1f8";
    font-family: Font Awesome\5 Free;
}
.ucas .innerContainer .buttonWrapper {
    -ms-flex-align: start;
    -ms-flex-pack: justify;
    align-items: flex-start;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: space-between;
    margin-top: 6.25rem;
}
.gallery.mediaGallery .buttons .ucas .innerContainer .buttonWrapper .btn,
.ucas .innerContainer .buttonWrapper .cta,
.ucas .innerContainer .buttonWrapper .gallery.mediaGallery .buttons .btn {
    margin: 0.75rem 0 0;
    width: 100%;
}
.ucas .innerContainer .buttonWrapper .btnOutline {
    background-color: transparent;
    border: 1px solid #000;
    border-radius: 5px;
    color: #000;
    font-family:
        Bariol,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1rem;
    padding: 0.5rem 0.75rem;
}
.ucas .innerContainer .buttonWrapper #ucasResults {
    border-radius: 5px;
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1.5rem;
    margin-top: 1rem;
    width: 100%;
}
.ucas .innerContainer .buttonWrapper #ucasResults #points {
    color: #0080a5;
}
#eventsFeed {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}
@media screen and (min-width: 60rem) {
    #eventsFeed {
        -ms-flex-direction: row;
        flex-direction: row;
        padding: 0 0.9375rem;
    }
}
#eventsFeed .left {
    background-color: #d3d3d3;
    margin-right: 1.5625rem;
    width: 20%;
}
#eventsFeed .right {
    -ms-flex-positive: 1;
    flex-grow: 1;
}
#eventsFeed .right .eventFilterButtons {
    -ms-grid-columns: (minmax(0, 1fr)) [2];
    border-bottom: 1px solid #ccdbe5;
    display: -ms-grid;
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding-bottom: 2.1875rem;
}
@media screen and (min-width: 48rem) {
    #eventsFeed .right .eventFilterButtons {
        display: -ms-flexbox;
        display: flex;
    }
}
#eventsFeed .right .eventFilterButtons button {
    -ms-flex-pack: justify;
    -ms-flex-align: center;
    -ms-flex-negative: 0;
    -ms-flex-pack: center;
    -ms-flex-positive: 1;
    align-items: center;
    border: 1px solid #4a4a4a;
    border-radius: 5px;
    color: #4a4a4a;
    display: -ms-flexbox;
    display: flex;
    flex-grow: 1;
    flex-shrink: 0;
    font-family:
        Derailed-Regular,
        Raleway-Regular,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    height: 3.125rem;
    justify-content: space-between;
    justify-content: center;
    line-height: 1.5rem;
    padding: 0 1.25rem;
}
#eventsFeed .right .eventResultsDisplay {
    -ms-flex-pack: justify;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding: 1.25rem 0;
}
#eventsFeed .right .eventResultsDisplay #sortEvents {
    background: #fff;
    border: 1px solid #4a4a4a;
    border-radius: 5px;
    color: #4a4a4a;
    font-family:
        Derailed-Regular,
        Raleway-Regular,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.3125rem;
    padding: 1rem;
}
#eventsFeed .right .eventsWrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.25rem;
}
#eventsFeed .right .eventsWrapper .card:not(.shown) {
    display: none;
}
#eventsFeed .right .eventsWrapper .eventCard {
    border-radius: 10px;
    position: relative;
}
#eventsFeed .right .eventsWrapper .eventCard.hasAdditionalTag {
    margin-top: 25px;
}
#eventsFeed
    .right
    .eventsWrapper
    .eventCard.hasAdditionalTag
    .imageWrapper
    .course-page
    .featured-content
    .module-title,
#eventsFeed .right .eventsWrapper .eventCard.hasAdditionalTag .imageWrapper h4,
.course-page
    .featured-content
    #eventsFeed
    .right
    .eventsWrapper
    .eventCard.hasAdditionalTag
    .imageWrapper
    .module-title {
    padding-top: 25px;
}
@media screen and (min-width: 48rem) {
    #eventsFeed
        .right
        .eventsWrapper
        .eventCard.hasAdditionalTag
        .imageWrapper
        .course-page
        .featured-content
        .module-title,
    #eventsFeed .right .eventsWrapper .eventCard.hasAdditionalTag .imageWrapper h4,
    .course-page
        .featured-content
        #eventsFeed
        .right
        .eventsWrapper
        .eventCard.hasAdditionalTag
        .imageWrapper
        .module-title {
        padding-top: 30px;
    }
}
#eventsFeed .right .eventsWrapper .eventCard .additionalTag {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    border: 2px solid #003a65;
    border-radius: 10px;
    color: #003a65;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    justify-content: center;
    padding: 5px 10px;
    position: absolute;
    right: 20px;
    top: -20px;
    z-index: 5;
}
@media screen and (min-width: 48rem) {
    #eventsFeed .right .eventsWrapper .eventCard .additionalTag {
        height: 50px;
        top: -25px;
    }
}
#eventsFeed .right .eventsWrapper .eventCard.careersEvent {
    border: 2px solid #003a65;
}
#eventsFeed .right .eventsWrapper .eventCard.careersEvent:focus {
    outline: 4px dashed #ae0160;
}
#eventsFeed .right .eventsWrapper .eventCard.careersEvent .imageWrapper .gradientOverlay {
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        color-stop(63.29%, #ae0160),
        color-stop(99.96%, rgba(46, 1, 174, 0))
    );
    background: linear-gradient(90deg, #ae0160 63.29%, rgba(46, 1, 174, 0) 99.96%);
}
#eventsFeed .right .eventsWrapper .eventCard.careersEvent .contentWrapper .title.icon.child:before,
#eventsFeed .right .eventsWrapper .eventCard.careersEvent .contentWrapper .title.icon.date:before,
#eventsFeed .right .eventsWrapper .eventCard.careersEvent .contentWrapper .title.icon.exclamation:before,
#eventsFeed .right .eventsWrapper .eventCard.careersEvent .contentWrapper .title.icon.location:before,
#eventsFeed .right .eventsWrapper .eventCard.careersEvent .contentWrapper .title.icon.star:before,
#eventsFeed .right .eventsWrapper .eventCard.careersEvent .contentWrapper .title.icon.time:before {
    color: #ae0160;
}
#eventsFeed .right .eventsWrapper .eventCard.careersEvent .contentWrapper .additionalPointsWrapper {
    color: #ad005f;
}
#eventsFeed .right .eventsWrapper .eventCard.t4Event {
    border: 2px solid #003a65;
}
#eventsFeed .right .eventsWrapper .eventCard.t4Event .imageWrapper .gradientOverlay {
    background: #003a65;
}
#eventsFeed .right .eventsWrapper .eventCard.t4Event .contentWrapper .additionalPointsWrapper,
#eventsFeed .right .eventsWrapper .eventCard.t4Event .contentWrapper .title.icon.child:before,
#eventsFeed .right .eventsWrapper .eventCard.t4Event .contentWrapper .title.icon.date:before,
#eventsFeed .right .eventsWrapper .eventCard.t4Event .contentWrapper .title.icon.duration:before,
#eventsFeed .right .eventsWrapper .eventCard.t4Event .contentWrapper .title.icon.exclamation:before,
#eventsFeed .right .eventsWrapper .eventCard.t4Event .contentWrapper .title.icon.location:before,
#eventsFeed .right .eventsWrapper .eventCard.t4Event .contentWrapper .title.icon.star:before,
#eventsFeed .right .eventsWrapper .eventCard.t4Event .contentWrapper .title.icon.time:before {
    color: #003a65;
}
#eventsFeed
    .right
    .eventsWrapper
    .eventCard.t4Event:not(.no-link):focus
    .imageWrapper
    .course-page
    .featured-content
    .module-title,
#eventsFeed .right .eventsWrapper .eventCard.t4Event:not(.no-link):focus .imageWrapper h4,
#eventsFeed
    .right
    .eventsWrapper
    .eventCard.t4Event:not(.no-link):hover
    .imageWrapper
    .course-page
    .featured-content
    .module-title,
#eventsFeed .right .eventsWrapper .eventCard.t4Event:not(.no-link):hover .imageWrapper h4,
.course-page
    .featured-content
    #eventsFeed
    .right
    .eventsWrapper
    .eventCard.t4Event:not(.no-link):focus
    .imageWrapper
    .module-title,
.course-page
    .featured-content
    #eventsFeed
    .right
    .eventsWrapper
    .eventCard.t4Event:not(.no-link):hover
    .imageWrapper
    .module-title {
    text-decoration: underline;
}
#eventsFeed
    .right
    .eventsWrapper
    .eventCard.t4Event:not(.no-link):focus
    .imageWrapper
    .course-page
    .featured-content
    .module-title:after,
#eventsFeed .right .eventsWrapper .eventCard.t4Event:not(.no-link):focus .imageWrapper h4:after,
#eventsFeed
    .right
    .eventsWrapper
    .eventCard.t4Event:not(.no-link):hover
    .imageWrapper
    .course-page
    .featured-content
    .module-title:after,
#eventsFeed .right .eventsWrapper .eventCard.t4Event:not(.no-link):hover .imageWrapper h4:after,
.course-page
    .featured-content
    #eventsFeed
    .right
    .eventsWrapper
    .eventCard.t4Event:not(.no-link):focus
    .imageWrapper
    .module-title:after,
.course-page
    .featured-content
    #eventsFeed
    .right
    .eventsWrapper
    .eventCard.t4Event:not(.no-link):hover
    .imageWrapper
    .module-title:after {
    display: inline-block;
    left: 1.25rem;
}
#eventsFeed .right .eventsWrapper .eventCard.t4Event.no-link {
    cursor: default;
}
#eventsFeed
    .right
    .eventsWrapper
    .eventCard.t4Event.no-link
    .imageWrapper
    .course-page
    .featured-content
    .module-title:after,
#eventsFeed .right .eventsWrapper .eventCard.t4Event.no-link .imageWrapper h4:after,
.course-page
    .featured-content
    #eventsFeed
    .right
    .eventsWrapper
    .eventCard.t4Event.no-link
    .imageWrapper
    .module-title:after {
    content: "" !important;
}
#eventsFeed .right .eventsWrapper .eventCard:hover {
    cursor: pointer;
    text-decoration: none;
}
#eventsFeed .right .eventsWrapper .eventCard:focus {
    background-color: transparent;
    text-decoration: none;
}
#eventsFeed .right .eventsWrapper .eventCard .imageWrapper {
    position: relative;
}
#eventsFeed .right .eventsWrapper .eventCard .imageWrapper .course-page .featured-content .module-title,
#eventsFeed .right .eventsWrapper .eventCard .imageWrapper h4,
.course-page .featured-content #eventsFeed .right .eventsWrapper .eventCard .imageWrapper .module-title {
    color: #fff;
    display: inline-block;
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1.125rem;
    padding: 1.25rem 0 1.25rem 1.25rem;
}
@media screen and (min-width: 60rem) {
    #eventsFeed .right .eventsWrapper .eventCard .imageWrapper .course-page .featured-content .module-title,
    #eventsFeed .right .eventsWrapper .eventCard .imageWrapper h4,
    .course-page .featured-content #eventsFeed .right .eventsWrapper .eventCard .imageWrapper .module-title {
        font-size: 1.6875rem;
        padding: 1.25rem 0 1.25rem 1.875rem;
    }
}
#eventsFeed .right .eventsWrapper .eventCard .imageWrapper .course-page .featured-content .module-title:after,
#eventsFeed .right .eventsWrapper .eventCard .imageWrapper h4:after,
.course-page .featured-content #eventsFeed .right .eventsWrapper .eventCard .imageWrapper .module-title:after {
    content: "\f061";
    display: inline-block;
    font-size: 0.9375rem;
    left: 0.6875rem;
    position: relative;
    top: -0.125rem;
    -webkit-transition: left 0.3s ease-in-out;
    transition: left 0.3s ease-in-out;
}
@media screen and (min-width: 30rem) {
    #eventsFeed .right .eventsWrapper .eventCard .imageWrapper .course-page .featured-content .module-title:after,
    #eventsFeed .right .eventsWrapper .eventCard .imageWrapper h4:after,
    .course-page .featured-content #eventsFeed .right .eventsWrapper .eventCard .imageWrapper .module-title:after {
        font-size: 1rem;
        top: -0.125rem;
    }
}
@media screen and (min-width: 60rem) {
    #eventsFeed .right .eventsWrapper .eventCard .imageWrapper .course-page .featured-content .module-title:after,
    #eventsFeed .right .eventsWrapper .eventCard .imageWrapper h4:after,
    .course-page .featured-content #eventsFeed .right .eventsWrapper .eventCard .imageWrapper .module-title:after {
        font-size: 1.25rem;
        top: -0.25rem;
    }
}
#eventsFeed .right .eventsWrapper .eventCard .imageWrapper img {
    border-radius: 10px 10px 0 10px;
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    position: absolute;
    top: 0;
    width: 100%;
}
#eventsFeed .right .eventsWrapper .eventCard .imageWrapper .gradientOverlay {
    border-radius: 7px 7px 0 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
#eventsFeed .right .eventsWrapper .eventCard .imageWrapper .alertWrapper {
    bottom: -20px;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
#eventsFeed .right .eventsWrapper .eventCard .imageWrapper .alertWrapper .alertInner {
    -webkit-font-feature-settings:
        "clig" off,
        "liga" off;
    font-feature-settings:
        "clig" off,
        "liga" off;
    -ms-flex-align: center;
    -ms-flex-pack: center;
    align-items: center;
    background: #b6f9cd;
    border: 4px solid #fff;
    border-radius: 40px;
    color: #00523e;
    display: -ms-flexbox;
    display: flex;
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 0.9375rem;
    font-size: 15px;
    height: 45px;
    justify-content: center;
    min-width: 250px;
    padding: 0 0.625rem;
}
#eventsFeed .right .eventsWrapper .eventCard .imageWrapper .alertWrapper .alertInner span {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}
#eventsFeed .right .eventsWrapper .eventCard .imageWrapper .alertWrapper .alertInner span:before {
    content: "\f06a";
    font-family: Font Awesome\5 Free;
    font-size: 1.25rem;
    padding-right: 5px;
}
#eventsFeed .right .eventsWrapper .eventCard .contentWrapper {
    padding: 1rem 1.25rem 1.375rem;
}
@media screen and (min-width: 48rem) {
    #eventsFeed .right .eventsWrapper .eventCard .contentWrapper {
        padding: 1rem 1rem 1.375rem;
    }
}
@media screen and (min-width: 60rem) {
    #eventsFeed .right .eventsWrapper .eventCard .contentWrapper {
        padding: 1.25rem 1.875rem 2rem;
    }
}
#eventsFeed .right .eventsWrapper .eventCard .contentWrapper:active,
#eventsFeed .right .eventsWrapper .eventCard .course-page .requirementWidget .contentWrapper.selectWrapper.open,
#eventsFeed .right .eventsWrapper .eventCard .dataWidget .contentWrapper.nice-select.open,
.course-page .requirementWidget #eventsFeed .right .eventsWrapper .eventCard .contentWrapper.selectWrapper.open,
.dataWidget #eventsFeed .right .eventsWrapper .eventCard .contentWrapper.nice-select.open {
    background-color: transparent;
}
#eventsFeed .right .eventsWrapper .eventCard .contentWrapper .contentWrapperInner p {
    color: #4a4a4a;
    font-family:
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 0.875rem;
    line-height: 1.5rem;
    padding: 0 0 1.25rem;
}
@media screen and (min-width: 60rem) {
    #eventsFeed .right .eventsWrapper .eventCard .contentWrapper .contentWrapperInner p {
        font-size: 1rem;
    }
}
#eventsFeed .right .eventsWrapper .eventCard .contentWrapper .contentWrapperInner .detailsWrapper {
    border-top: 1px solid #c3e4e8;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.5625rem;
    padding-top: 1.3125rem;
}
@media screen and (min-width: 48rem) {
    #eventsFeed .right .eventsWrapper .eventCard .contentWrapper .contentWrapperInner .detailsWrapper {
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 1.5625rem;
    }
}
#eventsFeed .right .eventsWrapper .eventCard .contentWrapper .contentWrapperInner .detailsWrapper .infoWrapper {
    -ms-flex-positive: 1;
    display: -ms-flexbox;
    display: flex;
    flex-grow: 1;
    gap: 12px;
}
#eventsFeed .right .eventsWrapper .eventCard .contentWrapper .contentWrapperInner .detailsWrapper .infoWrapper div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}
#eventsFeed
    .right
    .eventsWrapper
    .eventCard
    .contentWrapper
    .contentWrapperInner
    .detailsWrapper
    .infoWrapper
    div
    .title {
    color: #003a65;
    display: -ms-flexbox;
    display: flex;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5rem;
}
@media screen and (min-width: 60rem) {
    #eventsFeed
        .right
        .eventsWrapper
        .eventCard
        .contentWrapper
        .contentWrapperInner
        .detailsWrapper
        .infoWrapper
        div
        .title {
        font-size: 1rem;
    }
}
#eventsFeed
    .right
    .eventsWrapper
    .eventCard
    .contentWrapper
    .contentWrapperInner
    .detailsWrapper
    .infoWrapper
    div
    .title:not(:last-of-type) {
    padding-bottom: 0.3125rem;
}
#eventsFeed
    .right
    .eventsWrapper
    .eventCard
    .contentWrapper
    .contentWrapperInner
    .detailsWrapper
    .infoWrapper
    div
    .title.icon.date:before,
#eventsFeed
    .right
    .eventsWrapper
    .eventCard
    .contentWrapper
    .contentWrapperInner
    .detailsWrapper
    .infoWrapper
    div
    .title.icon.duration:before,
#eventsFeed
    .right
    .eventsWrapper
    .eventCard
    .contentWrapper
    .contentWrapperInner
    .detailsWrapper
    .infoWrapper
    div
    .title.icon.location:before,
#eventsFeed
    .right
    .eventsWrapper
    .eventCard
    .contentWrapper
    .contentWrapperInner
    .detailsWrapper
    .infoWrapper
    div
    .title.icon.time:before {
    display: inline-block;
    font-family: Font Awesome\5 Free;
    width: 25px;
}
#eventsFeed
    .right
    .eventsWrapper
    .eventCard
    .contentWrapper
    .contentWrapperInner
    .detailsWrapper
    .infoWrapper
    div
    .title.icon.date:before {
    content: "\f133";
}
#eventsFeed
    .right
    .eventsWrapper
    .eventCard
    .contentWrapper
    .contentWrapperInner
    .detailsWrapper
    .infoWrapper
    div
    .title.icon.time:before {
    content: "\f017";
}
#eventsFeed
    .right
    .eventsWrapper
    .eventCard
    .contentWrapper
    .contentWrapperInner
    .detailsWrapper
    .infoWrapper
    div
    .title.icon.location:before {
    content: "\f041";
}
#eventsFeed
    .right
    .eventsWrapper
    .eventCard
    .contentWrapper
    .contentWrapperInner
    .detailsWrapper
    .infoWrapper
    div
    .title.icon.duration:before {
    content: "\f254";
}
#eventsFeed
    .right
    .eventsWrapper
    .eventCard
    .contentWrapper
    .contentWrapperInner
    .detailsWrapper
    .infoWrapper
    div
    .detail {
    color: #003a65;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
}
@media screen and (min-width: 60rem) {
    #eventsFeed
        .right
        .eventsWrapper
        .eventCard
        .contentWrapper
        .contentWrapperInner
        .detailsWrapper
        .infoWrapper
        div
        .detail {
        font-size: 1rem;
    }
}
#eventsFeed
    .right
    .eventsWrapper
    .eventCard
    .contentWrapper
    .contentWrapperInner
    .detailsWrapper
    .infoWrapper
    div
    .detail:not(:last-of-type) {
    padding-bottom: 0.3125rem;
}
#eventsFeed
    .right
    .eventsWrapper
    .eventCard
    .contentWrapper
    .contentWrapperInner
    .detailsWrapper
    .additionalPointsWrapper {
    border: 2px solid #c3e4e8;
    border-radius: 5px;
    padding: 0.625rem;
}
@media screen and (min-width: 60rem) {
    #eventsFeed
        .right
        .eventsWrapper
        .eventCard
        .contentWrapper
        .contentWrapperInner
        .detailsWrapper
        .additionalPointsWrapper {
        padding: 0.9375rem;
    }
}
#eventsFeed
    .right
    .eventsWrapper
    .eventCard
    .contentWrapper
    .contentWrapperInner
    .detailsWrapper
    .additionalPointsWrapper
    ul {
    -ms-flex-pack: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 5px;
    height: 100%;
    justify-content: center;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#eventsFeed
    .right
    .eventsWrapper
    .eventCard
    .contentWrapper
    .contentWrapperInner
    .detailsWrapper
    .additionalPointsWrapper
    li {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    font-size: 1rem;
    font-weight: 700;
    gap: 8px;
    line-height: 1.5rem;
}
#eventsFeed
    .right
    .eventsWrapper
    .eventCard
    .contentWrapper
    .contentWrapperInner
    .detailsWrapper
    .additionalPointsWrapper
    .title {
    color: #003a65;
    display: -ms-flexbox;
    display: flex;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5rem;
}
@media screen and (min-width: 60rem) {
    #eventsFeed
        .right
        .eventsWrapper
        .eventCard
        .contentWrapper
        .contentWrapperInner
        .detailsWrapper
        .additionalPointsWrapper
        .title {
        font-size: 1rem;
    }
}
#eventsFeed
    .right
    .eventsWrapper
    .eventCard
    .contentWrapper
    .contentWrapperInner
    .detailsWrapper
    .additionalPointsWrapper
    .title:not(:last-of-type) {
    padding-bottom: 0.3125rem;
}
#eventsFeed
    .right
    .eventsWrapper
    .eventCard
    .contentWrapper
    .contentWrapperInner
    .detailsWrapper
    .additionalPointsWrapper
    .title.icon.child:before,
#eventsFeed
    .right
    .eventsWrapper
    .eventCard
    .contentWrapper
    .contentWrapperInner
    .detailsWrapper
    .additionalPointsWrapper
    .title.icon.exclamation:before,
#eventsFeed
    .right
    .eventsWrapper
    .eventCard
    .contentWrapper
    .contentWrapperInner
    .detailsWrapper
    .additionalPointsWrapper
    .title.icon.star:before {
    display: inline-block;
    font-family: Font Awesome\5 Free;
    width: 25px;
}
#eventsFeed
    .right
    .eventsWrapper
    .eventCard
    .contentWrapper
    .contentWrapperInner
    .detailsWrapper
    .additionalPointsWrapper
    .title.icon.star:before {
    content: "\f005";
}
#eventsFeed
    .right
    .eventsWrapper
    .eventCard
    .contentWrapper
    .contentWrapperInner
    .detailsWrapper
    .additionalPointsWrapper
    .title.icon.child:before {
    content: "\f1ae";
}
#eventsFeed
    .right
    .eventsWrapper
    .eventCard
    .contentWrapper
    .contentWrapperInner
    .detailsWrapper
    .additionalPointsWrapper
    .title.icon.exclamation:before {
    content: "\f06a";
}
#eventsFeed .spinnerBox {
    -ms-grid-column-span: 2;
    display: block;
    grid-column: span 2 / span 2;
    margin: 3rem 0;
    text-align: center;
}
#eventsFeed .spinnerBox span {
    -webkit-animation: rotate 1s linear infinite;
    animation: rotate 1s linear infinite;
    color: #0080a5;
    font-size: 3.75rem;
}
#eventsFeed .spinnerBox span:after {
    content: "\f110";
}
#eventSwiper.blueBg {
    background-color: #cee7f7;
    margin: 0;
    padding: 50px 0;
}
@media screen and (min-width: 48rem) {
    #eventSwiper.blueBg {
        padding: 100px 0 50px;
    }
}
#eventSwiper.lightBlueBg {
    background-color: #f1f9fe;
    margin: 0;
    padding: 50px 0;
}
@media screen and (min-width: 48rem) {
    #eventSwiper.lightBlueBg {
        padding: 80px 0;
    }
}
@media screen and (min-width: 60rem) {
    #eventSwiper {
        -ms-flex-direction: row;
        flex-direction: row;
    }
}
#eventSwiper .eventSwiperWrapper {
    -ms-flex-positive: 1;
    flex-grow: 1;
}
#eventSwiper .eventSwiperWrapper h2 {
    color: #fff;
    padding-bottom: 2.5rem;
}
#eventSwiper .eventSwiperWrapper.pressOfficeEvents h2 {
    color: #051435;
    padding-bottom: 2.8125rem;
}
#eventSwiper .eventSwiperWrapper .eventFilterButtons {
    -ms-grid-columns: (minmax(0, 1fr)) [2];
    border-bottom: 1px solid #ccdbe5;
    display: -ms-grid;
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding-bottom: 2.1875rem;
}
@media screen and (min-width: 48rem) {
    #eventSwiper .eventSwiperWrapper .eventFilterButtons {
        display: -ms-flexbox;
        display: flex;
    }
}
#eventSwiper .eventSwiperWrapper .eventFilterButtons button {
    -ms-flex-pack: justify;
    -ms-flex-align: center;
    -ms-flex-negative: 0;
    -ms-flex-pack: center;
    -ms-flex-positive: 1;
    align-items: center;
    border: 1px solid #4a4a4a;
    border-radius: 5px;
    color: #4a4a4a;
    display: -ms-flexbox;
    display: flex;
    flex-grow: 1;
    flex-shrink: 0;
    font-family:
        Derailed-Regular,
        Raleway-Regular,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    height: 3.125rem;
    justify-content: space-between;
    justify-content: center;
    line-height: 1.5rem;
    padding: 0 1.25rem;
}
#eventSwiper .eventSwiperWrapper .eventResultsDisplay {
    -ms-flex-pack: justify;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding: 1.25rem 0;
}
#eventSwiper .eventSwiperWrapper .eventResultsDisplay #eventFilters {
    background: #fff;
    border: 1px solid #4a4a4a;
    border-radius: 5px;
    color: #4a4a4a;
    font-family:
        Derailed-Regular,
        Raleway-Regular,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.3125rem;
    padding: 0.3125rem 0.625rem;
}
#eventSwiper .eventSwiperWrapper .eventsWrapper .swiperWrapper {
    position: relative;
}
#eventSwiper .eventSwiperWrapper .eventsWrapper .swiperWrapper .whiteCta {
    background: #fff;
    border: 1px solid #003a65;
    color: #003a65;
    margin-top: 1.875rem;
    width: 100%;
}
@media screen and (min-width: 48rem) {
    #eventSwiper .eventSwiperWrapper .eventsWrapper .swiperWrapper .whiteCta {
        margin-top: 2.5rem;
        width: 50%;
    }
}
@media screen and (min-width: 60rem) {
    #eventSwiper .eventSwiperWrapper .eventsWrapper .swiperWrapper .whiteCta {
        width: 33.33%;
    }
}
#eventSwiper .eventSwiperWrapper .eventsWrapper .swiperWrapper .whiteCta:after {
    content: "\f061";
}
#eventSwiper .eventSwiperWrapper .eventsWrapper .eventCard {
    background-color: #fff;
    border: 2px solid #003a65;
    border-radius: 5px;
    height: 420px;
    margin-bottom: 15px;
    margin-top: 15px;
    overflow: hidden;
}
@media screen and (min-width: 60rem) {
    #eventSwiper .eventSwiperWrapper .eventsWrapper .eventCard {
        height: 420px;
    }
}
#eventSwiper .eventSwiperWrapper .eventsWrapper .course-page .requirementWidget .eventCard.selectWrapper.open:focus,
#eventSwiper .eventSwiperWrapper .eventsWrapper .dataWidget .eventCard.nice-select.open:focus,
#eventSwiper .eventSwiperWrapper .eventsWrapper .eventCard:focus:active,
.course-page .requirementWidget #eventSwiper .eventSwiperWrapper .eventsWrapper .eventCard.selectWrapper.open:focus,
.dataWidget #eventSwiper .eventSwiperWrapper .eventsWrapper .eventCard.nice-select.open:focus {
    background-color: #fff;
}
#eventSwiper .eventSwiperWrapper .eventsWrapper .eventCard:hover {
    border-color: #0073bc;
    cursor: pointer;
    text-decoration: none;
}
#eventSwiper .eventSwiperWrapper .eventsWrapper .eventCard:hover .imageWrapper h3 {
    text-decoration: underline;
}
#eventSwiper .eventSwiperWrapper .eventsWrapper .eventCard:hover .imageWrapper h3:after {
    display: inline-block;
    left: 0.625rem;
}
#eventSwiper .eventSwiperWrapper .eventsWrapper .eventCard:focus {
    background-color: #fff;
    outline: 4px dashed #007494;
    text-decoration: none;
}
#eventSwiper .eventSwiperWrapper .eventsWrapper .eventCard .imageWrapper {
    background-color: #003a65;
    height: 8.125rem;
    padding: 0.625rem;
}
#eventSwiper .eventSwiperWrapper .eventsWrapper .eventCard .imageWrapper h3 {
    color: #fff;
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1.125rem;
    padding: 0;
    position: relative;
}
#eventSwiper .eventSwiperWrapper .eventsWrapper .eventCard .imageWrapper h3:after {
    content: "\f061";
    font-family: Font Awesome\5 Free;
    left: 0;
    padding-left: 5px;
    position: relative;
    -webkit-transition: left 0.3s ease-in-out;
    transition: left 0.3s ease-in-out;
}
#eventSwiper .eventSwiperWrapper .eventsWrapper .eventCard .imageWrapper .alertWrapper {
    bottom: -20px;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
#eventSwiper .eventSwiperWrapper .eventsWrapper .eventCard .imageWrapper .alertWrapper .alertInner {
    -webkit-font-feature-settings:
        "clig" off,
        "liga" off;
    font-feature-settings:
        "clig" off,
        "liga" off;
    -ms-flex-align: center;
    -ms-flex-pack: center;
    align-items: center;
    background: #b6f9cd;
    border: 4px solid #fff;
    border-radius: 40px;
    color: #00523e;
    display: -ms-flexbox;
    display: flex;
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 0.9375rem;
    font-size: 15px;
    height: 45px;
    justify-content: center;
    min-width: 250px;
    padding: 0 0.625rem;
}
#eventSwiper .eventSwiperWrapper .eventsWrapper .eventCard .imageWrapper .alertWrapper .alertInner span {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}
#eventSwiper .eventSwiperWrapper .eventsWrapper .eventCard .imageWrapper .alertWrapper .alertInner span:before {
    content: "\f06a";
    font-family: Font Awesome\5 Free;
    font-size: 1.25rem;
    padding-right: 5px;
}
#eventSwiper .eventSwiperWrapper .eventsWrapper .eventCard .contentWrapper {
    padding: 0.625rem;
}
@media screen and (min-width: 48rem) {
    #eventSwiper .eventSwiperWrapper .eventsWrapper .eventCard .contentWrapper {
        padding: 0.625rem;
    }
}
@media screen and (min-width: 60rem) {
    #eventSwiper .eventSwiperWrapper .eventsWrapper .eventCard .contentWrapper {
        padding: 0.625rem;
    }
}
#eventSwiper .eventSwiperWrapper .eventsWrapper .eventCard .contentWrapper:active,
#eventSwiper
    .eventSwiperWrapper
    .eventsWrapper
    .eventCard
    .course-page
    .requirementWidget
    .contentWrapper.selectWrapper.open,
#eventSwiper .eventSwiperWrapper .eventsWrapper .eventCard .dataWidget .contentWrapper.nice-select.open,
.course-page
    .requirementWidget
    #eventSwiper
    .eventSwiperWrapper
    .eventsWrapper
    .eventCard
    .contentWrapper.selectWrapper.open,
.dataWidget #eventSwiper .eventSwiperWrapper .eventsWrapper .eventCard .contentWrapper.nice-select.open {
    background-color: transparent;
}
#eventSwiper .eventSwiperWrapper .eventsWrapper .eventCard .contentWrapper .contentWrapperInner p {
    color: #4a4a4a;
    font-family:
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 0.875rem;
    height: 7.8125rem;
    line-height: 1.5rem;
    padding-top: 0;
}
@media screen and (min-width: 48rem) {
    #eventSwiper .eventSwiperWrapper .eventsWrapper .eventCard .contentWrapper .contentWrapperInner p {
        height: 7.1875rem;
    }
}
@media screen and (min-width: 60rem) {
    #eventSwiper .eventSwiperWrapper .eventsWrapper .eventCard .contentWrapper .contentWrapperInner p {
        font-size: 1rem;
        height: 7.1875rem;
    }
}
#eventSwiper .eventSwiperWrapper .eventsWrapper .eventCard .contentWrapper .contentWrapperInner .detailsWrapper svg {
    margin-top: 1px;
}
#eventSwiper
    .eventSwiperWrapper
    .eventsWrapper
    .eventCard
    .contentWrapper
    .contentWrapperInner
    .detailsWrapper
    svg.date,
#eventSwiper
    .eventSwiperWrapper
    .eventsWrapper
    .eventCard
    .contentWrapper
    .contentWrapperInner
    .detailsWrapper
    svg.time {
    min-width: 15px;
    width: 15px;
}
#eventSwiper
    .eventSwiperWrapper
    .eventsWrapper
    .eventCard
    .contentWrapper
    .contentWrapperInner
    .detailsWrapper
    svg.location {
    min-width: 16px;
    width: 16px;
}
#eventSwiper
    .eventSwiperWrapper
    .eventsWrapper
    .eventCard
    .contentWrapper
    .contentWrapperInner
    .detailsWrapper
    .individualDetail {
    display: -ms-flexbox;
    display: flex;
}
#eventSwiper
    .eventSwiperWrapper
    .eventsWrapper
    .eventCard
    .contentWrapper
    .contentWrapperInner
    .detailsWrapper
    .individualDetail
    .detail {
    color: #003a65;
    display: block;
    font-size: 0.875rem;
    line-height: 1.5rem;
    margin-left: 0.3125rem;
    padding-right: 0.5rem;
}
@media screen and (min-width: 60rem) {
    #eventSwiper
        .eventSwiperWrapper
        .eventsWrapper
        .eventCard
        .contentWrapper
        .contentWrapperInner
        .detailsWrapper
        .individualDetail
        .detail {
        font-size: 1rem;
    }
}
#eventSwiper
    .eventSwiperWrapper
    .eventsWrapper
    .eventCard
    .contentWrapper
    .contentWrapperInner
    .detailsWrapper
    .individualDetail
    .detail:not(:last-of-type) {
    padding-bottom: 0.3125rem;
}
#eventSwiper
    .eventSwiperWrapper
    .eventsWrapper
    .eventCard
    .contentWrapper
    .contentWrapperInner
    .additionalPointsWrapper {
    border: 1px solid #c3e4e8;
    border-radius: 5px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 1.25rem;
    padding: 0.625rem;
    row-gap: 5px;
}
@media screen and (min-width: 40rem) {
    #eventSwiper
        .eventSwiperWrapper
        .eventsWrapper
        .eventCard
        .contentWrapper
        .contentWrapperInner
        .additionalPointsWrapper {
        padding: 1.25rem;
    }
}
#eventSwiper
    .eventSwiperWrapper
    .eventsWrapper
    .eventCard
    .contentWrapper
    .contentWrapperInner
    .additionalPointsWrapper:not(:has(.additionalPoint)) {
    display: none;
}
#eventSwiper
    .eventSwiperWrapper
    .eventsWrapper
    .eventCard
    .contentWrapper
    .contentWrapperInner
    .additionalPointsWrapper
    .additionalPoint {
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 5px;
    -moz-column-gap: 5px;
    column-gap: 5px;
    display: -ms-flexbox;
    display: flex;
}
#eventSwiper
    .eventSwiperWrapper
    .eventsWrapper
    .eventCard
    .contentWrapper
    .contentWrapperInner
    .additionalPointsWrapper
    .additionalPoint
    span {
    color: #003a65;
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 0.875rem;
}
@media screen and (min-width: 40rem) {
    #eventSwiper
        .eventSwiperWrapper
        .eventsWrapper
        .eventCard
        .contentWrapper
        .contentWrapperInner
        .additionalPointsWrapper
        .additionalPoint
        span {
        font-size: 0.9375rem;
    }
}
#eventSwiper
    .eventSwiperWrapper
    .eventsWrapper
    .eventCard
    .contentWrapper
    .contentWrapperInner
    .additionalPointsWrapper
    .additionalPoint
    svg.onlineViewing {
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start;
    margin-top: 2px;
}
#eventSwiper .eventSwiperWrapper .eventsWrapper .eventCard.pressOfficeEvent {
    border: 2px solid #92acca;
    border-radius: 10px;
    height: 490px;
    padding: 0.625rem;
}
#eventSwiper .eventSwiperWrapper .eventsWrapper .eventCard.pressOfficeEvent:hover {
    border-color: #0073bc;
    cursor: pointer;
    text-decoration: none;
}
#eventSwiper
    .eventSwiperWrapper
    .eventsWrapper
    .eventCard.pressOfficeEvent:hover
    .contentWrapper
    .contentWrapperInner
    h3 {
    text-decoration: underline;
}
#eventSwiper
    .eventSwiperWrapper
    .eventsWrapper
    .eventCard.pressOfficeEvent:hover
    .contentWrapper
    .contentWrapperInner
    h3:after {
    content: "";
    display: inline-block;
    left: 0.625rem;
}
#eventSwiper .eventSwiperWrapper .eventsWrapper .eventCard.pressOfficeEvent .imageWrapper {
    border-radius: 5px;
    height: 170px;
    overflow: hidden;
    padding: 0;
    position: relative;
}
#eventSwiper .eventSwiperWrapper .eventsWrapper .eventCard.pressOfficeEvent .imageWrapper img {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
}
#eventSwiper .eventSwiperWrapper .eventsWrapper .eventCard.pressOfficeEvent .contentWrapper {
    height: 300px;
    padding: 0;
}
#eventSwiper .eventSwiperWrapper .eventsWrapper .eventCard.pressOfficeEvent .contentWrapper .contentWrapperInner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
}
#eventSwiper .eventSwiperWrapper .eventsWrapper .eventCard.pressOfficeEvent .contentWrapper .contentWrapperInner h3 {
    color: #0073bc;
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1rem;
    line-height: normal;
    padding: 0.625rem 0;
}
@media screen and (min-width: 60rem) {
    #eventSwiper
        .eventSwiperWrapper
        .eventsWrapper
        .eventCard.pressOfficeEvent
        .contentWrapper
        .contentWrapperInner
        h3 {
        font-size: 1.125rem;
    }
}
#eventSwiper
    .eventSwiperWrapper
    .eventsWrapper
    .eventCard.pressOfficeEvent
    .contentWrapper
    .contentWrapperInner
    h3:after {
    content: "";
    font-family: Font Awesome\5 Free;
    left: 0;
    padding-left: 5px;
    position: relative;
    -webkit-transition: left 0.3s ease-in-out;
    transition: left 0.3s ease-in-out;
}
#eventSwiper .eventSwiperWrapper .eventsWrapper .eventCard.pressOfficeEvent .contentWrapper .contentWrapperInner p {
    font-size: 0.875rem;
    height: auto;
    padding: 0;
}
@media screen and (min-width: 60rem) {
    #eventSwiper .eventSwiperWrapper .eventsWrapper .eventCard.pressOfficeEvent .contentWrapper .contentWrapperInner p {
        font-size: 1rem;
    }
}
#eventSwiper
    .eventSwiperWrapper
    .eventsWrapper
    .eventCard.pressOfficeEvent
    .contentWrapper
    .contentWrapperInner
    .detailsWrapper {
    margin-top: auto;
}
#eventSwiper
    .eventSwiperWrapper
    .eventsWrapper
    .eventCard.pressOfficeEvent
    .contentWrapper
    .contentWrapperInner
    .detailsWrapper
    p {
    color: #003a65;
    padding-bottom: 0.625rem;
}
#eventSwiper .eventSwiperWrapper .eventsWrapper .slider-next {
    cursor: pointer;
    height: 40px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10;
}
@media screen and (min-width: 40rem) {
    #eventSwiper .eventSwiperWrapper .eventsWrapper .slider-next {
        right: 50px;
    }
}
@media screen and (min-width: 48rem) {
    #eventSwiper .eventSwiperWrapper .eventsWrapper .slider-next {
        right: 5px;
        -webkit-transform: translateY(-50%) scale(1.25);
        transform: translateY(-50%) scale(1.25);
    }
}
@media screen and (min-width: 60rem) {
    #eventSwiper .eventSwiperWrapper .eventsWrapper .slider-next {
        right: 15px;
        -webkit-transform: translateY(-50%) scale(1.4);
        transform: translateY(-50%) scale(1.4);
    }
}
@media screen and (min-width: 75rem) {
    #eventSwiper .eventSwiperWrapper .eventsWrapper .slider-next {
        right: 30px;
        -webkit-transform: translateY(-50%) scale(1.6);
        transform: translateY(-50%) scale(1.6);
    }
}
#eventSwiper .eventSwiperWrapper .eventsWrapper .slider-prev {
    cursor: pointer;
    height: 40px;
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
    z-index: 10;
}
@media screen and (min-width: 40rem) {
    #eventSwiper .eventSwiperWrapper .eventsWrapper .slider-prev {
        left: 50px;
    }
}
@media screen and (min-width: 48rem) {
    #eventSwiper .eventSwiperWrapper .eventsWrapper .slider-prev {
        left: 5px;
        -webkit-transform: translateY(-50%) scale(1.25) rotate(180deg);
        transform: translateY(-50%) scale(1.25) rotate(180deg);
    }
}
@media screen and (min-width: 60rem) {
    #eventSwiper .eventSwiperWrapper .eventsWrapper .slider-prev {
        left: 15px;
        -webkit-transform: translateY(-50%) scale(1.4) rotate(180deg);
        transform: translateY(-50%) scale(1.4) rotate(180deg);
    }
}
@media screen and (min-width: 75rem) {
    #eventSwiper .eventSwiperWrapper .eventsWrapper .slider-prev {
        left: 30px;
        -webkit-transform: translateY(-50%) scale(1.6) rotate(180deg);
        transform: translateY(-50%) scale(1.6) rotate(180deg);
    }
}
#eventSwiper.articleSwiper .eventSwiperWrapper .eventsWrapper .slider-next {
    cursor: pointer;
    height: 40px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10;
}
@media screen and (min-width: 40rem) {
    #eventSwiper.articleSwiper .eventSwiperWrapper .eventsWrapper .slider-next {
        right: 0;
    }
}
@media screen and (min-width: 48rem) {
    #eventSwiper.articleSwiper .eventSwiperWrapper .eventsWrapper .slider-next {
        right: 5px;
        -webkit-transform: translateY(-50%) scale(1.25);
        transform: translateY(-50%) scale(1.25);
    }
}
@media screen and (min-width: 60rem) {
    #eventSwiper.articleSwiper .eventSwiperWrapper .eventsWrapper .slider-next {
        right: 15px;
        -webkit-transform: translateY(-50%) scale(1.4);
        transform: translateY(-50%) scale(1.4);
    }
}
@media screen and (min-width: 75rem) {
    #eventSwiper.articleSwiper .eventSwiperWrapper .eventsWrapper .slider-next {
        right: 30px;
        -webkit-transform: translateY(-50%) scale(1.6);
        transform: translateY(-50%) scale(1.6);
    }
}
#eventSwiper.articleSwiper .eventSwiperWrapper .eventsWrapper .slider-prev {
    cursor: pointer;
    height: 40px;
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
    z-index: 10;
}
@media screen and (min-width: 40rem) {
    #eventSwiper.articleSwiper .eventSwiperWrapper .eventsWrapper .slider-prev {
        left: 0;
    }
}
@media screen and (min-width: 48rem) {
    #eventSwiper.articleSwiper .eventSwiperWrapper .eventsWrapper .slider-prev {
        left: 5px;
        -webkit-transform: translateY(-50%) scale(1.25) rotate(180deg);
        transform: translateY(-50%) scale(1.25) rotate(180deg);
    }
}
@media screen and (min-width: 60rem) {
    #eventSwiper.articleSwiper .eventSwiperWrapper .eventsWrapper .slider-prev {
        left: 15px;
        -webkit-transform: translateY(-50%) scale(1.4) rotate(180deg);
        transform: translateY(-50%) scale(1.4) rotate(180deg);
    }
}
@media screen and (min-width: 75rem) {
    #eventSwiper.articleSwiper .eventSwiperWrapper .eventsWrapper .slider-prev {
        left: 30px;
        -webkit-transform: translateY(-50%) scale(1.6) rotate(180deg);
        transform: translateY(-50%) scale(1.6) rotate(180deg);
    }
}
#eventSwiper.articleSwiper .cta:after,
#eventSwiper.articleSwiper .gallery.mediaGallery .buttons .btn:after,
.gallery.mediaGallery .buttons #eventSwiper.articleSwiper .btn:after {
    content: "\f061";
    right: 1rem;
}
#eventSwiper.articleSwiper .cta:hover:after,
#eventSwiper.articleSwiper .gallery.mediaGallery .buttons .btn:hover:after,
.gallery.mediaGallery .buttons #eventSwiper.articleSwiper .btn:hover:after {
    right: 1.25rem;
}
#eventSwiper .spinnerBox {
    -ms-grid-column-span: 2;
    display: block;
    grid-column: span 2 / span 2;
    margin: 3rem 0;
    text-align: center;
}
#eventSwiper .spinnerBox span {
    -webkit-animation: rotate 1s linear infinite;
    animation: rotate 1s linear infinite;
    color: #0080a5;
    font-size: 3.75rem;
}
#eventSwiper .spinnerBox span:after {
    content: "\f110";
}
.contentContainer {
    display: -ms-flexbox;
    display: flex;
}
.contentContainer #searchFilterSideBar {
    background: #fff;
    display: none;
    height: 100vh;
    left: 0;
    margin: 0;
    max-width: 100%;
    min-width: 20%;
    overflow-x: hidden;
    overflow-y: hidden;
    padding: 3.125rem 1.875rem;
    position: fixed;
    top: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: 0.5s;
    transition: 0.5s;
    width: 100%;
    z-index: 1000;
}
.contentContainer #searchFilterSideBar.open {
    display: block;
    overflow-y: scroll;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: 1s;
    transition: 1s;
}
@media screen and (min-width: 48rem) {
    .contentContainer #searchFilterSideBar {
        display: none;
        left: 0;
        max-width: 100%;
        padding: 6.125rem 1.875rem;
        position: fixed;
        top: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        width: 100%;
        z-index: 1000;
    }
    .contentContainer #searchFilterSideBar.open {
        display: block;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: 1s;
        transition: 1s;
    }
}
@media screen and (min-width: 60rem) {
    .contentContainer #searchFilterSideBar {
        display: block;
        height: 100vh;
        max-width: 21.5625rem;
        min-height: 100%;
        overflow-x: auto;
        padding: 0 1.875rem 6.125rem;
        position: sticky;
        -webkit-transform: none;
        transform: none;
        z-index: 2;
    }
}
.contentContainer #searchFilterSideBar .sideBarContainer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
}
@media screen and (min-width: 60rem) {
    .contentContainer #searchFilterSideBar .sideBarContainer {
        position: sticky;
        top: 3.625rem;
    }
}
.contentContainer #searchFilterSideBar .sideBarContainer #sideBarMenu::-webkit-scrollbar {
    height: 8px;
    width: 8px;
}
.contentContainer #searchFilterSideBar .sideBarContainer #sideBarMenu::-webkit-scrollbar-track {
    background: #e4f3f5;
    width: 12px;
}
.contentContainer #searchFilterSideBar .sideBarContainer #sideBarMenu::-webkit-scrollbar-thumb {
    background: #0073bc;
    border-radius: 4px;
}
.contentContainer #searchFilterSideBar .sideBarContainer #sideBarMenu::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0, 115, 188, 0.3);
}
.contentContainer #searchFilterSideBar .sideBarContainer #sideBarMenu::-webkit-scrollbar-corner {
    background: transparent;
}
@media screen and (min-width: 60rem) {
    .contentContainer #searchFilterSideBar .sideBarContainer #sideBarMenu {
        max-height: 40.625rem;
        overflow: auto;
        width: 100%;
    }
}
.contentContainer #searchFilterSideBar .sideBarContainer h3 {
    color: #003a65;
    font-family:
        Derailed-ExtraBold,
        Raleway-ExtraBold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1.6875rem;
    line-height: 1.97625rem;
}
@media screen and (min-width: 60rem) {
    .contentContainer #searchFilterSideBar .sideBarContainer h3 {
        padding-top: 1rem;
    }
}
.contentContainer #searchFilterSideBar .sideBarContainer button#clearFilters {
    color: #0073bc;
    font-weight: 600;
    text-align: left;
}
.contentContainer #searchFilterSideBar .sideBarContainer button#clearFilters:after {
    content: "\f00d";
    font-family: Font Awesome\5 Free;
}
.contentContainer #searchFilterSideBar .sideBarContainer button#clearFilters:hover {
    text-decoration: underline;
}
.contentContainer #searchFilterSideBar .sideBarContainer #clearFilters[data-filter-count="0"] {
    display: none;
}
.contentContainer #searchFilterSideBar .sideBarContainer .filterContainer {
    padding: 0.9375rem 0;
}
@media screen and (min-width: 60rem) {
    .contentContainer #searchFilterSideBar .sideBarContainer .filterContainer {
        margin-right: 18px;
    }
}
.contentContainer
    #searchFilterSideBar
    .sideBarContainer
    .filterContainer.expandable:hover
    .course-page
    .featured-content
    .module-title,
.contentContainer #searchFilterSideBar .sideBarContainer .filterContainer.expandable:hover h4,
.course-page
    .featured-content
    .contentContainer
    #searchFilterSideBar
    .sideBarContainer
    .filterContainer.expandable:hover
    .module-title {
    color: #0073bc;
}
.contentContainer #searchFilterSideBar .sideBarContainer .filterContainer.expandable:hover > button:after {
    color: #0073bc !important;
}
.contentContainer #searchFilterSideBar .sideBarContainer .filterContainer.expandable:not(.open) .dropdownContainer {
    display: none;
    padding-top: 0;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.contentContainer #searchFilterSideBar .sideBarContainer .filterContainer.expandable:not(.open) button:after {
    color: #003a65;
    content: "\f078";
    font-family: Font Awesome\5 Free;
}
.contentContainer #searchFilterSideBar .sideBarContainer .filterContainer.expandable.open .dropdownContainer {
    display: block;
    padding-top: 15px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.contentContainer #searchFilterSideBar .sideBarContainer .filterContainer.expandable.open > button:after {
    color: #003a65;
    content: "\f078";
    font-family: Font Awesome\5 Free;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.contentContainer #searchFilterSideBar .sideBarContainer .filterContainer.non-expandable {
    height: auto;
    overflow: visible;
    padding-top: 15px;
}
.contentContainer #searchFilterSideBar .sideBarContainer .filterContainer:not(:last-of-type) {
    border-bottom: 1px solid #c3e4e8;
}
.contentContainer #searchFilterSideBar .sideBarContainer .filterContainer button {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}
.contentContainer
    #searchFilterSideBar
    .sideBarContainer
    .filterContainer
    button
    .course-page
    .featured-content
    .module-title,
.contentContainer #searchFilterSideBar .sideBarContainer .filterContainer button h4,
.course-page
    .featured-content
    .contentContainer
    #searchFilterSideBar
    .sideBarContainer
    .filterContainer
    button
    .module-title {
    color: #003a65;
    display: -ms-flexbox;
    display: flex;
    font-family:
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1.125rem;
    font-weight: 700;
    padding: 0;
    width: 100%;
}
.contentContainer
    #searchFilterSideBar
    .sideBarContainer
    .filterContainer
    button
    .course-page
    .featured-content
    .module-title
    span,
.contentContainer #searchFilterSideBar .sideBarContainer .filterContainer button h4 span,
.course-page
    .featured-content
    .contentContainer
    #searchFilterSideBar
    .sideBarContainer
    .filterContainer
    button
    .module-title
    span {
    padding-left: 5px;
}
.contentContainer #searchFilterSideBar .sideBarContainer .filterContainer .dropdownContainer {
    padding-top: 15px;
}
.contentContainer #searchFilterSideBar .sideBarContainer .filterContainer .checkbox {
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 12px;
}
.contentContainer #searchFilterSideBar .sideBarContainer .filterContainer .checkbox input[type="checkbox"] {
    background: #fff;
    border: 1.5px solid #051435;
    border-radius: 5px;
    cursor: pointer;
    height: 24px;
    margin-right: 10px;
    min-height: 24px;
    min-width: 24px;
    width: 24px;
}
.contentContainer #searchFilterSideBar .sideBarContainer .filterContainer .checkbox input[type="checkbox"]:checked {
    accent-color: #0073bc;
}
.contentContainer #searchFilterSideBar .sideBarContainer .filterContainer .checkbox label {
    color: #4c4c4c;
    font-family:
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1rem;
    font-weight: 400;
}
.contentContainer #searchFilterSideBar .sideBarContainer .filterContainer#dateFilter .dateWrapper {
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 5px;
    -moz-column-gap: 5px;
    column-gap: 5px;
    display: -ms-flexbox;
    display: flex;
}
.contentContainer #searchFilterSideBar .sideBarContainer .filterContainer#dateFilter .dateWrapper:first-of-type {
    margin-bottom: 10px;
}
.contentContainer #searchFilterSideBar .sideBarContainer .filterContainer#dateFilter .dateWrapper label {
    color: #4c4c4c;
    font-size: 16px;
    font-weight: 700;
    white-space: nowrap;
    width: 2.5rem;
}
.contentContainer #searchFilterSideBar .sideBarContainer .filterContainer#dateFilter .dateWrapper input {
    background-color: #fff;
    border: 1px solid #051435;
    color: #4a4a4a;
    -ms-flex: 1;
    flex: 1;
    font-size: 16px;
    padding: 5px;
}
.contentContainer #searchFilterSideBar .sideBarContainer .filterContainer#dateFilter .dateWrapper .clear {
    height: 20px;
    width: 20px;
}
@media screen and (min-width: 60rem) {
    .contentContainer #searchFilterSideBar .sideBarCloseWrapper {
        display: none;
    }
}
.contentContainer #searchFilterSideBar .sideBarCloseWrapper button {
    -ms-flex-pack: justify;
    -ms-flex-align: center;
    -ms-flex-pack: center;
    align-items: center;
    border-radius: 10px;
    display: -ms-flexbox;
    display: flex;
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 0.875rem;
    justify-content: space-between;
    justify-content: center;
    line-height: 1.4375rem;
    padding: 0;
    width: 100%;
}
.contentContainer #searchFilterSideBar .sideBarCloseWrapper button .course-page .featured-content .module-title,
.contentContainer #searchFilterSideBar .sideBarCloseWrapper button h4,
.course-page .featured-content .contentContainer #searchFilterSideBar .sideBarCloseWrapper button .module-title {
    padding: 0;
}
.contentContainer #searchFilterSideBar .sideBarCloseWrapper button span:first-of-type {
    font-family:
        Derailed-Regular,
        Raleway-Regular,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    padding-right: 5px;
}
.contentContainer #searchFilterSideBar .sideBarCloseWrapper button span:nth-of-type(2) {
    font-family:
        Derailed-Regular,
        Raleway-Regular,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    padding-right: 3px;
}
.contentContainer #searchFilterSideBar .sideBarCloseWrapper button span:nth-of-type(3) {
    font-family:
        Derailed-Regular,
        Raleway-Regular,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
}
.contentContainer #searchFilterSideBar .sideBarCloseWrapper .gallery.mediaGallery .buttons button.btn:after,
.contentContainer #searchFilterSideBar .sideBarCloseWrapper button.cta:after,
.gallery.mediaGallery .buttons .contentContainer #searchFilterSideBar .sideBarCloseWrapper button.btn:after {
    content: "";
}
.contentContainer #searchFilterSideBar .sideBarCloseWrapper button:hover .course-page .featured-content .module-title,
.contentContainer #searchFilterSideBar .sideBarCloseWrapper button:hover h4,
.contentContainer #searchFilterSideBar .sideBarCloseWrapper button:hover span,
.course-page .featured-content .contentContainer #searchFilterSideBar .sideBarCloseWrapper button:hover .module-title {
    color: #fff;
}
.contentContainer #mainContent {
    margin: 0;
    width: 100%;
}
.contentContainer #mainContent #mobileSideBar {
    background: #fff;
    border-bottom: 1px solid var(--placeholder-for-image, #f5f4f4);
    border-radius: 0;
    -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    left: 0;
    padding: 0.625rem 0.9375rem;
    position: sticky;
    top: -1px;
    width: 100%;
    z-index: 10;
}
@media screen and (min-width: 60rem) {
    .contentContainer #mainContent #mobileSideBar {
        display: none;
    }
}
.contentContainer #mainContent #mobileSideBar.active {
    background: #003a65;
    height: 100vh;
    left: -2px;
    position: fixed;
    top: 0;
    z-index: 100;
}
.contentContainer #mainContent #mobileSideBar .mobileSidebarLinkContainer {
    list-style-type: none;
    margin: 1.5625rem 0.9375rem 1.875rem 0;
}
.contentContainer #mainContent #mobileSideBar a {
    background-color: inherit;
    color: #cce9ff;
    cursor: pointer;
    display: block;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1rem;
    margin: 0.75rem 0;
    padding: 0.1875rem 0 0.1875rem 0.9375rem;
    text-decoration: none;
    width: 100%;
}
.contentContainer #mainContent #mobileSideBar a.active {
    background-color: inherit;
    border-left: 2px solid #fff;
    color: #fff;
    left: -2px;
    position: relative;
}
.contentContainer #mainContent #mobileSideBar #mobileSideBarBurgerOpen h3 {
    font-size: 0.875rem;
    line-height: 1.4375rem;
}
.contentContainer #mainContent #mobileSideBar #mobileSideBarBurgerOpen span:before {
    color: #fff;
    content: "\f0ca";
    display: inline-block;
    font-family: Font Awesome\5 Free;
    font-size: 0.875rem;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    line-height: 1.4375rem;
    text-align: center;
    vertical-align: -0.125em;
}
.contentContainer #mainContent #mobileSideBar #mobileSideBarBurgerClose {
    border: 1px solid #fff;
}
.contentContainer #mainContent #mobileSideBar #mobileSideBarBurgerClose span:before {
    color: #fff;
    content: "\f00d";
    display: inline-block;
    font-family: Font Awesome\5 Free;
    font-size: 20px;
    font-style: normal;
    font-variant: normal;
    font-weight: 900;
    text-align: center;
    vertical-align: -0.125em;
}
.contentContainer #mainContent #mobileSideBar .mobileHeaderContainer button {
    -ms-flex-pack: justify;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    background-color: #0073bc;
    border-radius: 10px;
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    font-family:
        Derailed-Regular,
        Raleway-Regular,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1.125rem;
    font-weight: 700;
    justify-content: space-between;
    line-height: 1.3125rem;
    padding: 0.6875rem 1.25rem;
    width: 100%;
}
.contentContainer #mainContent #mobileSideBar .mobileHeaderContainer button:focus {
    outline: 4px dashed #007494;
}
.contentContainer #mainContent #mobileSideBar .mobileHeaderContainer button:hover {
    background-color: #051435;
}
.contentContainer #mainContent #mobileSideBar .mobileHeaderContainer h3 {
    color: #fff;
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-weight: 700;
    padding: 0;
}
.contentContainer #mainContent #mobileSideBar .menuFixed {
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.contentContainer #mainContent #mobileSideBar .preventScroll {
    overflow: hidden;
    pointer-events: none;
}
.contentContainer #mainContent .card.course-card {
    background: #fff;
    border: 2px solid #92acca;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 9px 0 #c0d3e8;
    box-shadow: 0 0 9px 0 #c0d3e8;
    padding: 1.25rem;
    text-decoration: none;
}
.contentContainer #mainContent .card.course-card:not(.shown) {
    display: none;
}
@media screen and (min-width: 60rem) {
    .contentContainer #mainContent .card.course-card {
        padding: 1.875rem;
    }
}
.contentContainer #mainContent .card.course-card:hover:not(.withdrawn) {
    background: #fff;
    border: 2px solid #0073bc;
    -webkit-box-shadow: 0 0 9px 0 #8ed8f8;
    box-shadow: 0 0 9px 0 #8ed8f8;
    cursor: pointer;
    text-decoration: none;
}
.contentContainer #mainContent .card.course-card:focus {
    background-color: transparent;
    outline: 4px dashed #007494;
    text-decoration: none;
}
.contentContainer #mainContent .card.course-card .card__details {
    margin-bottom: 0;
}
.contentContainer #mainContent .card.course-card .subjectAreaIcon {
    -ms-flex-align: center;
    align-items: center;
    border-radius: 100px;
    color: #003a65;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 1rem;
    font-weight: 600;
    gap: 10px;
    line-height: 1.5rem;
    margin-top: 0.9375rem;
    padding: 0.3125rem 0;
}
.contentContainer #mainContent .card.course-card .course-page .featured-content .module-title,
.contentContainer #mainContent .card.course-card h4,
.course-page .featured-content .contentContainer #mainContent .card.course-card .module-title {
    padding-bottom: 0.625rem;
}
.contentContainer #mainContent .card.course-card p {
    color: #4a4a4a;
    font-family:
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1rem;
}
.contentContainer #mainContent .card.course-card p.courseSubject {
    padding-bottom: 1.25rem;
}
.contentContainer #mainContent .card.course-card p.courseSubject span:not(.subject) {
    font-weight: 600;
}
.contentContainer #mainContent .card.course-card .card__details {
    width: 100%;
}
.contentContainer #mainContent .card.course-card .card__details.withdrawn .course-page .featured-content .module-title,
.contentContainer #mainContent .card.course-card .card__details.withdrawn h4,
.course-page .featured-content .contentContainer #mainContent .card.course-card .card__details.withdrawn .module-title {
    color: #4a4a4a;
}
.contentContainer
    #mainContent
    .card.course-card
    .card__details.withdrawn
    .course-page
    .featured-content
    .module-title:after,
.contentContainer #mainContent .card.course-card .card__details.withdrawn h4:after,
.course-page
    .featured-content
    .contentContainer
    #mainContent
    .card.course-card
    .card__details.withdrawn
    .module-title:after {
    content: "";
}
.contentContainer #mainContent .card.course-card .card__details.withdrawn p {
    color: #4a4a4a;
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1.125rem;
}
.contentContainer #mainContent .card.course-card .card__details.withdrawn p:before {
    color: #0080a5;
    content: "\f06a";
    font-family: Font Awesome\5 Free;
    padding-right: 5px;
}
.contentContainer #mainContent .card.course-card .card__details.withdrawn .expandable {
    -ms-flex-pack: justify;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #e5e5e5;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding-bottom: 0.625rem;
}
.contentContainer #mainContent .card.course-card .card__details.withdrawn .expandable span:after {
    background: #f1f1f1;
    border-radius: 100%;
    color: #0080a5;
    content: "\f067";
    font-family: Font Awesome\5 Free;
    padding: 5px;
}
.contentContainer #mainContent .courseSearchWrapper .searchCourse {
    border: 1px solid #051435;
    border-radius: 5px;
    position: relative;
    -webkit-transition: background-color 0.25s ease-in;
    transition: background-color 0.25s ease-in;
}
.contentContainer #mainContent .courseSearchWrapper .searchCourse:after {
    color: #003a65;
    content: "\f002";
    font-family: Font Awesome\5 Free;
    font-size: 1.5rem;
    left: 50%;
    opacity: 1;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}
@media screen and (min-width: 60rem) {
    .contentContainer #mainContent .courseSearchWrapper .searchCourse:after {
        font-size: 1.5rem;
    }
}
.contentContainer #mainContent .courseSearchWrapper .searchCourse:before {
    color: #fff;
    content: "\f002";
    font-family: Font Awesome\5 Free;
    font-size: 1.5rem;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}
@media screen and (min-width: 60rem) {
    .contentContainer #mainContent .courseSearchWrapper .searchCourse:before {
        font-size: 1.5rem;
    }
}
.contentContainer #mainContent .courseSearchWrapper .searchCourse:hover:after {
    opacity: 0;
}
.contentContainer #mainContent .courseSearchWrapper .searchCourse:hover:before {
    opacity: 1;
}
.contentContainer #mobileSidebarHeader {
    margin: 0 auto;
    max-width: 75rem;
    width: 100%;
}
@media screen and (max-width: 60rem) {
    .contentContainer #mobileSidebarHeader {
        background: #fff;
        padding-top: 0.625rem;
        position: sticky;
        top: 0;
        z-index: 10;
    }
}
@media screen and (min-width: 60rem) {
    .contentContainer #mobileSidebarHeader {
        margin-top: 0;
    }
}
.contentContainer #mobileSidebarHeader #searchPrompt {
    margin: 0;
}
@media screen and (min-width: 60rem) {
    .contentContainer #mobileSidebarHeader #searchPrompt {
        margin-top: 2.5rem;
    }
}
.contentContainer #mobileSidebarHeader .courseSearchWrapper {
    display: -ms-flexbox;
    display: flex;
    padding: 0 0.9375rem;
}
.contentContainer #mobileSidebarHeader .courseSearchWrapper .searchInput {
    -ms-flex-positive: 1;
    border: 1px solid #051435;
    color: #4a4a4a;
    flex-grow: 1;
    font-family:
        Derailed-Regular,
        Raleway-Regular,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1rem;
    font-weight: 600;
    margin-right: 0.625rem;
    padding: 0.625rem 1.25rem;
    width: auto;
}
@media screen and (min-width: 48rem) {
    .contentContainer #mobileSidebarHeader .courseSearchWrapper .searchInput {
        min-height: 52px;
    }
}
@media screen and (min-width: 60rem) {
    .contentContainer #mobileSidebarHeader .courseSearchWrapper .searchInput {
        font-size: 1.5625rem;
        min-height: 64px;
        padding: 0.6875rem 1.0625rem;
    }
}
.contentContainer #mobileSidebarHeader .courseSearchWrapper .searchInput:placeholder {
    font-weight: 400;
}
.contentContainer
    #mobileSidebarHeader
    .courseSearchWrapper
    .course-page
    .requirementWidget
    .searchInput.selectWrapper.open,
.contentContainer #mobileSidebarHeader .courseSearchWrapper .dataWidget .searchInput.nice-select.open,
.contentContainer #mobileSidebarHeader .courseSearchWrapper .searchInput:active,
.course-page
    .requirementWidget
    .contentContainer
    #mobileSidebarHeader
    .courseSearchWrapper
    .searchInput.selectWrapper.open,
.dataWidget .contentContainer #mobileSidebarHeader .courseSearchWrapper .searchInput.nice-select.open {
    border-color: #0073bc;
}
.contentContainer #mobileSidebarHeader .courseSearchWrapper button.searchCourse {
    height: 40px;
    width: 40px;
}
@media screen and (min-width: 48rem) {
    .contentContainer #mobileSidebarHeader .courseSearchWrapper button.searchCourse {
        height: 52px;
        width: 52px;
    }
}
@media screen and (min-width: 60rem) {
    .contentContainer #mobileSidebarHeader .courseSearchWrapper button.searchCourse {
        height: 64px;
        width: 64px;
    }
}
.contentContainer #mobileSidebarHeader .courseSearchWrapper button.searchCourse:after {
    padding: 0;
}
.contentContainer #mobileSidebarHeader .courseSearchWrapper button.searchCourse:hover {
    background-color: #051435;
}
.contentContainer #mobileSidebarHeader .courseSearchWrapper button.searchCourse:after:hover {
    color: #fff;
}
.contentContainer .searchResultCount {
    -ms-flex-pack: justify;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    font-size: 1rem;
    justify-content: space-between;
    padding: 1.875rem 0.9375rem;
}
.contentContainer .searchResultCount label {
    display: block;
    overflow: hidden;
    padding: 4px;
    position: relative;
}
.contentContainer .searchResultCount label:after {
    color: #003a65;
    content: "\f0d7";
    font-family: Font Awesome\5 Free;
    font-size: 1.25rem;
    pointer-events: none;
    position: absolute;
    right: 1rem;
    top: 13px;
}
.contentContainer .searchResultCount label:after:hover {
    color: #0073bc;
}
.contentContainer .searchResultCount label select {
    -ms-flex-pack: justify;
    -ms-flex-align: center;
    -ms-flex-negative: 0;
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    border: 1px solid #4a4a4a;
    border-radius: 5px;
    color: #4a4a4a;
    display: -ms-flexbox;
    display: flex;
    flex-shrink: 0;
    font-size: 1rem;
    justify-content: space-between;
    min-height: 3.25rem;
    min-width: 12.5rem;
    padding: 0.625rem 1.25rem;
}
.contentContainer .searchResultCount .resultCount {
    color: #003a65;
    font-weight: 600;
}
.contentContainer .searchResultCount .sort-by {
    color: #003a65;
    font-family:
        Derailed-ExtraBold,
        Raleway-ExtraBold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
}
.contentContainer .spinnerBox {
    -ms-grid-column-span: 2;
    display: block;
    grid-column: span 2 / span 2;
    margin: 3rem 0;
    text-align: center;
}
.contentContainer .spinnerBox span {
    -webkit-animation: rotate 1s linear infinite;
    animation: rotate 1s linear infinite;
    color: #0080a5;
    font-size: 3.75rem;
}
.contentContainer .spinnerBox span:after {
    content: "\f110";
}
.contentContainer .invisible {
    visibility: hidden;
}
#nhsApiContentWrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}
#nhsApiContentWrapper .nhsDataWrapper h3 {
    padding: 0 0 1.5rem;
}
#nhsApiContentWrapper .nhsDataWrapper li p {
    padding: 0;
}
#nhsApiContentWrapper .nhsDataWrapper ul {
    margin-left: 2rem;
    padding: 0 0 1.5rem;
}
#nhsApiContentWrapper #nhs_accreditation {
    -ms-flex-order: -9999;
    order: -9999;
}
.ctaFiltersWrapper {
    -ms-grid-columns: (minmax(0, 1fr)) [2];
    border-top: 1px solid #ccdbe5;
    display: -ms-grid;
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 2rem 0;
}
@media screen and (min-width: 48rem) {
    .ctaFiltersWrapper {
        -ms-grid-columns: (minmax(0, 1fr)) [3];
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media screen and (min-width: 60rem) {
    .ctaFiltersWrapper {
        -ms-grid-columns: (minmax(0, 1fr)) [4];
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}
.ctaFiltersWrapper .ctaFilter {
    font-weight: 400;
    margin: 0;
    text-align: center;
}
.ctaFiltersWrapper .ctaFilter.noIcon.link {
    border-width: 1px;
    font-size: 1rem;
    height: 2.5rem;
    padding: 0 1.25rem;
}
@media screen and (min-width: 60rem) {
    .ctaFiltersWrapper .ctaFilter.noIcon.link {
        height: 3.125rem;
    }
}
.ctaFiltersWrapper .ctaFilter.noIcon.link.active {
    background-color: #4a4a4a;
    color: #fff;
}
.resultsWrapper {
    -ms-flex-pack: justify;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding: 1.25rem 0;
}
.resultsWrapper #sortResults {
    background: #fff;
    border: 1px solid #003a65;
    border-radius: 5px;
    color: #4a4a4a;
    font-family:
        Derailed-Regular,
        Raleway-Regular,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1rem;
    font-weight: 400;
    padding: 1rem 1.875rem 1rem 1rem;
}
.resultsWrapper #sortResults:hover {
    border-color: #0073bc;
    color: #0073bc;
}
.search .submitSearch {
    background: url(/webtemplate/img/icons/ncuvision__icon-search_light.png) 50% no-repeat;
    border: none;
    border-radius: 0;
    color: transparent;
    cursor: pointer;
    display: inline-block;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-indent: 101%;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    white-space: nowrap;
    width: 100%;
}
@-webkit-keyframes slide-down-top {
    0% {
        height: 0;
    }
    to {
        height: 100%;
    }
}
@keyframes slide-down-top {
    0% {
        height: 0;
    }
    to {
        height: 100%;
    }
}
@-webkit-keyframes slide-in-left {
    0% {
        background-color: transparent;
        -webkit-transform: translateX(-150%);
        transform: translateX(-150%);
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes slide-in-left {
    0% {
        background-color: transparent;
        -webkit-transform: translateX(-150%);
        transform: translateX(-150%);
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
.eurus .parallax {
    margin: 0;
}
.eurus .parallax .parallax-effect-container {
    margin: 25px 13px;
    overflow: hidden;
}
@media screen and (min-width: 40rem) {
    .eurus .parallax .parallax-effect-container {
        display: block;
        height: 100%;
        margin: 0;
        min-height: 800px;
        position: relative;
    }
}
.eurus .parallax .parallax-effect-container .parallax-effect-content {
    background-color: #fff;
    position: relative;
}
@media screen and (min-width: 40rem) {
    .eurus .parallax .parallax-effect-container .parallax-effect-content {
        background-color: transparent;
        display: block;
        height: 100%;
        left: 0;
        max-width: 100%;
        padding: 16px;
        position: absolute;
        top: 50%;
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0);
        -webkit-transform-style: flat;
        transform-style: flat;
        width: 100%;
    }
}
.eurus .parallax .parallax-effect-container .parallax-effect-content .parallax-content-wrapper {
    left: 0;
    position: relative;
    top: 0;
}
@media screen and (min-width: 40rem) {
    .eurus .parallax .parallax-effect-container .parallax-effect-content .parallax-content-wrapper {
        background: hsla(0, 0%, 100%, 0.9);
        color: #4a4a4a;
        display: -ms-flexbox;
        display: flex;
        left: 20px;
        max-width: 35rem;
        overflow: hidden;
        padding: 1.875rem;
        position: absolute;
        top: 20px;
    }
}
@media screen and (min-width: 60rem) {
    .eurus .parallax .parallax-effect-container .parallax-effect-content .parallax-content-wrapper {
        font-size: 1.6875rem;
        left: 140px;
        max-width: 38.4375rem;
        padding: 1.9375rem 3.125rem;
        top: 110px;
    }
}
.eurus .parallax .parallax-effect-container .parallax-effect-content .parallax-content-wrapper .quote-line {
    background-color: #da1a35;
    min-height: 1000px;
    position: absolute;
    width: 10px;
}
.eurus .parallax .parallax-effect-container .parallax-effect-content .parallax-content-wrapper .quote-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 20px;
    position: relative;
}
.eurus
    .parallax
    .parallax-effect-container
    .parallax-effect-content
    .parallax-content-wrapper
    .quote-wrapper
    blockquote {
    border-left: 0;
    font-size: 1.3125rem;
    padding: 0;
}
@media screen and (min-width: 48rem) {
    .eurus
        .parallax
        .parallax-effect-container
        .parallax-effect-content
        .parallax-content-wrapper
        .quote-wrapper
        blockquote {
        font-size: 1.375rem;
    }
}
.eurus .parallax .parallax-effect-container .parallax-effect-content .parallax-content-wrapper .quote-wrapper svg {
    color: #da1a35;
    height: 30px;
    position: relative;
    width: 30px;
}
.eurus .parallax .parallax-effect-container .parallax-effect-content .parallax-content-wrapper .quote-wrapper p.name {
    color: #003a65;
    font-family:
        Derailed-ExtraBold,
        Raleway-ExtraBold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1.3125rem;
    font-weight: 800;
    font-weight: 700;
    padding-bottom: 0;
}
@media screen and (min-width: 48rem) {
    .eurus
        .parallax
        .parallax-effect-container
        .parallax-effect-content
        .parallax-content-wrapper
        .quote-wrapper
        p.name {
        font-size: 1.6875rem;
        max-width: 80%;
    }
}
.eurus
    .parallax
    .parallax-effect-container
    .parallax-effect-content
    .parallax-content-wrapper
    .quote-wrapper
    p.roleTitle {
    color: #003a65;
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1.3125rem;
}
@media screen and (min-width: 48rem) {
    .eurus
        .parallax
        .parallax-effect-container
        .parallax-effect-content
        .parallax-content-wrapper
        .quote-wrapper
        p.roleTitle {
        font-size: 1.6875rem;
        max-width: 80%;
    }
}
.eurus .parallax .parallax-effect-container .parallax-effect-image {
    display: none;
}
@media screen and (min-width: 40rem) {
    .eurus .parallax .parallax-effect-container .parallax-effect-image {
        background-attachment: scroll;
        background-attachment: fixed;
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        bottom: 0;
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
    }
}
.eurus .ctaBanner .bannerContainer {
    background-color: #003a65;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    position: relative;
    width: 100%;
}
@media screen and (min-width: 60rem) {
    .eurus .ctaBanner .bannerContainer {
        max-height: 25rem;
        min-height: 12.5rem;
    }
}
.eurus .ctaBanner .bannerContainer:before {
    background:
        -webkit-gradient(linear, right top, left top, from(rgba(142, 216, 248, 0.6)), to(rgba(0, 58, 101, 0.6))),
        url(<path-to-image>),
        #d3d3d3 50% / cover no-repeat;
    background:
        linear-gradient(270deg, rgba(142, 216, 248, 0.6), rgba(0, 58, 101, 0.6)),
        url(<path-to-image>),
        #d3d3d3 50% / cover no-repeat;
    background-blend-mode: normal, luminosity;
}
.eurus .ctaBanner .row {
    display: -ms-flexbox;
    display: flex;
}
.eurus .ctaBanner .banner-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1.25rem;
    width: 100%;
    z-index: 2;
}
@media screen and (min-width: 60rem) {
    .eurus .ctaBanner .banner-wrapper {
        -ms-flex-pack: justify;
        -ms-flex-direction: row;
        flex-direction: row;
        justify-content: space-between;
        padding: 2.5rem;
    }
}
.eurus .ctaBanner .banner-wrapper .text-container {
    color: #fff;
    padding-bottom: 1.25rem;
    width: 100%;
}
@media screen and (min-width: 60rem) {
    .eurus .ctaBanner .banner-wrapper .text-container {
        padding-bottom: 0;
    }
}
.eurus .ctaBanner .banner-wrapper .text-container h2 {
    color: #fff;
}
.eurus .ctaBanner .banner-wrapper .ctaContainer {
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%;
}
.eurus .ctaBanner .banner-wrapper .ctaContainer .ctaColumn {
    -ms-flex-pack: space-evenly;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    justify-content: space-evenly;
    max-width: 100%;
}
@media screen and (min-width: 60rem) {
    .eurus .ctaBanner .banner-wrapper .ctaContainer .ctaColumn {
        max-width: 80%;
        padding-left: 6.25rem;
    }
}
.eurus .ctaBanner .banner-wrapper .ctaContainer .ctaColumn .cta,
.eurus .ctaBanner .banner-wrapper .ctaContainer .ctaColumn .gallery.mediaGallery .buttons .btn,
.gallery.mediaGallery .buttons .eurus .ctaBanner .banner-wrapper .ctaContainer .ctaColumn .btn {
    margin: 0;
    width: 100%;
}
.eurus .ctaBanner .backgroundOverlay {
    background: -webkit-gradient(linear, right top, left top, from(#8ed8f8), to(#003a65));
    background: linear-gradient(270deg, #8ed8f8, #003a65);
    opacity: 0.6;
    z-index: 1;
}
.eurus .ctaBanner .backgroundOverlay,
.eurus .ctaBanner .image-overlay,
.eurus .ctaBanner .image-overlay img {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.eurus .ctaBanner .image-overlay img {
    -o-object-fit: cover;
    object-fit: cover;
}
.eurus h2 {
    padding-bottom: 1.875rem;
    padding-top: 0.625rem;
}
.eurus .media-carousel-swiper-wrapper {
    background-color: #003a65;
    color: #fff;
    padding: 1.25rem 0;
}
.eurus .media-carousel-swiper-wrapper h2 {
    color: #fff;
    padding-left: 15px !important;
}
.eurus .media-carousel-swiper-wrapper .media-carousel-swiper .slick-list {
    padding: 0 !important;
}
.eurus .media-carousel-swiper-wrapper .media-carousel-swiper .slick-list .slick-slide {
    height: auto;
    padding: 0 10px;
}
.eurus
    .media-carousel-swiper-wrapper
    .media-carousel-swiper
    .slick-list
    .slick-slide:not(.slick-current)
    div:first-of-type:before {
    background-color: rgba(0, 58, 101, 0.7);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.eurus
    .media-carousel-swiper-wrapper
    .media-carousel-swiper
    .slick-list
    .slick-slide:not(.slick-current)
    .carouselDescription {
    visibility: hidden;
}
.eurus .media-carousel-swiper-wrapper .media-carousel-swiper .slick-list .slick-slide .carouselDescription {
    border-left: 10px solid #da1a35;
    font-size: 1rem;
    font-weight: 700;
    margin: 1.25rem 0;
    padding-left: 0.625rem;
}
.eurus .media-carousel-swiper-wrapper .media-carousel-swiper .slick-list .slick-slide .carouselDescription a {
    color: #29b7ea;
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1rem;
    font-weight: 700;
}
.eurus .media-carousel-swiper-wrapper .media-carousel-swiper .slick-list .slick-slide .carouselDescription a:after {
    content: "\f054";
    font-size: 1.03125rem;
    left: 0.6875rem;
    position: relative;
    top: -0.14375rem;
    -webkit-transition: left 0.3s ease-in-out;
    transition: left 0.3s ease-in-out;
}
.eurus .media-carousel-swiper-wrapper .media-carousel-swiper .slick-list .slick-slide .carouselDescription a:hover {
    text-decoration: none;
}
.eurus
    .media-carousel-swiper-wrapper
    .media-carousel-swiper
    .slick-list
    .slick-slide
    .carouselDescription
    a:hover:after {
    left: 1.25rem;
}
.eurus .media-carousel-swiper-wrapper .media-carousel-swiper .slick-list .slick-slide .carouselDescription p {
    font-family:
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1rem;
    font-weight: 700;
    padding: 0 0 5px;
}
.eurus .media-carousel-swiper-wrapper .media-carousel-swiper .slider-prev {
    color: #8ed8f8;
    cursor: pointer;
    left: 5%;
    position: absolute;
    top: 30%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 42px;
    z-index: 1;
}
@media screen and (min-width: 40rem) {
    .eurus .media-carousel-swiper-wrapper .media-carousel-swiper .slider-prev {
        left: 3%;
        top: 40%;
        width: 50px;
    }
}
@media screen and (min-width: 60rem) {
    .eurus .media-carousel-swiper-wrapper .media-carousel-swiper .slider-prev {
        left: 15%;
        top: 33%;
        width: 55px;
    }
}
.eurus .media-carousel-swiper-wrapper .media-carousel-swiper .slider-next {
    color: #8ed8f8;
    cursor: pointer;
    position: absolute;
    right: 5%;
    top: 30%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 42px;
    z-index: 1;
}
@media screen and (min-width: 40rem) {
    .eurus .media-carousel-swiper-wrapper .media-carousel-swiper .slider-next {
        right: 3%;
        top: 40%;
        width: 50px;
    }
}
@media screen and (min-width: 60rem) {
    .eurus .media-carousel-swiper-wrapper .media-carousel-swiper .slider-next {
        right: 15%;
        top: 33%;
        width: 55px;
    }
}
.stickyCTA {
    -ms-flex-align: center;
    align-items: center;
    background: #fdc82f;
    border-radius: 5px 0 0 5px;
    bottom: 12.5rem;
    color: #003a65;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    font-family: Bariol;
    font-size: 1rem;
    font-style: normal;
    height: 2.625rem;
    padding: 0 1.25rem;
    position: fixed;
    right: 0;
    z-index: 9999;
}
@media screen and (min-width: 60rem) {
    .stickyCTA {
        bottom: 11.5625rem;
        font-size: 1.5rem;
        height: 3.625rem;
    }
}
.stickyCTA .stickyCTAText {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
}
.stickyCTA .stickyCTAText:after {
    content: "\f054";
    font-family: Font Awesome\5 Free;
    margin-left: 6px;
    position: relative;
}
.stickyCTA:visited {
    color: #003a65;
}
.stickyCTA:hover {
    text-decoration: none;
}
.stickyCTA:hover .stickyCTAText {
    color: #003a65;
}
.stickyCTA:hover .stickyCTAText:after {
    left: 2px;
}
.instagramAPI #jsonExample {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2px;
    padding-left: 20px;
}
.instagramAPI #jsonExample p {
    padding: 0;
}
.instagramAPI #jsonExample p span {
    color: #003a65;
    font-weight: 600;
    padding-right: 3px;
}
.instagramAPI #filterFunctionality,
.instagramAPI #otherNotes {
    margin-bottom: 3rem;
}
.instagramAPI #filterFunctionality #inputField {
    padding: 10px;
}
.instagramAPI #filterFunctionality #hashtagSearch {
    background-color: #003a65;
    border-radius: 10px;
    color: #fff;
    padding: 10px;
}
.instagramAPI #filterFunctionality #clearSearch {
    border: 2px solid #003a65;
    border-radius: 10px;
    color: #003a65;
    margin-left: 5px;
    padding: 10px;
}
.instagramAPI #instagramHeader {
    -ms-flex-pack: justify;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin: 20px 0;
}
.instagramAPI #instagramHeader h2 {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    color: #003a65;
    font-size: 2rem;
    font-weight: 500;
    padding-bottom: 0;
}
.instagramAPI #instagramHeader .follow-us {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: #003a65;
    border-radius: 25px;
    color: #fff;
    display: none;
    justify-content: center;
    padding: 10px 20px;
}
@media screen and (min-width: 30rem) {
    .instagramAPI #instagramHeader .follow-us {
        display: -ms-flexbox;
        display: flex;
    }
}
.instagramAPI #instagramHeader .follow-us:hover,
.instagramAPI #instagramHeader .follow-us:visited {
    color: #fff;
    text-decoration: none;
}
.instagramAPI #instagramHeader .follow-us svg {
    height: 25px;
    width: 30px;
}
.instagramAPI #instagramFeed {
    -ms-grid-columns: (minmax(0, 1fr)) [3];
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-bottom: 3rem;
}
@media screen and (min-width: 48rem) {
    .instagramAPI #instagramFeed {
        -ms-grid-columns: (minmax(0, 1fr)) [4];
        gap: 20px;
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}
.instagramAPI #instagramFeed article.post-card {
    overflow: hidden;
    position: relative;
}
.instagramAPI #instagramFeed article.post-card .post-overlay {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.6);
    color: #fff;
    height: 100%;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
    width: 100%;
    z-index: 1;
}
.instagramAPI #instagramFeed article.post-card img {
    aspect-ratio: 1/1;
    -o-object-fit: cover;
    object-fit: cover;
}
.instagramAPI #instagramFeed article:hover .post-overlay {
    display: -ms-flexbox;
    display: flex;
    opacity: 1;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}
.instagramAPI #instagramFeed article:nth-of-type(7),
.instagramAPI #instagramFeed article:nth-of-type(8) {
    display: none;
}
@media screen and (min-width: 48rem) {
    .instagramAPI #instagramFeed article:nth-of-type(7),
    .instagramAPI #instagramFeed article:nth-of-type(8) {
        display: block;
    }
}
#studentStoriesDisplay {
    -ms-grid-columns: (minmax(0, 1fr)) [1];
    display: -ms-grid;
    display: grid;
    gap: 1.25rem;
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media screen and (min-width: 40rem) {
    #studentStoriesDisplay {
        -ms-grid-columns: (minmax(0, 1fr)) [2];
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media screen and (min-width: 85.375rem) {
    #studentStoriesDisplay {
        -ms-grid-columns: (minmax(0, 1fr)) [3];
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
#studentStoriesDisplay.cards .studentStoryItem {
    -ms-flex-align: start;
    -ms-flex-pack: start;
    -ms-flex-negative: 0;
    align-items: flex-start;
    background: #fff;
    border: 2px solid #92acca;
    border-radius: 5px;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-shrink: 0;
    height: 30.625rem;
    justify-content: flex-start;
    padding: 0;
}
#studentStoriesDisplay.cards .studentStoryItem:not(.shown) {
    display: none;
}
#studentStoriesDisplay.cards .studentStoryItem .imageWrapper {
    border-bottom: 1px solid #f1f1f1;
    position: relative;
    width: 100%;
}
#studentStoriesDisplay.cards .studentStoryItem .imageWrapper .profileImage {
    border-radius: 5px 0;
    height: 11.75rem;
    -o-object-fit: cover;
    object-fit: cover;
}
@media screen and (min-width: 30rem) {
    #studentStoriesDisplay.cards .studentStoryItem .imageWrapper .profileImage {
        max-height: 11.75rem;
    }
}
@media screen and (min-width: 60rem) {
    #studentStoriesDisplay.cards .studentStoryItem .imageWrapper .profileImage {
        max-height: 11.75rem;
    }
}
#studentStoriesDisplay.cards .studentStoryItem .imageWrapper .flagImage {
    bottom: 0;
    height: 100%;
    max-height: 40px;
    max-width: 70px;
    -o-object-fit: fill;
    object-fit: fill;
    position: absolute;
    right: 0;
}
#studentStoriesDisplay.cards .studentStoryItem .textWrapper {
    padding: 0.625rem 1.25rem 1.25rem;
}
@media screen and (min-width: 60rem) {
    #studentStoriesDisplay.cards .studentStoryItem .textWrapper {
        height: 15rem;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
    }
}
#studentStoriesDisplay.cards .studentStoryItem .textWrapper h3 {
    color: #003a65;
    font-family:
        Derailed-ExtraBold,
        Raleway-ExtraBold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 0.9375rem;
    padding: 0;
}
@media screen and (min-width: 60rem) {
    #studentStoriesDisplay.cards .studentStoryItem .textWrapper h3 {
        font-size: 1.125rem;
    }
}
#studentStoriesDisplay.cards .studentStoryItem .textWrapper .courseTitle {
    color: #4a4a4a;
    font-family:
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 0.875rem;
    line-height: 1.1875rem;
}
@media screen and (min-width: 60rem) {
    #studentStoriesDisplay.cards .studentStoryItem .textWrapper .courseTitle {
        font-size: 1rem;
        line-height: 1.4375rem;
    }
}
#studentStoriesDisplay.cards .studentStoryItem .textWrapper .studentQuote {
    color: #0073bc;
    font-family:
        Derailed-ExtraBold,
        Raleway-ExtraBold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 0.9375rem;
    line-height: 1.5rem;
    padding-bottom: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 1.25rem;
    position: relative;
}
@media screen and (min-width: 60rem) {
    #studentStoriesDisplay.cards .studentStoryItem .textWrapper .studentQuote {
        font-size: 1.125rem;
    }
}
#studentStoriesDisplay.cards .studentStoryItem .textWrapper .studentQuote:after {
    content: "\f061";
    display: inline-block;
    font-family: Font Awesome\5 Free;
    position: relative;
    right: 0;
    -webkit-transition: right 0.3s ease;
    transition: right 0.3s ease;
}
#studentStoriesDisplay.cards .studentStoryItem:hover {
    border-color: #0073bc;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-decoration: none;
}
#studentStoriesDisplay.cards .studentStoryItem:hover .studentQuote {
    text-decoration: underline;
}
#studentStoriesDisplay.cards .studentStoryItem:hover .studentQuote:after {
    right: -3px;
}
#studentStorySwiper {
    -ms-flex-direction: column;
    flex-direction: column;
}
#studentStorySwiper.bgPresent.brandDefault {
    background-color: #003a65;
}
#studentStorySwiper.bgPresent.brandDefault h2 {
    color: #fff;
}
#studentStorySwiper.bgPresent.brandDefault .studentStoryItem {
    -webkit-box-shadow: none;
    box-shadow: none;
}
#studentStorySwiper.bgPresent.brandDefault .whiteCta {
    background-color: #fff;
    border: none;
    color: #003a65;
}
#studentStorySwiper.bgPresent.brandDefault .slider-next:hover,
#studentStorySwiper.bgPresent.brandDefault .slider-prev:hover,
#studentStorySwiper.bgPresent.brandDefault .whiteCta:hover {
    background-color: #051435;
    color: #fff;
}
#studentStorySwiper.bgPresent.brandDefault .slick-dots li.slick-active button:before {
    color: #fff;
}
#studentStorySwiper.bgPresent.brandDefault .slick-dots li button:before {
    color: #fff;
    font-size: 15px;
}
#studentStorySwiper.bgPresent.lightBlue {
    background-color: #f1f9fe;
}
#studentStorySwiper.bgPresent.lightBlue h2 {
    color: #003a65;
}
#studentStorySwiper.bgPresent.lightBlue .whiteCta {
    background-color: #fff;
    border: 1px solid #003a65;
    color: #003a65;
}
#studentStorySwiper.bgPresent.lightBlue .slider-next:hover,
#studentStorySwiper.bgPresent.lightBlue .slider-prev:hover,
#studentStorySwiper.bgPresent.lightBlue .whiteCta:hover {
    background-color: #051435;
    color: #fff;
}
#studentStorySwiper.bgPresent.lightBlue .slick-dots li.slick-active button:before {
    color: #fff;
}
#studentStorySwiper.bgPresent.lightBlue .slick-dots li button:before {
    color: #fff;
    font-size: 15px;
}
#studentStorySwiper:not(.bgPresent) {
    background-color: #fff;
}
#studentStorySwiper:not(.bgPresent) h2 {
    color: #003a65;
}
#studentStorySwiper:not(.bgPresent) .studentStoryItem {
    -webkit-box-shadow: none;
    box-shadow: none;
}
#studentStorySwiper:not(.bgPresent) .whiteCta {
    background-color: #003a65;
    border: none;
    color: #fff;
}
#studentStorySwiper:not(.bgPresent) .whiteCta:hover {
    background-color: #0073bc;
    color: #fff;
}
#studentStorySwiper:not(.bgPresent) .slider-next:hover,
#studentStorySwiper:not(.bgPresent) .slider-prev:hover {
    background-color: #051435;
    color: #fff;
}
#studentStorySwiper:not(.bgPresent) .slick-dots li.slick-active button:before {
    color: #0073bc;
}
#studentStorySwiper:not(.bgPresent) .slick-dots li button:before {
    color: #0073bc;
    font-size: 15px;
}
@media screen and (min-width: 60rem) {
    #studentStorySwiper {
        -ms-flex-direction: row;
        flex-direction: row;
    }
}
#studentStorySwiper .slick-track {
    padding: 10px 0;
}
#studentStorySwiper .studentStorySwiperWrapper {
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-bottom: 1.5625rem;
    padding-top: 3.125rem;
}
@media screen and (min-width: 48rem) {
    #studentStorySwiper .studentStorySwiperWrapper .swiperWrapper {
        padding: 0 3.25rem;
    }
}
@media screen and (min-width: 60rem) {
    #studentStorySwiper .studentStorySwiperWrapper .swiperWrapper {
        padding: 0 5rem;
    }
}
#studentStorySwiper .studentStorySwiperWrapper .swiperWrapper .studentStoryItem {
    -ms-flex-align: start;
    -ms-flex-negative: 0;
    align-items: flex-start;
    background: #fff;
    border: 2px solid #92acca;
    border-radius: 5px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-shrink: 0;
    height: 30.625rem;
}
#studentStorySwiper .studentStorySwiperWrapper .swiperWrapper .studentStoryItem:not(.slick-current) {
    opacity: 0.4;
    pointer-events: none;
}
@media screen and (min-width: 75rem) {
    #studentStorySwiper .studentStorySwiperWrapper .swiperWrapper .studentStoryItem:not(.slick-current) {
        opacity: 1;
        pointer-events: auto;
    }
}
#studentStorySwiper .studentStorySwiperWrapper .swiperWrapper .studentStoryItem .imageWrapper {
    border-bottom: 1px solid #f1f1f1;
    position: relative;
    width: 100%;
}
#studentStorySwiper .studentStorySwiperWrapper .swiperWrapper .studentStoryItem .imageWrapper .profileImage {
    height: 11.75rem;
    -o-object-fit: cover;
    object-fit: cover;
}
@media screen and (min-width: 60rem) {
    #studentStorySwiper .studentStorySwiperWrapper .swiperWrapper .studentStoryItem .imageWrapper .profileImage {
        max-height: 11.75rem;
    }
}
#studentStorySwiper .studentStorySwiperWrapper .swiperWrapper .studentStoryItem .imageWrapper .flagImage {
    bottom: 0;
    height: 100%;
    max-height: 40px;
    max-width: 70px;
    -o-object-fit: fill;
    object-fit: fill;
    position: absolute;
    right: 0;
}
#studentStorySwiper .studentStorySwiperWrapper .swiperWrapper .studentStoryItem .textWrapper {
    padding: 0.625rem 1.25rem 1.25rem;
}
@media screen and (min-width: 60rem) {
    #studentStorySwiper .studentStorySwiperWrapper .swiperWrapper .studentStoryItem .textWrapper {
        height: 17.8125rem;
    }
}
#studentStorySwiper .studentStorySwiperWrapper .swiperWrapper .studentStoryItem .textWrapper h3 {
    color: #003a65;
    font-family:
        Derailed-ExtraBold,
        Raleway-ExtraBold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 0.875rem;
    padding: 0;
    -webkit-transition: -webkit-text-decoration 0.3s ease;
    transition: -webkit-text-decoration 0.3s ease;
    transition: text-decoration 0.3s ease;
    transition:
        text-decoration 0.3s ease,
        -webkit-text-decoration 0.3s ease;
}
@media screen and (min-width: 60rem) {
    #studentStorySwiper .studentStorySwiperWrapper .swiperWrapper .studentStoryItem .textWrapper h3 {
        font-size: 1.125rem;
    }
}
#studentStorySwiper .studentStorySwiperWrapper .swiperWrapper .studentStoryItem .textWrapper .courseTitle {
    color: #4a4a4a;
    font-family:
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 0.8125rem;
    line-height: 1.1875rem;
}
@media screen and (min-width: 60rem) {
    #studentStorySwiper .studentStorySwiperWrapper .swiperWrapper .studentStoryItem .textWrapper .courseTitle {
        font-size: 0.875rem;
        line-height: 1.4375rem;
    }
}
#studentStorySwiper .studentStorySwiperWrapper .swiperWrapper .studentStoryItem .textWrapper .studentQuote {
    color: #0073bc;
    font-family:
        Derailed-ExtraBold,
        Raleway-ExtraBold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 0.9375rem;
    line-height: 1.5rem;
    padding-bottom: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 1.25rem;
    position: relative;
}
@media screen and (min-width: 60rem) {
    #studentStorySwiper .studentStorySwiperWrapper .swiperWrapper .studentStoryItem .textWrapper .studentQuote {
        font-size: 1.125rem;
    }
}
#studentStorySwiper .studentStorySwiperWrapper .swiperWrapper .studentStoryItem .textWrapper .studentQuote:after {
    content: "\f061";
    display: inline-block;
    font-family: Font Awesome\5 Free;
    position: relative;
    right: 0;
    -webkit-transition: right 0.3s ease;
    transition: right 0.3s ease;
}
#studentStorySwiper .studentStorySwiperWrapper .swiperWrapper .studentStoryItem:hover {
    border-color: #0073bc;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-decoration: none;
}
#studentStorySwiper .studentStorySwiperWrapper .swiperWrapper .studentStoryItem:hover .studentQuote {
    text-decoration: underline;
}
#studentStorySwiper .studentStorySwiperWrapper .swiperWrapper .studentStoryItem:hover .studentQuote:after {
    right: -3px;
}
#studentStorySwiper .studentStorySwiperWrapper .whiteCta {
    margin-top: 1.875rem;
    width: 100%;
}
@media screen and (min-width: 48rem) {
    #studentStorySwiper .studentStorySwiperWrapper .whiteCta {
        margin-top: 2.5rem;
        width: 50%;
    }
}
@media screen and (min-width: 60rem) {
    #studentStorySwiper .studentStorySwiperWrapper .whiteCta {
        width: 33.33%;
    }
}
#studentStorySwiper .studentStorySwiperWrapper .whiteCta:after {
    content: "\f061";
    font-family: Font Awesome\5 Free;
    position: absolute;
    right: 20px;
    -webkit-transition: right 0.3s ease;
    transition: right 0.3s ease;
}
#studentStorySwiper .studentStorySwiperWrapper .whiteCta:hover {
    background-color: #051435;
    color: #fff;
}
#studentStorySwiper .studentStorySwiperWrapper .whiteCta:hover:after {
    right: 15px;
}
#studentStorySwiper .studentStorySwiperWrapper .slider-next {
    background: #8ed8f8;
    border-radius: 5px;
    color: #051435;
    cursor: pointer;
    height: 35px;
    padding: 5px;
    position: absolute;
    right: -5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 35px;
    z-index: 10;
}
@media screen and (min-width: 48rem) {
    #studentStorySwiper .studentStorySwiperWrapper .slider-next {
        height: 40px;
        right: -60px;
        width: 40px;
    }
}
@media screen and (min-width: 60rem) {
    #studentStorySwiper .studentStorySwiperWrapper .slider-next {
        right: -80px;
    }
}
#studentStorySwiper .studentStorySwiperWrapper .slider-prev {
    background: #8ed8f8;
    border-radius: 5px;
    color: #051435;
    cursor: pointer;
    height: 35px;
    left: -5px;
    padding: 5px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
    width: 35px;
    z-index: 10;
}
@media screen and (min-width: 48rem) {
    #studentStorySwiper .studentStorySwiperWrapper .slider-prev {
        height: 40px;
        left: -60px;
        width: 40px;
    }
}
@media screen and (min-width: 60rem) {
    #studentStorySwiper .studentStorySwiperWrapper .slider-prev {
        left: -80px;
    }
}
#studentStorySwiper .studentStorySwiperWrapper .slick-dots {
    bottom: -40px;
    position: absolute;
}
@media screen and (min-width: 60rem) {
    #studentStorySwiper .studentStorySwiperWrapper .slick-dots {
        display: none !important;
    }
}
.student-stories__swiper {
    -ms-flex-direction: column;
    flex-direction: column;
}
.student-stories__swiper .student-stories__swiper--wrapper .splide__track {
    margin: 0 auto;
    max-width: 20rem;
}
@media screen and (min-width: 40rem) {
    .student-stories__swiper .student-stories__swiper--wrapper .splide__track {
        max-width: 32rem;
    }
}
@media screen and (min-width: 715px) {
    .student-stories__swiper .student-stories__swiper--wrapper .splide__track {
        max-width: 35rem;
    }
}
@media screen and (min-width: 48rem) {
    .student-stories__swiper .student-stories__swiper--wrapper .splide__track {
        max-width: 38rem;
    }
}
@media screen and (min-width: 850px) {
    .student-stories__swiper .student-stories__swiper--wrapper .splide__track {
        max-width: 44rem;
    }
}
@media screen and (min-width: 60rem) {
    .student-stories__swiper .student-stories__swiper--wrapper .splide__track {
        max-width: 50rem;
    }
}
@media screen and (min-width: 1100px) {
    .student-stories__swiper .student-stories__swiper--wrapper .splide__track {
        max-width: 58rem;
    }
}
@media screen and (min-width: 75rem) {
    .student-stories__swiper .student-stories__swiper--wrapper .splide__track {
        max-width: 65rem;
    }
}
.student-stories__swiper .student-stories__swiper--wrapper .splide__arrow {
    background-color: #8ed8f8;
    border-radius: 5px;
    height: 40px;
    opacity: 1;
    width: 40px;
}
@media screen and (min-width: 75rem) {
    .student-stories__swiper .student-stories__swiper--wrapper .splide__arrow {
        height: 55px;
        width: 55px;
    }
}
.student-stories__swiper .student-stories__swiper--wrapper .splide__arrow svg {
    color: #051435;
    height: 25px;
    width: 25px;
}
@media screen and (min-width: 75rem) {
    .student-stories__swiper .student-stories__swiper--wrapper .splide__arrow svg {
        height: 40px;
        width: 40px;
    }
}
.student-stories__swiper .student-stories__swiper--wrapper .splide__arrow:hover svg {
    color: #fff;
}
@media screen and (min-width: 75rem) {
    .student-stories__swiper .student-stories__swiper--wrapper .splide__arrow--next {
        right: 1rem;
    }
}
.student-stories__swiper .student-stories__swiper--wrapper .splide__arrow--next:hover {
    background-color: #051435;
    color: #fff;
}
@media screen and (min-width: 75rem) {
    .student-stories__swiper .student-stories__swiper--wrapper .splide__arrow--prev {
        left: 1rem;
    }
}
.student-stories__swiper .student-stories__swiper--wrapper .splide__arrow--prev:hover {
    background-color: #051435;
    color: #fff;
}
.student-stories__swiper .student-stories__swiper--wrapper .student-story__item {
    -ms-flex-align: start;
    -ms-flex-negative: 0;
    align-items: flex-start;
    background: #fff;
    border: 2px solid #92acca;
    border-radius: 5px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-shrink: 0;
    opacity: 0.4;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}
.student-stories__swiper .student-stories__swiper--wrapper .student-story__item.is-active {
    opacity: 1;
}
.student-stories__swiper .student-stories__swiper--wrapper .student-story__item.is-visible:not(.is-active) {
    opacity: 0.4;
    pointer-events: none;
}
@media screen and (min-width: 75rem) {
    .student-stories__swiper .student-stories__swiper--wrapper .student-story__item.is-visible:not(.is-active) {
        opacity: 1;
        pointer-events: auto;
    }
}
.student-stories__swiper .student-stories__swiper--wrapper .student-story__item.splide__slide--clone.is-active {
    opacity: 1 !important;
}
.student-stories__swiper .student-stories__swiper--wrapper .student-story__item .imageWrapper {
    border-bottom: 1px solid #f1f1f1;
    position: relative;
    width: 100%;
}
.student-stories__swiper .student-stories__swiper--wrapper .student-story__item .imageWrapper .profileImage {
    height: 10rem;
    -o-object-fit: cover;
    object-fit: cover;
}
@media screen and (min-width: 60rem) {
    .student-stories__swiper .student-stories__swiper--wrapper .student-story__item .imageWrapper .profileImage {
        max-height: 11.75rem;
    }
}
.student-stories__swiper .student-stories__swiper--wrapper .student-story__item .imageWrapper .flagImage {
    bottom: 0;
    height: 100%;
    max-height: 40px;
    max-width: 70px;
    -o-object-fit: fill;
    object-fit: fill;
    position: absolute;
    right: 0;
}
.student-stories__swiper .student-stories__swiper--wrapper .student-story__item .textWrapper {
    padding: 0.625rem 1.25rem 1.25rem;
}
@media screen and (min-width: 60rem) {
    .student-stories__swiper .student-stories__swiper--wrapper .student-story__item .textWrapper {
        height: 17.8125rem;
    }
}
.student-stories__swiper .student-stories__swiper--wrapper .student-story__item .textWrapper h3 {
    color: #003a65;
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 0.9375rem;
    padding: 0;
    -webkit-transition: -webkit-text-decoration 0.3s ease;
    transition: -webkit-text-decoration 0.3s ease;
    transition: text-decoration 0.3s ease;
    transition:
        text-decoration 0.3s ease,
        -webkit-text-decoration 0.3s ease;
}
@media screen and (min-width: 60rem) {
    .student-stories__swiper .student-stories__swiper--wrapper .student-story__item .textWrapper h3 {
        font-size: 1rem;
    }
}
.student-stories__swiper .student-stories__swiper--wrapper .student-story__item .textWrapper .courseTitle {
    color: #4a4a4a;
    font-family:
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 0.875rem;
    line-height: 1.1875rem;
}
@media screen and (min-width: 60rem) {
    .student-stories__swiper .student-stories__swiper--wrapper .student-story__item .textWrapper .courseTitle {
        font-size: 0.875rem;
        line-height: 1.4375rem;
    }
}
.student-stories__swiper .student-stories__swiper--wrapper .student-story__item .textWrapper .studentQuote {
    padding: 1rem 1.25rem 1.25rem;
    position: relative;
}
.student-stories__swiper .student-stories__swiper--wrapper .student-story__item .textWrapper .studentQuote p {
    color: #0073bc;
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 0.9375rem;
    line-height: 1.3rem;
    padding: 0;
}
@media screen and (min-width: 60rem) {
    .student-stories__swiper .student-stories__swiper--wrapper .student-story__item .textWrapper .studentQuote p {
        font-size: 1rem;
        line-height: 1.4rem;
    }
}
.student-stories__swiper .student-stories__swiper--wrapper .student-story__item .textWrapper .studentQuote svg {
    color: #003a65;
    height: 12px;
    width: 14px;
}
.student-stories__swiper
    .student-stories__swiper--wrapper
    .student-story__item
    .textWrapper
    .studentQuote
    svg.beforeQuote {
    left: -2px;
    position: absolute;
}
.student-stories__swiper
    .student-stories__swiper--wrapper
    .student-story__item
    .textWrapper
    .studentQuote
    svg.afterQuote {
    bottom: 20px;
    position: absolute;
    right: 2px;
}
.student-stories__swiper .student-stories__swiper--wrapper .student-story__item:hover {
    border-color: #0073bc;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-decoration: none;
}
.student-stories__swiper .student-stories__swiper--wrapper .student-story__item:hover .studentQuote {
    text-decoration: underline;
}
.student-stories__swiper .student-stories__swiper--wrapper .student-story__item:hover .studentQuote:after {
    right: -3px;
}
.student-stories__swiper .student-stories__swiper--wrapper .whiteCta {
    margin-top: 1.875rem;
    width: 100%;
}
@media screen and (min-width: 48rem) {
    .student-stories__swiper .student-stories__swiper--wrapper .whiteCta {
        margin-top: 2.5rem;
        width: 50%;
    }
}
@media screen and (min-width: 60rem) {
    .student-stories__swiper .student-stories__swiper--wrapper .whiteCta {
        width: 33.33%;
    }
}
.student-stories__swiper .student-stories__swiper--wrapper .whiteCta:after {
    content: "\f061";
    font-family: Font Awesome\5 Free;
    position: absolute;
    right: 20px;
    -webkit-transition: right 0.3s ease;
    transition: right 0.3s ease;
}
.student-stories__swiper .student-stories__swiper--wrapper .whiteCta:hover {
    background-color: #051435;
    color: #fff;
}
.student-stories__swiper .student-stories__swiper--wrapper .whiteCta:hover:after {
    right: 15px;
}
.student-stories__swiper .student-stories__swiper--wrapper .slider-next {
    background: #8ed8f8;
    border-radius: 5px;
    color: #051435;
    cursor: pointer;
    height: 35px;
    padding: 5px;
    position: absolute;
    right: -5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 35px;
    z-index: 10;
}
@media screen and (min-width: 48rem) {
    .student-stories__swiper .student-stories__swiper--wrapper .slider-next {
        height: 40px;
        right: -60px;
        width: 40px;
    }
}
@media screen and (min-width: 60rem) {
    .student-stories__swiper .student-stories__swiper--wrapper .slider-next {
        right: -80px;
    }
}
.student-stories__swiper .student-stories__swiper--wrapper .slider-prev {
    background: #8ed8f8;
    border-radius: 5px;
    color: #051435;
    cursor: pointer;
    height: 35px;
    left: -5px;
    padding: 5px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
    width: 35px;
    z-index: 10;
}
@media screen and (min-width: 48rem) {
    .student-stories__swiper .student-stories__swiper--wrapper .slider-prev {
        height: 40px;
        left: -60px;
        width: 40px;
    }
}
@media screen and (min-width: 60rem) {
    .student-stories__swiper .student-stories__swiper--wrapper .slider-prev {
        left: -80px;
    }
}
.student-stories__swiper .student-stories__swiper--wrapper .slick-dots {
    bottom: -40px;
    position: absolute;
}
@media screen and (min-width: 60rem) {
    .student-stories__swiper .student-stories__swiper--wrapper .slick-dots {
        display: none !important;
    }
}
.student-stories__swiper .student-stories__swiper--wrapper.no-slider.is-static {
    height: 32.5rem;
}
@media screen and (min-width: 48rem) {
    .student-stories__swiper .student-stories__swiper--wrapper.no-slider.is-static {
        height: 35.9375rem;
    }
}
.student-stories__swiper .student-stories__swiper--wrapper.no-slider.is-static .static-list {
    -ms-flex-pack: start;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    display: -ms-flexbox;
    display: flex;
    justify-content: start;
    overflow-x: auto;
}
@media screen and (min-width: 48rem) {
    .student-stories__swiper .student-stories__swiper--wrapper.no-slider.is-static .static-list {
        -ms-flex-pack: center;
        justify-content: center;
    }
}
.student-stories__swiper .student-stories__swiper--wrapper.no-slider.is-static[data-card-count="1"] .static-list {
    -ms-flex-pack: center;
    justify-content: center;
    overflow-x: hidden;
}
.student-stories__swiper.bgPresent .student-stories__swiper--wrapper {
    height: 33.125rem;
    padding-top: 3.125rem;
}
@media screen and (min-width: 30rem) {
    .student-stories__swiper.bgPresent .student-stories__swiper--wrapper {
        height: 32.1875rem;
    }
}
@media screen and (min-width: 48rem) {
    .student-stories__swiper.bgPresent .student-stories__swiper--wrapper {
        height: 34.0625rem;
    }
}
@media screen and (min-width: 75rem) {
    .student-stories__swiper.bgPresent .student-stories__swiper--wrapper {
        height: 35.9375rem;
    }
}
.student-stories__swiper.bgPresent .student-stories__swiper--wrapper .splide__pagination {
    bottom: 1.875rem;
}
@media screen and (min-width: 48rem) {
    .student-stories__swiper.bgPresent .student-stories__swiper--wrapper .splide__pagination {
        bottom: 1.875rem;
    }
}
@media screen and (min-width: 75rem) {
    .student-stories__swiper.bgPresent .student-stories__swiper--wrapper .splide__pagination {
        bottom: 1.875rem;
    }
}
.student-stories__swiper.bgPresent .student-stories__swiper--wrapper .splide__pagination li button {
    height: 10px;
    opacity: 0.25;
    width: 10px;
}
.student-stories__swiper.bgPresent .student-stories__swiper--wrapper .splide__pagination li button.is-active {
    opacity: 1;
}
.student-stories__swiper.bgPresent.brandDefault {
    background-color: #003a65;
}
.student-stories__swiper.bgPresent.brandDefault h2 {
    color: #fff;
}
.student-stories__swiper.bgPresent.brandDefault .studentStoryItem {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.student-stories__swiper.bgPresent.brandDefault .whiteCta {
    background-color: #fff;
    border: none;
    color: #003a65;
}
.student-stories__swiper.bgPresent.brandDefault .whiteCta:hover {
    background-color: #051435;
    color: #fff;
}
.student-stories__swiper.bgPresent.brandDefault .splide__pagination li button,
.student-stories__swiper.bgPresent.brandDefault .splide__pagination li button.is-active {
    background-color: #8ed8f8;
}
.student-stories__swiper.bgPresent.lightBlue {
    background-color: #f1f9fe;
}
.student-stories__swiper.bgPresent.lightBlue h2 {
    color: #003a65;
}
.student-stories__swiper.bgPresent.lightBlue .whiteCta {
    background-color: #fff;
    border: 1px solid #003a65;
    color: #003a65;
}
.student-stories__swiper.bgPresent.lightBlue .whiteCta:hover {
    background-color: #051435;
    color: #fff;
}
.student-stories__swiper.bgPresent.lightBlue .splide__pagination li button,
.student-stories__swiper.bgPresent.lightBlue .splide__pagination li button.is-active {
    background-color: #003a65;
}
.student-stories__swiper:not(.bgPresent) {
    background-color: #fff;
}
.student-stories__swiper:not(.bgPresent) h2 {
    color: #003a65;
}
.student-stories__swiper:not(.bgPresent) .student-stories__swiper--wrapper {
    height: 30.625rem;
}
.student-stories__swiper:not(.bgPresent) .studentStoryItem {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.student-stories__swiper:not(.bgPresent) .whiteCta {
    background-color: #003a65;
    border: none;
    color: #fff;
}
.student-stories__swiper:not(.bgPresent) .whiteCta:hover {
    background-color: #0073bc;
    color: #fff;
}
.student-stories__swiper:not(.bgPresent) .splide__pagination {
    bottom: -1.875rem;
}
.student-stories__swiper:not(.bgPresent) .splide__pagination li button {
    background-color: #0073bc;
    height: 10px;
    opacity: 0.25;
    width: 10px;
}
.student-stories__swiper:not(.bgPresent) .splide__pagination li button.is-active {
    background-color: #0073bc;
    opacity: 1;
}
.studentStoriesGroup .studentStory {
    background: #fff;
    border: 2px solid #9eb5d0;
    border-radius: 5px;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    width: 100%;
}
.studentStoriesGroup .studentStory:hover {
    border-color: #0073bc;
    text-decoration: none;
}
.studentStoriesGroup .studentStory:hover span {
    background-color: #051435;
    border-color: #051435;
    color: #fff;
    -webkit-transition:
        background-color 0.2s ease,
        border-color 0.3s ease;
    transition:
        background-color 0.2s ease,
        border-color 0.3s ease;
}
.studentStoriesGroup .studentStory:hover span:after {
    right: 1rem;
    -webkit-transition: right 0.3s ease-in-out;
    transition: right 0.3s ease-in-out;
}
.studentStoriesGroup .studentStory article {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    width: 100%;
}
.studentStoriesGroup .studentStory article .headerContainer {
    position: relative;
}
.studentStoriesGroup .studentStory article .headerContainer .titleContainer {
    background: #003a65;
    height: 2.8125rem;
}
@media screen and (min-height: 60rem) {
    .studentStoriesGroup .studentStory article .headerContainer .titleContainer {
        height: 3.75rem;
    }
}
.studentStoriesGroup .studentStory article .bodyContainer {
    display: -ms-grid;
    display: grid;
    margin: 0.5rem 1.25rem 1.5rem;
}
@media screen and (min-width: 48rem) {
    .studentStoriesGroup .studentStory article .bodyContainer {
        -ms-grid-columns: (minmax(0, 1fr)) [2];
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
.studentStoriesGroup .studentStory article .bodyContainer .bodyInnerLeft .nameContainer {
    display: -ms-flexbox;
    display: flex;
    position: relative;
}
.studentStoriesGroup .studentStory article .bodyContainer .bodyInnerLeft .nameContainer img {
    background: url(../../webtemplate/img/test/hero.jpg) 50% / cover no-repeat;
    border: 3px solid #fff;
    border-radius: 100%;
    -webkit-filter: drop-shadow(0 4px 4px hsla(0, 0%, 81%, 0.7));
    filter: drop-shadow(0 4px 4px rgba(207, 207, 207, 0.7));
    height: 5rem;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: -30px;
    width: 5rem;
}
@media screen and (min-width: 60rem) {
    .studentStoriesGroup .studentStory article .bodyContainer .bodyInnerLeft .nameContainer img {
        height: 6.25rem;
        width: 6.25rem;
    }
}
.studentStoriesGroup .studentStory article .bodyContainer .bodyInnerLeft .nameContainer h3 {
    color: #000;
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1.3125rem;
    font-weight: 700;
    line-height: 1.125rem;
    padding: 0 0 40px 90px;
    position: relative;
    top: 10px;
}
@media screen and (min-width: 60rem) {
    .studentStoriesGroup .studentStory article .bodyContainer .bodyInnerLeft .nameContainer h3 {
        font-size: 1.6875rem;
        line-height: 1.3125rem;
        padding: 0 0 70px 120px;
        top: 20px;
    }
}
.studentStoriesGroup .studentStory article .bodyContainer .bodyInnerLeft .countryContainer,
.studentStoriesGroup .studentStory article .bodyContainer .bodyInnerLeft .studyContainer {
    display: -ms-flexbox;
    display: flex;
    position: relative;
}
.course-page
    .featured-content
    .studentStoriesGroup
    .studentStory
    article
    .bodyContainer
    .bodyInnerLeft
    .countryContainer
    .module-title,
.course-page
    .featured-content
    .studentStoriesGroup
    .studentStory
    article
    .bodyContainer
    .bodyInnerLeft
    .studyContainer
    .module-title,
.studentStoriesGroup
    .studentStory
    article
    .bodyContainer
    .bodyInnerLeft
    .countryContainer
    .course-page
    .featured-content
    .module-title,
.studentStoriesGroup .studentStory article .bodyContainer .bodyInnerLeft .countryContainer h4,
.studentStoriesGroup
    .studentStory
    article
    .bodyContainer
    .bodyInnerLeft
    .studyContainer
    .course-page
    .featured-content
    .module-title,
.studentStoriesGroup .studentStory article .bodyContainer .bodyInnerLeft .studyContainer h4 {
    color: #000;
    font-family:
        Derailed-Regular,
        Raleway-Regular,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 0.9375rem;
    line-height: 1.125rem;
    min-width: 75px;
    padding-right: 0.5rem;
}
@media screen and (min-width: 48rem) {
    .course-page
        .featured-content
        .studentStoriesGroup
        .studentStory
        article
        .bodyContainer
        .bodyInnerLeft
        .countryContainer
        .module-title,
    .course-page
        .featured-content
        .studentStoriesGroup
        .studentStory
        article
        .bodyContainer
        .bodyInnerLeft
        .studyContainer
        .module-title,
    .studentStoriesGroup
        .studentStory
        article
        .bodyContainer
        .bodyInnerLeft
        .countryContainer
        .course-page
        .featured-content
        .module-title,
    .studentStoriesGroup .studentStory article .bodyContainer .bodyInnerLeft .countryContainer h4,
    .studentStoriesGroup
        .studentStory
        article
        .bodyContainer
        .bodyInnerLeft
        .studyContainer
        .course-page
        .featured-content
        .module-title,
    .studentStoriesGroup .studentStory article .bodyContainer .bodyInnerLeft .studyContainer h4 {
        font-size: 1.125rem;
        line-height: 1.3125rem;
        min-width: 90px;
    }
}
.studentStoriesGroup .studentStory article .bodyContainer .bodyInnerLeft .countryContainer p,
.studentStoriesGroup .studentStory article .bodyContainer .bodyInnerLeft .studyContainer p {
    color: #000;
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 0.9375rem;
    font-weight: 700;
    line-height: 1.125rem;
    padding: 0;
}
@media screen and (min-width: 48rem) {
    .studentStoriesGroup .studentStory article .bodyContainer .bodyInnerLeft .countryContainer p,
    .studentStoriesGroup .studentStory article .bodyContainer .bodyInnerLeft .studyContainer p {
        font-size: 1.125rem;
        line-height: 1.3125rem;
    }
}
.studentStoriesGroup .studentStory article .bodyContainer .bodyInnerLeft .studyContainer {
    margin-top: 10px;
}
.studentStoriesGroup .studentStory article .bodyContainer .bodyInnerLeft .countryContainer .flag {
    -webkit-box-shadow:
        0 1px 3px 0 rgba(0, 0, 0, 0.1),
        0 1px 2px -1px rgba(0, 0, 0, 0.1);
    box-shadow:
        0 1px 3px 0 rgba(0, 0, 0, 0.1),
        0 1px 2px -1px rgba(0, 0, 0, 0.1);
    height: 1.25rem;
    -o-object-fit: cover;
    object-fit: cover;
    width: 1.875rem;
}
.studentStoriesGroup .studentStory article .bodyContainer .bodyInnerLeft .countryContainer svg {
    height: 1.25rem;
    min-width: 1.875rem;
}
.studentStoriesGroup .studentStory article .bodyContainer .bodyInnerLeft .countryContainer p {
    padding-left: 0.5rem;
}
.studentStoriesGroup .studentStory article .bodyContainer .bodyInnerRight {
    -ms-flex-positive: 1;
    -ms-flex-pack: justify;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-grow: 1;
    justify-content: space-between;
}
.studentStoriesGroup .studentStory article .bodyContainer .bodyInnerRight .quoteContainerOuter {
    margin-bottom: 30px;
    margin-top: 0.5rem;
    position: relative;
}
.studentStoriesGroup .studentStory article .bodyContainer .bodyInnerRight .quoteContainerOuter blockquote {
    border: none;
    color: #051435;
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.375rem;
    padding: 0.5rem 2.1875rem 1rem 2.75rem;
}
@media screen and (min-width: 60rem) {
    .studentStoriesGroup .studentStory article .bodyContainer .bodyInnerRight .quoteContainerOuter blockquote {
        font-size: 1.125rem;
    }
}
.studentStoriesGroup .studentStory article .bodyContainer .bodyInnerRight .quoteContainerOuter svg:first-of-type {
    left: 0;
    position: absolute;
    top: 0.625rem;
}
@media screen and (min-width: 60rem) {
    .studentStoriesGroup .studentStory article .bodyContainer .bodyInnerRight .quoteContainerOuter svg:first-of-type {
        left: 0.9375rem;
        top: 0.625rem;
    }
}
.studentStoriesGroup .studentStory article .bodyContainer .bodyInnerRight .quoteContainerOuter svg:last-of-type {
    bottom: 0.625rem;
    position: absolute;
    right: 0;
}
@media screen and (min-width: 60rem) {
    .studentStoriesGroup .studentStory article .bodyContainer .bodyInnerRight .quoteContainerOuter svg:last-of-type {
        bottom: 0.625rem;
        right: 0.9375rem;
    }
}
.gallery.mediaGallery .buttons .studentStoriesGroup .studentStory article .bodyContainer .btn,
.studentStoriesGroup .studentStory article .bodyContainer .cta,
.studentStoriesGroup .studentStory article .bodyContainer .gallery.mediaGallery .buttons .btn {
    -ms-flex-align: center;
    align-items: center;
    border-radius: 5px;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.125rem;
    line-height: normal;
    margin-bottom: 0;
    margin-left: auto;
    min-height: 3rem;
    position: relative;
    width: 100%;
}
@media screen and (min-width: 48rem) {
    .gallery.mediaGallery .buttons .studentStoriesGroup .studentStory article .bodyContainer .btn,
    .studentStoriesGroup .studentStory article .bodyContainer .cta,
    .studentStoriesGroup .studentStory article .bodyContainer .gallery.mediaGallery .buttons .btn {
        font-size: 1.3125rem;
        margin-top: auto;
        width: 90%;
    }
}
@media screen and (min-width: 60rem) {
    .gallery.mediaGallery .buttons .studentStoriesGroup .studentStory article .bodyContainer .btn,
    .studentStoriesGroup .studentStory article .bodyContainer .cta,
    .studentStoriesGroup .studentStory article .bodyContainer .gallery.mediaGallery .buttons .btn {
        font-size: 1.5rem;
        margin-left: auto;
        min-height: 3.75rem;
        min-width: 66%;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }
}
.gallery.mediaGallery .buttons .studentStoriesGroup .studentStory article .bodyContainer .btn:after,
.studentStoriesGroup .studentStory article .bodyContainer .cta:after,
.studentStoriesGroup .studentStory article .bodyContainer .gallery.mediaGallery .buttons .btn:after {
    content: "\f061";
    top: auto;
}
.studentStoriesGroup.multipleStories {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
}
@media screen and (min-width: 60rem) {
    .studentStoriesGroup.multipleStories {
        -ms-flex-direction: row;
        flex-direction: row;
    }
}
.studentStoriesGroup.multipleStories .studentStory {
    width: 100%;
}
@media screen and (min-width: 60rem) {
    .studentStoriesGroup.multipleStories .studentStory {
        -ms-flex: 1;
        flex: 1;
    }
}
.studentStoriesGroup.multipleStories .studentStory:hover {
    border-color: #0073bc;
    text-decoration: none;
}
.studentStoriesGroup.multipleStories .studentStory:hover span {
    background-color: #051435;
    border-color: #051435;
    color: #fff;
    -webkit-transition:
        background-color 0.2s ease,
        border-color 0.3s ease;
    transition:
        background-color 0.2s ease,
        border-color 0.3s ease;
}
.studentStoriesGroup.multipleStories .studentStory:hover span:after {
    right: 1rem;
    -webkit-transition: right 0.3s ease-in-out;
    transition: right 0.3s ease-in-out;
}
.studentStoriesGroup.multipleStories .studentStory .bodyContainer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
}
@media screen and (min-width: 48rem) {
    .studentStoriesGroup.multipleStories .studentStory .bodyContainer {
        -webkit-column-gap: 15px;
        -moz-column-gap: 15px;
        column-gap: 15px;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}
@media screen and (min-width: 60rem) {
    .studentStoriesGroup.multipleStories .studentStory .bodyContainer {
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
@media screen and (min-width: 48rem) {
    .studentStoriesGroup.multipleStories .studentStory .bodyContainer .bodyInnerLeft {
        width: 50%;
    }
}
@media screen and (min-width: 60rem) {
    .studentStoriesGroup.multipleStories .studentStory .bodyContainer .bodyInnerLeft {
        width: 100%;
    }
}
.studentStoriesGroup.multipleStories .studentStory .bodyContainer .bodyInnerLeft .nameContainer h3 {
    font-size: 1.3125rem;
    padding-bottom: 55px;
}
@media screen and (min-width: 60rem) {
    .studentStoriesGroup.multipleStories .studentStory .bodyContainer .bodyInnerLeft .nameContainer h3 {
        padding-left: 100px;
    }
}
.studentStoriesGroup.multipleStories .studentStory .bodyContainer .bodyInnerLeft .nameContainer img {
    height: 5rem;
    width: 5rem;
}
@media screen and (min-width: 48rem) {
    .studentStoriesGroup.multipleStories .studentStory .bodyContainer .bodyInnerRight {
        width: 50%;
    }
}
@media screen and (min-width: 60rem) {
    .studentStoriesGroup.multipleStories .studentStory .bodyContainer .bodyInnerRight {
        width: 100%;
    }
}
.studentStoriesGroup.multipleStories
    .studentStory
    .bodyContainer
    .bodyInnerRight
    .quoteContainerOuter
    .quoteContainerInner {
    position: relative;
}
.studentStoriesGroup.multipleStories
    .studentStory
    .bodyContainer
    .bodyInnerRight
    .quoteContainerOuter
    .quoteContainerInner
    blockquote {
    font-size: 1rem;
}
.studentStoriesGroup.multipleStories
    .studentStory
    .bodyContainer
    .bodyInnerRight
    .quoteContainerOuter
    .quoteContainerInner
    svg:first-of-type {
    left: 0;
    position: absolute;
}
.studentStoriesGroup.multipleStories
    .studentStory
    .bodyContainer
    .bodyInnerRight
    .quoteContainerOuter
    .quoteContainerInner
    svg:last-of-type {
    right: 0;
}
.gallery.mediaGallery .buttons .studentStoriesGroup.multipleStories .studentStory .bodyContainer .btn,
.studentStoriesGroup.multipleStories .studentStory .bodyContainer .cta,
.studentStoriesGroup.multipleStories .studentStory .bodyContainer .gallery.mediaGallery .buttons .btn {
    font-size: 1.125rem;
    height: 3rem;
    margin-bottom: 0;
    margin-left: 0;
    min-height: auto;
    width: 100%;
}
@media screen and (min-width: 60rem) {
    .gallery.mediaGallery .buttons .studentStoriesGroup.multipleStories .studentStory .bodyContainer .btn,
    .studentStoriesGroup.multipleStories .studentStory .bodyContainer .cta,
    .studentStoriesGroup.multipleStories .studentStory .bodyContainer .gallery.mediaGallery .buttons .btn {
        margin-top: auto;
    }
}
.calendarButton {
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
.calendarButton button {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    border: 1px solid #003a65;
    border-radius: 5px;
    color: #003a65;
    display: -ms-flexbox;
    display: flex;
    font-family:
        Bariol,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1.125rem;
    font-weight: 400;
    height: 43px;
    justify-content: center;
    line-height: 1.4375rem;
    padding: 0 25px 0 20px;
    position: relative;
}
.calendarButton button:after {
    content: "\f055";
    font-family: Font Awesome\5 Free;
    position: relative;
    right: -10px;
}
.calendarButton .calendarOptions {
    background-color: #fff;
    border: 1px solid #92acca;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 9px 0 rgba(0, 58, 101, 0.4);
    box-shadow: 0 0 9px 0 rgba(0, 58, 101, 0.4);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family:
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1rem;
    left: 0;
    left: 50%;
    padding: 5px 25px;
    position: absolute;
    top: 0;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.calendarButton .calendarOptions a {
    -ms-flex-align: center;
    align-items: center;
    color: #4a4a4a;
    display: -ms-flexbox;
    display: flex;
    gap: 5px;
    height: 30px;
}
.calendarButton .calendarOptions a:visited {
    color: #4a4a4a;
}
.calendarButton .calendarOptions a:focus,
.calendarButton .calendarOptions a:hover {
    color: #0073bc;
    text-decoration: none;
}
.studyLevels {
    -ms-grid-columns: (minmax(0, 1fr)) [1];
    display: -ms-grid;
    display: grid;
    gap: 0.625rem;
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media screen and (min-width: 48rem) {
    .studyLevels {
        -ms-grid-columns: (minmax(0, 1fr)) [2];
        gap: 1.375rem;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media screen and (min-width: 60rem) {
    .studyLevels {
        -ms-grid-columns: (minmax(0, 1fr)) [3];
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
.studyLevels .studyLevelLink {
    color: #0073bc;
    font-family:
        Derailed-SemiBold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 0.9375rem;
}
@media screen and (min-width: 60rem) {
    .studyLevels .studyLevelLink {
        font-size: 1.125rem;
    }
}
.studyLevels .studyLevelLink:after {
    content: "\f061";
    font-family: Font Awesome\5 Free;
    position: relative;
    right: -10px;
    -webkit-transition: right 0.3s ease;
    transition: right 0.3s ease;
}
.studyLevels .studyLevelLink:focus,
.studyLevels .studyLevelLink:hover {
    color: #0073bc;
    text-decoration: none;
}
.studyLevels .studyLevelLink:focus:after,
.studyLevels .studyLevelLink:hover:after {
    right: -15px;
}
.uspContainer.backgroundPresent {
    background-color: #f1f9fe;
    padding-bottom: 1.875rem;
    padding-top: 1.875rem;
}
@media screen and (min-width: 48rem) {
    .uspContainer.backgroundPresent {
        padding-bottom: 3.75rem;
        padding-top: 3.75rem;
    }
}
.uspContainer .USP {
    -ms-grid-columns: (minmax(0, 1fr)) [1];
    display: -ms-grid;
    display: grid;
    gap: 1.25rem;
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media screen and (min-width: 40rem) {
    .uspContainer .USP {
        -ms-grid-columns: (minmax(0, 1fr)) [2];
        gap: 2.1875rem;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media screen and (min-width: 60rem) {
    .uspContainer .USP {
        -ms-grid-columns: (minmax(0, 1fr)) [2];
        gap: 3.125rem;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .uspContainer .USP.three-col {
        -ms-grid-columns: (minmax(0, 1fr)) [3];
        gap: 3.125rem;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
.uspContainer .USP .uspItem .uspItemInner {
    border-left: 8px solid #00dbcf;
    padding-left: 12px;
}
.uspContainer .USP .uspItem .uspItemInner .uspHeading {
    color: #003a65;
    display: block;
    font-family:
        Derailed-ExtraBold,
        Raleway-ExtraBold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1.3125rem;
    line-height: normal;
}
@media screen and (min-width: 48rem) {
    .uspContainer .USP .uspItem .uspItemInner .uspHeading {
        font-size: 1.875rem;
    }
}
@media screen and (min-width: 60rem) {
    .uspContainer .USP .uspItem .uspItemInner .uspHeading {
        font-size: 2.1875rem;
    }
}
.uspContainer .USP .uspItem .uspItemInner .uspSubheading {
    color: #00857e;
    display: block;
    font-family:
        Derailed-Regular,
        Raleway-Regular,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 0.9375rem;
    font-weight: 600;
    line-height: normal;
    padding-top: 0.5rem;
}
@media screen and (min-width: 48rem) {
    .uspContainer .USP .uspItem .uspItemInner .uspSubheading {
        font-size: 1.125rem;
        padding-top: 0.8rem;
    }
}
details.alertBanner {
    border: 1px solid;
}
details.alertBanner summary {
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    min-height: 3.4375rem;
    padding: 0.625rem 3.125rem 0.625rem 0.625rem;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
details.alertBanner summary .summaryText {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.125rem;
    left: 0.625rem;
    padding: 0;
    top: 50%;
}
@media screen and (min-width: 60rem) {
    details.alertBanner summary .summaryText {
        font-size: 1.375rem;
    }
}
details.alertBanner summary .summaryText:before {
    font-family: Font Awesome\5 Free;
    font-size: 26px;
    margin-right: 0.5rem;
}
details.alertBanner summary .chevron {
    border-radius: 5px;
    display: block;
    height: 2.1875rem;
    position: absolute;
    right: 0.625rem;
    text-decoration: none;
    top: 0.625rem;
    width: 2.1875rem;
}
details.alertBanner summary .chevron:after {
    color: #fff;
    content: "\f078";
    font-family: Font Awesome\5 Free;
    left: 50%;
    position: absolute;
    top: 55%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
@media screen and (min-width: 48rem) {
    details.alertBanner summary .chevron:after {
        top: 50%;
    }
}
details.alertBanner .alertContent {
    padding: 0.625rem 2.125rem 1.25rem;
}
@media screen and (min-width: 60rem) {
    details.alertBanner .alertContent {
        padding: 0.625rem 2.5rem 1.25rem;
    }
}
details.alertBanner .alertContent p {
    padding-top: 0;
}
details.alertBanner .alertContent p:empty {
    display: none;
}
.course-page .featured-content details.alertBanner .alertContent .module-title,
details.alertBanner .alertContent .course-page .featured-content .module-title,
details.alertBanner .alertContent h4 {
    font-size: 1.125rem;
    padding-bottom: 0.3125rem;
    padding-top: 0;
}
@media screen and (min-width: 60rem) {
    .course-page .featured-content details.alertBanner .alertContent .module-title,
    details.alertBanner .alertContent .course-page .featured-content .module-title,
    details.alertBanner .alertContent h4 {
        font-size: 1.375rem;
    }
}
details.alertBanner .alertContent h5 {
    font-size: 0.9375rem;
    padding-bottom: 0.3125rem;
    padding-top: 0;
}
@media screen and (min-width: 60rem) {
    details.alertBanner .alertContent h5 {
        font-size: 1.125rem;
    }
}
details.alertBanner .alertContent .findMoreLink {
    font-family:
        Derailed-ExtraBold,
        Raleway-ExtraBold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 0.9375rem;
}
@media screen and (min-width: 60rem) {
    details.alertBanner .alertContent .findMoreLink {
        font-size: 1.125rem;
    }
}
details.alertBanner .alertContent .findMoreLink a,
details.alertBanner .alertContent .findMoreLink a:visited,
details.alertBanner .alertContent .findMoreLink a:visited:after {
    color: #0073bc;
}
details.alertBanner .alertContent .findMoreLink a:after {
    color: #0073bc;
    content: "\f061";
    font-family: Font Awesome\5 Free;
    font-size: 0.9375rem;
    top: 0;
}
@media screen and (min-width: 60rem) {
    details.alertBanner .alertContent .findMoreLink a:after {
        font-size: 1.125rem;
    }
}
details.high {
    border-color: #da1a35;
}
details.high summary {
    color: #8d1122;
}
details.high summary::marker {
    color: #da1a35;
    content: "\f071";
    content: "";
    font-family: Font Awesome\5 Free;
}
details.high summary .summaryText {
    color: #8d1122;
}
details.high summary .summaryText:before {
    color: #da1a35;
    content: "\f071";
}
details.high summary .chevron {
    background-color: #da1a35;
}
details.high summary .chevron:hover {
    background-color: #051435;
}
.course-page .featured-content details.high .alertContent .module-title,
details.high .alertContent .course-page .featured-content .module-title,
details.high .alertContent h4,
details.high .alertContent h5 {
    color: #8d1122;
}
details.low {
    border-color: #003a65;
}
details.low summary {
    color: #003a65;
}
details.low summary::marker {
    color: #003a65;
    content: "";
    font-family: Font Awesome\5 Free;
}
details.low summary .summaryText {
    color: #003a65;
}
details.low summary .summaryText:before {
    color: #003a65;
    content: "\f071";
}
details.low summary .chevron {
    background-color: #003a65;
}
details.low summary .chevron:hover {
    background-color: #051435;
}
.course-page .featured-content details.low .alertContent .module-title,
details.low .alertContent .course-page .featured-content .module-title,
details.low .alertContent h4,
details.low .alertContent h5 {
    color: #051435;
}
details.information {
    border-color: #051435;
}
details.information summary {
    color: #051435;
}
details.information summary::marker {
    color: #051435;
    content: "";
    font-family: Font Awesome\5 Free;
}
details.information summary::-webkit-details-marker {
    display: none;
}
details.information summary .summaryText {
    color: #051435;
}
details.information summary .summaryText:before {
    color: #051435;
    content: url(/webtemplate/img/icons/eurus-icons/eurus-info-icon.svg);
    height: 1.875rem;
}
details.information summary .chevron {
    background-color: #051435;
}
details.information summary .chevron:hover {
    background-color: #0073bc;
}
.course-page .featured-content details.information .alertContent .module-title,
details.information .alertContent .course-page .featured-content .module-title,
details.information .alertContent h4,
details.information .alertContent h5 {
    color: #051435;
}
details.positive {
    border-color: #00857e;
}
details.positive summary {
    color: #00857e;
}
details.positive summary::marker {
    color: #00857e;
    content: "";
    font-family: Font Awesome\5 Free;
}
details.positive summary .summaryText {
    color: #00857e;
}
details.positive summary .summaryText:before {
    color: #00857e;
    content: "\f058";
}
details.positive summary .chevron {
    background-color: #00857e;
}
details.positive summary .chevron:hover {
    background-color: #051435;
}
.course-page .featured-content details.positive .alertContent .module-title,
details.positive .alertContent .course-page .featured-content .module-title,
details.positive .alertContent h4,
details.positive .alertContent h5 {
    color: #00857e;
}
.alertLink {
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #0073bc;
    border-radius: 5px;
    color: #0073bc;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1.125rem;
    min-height: 55px;
    padding: 0.625rem;
    position: relative;
}
@media screen and (min-width: 60rem) {
    .alertLink {
        font-size: 1.375rem;
    }
}
.alertLink .alertIcon {
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start;
}
.alertLink .alertIcon:before {
    color: #0073bc;
    content: url(/webtemplate/img/icons/eurus-icons/eurus-info-icon-mid-blue.svg);
    display: block;
    height: 24px;
    margin-right: 10px;
    -webkit-transform: translateY(10%);
    transform: translateY(10%);
}
.alertLink .alertTextWrapper {
    line-height: 1.3;
}
.alertLink .alertTextWrapper .alertText {
    color: #0073bc;
    line-height: 1.2;
}
.alertLink .alertTextWrapper .alertArrow:after {
    content: "\f061";
    font-family: Font Awesome\5 Free;
    font-size: 18px;
    position: relative;
    text-decoration: none;
}
@media screen and (min-width: 60rem) {
    .alertLink .alertTextWrapper .alertArrow:after {
        font-size: 20px;
    }
}
.alertLink:hover {
    text-decoration: none;
}
.alertLink:hover .alertText {
    color: #0073bc;
    text-decoration: underline;
    text-underline-offset: 2px;
}
.alertLink:hover .alertText:after {
    text-decoration: none !important;
}
.alertLink:hover .alertArrow:after,
.alertLink:hover .alertText:after {
    color: #0073bc;
    left: 5px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.alertLink:hover .alertArrow:after {
    text-decoration: none;
}
.alertLink:visited {
    color: #0073bc;
}
details[open] summary .chevron:after {
    content: "\f077" !important;
}
details.accordionBanner {
    border-bottom: 1px solid;
    border-color: #c3e4e8;
}
details.accordionBanner summary {
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    min-height: 3.4375rem;
    padding: 0.625rem 3.125rem 0.625rem 0;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
details.accordionBanner summary::marker {
    content: "";
}
details.accordionBanner summary:hover .chevron {
    background-color: #051435;
    color: #fff;
}
details.accordionBanner summary .summaryText {
    -ms-flex-align: center;
    align-items: center;
    color: #003a65;
    display: -ms-flexbox;
    display: flex;
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1.125rem;
    left: 0.625rem;
    padding: 0;
    text-decoration: none;
    top: 50%;
}
@media screen and (min-width: 60rem) {
    details.accordionBanner summary .summaryText {
        font-size: 1.375rem;
    }
}
details.accordionBanner summary .summaryText:before {
    font-family: Font Awesome\5 Free;
    font-size: 26px;
    margin-right: 0.5rem;
}
details.accordionBanner summary .chevron {
    background-color: #8ed8f8;
    border-radius: 5px;
    color: #051435;
    display: block;
    height: 2.1875rem;
    position: absolute;
    right: 0.625rem;
    text-decoration: none;
    top: 0.625rem;
    width: 2.1875rem;
}
details.accordionBanner summary .chevron:after {
    content: "\f078";
    font-family: Font Awesome\5 Free;
    left: 50%;
    position: absolute;
    top: 55%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
@media screen and (min-width: 48rem) {
    details.accordionBanner summary .chevron:after {
        top: 50%;
    }
}
details.accordionBanner summary .chevron:hover {
    background-color: #051435;
    color: #fff;
}
details.accordionBanner .accordionContent {
    padding: 0.625rem 0.625rem 1.25rem;
}
details.accordionBanner .accordionContent p {
    padding-top: 0;
}
details.accordionBanner .accordionContent p:empty {
    display: none;
}
.course-page .featured-content details.accordionBanner .accordionContent .module-title,
details.accordionBanner .accordionContent .course-page .featured-content .module-title,
details.accordionBanner .accordionContent h4 {
    color: #4c4c4c;
    font-size: 1.125rem;
    padding-bottom: 0.3125rem;
    padding-top: 0;
}
@media screen and (min-width: 60rem) {
    .course-page .featured-content details.accordionBanner .accordionContent .module-title,
    details.accordionBanner .accordionContent .course-page .featured-content .module-title,
    details.accordionBanner .accordionContent h4 {
        font-size: 1.375rem;
    }
}
details.accordionBanner .accordionContent h5 {
    color: #4c4c4c;
    font-size: 0.9375rem;
    padding-bottom: 0.3125rem;
    padding-top: 0;
}
@media screen and (min-width: 60rem) {
    details.accordionBanner .accordionContent h5 {
        font-size: 1.125rem;
    }
}
details summary::-webkit-details-marker {
    display: none;
}
.graphCardRow {
    display: -ms-grid;
    display: grid;
    gap: 20px;
}
.graphCardRow ol,
.graphCardRow p,
.graphCardRow pre,
.graphCardRow ul {
    padding: 0;
}
@media screen and (min-width: 64rem) {
    .graphCardRow {
        -ms-grid-columns: (minmax(0, 1fr)) [3];
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
.graphCardRow .graphCard {
    -ms-flex-pack: justify;
    background: -webkit-gradient(linear, left top, right top, color-stop(29.69%, #f1f9fe), to(#cee7f7));
    background: linear-gradient(90deg, #f1f9fe 29.69%, #cee7f7);
    display: -ms-flexbox;
    display: flex;
    height: 5.950375rem;
    justify-content: space-between;
}
@media screen and (min-width: 64rem) {
    .graphCardRow .graphCard {
        height: 10rem;
    }
}
.graphCardRow .graphCard .graphCardText {
    margin: 0.625rem 0 0.625rem 0.625rem;
    padding: 0;
}
@media screen and (min-width: 64rem) {
    .graphCardRow .graphCard .graphCardText {
        margin: 1.25rem 0 1.25rem 1.25rem;
    }
}
.graphCardRow .graphCard .graphCardText .itemName {
    color: #4a4a4a;
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 0.875rem;
    line-height: normal;
    padding: 0;
}
@media screen and (min-width: 40rem) {
    .graphCardRow .graphCard .graphCardText .itemName {
        font-size: 1.125rem;
    }
}
@media screen and (min-width: 48rem) {
    .graphCardRow .graphCard .graphCardText .itemName {
        font-size: 1.375rem;
    }
}
@media screen and (min-width: 64rem) {
    .graphCardRow .graphCard .graphCardText .itemName {
        font-size: 1rem;
    }
}
@media screen and (min-width: 75rem) {
    .graphCardRow .graphCard .graphCardText .itemName {
        font-size: 1.125rem;
    }
}
.graphCardRow .graphCard .graphCardText .cities {
    display: -ms-flexbox;
    display: flex;
    gap: 0.625rem;
    padding-top: 0.625rem;
}
@media screen and (min-width: 64rem) {
    .graphCardRow .graphCard .graphCardText .cities {
        display: block;
    }
}
.graphCardRow .graphCard .graphCardText .cities .city {
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 0.875rem;
    line-height: normal;
}
@media screen and (min-width: 40rem) {
    .graphCardRow .graphCard .graphCardText .cities .city {
        font-size: 1.0625rem;
    }
}
@media screen and (min-width: 48rem) {
    .graphCardRow .graphCard .graphCardText .cities .city {
        font-size: 1.5rem;
    }
}
@media screen and (min-width: 64rem) {
    .graphCardRow .graphCard .graphCardText .cities .city {
        font-size: 1.1875rem;
    }
}
@media screen and (min-width: 75rem) {
    .graphCardRow .graphCard .graphCardText .cities .city {
        font-size: 1.375rem;
    }
}
.graphCardRow .graphCard .graphCardText .cities .city.city-1 {
    color: #00857e;
}
.graphCardRow .graphCard .graphCardText .cities .city.city-2 {
    color: #da1a35;
}
.graphCardRow .graphCard .svg-item {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0.4375rem 0.4375rem 0.4375rem 0.625rem;
    max-width: 40%;
}
@media screen and (min-width: 48rem) {
    .graphCardRow .graphCard .svg-item {
        margin: 0.4375rem 2.5rem 0.4375rem 0.625rem;
    }
}
@media screen and (min-width: 64rem) {
    .graphCardRow .graphCard .svg-item {
        margin: 0.8125rem 0;
    }
}
.graphCardRow .graphCard .svg-item .donut-ring {
    stroke: #c0d3e8;
}
.graphCardRow .graphCard .svg-item .donut-segment {
    stroke: #00857e;
    -webkit-transform-origin: center;
    transform-origin: center;
}
.graphCardRow .graphCard .svg-item .donut-text .donut-percent {
    fill: #00857e;
    font-family:
        Derailed-ExtraBold,
        Raleway-ExtraBold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 0.7em;
    line-height: 1;
}
@media screen and (min-width: 48rem) {
    .graphCardRow .graphCard .svg-item .donut-text .donut-percent {
        font-size: 0.6rem;
    }
}
@media screen and (min-width: 64rem) {
    .graphCardRow .graphCard .svg-item .donut-text .donut-percent {
        font-size: 0.5rem;
    }
}
.graphCardRow .graphCard .svg-item .donut-text .donut-data {
    text-anchor: middle;
    fill: #00857e;
    font-family:
        Derailed-ExtraBold,
        Raleway-ExtraBold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 0.4em;
    line-height: 1;
    text-align: center;
}
@media screen and (min-width: 48rem) {
    .graphCardRow .graphCard .svg-item .donut-text .donut-data {
        font-size: 0.35rem;
    }
}
@media screen and (min-width: 64rem) {
    .graphCardRow .graphCard .svg-item .donut-text .donut-data {
        font-size: 0.3rem;
    }
}
.tableComponent {
    overflow: clip;
}
.tableComponent .tableContainer {
    margin-bottom: 50px;
    overflow-x: auto;
    width: 100%;
}
.tableComponent .tableContainer table:last-of-type,
.tableComponent .tableContainer:last-of-type {
    margin-bottom: 0;
}
.tableComponent .tableContainer table thead {
    border-bottom: 1px solid #003a65;
}
.tableComponent .tableContainer table thead th {
    background-color: #fff;
    border: none;
    color: #4a4a4a;
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 0.9375rem;
    padding: 0.625rem;
    text-align: left;
}
@media screen and (min-width: 48rem) {
    .tableComponent .tableContainer table thead th {
        font-size: 1.125rem;
    }
}
.tableComponent .tableContainer table tbody tr {
    border-bottom: 1px solid #003a65;
}
.tableComponent .tableContainer table tbody tr th {
    text-align: left;
}
.tableComponent .tableContainer table tbody tr td {
    border: none;
    font-family:
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 0.875rem;
    padding: 0.625rem;
}
@media screen and (min-width: 48rem) {
    .tableComponent .tableContainer table tbody tr td {
        font-size: 1rem;
    }
}
.tableComponent.hideHeaders table thead {
    display: none;
}
.tableComponent.alternatingRows table tbody tr:nth-child(odd) {
    background-color: #f1f9fe;
}
.tableComponent.alternatingRows table tbody tr:nth-child(2n) {
    background-color: #fff;
}
.tableComponent.firstColHeaders table tbody tr td:first-of-type {
    font-weight: 700;
}
.publicLecturesLayout .header {
    padding-bottom: 0;
}
.publicLecturesLayout .header .headerContent {
    margin-bottom: 0 !important;
}
.publicLecturesLayout .header h1 {
    padding-bottom: 0;
}
.publicLecturesLayout .header p {
    font-family:
        Bariol,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1.125rem;
    margin-left: 0 !important;
    padding-left: 20px !important;
}
@media screen and (min-width: 40rem) {
    .publicLecturesLayout .header p {
        font-size: 1.5625rem;
        padding-left: 40px !important;
    }
}
.publicLecturesLayout .dateTime {
    color: #003a65;
    font-family:
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1rem;
    padding-bottom: 1.875rem;
    padding-top: 1.875rem;
}
@media screen and (min-width: 40rem) {
    .publicLecturesLayout .dateTime {
        padding-bottom: 3.125rem;
        padding-top: 2.5rem;
    }
}
.publicLecturesLayout .articleContent {
    -ms-grid-columns: (minmax(0, 1fr)) [1];
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    padding-bottom: 3.90625rem;
}
@media screen and (min-width: 60rem) {
    .publicLecturesLayout .articleContent {
        padding-bottom: 6.25rem;
    }
}
.publicLecturesLayout .articleContent .contentWrapper {
    color: #4a4a4a;
    font-family:
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 0.875rem;
    line-height: 1.4375rem;
}
@media screen and (min-width: 60rem) {
    .publicLecturesLayout .articleContent .contentWrapper {
        font-size: 1rem;
    }
}
.course-page .featured-content .publicLecturesLayout .articleContent .contentWrapper .module-title,
.publicLecturesLayout .articleContent .contentWrapper .course-page .featured-content .module-title,
.publicLecturesLayout .articleContent .contentWrapper h2,
.publicLecturesLayout .articleContent .contentWrapper h3,
.publicLecturesLayout .articleContent .contentWrapper h4,
.publicLecturesLayout .articleContent .contentWrapper h5 {
    color: #4a4a4a;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.4375rem;
    padding-bottom: 0.625rem;
    padding-top: 0;
}
.publicLecturesLayout .articleContent .contentWrapper a:not(.cta) {
    color: #0073bc;
    cursor: pointer;
    text-decoration: underline;
}
.publicLecturesLayout .articleContent .contentWrapper p {
    padding: 0 0 1.25rem;
}
.publicLecturesLayout .articleContent .contentWrapper:last-child:not(.cta) {
    padding-bottom: 0;
}
.gallery.mediaGallery .buttons .publicLecturesLayout .articleContent .contentWrapper .btn,
.publicLecturesLayout .articleContent .contentWrapper .cta,
.publicLecturesLayout .articleContent .contentWrapper .gallery.mediaGallery .buttons .btn {
    margin: 3rem 0;
}
@media screen and (min-width: 60rem) {
    .gallery.mediaGallery .buttons .publicLecturesLayout .articleContent .contentWrapper .btn,
    .publicLecturesLayout .articleContent .contentWrapper .cta,
    .publicLecturesLayout .articleContent .contentWrapper .gallery.mediaGallery .buttons .btn {
        margin: 0.9375rem 0 0;
        min-width: 66%;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }
}
.gallery.mediaGallery .buttons .publicLecturesLayout .articleContent .contentWrapper .btn:after,
.publicLecturesLayout .articleContent .contentWrapper .cta:after,
.publicLecturesLayout .articleContent .contentWrapper .gallery.mediaGallery .buttons .btn:after {
    content: "\f061";
}
@media screen and (min-width: 60rem) {
    .publicLecturesLayout .articleContent.imagePresent {
        -ms-grid-columns: (minmax(0, 1fr)) [2];
        -webkit-column-gap: 1.375rem;
        -moz-column-gap: 1.375rem;
        column-gap: 1.375rem;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
.gallery.mediaGallery .buttons .publicLecturesLayout .fullWidthRibbon .midBlue.btn,
.publicLecturesLayout .fullWidthRibbon .cta.midBlue,
.publicLecturesLayout .fullWidthRibbon .gallery.mediaGallery .buttons .midBlue.btn {
    background-color: #8ed8f8;
}
.gallery.mediaGallery .buttons .publicLecturesLayout .fullWidthRibbon .left.btn,
.publicLecturesLayout .fullWidthRibbon .cta.left,
.publicLecturesLayout .fullWidthRibbon .gallery.mediaGallery .buttons .left.btn {
    border: 1px solid #8ed8f8;
    padding: 0 1.25rem 0 2.875rem;
}
@media screen and (min-width: 60rem) {
    .gallery.mediaGallery .buttons .publicLecturesLayout .fullWidthRibbon .left.btn,
    .publicLecturesLayout .fullWidthRibbon .cta.left,
    .publicLecturesLayout .fullWidthRibbon .gallery.mediaGallery .buttons .left.btn {
        padding: 0 1.25rem 0 3.5rem;
    }
}
.gallery.mediaGallery .buttons .publicLecturesLayout .fullWidthRibbon .left.btn:after,
.publicLecturesLayout .fullWidthRibbon .cta.left:after,
.publicLecturesLayout .fullWidthRibbon .gallery.mediaGallery .buttons .left.btn:after {
    content: "\f060";
    left: 1.5rem;
    -webkit-transition: left 0.3s ease-in-out;
    transition: left 0.3s ease-in-out;
}
.gallery.mediaGallery .buttons .publicLecturesLayout .fullWidthRibbon .left.btn:hover,
.publicLecturesLayout .fullWidthRibbon .cta.left:hover,
.publicLecturesLayout .fullWidthRibbon .gallery.mediaGallery .buttons .left.btn:hover {
    background-color: #051435;
    border: 1px solid #051435;
}
.gallery.mediaGallery .buttons .publicLecturesLayout .fullWidthRibbon .left.btn:hover:after,
.publicLecturesLayout .fullWidthRibbon .cta.left:hover:after,
.publicLecturesLayout .fullWidthRibbon .gallery.mediaGallery .buttons .left.btn:hover:after {
    left: 1.125rem;
}
.gallery.mediaGallery .buttons .publicLecturesLayout .fullWidthRibbon .right.btn,
.publicLecturesLayout .fullWidthRibbon .cta.right,
.publicLecturesLayout .fullWidthRibbon .gallery.mediaGallery .buttons .right.btn {
    padding: 0 2.875rem 0 1.25rem;
}
@media screen and (min-width: 60rem) {
    .gallery.mediaGallery .buttons .publicLecturesLayout .fullWidthRibbon .right.btn,
    .publicLecturesLayout .fullWidthRibbon .cta.right,
    .publicLecturesLayout .fullWidthRibbon .gallery.mediaGallery .buttons .right.btn {
        padding: 0 3.5rem 0 1.25rem;
    }
}
.gallery.mediaGallery .buttons .publicLecturesLayout .fullWidthRibbon .right.btn:after,
.publicLecturesLayout .fullWidthRibbon .cta.right:after,
.publicLecturesLayout .fullWidthRibbon .gallery.mediaGallery .buttons .right.btn:after {
    content: "\f061";
}
.findCountry {
    background-color: #0073bc;
    font-family: Derailed;
    margin: 0 0 1.875rem;
}
.findCountry .countryHeading {
    color: #fff;
    font-size: 35px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    padding: 1.875rem 0 1.25rem;
}
.findCountry .countryListContainer {
    -ms-flex-pack: justify;
    border-bottom: 1px;
    border-color: #fff;
    border-style: solid;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: space-between;
    padding-bottom: 1.875rem;
}
.findCountry .countryListContainer .countryListWrapper {
    display: block;
    margin-right: 8px;
    position: relative;
    width: 100%;
}
.findCountry .countryListContainer .countryListWrapper:after {
    color: #003a65;
    content: "\f0d7";
    font-family: Font Awesome\5 Free;
    font-size: 45px;
    pointer-events: none;
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.findCountry .countryListContainer .countryListWrapper label {
    display: -ms-flexbox;
    display: flex;
    height: 100%;
}
.findCountry .countryListContainer .countryListWrapper label.error {
    border: 2px solid red;
}
.findCountry .countryListContainer .countryListWrapper label.error:before {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    color: #d6062a;
    content: "\f071";
    font-family: Font Awesome\5 Free;
    font-size: 1.25rem;
    left: 0.75rem;
    pointer-events: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
}
@media screen and (min-width: 48rem) {
    .findCountry .countryListContainer .countryListWrapper label.error:before {
        font-size: 1.5625rem;
        left: 0.625rem;
    }
}
.findCountry .countryListContainer .countryListWrapper label.error .countryList {
    padding-left: 40px;
}
.findCountry .countryListContainer .countryListWrapper label .countryList {
    -moz-appearance: none;
    -webkit-appearance: none;
    border-color: #fff;
    color: #003a65;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    height: 3.75rem;
    line-height: normal;
    padding: 0.9375rem 1.25rem;
    width: 100%;
}
.findCountry .countryListContainer .countryListWrapper label .countryList:focus {
    outline: 4px dashed #051435;
}
.findCountry .countryListContainer .countryListWrapper label .countryList .country {
    -ms-flex-align: center;
    align-items: center;
    color: #003a65;
    display: -ms-flexbox;
    display: flex;
    padding: 0.9375rem 1.25rem;
    width: 204px;
}
.findCountry .countryListContainer .countrySubmitWrapper .countryButton {
    border: 1px solid #fff;
    border-radius: 5px;
    height: 100%;
    position: relative;
    width: 60px;
}
.findCountry .countryListContainer .countrySubmitWrapper .countryButton:focus {
    outline: 4px dashed #051435;
}
.findCountry .countryListContainer .countrySubmitWrapper .countryButton:hover {
    background: #003a65;
}
.findCountry .linkContainer {
    padding: 1.875rem 0.9375rem;
}
.findCountry .linkContainer .countryListLink {
    padding: 0;
}
.findCountry .linkContainer .countryListLink a {
    color: #fff;
    font-size: 16px;
    text-decoration: none;
    text-decoration-color: #fff;
    text-decoration-line: underline;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    text-decoration-style: solid;
    text-decoration-thickness: auto;
}
#countriesNavigation {
    -ms-grid-columns: (minmax(0, 1fr)) [4];
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    column-gap: 15px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    padding: 20px 0;
    row-gap: 10px;
}
@media screen and (min-width: 48rem) {
    #countriesNavigation {
        -ms-grid-columns: (minmax(0, 1fr)) [8];
        -webkit-column-gap: 25px;
        -moz-column-gap: 25px;
        column-gap: 25px;
        grid-template-columns: repeat(8, minmax(0, 1fr));
        padding: 40px 0;
    }
}
@media screen and (min-width: 75rem) {
    #countriesNavigation {
        -ms-grid-columns: (minmax(0, 1fr)) [12];
        grid-template-columns: repeat(12, minmax(0, 1fr));
    }
}
#countriesNavigation .countryNavLink {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -ms-flex-negative: 0;
    align-items: center;
    background-color: #f5fafb;
    border-radius: 5px;
    color: #0073bc;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-shrink: 0;
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1.125rem;
    gap: 10px;
    height: 50px;
    justify-content: center;
    text-align: center;
}
@media screen and (min-width: 48rem) {
    #countriesNavigation .countryNavLink {
        font-size: 1.5625rem;
    }
}
#countriesNavigation .countryNavLink.active {
    background-color: #0073bc;
    color: #fff;
}
#countriesNavigation .countryNavLink.disabled {
    opacity: 0.44;
    pointer-events: none;
}
#countriesNavigation .countryNavLink:hover {
    background-color: #003a65;
    color: #fff;
}
.clearCountries {
    -ms-grid-columns: (minmax(0, 1fr)) [1];
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media screen and (min-width: 48rem) {
    .clearCountries {
        -ms-grid-columns: (minmax(0, 1fr)) [3];
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
.clearCountries .gallery.mediaGallery .buttons button.btn,
.clearCountries button.cta,
.gallery.mediaGallery .buttons .clearCountries button.btn {
    width: 100%;
}
.clearCountries .gallery.mediaGallery .buttons button.btn:after,
.clearCountries button.cta:after,
.gallery.mediaGallery .buttons .clearCountries button.btn:after {
    content: "\f00d";
}
.clearCountries .gallery.mediaGallery .buttons button.btn:hover:after,
.clearCountries button.cta:hover:after,
.gallery.mediaGallery .buttons .clearCountries button.btn:hover:after {
    right: 1.5rem;
}
#countriesListContainer .countryByLetter:not(:last-of-type) {
    border-bottom: 1px solid #c3e4e8;
}
#countriesListContainer .countryByLetter h2 {
    color: #003a65;
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1.25rem;
    padding-bottom: 0;
    padding-top: 2.1875rem;
}
@media screen and (min-width: 48rem) {
    #countriesListContainer .countryByLetter h2 {
        font-size: 1.5625rem;
        padding-top: 1.875rem;
    }
}
#countriesListContainer .countryByLetter ul {
    list-style: none;
    margin-left: 0;
    padding: 15px 0 30px;
}
@media screen and (min-width: 48rem) {
    #countriesListContainer .countryByLetter ul {
        padding: 35px 0;
    }
}
#countriesListContainer .countryByLetter ul li a {
    color: #0073bc;
    font-family:
        Derailed-SemiBold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1rem;
    font-style: normal;
    line-height: 25px;
}
#countriesListContainer .countryByLetter ul li a:hover {
    text-decoration: underline;
}
.portraitVideoComponent {
    margin: 0;
    padding: 35px 0 30px !important;
}
.portraitVideoComponent .splide__pagination {
    bottom: -40px !important;
}
.portraitVideoComponent .splide__pagination__page {
    height: 18px !important;
    opacity: 1 !important;
    width: 18px !important;
}
.portraitVideoComponent .splide__pagination__page.is-active {
    -webkit-transform: scale(1);
    transform: scale(1);
}
.portraitVideoComponent .splide__arrow {
    background: #8ed8f8;
    border-radius: 5px;
    height: 40px;
    opacity: 1;
    width: 40px;
}
.portraitVideoComponent .splide__arrow--prev {
    left: 0;
}
.portraitVideoComponent .splide__arrow--next {
    right: 0;
}
.portraitVideoComponent .splide__arrow svg {
    height: 30px;
    width: 30px;
}
.portraitVideoComponent .splide__arrow:hover:not(:disabled) {
    background: #051435;
    color: #fff;
}
.portraitVideoComponent .splide__slide:not(.is-active) {
    opacity: 0.2;
    pointer-events: none;
}
@media screen and (min-width: 75rem) {
    .portraitVideoComponent .splide__slide:not(.is-active) {
        opacity: 1;
        pointer-events: auto;
    }
}
.portraitVideoComponent .splide__video__play {
    background-color: #8ed8f8;
}
@media screen and (min-width: 60rem) {
    .portraitVideoComponent .splide__video__play {
        height: 70px;
        width: 70px;
    }
}
.portraitVideoComponent .splide__video__play:after {
    border: none;
    color: #003a65;
    content: "\f04b";
    font-family: Font Awesome\5 Free;
    font-size: 20px;
    left: 55%;
    margin-left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
@media screen and (min-width: 60rem) {
    .portraitVideoComponent .splide__video__play:after {
        font-size: 35px;
    }
}
.portraitVideoComponent.portraitVideoGroup {
    padding: 5.3125rem 0;
}
@media screen and (min-width: 75rem) {
    .portraitVideoComponent.portraitVideoGroup {
        padding: 6.25rem 0;
    }
}
.portraitVideoComponent.portraitVideoDual .panel {
    padding-top: 3.125rem;
}
@media screen and (min-width: 48rem) {
    .portraitVideoComponent.portraitVideoDual .panel {
        padding-top: 2.1875rem;
    }
}
@media screen and (min-width: 60rem) {
    .portraitVideoComponent.portraitVideoDual .panel {
        padding-top: 5rem;
    }
}
.portraitVideoComponent.portraitVideoSingle .panel {
    padding-top: 3.125rem;
}
@media screen and (min-width: 40rem) {
    .portraitVideoComponent.portraitVideoSingle .panel {
        padding-top: 0.625rem;
    }
}
.portraitVideoComponent.panel {
    padding-top: 0.625rem;
}
.portraitVideoComponent.bgPresent.lightBlueBg {
    background-color: #f1f9fe;
}
.portraitVideoComponent.bgPresent.lightBlueBg .splide__pagination__page {
    background-color: #d9d9d9 !important;
}
.portraitVideoComponent.bgPresent.lightBlueBg .splide__pagination__page.is-active {
    background-color: #8ed8f8 !important;
}
.portraitVideoComponent.bgPresent.coreBlueBg {
    background-color: #003a65;
}
.portraitVideoComponent.bgPresent.coreBlueBg .splide__pagination__page {
    background-color: #d9d9d9 !important;
}
.portraitVideoComponent.bgPresent.coreBlueBg .splide__pagination__page.is-active {
    background-color: #8ed8f8 !important;
}
.portraitVideoComponent.portraitVideoDual .panelContainerOuter {
    padding-top: 0;
}
@media screen and (min-width: 48rem) {
    .portraitVideoComponent.portraitVideoDual .panelContainerOuter {
        padding-top: 3.125rem;
    }
}
@media screen and (min-width: 64rem) {
    .portraitVideoComponent.portraitVideoDual .panelContainerOuter {
        padding-top: 5rem;
    }
}
.portraitVideoComponent.portraitVideoGroup.bgPresent {
    padding: 35px 0 55px !important;
}
@media screen and (min-width: 60rem) {
    .portraitVideoComponent.portraitVideoGroup.bgPresent {
        padding: 60px 0 !important;
    }
}
.portraitVideoComponent.portraitVideoGroup .splide__portrait-video-item {
    border: 2px solid #92acca;
    border-radius: 20px;
    overflow: hidden;
}
.portraitVideoComponent.portraitVideoGroup .splide__portrait-video-item:hover {
    border-color: #0073bc;
}
.portraitVideoComponent.portraitVideoGroup .splide__portrait-video-item img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    width: 100%;
}
.portraitVideoComponent.portraitVideoGroup .splide__portrait-video-item iframe {
    border: 0;
    height: 100%;
    width: 100%;
}
.portraitVideoComponent.portraitVideoGroup .splide__portrait-video-item .previewOverlay .captionContainer {
    background-color: rgba(0, 58, 101, 0.9);
    bottom: 0;
    display: block;
    left: 0;
    line-height: normal;
    padding: 0.3125rem 0.9375rem 0.9375rem;
    position: absolute;
    width: 100%;
}
@media screen and (min-width: 60rem) {
    .portraitVideoComponent.portraitVideoGroup .splide__portrait-video-item .previewOverlay .captionContainer {
        padding: 0.9375rem 0.625rem;
    }
}
.portraitVideoComponent.portraitVideoGroup .splide__portrait-video-item .previewOverlay .captionContainer h3 {
    color: #fff;
    display: inline;
    font-size: 0.6875rem;
    font-weight: 700;
    line-height: normal;
    padding-bottom: 0;
}
@media screen and (min-width: 48rem) {
    .portraitVideoComponent.portraitVideoGroup .splide__portrait-video-item .previewOverlay .captionContainer h3 {
        font-size: 0.875rem;
        line-height: 8px;
    }
}
@media screen and (min-width: 60rem) {
    .portraitVideoComponent.portraitVideoGroup .splide__portrait-video-item .previewOverlay .captionContainer h3 {
        font-size: 0.9375rem;
        line-height: 10px;
    }
}
.portraitVideoComponent.portraitVideoGroup .splide__portrait-video-item .previewOverlay .captionContainer p {
    color: #8ed8f8;
    display: inline;
    font-family:
        Derailed-Regular,
        Raleway-Regular,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 0.6875rem;
    line-height: 18px;
}
@media screen and (min-width: 48rem) {
    .portraitVideoComponent.portraitVideoGroup .splide__portrait-video-item .previewOverlay .captionContainer p {
        font-size: 0.8125rem;
        line-height: 8px;
    }
}
@media screen and (min-width: 60rem) {
    .portraitVideoComponent.portraitVideoGroup .splide__portrait-video-item .previewOverlay .captionContainer p {
        font-size: 0.875rem;
    }
}
.portraitVideoComponent.portraitVideoGroup .splide__list {
    height: auto !important;
}
.portraitVideoComponent .portraitVideo {
    padding-top: 3.125rem;
}
@media screen and (min-width: 40rem) {
    .portraitVideoComponent .portraitVideo {
        padding-top: 0;
    }
}
.portraitVideoComponent .portraitVideoItem {
    border: 2px solid #92acca;
    border-radius: 20px;
    height: 405px !important;
    margin: 0 auto;
    overflow: hidden;
    width: 228px !important;
}
@media screen and (min-width: 60rem) {
    .portraitVideoComponent .portraitVideoItem {
        height: 560px !important;
        width: 315px !important;
    }
}
.portraitVideoComponent .portraitVideoItem:hover {
    border-color: #0073bc;
}
.portraitVideoComponent .portraitVideoItem img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    width: 100%;
}
.portraitVideoComponent .portraitVideoItem iframe {
    border: 0;
    height: 100%;
    width: 100%;
}
.portraitVideoComponent .portraitVideoItem .previewOverlay .captionContainer {
    line-clamp: 2;
    background-color: rgba(0, 58, 101, 0.9);
    bottom: 0;
    color: #fff;
    display: block;
    height: 3.75rem;
    left: 0;
    line-height: 10px;
    padding: 0.625rem 0.9375rem 0.4375rem;
    position: absolute;
    width: 100%;
}
@media screen and (min-width: 60rem) {
    .portraitVideoComponent .portraitVideoItem .previewOverlay .captionContainer {
        height: 5rem;
        padding: 0.625rem 1.25rem;
    }
}
.portraitVideoComponent .portraitVideoItem .previewOverlay .captionContainer h3 {
    color: #fff;
    display: inline;
    font-family:
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 0.6875rem;
    font-weight: 700;
    line-height: normal;
    padding-bottom: 0;
}
@media screen and (min-width: 60rem) {
    .portraitVideoComponent .portraitVideoItem .previewOverlay .captionContainer h3 {
        font-size: 0.9375rem;
        line-height: 1.125rem;
    }
}
.portraitVideoComponent .portraitVideoItem .previewOverlay .captionContainer p {
    color: #8ed8f8;
    display: inline;
    font-family:
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 0.6875rem;
    line-height: normal;
}
@media screen and (min-width: 60rem) {
    .portraitVideoComponent .portraitVideoItem .previewOverlay .captionContainer p {
        font-size: 0.9375rem;
    }
}
.topReasons .topReasonsContainer {
    padding: 1.875rem;
}
.topReasons .topReasonsContainer.bgTeal {
    background-color: #e4f3f5;
}
.topReasons .topReasonsContainer.bgTeal .titleContainer h2 {
    border-left: 8px solid #00dbcf;
    padding-left: 0.75rem;
}
.topReasons .topReasonsContainer.bgTeal .titleContainer svg .svgColourTarget {
    color: #00dbcf;
}
.topReasons .topReasonsContainer.bgTeal .reasonsContainer ul.numbers li:before {
    background-color: #c3e4e8;
}
.topReasons .topReasonsContainer.bgBlue {
    background-color: #f1f9fe;
}
.topReasons .topReasonsContainer.bgBlue .titleContainer h2 {
    border-left: 8px solid #0073bc;
    padding-left: 0.75rem;
}
.topReasons .topReasonsContainer.bgBlue .titleContainer svg .svgColourTarget {
    color: #0073bc;
}
.topReasons .topReasonsContainer.bgBlue .reasonsContainer ul.numbers li:before {
    background-color: #cee7f7;
}
.topReasons .topReasonsContainer.bgYellow {
    background-color: #fff8e4;
}
.topReasons .topReasonsContainer.bgYellow .titleContainer h2 {
    border-left: 8px solid #fdc82f;
    padding-left: 0.75rem;
}
.topReasons .topReasonsContainer.bgYellow .titleContainer svg .svgColourTarget {
    color: #fdc82f;
}
.topReasons .topReasonsContainer.bgYellow .reasonsContainer ul.numbers li:before {
    background-color: #feedbe;
}
.topReasons .topReasonsContainer .titleContainer {
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 0.9375rem;
    -moz-column-gap: 0.9375rem;
    column-gap: 0.9375rem;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1.25rem;
}
.topReasons .topReasonsContainer .titleContainer h2 {
    color: #003a65;
    font-size: 1.3125rem;
    padding: 0;
}
@media screen and (min-width: 64rem) {
    .topReasons .topReasonsContainer .titleContainer h2 {
        font-size: 1.6875rem;
    }
}
.topReasons .topReasonsContainer .titleContainer svg {
    display: none;
}
.topReasons .topReasonsContainer .titleContainer.books .books-icon,
.topReasons .topReasonsContainer .titleContainer.bridge .bridge-icon,
.topReasons .topReasonsContainer .titleContainer.cap .cap-icon,
.topReasons .topReasonsContainer .titleContainer.computer .computer-icon,
.topReasons .topReasonsContainer .titleContainer.leaves .leaves-icon,
.topReasons .topReasonsContainer .titleContainer.lightbulb .lightbulb-icon,
.topReasons .topReasonsContainer .titleContainer.location .location-icon,
.topReasons .topReasonsContainer .titleContainer.people .people-icon,
.topReasons .topReasonsContainer .titleContainer.science .science-icon,
.topReasons .topReasonsContainer .titleContainer.scroll .scroll-icon,
.topReasons .topReasonsContainer .titleContainer.study .study-icon,
.topReasons .topReasonsContainer .titleContainer.trophy .trophy-icon,
.topReasons .topReasonsContainer .titleContainer.turbine .turbine-icon {
    display: block;
    height: 3.125rem;
    min-width: 3.125rem;
    width: 3.125rem;
}
@media screen and (min-width: 64rem) {
    .topReasons .topReasonsContainer .titleContainer.books .books-icon,
    .topReasons .topReasonsContainer .titleContainer.bridge .bridge-icon,
    .topReasons .topReasonsContainer .titleContainer.cap .cap-icon,
    .topReasons .topReasonsContainer .titleContainer.computer .computer-icon,
    .topReasons .topReasonsContainer .titleContainer.leaves .leaves-icon,
    .topReasons .topReasonsContainer .titleContainer.lightbulb .lightbulb-icon,
    .topReasons .topReasonsContainer .titleContainer.location .location-icon,
    .topReasons .topReasonsContainer .titleContainer.people .people-icon,
    .topReasons .topReasonsContainer .titleContainer.science .science-icon,
    .topReasons .topReasonsContainer .titleContainer.scroll .scroll-icon,
    .topReasons .topReasonsContainer .titleContainer.study .study-icon,
    .topReasons .topReasonsContainer .titleContainer.trophy .trophy-icon,
    .topReasons .topReasonsContainer .titleContainer.turbine .turbine-icon {
        height: 5rem;
        min-width: 5rem;
        width: 5rem;
    }
}
.topReasons .topReasonsContainer .reasonsContainer ul {
    color: #051435;
    counter-reset: item;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family:
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    margin-left: 0;
    padding: 0;
    row-gap: 15px;
}
.topReasons .topReasonsContainer .reasonsContainer ul li {
    font-size: 0.875rem;
}
@media screen and (min-width: 64rem) {
    .topReasons .topReasonsContainer .reasonsContainer ul li {
        font-size: 1rem;
    }
}
.topReasons .topReasonsContainer .reasonsContainer ul.numbers {
    list-style-type: none;
}
.topReasons .topReasonsContainer .reasonsContainer ul.numbers li {
    counter-increment: item;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0;
    position: relative;
}
.topReasons .topReasonsContainer .reasonsContainer ul.numbers li:before {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 100%;
    color: #003a65;
    content: counter(item);
    display: -ms-flexbox;
    display: flex;
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1rem;
    height: 30px;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 30px;
}
.topReasons .topReasonsContainer .reasonsContainer ul.numbers li span {
    display: -ms-flexbox;
    display: flex;
    padding-left: 2.8125rem;
    position: relative;
    top: 5px;
}
.topReasons .topReasonsContainer .reasonsContainer ul.bullets {
    list-style-type: none;
}
.topReasons .topReasonsContainer .reasonsContainer ul.bullets li {
    background-color: transparent;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0;
    position: relative;
}
.topReasons .topReasonsContainer .reasonsContainer ul.bullets li .bullet-icon {
    display: -ms-flexbox;
    display: flex;
    height: 0.625rem;
    min-height: 0.625rem;
    min-width: 0.625rem;
    position: relative;
    top: 7px;
    width: 0.625rem;
}
.topReasons .topReasonsContainer .reasonsContainer ul.bullets li span {
    display: -ms-flexbox;
    display: flex;
    padding-left: 17px;
    position: relative;
}
.topReasons .topReasonsContainer .reasonsContainer ul.check {
    list-style-type: none;
}
.topReasons .topReasonsContainer .reasonsContainer ul.check li {
    background-color: transparent;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0;
    position: relative;
}
.topReasons .topReasonsContainer .reasonsContainer ul.check li .check-icon {
    display: -ms-flexbox;
    display: flex;
    height: 1.875rem;
    min-height: 1.875rem;
    min-width: 1.875rem;
    width: 1.875rem;
}
.topReasons .topReasonsContainer .reasonsContainer ul.check li span {
    display: -ms-flexbox;
    display: flex;
    padding-left: 17px;
    position: relative;
    top: 3px;
}
.topReasons .topReasonsContainer .reasonsContainer ul .bullet-icon,
.topReasons .topReasonsContainer .reasonsContainer ul .check-icon {
    display: none;
}
.pressOffice {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}
@media screen and (min-width: 60rem) {
    .pressOffice {
        -ms-flex-direction: row;
        flex-direction: row;
        padding: 0;
    }
}
.pressOffice .right {
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-left: 0;
}
.pressOffice .right .articleFilterButtons {
    -ms-grid-columns: (minmax(0, 1fr)) [2];
    border-bottom: 1px solid #ccdbe5;
    display: -ms-grid;
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding-bottom: 2.1875rem;
}
@media screen and (min-width: 48rem) {
    .pressOffice .right .articleFilterButtons {
        display: -ms-flexbox;
        display: flex;
    }
}
.pressOffice .right .articleFilterButtons button {
    -ms-flex-pack: justify;
    -ms-flex-align: center;
    -ms-flex-negative: 0;
    -ms-flex-pack: center;
    -ms-flex-positive: 1;
    align-items: center;
    border: 1px solid #4a4a4a;
    border-radius: 5px;
    color: #4a4a4a;
    display: -ms-flexbox;
    display: flex;
    flex-grow: 1;
    flex-shrink: 0;
    font-family:
        Derailed-Regular,
        Raleway-Regular,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    height: 3.125rem;
    justify-content: space-between;
    justify-content: center;
    line-height: 1.5rem;
    padding: 0 1.25rem;
}
.pressOffice .right .articleResultsDisplay {
    -ms-flex-pack: justify;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding: 1.25rem 0;
}
.pressOffice .right .articleResultsDisplay .resultCount {
    color: #003a65;
    font-weight: 700;
}
.pressOffice .right .articleResultsDisplay .selectWrapper {
    display: inline-block;
    position: relative;
}
.pressOffice .right .articleResultsDisplay .selectWrapper:after {
    color: #003a65;
    content: "\f0d7";
    font-family: Font Awesome\5 Free;
    font-size: 35px;
    pointer-events: none;
    position: absolute;
    right: -3px;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.pressOffice .right .articleResultsDisplay .selectWrapper #sortArticles {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    border: 1px solid #4a4a4a;
    border-radius: 5px;
    color: #4a4a4a;
    font-family:
        Derailed-Regular,
        Raleway-Regular,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.3125rem;
    padding: 0.9375rem 2.1875rem 0.9375rem 0.9375rem;
}
.pressOffice .right .articlesWrapper {
    -ms-grid-columns: (minmax(0, 1fr)) [1];
    display: -ms-grid;
    display: grid;
    gap: 1.25rem;
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media screen and (min-width: 40rem) {
    .pressOffice .right .articlesWrapper {
        -ms-grid-columns: (minmax(0, 1fr)) [2];
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media screen and (min-width: 85.375rem) {
    .pressOffice .right .articlesWrapper {
        -ms-grid-columns: (minmax(0, 1fr)) [3];
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
.pressOffice .right .articlesWrapper .card:not(.shown) {
    display: none;
}
.pressOffice .right .articlesWrapper .articleCard {
    border: 2px solid #9eb5d0;
    border-radius: 5px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 10px 10px 20px;
    position: relative;
    row-gap: 10px;
}
.pressOffice .right .articlesWrapper .articleCard:hover {
    border-color: #0073bc;
    cursor: pointer;
    text-decoration: none;
}
.course-page .featured-content .pressOffice .right .articlesWrapper .articleCard:hover .module-title,
.pressOffice .right .articlesWrapper .articleCard:hover .course-page .featured-content .module-title,
.pressOffice .right .articlesWrapper .articleCard:hover h4 {
    text-decoration: underline;
}
.pressOffice .right .articlesWrapper .articleCard:focus {
    background-color: transparent;
    text-decoration: none;
}
.pressOffice .right .articlesWrapper .articleCard.hasImage {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}
@media screen and (min-width: 40rem) {
    .pressOffice .right .articlesWrapper .articleCard.hasImage {
        height: 30.625rem;
    }
}
@media screen and (min-width: 48rem) {
    .pressOffice .right .articlesWrapper .articleCard.hasImage {
        height: 27.5rem;
    }
}
.pressOffice .right .articlesWrapper .articleCard:not(.hasImage) {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}
@media screen and (min-width: 40rem) {
    .pressOffice .right .articlesWrapper .articleCard:not(.hasImage) {
        height: 21.25rem;
    }
}
@media screen and (min-width: 48rem) {
    .pressOffice .right .articlesWrapper .articleCard:not(.hasImage) {
        height: 18.4375rem;
    }
}
.pressOffice .right .articlesWrapper .articleCard .imageWrapper {
    position: relative;
}
.pressOffice .right .articlesWrapper .articleCard .imageWrapper img {
    border-radius: 5px;
    height: 170px;
    -o-object-fit: cover;
    object-fit: cover;
}
.course-page .featured-content .pressOffice .right .articlesWrapper .articleCard .module-title,
.pressOffice .right .articlesWrapper .articleCard .course-page .featured-content .module-title,
.pressOffice .right .articlesWrapper .articleCard h4 {
    color: #0073bc;
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1rem;
    line-height: 24px;
    padding: 0;
}
@media screen and (min-width: 40rem) {
    .course-page .featured-content .pressOffice .right .articlesWrapper .articleCard .module-title,
    .pressOffice .right .articlesWrapper .articleCard .course-page .featured-content .module-title,
    .pressOffice .right .articlesWrapper .articleCard h4 {
        font-size: 1.125rem;
    }
}
.pressOffice .right .articlesWrapper .articleCard p {
    -webkit-box-orient: vertical;
    line-clamp: 6;
    color: #4a4a4a;
    display: -webkit-box;
    font-family:
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 0.875rem;
    line-height: 1.44375rem;
    overflow: hidden;
    padding: 0;
}
@media screen and (min-width: 40rem) {
    .pressOffice .right .articlesWrapper .articleCard p {
        font-size: 1rem;
    }
}
.pressOffice .right .articlesWrapper .articleCard p.publishedDate {
    color: #003a65;
    line-height: 1.5rem;
    margin-top: auto;
}
.pressOffice .right .articlesWrapper .noResults {
    grid-column: 1/-1;
}
.pressOffice .spinnerBox {
    -ms-grid-column-span: 2;
    display: block;
    grid-column: span 2 / span 2;
    margin: 3rem 0;
    text-align: center;
}
.pressOffice .spinnerBox span {
    -webkit-animation: rotate 1s linear infinite;
    animation: rotate 1s linear infinite;
    color: #0080a5;
    font-size: 3.75rem;
}
.pressOffice .spinnerBox span:after {
    content: "\f110";
}
.pressOffice #searchFilterSideBar .sideBarContainer .filterContainer.expandable .archiveYear button.yearButton {
    -ms-flex-pack: justify;
    color: #003a65;
    justify-content: space-between;
    margin-bottom: 0.625rem;
    padding-right: 1.25rem;
}
.pressOffice
    #searchFilterSideBar
    .sideBarContainer
    .filterContainer.expandable
    .archiveYear
    button.yearButton[aria-expanded="true"]:after {
    content: "\f078";
    font-family: Font Awesome\5 Free;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.pressOffice
    #searchFilterSideBar
    .sideBarContainer
    .filterContainer.expandable
    .archiveYear
    button.yearButton[aria-expanded="false"]:after {
    content: "\f078";
    font-family: Font Awesome\5 Free;
}
.pressOffice #searchFilterSideBar .sideBarContainer .filterContainer.expandable .archiveYear button.yearButton:hover,
.pressOffice
    #searchFilterSideBar
    .sideBarContainer
    .filterContainer.expandable
    .archiveYear
    button.yearButton:hover:after {
    color: #0073bc;
}
.pressOffice
    #searchFilterSideBar
    .sideBarContainer
    .filterContainer.expandable
    .archiveYear
    .monthsContainer:last-child {
    margin-bottom: 10px;
}
.pressOffice
    #searchFilterSideBar
    .sideBarContainer
    .filterContainer.expandable
    .archiveYear
    .monthsContainer
    .archiveMonth
    a {
    color: #0073bc;
    font-family:
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1rem;
    font-weight: 400;
    text-decoration: underline;
}
.pressOffice
    #searchFilterSideBar
    .sideBarContainer
    .filterContainer.expandable
    .archiveYear
    .monthsContainer
    .archiveMonth
    a:hover {
    color: #003a65;
}
@media screen and (min-width: 60rem) {
    .pressOffice #searchFilterSideBar {
        max-width: 275px;
        padding: 0 15px 50px 20px;
    }
    .pressOffice #searchFilterSideBar .sideBarContainer {
        top: 0;
    }
}
.pressOffice .articleSearchWrapper.desktopSearch {
    display: none;
}
@media screen and (min-width: 60rem) {
    .pressOffice .articleSearchWrapper.desktopSearch {
        display: block;
    }
}
.pressOffice .articleSearchWrapper form {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    width: 100%;
}
.pressOffice .articleSearchWrapper form label {
    clip: rect(0, 0, 0, 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.pressOffice .articleSearchWrapper form .searchInput {
    -ms-flex-positive: 1;
    border: 1px solid #051435;
    color: #4a4a4a;
    flex-grow: 1;
    font-family:
        Derailed-Regular,
        Raleway-Regular,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1rem;
    font-weight: 600;
    margin-right: 0.625rem;
    padding: 0.625rem 1.25rem;
    width: auto;
}
@media screen and (min-width: 48rem) {
    .pressOffice .articleSearchWrapper form .searchInput {
        min-height: 52px;
    }
}
@media screen and (min-width: 60rem) {
    .pressOffice .articleSearchWrapper form .searchInput {
        font-size: 1.5625rem;
        min-height: 64px;
        padding: 0.6875rem 1.0625rem;
    }
}
.pressOffice .articleSearchWrapper form .searchInput:placeholder {
    font-weight: 400;
}
.course-page .requirementWidget .pressOffice .articleSearchWrapper form .searchInput.selectWrapper.open,
.dataWidget .pressOffice .articleSearchWrapper form .searchInput.nice-select.open,
.pressOffice .articleSearchWrapper form .course-page .requirementWidget .searchInput.selectWrapper.open,
.pressOffice .articleSearchWrapper form .dataWidget .searchInput.nice-select.open,
.pressOffice .articleSearchWrapper form .searchInput:active {
    border-color: #0073bc;
}
.pressOffice .articleSearchWrapper form button.searchArticle {
    background-color: #fff;
    border: 1px solid #051435;
    border-radius: 5px;
    color: #051435;
    height: 40px;
    width: 40px;
}
@media screen and (min-width: 48rem) {
    .pressOffice .articleSearchWrapper form button.searchArticle {
        height: 52px;
        width: 52px;
    }
}
@media screen and (min-width: 60rem) {
    .pressOffice .articleSearchWrapper form button.searchArticle {
        height: 64px;
        width: 64px;
    }
}
.pressOffice .articleSearchWrapper form button.searchArticle:after {
    padding: 0;
}
.pressOffice .articleSearchWrapper form button.searchArticle:hover {
    background-color: #051435;
    color: #fff;
}
@media screen and (min-width: 60rem) {
    .pressOffice #mobileSideBar .articleSearchWrapper {
        display: none;
    }
}
.pressOfficeLegacy {
    margin-bottom: 50px;
}
.pressOfficeLegacy header {
    background-color: #fff;
    border-bottom: none !important;
    padding-bottom: 3.75rem;
    padding-top: 0;
}
@media screen and (min-width: 48rem) {
    .pressOfficeLegacy header {
        padding-bottom: 3rem;
        padding-top: 7rem;
    }
}
@media screen and (min-width: 60rem) {
    .pressOfficeLegacy header {
        padding-bottom: 5rem;
        padding-top: 10rem;
    }
}
.pressOfficeLegacy header.header {
    margin-bottom: 3.125rem;
    padding-bottom: 0.625rem;
}
.pressOfficeLegacy header.header .headerContent {
    margin: 0 auto;
    max-width: 75rem;
    width: 100%;
}
.pressOfficeLegacy header.header .headerContent p {
    color: #003a65;
    padding-left: 20px !important;
}
@media screen and (min-width: 40rem) {
    .pressOfficeLegacy header.header .headerContent p {
        padding-left: 25px !important;
    }
}
.pressOfficeLegacy header.header .headerContent p.intro {
    color: #003a65;
    font-family:
        Bariol,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1.125rem;
    padding: 10px 0 0;
    z-index: 1;
}
@media screen and (min-width: 48rem) {
    .pressOfficeLegacy header.header .headerContent p.intro {
        font-size: 1.5625rem;
    }
}
.pressOfficeLegacy header.header .headerContent p.publishedDate {
    font-size: 0.75rem;
    padding-bottom: 1.25rem;
}
@media screen and (min-width: 48rem) {
    .pressOfficeLegacy header.header .headerContent p.publishedDate {
        font-size: 0.875rem;
    }
}
.pressOfficeLegacy header.header .headerContent h1 {
    color: #003a65;
    font-size: 1.75rem;
    line-height: 1.15;
    padding-bottom: 10px;
    padding-left: 20px !important;
}
@media screen and (min-width: 40rem) {
    .pressOfficeLegacy header.header .headerContent h1 {
        padding-left: 25px !important;
    }
}
@media screen and (min-width: 60rem) {
    .pressOfficeLegacy header.header .headerContent h1 {
        font-size: 3.5rem;
    }
}
.pressOfficeLegacy header.header .headerContent .headerPadding {
    padding-top: 4rem;
}
@media screen and (min-width: 30rem) {
    .pressOfficeLegacy header.header .headerContent .headerPadding {
        padding-top: 10rem;
    }
}
@media screen and (min-width: 48rem) {
    .pressOfficeLegacy header.header .headerContent .headerPadding {
        padding-top: 4rem;
    }
}
@media screen and (min-width: 60rem) {
    .pressOfficeLegacy header.header .headerContent .headerPadding {
        padding-top: 5.3125rem;
    }
}
.pressOfficeLegacy header.header .headerContent .branding-line {
    background-color: #da1a35;
    display: block;
    height: calc(100% - 30px);
    left: 0;
    position: absolute;
    width: 12px;
}
@media screen and (min-width: 48rem) {
    .pressOfficeLegacy header.header .headerContent .branding-line {
        width: 15px;
    }
}
.pressOfficeLegacy header.header .headerContent .headerEndWrapper {
    margin-top: 25px;
}
.pressOfficeLegacy header.header .headerContent .headerEndWrapper p.publishedDate {
    margin-left: 0;
    margin-top: 75px;
    padding-left: 0 !important;
}
.pressOfficeLegacy.poPressNewsPageTitleAndIntro header.header .headerContent .branding-line,
.pressOfficeLegacy.poPressReleaseLegacy header.header .headerContent .branding-line {
    height: calc(100% - 2px);
}
.pressOfficeLegacy .contentSeparator {
    padding-bottom: 15px;
    padding-top: 15px;
}
.pressOfficeLegacy .insertMedia {
    padding: 20px 15px;
}
.pressOfficeLegacy .insertMedia:empty {
    display: none;
}
.pressOfficeLegacy .insertMedia figure figcaption {
    font-size: 0.85714em;
    line-height: 1.66667em;
    padding-left: 0.28571em;
}
.pressOfficeLegacy .fullWidthQuote {
    margin: 2.5rem 0;
}
.pressOfficeLegacy .generalPurposeContent {
    margin-top: 2.5rem;
}
@media screen and (min-width: 48rem) {
    .pressOfficeLegacy .generalPurposeContent {
        margin-top: 3.125rem;
    }
}
.pressOfficeLegacy .generalPurposeContent .insertMedia {
    padding: 0;
}
.pressOfficeLegacy .generalPurposeContent .widget-aux {
    clear: both;
    margin-bottom: 2.14286em;
}
@media screen and (min-width: 48rem) {
    .pressOfficeLegacy .generalPurposeContent .widget-aux {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        float: right;
        margin-left: 2.14286em;
        width: 33.33333%;
    }
}
.pressOfficeLegacy .generalPurposeContent .widget-aux img {
    display: block;
    margin-bottom: 0.71429em;
    position: relative;
    width: 100%;
}
.pressOfficeLegacy .generalPurposeContent p:first-of-type {
    padding-top: 0;
}
.contactCard {
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #d0d0d0;
    display: -ms-flexbox;
    display: flex;
    padding: 2.5rem 0;
}
.contactCard .imageWrapper {
    margin-right: 2.5rem;
}
.contactCard .imageWrapper img {
    border-radius: 5px;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    height: 125px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 125px;
}
.contactCard .name {
    color: #4a4a4a;
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1.25rem;
    padding: 0;
}
@media screen and (min-width: 48rem) {
    .contactCard .name {
        font-size: 1.375rem;
    }
}
.contactCard .name.myImpactLink {
    display: none;
}
.contactCard .role {
    color: #4a4a4a;
    font-family:
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1rem;
    font-weight: 700;
    padding-bottom: 1.5625rem;
}
@media screen and (min-width: 48rem) {
    .contactCard .role {
        font-size: 1.125rem;
    }
}
.contactCard .contactWrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 0.875rem;
    row-gap: 0.3125rem;
}
@media screen and (min-width: 48rem) {
    .contactCard .contactWrapper {
        font-size: 1rem;
        row-gap: 0;
    }
}
.contactCard .contactWrapper .contactInfo {
    -ms-flex-align: center;
    align-items: center;
    color: #4a4a4a;
    display: -ms-flexbox;
    display: flex;
}
.contactCard .contactWrapper .contactInfo a {
    color: #0073bc;
    padding-left: 0.625rem;
}
.contactCard .contactWrapper .contactInfo a:hover {
    color: #003a65;
    text-decoration: underline;
    text-underline-offset: 4px;
}
@media screen and (min-width: 48rem) {
    .contactCard .contactWrapper {
        -webkit-column-gap: 1.5625rem;
        -moz-column-gap: 1.5625rem;
        column-gap: 1.5625rem;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}
.contactCard.hasMyImpactProfile .name {
    cursor: pointer;
    display: block;
}
.contactCard.hasMyImpactProfile .name a {
    color: #0073bc;
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
}
.contactCard.hasMyImpactProfile .name:not(.myImpactLink) {
    display: none;
}
.contactCardRow .contactCard:last-child {
    border-bottom: none;
}
.researchCardRow .researchCard {
    -ms-flex-align: center;
    align-items: center;
    border: 2px solid #92acca;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 9px 0 rgba(0, 58, 101, 0.4);
    box-shadow: 0 0 9px 0 rgba(0, 58, 101, 0.4);
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1.25rem;
    padding: 1.875rem;
}
.researchCardRow .researchCard:hover {
    cursor: pointer;
    text-decoration: none;
}
.researchCardRow .researchCard:hover .projectHeading .projectName {
    text-decoration: underline;
}
.researchCardRow .researchCard:hover .projectHeading .projectName:after {
    border-color: #0073bc;
    -webkit-box-shadow: none;
    box-shadow: none;
    left: 16px;
}
.researchCardRow .researchCard .projectHeading {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
}
.researchCardRow .researchCard .projectHeading .projectName {
    color: #0073bc;
    font-size: 1.375rem;
    padding: 0 0 0.625rem;
}
.researchCardRow .researchCard .projectHeading .projectName:after {
    content: "\f061";
    display: inline-block;
    font-family: Font Awesome\5 Free;
    left: 10px;
    position: relative;
    -webkit-transition: left 0.3s ease-in-out;
    transition: left 0.3s ease-in-out;
}
.researchCardRow .researchCard .projectSynopsis {
    color: #4a4a4a;
    font-size: 1rem;
    font-size: 1.125rem;
    font-weight: 400;
    padding-bottom: 1.25rem;
}
.course-page .featured-content .researchCardRow .researchCard .projectDetails .module-title,
.researchCardRow .researchCard .projectDetails .course-page .featured-content .module-title,
.researchCardRow .researchCard .projectDetails h4 {
    color: #003a65;
    font-size: 1rem;
    font-weight: 700px;
    padding: 0;
}
.researchCardRow .researchCard .projectDetails p {
    color: #4a4a4a;
    font-size: 1rem;
    font-weight: 700px;
    padding: 0 0 1.25rem;
}
.addthis_inline_share_toolbox {
    display: inline-block;
    font-size: 1rem;
    min-height: 1.75rem;
    min-width: 6.25rem;
}
.addthis_inline_share_toolbox .at4-show {
    display: inline-block !important;
    margin-left: 0.125rem;
    vertical-align: middle;
}
.addthis_inline_share_toolbox .share-label {
    font-size: 0.875rem;
    font-weight: 600;
    letter-spacing: 0.1875rem;
    text-transform: uppercase;
}
.addthis_inline_share_toolbox a[role="button"] {
    background: transparent url(/webtemplate/img/icons/ncuvision__share.svg) 50% no-repeat !important;
    margin-bottom: 0.125rem;
}
.addthis_inline_share_toolbox svg {
    display: none;
}
.course-page body,
.course-page main {
    background-color: #f5f1ea;
}
.course-page ul {
    margin: 0 0 1.5rem;
    padding: 0;
}
.course-page .zindex-adjust {
    z-index: 4;
}
.course-page .column-body {
    background-color: #f5f1ea;
    position: relative;
    z-index: 5;
}
.course-page .column-body.zindex-reset {
    z-index: auto;
}
.course-page .column-body.zindex-reset.column-content {
    z-index: 3;
}
.course-page .column-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin: 0 auto;
    max-width: 75rem;
    position: relative;
    width: 100%;
}
@media screen and (min-width: 75rem) {
    .course-page .column-wrapper {
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .course-page .column-wrapper .column-content {
        margin-top: -3.125rem;
        width: 900px;
    }
}
.course-page .column-sidebar {
    z-index: 6;
}
@media screen and (min-width: 75rem) {
    .course-page .column-sidebar {
        margin: -1.25rem 0 0 -0.9375rem;
        width: 315px;
    }
}
.course-page .column-sidebar.fixed {
    position: fixed;
    top: 0;
    width: 100vw;
}
.course-page .column-content {
    padding-top: 4rem;
}
@media screen and (min-width: 75rem) {
    .course-page .column-content {
        padding-top: 0;
    }
    .course-page .course-content-block .row {
        padding: 0;
    }
}
.course-page .header {
    background-position: 50%;
    background-size: cover;
    padding-top: 7.625rem;
}
@media screen and (min-width: 64rem) {
    .course-page .header {
        padding-top: 12.0625rem;
    }
}
@media screen and (min-width: 75rem) {
    .course-page .header {
        padding-bottom: 5.125rem;
    }
}
.course-page .header h1 {
    font-size: 1.875rem;
}
@media screen and (min-width: 64rem) {
    .course-page .header h1 {
        font-size: 2.75rem;
    }
}
.course-page .header p {
    font-family:
        Derailed-Regular,
        Raleway-Regular,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
}
.course-page .header p.intro {
    line-height: 1.5;
    padding: 1.5rem 0;
}
@media screen and (min-width: 64rem) {
    .course-page .header p.intro {
        font-size: 1.5rem;
    }
}
.course-page .header strong {
    -webkit-font-feature-settings: "lnum";
    font-feature-settings: "lnum";
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
}
.course-page .header .overlayImage:after {
    background-color: rgba(0, 0, 0, 0.7);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.course-page .header .overlayImage.fixed {
    left: 0;
    position: fixed;
    -webkit-transform: translate(0);
    transform: translate(0);
    z-index: 4;
}
.course-page .header .studyLabel {
    display: inline-block;
    left: 0;
    padding: 0.3125rem 1.25rem 0.46875rem;
    position: absolute;
    top: 4.6875rem;
    z-index: 3;
}
@media screen and (min-width: 60rem) {
    .course-page .header .studyLabel {
        margin-bottom: 1.5625rem;
        position: relative;
        top: 0;
    }
}
.course-page .header .studyLabel p {
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 0.875rem;
    letter-spacing: 0.135625rem;
    padding: 0;
}
.course-page .header .content {
    width: 100%;
}
.course-page .header .courseCode {
    font-size: 1rem;
    padding: 0.25rem 0 0;
}
@media screen and (min-width: 64rem) {
    .course-page .header .courseCode {
        font-size: 1.375rem;
        line-height: 2.9375rem;
        position: relative;
        text-align: right;
        width: 33%;
    }
}
.course-page .header .courseDetails {
    margin-bottom: 1.25rem;
    margin-top: 1.25rem;
}
@media screen and (min-width: 64rem) {
    .course-page .header .courseDetails {
        -ms-flex-align: start;
        -ms-flex-pack: justify;
        align-items: flex-start;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        justify-content: space-between;
    }
}
.course-page .header .courseDetails .titleInfo {
    margin-bottom: 1rem;
}
@media screen and (min-width: 64rem) {
    .course-page .header .courseDetails .titleInfo {
        max-width: 66%;
    }
}
.course-page .header .courseDetails .titleInfo .nameClass {
    max-width: 100%;
}
.course-page .header .courseDetails .titleInfo .nameClass h1,
.course-page .header .courseDetails .titleInfo .nameClass p {
    display: inline-block;
    vertical-align: baseline;
}
.course-page .header .courseDetails .titleInfo p {
    padding: 1rem 0 0;
}
.course-page .header .courseDetails .courseYearInfo {
    background-color: #fff;
    border: none;
    border-radius: 0.75rem;
    color: #4c4c4c;
    display: none;
    padding: 1.25rem 0.85rem;
}
@media screen and (min-width: 64rem) {
    .course-page .header .courseDetails .courseYearInfo {
        width: 34%;
    }
}
.course-page .header .courseDetails .courseYearInfo .startInfoWrapper {
    padding: 0 2rem;
}
.course-page .header .courseDetails .courseYearInfo .startInfoWrapper .startInfo {
    -ms-flex-pack: start;
    -ms-flex-align: baseline;
    align-items: baseline;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    justify-content: flex-start;
}
.course-page .header .courseDetails .courseYearInfo .startInfoWrapper .startInfo ul {
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    line-height: 1.25rem;
    list-style-type: none;
    margin-left: 0.2rem;
}
.course-page .header .courseDetails .courseYearInfo .startInfoWrapper .startInfo ul li {
    font-weight: 600;
    margin-bottom: 0;
}
.course-page .header .courseDetails .courseYearInfo .startInfoWrapper .startInfoLink {
    text-align: center;
}
.course-page .header .courseDetails .qualDateInfo .honourClass {
    font-size: 1.25rem;
    margin-bottom: 0.6rem;
    padding: 0;
}
@media screen and (min-width: 64rem) {
    .course-page .header .courseDetails .qualDateInfo .honourClass {
        font-size: 1.625rem;
        margin-bottom: 0;
    }
}
.course-page .header .courseDetails .qualDateInfo .startDate {
    font-size: 1.125rem;
    padding-top: 0;
}
.course-page .header .courseDetails .courseQuickDetails {
    -ms-flex: auto;
    flex: auto;
    margin-left: 0.2rem;
    overflow: hidden;
    padding-top: 0;
}
@media screen and (min-width: 64rem) {
    .course-page .header .courseDetails .courseQuickDetails {
        margin: 0;
        padding-top: 0.875rem;
    }
}
.course-page .header .courseDetails .courseQuickDetails li {
    display: inline-block;
    font-size: 1rem;
    margin: 0;
    padding: 0 1.25rem 0 0;
    position: relative;
}
@media screen and (min-width: 64rem) {
    .course-page .header .courseDetails .courseQuickDetails li {
        font-size: 1.125rem;
        margin-bottom: 0;
    }
}
.course-page .header .courseDetails .courseQuickDetails li.courseCodeInfo {
    background: #fff;
    border-radius: 6px;
    color: #4a4a4a;
    display: block;
    margin-bottom: 0.75rem;
    margin-right: 1.125rem;
    max-width: 17.8125rem;
    padding: 0.05rem 0.75rem;
    text-align: center;
}
@media screen and (min-width: 64rem) {
    .course-page .header .courseDetails .courseQuickDetails li.courseCodeInfo {
        display: inline-block;
    }
}
.course-page .header .courseDetails .courseQuickDetails li.courseCodeInfo:before {
    display: none;
}
.course-page .header .courseDetails .courseQuickDetails li.courseType:before {
    content: "|";
}
@media screen and (min-width: 64rem) {
    .course-page .header .courseDetails .courseQuickDetails li.courseType:before {
        content: "";
    }
}
.course-page .header .courseDetails .courseQuickDetails li:before {
    color: #007a74;
    content: "|";
    font-weight: 700;
    left: -0.75rem;
    position: relative;
}
.course-page .header .courseDetails .yearToggle {
    background: #9511c5;
    border-radius: 8px;
    margin-top: 1.5625rem;
    padding: 0.73125rem 1.25rem;
}
@media screen and (min-width: 64rem) {
    .course-page .header .courseDetails .yearToggle {
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin-top: 0;
        width: 380px;
    }
}
.course-page .header .courseDetails .yearToggle .inputWrapper {
    -ms-flex-align: baseline;
    align-items: baseline;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 4px;
}
.course-page .header .courseDetails .yearToggle .inputWrapper > * + * {
    margin-left: 0.325rem;
}
@media screen and (min-width: 30rem) {
    .course-page .header .courseDetails .yearToggle .inputWrapper > * + * {
        margin-left: 0.75rem;
    }
}
.course-page .header .courseDetails .yearToggle .inputWrapper legend {
    font-family:
        Derailed-Regular,
        Raleway-Regular,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1.125rem;
    line-height: 1.25;
    margin-bottom: 0.5rem;
}
@media screen and (min-width: 30rem) {
    .course-page .header .courseDetails .yearToggle .inputWrapper legend {
        width: auto;
    }
}
@media screen and (min-width: 64rem) {
    .course-page .header .courseDetails .yearToggle .inputWrapper legend {
        line-height: 1.4;
        margin-bottom: 0;
    }
}
.course-page .header .courseDetails .yearToggle .filterChoice label {
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 0.875rem;
}
@media screen and (min-width: 64rem) {
    .course-page .header .courseDetails .yearToggle .filterChoice label {
        font-size: 1.125rem;
    }
}
.course-page .header .courseDetails .yearToggle .filterChoice label:hover {
    cursor: pointer;
}
.course-page .header .courseDetails .yearToggle .filterChoice + .filterChoice {
    margin-left: 0.9375rem;
}
@media screen and (min-width: 64rem) {
    .course-page .header .courseDetails .yearToggle .filterChoice + .filterChoice {
        margin-left: 1.375rem;
    }
}
.course-page .header .courseDetails .yearToggle input[type="radio"] + label:before {
    background: #fff;
    border: 3px solid #fff;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 1.08rem;
    margin-right: 0.375rem;
    margin-top: -0.1875rem;
    vertical-align: middle;
    width: 1.08rem;
}
.course-page .header .courseDetails .yearToggle input[type="radio"]:checked + label:before {
    background: #007a74;
}
.course-page .header .courseInfo {
    -ms-flex-pack: justify;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    justify-content: space-between;
}
@media screen and (min-width: 75rem) {
    .course-page .header .courseInfo {
        width: 75%;
    }
}
.course-page .header .courseInfo .col {
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
    margin-bottom: 1.25rem;
    max-width: 50%;
    padding: 0.625rem;
}
@media screen and (min-width: 48rem) {
    .course-page .header .courseInfo .col {
        -ms-flex: 1 0 33%;
        flex: 1 0 33%;
        max-width: 33%;
    }
}
.course-page .header .courseInfo .col img {
    width: auto;
}
.course-page .header .courseInfo .col.iconBlock {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
}
@media screen and (max-width: 26.563rem) {
    .course-page .header .courseInfo .col.iconBlock {
        max-width: 100%;
    }
}
@media screen and (min-width: 75rem) {
    .course-page .header .courseInfo .col.iconBlock {
        -ms-flex-align: start;
        align-items: start;
    }
}
.course-page .header .courseInfo .col.iconBlock .icon {
    margin-right: 0.9375rem;
    max-width: 2.875rem;
    width: auto;
}
@media screen and (min-width: 26.563rem) {
    .course-page .header .courseInfo .col.iconBlock .icon {
        max-width: 3.75rem;
    }
}
@media screen and (min-width: 64rem) {
    .course-page .header .courseInfo .col.iconBlock .icon {
        max-width: 4.375rem;
    }
}
.course-page .header .courseInfo .col.iconBlock p {
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1rem;
    max-width: 75%;
    padding: 0;
}
@media screen and (min-width: 26.563rem) {
    .course-page .header .courseInfo .col.iconBlock p {
        font-size: 1.125rem;
    }
}
@media screen and (min-width: 64rem) {
    .course-page .header .courseInfo .col.iconBlock p {
        font-size: 1.375rem;
    }
    .course-page .featured-content .header .courseInfo .col.accreditedBy .module-title,
    .course-page .header .courseInfo .col.accreditedBy .featured-content .module-title,
    .course-page .header .courseInfo .col.accreditedBy h4 {
        font-size: 0.875rem;
        margin-top: 0.5rem;
        padding-bottom: 0.75rem;
    }
}
.course-page .header .courseInfo .col.borderLeft {
    border-left: 3px solid #007a74;
}
@media screen and (min-width: 64rem) {
    .course-page .header .courseInfo .col.borderLeft {
        margin: 0.625rem 0;
        padding: 0 0.9375rem;
    }
}
.course-page .header .courseInfo .col.borderLeft ul {
    margin: 0;
}
@media screen and (min-width: 75rem) {
    .course-page .header .buttons {
        display: block;
        width: 25%;
    }
}
.course-page .header .buttons a {
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1.125rem;
    height: auto;
    margin: 0 0 0.25rem;
    padding: 0.25rem;
    text-align: center;
}
.course-page .header .buttons a:after {
    content: "";
}
.course-page .header .extraContent {
    position: relative;
    z-index: 4;
}
.course-page .header .extraContent.zindex-adjust {
    opacity: 0 !important;
    z-index: -1 !important;
}
@media screen and (min-width: 64rem) {
    .course-page .header .extraContent .courseExtraDetails {
        padding: 0.8rem 0 0;
    }
}
.course-page .header .extraContent .courseExtraDetails .alert {
    border: none;
    display: block;
    font-family:
        Derailed-Regular,
        Raleway-Regular,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1.25rem;
    margin: 0 0 0.2rem;
    padding: 0;
}
@media screen and (min-width: 64rem) {
    .course-page .header .extraContent .courseExtraDetails .alert {
        display: inline-block;
        margin: 0 0.8rem 0 0;
    }
}
.course-page .header .extraContent .courseExtraDetails .alert .alertIcon {
    background-color: rgba(0, 122, 116, 0.75);
    margin-left: 0.2rem;
    vertical-align: 3px;
}
.course-page .header .extraContent .spinnerBox {
    display: none;
    margin: 2.5rem 0;
    text-align: center;
}
.course-page .header .extraContent .spinnerBox span {
    -webkit-animation: rotate 1s linear infinite;
    animation: rotate 1s linear infinite;
    color: #007a74;
    font-size: 4.0625rem;
}
@keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
.course-page .header .extraContent .spinnerBox span:after {
    content: "\f110";
}
.course-page .column-block {
    background-color: #fafafa;
    -webkit-box-shadow: 0 0 15px hsla(0, 0%, 82%, 0.5);
    box-shadow: 0 0 15px hsla(0, 0%, 82%, 0.5);
    margin-bottom: 1.875rem;
    padding: 1.875rem 1.25rem 1.25rem;
}
@media screen and (min-width: 75rem) {
    .course-page .column-block {
        margin-bottom: 2.1875rem;
        padding: 2.1875rem;
    }
}
.course-page .column-block ul {
    margin-left: 1.5rem;
    padding-left: 0.5rem;
}
.course-page .column-block ul li {
    padding-left: 0.625rem;
}
@media screen and (min-width: 64rem) {
    .course-page .column-block ul li {
        font-size: 1.25rem;
    }
}
.course-page .column-block ul li a {
    text-decoration: underline;
}
.course-page .column-block ul li a.download,
.course-page .column-block ul li a.extlink {
    line-height: 2.3;
}
.course-page .column-block ul li a.download:after,
.course-page .column-block ul li a.extlink:after {
    content: "\f054";
    font-family: Font Awesome\5 Free;
    line-height: 1.5;
    margin-left: 0.625rem;
}
.course-page .column-block ul li a.extlink:after {
    content: "\f35d";
    -webkit-transition: -webkit-transform 0.4s ease-in-out;
    transition: -webkit-transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out;
    transition:
        transform 0.4s ease-in-out,
        -webkit-transform 0.4s ease-in-out;
}
.course-page .column-block ul li a.extlink:hover:after {
    right: 1.5rem;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.course-page .column-block ul li a.download:after {
    content: "\f019";
    -webkit-transition: -webkit-transform 0.4s ease-in-out;
    transition: -webkit-transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out;
    transition:
        transform 0.4s ease-in-out,
        -webkit-transform 0.4s ease-in-out;
}
.course-page .column-block ul li a.download:hover:after {
    right: 1.5rem;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.course-page .column-block ol {
    margin-left: 1.5rem;
    padding-left: 0.5rem;
}
.course-page .column-block ol li {
    padding-left: 0.625rem;
}
@media screen and (min-width: 64rem) {
    .course-page .column-block ol li {
        font-size: 1.25rem;
    }
}
.course-page .column-block ol li a {
    text-decoration: underline;
}
.course-page .column-block ol li a.download,
.course-page .column-block ol li a.extlink {
    line-height: 2.3;
}
.course-page .column-block ol li a.download:after,
.course-page .column-block ol li a.extlink:after {
    content: "\f054";
    font-family: Font Awesome\5 Free;
    line-height: 1.5;
    margin-left: 0.625rem;
}
.course-page .column-block ol li a.extlink:after {
    content: "\f35d";
    -webkit-transition: -webkit-transform 0.4s ease-in-out;
    transition: -webkit-transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out;
    transition:
        transform 0.4s ease-in-out,
        -webkit-transform 0.4s ease-in-out;
}
.course-page .column-block ol li a.extlink:hover:after {
    right: 1.5rem;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.course-page .column-block ol li a.download:after {
    content: "\f019";
    -webkit-transition: -webkit-transform 0.4s ease-in-out;
    transition: -webkit-transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out;
    transition:
        transform 0.4s ease-in-out,
        -webkit-transform 0.4s ease-in-out;
}
.course-page .column-block ol li a.download:hover:after {
    right: 1.5rem;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.course-page .column-block h2 {
    padding-bottom: 0.9375rem;
}
@media screen and (min-width: 64rem) {
    .course-page .column-block h2 {
        font-size: 2.5rem;
    }
}
.course-page .column-block h3 {
    color: #007a74;
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-weight: 600;
}
@media screen and (min-width: 64rem) {
    .course-page .column-block h3 {
        font-size: 1.875rem;
    }
}
.course-page .column-block .featured-content .module-title,
.course-page .column-block h4,
.course-page .featured-content .column-block .module-title {
    color: #00523e;
}
.course-page .column-block h5 {
    color: #007a74;
}
.course-page .column-block .featured-content .module-title + h5,
.course-page .column-block .featured-content h2 + .module-title,
.course-page .column-block h2 + h3,
.course-page .column-block h2 + h4,
.course-page .column-block h4 + h5,
.course-page .featured-content .column-block .module-title + h5,
.course-page .featured-content .column-block h2 + .module-title {
    padding-top: 0;
}
.course-page .column-block .intro {
    padding-bottom: 1.5rem;
}
.course-page .column-block select {
    width: 100%;
}
.course-page .column-block label {
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
}
@media screen and (min-width: 64rem) {
    .course-page .column-block p {
        font-size: 1.25rem;
    }
}
.course-page .column-block p a:not(.email) {
    text-decoration: underline;
}
.course-page .column-block p a.download,
.course-page .column-block p a.extlink {
    line-height: 2.3;
}
.course-page .column-block p a.download:after,
.course-page .column-block p a.extlink:after {
    content: "\f054";
    font-family: Font Awesome\5 Free;
    line-height: 1.5;
    margin-left: 0.625rem;
}
.course-page .column-block p a.extlink:after {
    content: "\f35d";
    -webkit-transition: -webkit-transform 0.4s ease-in-out;
    transition: -webkit-transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out;
    transition:
        transform 0.4s ease-in-out,
        -webkit-transform 0.4s ease-in-out;
}
.course-page .column-block p a.extlink:hover:after {
    right: 1.5rem;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.course-page .column-block p a.download:after {
    content: "\f019";
    -webkit-transition: -webkit-transform 0.4s ease-in-out;
    transition: -webkit-transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out;
    transition:
        transform 0.4s ease-in-out,
        -webkit-transform 0.4s ease-in-out;
}
.course-page .column-block p a.download:hover:after {
    right: 1.5rem;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.course-page .column-block p .gallery.mediaGallery .buttons a.email.btn:after,
.course-page .column-block p .gallery.mediaGallery .buttons a.email.btn:hover:after,
.course-page .column-block p a.cta.email:after,
.course-page .column-block p a.cta.email:hover:after,
.gallery.mediaGallery .buttons .course-page .column-block p a.email.btn:after,
.gallery.mediaGallery .buttons .course-page .column-block p a.email.btn:hover:after {
    right: 0.75rem;
}
.course-page .column-block .postgradTable thead tr th {
    background-color: #003a65;
    color: #fff;
    font-size: 1rem;
}
@media screen and (min-width: 64rem) {
    .course-page .column-block .postgradTable thead tr th {
        font-size: 1.25rem;
    }
}
.course-page .column-block .postgradTable tbody tr td {
    background-color: #f1f9fe;
    border: 1px solid #d1d1d1;
    padding: 10px 14px;
}
.course-page .column-block .postgradTable tbody tr td p {
    font-size: 1rem;
    padding: 2px;
}
.course-page .column-block .postgradTable tbody tr td p:nth-child(2) {
    font-weight: 600;
}
.course-page .column-block .courseDropDowns,
.course-page .column-block .dropdown,
.course-page .column-block .students-think,
.course-page .column-block select {
    background: #fff;
    border: 1px solid #d1d1d1;
}
.course-page .column-block .students-think p,
.course-page .column-block select p {
    padding: 0;
}
.course-page .column-block .alert {
    margin-top: 1.25rem;
}
@media screen and (min-width: 64rem) {
    .course-page .column-block .alert p {
        font-size: 1.125rem;
    }
}
.course-page .column-block .alert.downloadpdf {
    border: 0;
    padding: 0;
}
.course-page .column-block .gallery {
    margin: 1.5rem -1.21rem 0;
}
@media screen and (min-width: 75rem) {
    .course-page .column-block .gallery {
        margin: 1.5rem 0 0;
    }
}
.course-page .column-block .gallery:not(.mediaGallery) {
    padding-bottom: 5rem;
}
.course-page .column-block .gallery .slick-arrow {
    height: 2.875rem;
    width: 2.875rem;
}
.course-page .column-block .gallery .slick-arrow:after {
    height: 1.8125rem;
    width: 1.1875rem;
}
.course-page .column-block .gallery .slick-arrow .slick-prev {
    left: 0.9375rem;
}
@media screen and (min-width: 75rem) {
    .course-page .column-block .gallery .slick-arrow .slick-prev {
        left: 2rem;
    }
}
.course-page .column-block .gallery .slick-arrow .slick-next {
    right: 0.9375rem;
}
@media screen and (min-width: 75rem) {
    .course-page .column-block .gallery .slick-arrow .slick-next {
        right: 2rem;
    }
}
.course-page .column-block .gallery .galleryCaption {
    color: #00523e;
    font-family:
        Derailed-Regular,
        Raleway-Regular,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-weight: 600;
    left: 2.14rem;
    width: calc(100% - 5em);
}
@media screen and (min-width: 64rem) {
    .course-page .column-block .gallery .galleryCaption {
        left: 0.98125rem;
        width: calc(100% - 3.14em);
    }
}
.course-page .column-block .gallery.coGallery {
    margin-bottom: 0;
}
@media screen and (min-width: 64rem) {
    .course-page .column-block .gallery .slide:not(.videoSlide) img {
        max-width: 51.5625rem;
    }
}
.course-page .column-block .courseDropDowns,
.course-page .column-block .dropdown {
    margin: 0.9375rem 0;
}
.course-page .column-block .courseDropDowns .dropDownHeading,
.course-page .column-block .dropdown .dropDownHeading {
    border: none;
    color: #00523e;
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1rem;
    padding: 0.9375rem 2.125rem 0.9375rem 0.9375rem;
    text-decoration: none;
}
.course-page .column-block .courseDropDowns .dropDownHeading.commonHeadings,
.course-page .column-block .courseDropDowns .dropDownHeading.repoHeadings,
.course-page .column-block .dropdown .dropDownHeading.commonHeadings,
.course-page .column-block .dropdown .dropDownHeading.repoHeadings {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
}
.course-page .column-block .courseDropDowns .dropDownHeading .exclamation,
.course-page .column-block .courseDropDowns .dropDownHeading .important,
.course-page .column-block .dropdown .dropDownHeading .exclamation,
.course-page .column-block .dropdown .dropDownHeading .important {
    border-radius: 50%;
    color: #fff;
    font-size: 0.75rem;
    line-height: 1.5rem;
    margin-right: 0.625rem;
    min-height: 1.5rem;
    min-width: 1.5rem;
    text-align: center;
}
.course-page .column-block .courseDropDowns .dropDownHeading .exclamation,
.course-page .column-block .dropdown .dropDownHeading .exclamation {
    background-color: #007494;
}
.course-page .column-block .courseDropDowns .dropDownHeading .exclamation:after,
.course-page .column-block .dropdown .dropDownHeading .exclamation:after {
    content: "\f12a";
}
.course-page .column-block .courseDropDowns .dropDownHeading .important,
.course-page .column-block .dropdown .dropDownHeading .important {
    background-color: #000;
}
.course-page .column-block .courseDropDowns .dropDownHeading .important:after,
.course-page .column-block .dropdown .dropDownHeading .important:after {
    content: "\f129";
}
@media screen and (min-width: 64rem) {
    .course-page .column-block .courseDropDowns .dropDownHeading,
    .course-page .column-block .dropdown .dropDownHeading {
        font-size: 1.375rem;
    }
}
@media screen and (min-width: 75rem) {
    .course-page .column-block .courseDropDowns .dropDownHeading,
    .course-page .column-block .dropdown .dropDownHeading {
        padding: 0.9375rem 2.125rem 0.9375rem 1.5625rem;
    }
}
.course-page .column-block .courseDropDowns .courseLess:after,
.course-page .column-block .courseDropDowns .courseMore:after,
.course-page .column-block .courseDropDowns .toggle,
.course-page .column-block .dropdown .courseDropDowns .courseLess:after,
.course-page .column-block .dropdown .courseDropDowns .courseMore:after,
.course-page .column-block .dropdown .toggle,
.courseDropDowns .course-page .column-block .dropdown .courseLess:after,
.courseDropDowns .course-page .column-block .dropdown .courseMore:after {
    right: 0.9rem;
}
@media screen and (min-width: 75rem) {
    .course-page .column-block .courseDropDowns .courseLess:after,
    .course-page .column-block .courseDropDowns .courseMore:after,
    .course-page .column-block .courseDropDowns .toggle,
    .course-page .column-block .dropdown .courseDropDowns .courseLess:after,
    .course-page .column-block .dropdown .courseDropDowns .courseMore:after,
    .course-page .column-block .dropdown .toggle,
    .courseDropDowns .course-page .column-block .dropdown .courseLess:after,
    .courseDropDowns .course-page .column-block .dropdown .courseMore:after {
        height: 2rem;
        width: 2rem;
    }
    .course-page .column-block .courseDropDowns .courseLess:after,
    .course-page .column-block .courseDropDowns .courseMore:after,
    .course-page .column-block .courseDropDowns .toggle:after,
    .course-page .column-block .dropdown .courseDropDowns .courseLess:after,
    .course-page .column-block .dropdown .courseDropDowns .courseMore:after,
    .course-page .column-block .dropdown .toggle:after,
    .courseDropDowns .course-page .column-block .dropdown .courseLess:after,
    .courseDropDowns .course-page .column-block .dropdown .courseMore:after {
        height: 0.8125rem;
        width: 1.25rem;
    }
}
.course-page .column-block .courseDropDowns .dropDownSummary,
.course-page .column-block .dropdown .dropDownSummary {
    padding: 0 0.9375rem 0.9375rem;
}
@media screen and (min-width: 75rem) {
    .course-page .column-block .courseDropDowns .dropDownSummary,
    .course-page .column-block .dropdown .dropDownSummary {
        padding: 0 1.5625rem 1.5625rem;
    }
}
.course-page .column-block .greenPanel {
    margin: 0 0 1.5rem;
}
.course-page .column-block .greenPanel .row {
    display: -ms-flexbox;
    display: flex;
}
.course-page .column-block .greenPanel .panel-wrapper {
    -ms-flex-align: end;
    align-items: flex-end;
    background-image: linear-gradient(
        135deg,
        #00523e 37.5%,
        #025e48 0,
        #025e48 50%,
        #00523e 0,
        #00523e 87.5%,
        #025e48 0,
        #025e48
    );
    background-size: 0.5rem 0.5rem;
    display: -ms-flexbox;
    display: flex;
    padding: 2.8125rem 0.9375rem;
    text-align: center;
    width: 49.5%;
}
@media screen and (min-width: 75rem) {
    .course-page .column-block .greenPanel .panel-wrapper {
        padding: 3.75rem 1.5625rem;
    }
}
.course-page .column-block .greenPanel .headline {
    border-bottom: 1px solid #fff;
    color: #fff;
    font-family:
        Derailed-Regular,
        Raleway-Regular,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1rem;
    margin-bottom: 0.3125rem;
    padding-bottom: 0.625rem;
}
@media screen and (min-width: 75rem) {
    .course-page .column-block .greenPanel .headline {
        font-size: 1.375rem;
    }
}
.course-page .column-block .greenPanel p {
    color: #fff;
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1.5rem;
    font-weight: 600;
}
@media screen and (min-width: 75rem) {
    .course-page .column-block .greenPanel p {
        font-size: 2.25rem;
    }
}
.course-page .column-block .videoBlock {
    margin-top: 0;
}
.course-page .column-block .videoOverlay {
    left: 0;
    width: 100%;
}
.course-page .column-block .videoOverlay:after {
    background: #007a74 url(/webtemplate/img/icons/ncuvision__icon-play.svg) left 60% center no-repeat;
    background-size: auto 60%;
}
.course-page .column-block .future-logo-carousel {
    background: #fff;
    margin: 1.5rem -1.21rem 0;
    overflow: hidden;
    padding: 1.5rem;
}
.course-page .column-block .future-logo-carousel .slick-next,
.course-page .column-block .future-logo-carousel .slick-prev {
    visibility: visible;
}
.course-page .column-block .future-logo-carousel .slick-slide {
    padding: 0 0.5rem;
}
.course-page .column-block .future-logo-carousel .slick-slide img {
    max-height: none;
    max-width: none;
}
@media screen and (min-width: 75rem) {
    .course-page .column-block .future-logo-carousel {
        margin: 1.5rem -2.1875rem 0;
        padding: 1.5rem 3.125rem;
    }
}
.course-page .column-block .logo-ribbon {
    margin: 0;
}
.course-page .column-block .tabs {
    background: #fff;
    margin: 1.25rem 0 2.5rem -1.25rem;
    width: calc(100% + 40px);
}
@media screen and (min-width: 75rem) {
    .course-page .column-block .tabs {
        margin: 1.25rem 0 2.5rem;
        width: 100%;
    }
}
.course-page .column-block .tabs .tabButtons {
    -ms-flex-align: stretch;
    -ms-flex-pack: justify;
    align-items: stretch;
    border-bottom: 1px solid #d1d1d1;
    border-top: 1px solid #d1d1d1;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    text-align: center;
}
@media screen and (min-width: 75rem) {
    .course-page .column-block .tabs .tabButtons {
        border: 1px solid #d1d1d1;
        border-bottom: none;
    }
}
.course-page .column-block .tabs .tabLinks {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    align-items: center;
    color: #4c4c4c;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    justify-content: center;
    padding: 1rem 0.5rem;
    position: relative;
    text-align: center;
    text-transform: capitalize;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    width: 100%;
}
.course-page .column-block .tabs .tabLinks.active,
.course-page .column-block .tabs .tabLinks:hover {
    color: #007a74;
    text-decoration: none;
}
.course-page .column-block .tabs .tabLinks.active:after {
    background: #007a74;
    bottom: 0;
    content: "";
    display: block;
    height: 3px;
    left: 0;
    position: absolute;
    width: 100%;
}
.course-page .column-block .tabs .tabContent {
    border-bottom: 1px solid #d1d1d1;
    display: none;
    padding: 1rem 1.54rem;
}
@media screen and (min-width: 75rem) {
    .course-page .column-block .tabs .tabContent {
        border: 1px solid #d1d1d1;
    }
}
.course-page .column-block .tabs .tabContent.open {
    display: block;
}
.course-page .column-block .tabs .brief {
    border-bottom: 1px solid #d1d1d1;
    margin: 0 0 1.5625rem;
    padding-bottom: 1.5625rem;
}
.course-page .column-block .tabs .modules table {
    border-spacing: 0;
    margin-left: -1.25rem;
    width: calc(100% + 40px);
}
@media screen and (min-width: 75rem) {
    .course-page .column-block .tabs .modules table {
        margin-left: -1.5625rem;
        width: calc(100% + 50px);
    }
}
.course-page .column-block .tabs .modules table tr:nth-of-type(odd) {
    background: #ededed;
}
.course-page .column-block .tabs .modules table tr:nth-of-type(2n) {
    background: #fafafa;
}
.course-page .column-block .tabs .modules table tr:first-of-type() {
    background: none;
}
.course-page .column-block .tabs .modules table th {
    background: none;
    border: none;
    color: #4c4c4c;
    font-family:
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    padding: 0;
    text-align: left;
}
.course-page .column-block .tabs .modules table th:nth-of-type(2) {
    text-align: right;
}
.course-page .column-block .tabs .modules table td,
.course-page .column-block .tabs .modules table th {
    padding: 0.75rem 0.9375rem;
}
@media screen and (min-width: 75rem) {
    .course-page .column-block .tabs .modules table td,
    .course-page .column-block .tabs .modules table th {
        padding: 0.75rem 1.5625rem;
    }
}
.course-page .column-block .tabs .modules table td {
    border: none;
}
.course-page .column-block .tabs .modules table td:nth-of-type(2) {
    text-align: right;
}
.course-page .column-block .tabs .modules table td a {
    text-decoration: underline;
}
.course-page .column-block .mciPG {
    padding: 1rem 0;
}
.course-page .featured-content {
    background: #fff;
    border: 1px solid #d1d1d1;
    margin: 0 0 1.25rem;
}
@media screen and (min-width: 64rem) {
    .course-page .featured-content {
        margin: 0 0 2.5rem;
    }
}
.course-page .featured-content .panel-wrapper {
    background: #fff;
    margin: 0;
}
.course-page .featured-content .info {
    padding: 0.9375rem;
}
@media screen and (min-width: 60rem) {
    .course-page .featured-content .info {
        padding: 1.5rem;
        width: 60%;
    }
}
.course-page .featured-content .featured {
    color: #4c4c4c;
    font-size: 1rem;
    letter-spacing: 0.125rem;
    padding: 0 0 1rem;
    text-transform: uppercase;
}
.course-page .featured-content .module-title {
    line-height: 1.3;
    padding: 0 0 1rem;
}
.course-page .featured-content .module-title:after {
    color: inherit;
    content: ">";
    font-family:
        Bariol,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: inherit;
    font-weight: 400;
    line-height: 1.1;
    padding-left: 0.625rem;
    position: absolute;
    -webkit-transition: margin-left 0.2s ease-in-out;
    transition: margin-left 0.2s ease-in-out;
}
.course-page .featured-content .module-title:hover:after {
    margin-left: 8px;
}
.course-page .featured-content .module-title:after {
    font-weight: bolder;
}
.course-page .featured-content .panel-img {
    display: none;
}
@media screen and (min-width: 60rem) {
    .course-page .featured-content .panel-img {
        display: -ms-flexbox;
        display: flex;
        width: 40%;
    }
}
.course-page .featured-content .panel-img img {
    height: 100%;
}
.course-page .infoBars .panel-wrapper {
    background: none;
    border: 1px solid #d1d1d1;
    padding: 0.9375rem;
}
.course-page .featured-content .infoBars .panel-wrapper .module-title,
.course-page .infoBars .panel-wrapper .featured-content .module-title,
.course-page .infoBars .panel-wrapper h4 {
    color: #393f44;
    text-align: center;
}
.course-page .infoBars .legend ul {
    margin: 0;
    padding: 0;
}
.course-page .infoBars .legend li {
    list-style-type: none;
    margin-bottom: 0.5rem;
    padding: 0;
    position: relative;
}
.course-page .infoBars .legend li:before {
    border-radius: 50%;
    content: "";
    display: inline-table;
    height: 1.5625rem;
    vertical-align: middle;
    width: 1.5625rem;
}
.course-page .infoBars .legend li:first-of-type:before {
    background: #007a74;
}
.course-page .infoBars .legend li:nth-of-type(2):before {
    background: #84067f;
}
.course-page .infoBars .legend li:nth-of-type(3):before {
    background: #4a4a4a;
}
.course-page .infoBars .legend li:last-of-type() {
    margin-bottom: 1.25rem;
}
.course-page .infoBars .legend span {
    font-family:
        Derailed-Regular,
        Raleway-Regular,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 0.875rem;
    margin-left: 0.5rem;
}
.course-page .infoBars .comparisonBar {
    display: -ms-inline-flexbox;
    display: inline-flex;
}
.course-page .infoBars .comparisonBar .dataBar {
    color: #fff;
    font-size: 0.75rem;
    min-width: 2.5rem;
    padding: 0.5rem;
    text-align: center;
}
.course-page .infoBars .comparisonBar .dataBar:first-of-type() {
    background: #007a74;
}
.course-page .infoBars .comparisonBar .dataBar:nth-of-type(2) {
    background: #84067f;
}
.course-page .infoBars .comparisonBar .dataBar:nth-of-type(3) {
    background: #4a4a4a;
}
.course-page .infoBars .axis {
    font-size: 0.875rem;
    margin: 0.5rem auto 0;
    text-align: center;
    width: 75%;
}
.course-page .readMore,
.course-page .readMoreTxt {
    display: none;
}
.course-page .readMoreToggle span {
    -ms-flex-align: center;
    align-items: center;
    color: #007a74;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 0.875rem;
    letter-spacing: 0.075rem;
    text-align: center;
}
@media screen and (min-width: 75rem) {
    .course-page .readMoreToggle span {
        font-size: 1.125rem;
    }
}
.course-page .readMoreToggle span:hover {
    cursor: pointer;
}
.course-page .readMoreToggle span:after {
    content: "\f067";
    font-family: Font Awesome\5 Free;
    font-size: 0.75rem;
    margin-left: 0.5rem;
}
@media screen and (min-width: 75rem) {
    .course-page .readMoreToggle span:after {
        font-size: 1rem;
    }
}
.course-page .readMoreToggle span.less:after {
    content: "\f068";
    -webkit-transition: -webkit-transform 0.4s ease-in-out;
    transition: -webkit-transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out;
    transition:
        transform 0.4s ease-in-out,
        -webkit-transform 0.4s ease-in-out;
}
.course-page .readMoreToggle span.less:hover:after {
    right: 1.5rem;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.course-page .readMoreToggle p {
    overflow: hidden;
    text-align: center;
}
.course-page .readMoreToggle p:after,
.course-page .readMoreToggle p:before {
    background-color: #d1d1d1;
    content: "";
    display: inline-block;
    height: 0.0625rem;
    position: relative;
    vertical-align: middle;
    width: 50%;
}
.course-page .readMoreToggle p:before {
    margin-left: -50%;
    right: 0.625rem;
}
.course-page .readMoreToggle p:after {
    left: 0.625rem;
    margin-right: -50%;
}
.course-page .accreditationLogo {
    margin: 1rem 0;
}
.course-page .accreditationLogo .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}
@media screen and (min-width: 48rem) {
    .course-page .accreditationLogo .row {
        -ms-flex-direction: row;
        flex-direction: row;
    }
}
.course-page .accreditationLogo .accreditationLogoImg {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    height: 100%;
    width: 50%;
}
@media screen and (min-width: 48rem) {
    .course-page .accreditationLogo .accreditationLogoImg {
        -ms-flex-item-align: start;
        -ms-grid-row-align: start;
        align-self: start;
        -ms-flex: 1;
        flex: 1;
        margin: 0 1rem 0 0;
    }
}
.course-page .accreditationLogo .accreditationLogoImg img {
    border: 1px solid #d1d1d1;
}
.course-page .accreditationLogo .accreditationLogoInfo {
    width: 100%;
}
@media screen and (min-width: 48rem) {
    .course-page .accreditationLogo .accreditationLogoInfo {
        -ms-flex: 4;
        flex: 4;
    }
    .course-page .accreditationLogo .accreditationLogoInfo p:first-of-type {
        padding-top: 0;
    }
}
.course-page ul.assessment-methods {
    margin-left: 0;
    padding: 0;
}
@media screen and (min-width: 48rem) {
    .course-page ul.assessment-methods {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
}
.course-page ul.assessment-methods li {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-weight: bolder;
    list-style-type: none;
    margin: 0.5rem 0;
    padding: 0;
    width: 100%;
}
.course-page ul.assessment-methods .method-img {
    max-width: 6.25rem;
    padding-right: 1rem;
    width: 25%;
}
.course-page ul.assessment-methods .method-img img {
    margin: 0 auto;
    width: auto;
}
.course-page ul.assessment-methods .method-description {
    width: 75%;
}
.course-page ul.assessment-methods .method-description p {
    padding: 0;
}
.course-page .students-think {
    margin-top: 1.5rem;
    padding: 1.875rem 0.9375rem 0.9375rem;
}
.course-page .students-think .dualPanel {
    margin-top: 0;
}
.course-page .students-think .panel-wrapper.widget {
    background: none;
    margin: 0;
    padding: 1rem 0 0;
}
@media screen and (min-width: 75rem) {
    .course-page .students-think .panel-wrapper.widget {
        padding: 0;
    }
}
.course-page .interestedIn {
    margin: 2rem 0;
}
.course-page .interestedIn h3 {
    padding-bottom: 0;
}
.course-page .interestedIn .promo .promoLink {
    -webkit-box-shadow: 0 0 15px hsla(0, 0%, 82%, 0.5);
    box-shadow: 0 0 15px hsla(0, 0%, 82%, 0.5);
}
.course-page .interestedIn .promo p {
    font-size: 1rem;
    padding: 0 0.9375rem 0.9375rem;
}
.course-page .featured-content .interestedIn .promo .module-title,
.course-page .interestedIn .promo .featured-content .module-title,
.course-page .interestedIn .promo h4 {
    padding: 0.9375rem 0.9375rem 0;
}
.course-page .featured-content .interestedIn .promo .module-title:after,
.course-page .interestedIn .promo .featured-content .module-title:after,
.course-page .interestedIn .promo h4:after {
    content: "";
}
.course-page .interestedIn .promo h5 {
    color: #fff;
    font-size: 1rem;
    left: 0.9375rem;
    letter-spacing: 0.15625rem;
    position: absolute;
    text-shadow: 0.03125rem 0.03125rem 0.625rem #626262;
    top: 0.9375rem;
    z-index: 3;
}
.course-page .interestedIn .cardGallery {
    margin: 1rem 0;
    padding-bottom: 0;
}
@media screen and (min-width: 48rem) {
    .course-page .interestedIn .cardGallery .promo {
        max-width: none;
        width: 100%;
    }
}
@media screen and (min-width: 75rem) {
    .course-page .interestedIn .cardGallery .promo {
        max-width: 16.375rem;
    }
}
.course-page .interestedIn .cardGallery:not(.mediaGallery) {
    padding-bottom: 1.25rem;
}
@media screen and (min-width: 48rem) {
    .course-page .interestedIn .cardGallery img {
        margin: 0;
        width: 100%;
    }
    .course-page .interestedIn .cardGallery .slick-arrow {
        display: none !important;
    }
    .course-page .interestedIn .cardSlider {
        -ms-flex-pack: start;
        display: -ms-flexbox;
        display: flex;
        justify-content: flex-start;
    }
}
.course-page .interestedIn .promoLink {
    background: #fff;
    overflow: hidden;
}
.course-page .interestedIn .promoLink:hover {
    text-decoration: none;
}
.course-page .interestedIn .promoCardInfo {
    min-height: 12rem;
}
.course-page .interestedIn .cardSlide {
    padding: 0 1.25rem;
    width: 100%;
}
@media screen and (min-width: 26.563rem) {
    .course-page .interestedIn .cardSlide {
        float: left;
        padding: 0 0.625rem;
        width: 33vw;
    }
}
@media screen and (min-width: 48rem) {
    .course-page .interestedIn .cardSlide {
        float: none;
        width: auto;
    }
}
.course-page .follow-in-their-footsteps {
    background: #fff;
    border: 1px solid #d1d1d1;
    margin-top: 1.5rem;
    padding: 1.875rem 0.9375rem 0.9375rem;
}
.course-page .follow-in-their-footsteps .graduated-student {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}
@media screen and (min-width: 64rem) {
    .course-page .follow-in-their-footsteps .graduated-student {
        -ms-flex-direction: row;
        flex-direction: row;
    }
}
.course-page .follow-in-their-footsteps .graduated-student img {
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-bottom: 1rem;
    margin-right: 1rem;
    width: 100%;
}
@media screen and (min-width: 64rem) {
    .course-page .follow-in-their-footsteps .graduated-student img {
        width: auto;
    }
}
.course-page .follow-in-their-footsteps .graduated-student__bio {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
.course-page .follow-in-their-footsteps .graduated-student__bio .graduate-name {
    border-bottom: 1px solid #d1d1d1;
    list-style-type: none;
    margin: 0;
    padding-bottom: 0.75rem;
    padding-left: 0;
}
@media screen and (min-width: 64rem) {
    .course-page .follow-in-their-footsteps .graduated-student__bio .graduate-name {
        line-height: 1.625rem;
    }
}
.course-page .follow-in-their-footsteps .graduated-student__bio .graduate-name li {
    margin: 0;
    padding: 0;
}
.course-page .follow-in-their-footsteps .graduated-student__bio .graduate-name li span {
    color: #00523e;
    font-weight: 600;
}
.course-page .follow-in-their-footsteps .graduated-student__info p:first-of-type {
    padding-top: 0.4rem;
}
.course-page .follow-in-their-footsteps .graduated-student__info ul {
    margin-bottom: 1rem;
    padding: 0;
}
@media screen and (min-width: 64rem) {
    .course-page .follow-in-their-footsteps .graduated-student__info ul {
        line-height: 1.5rem;
    }
}
.course-page .follow-in-their-footsteps .graduated-student__info ul li {
    padding: 0;
}
.course-page .get-in-touch a.chat,
.course-page a.applyUcas {
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-weight: 600;
    margin: 0;
    padding: 0 0.9375rem;
}
@media screen and (min-width: 64rem) {
    .course-page .get-in-touch a.chat,
    .course-page a.applyUcas {
        font-size: 1.2rem;
        line-height: 3.25;
        padding: 0 3.125rem;
    }
}
.course-page .get-in-touch a.chat:after,
.course-page a.applyUcas:after {
    margin-left: 0.9375rem;
    position: relative;
    right: 0;
    top: 0;
}
.course-page a.applyUcas:after {
    margin-left: 0.5rem;
    top: -0.15rem;
}
.course-page a.applyUcas:hover:after {
    right: 0;
}
.course-page .git-social-links {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: 0 -0.3125rem;
    overflow: hidden;
    padding: 0;
}
@media screen and (min-width: 48rem) {
    .course-page .git-social-links {
        margin: 0;
    }
}
.course-page .git-social-links a {
    -ms-flex-pack: center;
    background: #fff;
    border: 1px solid #d1d1d1;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex: 1 0 25%;
    flex: 1 0 25%;
    justify-content: center;
    margin: 0.3125rem;
    max-height: 7.8125rem;
    padding: 0.9375rem;
}
@media screen and (min-width: 26.563rem) {
    .course-page .git-social-links a {
        padding: 1.5625rem;
    }
}
@media screen and (min-width: 48rem) {
    .course-page .git-social-links a {
        -ms-flex: 1 0 5%;
        flex: 1 0 5%;
        margin: 0 0.3125rem 0 0;
        padding: 2.1875rem;
    }
}
.course-page .git-social-links a:hover path {
    fill: #000;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
}
@media screen and (max-width: 615px) {
    .course-page #unistats {
        display: none;
    }
}
.course-page .sidebar-menu {
    background-color: #ededed;
    -webkit-box-shadow: 0 0 15px hsla(0, 0%, 82%, 0.5);
    box-shadow: 0 0 15px hsla(0, 0%, 82%, 0.5);
    position: absolute;
    top: -2px;
    width: 100vw;
}
@media screen and (min-width: 75rem) {
    .course-page .sidebar-menu {
        background: #fff;
        padding: 1.5625rem 1.875rem;
        position: relative;
        width: auto;
    }
}
.course-page .sidebar-menu .sidebar-links {
    display: none;
}
@media screen and (min-width: 75rem) {
    .course-page .sidebar-menu .sidebar-links {
        display: block;
    }
}
.course-page .sidebar-menu .mobile-header {
    -ms-flex-align: center;
    -ms-flex-pack: justify;
    align-items: center;
    background: #007a74;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding: 0.625rem 1.5625rem;
}
@media screen and (min-width: 75rem) {
    .course-page .sidebar-menu .mobile-header {
        display: none;
    }
}
.course-page .sidebar-menu .mobile-header p {
    color: #fff;
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1.25rem;
    padding: 0;
    position: relative;
}
.course-page .sidebar-menu .mobile-header .menu-toggle {
    background: transparent url(/webtemplate/img/icons/ncuvision__menu-open.png) 50% no-repeat;
    cursor: pointer;
    height: 2.5rem;
    position: relative;
    width: 2.5rem;
}
.course-page .sidebar-menu li {
    border-bottom: 1px solid hsla(185, 5%, 57%, 0.2);
    list-style-type: none;
    margin-bottom: 0;
}
@media screen and (min-width: 75rem) {
    .course-page .sidebar-menu li {
        border-bottom: 1px solid #d1d1d1;
        padding: 0.375rem 0;
    }
}
.course-page .sidebar-menu li a {
    color: #4c4c4c;
    display: block;
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1rem;
    padding: 0.78125rem 1.5625rem;
}
@media screen and (min-width: 75rem) {
    .course-page .sidebar-menu li a {
        padding: 0;
    }
}
.course-page .sidebar-menu li.active a {
    color: #007a74;
}
.course-page .sidebar-menu .sidebar-cta {
    padding: 0;
}
@media screen and (min-width: 75rem) {
    .course-page .sidebar-menu .sidebar-cta {
        border-bottom: none;
        margin: 0 0 0.625rem;
        padding: 0;
    }
}
.course-page .sidebar-menu .sidebar-cta a {
    color: #fff;
    height: 3.125rem;
    line-height: 1.5rem;
    margin: 0;
    overflow: visible;
    padding: 0.78125rem 1.5625rem;
    text-align: left;
}
@media screen and (min-width: 75rem) {
    .course-page .sidebar-menu .sidebar-cta a {
        color: #fff;
        height: auto;
        line-height: 1.5;
        padding: 0.625rem 0;
        text-align: center;
    }
}
.course-page .sidebar-menu .sidebar-cta a.link {
    color: #4a4a4a;
}
.course-page .sidebar-menu .sidebar-cta a.link:focus,
.course-page .sidebar-menu .sidebar-cta a.link:hover {
    color: #fff;
}
@media screen and (max-width: 75rem) {
    .course-page .sidebar-menu .sidebar-cta a.link {
        border: none;
    }
}
.course-page .sidebar-menu .sidebar-cta a:after {
    content: none;
    line-height: inherit;
    right: auto;
    top: auto;
}
.course-page .sidebar-menu.open .sidebar-links {
    display: block;
}
@media screen and (min-width: 75rem) {
    .course-page .sidebar-menu .active:before {
        background-color: #007a74;
        content: "";
        height: 1.25rem;
        margin-left: -0.625rem;
        position: absolute;
        width: 0.125rem;
    }
    .course-page .sidebar-menu .sidebar-buttons {
        margin-top: 0.625rem;
    }
}
.course-page .requirementWidget + .requirementWidget {
    border-top: 0 solid transparent;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 2rem;
    padding-top: 0;
}
.course-page .requirementWidget * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.course-page .requirementWidget .row + .row {
    margin-top: 1rem;
}
.course-page .requirementWidget .infoWrapper,
.course-page .requirementWidget .selectWrapper {
    width: 100%;
}
.course-page .requirementWidget .infoWrapper .fundingListContainer,
.course-page .requirementWidget .selectWrapper .fundingListContainer {
    border-bottom: 2px solid #c1c1c1;
    margin: 0 1.5rem;
    padding: 1.5rem 0 1.5em;
}
.course-page .requirementWidget .infoWrapper .fundingListContainer:last-of-type,
.course-page .requirementWidget .selectWrapper .fundingListContainer:last-of-type {
    border-bottom: none;
}
.course-page .requirementWidget .infoWrapper .fundingListContainer .fundingListTitles,
.course-page .requirementWidget .selectWrapper .fundingListContainer .fundingListTitles {
    font-weight: 600;
    padding-bottom: 0;
    text-decoration: underline;
}
.course-page .requirementWidget .infoWrapper .fundingListContainer h3,
.course-page .requirementWidget .selectWrapper .fundingListContainer h3 {
    color: #00634a;
    padding-top: 0;
}
.course-page .requirementWidget .infoWrapper .fundingListContainer h3 p,
.course-page .requirementWidget .selectWrapper .fundingListContainer h3 p {
    font-size: 1.5rem;
    padding-top: 0;
}
.course-page .requirementWidget .infoWrapper .fundingListContainer .fundingDesc,
.course-page .requirementWidget .selectWrapper .fundingListContainer .fundingDesc {
    font-weight: 600;
}
.course-page .requirementWidget .infoWrapper .clearResults,
.course-page .requirementWidget .infoWrapper .fundingListContainer .funding-cta,
.course-page .requirementWidget .selectWrapper .clearResults,
.course-page .requirementWidget .selectWrapper .fundingListContainer .funding-cta {
    text-align: right;
}
.course-page .requirementWidget .infoWrapper .clearResults .ctaColumn,
.course-page .requirementWidget .selectWrapper .clearResults .ctaColumn {
    margin-top: 2rem;
    max-width: none;
}
.course-page .requirementWidget .infoWrapper {
    background-color: #fff;
    border: 1px solid #d1d1d1;
    border-radius: 0;
    border-top: 0 solid #d1d1d1;
    margin-top: 0;
    opacity: 0;
    padding: 0 1rem 1rem;
    position: relative;
    z-index: 1;
}
.course-page .requirementWidget .selectWrapper select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: 0;
    color: #4c4c4c;
    font-size: 1.125rem;
    padding: 1rem 3rem 1rem 1rem;
}
.course-page .requirementWidget select::-ms-expand {
    display: none;
}
.course-page .requirementWidget .selectWrapper {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    background-color: azure;
    border: 1px solid #d1d1d1;
    color: #00523e;
    display: block;
    font-family: inherit;
    font-weight: 400;
    outline: none;
    position: relative;
    text-align: left;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
}
.course-page .requirementWidget .selectWrapper:hover {
    border-color: #e0e0e0;
}
.course-page .requirementWidget .dataWidget .selectWrapper.nice-select.open,
.course-page .requirementWidget .selectWrapper.open,
.course-page .requirementWidget .selectWrapper:active,
.course-page .requirementWidget .selectWrapper:focus,
.dataWidget .course-page .requirementWidget .selectWrapper.nice-select.open {
    border-color: #8b8d8f;
}
.course-page .requirementWidget .selectWrapper:after {
    border-bottom: 5px solid #00523e;
    border-right: 5px solid #00523e;
    content: "";
    display: block;
    height: 1rem;
    margin-top: -0.25rem;
    pointer-events: none;
    right: 1.5rem;
    top: 50%;
    -webkit-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%);
    -webkit-transform-origin: 70% 40%;
    transform-origin: 70% 40%;
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    width: 1rem;
}
.course-page .requirementWidget .selectWrapper .current {
    font-family:
        Bariol,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1.25rem;
}
.course-page .requirementWidget .selectWrapper ul {
    font-family:
        Bariol,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
}
.course-page .requirementWidget .selectWrapper.open:after {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
.course-page .requirementWidget .selectWrapper.open .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
}
.course-page .requirementWidget .selectWrapper.disabled {
    border-color: #f2f2f2;
    color: #8b8d8f;
    pointer-events: none;
}
.course-page .requirementWidget .selectWrapper.disabled:after {
    border-color: #fff;
}
.course-page .requirementWidget .selectWrapper.right {
    float: right;
}
.course-page .requirementWidget .selectWrapper.right .list {
    left: auto;
    right: 0;
}
.course-page .requirementWidget .selectWrapper.small {
    font-size: 0.75rem;
    height: 2.25rem;
    line-height: 2.125rem;
}
.course-page .requirementWidget .selectWrapper.small:after {
    height: 0.25rem;
    width: 0.25rem;
}
.course-page .requirementWidget .selectWrapper.small .option {
    line-height: 2.125rem;
    min-height: 2.125rem;
}
.course-page .requirementWidget .selectWrapper .list {
    background-color: #fff;
    color: #000;
    left: 0;
    margin-left: 0;
    margin-top: -0.0625rem;
    max-height: 18.75rem;
    opacity: 0;
    overflow: hidden;
    overflow-y: auto;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    -webkit-transform: translateY(-21);
    transform: translateY(-21);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition:
        all 0.2s cubic-bezier(0.5, 0, 0, 1.25),
        opacity 0.15s ease-out;
    transition:
        all 0.2s cubic-bezier(0.5, 0, 0, 1.25),
        opacity 0.15s ease-out;
    width: 100%;
    z-index: 3;
}
.course-page .requirementWidget .selectWrapper .option {
    background-color: #fafafa;
    cursor: pointer;
    font-weight: 400;
    line-height: 2.5rem;
    list-style: none;
    margin-bottom: 0.0625rem;
    min-height: 2.5rem;
    outline: none;
    padding-left: 1rem;
    padding-right: 1.6875rem;
    text-align: left;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
.course-page .requirementWidget .selectWrapper .option.focus,
.course-page .requirementWidget .selectWrapper .option:hover {
    background-color: #ededed;
}
.course-page .requirementWidget .selectWrapper .option.selected,
.course-page .requirementWidget .selectWrapper .option.selected.focus {
    background-color: #d4d4d4;
    font-weight: 700;
}
.course-page .requirementWidget .selectWrapper .option.disabled {
    background-color: transparent;
    color: #8b8d8f;
    cursor: default;
}
.course-page main {
    background-color: #fff !important;
}
.course-page .course-content-block h2 {
    color: #051435;
    font-family:
        Derailed-ExtraBold,
        Raleway-ExtraBold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1.5rem;
    padding-bottom: 1.125rem;
}
@media screen and (min-width: 1024px) {
    .course-page .course-content-block h2 {
        font-size: 2.1875rem;
        padding-bottom: 1.5rem;
    }
}
.course-page .course-content-block .featured-content .module-title,
.course-page .course-content-block h3,
.course-page .course-content-block h4,
.course-page .featured-content .course-content-block .module-title {
    color: #003a65;
}
@media screen and (min-width: 75rem) {
    .course-page .course-content-block .row {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
}
.course-page .column-body {
    background-color: #fff;
}
.course-page .column-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 0 !important;
}
.course-page .fullwidth-bg {
    background-color: #f1f9fe;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 50%;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    max-width: 99vw !important;
    position: relative;
    right: 50%;
    width: 100vw !important;
}
.course-page .header {
    background-image: url(../../assets/img/misc/header-background.png);
    display: -ms-flexbox;
    display: flex;
    position: relative;
}
.course-page .header .overlay {
    display: none;
}
.course-page .header .overlayImage {
    background-color: transparent;
    background-image: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transform: none;
    transform: none;
    width: 100%;
}
.course-page .header .overlayImage:after {
    background-color: rgba(5, 20, 51, 0.9);
}
.course-page .header .content .courseDetails {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 69.8125rem;
}
.course-page .header .content .courseDetails .titleInfo {
    max-width: 53.4375rem;
    width: 100%;
}
.course-page .header .content .courseDetails .titleInfo .nameClass {
    color: #fff;
    font-family:
        Derailed-ExtraBold,
        Raleway-ExtraBold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1.5625rem;
    font-style: normal;
    line-height: normal;
    margin-bottom: 0.625rem;
    margin-left: 1.875rem;
    padding-bottom: 0;
    padding-top: 3.75rem;
}
@media screen and (min-width: 1024px) {
    .course-page .header .content .courseDetails .titleInfo .nameClass {
        font-size: 2.8125rem;
        margin-left: 0;
        padding-bottom: 1.875rem;
        padding-top: 2.5rem;
    }
}
.course-page .header .content .courseDetails .titleInfo .course-header__description {
    max-width: 53.4375rem;
    width: 100%;
}
.course-page .header .content .courseDetails .intro {
    display: none;
}
.course-page .header .content .courseDetails .courseYearInfo {
    background: #fff;
    border-left: 10px solid #92acca;
    border-radius: 0;
    margin: 0;
    max-width: 53.4375rem;
    min-width: 0;
    padding: 0.625rem 1.875rem 0.625rem 3.125rem;
    width: 100%;
}
.course-page .header .content .courseDetails .courseYearInfo .alertInfo .alertIcon {
    display: none;
}
.course-page .header .content .courseDetails .courseYearInfo .alertInfo .alertText {
    color: #003a65;
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1.0625rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 0.375rem 0;
    position: relative;
}
@media screen and (min-width: 1024px) {
    .course-page .header .content .courseDetails .courseYearInfo .alertInfo .alertText {
        font-size: 1.1875rem;
    }
}
.course-page .header .content .courseDetails .courseYearInfo .alertInfo .alertText:before {
    color: #003a65;
    content: "\f071";
    font-family: Font Awesome\5 Free;
    font-size: 1.375rem;
    left: -2.1875rem;
    line-height: 1.5;
    position: absolute;
    top: 0;
}
@media screen and (min-width: 1024px) {
    .course-page .header .content .courseDetails .courseYearInfo .alertInfo .alertText:before {
        left: -2.1875rem;
    }
}
.course-page .header .content .courseDetails .courseYearInfo .startInfoWrapper {
    padding: 0;
}
.course-page .header .content .courseDetails .courseYearInfo .startInfoWrapper .startInfo ul {
    margin: 0;
}
.course-page .header .content .courseDetails .courseYearInfo .startInfoWrapper .startInfo .alertInfo {
    color: #4a4a4a;
    font-size: 0.875rem;
}
@media screen and (min-width: 1024px) {
    .course-page .header .content .courseDetails .courseYearInfo .startInfoWrapper .startInfo .alertInfo {
        font-size: 1rem;
    }
}
.course-page .header .ctaJumpLinks .row {
    margin: 0;
    max-width: 100%;
    padding: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
.course-page .header .ctaJumpLinks .row .ctaContainer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0.625rem;
    gap: 1rem;
    margin-top: 0;
    min-width: 0;
    width: 100%;
}
@media screen and (min-width: 1024px) {
    .course-page .header .ctaJumpLinks .row .ctaContainer {
        -ms-flex-pack: justify;
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 1rem;
        height: auto;
        justify-content: space-between;
        min-width: 12.5rem;
        width: auto;
    }
}
.course-page .header .ctaJumpLinks .row .ctaContainer .ctaColumn {
    margin: 0;
    max-width: 100%;
    width: 100%;
}
@media screen and (min-width: 1024px) {
    .course-page .header .ctaJumpLinks .row .ctaContainer .ctaColumn {
        max-width: 17.8125rem;
        min-width: 15rem;
    }
}
.course-page .header .ctaJumpLinks .row .ctaContainer .ctaColumn a {
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1.125rem;
    font-style: normal;
    height: 2.6875rem;
    line-height: 1.4375rem;
    padding: 0 1.25rem;
}
@media screen and (min-width: 1024px) {
    .course-page .header .ctaJumpLinks .row .ctaContainer .ctaColumn a {
        font-size: 1.375rem;
        height: 3.625rem;
    }
}
.course-page .course-content-block .column-block .bold-text {
    color: #003a65;
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 18px !important;
    font-style: normal;
    font-weight: 700;
    line-height: 1.5rem;
}
@media screen and (min-width: 1024px) {
    .course-page .course-content-block .column-block .bold-text {
        font-size: 20px !important;
        line-height: 1.69375rem;
        margin-bottom: 18px !important;
    }
}
.course-page .course-content-block h2 {
    color: #051435 !important;
    font-family:
        Derailed-ExtraBold,
        Raleway-ExtraBold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif !important;
    font-size: 24px !important;
    font-style: normal;
    line-height: normal;
    padding-bottom: 1.25rem;
    padding-top: 0;
}
@media screen and (min-width: 1024px) {
    .course-page .course-content-block h2 {
        -ms-grid-column-span: 2;
        font-size: 35px !important;
        grid-column: span 2;
        padding-bottom: 1.5rem;
    }
}
.course-page .course-content-block p {
    color: #4a4a4a;
    font-family:
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
    margin-bottom: 1.25rem;
    padding: 0;
}
@media screen and (min-width: 1024px) {
    .course-page .course-content-block p {
        font-size: 16px !important;
        line-height: 1.44375rem;
    }
}
.course-page .course-content-block ul {
    list-style: disc;
    list-style-position: inside;
    margin-bottom: 1.25rem;
    margin-left: 0 !important;
}
.course-page .course-content-block ul li {
    font-size: 14px !important;
}
@media screen and (min-width: 1024px) {
    .course-page .course-content-block ul li {
        font-size: 16px !important;
    }
}
.course-page .course-content-block a {
    color: #0073bc;
}

.git-social-links a svg {
    width: 50px!important;
    height: 50px!important;
}
.course-page .course-content-block h3 {
    color: #003a65 !important;
    font-family:
        Derailed-ExtraBold,
        Raleway-ExtraBold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif !important;
    font-size: 21px !important;
    font-style: normal;
    line-height: normal;
    padding-bottom: 1.25rem;
    padding-top: 1.25rem;
}
@media screen and (min-width: 1024px) {
    .course-page .course-content-block h3 {
        font-size: 27px !important;
        padding-bottom: 1.875rem;
        padding-top: 2.1875rem;
    }
}
.course-page .course-content-block .featured-content .module-title,
.course-page .course-content-block h4,
.course-page .featured-content .course-content-block .module-title {
    color: #003a65 !important;
}
.course-page .course-content-block .courseDropDowns .dropDownBlock > br,
.course-page .course-content-block .dropdown .dropDownBlock > br {
    display: none;
}
.course-page .course-content-block .courseDropDowns .dropDownBlock .dropDownHeading,
.course-page .course-content-block .dropdown .dropDownBlock .dropDownHeading {
    color: #003a65;
    display: block;
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1.125rem;
    font-weight: 700;
}
@media screen and (min-width: 1024px) {
    .course-page .course-content-block .courseDropDowns .dropDownBlock .dropDownHeading,
    .course-page .course-content-block .dropdown .dropDownBlock .dropDownHeading {
        font-size: 1.375rem;
    }
}
.course-page .course-content-block .courseDropDowns .dropDownBlock .dropDownHeading.important,
.course-page .course-content-block .dropdown .dropDownBlock .dropDownHeading.important {
    border-color: #051435;
}
.course-page .course-content-block .courseDropDowns .dropDownBlock .dropDownHeading.important span.important,
.course-page .course-content-block .dropdown .dropDownBlock .dropDownHeading.important span.important {
    background-color: #fff;
    border: 1px solid #051435;
    color: #051435;
    height: 1.5625rem;
    width: 1.5625rem;
}
.course-page .course-content-block .courseDropDowns .dropDownBlock .dropDownHeading.important span.important:after,
.course-page .course-content-block .dropdown .dropDownBlock .dropDownHeading.important span.important:after {
    font-size: 0.75rem;
}
.course-page .course-content-block .courseDropDowns .dropDownBlock .dropDownHeading .courseLess:after,
.course-page .course-content-block .courseDropDowns .dropDownBlock .dropDownHeading .courseMore:after,
.course-page .course-content-block .courseDropDowns .dropDownBlock .dropDownHeading .toggle,
.course-page .course-content-block .dropdown .dropDownBlock .dropDownHeading .courseDropDowns .courseLess:after,
.course-page .course-content-block .dropdown .dropDownBlock .dropDownHeading .courseDropDowns .courseMore:after,
.course-page .course-content-block .dropdown .dropDownBlock .dropDownHeading .toggle,
.courseDropDowns .course-page .course-content-block .dropdown .dropDownBlock .dropDownHeading .courseLess:after,
.courseDropDowns .course-page .course-content-block .dropdown .dropDownBlock .dropDownHeading .courseMore:after {
    background-color: #003a65;
    border-radius: 5px;
    height: 2.1875rem;
    -webkit-transition: none;
    transition: none;
    width: 2.1875rem;
}
.course-page .course-content-block .courseDropDowns .dropDownBlock .dropDownHeading .courseLess:after,
.course-page .course-content-block .courseDropDowns .dropDownBlock .dropDownHeading .courseMore:after,
.course-page .course-content-block .courseDropDowns .dropDownBlock .dropDownHeading .toggle:after,
.course-page .course-content-block .dropdown .dropDownBlock .dropDownHeading .courseDropDowns .courseLess:after,
.course-page .course-content-block .dropdown .dropDownBlock .dropDownHeading .courseDropDowns .courseMore:after,
.course-page .course-content-block .dropdown .dropDownBlock .dropDownHeading .toggle:after,
.courseDropDowns .course-page .course-content-block .dropdown .dropDownBlock .dropDownHeading .courseLess:after,
.courseDropDowns .course-page .course-content-block .dropdown .dropDownBlock .dropDownHeading .courseMore:after {
    -ms-flex-pack: center;
    background: none;
    color: #fff;
    content: "\f078";
    font-family: Font Awesome\5 Free;
    font-size: 20px !important;
    height: auto;
    justify-content: center;
    left: 50%;
    position: absolute;
    top: 52%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 1.0625rem;
}
.course-page .course-content-block .courseDropDowns .dropDownBlock .dropDownHeading .exclamation,
.course-page .course-content-block .dropdown .dropDownBlock .dropDownHeading .exclamation {
    background-color: transparent;
    height: 1.5625rem;
    width: 1.5625rem;
}
.course-page .course-content-block .courseDropDowns .dropDownBlock .dropDownHeading .exclamation:after,
.course-page .course-content-block .dropdown .dropDownBlock .dropDownHeading .exclamation:after {
    color: #003a65;
    content: "\f071";
    font-size: 1.5625rem;
    height: 1.5625rem;
    width: 1.5625rem;
}
.course-page .course-content-block .cta,
.course-page .course-content-block .gallery.mediaGallery .buttons .btn,
.gallery.mediaGallery .buttons .course-page .course-content-block .btn {
    font-family:
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-weight: 500;
}
@media screen and (min-width: 1024px) {
    .course-page .course-content-block .cta,
    .course-page .course-content-block .gallery.mediaGallery .buttons .btn,
    .gallery.mediaGallery .buttons .course-page .course-content-block .btn {
        font-size: 1.25rem;
    }
}
.course-page .course-content-block .promoBanner p {
    background: rgba(0, 133, 126, 0.9);
    color: #fff;
    margin-bottom: 0;
}
.course-page .course-content-block .promoBanner .cta,
.course-page .course-content-block .promoBanner .gallery.mediaGallery .buttons .btn,
.gallery.mediaGallery .buttons .course-page .course-content-block .promoBanner .btn {
    font-size: 1.125rem;
    font-weight: 400;
}
@media screen and (min-width: 1024px) {
    .course-page .course-content-block .promoBanner .cta,
    .course-page .course-content-block .promoBanner .gallery.mediaGallery .buttons .btn,
    .gallery.mediaGallery .buttons .course-page .course-content-block .promoBanner .btn {
        font-size: 1.5rem;
    }
}
.course-page .course-content-block .promoBanner .headline {
    background: rgba(0, 133, 126, 0.9);
    color: #fff !important;
}
.course-page .column-block {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    /* margin: 35px 0 !important; */
    padding: 35px 0 !important;
}
.course-page .column-block .courseDropDowns,
.course-page .column-block .dropdown {
    border-color: #003a65 !important;
    cursor: pointer;
}
.course-page .column-block .courseDropDowns:not(:last-of-type),
.course-page .column-block .dropdown:not(:last-of-type) {
    margin-bottom: 0;
}
.course-page .column-block .courseDropDowns:hover .dropDownBlock .dropDownHeading .courseLess:after,
.course-page .column-block .courseDropDowns:hover .dropDownBlock .dropDownHeading .courseMore:after,
.course-page .column-block .courseDropDowns:hover .dropDownBlock .dropDownHeading .toggle,
.course-page .column-block .dropdown:hover .dropDownBlock .dropDownHeading .courseDropDowns .courseLess:after,
.course-page .column-block .dropdown:hover .dropDownBlock .dropDownHeading .courseDropDowns .courseMore:after,
.course-page .column-block .dropdown:hover .dropDownBlock .dropDownHeading .toggle,
.courseDropDowns .course-page .column-block .dropdown:hover .dropDownBlock .dropDownHeading .courseLess:after,
.courseDropDowns .course-page .column-block .dropdown:hover .dropDownBlock .dropDownHeading .courseMore:after {
    background-color: #0073bc;
}
.course-page .column-block .courseDropDowns .dropDownHeading,
.course-page .column-block .dropdown .dropDownHeading {
    display: block;
    padding-right: 55px;
}
@media screen and (min-width: 1024px) {
    .course-page .column-block .courseDropDowns .dropDownHeading,
    .course-page .column-block .dropdown .dropDownHeading {
        padding-right: 34px;
    }
}
.course-page .column-block .courseDropDowns .dropDownSummary p:first-of-type,
.course-page .column-block .dropdown .dropDownSummary p:first-of-type {
    margin-top: 0;
}
.course-page .column-block .courseDropDowns .dropDownSummary p:last-of-type:not(:has(+ ul)),
.course-page .column-block .dropdown .dropDownSummary p:last-of-type:not(:has(+ ul)) {
    margin-bottom: 0;
}
.course-page .column-block .courseDropDowns .dropDownSummary p:last-of-type + ul,
.course-page .column-block .dropdown .dropDownSummary p:last-of-type + ul {
    margin-bottom: 0;
}
.course-page .column-block p:first-of-type {
    margin-top: 0;
}
.course-page .column-block p:last-of-type {
    margin-bottom: 0;
}
.course-page .column-block p + .courseDropDowns,
.course-page .column-block p + .dropdown {
    margin-top: 20px;
}
.course-page .requirementWidget .selectWrapper {
    border-color: #051435 !important;
    cursor: pointer;
    margin-top: 20px;
}
.course-page .requirementWidget .selectWrapper:hover {
    border-color: #0073bc;
}
.course-page .requirementWidget .selectWrapper:hover:after {
    color: #0073bc;
}
.course-page .requirementWidget .selectWrapper:after {
    all: unset;
    border: none !important;
    color: #003a65;
    content: "\f0d7";
    font-family: Font Awesome\5 Free;
    font-size: 36px;
    height: 24px;
    position: absolute;
    right: 10px;
    top: 3px;
    top: 22%;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    width: 24px;
}
@media screen and (min-width: 1024px) {
    .course-page .requirementWidget .selectWrapper:after {
        right: 20px;
    }
}
.course-page .requirementWidget .selectWrapper select {
    color: #003a65 !important;
    cursor: pointer;
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 15px !important;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
@media screen and (min-width: 1024px) {
    .course-page .requirementWidget .selectWrapper select {
        font-size: 18px !important;
    }
}
.course-page .requirementWidget .infoWrapper {
    border-color: #051435 !important;
    padding: 1rem !important;
}
.course-page .requirementWidget.fundingWidget .selectWrapper:after {
    all: unset;
    border: none !important;
    color: #003a65;
    content: "\f0d7";
    font-family: Font Awesome\5 Free;
    font-size: 36px;
    height: 24px;
    pointer-events: none;
    position: absolute;
    right: 10px;
    top: 3px;
    top: 22%;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    width: 24px;
}
@media screen and (min-width: 1024px) {
    .course-page .requirementWidget.fundingWidget .selectWrapper:after {
        right: 20px;
    }
}
.course-page .alertLink {
    cursor: pointer;
    gap: 10px;
}
.course-page .alertLink .alertArrow {
    left: 4px;
    position: relative;
    -webkit-transition: left 0.3s ease-in-out;
    transition: left 0.3s ease-in-out;
}
.course-page .alertLink .alertArrow:after {
    content: "\f061";
    font-family: Font Awesome\5 Free;
    font-size: 1.25rem;
}
.course-page .alertLink:hover .alertText {
    text-decoration: underline;
    text-underline-offset: 2px;
}
.course-page .promoBanner {
    display: block;
    overflow: hidden;
    position: relative;
}
.course-page .promoBanner:before {
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(58%, rgba(5, 20, 53, 0)),
        to(rgba(5, 20, 53, 0.5))
    );
    background: linear-gradient(180deg, rgba(5, 20, 53, 0) 58%, rgba(5, 20, 53, 0.5));
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}
.course-page .gallery {
    padding-bottom: 0;
}
.course-page #overview.course-content-block .column-block {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}
@media screen and (min-width: 1024px) {
    .course-page #overview.course-content-block .column-block {
        display: block;
    }
}
.course-page #overview.course-content-block .column-block figure {
    -ms-flex-order: 9999;
    order: 9999;
}
@media screen and (min-width: 1024px) {
    .course-page #overview.course-content-block .column-block figure {
        -ms-flex-order: initial;
        order: 0;
    }
}
.course-page #overview.course-content-block .column-block figure:first-of-type {
    width: 100%;
}
@media screen and (min-width: 1024px) {
    .course-page #overview.course-content-block .column-block figure:first-of-type {
        float: right;
        margin: 0 0 2.5rem 3.125rem;
        position: relative;
        width: 48%;
    }
}
.course-page #overview.course-content-block .column-block figure:first-of-type img {
    max-height: 13.75rem;
    -o-object-fit: cover;
    object-fit: cover;
}
@media screen and (min-width: 1024px) {
    .course-page #overview.course-content-block .column-block figure:first-of-type img {
        height: 100%;
        max-height: 21.875rem;
    }
}
.course-page #overview.course-content-block .column-block figure:first-of-type figcaption {
    border-left: 8px solid #00dbcf;
    color: #4a4a4a;
    font-family:
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 0.75rem;
    font-style: normal;
    line-height: 1.0625rem;
    margin-top: 0.625rem;
    padding-left: 12px;
}
@media screen and (min-width: 1024px) {
    .course-page #overview.course-content-block .column-block figure:first-of-type figcaption {
        font-size: 0.875rem;
        line-height: 1.1875rem;
    }
}
.course-page #overview.course-content-block .column-block div:has(iframe), .course-page #how-to-apply.course-content-block .column-block div:has(iframe) {
    -ms-flex-order: 9999;
    height: 0;
    left: 0;
    margin-bottom: 50px;
    order: 9999;
    padding-bottom: 56.25%;
    position: relative!important;
    width: 100%!important;
    margin-top: 50px;
}
@media screen and (min-width: 1024px) {
    .course-page #overview.course-content-block .column-block div:has(iframe), .course-page #how-to-apply.course-content-block .column-block div:has(iframe) {
        aspect-ratio: 16/9;
        float: right !important;
        height: auto !important;
        left: auto !important;
        margin: 0 0 2.5rem 3.125rem;
        padding-bottom: 0 !important;
        position: relative !important;
        right: 0;
        top: 30px;
        width: 48% !important;
    }
}
.course-page #overview.course-content-block .column-block:has(div > iframe), .course-page #how-to-apply.course-content-block .column-block:has(div > iframe) {
    position: relative;
}
@media screen and (min-width: 1024px) {
    .course-page
        #overview.course-content-block
        .column-block:has(div > iframe)
        :not(div:has(iframe), :not(p:first-of-type, h2)), .course-page
        #how-to-apply.course-content-block
        .column-block:has(div > iframe)
        :not(div:has(iframe), :not(p:first-of-type, h2)) {
        width: 100%;
    }
}
@media screen and (min-width: 1024px) and (min-width: 1024px) {
    .course-page
        #overview.course-content-block
        .column-block:has(div > iframe)
        :not(div:has(iframe), :not(p:first-of-type, h2)), .course-page
        #how-to-apply.course-content-block
        .column-block:has(div > iframe)
        :not(div:has(iframe), :not(p:first-of-type, h2)) {
        width: 48%;
    }
}
.course-page #quality-and-ranking {
    background-color: #f1f9fe;
}
.course-page #quality-and-ranking .column-block {
    background-color: #f1f9fe;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 3.5rem 0 2.5rem;
}
.course-page #quality-and-ranking .column-block .mci-quality-and-ranking ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    list-style: none;
    margin: 0;
}
@media screen and (min-width: 1024px) {
    .course-page #quality-and-ranking .column-block .mci-quality-and-ranking ul {
        -ms-grid-columns: (minmax(0, 1fr)) [2];
        display: -ms-grid;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
.course-page #quality-and-ranking .column-block .mci-quality-and-ranking ul li {
    border-left: 8px solid #00dbcf;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin: 0;
}
.course-page #quality-and-ranking .column-block .mci-quality-and-ranking ul li p {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0;
}
.course-page #quality-and-ranking .column-block .mci-quality-and-ranking ul li p span {
    line-height: normal;
}
.course-page #quality-and-ranking .column-block .mci-quality-and-ranking ul li p span.ranking__title {
    color: #003a65;
    font-family:
        Derailed-ExtraBold,
        Raleway-ExtraBold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1rem;
}
@media screen and (min-width: 1024px) {
    .course-page #quality-and-ranking .column-block .mci-quality-and-ranking ul li p span.ranking__title {
        font-size: 1.375rem;
    }
}
.course-page #quality-and-ranking .column-block .mci-quality-and-ranking ul li p span.ranking__source {
    color: #00857e;
    font-family:
        Derailed-SemiBold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 0.75rem;
    font-weight: 600;
    margin-top: 0.625rem;
}
@media screen and (min-width: 1024px) {
    .course-page #quality-and-ranking .column-block .mci-quality-and-ranking ul li p span.ranking__source {
        font-size: 1rem;
    }
}
.course-page #quality-and-ranking .column-block .alert {
    background-color: #fff;
    border-color: #00857e;
}
.course-page #quality-and-ranking .column-block .alert .row {
    -ms-flex-align: center;
    align-items: center;
}
.course-page #quality-and-ranking .column-block .alert .row p {
    color: #00857e;
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 18px !important;
    font-weight: 700;
    margin: 0;
}
@media screen and (min-width: 1024px) {
    .course-page #quality-and-ranking .column-block .alert .row p {
        font-size: 22px !important;
    }
}
.course-page #quality-and-ranking .column-block .alert .row .alertIcon.tick {
    background-color: #00857e;
    color: #fff;
}
.course-page #how-you-learn .column-block {
    margin-top: -60px!important;
}
.course-page #course-details .column-block .courseDropDowns,
.course-page #course-details .column-block .dropdown,
.course-page #how-you-learn .column-block .courseDropDowns,
.course-page #how-you-learn .column-block .dropdown {
    background-color: transparent !important;
    border: none !important;
    border-bottom: 1px solid #c3e4e8 !important;
}
.course-page #course-details .column-block .courseDropDowns .dropDownBlock .dropDownHeading,
.course-page #course-details .column-block .dropdown .dropDownBlock .dropDownHeading,
.course-page #how-you-learn .column-block .courseDropDowns .dropDownBlock .dropDownHeading,
.course-page #how-you-learn .column-block .dropdown .dropDownBlock .dropDownHeading {
    color: #003a65;
    display: -ms-flexbox;
    display: flex;
    font-family:
        Derailed-SemiBold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 18px !important;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding-left: 0;
    padding-right: 55px !important;
}
@media screen and (min-width: 1024px) {
    .course-page #course-details .column-block .courseDropDowns .dropDownBlock .dropDownHeading,
    .course-page #course-details .column-block .dropdown .dropDownBlock .dropDownHeading,
    .course-page #how-you-learn .column-block .courseDropDowns .dropDownBlock .dropDownHeading,
    .course-page #how-you-learn .column-block .dropdown .dropDownBlock .dropDownHeading {
        font-size: 22px !important;
    }
}
.course-page #course-details .column-block .courseDropDowns .dropDownBlock .dropDownHeading .courseLess:after,
.course-page #course-details .column-block .courseDropDowns .dropDownBlock .dropDownHeading .courseMore:after,
.course-page #course-details .column-block .courseDropDowns .dropDownBlock .dropDownHeading .toggle,
.course-page #course-details .column-block .dropdown .dropDownBlock .dropDownHeading .courseDropDowns .courseLess:after,
.course-page #course-details .column-block .dropdown .dropDownBlock .dropDownHeading .courseDropDowns .courseMore:after,
.course-page #course-details .column-block .dropdown .dropDownBlock .dropDownHeading .toggle,
.course-page #how-you-learn .column-block .courseDropDowns .dropDownBlock .dropDownHeading .courseLess:after,
.course-page #how-you-learn .column-block .courseDropDowns .dropDownBlock .dropDownHeading .courseMore:after,
.course-page #how-you-learn .column-block .courseDropDowns .dropDownBlock .dropDownHeading .toggle,
.course-page #how-you-learn .column-block .dropdown .dropDownBlock .dropDownHeading .courseDropDowns .courseLess:after,
.course-page #how-you-learn .column-block .dropdown .dropDownBlock .dropDownHeading .courseDropDowns .courseMore:after,
.course-page #how-you-learn .column-block .dropdown .dropDownBlock .dropDownHeading .toggle,
.courseDropDowns .course-page #course-details .column-block .dropdown .dropDownBlock .dropDownHeading .courseLess:after,
.courseDropDowns .course-page #course-details .column-block .dropdown .dropDownBlock .dropDownHeading .courseMore:after,
.courseDropDowns .course-page #how-you-learn .column-block .dropdown .dropDownBlock .dropDownHeading .courseLess:after,
.courseDropDowns .course-page #how-you-learn .column-block .dropdown .dropDownBlock .dropDownHeading .courseMore:after {
    background-color: #8ed8f8;
}
.course-page #course-details .column-block .courseDropDowns .dropDownBlock .dropDownHeading .courseLess:after,
.course-page #course-details .column-block .courseDropDowns .dropDownBlock .dropDownHeading .courseMore:after,
.course-page #course-details .column-block .courseDropDowns .dropDownBlock .dropDownHeading .toggle:after,
.course-page #course-details .column-block .dropdown .dropDownBlock .dropDownHeading .courseDropDowns .courseLess:after,
.course-page #course-details .column-block .dropdown .dropDownBlock .dropDownHeading .courseDropDowns .courseMore:after,
.course-page #course-details .column-block .dropdown .dropDownBlock .dropDownHeading .toggle:after,
.course-page #how-you-learn .column-block .courseDropDowns .dropDownBlock .dropDownHeading .courseLess:after,
.course-page #how-you-learn .column-block .courseDropDowns .dropDownBlock .dropDownHeading .courseMore:after,
.course-page #how-you-learn .column-block .courseDropDowns .dropDownBlock .dropDownHeading .toggle:after,
.course-page #how-you-learn .column-block .dropdown .dropDownBlock .dropDownHeading .courseDropDowns .courseLess:after,
.course-page #how-you-learn .column-block .dropdown .dropDownBlock .dropDownHeading .courseDropDowns .courseMore:after,
.course-page #how-you-learn .column-block .dropdown .dropDownBlock .dropDownHeading .toggle:after,
.courseDropDowns .course-page #course-details .column-block .dropdown .dropDownBlock .dropDownHeading .courseLess:after,
.courseDropDowns .course-page #course-details .column-block .dropdown .dropDownBlock .dropDownHeading .courseMore:after,
.courseDropDowns .course-page #how-you-learn .column-block .dropdown .dropDownBlock .dropDownHeading .courseLess:after,
.courseDropDowns .course-page #how-you-learn .column-block .dropdown .dropDownBlock .dropDownHeading .courseMore:after {
    color: #003a65;
}
.course-page #course-details .column-block .courseDropDowns .dropDownBlock .dropDownSummary,
.course-page #course-details .column-block .dropdown .dropDownBlock .dropDownSummary,
.course-page #how-you-learn .column-block .courseDropDowns .dropDownBlock .dropDownSummary,
.course-page #how-you-learn .column-block .dropdown .dropDownBlock .dropDownSummary {
    padding-left: 0;
    padding-right: 0;
    padding-top: 20px;
}
.course-page #course-details .column-block .courseDropDowns .dropDownBlock .dropDownSummary ul,
.course-page #course-details .column-block .dropdown .dropDownBlock .dropDownSummary ul,
.course-page #how-you-learn .column-block .courseDropDowns .dropDownBlock .dropDownSummary ul,
.course-page #how-you-learn .column-block .dropdown .dropDownBlock .dropDownSummary ul {
    margin-left: 0;
    padding-top: 10px;
}
.course-page #course-details section:has(.alertLink),
.course-page #how-you-learn section:has(.alertLink) {
    padding: 1.875rem 0;
}
@media screen and (min-width: 1024px) {
    .course-page #course-details section:has(.alertLink),
    .course-page #how-you-learn section:has(.alertLink) {
        padding: 3.125rem 0;
    }
}
.course-page #your-development {
    min-height: 31.25rem;
}
.course-page #your-development .column-block {
    background-color: inherit;
    padding: 2.8125rem 0;
    position: relative;
}
@media screen and (min-width: 1024px) {
    .course-page #your-development .column-block {
        padding: 4.0625rem 0 6.25rem;
    }
}
.course-page #your-development .column-block h2 {
    padding-bottom: 1.25rem;
}
@media screen and (min-width: 1024px) {
    .course-page #your-development .column-block h2 {
        padding-bottom: 2.3125rem;
    }
}
.course-page #entry-requirements .requirementWidget .selectWrapper {
    border-color: #051435;
}
.course-page #entry-requirements .requirementWidget .selectWrapper:hover {
    border-color: #0073bc;
    cursor: pointer;
}
.course-page #entry-requirements .requirementWidget .selectWrapper:hover:after {
    color: #0073bc;
}
.course-page #entry-requirements .requirementWidget .selectWrapper:after {
    border: none;
    color: #003a65;
    content: "\f0d7";
    font-family: Font Awesome\5 Free;
    font-size: 36px;
    height: 24px;
    right: 10px;
    top: 16px !important;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    width: 24px;
}
@media screen and (min-width: 1024px) {
    .course-page #entry-requirements .requirementWidget .selectWrapper:after {
        right: 20px;
    }
}
.course-page #entry-requirements .requirementWidget .selectWrapper select {
    color: #003a65;
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
@media screen and (min-width: 1024px) {
    .course-page #entry-requirements .requirementWidget .selectWrapper select {
        font-size: 1.125rem;
    }
}
.course-page #entry-requirements p a {
    display: inline-block;
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.5rem;
    text-decoration: none;
}
@media screen and (min-width: 1024px) {
    .course-page #entry-requirements p a {
        font-size: 1.125rem;
    }
}
.course-page #entry-requirements p a:after {
    content: "\f061";
    font-family: Font Awesome\5 Free;
    left: 4px;
    position: relative;
    -webkit-transition: left 0.3s ease-in-out;
    transition: left 0.3s ease-in-out;
}
.course-page #entry-requirements p a:hover:after {
    left: 8px;
}
.course-page #entry-requirements .mci-entry-requirements-minimum p strong {
    color: #003a65;
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
@media screen and (min-width: 1024px) {
    .course-page #entry-requirements .mci-entry-requirements-minimum p strong {
        font-size: 1.375rem;
    }
}
.course-page #entry-requirements .mci-entry-requirements-minimum a {
    color: #0073bc;
    font-family:
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 0.875rem;
    font-weight: 400;
    text-decoration: underline;
}
@media screen and (min-width: 1024px) {
    .course-page #entry-requirements .mci-entry-requirements-minimum a {
        font-size: 1rem;
    }
}
.course-page #entry-requirements .mci-entry-requirements-minimum a:after {
    content: none;
}
.course-page #entry-requirements .mci-entry-requirements-minimum a strong {
    all: unset;
    color: #0073bc;
    font-family:
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-weight: 400;
}
.course-page #fees-and-funding.course-content-block h2 {
    padding-bottom: 1.9375rem;
}
.course-page #fees-and-funding .column-block .featured-content .module-title span,
.course-page #fees-and-funding .column-block h4 span,
.course-page .featured-content #fees-and-funding .column-block .module-title span {
    color: #003a65;
}
.course-page #fees-and-funding .column-block ul {
    margin-left: 0;
}
.course-page #fees-and-funding .column-block ul:has(li a) {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}
.course-page #fees-and-funding .column-block ul:has(li a) li {
    padding-left: 0;
}
.course-page #fees-and-funding .column-block ul li a {
    display: inline-block;
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 15px !important;
    font-style: normal;
    font-weight: 700;
    line-height: 1.5rem;
    text-decoration: none;
}
@media screen and (min-width: 1024px) {
    .course-page #fees-and-funding .column-block ul li a {
        font-size: 18px !important;
    }
}
.course-page #fees-and-funding .column-block ul li a:after {
    content: "\f061";
    display: inline-block;
    font-family: Font Awesome\5 Free;
    left: 4px;
    position: relative;
    -webkit-transition: left 0.3s ease-in-out;
    transition: left 0.3s ease-in-out;
}
.course-page #fees-and-funding .column-block ul li a:hover {
    text-decoration: underline;
}
.course-page #fees-and-funding .column-block ul li a:hover:after {
    left: 8px;
}
.course-page #fees-and-funding .column-block p:first-of-type {
    margin-top: 0;
}
.course-page #fees-and-funding .column-block p:last-of-type + ul {
    margin-bottom: 0;
    margin-top: 10px;
}
.course-page #fees-and-funding .column-block .postgradTable thead {
    border: 1px solid #003a65;
}
.course-page #fees-and-funding .column-block .postgradTable thead tr th {
    background-color: #051435;
    font-size: 14px !important;
    padding: 0.375rem 0.625rem;
}
@media screen and (min-width: 1024px) {
    .course-page #fees-and-funding .column-block .postgradTable thead tr th {
        font-size: 24px !important;
        padding: 0.6875rem 1.3125rem;
    }
}
.course-page #fees-and-funding .column-block .postgradTable tbody tr td {
    background-color: #fff;
    border-color: #051435;
    padding: 0.625rem;
    width: 50%;
}
@media screen and (min-width: 1024px) {
    .course-page #fees-and-funding .column-block .postgradTable tbody tr td {
        padding: 1.375rem;
    }
}
.course-page #fees-and-funding .column-block .postgradTable tbody tr td p {
    color: #00857e;
    font-family:
        Derailed-ExtraBold,
        Raleway-ExtraBold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 18px !important;
    margin: 0;
}
@media screen and (min-width: 1024px) {
    .course-page #fees-and-funding .column-block .postgradTable tbody tr td p {
        font-size: 22px !important;
    }
}
.course-page #fees-and-funding .column-block .postgradTable tbody tr td p.mci-fees {
    padding: 0;
}
.course-page #fees-and-funding .column-block .postgradTable tbody tr td p:first-of-type {
    color: #051435;
    font-family:
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 14px !important;
    font-weight: 700;
}
@media screen and (min-width: 1024px) {
    .course-page #fees-and-funding .column-block .postgradTable tbody tr td p:first-of-type {
        font-size: 16px !important;
    }
}
.course-page #fees-and-funding .courseDropDowns .dropDownBlock .dropDownHeading,
.course-page #fees-and-funding .dropdown .dropDownBlock .dropDownHeading {
    padding: 0.625rem;
}
.course-page #fees-and-funding .fundingWidget {
    margin-top: 3.75rem;
    padding-bottom: 1.875rem;
}
.course-page #fees-and-funding .fundingWidget.requirementWidget h2 {
    color: #051435;
    font-family:
        Derailed-ExtraBold,
        Raleway-ExtraBold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1.5rem;
    font-style: normal;
    line-height: normal;
    padding-bottom: 1.25rem;
    padding-top: 0;
}
@media screen and (min-width: 1024px) {
    .course-page #fees-and-funding .fundingWidget.requirementWidget h2 {
        -ms-grid-column-span: 2;
        font-size: 2.1875rem;
        grid-column: span 2;
        padding-bottom: 1.5rem;
    }
}
.course-page #fees-and-funding .fundingWidget.requirementWidget .row {
    padding: 0 0.9375rem;
}
.course-page #fees-and-funding .fundingWidget.requirementWidget .infoWrapper {
    border-color: #051435;
}
.course-page #fees-and-funding .fundingWidget.requirementWidget .infoWrapper.fundingWrapper {
    padding: 0 1.25rem 1.25rem;
}
@media screen and (min-width: 1024px) {
    .course-page #fees-and-funding .fundingWidget.requirementWidget .infoWrapper.fundingWrapper {
        padding: 0 1.875rem 1.875rem;
    }
}
.course-page #fees-and-funding .fundingWidget.requirementWidget .infoWrapper.fundingWrapper .fundingListContainer {
    border-bottom: 1px solid #c3e4e8;
    margin: 0;
}
.course-page
    #fees-and-funding
    .fundingWidget.requirementWidget
    .infoWrapper.fundingWrapper
    .fundingListContainer
    h3
    > p {
    color: #003a65;
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 700;
    margin: 0;
    padding: 0;
}
@media screen and (min-width: 1024px) {
    .course-page
        #fees-and-funding
        .fundingWidget.requirementWidget
        .infoWrapper.fundingWrapper
        .fundingListContainer
        h3
        > p {
        font-size: 1.375rem;
    }
}
.course-page #fees-and-funding .fundingWidget.requirementWidget .infoWrapper.fundingWrapper .fundingListContainer p {
    color: #000;
    margin: 0;
}
.course-page
    #fees-and-funding
    .fundingWidget.requirementWidget
    .infoWrapper.fundingWrapper
    .fundingListContainer
    p:not(:has(> strong)):not(h3 > p) {
    margin-bottom: 20px;
}
.course-page
    #fees-and-funding
    .fundingWidget.requirementWidget
    .infoWrapper.fundingWrapper
    .fundingListContainer
    .funding-cta {
    text-align: left;
}
.course-page
    #fees-and-funding
    .fundingWidget.requirementWidget
    .infoWrapper.fundingWrapper
    .fundingListContainer
    .funding-cta
    .gallery.mediaGallery
    .buttons
    a.btn,
.course-page
    #fees-and-funding
    .fundingWidget.requirementWidget
    .infoWrapper.fundingWrapper
    .fundingListContainer
    .funding-cta
    a.cta,
.gallery.mediaGallery
    .buttons
    .course-page
    #fees-and-funding
    .fundingWidget.requirementWidget
    .infoWrapper.fundingWrapper
    .fundingListContainer
    .funding-cta
    a.btn {
    -ms-flex-pack: justify;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
    border: none;
    color: #0073bc;
    display: block;
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1.125rem;
    font-style: normal;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    justify-content: space-between;
    line-height: 24px;
    margin: 0;
    padding: 0;
    width: '100%';
}
.course-page
    #fees-and-funding
    .fundingWidget.requirementWidget
    .infoWrapper.fundingWrapper
    .fundingListContainer
    .funding-cta
    .gallery.mediaGallery
    .buttons
    a.btn:after,
.course-page
    #fees-and-funding
    .fundingWidget.requirementWidget
    .infoWrapper.fundingWrapper
    .fundingListContainer
    .funding-cta
    a.cta:after,
.gallery.mediaGallery
    .buttons
    .course-page
    #fees-and-funding
    .fundingWidget.requirementWidget
    .infoWrapper.fundingWrapper
    .fundingListContainer
    .funding-cta
    a.btn:after {
    content: "\f061";
    display: inline-block;
    font-family: Font Awesome\5 Free;
    font-size: 1.125rem;
    left: 4px;
    line-height: 1.5rem;
    position: relative;
    top: 0;
    -webkit-transition: left 0.3s ease-in-out;
    transition: left 0.3s ease-in-out;
}
.course-page
    #fees-and-funding
    .fundingWidget.requirementWidget
    .infoWrapper.fundingWrapper
    .fundingListContainer
    .funding-cta
    .gallery.mediaGallery
    .buttons
    a.btn:hover,
.course-page
    #fees-and-funding
    .fundingWidget.requirementWidget
    .infoWrapper.fundingWrapper
    .fundingListContainer
    .funding-cta
    a.cta:hover,
.gallery.mediaGallery
    .buttons
    .course-page
    #fees-and-funding
    .fundingWidget.requirementWidget
    .infoWrapper.fundingWrapper
    .fundingListContainer
    .funding-cta
    a.btn:hover {
    color: #051435;
    text-decoration: underline;
}
.course-page
    #fees-and-funding
    .fundingWidget.requirementWidget
    .infoWrapper.fundingWrapper
    .fundingListContainer
    .funding-cta
    .gallery.mediaGallery
    .buttons
    a.btn:hover:after,
.course-page
    #fees-and-funding
    .fundingWidget.requirementWidget
    .infoWrapper.fundingWrapper
    .fundingListContainer
    .funding-cta
    a.cta:hover:after,
.gallery.mediaGallery
    .buttons
    .course-page
    #fees-and-funding
    .fundingWidget.requirementWidget
    .infoWrapper.fundingWrapper
    .fundingListContainer
    .funding-cta
    a.btn:hover:after {
    left: 8px;
}
.course-page
    #fees-and-funding
    .fundingWidget.requirementWidget
    .infoWrapper.fundingWrapper
    .ctaContainer
    .ctaColumn
    .cta,
.course-page
    #fees-and-funding
    .fundingWidget.requirementWidget
    .infoWrapper.fundingWrapper
    .ctaContainer
    .ctaColumn
    .gallery.mediaGallery
    .buttons
    .btn,
.gallery.mediaGallery
    .buttons
    .course-page
    #fees-and-funding
    .fundingWidget.requirementWidget
    .infoWrapper.fundingWrapper
    .ctaContainer
    .ctaColumn
    .btn {
    -ms-flex-align: center;
    -ms-flex-pack: justify;
    align-items: center;
    border-color: #003a65;
    color: #003a65;
    display: -ms-flexbox;
    display: flex;
    font-family:
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1.125rem;
    font-weight: 500;
    height: 2.6875rem;
    justify-content: space-between;
    margin-left: auto;
    max-width: 24.0625rem;
    width: 100%;
}
@media screen and (min-width: 1024px) {
    .course-page
        #fees-and-funding
        .fundingWidget.requirementWidget
        .infoWrapper.fundingWrapper
        .ctaContainer
        .ctaColumn
        .cta,
    .course-page
        #fees-and-funding
        .fundingWidget.requirementWidget
        .infoWrapper.fundingWrapper
        .ctaContainer
        .ctaColumn
        .gallery.mediaGallery
        .buttons
        .btn,
    .gallery.mediaGallery
        .buttons
        .course-page
        #fees-and-funding
        .fundingWidget.requirementWidget
        .infoWrapper.fundingWrapper
        .ctaContainer
        .ctaColumn
        .btn {
        font-size: 1.25rem;
        height: 3.625rem;
        width: 24.0625rem;
    }
}
.course-page
    #fees-and-funding
    .fundingWidget.requirementWidget
    .infoWrapper.fundingWrapper
    .ctaContainer
    .ctaColumn
    .cta:hover,
.course-page
    #fees-and-funding
    .fundingWidget.requirementWidget
    .infoWrapper.fundingWrapper
    .ctaContainer
    .ctaColumn
    .gallery.mediaGallery
    .buttons
    .btn:hover,
.gallery.mediaGallery
    .buttons
    .course-page
    #fees-and-funding
    .fundingWidget.requirementWidget
    .infoWrapper.fundingWrapper
    .ctaContainer
    .ctaColumn
    .btn:hover {
    background-color: #051435;
    border-color: #fff;
    color: #fff;
}
.course-page
    #fees-and-funding
    .fundingWidget.requirementWidget
    .infoWrapper.fundingWrapper
    .ctaContainer
    .ctaColumn
    .cta:hover:after,
.course-page
    #fees-and-funding
    .fundingWidget.requirementWidget
    .infoWrapper.fundingWrapper
    .ctaContainer
    .ctaColumn
    .gallery.mediaGallery
    .buttons
    .btn:hover:after,
.gallery.mediaGallery
    .buttons
    .course-page
    #fees-and-funding
    .fundingWidget.requirementWidget
    .infoWrapper.fundingWrapper
    .ctaContainer
    .ctaColumn
    .btn:hover:after {
    right: 1.5rem;
    -webkit-transform: none;
    transform: none;
}
.course-page #career-prospects.course-content-block .column-block {
    min-height: 25rem;
    position: relative;
    width: 100%;
}
.course-page #career-prospects.course-content-block .column-block p a {
    display: inline-block;
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.5rem;
    text-decoration: none;
}
@media screen and (min-width: 1024px) {
    .course-page #career-prospects.course-content-block .column-block p a {
        font-size: 1.125rem;
    }
}
.course-page #career-prospects.course-content-block .column-block p a:after {
    content: "\f061";
    display: inline-block;
    font-family: Font Awesome\5 Free;
    left: 4px;
    position: relative;
    -webkit-transition: left 0.3s ease-in-out;
    transition: left 0.3s ease-in-out;
}
.course-page #career-prospects.course-content-block .column-block p a:hover {
    text-decoration: underline;
}
.course-page #career-prospects.course-content-block .column-block p a:hover:after {
    left: 8px;
}
.course-page #how-to-apply.course-content-block .column-block h3 {
    padding-top: 0;
}
.course-page #how-to-apply.course-content-block .column-block > p:first-of-type {
    color: #003a65;
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 18px !important;
    font-style: normal;
    font-weight: 700;
    line-height: 27.1px;
}
@media screen and (min-width: 1024px) {
    .course-page #how-to-apply.course-content-block .column-block > p:first-of-type {
        font-size: 20px !important;
    }
}
.course-page #how-to-apply.course-content-block .column-block img:first-of-type {
    display: none;
}
@media screen and (min-width: 1024px) {
    .course-page #how-to-apply.course-content-block .column-block img:first-of-type {
        display: block;
        float: right;
        margin: 0 0 2.5rem 3.125rem;
        position: relative;
        width: 48%;
    }
}
.course-page #how-to-apply.course-content-block .column-block ul {
    margin-left: 0;
}
.course-page #how-to-apply.course-content-block .column-block .mci-apply-admission-info p > strong:only-child,
.course-page #how-to-apply.course-content-block .column-block .mci-apply-application-info p > strong:only-child {
    color: #003a65;
    font-size: 18px !important;
}
@media screen and (min-width: 1024px) {
    .course-page #how-to-apply.course-content-block .column-block .mci-apply-admission-info p > strong:only-child,
    .course-page #how-to-apply.course-content-block .column-block .mci-apply-application-info p > strong:only-child {
        font-size: 22px !important;
    }
}



.course-page #open-days-events.course-content-block .column-block h3 {
    padding-top: 0;
}
.course-page #open-days-events.course-content-block .column-block > p:first-of-type {
    color: #003a65;
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 18px !important;
    font-style: normal;
    font-weight: 700;
    line-height: 27.1px;
}
@media screen and (min-width: 1024px) {
    .course-page #open-days-events.course-content-block .column-block > p:first-of-type {
        font-size: 20px !important;
    }
}
@media screen and (min-width: 1024px) {
    .course-page #open-days-events.course-content-block .column-block img:first-of-type {
        display: block;
        right: 0;
        margin: 0 0 2.5rem 3.125rem;
        position: absolute; 
        width: 48%;
    }
}

.course-page #how-to-apply.course-content-block .column-block .mci-apply-admission-info ul,
.course-page #how-to-apply.course-content-block .column-block .mci-apply-application-info ul {
    margin-left: 0;
}
.course-page #how-to-apply.course-content-block .column-block .postgradTable thead tr th {
    background-color: #051435;
    font-size: 14px !important;
    padding: 0.375rem 1.1875rem;
}
@media screen and (min-width: 1024px) {
    .course-page #how-to-apply.course-content-block .column-block .postgradTable thead tr th {
        font-size: 24px !important;
        padding: 0.6875rem 1.3125rem;
    }
}
.course-page #how-to-apply.course-content-block .column-block .postgradTable tbody tr td {
    background-color: #fff;
    border-color: #051435;
    padding: 1.375rem;
    width: 50%;
}
.course-page #how-to-apply.course-content-block .column-block .postgradTable tbody tr td p {
    color: #00857e;
    font-family:
        Derailed-ExtraBold,
        Raleway-ExtraBold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 18px !important;
    margin: 0;
}
@media screen and (min-width: 1024px) {
    .course-page #how-to-apply.course-content-block .column-block .postgradTable tbody tr td p {
        font-size: 22px !important;
    }
}
.course-page #how-to-apply.course-content-block .column-block .postgradTable tbody tr td p.mci-fees {
    padding: 0;
}
.course-page #how-to-apply.course-content-block .column-block .postgradTable tbody tr td p:first-of-type {
    color: #000;
    font-family:
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 14px !important;
    font-weight: 700;
}
@media screen and (min-width: 1024px) {
    .course-page #how-to-apply.course-content-block .column-block .postgradTable tbody tr td p:first-of-type {
        font-size: 16px !important;
    }
}
.course-page #how-to-apply.course-content-block .column-block a.applyUcas {
    -ms-flex-align: center;
    -ms-flex-pack: justify;
    align-items: center;
    background-color: #fdc82f;
    border: 1px solid #fdc82f;
    color: #003a65;
    display: -ms-flexbox;
    display: flex;
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1.125rem;
    height: 2.6875rem;
    justify-content: space-between;
    margin-bottom: 2.8125rem;
    min-width: 100%;
    padding: 0 1.25rem;
    width: 100%;
}
@media screen and (min-width: 1024px) {
    .course-page #how-to-apply.course-content-block .column-block a.applyUcas {
        font-size: 1.5rem;
        height: 3.625rem;
        margin-bottom: 0;
        margin-top: 3.125rem;
        min-width: 24.0625rem;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }
}
.course-page #how-to-apply.course-content-block .column-block a.applyUcas:after {
    content: "\f061";
    font-family: Font Awesome\5 Free;
    font-size: 1.25rem;
    left: 4px;
    position: relative;
    top: auto;
    -webkit-transition: left 0.3s ease-in-out;
    transition: left 0.3s ease-in-out;
}
.course-page #how-to-apply.course-content-block .column-block a.applyUcas:hover {
    background-color: #051435;
    border-color: #fff;
    color: #fff;
}
.course-page #how-to-apply.course-content-block .column-block a.applyUcas:hover:after {
    font-size: 1.25rem;
    left: 8px;
}
.course-page #how-to-apply.course-content-block .column-block .portal-info .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 2.8125rem 1.25rem;
    position: relative;
}
@media screen and (min-width: 1024px) {
    .course-page #how-to-apply.course-content-block .column-block .portal-info .row {
        padding: 4.0625rem 1.25rem 6.25rem;
    }
}
.course-page #how-to-apply.course-content-block .column-block .portal-info .row p {
    color: #4a4a4a;
    font-family:
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
    margin-bottom: 1.25rem;
    padding: 0;
}
@media screen and (min-width: 1024px) {
    .course-page #how-to-apply.course-content-block .column-block .portal-info .row p {
        font-size: 16px !important;
        line-height: 1.44375rem;
    }
    .course-page #how-to-apply.course-content-block .column-block .portal-info .row :not(img) {
        width: 48%;
    }
    .course-page #how-to-apply.course-content-block .column-block .portal-info .row img {
        position: absolute;
        right: 20px;
        top: 65px;
        width: 48%;
    }
}
.course-page #how-to-apply.course-content-block .column-block p a {
    text-decoration: none;
}
.course-page #how-to-apply.course-content-block .column-block p a:hover {
    text-decoration: underline;
}
.course-page #get-in-touch a.email {
    -ms-flex-align: center;
    -ms-flex-pack: justify;
    align-items: center;
    background-color: #fdc82f;
    border: 1px solid #fdc82f;
    color: #003a65;
    display: -ms-flexbox;
    display: flex;
    height: 2.6875rem;
    justify-content: space-between;
    min-width: 100%;
    padding: 0 1.25rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
@media screen and (min-width: 1024px) {
    .course-page #get-in-touch a.email {
        height: 3.625rem;
        min-width: 24.0625rem;
    }
}
.course-page #get-in-touch a.email:after {
    content: "\f061";
    font-family: Font Awesome\5 Free;
    font-size: 1.25rem;
    left: 4px;
    position: relative;
    top: auto;
    -webkit-transition: left 0.3s ease-in-out;
    transition: left 0.3s ease-in-out;
}
.course-page #get-in-touch a.email:hover {
    background-color: #051435;
    border-color: #fff;
    color: #fff;
}
.course-page #get-in-touch a.email:hover:after {
    font-size: 1.25rem;
    left: 8px;
}
.course-page #get-in-touch .git-social-links {
    border: none;
    gap: 20px;
    margin-top: 40px;
}
.course-page #get-in-touch .git-social-links a {
    border: 0;
    -ms-flex: none;
    flex: none;
    height: 50px;
    padding: 0;
}
.course-page #get-in-touch .git-social-links a svg g g,
.course-page #get-in-touch .git-social-links a svg path {
    fill: currentColor;
}
.course-page #get-in-touch p:has(br) {
    line-height: 30px;
}
.course-page #open-days-events {
    min-height: 31.25rem;
}
.course-page #open-days-events .column-block {
    background-color: inherit;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 2.8125rem 0;
    position: relative;
}
@media screen and (min-width: 1024px) {
    .course-page #open-days-events .column-block {
        padding: 4.0625rem 0 6.25rem;
    }
}
.course-page #open-days-events .column-block h2 {
    padding-bottom: 1.25rem;
}
@media screen and (min-width: 1024px) {
    .course-page #open-days-events .column-block h2 {
        padding-bottom: 2.3125rem;
    }
}
.course-page #open-days-events .column-block h3 {
    padding-top: 1.875rem;
}
@media screen and (min-width: 1024px) {
    .course-page #open-days-events .column-block h3 {
        padding-top: 3.125rem;
    }
}
.course-page #open-days-events .column-block ul {
    margin-left: 0;
}
@media screen and (min-width: 1024px) {
    .course-page #open-days-events .column-block :not(figure, figcaption, img, li, a) {
        width: 52%;
    }
    .course-page #open-days-events .column-block figure {
        position: absolute;
        right: 0;
        top: 65px;
        width: 45%;
    }
}
.course-page #open-days-events .column-block figure img {
    max-height: 13.75rem;
    -o-object-fit: cover;
    object-fit: cover;
}
@media screen and (min-width: 1024px) {
    .course-page #open-days-events .column-block figure img {
        height: 100%;
        max-height: 21.875rem;
    }
}
.course-page #open-days-events .column-block figure figcaption {
    border-left: 8px solid #00dbcf;
    color: #4a4a4a;
    font-family:
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 0.75rem;
    font-style: normal;
    line-height: 1.0625rem;
    margin-top: 0.625rem;
    padding-left: 12px;
}
@media screen and (min-width: 1024px) {
    .course-page #open-days-events .column-block figure figcaption {
        font-size: 0.875rem;
        line-height: 1.1875rem;
    }
}
.course-page #open-days-events .column-block p a {
    display: inline-block;
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.5rem;
    text-decoration: none;
}
@media screen and (min-width: 1024px) {
    .course-page #open-days-events .column-block p a {
        font-size: 1.125rem;
    }
}
.course-page #open-days-events .column-block p a:after {
    content: "\f061";
    display: inline-block;
    font-family: Font Awesome\5 Free;
    left: 4px;
    position: relative;
    -webkit-transition: left 0.3s ease-in-out;
    transition: left 0.3s ease-in-out;
}
.course-page #open-days-events .column-block p a:hover {
    text-decoration: underline;
}
.course-page #open-days-events .column-block p a:hover:after {
    left: 8px;
}
.course-page #custom-information {
    background-color: #f1f9fe;
    height: 34rem!important;
}
.course-page #custom-information .column-block {
    background-color: inherit;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 2.8125rem 0;
    position: relative;
}
@media screen and (min-width: 1024px) {
    .course-page #custom-information .column-block {
        padding: 4.0625rem 0 6.25rem;
    }
    .course-page #custom-information {
    height: 28rem!important;
    }
}
.course-page #custom-information .column-block h2 {
    padding-bottom: 1.25rem;
}
@media screen and (min-width: 1024px) {
    .course-page #custom-information .column-block h2 {
        padding-bottom: 2.3125rem;
    }
}
.course-page #custom-information .column-block a {
    -ms-flex-align: center;
    -ms-flex-pack: justify;
    align-items: center;
    background-color: #fff;
    border: 1px solid #003a65;
    border-radius: 5px;
    color: #003a65;
    display: -ms-flexbox;
    display: flex;
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1.125rem;
    font-weight: 700;
    height: 43px;
    justify-content: space-between;
    padding: 0 20px;
    text-decoration: none;
    width: 100%;
}
@media screen and (min-width: 1024px) {
    .course-page #custom-information .column-block a {
        font-size: 1.25rem;
        height: 3.625rem;
        width: 24.0625rem;
    }
}
.course-page #custom-information .column-block a:after {
    content: "\f061";
    font-family: Font Awesome\5 Free;
    font-size: 1.25rem;
    left: 4px;
    position: relative;
    -webkit-transition: left 0.3s ease-in-out;
    transition: left 0.3s ease-in-out;
}
.course-page #custom-information .column-block a:hover {
    background-color: #003a65;
    color: #fff;
}
.course-page #custom-information .column-block a:hover:after {
    left: 8px;
}
@media screen and (min-width: 1024px) {
    .course-page #custom-information .column-block :not(figure, figcaption, img, li, a) {
        width: 48%;
    }
    .course-page #custom-information .column-block figure {
        position: absolute;
        right: 20px;
        top: 35px;
        width: 48%;
    }
}
.course-page #custom-information .column-block figure img {
    max-height: 13.75rem;
    -o-object-fit: cover;
    object-fit: cover;
}
@media screen and (min-width: 1024px) {
    .course-page #custom-information .column-block figure img {
        height: 100%;
        max-height: 21.875rem;
    }
}
.course-page #custom-information .column-block figure figcaption {
    border-left: 8px solid #00dbcf;
    color: #4a4a4a;
    font-family:
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 0.75rem;
    font-style: normal;
    line-height: 1.0625rem;
    margin-top: 0.625rem;
    padding-left: 12px;
}
@media screen and (min-width: 1024px) {
    .course-page #custom-information .column-block figure figcaption {
        font-size: 0.875rem;
        line-height: 1.1875rem;
    }
}
.course-page #facilities {
    position: relative;
}
.course-page #facilities .column-block {
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

.course-page #facilities.course-content-block .column-block {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}
@media screen and (min-width: 1024px) {
    .course-page #facilities.course-content-block .column-block {
        display: block;
    }
}
.course-page #facilities.course-content-block .column-block figure {
    -ms-flex-order: 9999;
    order: 9999;
}
@media screen and (min-width: 1024px) {
    .course-page #facilities.course-content-block .column-block figure {
        -ms-flex-order: initial;
        order: 0;
    }
}
.course-page #facilities.course-content-block .column-block figure:first-of-type {
    width: 100%;
}
@media screen and (min-width: 1024px) {
    .course-page #facilities.course-content-block .column-block figure:first-of-type {
        float: right;
        margin: 0 0 2.5rem 3.125rem;
        position: relative;
        width: 48%;
    }
}
.course-page #facilities.course-content-block .column-block figure:first-of-type img {
    max-height: 13.75rem;
    -o-object-fit: cover;
    object-fit: cover;
}
@media screen and (min-width: 1024px) {
    .course-page #facilities.course-content-block .column-block figure:first-of-type img {
        height: 100%;
        max-height: 21.875rem;
    }
}
.course-page #facilities.course-content-block .column-block figure:first-of-type figcaption {
    border-left: 8px solid #00dbcf;
    color: #4a4a4a;
    font-family:
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 0.75rem;
    font-style: normal;
    line-height: 1.0625rem;
    margin-top: 0.625rem;
    padding-left: 12px;
}
@media screen and (min-width: 1024px) {
    .course-page #facilities.course-content-block .column-block figure:first-of-type figcaption {
        font-size: 0.875rem;
        line-height: 1.1875rem;
    }
}
.course-page #facilities.course-content-block .column-block div:has(iframe), .course-page #how-to-apply.course-content-block .column-block div:has(iframe) {
    -ms-flex-order: 9999;
    height: 0;
    left: 0;
    margin-bottom: 50px;
    order: 9999;
    padding-bottom: 56.25%;
    position: relative!important;
    width: 100%!important;
    margin-top: 50px;
}
@media screen and (min-width: 1024px) {
    .course-page #facilities.course-content-block .column-block div:has(iframe), .course-page #how-to-apply.course-content-block .column-block div:has(iframe) {
        aspect-ratio: 16/9;
        float: right !important;
        height: auto !important;
        left: auto !important;
        margin: 0 0 2.5rem 3.125rem;
        padding-bottom: 0 !important;
        position: relative !important;
        right: 0;
        top: 30px;
        width: 48% !important;
    }
}
.course-page #facilities.course-content-block .column-block:has(div > iframe), .course-page #how-to-apply.course-content-block .column-block:has(div > iframe) {
    position: relative;
}
@media screen and (min-width: 1024px) {
    .course-page
        #facilities.course-content-block
        .column-block:has(div > iframe)
        :not(div:has(iframe), :not(p:first-of-type, h2)), .course-page
        #how-to-apply.course-content-block
        .column-block:has(div > iframe)
        :not(div:has(iframe), :not(p:first-of-type, h2)) {
        width: 100%;
    }
}
@media screen and (min-width: 1024px) and (min-width: 1024px) {
    .course-page
        #facilities.course-content-block
        .column-block:has(div > iframe)
        :not(div:has(iframe), :not(p:first-of-type, h2)), .course-page
        #how-to-apply.course-content-block
        .column-block:has(div > iframe)
        :not(div:has(iframe), :not(p:first-of-type, h2)) {
        width: 48%;
    }
}

.course-page p:empty {
    display: none;
}
.course-page .column-block {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}
@media screen and (min-width: 1024px) {
    .course-page .column-block {
        display: block;
    }
}
/* .course-page .column-block p:first-of-type strong {
    color: #003a65;
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
}
@media screen and (min-width: 1024px) {
    .course-page .column-block p:first-of-type strong {
        font-size: 1.25rem;
        line-height: 1.69375rem;
    }
} */
.course-page .column-block figure {
    -ms-flex-order: 9999;
    order: 9999;
}
@media screen and (min-width: 1024px) {
    .course-page .column-block figure {
        -ms-flex-order: initial;
        order: 0;
    }
}
.course-page .column-block figure:first-of-type {
    width: 100%;
}
@media screen and (min-width: 1024px) {
    .course-page .column-block figure:first-of-type {
        float: right;
        margin: 0 0 2.5rem 3.125rem;
        position: relative;
        width: 48%;
    }
}
.course-page .column-block figure:first-of-type img {
    max-height: 13.75rem;
    -o-object-fit: cover;
    object-fit: cover;
}
@media screen and (min-width: 1024px) {
    .course-page .column-block figure:first-of-type img {
        height: 100%;
        max-height: 21.875rem;
    }
}
.course-page .column-block figure:first-of-type figcaption {
    border-left: 8px solid #00dbcf;
    color: #4a4a4a;
    font-family:
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 0.75rem;
    font-style: normal;
    line-height: 1.0625rem;
    margin-top: 0.625rem;
    padding-left: 12px;
}
@media screen and (min-width: 1024px) {
    .course-page .column-block figure:first-of-type figcaption {
        font-size: 0.875rem;
        line-height: 1.1875rem;
    }
}
.course-page .column-block div:has(iframe) {
    height: 0;
    left: 0;
    margin: 20px 0;
    padding-bottom: 56.25%;
    position: relative;
    width: 100%;
}
@media screen and (min-width: 1024px) {
    .course-page .column-block div:has(iframe) {
        aspect-ratio: 16/9;
        height: auto;
        left: auto;
        margin: 0 0 2.5rem 3.125rem;
        padding-bottom: 0;
        position: absolute;
        right: 0;
        top: 30px;
        width: 48%;
    }
}
.course-page .column-block:has(div > iframe) {
    position: relative;
}
.course-page .column-block:has(div > iframe):has(div + script):not(:has(p, ul, ol, img)) div:has(iframe) {
    height: 0;
    left: 0;
    margin-bottom: 20px;
    margin-top: 0;
    padding-bottom: 56.25%;
    position: relative;
    width: 100%;
}
@media screen and (min-width: 1024px) {
    .course-page .column-block:has(div > iframe):has(div + script):not(:has(p, ul, ol, img)) div:has(iframe) {
        aspect-ratio: 16/9;
        height: auto;
        margin: 0 auto;
        padding-bottom: 0;
        position: relative;
        width: 100%;
    }
}
.course-page .how-to-apply-cta .cta,
.course-page .how-to-apply-cta .gallery.mediaGallery .buttons .btn,
.gallery.mediaGallery .buttons .course-page .how-to-apply-cta .btn {
    -ms-flex-align: center;
    -ms-flex-pack: justify;
    align-items: center;
    background-color: #fdc82f;
    border: 1px solid #fdc82f;
    color: #003a65;
    display: -ms-flexbox;
    display: flex;
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1.125rem;
    height: 2.6875rem;
    justify-content: space-between;
    margin-bottom: 2.8125rem;
    margin-top: 30px;
    min-width: 100%;
    padding: 0 1.25rem;
    width: 100%;
}
@media screen and (min-width: 1024px) {
    .course-page .how-to-apply-cta .cta,
    .course-page .how-to-apply-cta .gallery.mediaGallery .buttons .btn,
    .gallery.mediaGallery .buttons .course-page .how-to-apply-cta .btn {
        font-size: 1.5rem;
        height: 3.625rem;
        margin-bottom: 0;
        margin-top: 3.125rem;
        min-width: 24.0625rem;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }
}
.course-page .how-to-apply-cta .cta:after,
.course-page .how-to-apply-cta .gallery.mediaGallery .buttons .btn:after,
.gallery.mediaGallery .buttons .course-page .how-to-apply-cta .btn:after {
    content: "\f061";
    font-family: Font Awesome\5 Free;
    font-size: 1.25rem;
    left: 4px;
    position: relative;
    top: auto;
    -webkit-transition: left 0.3s ease-in-out;
    transition: left 0.3s ease-in-out;
}
.course-page .how-to-apply-cta .cta:hover,
.course-page .how-to-apply-cta .gallery.mediaGallery .buttons .btn:hover,
.gallery.mediaGallery .buttons .course-page .how-to-apply-cta .btn:hover {
    background-color: #051435;
    border-color: #fff;
    color: #fff;
}
.course-page .how-to-apply-cta .cta:hover:after,
.course-page .how-to-apply-cta .gallery.mediaGallery .buttons .btn:hover:after,
.gallery.mediaGallery .buttons .course-page .how-to-apply-cta .btn:hover:after {
    font-size: 1.25rem;
    left: 8px;
}
.course-page .section-nav-footer {
    -ms-flex-order: 9999;
    border-top: 1px solid #c3e4e8;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    margin: 40px auto 0 !important;
    max-width: 75rem;
    order: 9999;
    padding: 30px 20px !important;
    width: 100%;
}
@media screen and (min-width: 768px) {
    .course-page .section-nav-footer {
        -ms-flex-pack: justify;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 20px;
        justify-content: space-between;
    }
}
@media screen and (min-width: 1024px) {
    .course-page .section-nav-footer {
        -ms-flex-pack: end;
        gap: 30px;
        justify-content: end;
    }
}
@media screen and (min-width: 75rem) {
    .course-page .section-nav-footer {
        padding: 30px 0 !important;
    }
}
.course-page .section-nav-footer .nav-footer-btn {
    -ms-flex-align: center;
    align-items: center;
    border-radius: 5px;
    display: -ms-flexbox;
    display: flex;
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1.125rem;
    font-style: normal;
    height: 43px !important;
    line-height: 23px;
}
@media screen and (min-width: 768px) {
    .course-page .section-nav-footer .nav-footer-btn {
        width: 50%;
    }
}
@media screen and (min-width: 1024px) {
    .course-page .section-nav-footer .nav-footer-btn {
        height: 58px !important;
        width: 33%;
    }
}
.course-page .section-nav-footer .nav-footer-btn.next {
    -ms-flex-pack: justify;
    background-color: #8ed8f8;
    color: #051435;
    justify-content: space-between;
    padding: 0 1.25rem;
}
.course-page .section-nav-footer .nav-footer-btn.next:hover {
    background-color: #051435;
    color: #fff;
    text-decoration: none;
}
.course-page .section-nav-footer .nav-footer-btn.next:hover svg {
    color: #fff;
    left: 8px;
}
.course-page .section-nav-footer .nav-footer-btn.next svg {
    left: 4px;
    position: relative;
    -webkit-transition: left 0.3s ease-in-out;
    transition: left 0.3s ease-in-out;
}
.course-page .section-nav-footer .nav-footer-btn.prev {
    -ms-flex-pack: start;
    background-color: none;
    color: #0073bc;
    justify-content: start;
}
@media screen and (min-width: 1024px) {
    .course-page .section-nav-footer .nav-footer-btn.prev {
        -ms-flex-pack: end;
        justify-content: end;
    }
}
.course-page .section-nav-footer .nav-footer-btn.prev:hover {
    color: #051435;
    text-decoration: underline;
    text-underline-offset: 2px;
}
.course-page .section-nav-footer .nav-footer-btn.prev:hover svg {
    color: #051435;
    right: 8px;
}
.course-page .section-nav-footer .nav-footer-btn.prev svg {
    position: relative;
    right: 4px;
    -webkit-transition: right 0.3s ease-in-out;
    transition: right 0.3s ease-in-out;
}
.course-page .section-nav-footer .nav-footer-btn svg {
    stroke-width: 1;
    height: 17px;
    width: 17px;
}
.course-page .alertLinkSection {
    margin: 1.25rem 0;
}
@media screen and (min-width: 1024px) {
    .course-page .alertLinkSection {
        margin: 2.5rem 0;
    }
}
.course-page .ctaBlock.fullWidthRibbon {
    background-color: #051435 !important;
}
.course-page .ctaBlock.fullWidthRibbon .gallery.mediaGallery .buttons a.btn:after,
.course-page .ctaBlock.fullWidthRibbon a.cta:after,
.gallery.mediaGallery .buttons .course-page .ctaBlock.fullWidthRibbon a.btn:after {
    content: "\f061";
}
.course-page .ctaBlock.fullWidthRibbon .gallery.mediaGallery .buttons a.btn:hover,
.course-page .ctaBlock.fullWidthRibbon a.cta:hover,
.gallery.mediaGallery .buttons .course-page .ctaBlock.fullWidthRibbon a.btn:hover {
    border-color: #fff;
}
.course-page section {
    margin: 0;
}
.course-page .course-row {
    margin: 0 auto;
    max-width: 75rem;
    padding: 0 0.9375rem;
    position: relative;
    width: 100%;
}
.course-page .course-cta {
    -ms-flex-pack: justify;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 0.3125rem;
    color: #003a65;
    display: -ms-flexbox;
    display: flex;
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1.125rem;
    font-style: normal;
    height: 2.6875rem;
    justify-content: space-between;
    line-height: 1.4375rem;
    padding: 0 1.25rem;
    text-decoration: none;
    width: 100%;
}
.course-page .course-cta:after {
    content: "\f061";
    display: inline-block;
    font-family: Font Awesome\5 Free;
    font-weight: 900;
    margin-left: 0.625rem;
    position: relative;
    right: 0;
    -webkit-transition: right 0.3s ease-in-out;
    transition: right 0.3s ease-in-out;
}
.course-page .course-cta.jump:after {
    content: "\f103";
    top: 0;
    -webkit-transition: top 0.3s ease-in-out;
    transition: top 0.3s ease-in-out;
}
.course-page .course-cta.jump:hover:after {
    right: 0;
    top: 4px;
}
.course-page .course-cta.yellow {
    background-color: #fdc82f;
    border: 1px solid #fdc82f;
}
.course-page .course-cta.white {
    background-color: #fff;
    border: 1px solid #fff;
}
.course-page .course-cta.light-blue {
    background-color: #cee7f7;
    border: 1px solid #cee7f7;
}
.course-page .course-cta:hover {
    background-color: #051435;
    border-color: #fff;
    color: #fff;
}
.course-page .course-cta:hover:after {
    right: -4px;
}
.course-page .course-header {
    padding: 0 !important;
    position: relative;
}
.course-page .course-header__row {
    margin: 0 auto;
    max-width: 75rem;
    padding: 0 0.9375rem 2.5rem;
    position: relative;
    width: 100%;
}
@media screen and (min-width: 1024px) {
    .course-page .course-header__row {
        padding-bottom: 3.3125rem;
    }
}
.course-page .course-header__background {
    background: rgba(5, 20, 51, 0.5) !important;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.course-page .course-header__content {
    position: relative;
    width: 100%;
}
@media screen and (min-width: 1024px) {
    .course-page .course-header__content {
        margin-left: 3.125rem;
        width: calc(100% - 53px);
    }
}
.course-page .course-header__title-wrapper {
    position: relative;
}
@media screen and (min-width: 1024px) {
    .course-page .course-header__title-wrapper {
        position: unset;
    }
    .course-page .course-header__branding-line {
        height: calc(100% - 189px);
        left: 0.9375rem;
        max-height: calc(100% - 270px);
        width: 0.9375rem;
    }
}
.course-page .course-header__branding-line--mobile {
    background: #da1a35;
    display: block;
    height: 100%;
    height: 106%;
    left: 0;
    position: absolute;
    top: -0.9375rem;
    width: 0.75rem;
}
@media screen and (min-width: 480px) {
    .course-page .course-header__branding-line--mobile {
        height: 125%;
        top: -1.9375rem;
    }
}
@media screen and (min-width: 1024px) {
    .course-page .course-header__branding-line--mobile {
        display: none;
    }
}
.course-page .course-header__branding-line--desktop {
    display: none;
}
@media screen and (min-width: 1024px) {
    .course-page .course-header__branding-line--desktop {
        background: #da1a35;
        display: block;
        height: 100%;
        left: -3.125rem;
        max-height: calc(100% - 252px);
        position: absolute;
        top: 8.125rem;
        width: 0.9375rem;
    }
}
@media screen and (min-width: 1060px) {
    .course-page .course-header__branding-line--desktop {
        max-height: calc(100% - 230px);
    }
}
.course-page .course-header__title {
    color: #fff;
    font-family:
        Derailed-ExtraBold,
        Raleway-ExtraBold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1.5625rem;
    font-style: normal;
    line-height: normal;
    margin-bottom: 0.625rem;
    margin-left: 1.875rem;
    padding-bottom: 0;
    padding-top: 3.75rem;
}
@media screen and (min-width: 1024px) {
    .course-page .course-header__title {
        font-size: 2.8125rem;
        margin-left: 0;
        padding-bottom: 1.875rem;
        padding-top: 2.5rem;
    }
}
.course-page .course-header__padding {
    padding-top: 0;
}
@media screen and (min-width: 480px) {
    .course-page .course-header__padding {
        padding-top: 4.375rem;
    }
}
@media screen and (min-width: 960px) {
    .course-page .course-header__padding {
        padding-top: 10.125rem;
    }
}
@media screen and (min-width: 1024px) {
    .course-page .course-header__padding {
        padding-top: 8.625rem;
    }
}
.course-page .course-header__description {
    -ms-grid-columns: (1fr) [1];
    background-color: #fff;
    display: -ms-grid;
    display: grid;
    gap: 0.9375rem;
    grid-template-columns: repeat(1, 1fr);
    min-width: 0;
    padding: 1.25rem;
    width: 100%;
}
@media screen and (min-width: 1024px) {
    .course-page .course-header__description {
        -ms-grid-columns: (1fr) [12];
        -ms-flex: 1 1 0px;
        flex: 1 1 0;
        gap: 1.1875rem 2rem;
        grid-template-columns: repeat(12, 1fr);
        margin-right: 1.25rem;
        min-width: 300px;
        min-width: 20.625rem;
        padding: 1.375rem 2.125rem;
        width: auto;
    }
}
.course-page .course-header__description .course-header__description-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}
@media screen and (min-width: 1024px) {
    .course-page .course-header__description .course-header__description-item {
        -ms-grid-column-span: 4;
        grid-column: span 4;
    }
}
.course-page .course-header__description .course-header__description-item.next-start-date {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.course-page .course-header__description .course-header__description-item dt {
    color: #4a4a4a;
    font-family:
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.1875rem;
    margin-bottom: 3px;
}
@media screen and (min-width: 1024px) {
    .course-page .course-header__description .course-header__description-item dt {
        margin-bottom: 0;
    }
}
.course-page .course-header__description .course-header__description-item dd {
    color: #051435;
    font-family:
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.course-page .course-header__description .course-header__description-item dd:not(.entry-requirements) {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 5px;
}
@media screen and (min-width: 1024px) {
    .course-page .course-header__description .course-header__description-item dd:not(.entry-requirements) {
        display: block;
    }
}
.course-page .course-header__description .course-header__description-item dd:not(:first-of-type) {
    margin-top: 0.125rem;
}
.course-page .course-header__description .course-header__description-item dd span {
    display: inline-block;
    font-family:
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-weight: 700;
    line-height: 0.875rem;
    white-space: nowrap;
}
.course-page .course-header__description .course-header__description-item dd span:not(.value) {
    padding-right: 0.3125rem;
}
.course-page .course-header__description .course-header__description-item dd span.value:not(:last-of-type) {
    border-right: 2px solid #da1a35;
    margin-right: 0.3125rem;
    padding-right: 0.625rem;
}
@media screen and (min-width: 1024px) {
    .course-page .course-header__description .course-header__description-item dd span.value:not(:last-of-type) {
        border-right: none;
        margin-right: 0;
        padding-right: 0;
    }
}
.course-page .course-header__description .course-header__description-item a {
    color: #0073bc;
    display: block;
    font-weight: 400;
    margin-top: 3px;
    text-decoration-line: underline;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    text-decoration-style: solid;
    text-decoration-thickness: auto;
    text-underline-offset: 2px;
    text-underline-offset: auto;
    text-underline-position: from-font;
}
.course-page .course-header__description .course-header__description-item a:hover {
    color: #003a65;
}
.course-page .course-header__description .course-header__description-item.next-start dd span.value:not(:last-of-type) {
    border-right: 2px solid #da1a35;
    margin-right: 0.3125rem;
    padding-right: 0.625rem;
}
.course-page .course-header__description .course-header__description-item.next-start dd span:empty {
    display: none;
}
.course-page
    .course-header__description
    .course-header__description-item.next-start
    dd:has(span#start-date-2:empty)
    span#start-date-1 {
    border-right: none !important;
    margin-right: 0 !important;
    padding-right: 0 !important;
}
.course-page
    .course-header__description
    .course-header__description-item.next-start
    dd:has(span#start-date-3:empty)
    span#start-date-2 {
    border-right: none !important;
    margin-right: 0 !important;
    padding-right: 0 !important;
}
.course-page
    .course-header__description
    .course-header__description-item.next-start
    dd:has(span#start-date-4:empty)
    span#start-date-3 {
    border-right: none !important;
    margin-right: 0 !important;
    padding-right: 0 !important;
}
.course-page
    .course-header__description
    .course-header__description-item.next-start
    dd:has(span#start-date-5:empty)
    span#start-date-4 {
    border-right: none !important;
    margin-right: 0 !important;
    padding-right: 0 !important;
}
.course-page
    .course-header__description
    .course-header__description-item.next-start
    dd:has(span#start-date-6:empty)
    span#start-date-5 {
    border-right: none !important;
    margin-right: 0 !important;
    padding-right: 0 !important;
}
.course-page .course-header__description .course-header__description-item.course-code dd span {
    display: inline;
    margin-top: 0 !important;
    text-transform: uppercase;
}
@media screen and (min-width: 1024px) {
    .course-page .course-header__description .course-header__description-item.course-code dd span {
        display: block;
        margin-top: 3px !important;
    }
}
.course-page .course-header__description .course-header__description-item.entry-requirements dd {
    display: block;
}
.course-page .course-header__description-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.5rem;
}
@media screen and (min-width: 1024px) {
    .course-page .course-header__description-wrapper {
        -ms-flex-align: start;
        -ms-flex-align: stretch;
        align-items: flex-start;
        align-items: stretch;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 0;
    }
}
.course-page .course-header__divider {
    display: none;
}
@media screen and (min-width: 1024px) {
    .course-page .course-header__divider {
        -ms-grid-column-span: 12;
        border: 1px solid #e4f3f5;
        display: block;
        grid-column: span 12;
        width: 100%;
    }
}
.course-page .course-header__buttons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0.625rem;
    gap: 1rem;
    margin-top: 0;
    min-width: 0;
    width: 100%;
}
@media screen and (min-width: 1024px) {
    .course-page .course-header__buttons {
        -ms-flex-pack: start;
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 1.25rem;
        height: auto;
        justify-content: start;
        min-width: 18.75rem;
        width: auto;
    }
}
.course-page .course-header__cta {
    font-family:
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1rem;
    font-weight: 500;
}
@media screen and (min-width: 1024px) {
    .course-page .course-header__cta {
        font-size: 1.125rem;
        height: 3.625rem;
        max-width: 20.625rem;
        min-width: 15rem;
    }
}
.course-page .course-header__alert {
    background: #fff;
    border-left: 10px solid #92acca;
    margin: 0;
    min-width: 0;
    padding: 0.625rem 1.875rem 0.625rem 3.125rem;
    width: 100%;
}
@media screen and (min-width: 1024px) {
    .course-page .course-header__alert {
        -ms-flex-preferred-size: 100%;
        -ms-flex-order: 2;
        flex-basis: 100%;
        margin-top: 1.25rem;
        max-width: calc(100% - 328px);
        order: 2;
        padding: 0.625rem 1.875rem 0.625rem 4.375rem;
        width: 100%;
    }
}
.course-page .course-header__alert-title {
    -ms-flex-align: center;
    align-items: center;
    color: #003a65;
    -webkit-column-gap: 5px;
    -moz-column-gap: 5px;
    column-gap: 5px;
    display: block;
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif !important;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 0 0 0.1875rem;
    position: relative;
}
@media screen and (min-width: 1024px) {
    .course-page .course-header__alert-title {
        font-size: 1.1875rem;
        padding: 0 0 0 0;
    }
}
.course-page .course-header__alert-title:before {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    align-items: center;
    border: 2px solid #051435;
    border-radius: 100%;
    color: #051435;
    content: "\f129";
    display: -ms-flexbox;
    display: flex;
    font-family: Font Awesome\5 Free;
    font-size: 0.625rem;
    height: 20px;
    justify-content: center;
    left: -1.75rem;
    line-height: 1.5;
    position: absolute;
    top: 0;
    width: 20px;
}
@media screen and (min-width: 1024px) {
    .course-page .course-header__alert-title:before {
        font-size: 0.75rem;
        height: 25px;
        left: -1.875rem;
        top: 0;
        width: 25px;
    }
}
.course-page .course-header__alert-title span {
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-weight: 700;
}
.course-page .course-header__alert-title span#entryYear {
    position: relative;
    top: -2px;
}
.course-page .course-header__alert-link {
    -ms-flex-align: center;
    align-items: center;
    color: #0073bc;
    -webkit-column-gap: 5px;
    -moz-column-gap: 5px;
    column-gap: 5px;
    cursor: pointer;
    display: inline;
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1rem;
    font-weight: 700;
}
@media screen and (min-width: 1024px) {
    .course-page .course-header__alert-link {
        font-size: 1.125rem;
    }
}
.course-page .course-header__alert-link:after {
    content: "\f061";
    left: 4px;
    position: relative;
    -webkit-transition: left 0.3s ease-in-out;
    transition: left 0.3s ease-in-out;
}
.course-page .course-header__alert-link span {
    font-family:
        Derailed-SemiBold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-weight: 700;
}
.course-page .course-header__alert-link:hover {
    text-decoration: none;
}
.course-page .course-header__alert-link:hover span {
    text-decoration: underline;
}
.course-page .course-header__alert-link:hover:after {
    left: 8px;
}
.course-page .course-header__alert .startInfoLink a {
    -ms-flex-align: center;
    align-items: center;
    color: #0073bc;
    -webkit-column-gap: 5px;
    -moz-column-gap: 5px;
    column-gap: 5px;
    cursor: pointer;
    display: inline;
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1rem;
    font-weight: 700;
}
@media screen and (min-width: 1024px) {
    .course-page .course-header__alert .startInfoLink a {
        font-size: 1.125rem;
    }
}
.course-page .course-header__alert .startInfoLink a:after {
    content: "\f061";
    left: 4px;
    position: relative;
    top: -2px;
    -webkit-transition: left 0.3s ease-in-out;
    transition: left 0.3s ease-in-out;
}
.course-page .course-header__alert .startInfoLink a span {
    font-family:
        Derailed-SemiBold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-weight: 700;
}
.course-page .course-header__alert .startInfoLink a:hover {
    text-decoration: none;
}
.course-page .course-header__alert .startInfoLink a:hover span {
    text-decoration: underline;
}
.course-page .course-header__alert .startInfoLink a:hover:after {
    left: 8px;
}
.course-page .course-navigation {
    background-color: #fff;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    display: none;
    margin-bottom: 0.1875rem;
    overflow-y: hidden;
    padding: 0.625rem 0.875rem;
    width: 100%;
    z-index: 1000;
}
@media screen and (min-width: 1024px) {
    .course-page .course-navigation {
        height: 5rem;
        padding: 0;
    }
}
.course-page .course-navigation.hide-nav {
    display: none !important;
}
.course-page .course-navigation.is-sticky {
    position: fixed;
    top: 0;
}
.course-page .course-navigation__header-menu {
    display: none;
}
@media screen and (min-width: 1024px) {
    .course-page .course-navigation__header-menu {
        -ms-flex-pack: justify;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        justify-content: space-between;
        list-style: none;
        margin: 0;
        padding: 0;
        text-align: center;
        white-space: nowrap;
    }
}
.course-page .course-navigation__header-menu li {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0;
}
.course-page .course-navigation__header-menu li.active a {
    background-color: #0073bc;
    color: #fff;
    pointer-events: none;
}
.course-page .course-navigation__header-menu li.active a:hover {
    text-decoration: none;
}
.course-page .course-navigation__header-menu li a {
    -ms-flex-align: center;
    align-items: center;
    color: #003a65;
    display: -ms-flexbox;
    display: flex;
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1rem;
    font-weight: 700;
    height: 100%;
    line-height: normal;
    padding: 0 0.625rem;
    text-decoration: none;
}
.course-page .course-navigation__header-menu li a:hover {
    text-decoration: underline;
    text-underline-offset: 6px;
}
.course-page .course-navigation__mobile-menu-toggle {
    -ms-flex-pack: justify;
    -ms-flex-align: center;
    align-items: center;
    background-color: #0073bc;
    border: 1px solid #0073bc;
    border-radius: 5px;
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.125rem;
    height: 2.6875rem;
    justify-content: space-between;
    line-height: 1.375rem;
    padding: 0.9375rem;
    width: 100%;
}
@media screen and (min-width: 1024px) {
    .course-page .course-navigation__mobile-menu-toggle {
        display: none;
    }
}
.course-page .course-navigation__mobile-menu-toggle.open:after {
    content: "\f0c9";
    display: inline-block;
    font-family: Font Awesome\5 Free;
    font-weight: 900;
    margin-left: 0.625rem;
    position: relative;
}
.course-page .course-navigation__mobile-menu-toggle.open:hover {
    background-color: #051435;
    border-color: #051435;
}
.course-page .course-navigation__mobile-menu-toggle.close:after {
    content: "\f00d";
    display: inline-block;
    font-family: Font Awesome\5 Free;
    font-weight: 900;
    margin-left: 0.625rem;
    position: relative;
}
.course-page .course-navigation__mobile-menu-toggle.close:hover {
    background-color: #051435;
    border-color: #fff;
}
.course-page .course-navigation__mobile-menu-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.course-page .course-navigation__mobile-header-menu {
    background-color: #051435;
    -webkit-box-shadow: 0 2px 5px hsla(0, 0%, 100%, 0.3);
    box-shadow: 0 2px 5px hsla(0, 0%, 100%, 0.3);
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    left: 0;
    overflow-y: auto;
    padding: 0.9375rem 0.9375rem 3.125rem;
    position: fixed;
    top: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition:
        transform 0.3s ease-in-out,
        -webkit-transform 0.3s ease-in-out;
    width: 100%;
    z-index: 9999;
}
@media screen and (min-width: 1024px) {
    .course-page .course-navigation__mobile-header-menu {
        display: none;
    }
}
.course-page .course-navigation__mobile-header-menu.active {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.course-page .course-navigation__mobile-header-menu ul {
    border-left: 3px solid #0073bc;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    list-style: none;
    margin: 1.25rem 0 0;
    row-gap: 10px;
}
.course-page .course-navigation__mobile-header-menu ul li {
    border-left: 3px solid transparent;
    left: -3px;
    margin: 0;
    padding-left: 1.25rem;
    position: relative;
}
.course-page .course-navigation__mobile-header-menu ul li:has(> a.active) {
    border-color: #fff;
}
.course-page .course-navigation__mobile-header-menu ul li a {
    border-bottom: none;
    color: #8ed8f8;
    cursor: pointer;
}
.course-page .course-navigation__mobile-header-menu ul li a.active {
    color: #fff;
}
.course-page .course-navigation .mobile-jumplink-list {
    margin: 1.25rem 0 0;
}
.course-page .course-overview {
    padding-bottom: 3.25rem;
    padding-top: 3.25rem;
}
@media screen and (min-width: 768px) {
    .course-page .course-overview {
        padding-bottom: 2.375rem;
    }
}
@media screen and (min-width: 1024px) {
    .course-page .course-overview {
        -ms-grid-columns: (1fr) [2];
        -webkit-column-gap: 1.375rem;
        -moz-column-gap: 1.375rem;
        column-gap: 1.375rem;
        grid-template-columns: repeat(2, 1fr);
        padding-bottom: 1.875rem;
        padding-top: 2.3125rem;
    }
}
.course-page .course-overview__title {
    color: #003a65;
    font-family:
        Derailed-ExtraBold,
        Raleway-ExtraBold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1.5rem;
    font-style: normal;
    line-height: normal;
    padding-bottom: 1.25rem;
    padding-top: 0;
}
@media screen and (min-width: 1024px) {
    .course-page .course-overview__title {
        -ms-grid-column-span: 2;
        font-size: 2.1875rem;
        grid-column: span 2;
        padding-bottom: 2.8125rem;
    }
}
.course-page .course-overview__description {
    display: block;
}
.course-page .course-overview__description p {
    color: #4a4a4a;
    font-family:
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
    margin-bottom: 1.25rem;
    padding: 0;
}
@media screen and (min-width: 1024px) {
    .course-page .course-overview__description p {
        font-size: 1rem;
        line-height: 1.44375rem;
    }
}
.course-page .course-overview__description p:first-of-type {
    color: #003a65;
    font-family:
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5rem;
}
@media screen and (min-width: 1024px) {
    .course-page .course-overview__description p:first-of-type {
        font-size: 1.25rem;
        line-height: 1.69375rem;
    }
}
.course-page .course-overview__description ul {
    list-style: disc;
    list-style-position: inside;
    margin-bottom: 1.25rem;
}
.course-page .course-overview__description a {
    color: #0073bc;
}
.course-page .course-overview__cta {
    margin-bottom: 2.5625rem;
}
@media screen and (min-width: 768px) {
    .course-page .course-overview__cta {
        margin-bottom: 4.1875rem;
    }
}
@media screen and (min-width: 1024px) {
    .course-page .course-overview__cta {
        margin-bottom: 0;
        max-width: 24.0625rem;
        min-width: 24.0625rem;
        padding-bottom: 0;
        width: 100%;
    }
}
.course-page .course-overview__figure {
    float: right;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    position: relative;
    width: 100%;
}
@media screen and (min-width: 1024px) {
    .course-page .course-overview__figure {
        margin-left: 0.625rem;
        width: 50%;
    }
}
.course-page .course-overview__figure-image {
    display: block;
    width: 100%;
}
.course-page .course-overview__figure-video-play-button {
    border: none;
    border-radius: 50%;
    cursor: pointer;
    font-size: 0;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.course-page .course-overview__figure-video-play-button svg {
    height: 6.25rem;
    width: 6.25rem;
}
@media screen and (min-width: 768px) {
    .course-page .course-overview__figure-video-play-button svg {
        height: 12.8125rem;
        width: 12.8125rem;
    }
}
@media screen and (min-width: 1024px) {
    .course-page .course-overview__figure-video-play-button svg {
        height: 9.6875rem;
        width: 9.6875rem;
    }
}
.course-page .course-overview__figure-video {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.course-page .course-overview__figure-caption {
    border-left: 8px solid #00dbcf;
    color: #4a4a4a;
    font-family:
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 0.75rem;
    font-style: normal;
    line-height: 1.0625rem;
    margin-top: 0.625rem;
    padding-left: 12px;
}
@media screen and (min-width: 1024px) {
    .course-page .course-overview__figure-caption {
        font-size: 0.875rem;
        line-height: 1.1875rem;
    }
}
.course-page .course-quote {
    padding: 1.25rem 0 4.6875rem;
    position: relative;
}
.course-page .course-quote__content {
    -ms-grid-columns: (1fr) [1];
    display: -ms-grid;
    display: grid;
    gap: 1.875rem;
    grid-template-columns: repeat(1, 1fr);
    padding: 4.375rem 3.25rem 3.75rem;
    z-index: 3;
}
@media screen and (min-width: 768px) {
    .course-page .course-quote__content {
        -ms-grid-columns: (1fr) [2];
        gap: 3.75rem;
        grid-template-columns: repeat(2, 1fr);
        padding-left: 0.9375rem;
    }
}
@media screen and (min-width: 1024px) {
    .course-page .course-quote__content {
        -ms-grid-columns: (1fr) [3];
        grid-template-columns: repeat(3, 1fr);
        height: 30.3125rem;
        position: relative;
    }
}
.course-page .course-quote__content img {
    -ms-grid-column-span: 1;
    grid-column: span 1;
    height: 115%;
    height: 13.375rem;
    margin: auto;
    max-width: 50%;
    min-width: 170px;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    top: 40%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 10.625rem;
    z-index: 1;
}
@media screen and (min-width: 768px) {
    .course-page .course-quote__content img {
        height: auto;
        max-height: 28.125rem;
        max-width: 80%;
        min-height: 21.875rem;
        top: 50%;
        -webkit-transform: translateY(-49%);
        transform: translateY(-49%);
        width: auto;
    }
}
@media screen and (min-width: 960px) {
    .course-page .course-quote__content img {
        height: 100%;
        max-height: 425px;
    }
}
@media screen and (min-width: 1024px) {
    .course-page .course-quote__content img {
        max-width: 280px;
    }
}
.course-page .course-quote__content blockquote {
    -ms-flex-pack: center;
    -ms-grid-column-span: 1;
    border-left: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-column: span 1;
    justify-content: center;
    padding: 0;
}
@media screen and (min-width: 1024px) {
    .course-page .course-quote__content blockquote {
        -ms-grid-column-span: 2;
        grid-column: span 2;
    }
}
.course-page .course-quote__content blockquote .course-quote__quote-container {
    margin-bottom: 0.625rem;
    position: relative;
}
.course-page .course-quote__content blockquote .course-quote__quote-container .course-quote__quote-icon-before {
    left: -40px;
    left: -2.5rem;
    position: absolute;
    z-index: 2;
}
.course-page .course-quote__content blockquote .course-quote__quote-container .course-quote__quote-icon-after {
    bottom: -0.3125rem;
    position: absolute;
    right: -1.875rem;
    z-index: 2;
}
.course-page .course-quote__content blockquote .course-quote__text {
    color: #051435;
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 18px !important;
    font-style: normal;
    line-height: normal;
    position: relative;
    z-index: 1;
}
@media screen and (min-width: 1024px) {
    .course-page .course-quote__content blockquote .course-quote__text {
        font-size: 22px !important;
        line-height: 1.8125rem;
    }
}
.course-page .course-quote__content blockquote footer {
    position: relative;
    z-index: 1;
}
.course-page .course-quote__content blockquote footer .course-quote__author {
    color: #003a65;
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 0.9375rem;
    font-style: normal;
    line-height: normal;
}
@media screen and (min-width: 1024px) {
    .course-page .course-quote__content blockquote footer .course-quote__author {
        font-size: 1.125rem;
    }
}
.course-page .course-quote__content blockquote footer .course-quote__role {
    color: #003a65;
    display: block;
    font-family:
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.1875rem;
    margin-top: 0.1875rem;
}
@media screen and (min-width: 1024px) {
    .course-page .course-quote__content blockquote footer .course-quote__role {
        font-size: 1rem;
    }
}
.course-page .course-quote__background {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 12%;
    height: 66%;
    position: absolute;
    width: 100%;
}
@media screen and (min-width: 768px) {
    .course-page .course-quote__background {
        aspect-ratio: 293/370;
        height: 50%;
        left: 0;
        top: 47%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}
@media screen and (min-width: 1024px) {
    .course-page .course-quote__background {
        height: 52%;
        left: 50%;
        top: 47%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}
.course-page .course-quote__background:after {
    bottom: -1px;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: -1px;
    z-index: 2;
}
.course-page .course-quote__background--pink {
    background-color: #fae4ea;
}
.course-page .course-quote__background--pink:after {
    background: -webkit-gradient(
        linear,
        left bottom,
        left top,
        from(rgba(250, 228, 234, 0.941)),
        to(rgba(250, 228, 234, 0.941))
    );
    background: linear-gradient(0deg, rgba(250, 228, 234, 0.941), rgba(250, 228, 234, 0.941));
}
.course-page .course-quote__background--neutral {
    background-color: #fff8e4;
}
.course-page .course-quote__background--neutral:after {
    background: -webkit-gradient(
        linear,
        left bottom,
        left top,
        from(rgba(255, 248, 228, 0.96)),
        to(rgba(255, 248, 228, 0.96))
    );
    background: linear-gradient(0deg, rgba(255, 248, 228, 0.96), rgba(255, 248, 228, 0.96));
}
.course-page .course-section-header {
    background-color: #f1f9fe;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}
.course-page .course-section-header__inner {
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    max-width: 75rem;
}
.course-page .course-section-header__content {
    padding: 2.9375rem 1.375rem 2.9375rem 0.625rem;
}
@media screen and (min-width: 1024px) {
    .course-page .course-section-header__content {
        -ms-flex: 1;
        flex: 1;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        margin-right: 31.25rem;
        max-width: 60%;
        min-height: 28.75rem;
        padding: 3.625rem 1.375rem 3.625rem 0.625rem;
    }
}
@media screen and (min-width: 75rem) {
    .course-page .course-section-header__content {
        max-width: 100%;
    }
}
@media screen and (min-width: 85.375rem) {
    .course-page .course-section-header__content {
        margin-right: 26.875rem;
    }
}
.course-page .course-section-header__content p:first-of-type {
    color: #003a65;
    font-family:
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5rem;
}
@media screen and (min-width: 1024px) {
    .course-page .course-section-header__content p:first-of-type {
        font-size: 1.25rem;
        line-height: 1.69375rem;
    }
}
.course-page .course-section-header img {
    display: none;
}
@media screen and (min-width: 1024px) {
    .course-page .course-section-header img {
        aspect-ratio: 1/1;
        display: block;
        height: 100%;
        max-width: 31.25rem;
        -o-object-fit: cover;
        object-fit: cover;
        position: absolute;
        right: 0;
        top: 0;
    }
}
@media screen and (min-width: 1600px) {
    .course-page .course-section-header img {
        max-width: 40rem;
    }
}
@media screen and (min-width: 1900px) {
    .course-page .course-section-header img {
        max-width: 48rem;
    }
}
@media screen and (min-width: 2100px) {
    .course-page .course-section-header img {
        max-width: 55rem;
    }
}
.course-page .course-dual-panel.section-background--light-blue {
    background-color: #f1f9fe;
}
.course-page .course-section-inner {
    max-width: 75rem;
}
.course-page .course-usp .row {
    -ms-grid-columns: (minmax(0, 1fr)) [1];
    gap: 30px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media screen and (min-width: 1024px) {
    .course-page .course-usp .row {
        -ms-grid-columns: (minmax(0, 1fr)) [3];
        gap: 22px;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
.course-page .course-usp .USP .uspItem .uspItemInner .uspHeading {
    font-size: 1.3125rem;
}
@media screen and (min-width: 1024px) {
    .course-page .course-usp .USP .uspItem .uspItemInner .uspHeading {
        font-size: 2.1875rem;
    }
}
.course-page .course-usp .USP .uspItem .uspItemInner .uspSubheading {
    font-size: 0.9375rem;
}
@media screen and (min-width: 1024px) {
    .course-page .course-usp .USP .uspItem .uspItemInner .uspSubheading {
        font-size: 1.125rem;
    }
}
.course-page .student-stories__swiper {
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 50px;
    padding: 60px 0 !important;
}
.course-page .student-stories__swiper h2 {
    color: #fff !important;
    padding-bottom: 0 !important;
}
.course-page .student-stories__swiper .gallery.mediaGallery .buttons a.btn,
.course-page .student-stories__swiper a.cta,
.gallery.mediaGallery .buttons .course-page .student-stories__swiper a.btn {
    -ms-flex-align: center;
    -ms-flex-pack: justify;
    align-items: center;
    border: 1px solid #003a65;
    border-radius: 5px;
    color: #003a65;
    display: -ms-flexbox;
    display: flex;
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 1.125rem;
    font-weight: 700;
    height: 43px;
    justify-content: space-between;
    padding: 0 20px;
    text-decoration: none;
    width: 100%;
}
@media screen and (min-width: 1024px) {
    .course-page .student-stories__swiper .gallery.mediaGallery .buttons a.btn,
    .course-page .student-stories__swiper a.cta,
    .gallery.mediaGallery .buttons .course-page .student-stories__swiper a.btn {
        font-size: 1.25rem;
        height: 3.625rem;
        min-width: 24.0625rem;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }
}
.course-page .student-stories__swiper .gallery.mediaGallery .buttons a.btn:after,
.course-page .student-stories__swiper a.cta:after,
.gallery.mediaGallery .buttons .course-page .student-stories__swiper a.btn:after {
    content: "\f061";
    font-family: Font Awesome\5 Free;
    font-size: 1.25rem;
    left: 4px;
    position: relative;
    top: 0;
    -webkit-transition: left 0.3s ease-in-out;
    transition: left 0.3s ease-in-out;
}
.course-page .student-stories__swiper .gallery.mediaGallery .buttons a.btn:hover,
.course-page .student-stories__swiper a.cta:hover,
.gallery.mediaGallery .buttons .course-page .student-stories__swiper a.btn:hover {
    background-color: #003a65;
    border-color: #fff;
    color: #fff;
}
.course-page .student-stories__swiper .gallery.mediaGallery .buttons a.btn:hover:after,
.course-page .student-stories__swiper a.cta:hover:after,
.gallery.mediaGallery .buttons .course-page .student-stories__swiper a.btn:hover:after {
    left: 8px;
}
.course-page .student-stories__swiper .student-stories__swiper--wrapper {
    padding-left: 0;
    padding-right: 0;
}
.course-page .student-stories__swiper .student-stories__swiper--wrapper .splide__track {
    margin: 0 auto;
    max-width: 20rem;
    max-width: 100% !important;
}
@media screen and (min-width: 40rem) {
    .course-page .student-stories__swiper .student-stories__swiper--wrapper .splide__track {
        max-width: 32rem;
    }
}
@media screen and (min-width: 715px) {
    .course-page .student-stories__swiper .student-stories__swiper--wrapper .splide__track {
        max-width: 35rem;
    }
}
@media screen and (min-width: 48rem) {
    .course-page .student-stories__swiper .student-stories__swiper--wrapper .splide__track {
        max-width: 38rem;
    }
}
@media screen and (min-width: 850px) {
    .course-page .student-stories__swiper .student-stories__swiper--wrapper .splide__track {
        max-width: 44rem;
    }
}
@media screen and (min-width: 60rem) {
    .course-page .student-stories__swiper .student-stories__swiper--wrapper .splide__track {
        max-width: 50rem !important;
    }
}
@media screen and (min-width: 1100px) {
    .course-page .student-stories__swiper .student-stories__swiper--wrapper .splide__track {
        max-width: 58rem !important;
    }
}
@media screen and (min-width: 75rem) {
    .course-page .student-stories__swiper .student-stories__swiper--wrapper .splide__track {
        max-width: 65rem !important;
    }
}
.course-page .student-stories__swiper .student-stories__swiper--wrapper .splide__arrow {
    background-color: #8ed8f8;
    border-radius: 5px;
    height: 40px;
    opacity: 1;
    width: 40px;
}
@media screen and (min-width: 75rem) {
    .course-page .student-stories__swiper .student-stories__swiper--wrapper .splide__arrow {
        height: 55px;
        width: 55px;
    }
}
.course-page .student-stories__swiper .student-stories__swiper--wrapper .splide__arrow svg {
    color: #051435;
    height: 25px;
    width: 25px;
}
@media screen and (min-width: 75rem) {
    .course-page .student-stories__swiper .student-stories__swiper--wrapper .splide__arrow svg {
        height: 40px;
        width: 40px;
    }
}
.course-page .student-stories__swiper .student-stories__swiper--wrapper .splide__arrow:hover svg {
    color: #fff;
}
@media screen and (min-width: 75rem) {
    .course-page .student-stories__swiper .student-stories__swiper--wrapper .splide__arrow--next {
        right: 1rem;
    }
}
.course-page .student-stories__swiper .student-stories__swiper--wrapper .splide__arrow--next:hover {
    background-color: #051435;
    color: #fff;
}
@media screen and (min-width: 75rem) {
    .course-page .student-stories__swiper .student-stories__swiper--wrapper .splide__arrow--prev {
        left: 1rem;
    }
}
.course-page .student-stories__swiper .student-stories__swiper--wrapper .splide__arrow--prev:hover {
    background-color: #051435;
    color: #fff;
}
.course-page .student-stories__swiper .student-stories__swiper--wrapper .student-story__item {
    -ms-flex-align: start;
    -ms-flex-negative: 0;
    align-items: flex-start;
    background: #fff;
    border: 2px solid #92acca;
    border-radius: 5px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-shrink: 0;
    opacity: 0.4;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}
.course-page .student-stories__swiper .student-stories__swiper--wrapper .student-story__item.is-active {
    opacity: 1;
}
.course-page
    .student-stories__swiper
    .student-stories__swiper--wrapper
    .student-story__item.is-visible:not(.is-active) {
    opacity: 0.4;
    pointer-events: none;
}
@media screen and (min-width: 75rem) {
    .course-page
        .student-stories__swiper
        .student-stories__swiper--wrapper
        .student-story__item.is-visible:not(.is-active) {
        opacity: 1;
        pointer-events: auto;
    }
}
.course-page
    .student-stories__swiper
    .student-stories__swiper--wrapper
    .student-story__item.splide__slide--clone.is-active {
    opacity: 1 !important;
}
.course-page .student-stories__swiper .student-stories__swiper--wrapper .student-story__item .imageWrapper {
    border-bottom: 1px solid #f1f1f1;
    position: relative;
    width: 100%;
}
.course-page
    .student-stories__swiper
    .student-stories__swiper--wrapper
    .student-story__item
    .imageWrapper
    .profileImage {
    height: 10rem;
    -o-object-fit: cover;
    object-fit: cover;
}
@media screen and (min-width: 60rem) {
    .course-page
        .student-stories__swiper
        .student-stories__swiper--wrapper
        .student-story__item
        .imageWrapper
        .profileImage {
        max-height: 11.75rem;
    }
}
.course-page .student-stories__swiper .student-stories__swiper--wrapper .student-story__item .imageWrapper .flagImage {
    bottom: 0;
    height: 100%;
    max-height: 40px;
    max-width: 70px;
    -o-object-fit: fill;
    object-fit: fill;
    position: absolute;
    right: 0;
}
.course-page .student-stories__swiper .student-stories__swiper--wrapper .student-story__item .textWrapper {
    padding: 0.625rem 1.25rem 1.25rem;
}
@media screen and (min-width: 60rem) {
    .course-page .student-stories__swiper .student-stories__swiper--wrapper .student-story__item .textWrapper {
        height: 17.8125rem;
    }
}
.course-page .student-stories__swiper .student-stories__swiper--wrapper .student-story__item .textWrapper h3 {
    color: #003a65;
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 15px !important;
    padding: 0;
    -webkit-transition: -webkit-text-decoration 0.3s ease;
    transition: -webkit-text-decoration 0.3s ease;
    transition: text-decoration 0.3s ease;
    transition:
        text-decoration 0.3s ease,
        -webkit-text-decoration 0.3s ease;
}
@media screen and (min-width: 60rem) {
    .course-page .student-stories__swiper .student-stories__swiper--wrapper .student-story__item .textWrapper h3 {
        font-size: 16px !important;
    }
}
.course-page .student-stories__swiper .student-stories__swiper--wrapper .student-story__item .textWrapper .courseTitle {
    color: #4a4a4a;
    font-family:
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 14px !important;
    line-height: 1.1875rem;
    margin-bottom: 0 !important;
}
@media screen and (min-width: 60rem) {
    .course-page
        .student-stories__swiper
        .student-stories__swiper--wrapper
        .student-story__item
        .textWrapper
        .courseTitle {
        font-size: 14px !important;
        line-height: 1.4375rem;
    }
}
.course-page
    .student-stories__swiper
    .student-stories__swiper--wrapper
    .student-story__item
    .textWrapper
    .studentQuote {
    padding: 1rem 1.25rem 1.25rem;
    position: relative;
}
.course-page
    .student-stories__swiper
    .student-stories__swiper--wrapper
    .student-story__item
    .textWrapper
    .studentQuote
    p {
    color: #0073bc;
    font-family:
        Derailed-Bold,
        Raleway-Bold,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 15px !important;
    line-height: 1.3rem;
    padding: 0;
}
@media screen and (min-width: 60rem) {
    .course-page
        .student-stories__swiper
        .student-stories__swiper--wrapper
        .student-story__item
        .textWrapper
        .studentQuote
        p {
        font-size: 16px !important;
        line-height: 1.4rem;
    }
}
.course-page
    .student-stories__swiper
    .student-stories__swiper--wrapper
    .student-story__item
    .textWrapper
    .studentQuote
    svg {
    color: #003a65;
    height: 12px;
    width: 14px;
}
.course-page
    .student-stories__swiper
    .student-stories__swiper--wrapper
    .student-story__item
    .textWrapper
    .studentQuote
    svg.beforeQuote {
    left: -2px;
    position: absolute;
}
.course-page
    .student-stories__swiper
    .student-stories__swiper--wrapper
    .student-story__item
    .textWrapper
    .studentQuote
    svg.afterQuote {
    bottom: 20px;
    position: absolute;
    right: 2px;
}
.course-page .student-stories__swiper .student-stories__swiper--wrapper .student-story__item:hover {
    border-color: #0073bc;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-decoration: none;
}
.course-page .student-stories__swiper .student-stories__swiper--wrapper .student-story__item:hover .studentQuote {
    text-decoration: underline;
}
.course-page .student-stories__swiper .student-stories__swiper--wrapper .student-story__item:hover .studentQuote:after {
    right: -3px;
}
.course-page .student-stories__swiper .student-stories__swiper--wrapper .whiteCta {
    margin-top: 1.875rem;
    width: 100%;
}
@media screen and (min-width: 48rem) {
    .course-page .student-stories__swiper .student-stories__swiper--wrapper .whiteCta {
        margin-top: 2.5rem;
        width: 50%;
    }
}
@media screen and (min-width: 60rem) {
    .course-page .student-stories__swiper .student-stories__swiper--wrapper .whiteCta {
        width: 33.33%;
    }
}
.course-page .student-stories__swiper .student-stories__swiper--wrapper .whiteCta:after {
    content: "\f061";
    font-family: Font Awesome\5 Free;
    position: absolute;
    right: 20px;
    -webkit-transition: right 0.3s ease;
    transition: right 0.3s ease;
}
.course-page .student-stories__swiper .student-stories__swiper--wrapper .whiteCta:hover {
    background-color: #051435;
    color: #fff;
}
.course-page .student-stories__swiper .student-stories__swiper--wrapper .whiteCta:hover:after {
    right: 15px;
}
.course-page .student-stories__swiper .student-stories__swiper--wrapper .slider-next {
    background: #8ed8f8;
    border-radius: 5px;
    color: #051435;
    cursor: pointer;
    height: 35px;
    padding: 5px;
    position: absolute;
    right: -5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 35px;
    z-index: 10;
}
@media screen and (min-width: 48rem) {
    .course-page .student-stories__swiper .student-stories__swiper--wrapper .slider-next {
        height: 40px;
        right: -60px;
        width: 40px;
    }
}
@media screen and (min-width: 60rem) {
    .course-page .student-stories__swiper .student-stories__swiper--wrapper .slider-next {
        right: -80px;
    }
}
.course-page .student-stories__swiper .student-stories__swiper--wrapper .slider-prev {
    background: #8ed8f8;
    border-radius: 5px;
    color: #051435;
    cursor: pointer;
    height: 35px;
    left: -5px;
    padding: 5px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
    width: 35px;
    z-index: 10;
}
@media screen and (min-width: 48rem) {
    .course-page .student-stories__swiper .student-stories__swiper--wrapper .slider-prev {
        height: 40px;
        left: -60px;
        width: 40px;
    }
}
@media screen and (min-width: 60rem) {
    .course-page .student-stories__swiper .student-stories__swiper--wrapper .slider-prev {
        left: -80px;
    }
}
.course-page .student-stories__swiper .student-stories__swiper--wrapper:not(.is-active.is-initialized),
.course-page
    .student-stories__swiper
    .student-stories__swiper--wrapper:not(.is-active.is-initialized)
    .splide__pagination,
.course-page
    .student-stories__swiper
    .student-stories__swiper--wrapper:not(.is-active.is-initialized)
    .student-story__item {
    display: none !important;
}
.course-page .student-stories__swiper .student-stories__swiper--wrapper.is-active.is-initialized {
    display: block !important;
}
.course-page .student-stories__swiper .student-stories__swiper--wrapper.is-active.is-initialized .splide__pagination,
.course-page .student-stories__swiper .student-stories__swiper--wrapper.is-active.is-initialized .student-story__item {
    display: -ms-flexbox !important;
    display: flex !important;
}
.course-page .student-stories__swiper .student-stories__swiper--wrapper .slick-dots {
    bottom: -40px;
    position: absolute;
}
@media screen and (min-width: 60rem) {
    .course-page .student-stories__swiper .student-stories__swiper--wrapper .slick-dots {
        display: none !important;
    }
}
.course-page .student-stories__swiper .student-stories__swiper--wrapper.no-slider.is-static {
    height: 32.5rem;
}
@media screen and (min-width: 48rem) {
    .course-page .student-stories__swiper .student-stories__swiper--wrapper.no-slider.is-static {
        height: 35.9375rem;
    }
}
.course-page .student-stories__swiper .student-stories__swiper--wrapper.no-slider.is-static .static-list {
    -ms-flex-pack: start;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    display: -ms-flexbox;
    display: flex;
    justify-content: start;
    overflow-x: auto;
}
@media screen and (min-width: 48rem) {
    .course-page .student-stories__swiper .student-stories__swiper--wrapper.no-slider.is-static .static-list {
        -ms-flex-pack: center;
        justify-content: center;
    }
}
.course-page
    .student-stories__swiper
    .student-stories__swiper--wrapper.no-slider.is-static[data-card-count="1"]
    .static-list {
    -ms-flex-pack: center;
    justify-content: center;
    overflow-x: hidden;
}
.course-page .student-stories__swiper.bgPresent .student-stories__swiper--wrapper {
    height: 33.125rem;
    padding-top: 3.125rem;
}
@media screen and (min-width: 30rem) {
    .course-page .student-stories__swiper.bgPresent .student-stories__swiper--wrapper {
        height: 32.1875rem;
    }
}
@media screen and (min-width: 48rem) {
    .course-page .student-stories__swiper.bgPresent .student-stories__swiper--wrapper {
        height: 34.0625rem;
    }
}
@media screen and (min-width: 75rem) {
    .course-page .student-stories__swiper.bgPresent .student-stories__swiper--wrapper {
        height: 35.9375rem;
    }
}
.course-page .student-stories__swiper.bgPresent .student-stories__swiper--wrapper .splide__pagination {
    bottom: 1.25rem;
    margin-bottom: 0 !important;
}
@media screen and (min-width: 48rem) {
    .course-page .student-stories__swiper.bgPresent .student-stories__swiper--wrapper .splide__pagination {
        bottom: 1.875rem;
    }
}
@media screen and (min-width: 75rem) {
    .course-page .student-stories__swiper.bgPresent .student-stories__swiper--wrapper .splide__pagination {
        bottom: 1.875rem;
    }
}
.course-page .student-stories__swiper.bgPresent .student-stories__swiper--wrapper .splide__pagination li button {
    background-color: #d9d9d9 !important;
    height: 15px !important;
    opacity: 1 !important;
    width: 15px !important;
}
.course-page
    .student-stories__swiper.bgPresent
    .student-stories__swiper--wrapper
    .splide__pagination
    li
    button.is-active {
    background-color: #8ed8f8 !important;
    opacity: 1 !important;
    -webkit-transform: scale(1) !important;
    transform: scale(1) !important;
}
.course-page .student-stories__swiper.bgPresent.brandDefault {
    background-color: #003a65;
}
.course-page .student-stories__swiper.bgPresent.brandDefault h2 {
    color: #fff;
}
.course-page .student-stories__swiper.bgPresent.brandDefault .studentStoryItem {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.course-page .student-stories__swiper.bgPresent.brandDefault .whiteCta {
    background-color: #fff;
    border: none;
    color: #003a65;
}
.course-page .student-stories__swiper.bgPresent.brandDefault .whiteCta:hover {
    background-color: #051435;
    color: #fff;
}
.course-page .student-stories__swiper.bgPresent.brandDefault .splide__pagination li button,
.course-page .student-stories__swiper.bgPresent.brandDefault .splide__pagination li button.is-active {
    background-color: #8ed8f8;
}
.course-page .student-stories__swiper.bgPresent.lightBlue {
    background-color: #f1f9fe;
}
.course-page .student-stories__swiper.bgPresent.lightBlue h2 {
    color: #003a65;
}
.course-page .student-stories__swiper.bgPresent.lightBlue .whiteCta {
    background-color: #fff;
    border: 1px solid #003a65;
    color: #003a65;
}
.course-page .student-stories__swiper.bgPresent.lightBlue .whiteCta:hover {
    background-color: #051435;
    color: #fff;
}
.course-page .student-stories__swiper.bgPresent.lightBlue .splide__pagination li button,
.course-page .student-stories__swiper.bgPresent.lightBlue .splide__pagination li button.is-active {
    background-color: #003a65;
}
.course-page .student-stories__swiper:not(.bgPresent) {
    background-color: #fff;
}
.course-page .student-stories__swiper:not(.bgPresent) h2 {
    color: #003a65;
}
.course-page .student-stories__swiper:not(.bgPresent) .student-stories__swiper--wrapper {
    height: 30.625rem;
}
.course-page .student-stories__swiper:not(.bgPresent) .studentStoryItem {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.course-page .student-stories__swiper:not(.bgPresent) .whiteCta {
    background-color: #003a65;
    border: none;
    color: #fff;
}
.course-page .student-stories__swiper:not(.bgPresent) .whiteCta:hover {
    background-color: #0073bc;
    color: #fff;
}
.course-page .student-stories__swiper:not(.bgPresent) .splide__pagination {
    bottom: -1.875rem;
}
.course-page .student-stories__swiper:not(.bgPresent) .splide__pagination li button {
    background-color: #0073bc;
    height: 10px;
    opacity: 0.25;
    width: 10px;
}
.course-page .student-stories__swiper:not(.bgPresent) .splide__pagination li button.is-active {
    background-color: #0073bc;
    opacity: 1;
}
/*# sourceMappingURL=main.css.map */