*,
:before,
:after {
    box-sizing: border-box;
    background-repeat: no-repeat
}

:before,
:after {
    text-decoration: inherit;
    vertical-align: inherit
}

:where(:root) {
    cursor: default;
    line-height: 1.5;
    word-wrap: break-word;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: 100%
}

:where(body) {
    margin: 0
}

:where(h1) {
    font-size: 2em;
    margin: .67em 0
}

:where(dl, ol, ul) :where(dl, ol, ul) {
    margin: 0
}

:where(hr) {
    color: inherit;
    height: 0
}

:where(nav) :where(ol, ul) {
    list-style-type: none;
    padding: 0
}

:where(nav li):before {
    content: "\200b";
    float: left
}

:where(pre) {
    font-family: monospace, monospace;
    font-size: 1em;
    overflow: auto
}

:where(abbr[title]) {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

:where(b, strong) {
    font-weight: bolder
}

:where(code, kbd, samp) {
    font-family: monospace, monospace;
    font-size: 1em
}

:where(small) {
    font-size: 80%
}

:where(audio, canvas, iframe, img, svg, video) {
    vertical-align: middle
}

:where(iframe) {
    border-style: none
}

:where(svg:not([fill])) {
    fill: currentColor
}

:where(table) {
    border-collapse: collapse;
    border-color: inherit;
    text-indent: 0
}

:where(button, input, select) {
    margin: 0
}

:where(button, [type="button" i], [type="reset" i], [type="submit" i]) {
    -webkit-appearance: button
}

:where(fieldset) {
    border: 1px solid #a0a0a0
}

:where(progress) {
    vertical-align: baseline
}

:where(textarea) {
    margin: 0;
    resize: vertical
}

:where([type="search" i]) {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto
}

::-webkit-input-placeholder {
    color: inherit;
    opacity: .54
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

:where(dialog) {
    background-color: #fff;
    border: solid;
    color: #000;
    height: -moz-fit-content;
    height: fit-content;
    left: 0;
    margin: auto;
    padding: 1em;
    position: absolute;
    right: 0;
    width: -moz-fit-content;
    width: fit-content
}

:where(dialog:not([open])) {
    display: none
}

:where(details > summary:first-of-type) {
    display: list-item
}

:where([aria-busy="true" i]) {
    cursor: progress
}

:where([aria-controls]) {
    cursor: pointer
}

:where([aria-disabled="true" i], [disabled]) {
    cursor: not-allowed
}

:where([aria-hidden="false" i][hidden]) {
    display: inline;
    display: initial
}

:where([aria-hidden="false" i][hidden]:not(:focus)) {
    clip: rect(0, 0, 0, 0);
    position: absolute
}

:root {
    --black: #000;
    --black-50: rgba(0, 0, 0, .50196);
    --black-20: rgba(0, 0, 0, .2);
    --black-10: rgba(0, 0, 0, .10196);
    --white: #fff;
    --red: #D9250B;
    --orange: #bf5700;
    --orange-900: #8C3900;
    --light-blue: #B9D8EA;
    --dark-blue: #002F6C;
    --grey: #9F9F9F;
    --dark-grey: #737373;
    --grey-900: #323E48;
    --grey-50: #F5F3F3;
    --space-3xs: clamp(.25rem, .23rem + .12vw, .3125rem);
    --space-2xs: clamp(.5rem, .45rem + .24vw, .625rem);
    --space-xs: clamp(.75rem, .68rem + .37vw, .9375rem);
    --space-s: clamp(1rem, .9rem + .49vw, 1.25rem);
    --space-m: clamp(1.5rem, 1.35rem + .73vw, 1.875rem);
    --space-l: clamp(2rem, 1.8rem + .98vw, 2.5rem);
    --space-xl: clamp(3rem, 2.71rem + 1.46vw, 3.75rem);
    --space-2xl: clamp(4rem, 3.61rem + 1.95vw, 5rem);
    --space-3xl: clamp(6rem, 5.41rem + 2.93vw, 7.5rem);
    --space-3xs-2xs: clamp(.25rem, .1rem + .73vw, .625rem);
    --space-2xs-xs: clamp(.5rem, .33rem + .85vw, .9375rem);
    --space-xs-s: clamp(.75rem, .55rem + .98vw, 1.25rem);
    --space-s-m: clamp(1rem, .66rem + 1.71vw, 1.875rem);
    --space-m-l: clamp(1.5rem, 1.11rem + 1.95vw, 2.5rem);
    --space-l-xl: clamp(2rem, 1.32rem + 3.41vw, 3.75rem);
    --space-l-2xl: clamp(2rem, .83rem + 5.85vw, 5rem);
    --space-xl-2xl: clamp(3rem, 2.22rem + 3.9vw, 5rem);
    --space-2xl-3xl: clamp(4rem, 2.63rem + 6.83vw, 7.5rem);
    --space-zero: clamp(-.0625rem, -.09rem + .12vw, 0rem);
    --size-step-xs: clamp(.694375rem, .69rem + .02vw, .70375rem);
    --size-step-s: clamp(.833125rem, .79rem + .2vw, .9375rem);
    --size-step-0: clamp(1.124375rem, 1.12rem + 0vw, 1.125rem);
    --size-step-1: clamp(1.20125rem, 1.02rem + .91vw, 1.66625rem);
    --size-step-2: clamp(1.44rem, 1.14rem + 1.52vw, 2.22125rem);
    --size-step-3: clamp(1.728125rem, 1.25rem + 2.4vw, 2.960625rem);
    --size-step-4: clamp(2.07375rem, 1.34rem + 3.65vw, 3.946875rem);
    --size-step-5: clamp(2.488125rem, 1.41rem + 5.41vw, 5.260625rem);
    --size-step-6: clamp(2.98625rem, 1.42rem + 7.86vw, 7.0125rem);
    --gotham: "Gotham", sans-serif;
    --gutter: clamp(1rem, 3.333vw + .333rem, 3rem);
    --container: max(var(--gutter), calc((100% - 82rem)/2));
    --container-max: max(var(--gutter) * 2, calc((100% - 99rem)/2));
    --container-xl: max(var(--gutter), calc((100% - 74rem)/2));
    --container-lg: max(var(--gutter), calc((100% - 68rem)/2));
    --space-fw: max(3rem, min(8vw, 6rem));
    --transition: .3s ease;
    --shadow: 0 1rem 1.5rem var(--black-20);
    cursor: auto
}

@media print {
    :root * {
        color: #000 !important;
        color: var(--black) !important
    }
}

iframe,
img,
input,
video,
select,
svg,
textarea {
    max-width: 100%;
    height: auto
}

iframe,
video {
    aspect-ratio: 16 / 9
}

blockquote,
figure {
    margin-left: 0;
    margin-right: 0
}

fieldset,
legend {
    margin: 0;
    padding: 0;
    border: 0
}

button,
input,
select,
textarea {
    padding: .25em .375em;
    border: 1px solid;
    border-radius: 0;
    background-color: field;
    color: inherit;
    font: inherit;
    letter-spacing: inherit;
    text-overflow: ellipsis
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
    display: none
}

input[type=search]::-ms-clear {
    display: none;
    width: 0;
    height: 0
}

input[type=search]::-ms-reveal {
    display: none;
    width: 0;
    height: 0
}

button,
[type=button],
[type=reset],
[type=submit] {
    cursor: pointer
}

hr {
    display: block;
    margin: 2rem 0;
    border: 0;
    border-top: .25rem solid #002F6C;
    border-top: .25rem solid var(--dark-blue)
}

p {
    margin: 0
}

p:not(:last-child) {
    margin: 0 0 32px
}

:focus {
    outline: currentcolor dashed .25rem;
    outline-offset: .25rem
}

:focus:not(:focus-visible) {
    outline: 0
}

@keyframes fade-in {
    0% {
        opacity: 0
    }
}

@keyframes fade-in-up {
    0% {
        transform: translateY(3rem);
        opacity: 0
    }
}

@keyframes fade-in-down {
    0% {
        transform: translateY(-3rem);
        opacity: 0
    }
}

@keyframes fade-in-right {
    0% {
        transform: translate(-3rem);
        opacity: 0
    }
}

@keyframes fade-in-left {
    0% {
        transform: translate(3rem);
        opacity: 0
    }
}

@keyframes fade-in-height {
    0% {
        height: 0;
        opacity: 0
    }
}

@keyframes slide-in-right {
    0% {
        transform: translate(100%)
    }
}

@keyframes slide-in-right-smooth {
    0% {
        transform: translate(-70%)
    }
}

:root {
    --heading-color: var(--dark-blue);
    --link-color: var(--dark-blue)
}

@font-face {
    font-family: Gotham;
    src: url(/Institutions/University-of-Texas-at-Tyler/styles/fonts/Gotham-Bold.eot);
    src: url(/Institutions/University-of-Texas-at-Tyler/styles/fonts/Gotham-Bold.eot?#iefix) format("embedded-opentype"), url(/Institutions/University-of-Texas-at-Tyler/styles/fonts/Gotham-Bold.woff2) format("woff2"), url(/Institutions/University-of-Texas-at-Tyler/styles/fonts/Gotham-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Gotham;
    src: url(/Institutions/University-of-Texas-at-Tyler/styles/fonts/Gotham-Black.eot);
    src: url(/Institutions/University-of-Texas-at-Tyler/styles/fonts/Gotham-Black.eot?#iefix) format("embedded-opentype"), url(/Institutions/University-of-Texas-at-Tyler/styles/fonts/Gotham-Black.woff2) format("woff2"), url(/Institutions/University-of-Texas-at-Tyler/styles/fonts/Gotham-Black.woff) format("woff");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Gotham;
    src: url(/Institutions/University-of-Texas-at-Tyler/styles/fonts/Gotham-Book.eot);
    src: url(/Institutions/University-of-Texas-at-Tyler/styles/fonts/Gotham-Book.eot?#iefix) format("embedded-opentype"), url(/Institutions/University-of-Texas-at-Tyler/styles/fonts/Gotham-Book.woff2) format("woff2"), url(/Institutions/University-of-Texas-at-Tyler/styles/fonts/Gotham-Book.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Gotham;
    src: url(/_resources/fonts/Gotham-BookItalic.eot);
    src: url(/_resources/fonts/Gotham-BookItalic.eot?#iefix) format("embedded-opentype"), url(/_resources/fonts/Gotham-BookItalic.woff2) format("woff2"), url(/_resources/fonts/Gotham-BookItalic.woff) format("woff");
    font-weight: 400;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Gotham;
    src: url(/_resources/fonts/Gotham-Medium.eot);
    src: url(/_resources/fonts/Gotham-Medium.eot?#iefix) format("embedded-opentype"), url(/_resources/fonts/Gotham-Medium.woff2) format("woff2"), url(/_resources/fonts/Gotham-Medium.woff) format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Gotham;
    src: url(/Institutions/University-of-Texas-at-Tyler/styles/fonts/Gotham-Light.eot);
    src: url(/Institutions/University-of-Texas-at-Tyler/styles/fonts/Gotham-Light.eot?#iefix) format("embedded-opentype"), url(/Institutions/University-of-Texas-at-Tyler/styles/fonts/Gotham-Light.woff2) format("woff2"), url(/Institutions/University-of-Texas-at-Tyler/styles/fonts/Gotham-Light.woff) format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

body {
    font-family: var(--gotham);
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #000;
    -webkit-font-smoothing: antialiased;
    background: var(--grey-50)
}

.large {
    font-size: 18px
}

ol,
ul {
    padding: 0 0 0 1.5em
}

li {
    margin-bottom: 0
}

a {
    color: var(--dark-blue);
    color: var(--link-color);
    -webkit-text-decoration: none;
    text-decoration: none;
    transition: all var(--transition)
}

a:hover {
    color: var(--orange)
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 1.25em 0 .625em
}

h1,
.h1 {
    color: var(--dark-blue);
    color: var(--heading-color);
    font-size: 40px;
    font-weight: 700;
    line-height: 43px;
    margin: 0 0 32px
}

h2,
.h2 {
    color: var(--dark-blue);
    color: var(--heading-color);
    font-size: 28px;
    font-weight: 700;
    line-height: 37px;
    margin: 0 0 32px
}

h2.h1 {
    font-size: 35px;
    line-height: 43px
}

@media (min-width: 48em) {
    h2.h1 {
        font-size: 40px
    }
}

h2 strong,
.h2 strong {
    font-weight: 900
}

h3,
.h3 {
    color: var(--dark-blue);
    color: var(--heading-color);
    font-size: 25px;
    font-weight: 700;
    line-height: 36px;
    margin: 0 0 32px
}

h4,
.h4 {
    color: #000;
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
    margin: 0 0 24px
}

h5,
.h5 {
    color: var(--dark-blue);
    color: var(--heading-color);
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 20px
}

h6,
.h6 {
    color: var(--dark-blue);
    color: var(--heading-color);
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    margin: 0 0 20px
}

@media (min-width: 48em) {
    h6,
    .h6 {
        margin: 0 0 27px
    }
}

.t-intro {
    color: #000;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px
}

.t-center {
    text-align: center
}

.t-xs {
    color: #000;
    font-size: 14px;
    font-weight: 600;
    line-height: 21px
}

.link-underline {
    font-weight: 700;
    -webkit-text-decoration: underline;
    text-decoration: underline;
    transition: all var(--transition)
}

.link-underline:hover {
    text-decoration-color: transparent
}

.clear:after {
    content: "";
    display: block;
    clear: both
}

.screen-reader-text:not(:focus):not(:active) {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    white-space: nowrap
}

.zero>:first-child {
    margin-top: 0
}

.zero>:last-child {
    margin-bottom: 0
}

.pt-0 {
    padding-top: 0 !important
}

.pt-space {
    padding-top: 50px
}

@media (min-width: 70em) {
    .pt-space {
        padding-top: 65px
    }
}

.pb-0 {
    padding-bottom: 0 !important
}

.pd-80 {
    padding: 80px 0
}

.no-mg {
    margin: 0 !important
}

.container-block {
    margin-top: var(--space-fw);
    margin-bottom: var(--space-fw);
    padding-left: var(--container-lg);
    padding-right: var(--container-lg)
}

.block {
    margin-bottom: 50px
}

.block:last-child {
    margin-bottom: 0 !important
}

@media (min-width: 70em) {
    .block {
        margin-bottom: 65px
    }
}

.single-post .block {
    margin-bottom: 50px
}

.single-post .block:last-child {
    margin-bottom: 0 !important
}

@media (min-width: 70em) {
    .single-post .block {
        margin-bottom: 65px
    }
}

.single-post section:not(.block):not(:last-child) {
    margin-bottom: 50px
}

@media (min-width: 70em) {
    .single-post section:not(.block):not(:last-child) {
        margin-bottom: 65px
    }
}

.single-post h1 {
    margin-bottom: 17px;
    padding-bottom: 14px;
    border-bottom: 1px solid black;
    color: #002554
}

.single-post .single-heading {
    margin-bottom: 0 !important
}

.single-post .single-heading {
    padding: 0 20px
}

@media (min-width: 48em) {
    .single-post .single-heading {
        padding: 0
    }
}

.single-post .single-heading h1 {
    margin-bottom: 32px
}

@media (min-width: 48em) {
    .single-post .single-heading h1 {
        margin-bottom: 70px
    }
}

.flex {
    display: flex;
    flex-wrap: wrap
}

@media (min-width: 48em) {
    .columns {
        -moz-column-count: 2;
        column-count: 2;
        -moz-column-gap: 2em;
        column-gap: 2em;
        margin: 0
    }
}

.columns>div+div {
    margin-top: 32px
}

@media (min-width: 48em) {
    .columns>div+div {
        margin-top: 0
    }
}

.link-secondary {
    -webkit-text-decoration: none !important;
    text-decoration: none !important;
    transition: background-size var(--transition) !important
}

.link-secondary {
    padding-bottom: 10px;
    --underline-color: var(--orange);
    --underline-hover: var(--orange);
    --underline-height: 4px;
    background-image: linear-gradient(90deg, var(--orange) 50%, var(--orange) 50%);
    background-image: linear-gradient(90deg, var(--underline-hover) 50%, var(--underline-color) 50%);
    background-position: 0 100%;
    background-size: 100% 4px;
    background-size: 100% var(--underline-height);
    -webkit-text-decoration: none;
    text-decoration: none;
    font-weight: 700;
    color: var(--dark-blue);
    line-height: 33px
}

.link-secondary:hover {
    color: var(--dark-blue);
    background-size: 20% var(--underline-height)
}

.button {
    font-size: 14px;
    line-height: 21px;
    font-weight: 500;
    padding: 12px 25px;
    display: inline-block;
    position: relative;
    text-align: center;
    border: none;
    transition: all var(--transition)
}

.button:before,
.button:after {
    position: absolute;
    content: "";
    width: 100%;
    transition: all var(--transition);
    height: 2px
}

.button:before {
    bottom: -2px;
    right: 0
}

.button:after {
    top: -2px;
    left: 0
}

.button:hover:before,
.button:hover:after {
    width: 0
}

.button.button-dark-blue {
    background: var(--dark-blue);
    color: #fff
}

.button.button-dark-blue:before,
.button.button-dark-blue:after {
    background: var(--dark-blue)
}

.button.button-dark-blue:hover {
    background: #00285c
}

.button.button-dark-blue:hover:before,
.button.button-dark-blue:hover:after {
    background: #00285c
}

.button.button-dark-blue:focus:focus-visible {
    outline: var(--dark-blue) dashed .25rem
}

.button.button-light-blue {
    background: var(--light-blue);
    color: var(--dark-blue)
}

.button.button-light-blue:before,
.button.button-light-blue:after {
    background: var(--light-blue)
}

.button.button-light-blue:hover {
    background: var(--light-blue)
}

.button.button-light-blue:hover:before,
.button.button-light-blue:hover:after {
    background: var(--light-blue)
}

.button.button-light-blue:focus:focus-visible {
    outline: var(--light-blue) dashed .25rem
}

.button.button-white {
    background: white;
    color: var(--dark-blue)
}

.button.button-white:before,
.button.button-white:after {
    background: white
}

.button.button-white:hover {
    background: #d9d9d9
}

.button.button-white:hover:before,
.button.button-white:hover:after {
    background: #d9d9d9
}

.button.button-white:focus:focus-visible {
    outline: white dashed .25rem
}

.button.button-red {
    background: var(--red);
    color: var(--white)
}

.button.button-red:before,
.button.button-red:after {
    background: var(--red)
}

.button.button-red:hover {
    background: var(--red)
}

.button.button-red:hover:before,
.button.button-red:hover:after {
    background: var(--red)
}

.button.button-red:focus:focus-visible {
    outline: var(--red) dashed .25rem
}

.button.button-orange {
    background: var(--orange);
    color: var(--white)
}

.button.button-orange:before,
.button.button-orange:after {
    background: var(--orange)
}

.button.button-orange:hover {
    background: var(--orange-900)
}

.button.button-orange:hover:before,
.button.button-orange:hover:after {
    background: var(--orange-900)
}

.button.button-orange:focus:focus-visible {
    outline: var(--orange) dashed .25rem
}

.link-arrow {
    --arrow-color: var(--lime);
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    color: inherit
}

.link-arrow:after {
    content: "";
    display: block;
    flex-shrink: 0;
    width: 1.5rem;
    height: 1.5rem;
    margin-left: 1.5rem;
    transform: translate(-1.5rem);
    transition: transform var(--transition), opacity var(--transition);
    background: var(--arrow-color);
    -webkit-mask: url(/_resources/images/arrow-right.svg) center no-repeat;
    mask: url(/_resources/images/arrow-right.svg) center no-repeat;
    opacity: 0
}

.link-arrow:hover:after {
    transform: none;
    opacity: 1
}

.link-accent {
    --underline-color: var(--orange);
    --underline-height: .125rem;
    padding-bottom: .25rem;
    color: inherit
}

.button-link {
    padding: 0;
    border: 0;
    transition: text-decoration-color var(--transition);
    background-color: transparent;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.button-link:hover {
    text-decoration-color: transparent
}

.container {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto
}

.grid {
    --grid-min: 18rem;
    display: grid;
    grid-gap: 5em;
    gap: 5em;
    grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
    grid-template-columns: repeat(auto-fit, minmax(var(--grid-min), 1fr));
    margin: 0
}

.grid--alt {
    gap: 1.5em
}

@media (min-width: 32em) {
    .grid--alt {
        --grid-min: 19rem
    }
}

@media (min-width: 70em) {
    .grid--wide {
        --grid-min: 20rem;
        gap: 3em 8rem
    }
}

.grid-3 {
    --grid-min: 15rem;
    gap: 1.3rem
}

.grid--center {
    --columns: 1;
    --gap: 1.5em;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.5em;
    gap: var(--gap)
}

@media (min-width: 48em) {
    .grid--center {
        --columns: 2
    }
}

@media (min-width: 70em) {
    .grid--center {
        --columns: 3
    }
}

.grid--center>* {
    width: calc(100% / var(--columns) - var(--gap) * (var(--columns) - 1) / var(--columns))
}

.wrap {
    max-width: 48rem
}

.skip-link {
    position: fixed;
    left: 50%;
    transform: translate(-50%);
    z-index: 4
}

[data-animation=fade-in-up] {
    animation: fade-in-up .6s ease both
}

[data-animation=fade-in-down] {
    animation: fade-in-down .6s ease both
}

[data-animation=fade-in-right] {
    animation: fade-in-right .6s ease both
}

[data-animation=fade-in-left] {
    animation: fade-in-left .6s ease both
}

[data-animation=fade-in-height] {
    animation: fade-in-height .6s ease both
}

[data-animation=fade-in] {
    animation: fade-in .6s ease both
}

[data-animate] {
    animation-play-state: paused
}

[data-animate=true] {
    animation-play-state: running
}

.frame {
    --n: 16;
    --d: 9;
    align-items: center;
    aspect-ratio: 16 /9;
    aspect-ratio: var(--n) /var(--d);
    color: var(--color-light);
    display: flex;
    justify-content: center;
    overflow: hidden
}

.frame>iframe,
.frame>img,
.frame>video {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.frame[data-ratio="1:1"] {
    --n: 1;
    --d: 1
}

.frame[data-ratio="2:3"] {
    --n: 2;
    --d: 3
}

.frame[data-ratio="3:2"] {
    --n: 3;
    --d: 2
}

.frame[data-ratio="4:3"] {
    --n: 4;
    --d: 3
}

.frame[data-ratio="3:4"] {
    --n: 3;
    --d: 4
}

.frame[data-ratio="5:4"] {
    --n: 5;
    --d: 4
}

.frame[data-ratio="10:9.5"] {
    --n: 10;
    --d: 9.5
}

.white-bg {
    background-color: var(--white) !important
}

.dark-blue-bg {
    background-color: var(--dark-blue) !important
}

.light-blue-bg {
    background-color: var(--light-blue) !important
}

.light-grey-bg {
    background-color: var(--grey-50) !important
}

.orange-bg {
    background-color: var(--orange) !important
}

.red-bg {
    background-color: var(--red) !important
}

.text-dark-blue {
    color: var(--dark-blue) !important
}

.text-light-blue {
    color: var(--light-blue) !important
}

.text-red {
    color: var(--red) !important
}

.text-orange {
    color: var(--orange) !important
}

.text-dark-orange {
    color: var(--orange-900) !important
}

.text-white {
    color: var(--white) !important
}

.text-black {
    color: var(--black) !important
}

.flickity-enabled:focus-visible {
    outline: none !important
}

.flickity-viewport {
    position: relative
}

.flickity-viewport:focus-visible {
    outline: none !important
}

.flickity-slider {
    display: flex;
    flex-wrap: nowrap
}

.flickity-slider>* {
    flex-shrink: 0;
    position: absolute;
    top: 0
}

.flickity-fade .flickity-slider {
    transform: none !important
}

.flickity-fade .flickity-slider {
    transition: all .3s ease-in-out
}

.flickity-fade .flickity-slider>* {
    transform: none !important
}

.flickity-fade .flickity-slider>* {
    position: absolute;
    opacity: 0;
    visibility: hidden
}

.flickity-fade .flickity-slider>*.is-selected {
    opacity: 1;
    visibility: visible
}

.flickity-prev-next-button {
    background-color: transparent !important
}

.flickity-prev-next-button {
    display: inline-grid;
    align-items: center;
    justify-items: center;
    place-items: center;
    width: 31px;
    height: 31px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    transition: all var(--transition);
    background: url(/_resources/images/slider-arrow.svg) center no-repeat;
    background-size: 100%;
    color: var(--dark-blue);
    cursor: pointer
}

.flickity-prev-next-button svg {
    display: none
}

.flickity-prev-next-button:hover {
    opacity: .8
}

.flickity-prev-next-button.previous {
    transform: rotate(180deg)
}

.flickity-prev-next-button[disabled] {
    cursor: auto;
    opacity: .5
}

.flickity-prev-next-button[disabled]:hover {
    opacity: .5
}

.flickity-page-dots {
    display: flex;
    gap: .4rem;
    align-items: center
}

.flickity-page-dot {
    display: block;
    width: 10px;
    height: 10px;
    padding: 0;
    border: 0;
    background: var(--dark-blue);
    text-indent: -999rem;
    overflow: hidden;
    cursor: pointer;
    color: var(--dark-blue)
}

.flickity-page-dot:focus:focus-visible {
    color: var(--dark-blue)
}

.flickity-page-dot.is-selected {
    color: var(--orange) !important
}

.flickity-page-dot.is-selected {
    width: 14px;
    height: 14px;
    background: var(--orange)
}

.dark-blue-bg .flickity-page-dot:focus:focus-visible {
    color: #fff
}

.minimodal {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%
}

.minimodal__overlay {
    position: absolute;
    top: -8rem;
    left: 0;
    width: 100%;
    height: calc(100% + 16rem);
    background: var(--dark-blue)
}

.minimodal__viewport {
    position: relative;
    height: 100%;
    pointer-events: none
}

.minimodal__item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.minimodal__status {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    text-align: center
}

.minimodal__content {
    height: 100%
}

.minimodal__element {
    display: block;
    position: relative;
    top: 50%;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    transform: translateY(-50%);
    pointer-events: auto
}

.minimodal__element--map {
    background: white
}

.minimodal__element--video {
    max-width: calc(100vh * (16/9))
}

.minimodal__element--video:before {
    display: block;
    padding-bottom: 56.25%;
    background: black;
    content: ""
}

.minimodal__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.minimodal__caption {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    color: #fff;
    pointer-events: auto
}

.minimodal__close {
    position: absolute;
    top: 0;
    right: 0;
    transition: all var(--transition)
}

.minimodal__close:hover {
    transform: scale(1.2)
}

.minimodal__nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.minimodal__nav--previous {
    left: 0
}

.minimodal__nav--next {
    right: 0
}

[data-minimodal-active] {
    overflow: hidden
}

.minimodal {
    transition: opacity var(--transition);
    opacity: 0;
    z-index: 9999
}

.minimodal--active {
    opacity: 1
}

.minimodal__overlay {
    background: var(--dark-blue);
    opacity: .9
}

.minimodal__item {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    overflow: auto;
    align-items: center;
    align-content: center;
    padding: 100px 0;
    width: 100%;
    height: 100%;
    text-align: center
}

.minimodal__content,
.minimodal__caption {
    width: 100%;
    height: auto;
    padding-left: var(--container-lg);
    padding-right: var(--container-lg)
}

.minimodal__element {
    top: auto;
    transform: none
}

.minimodal__caption {
    position: static;
    padding-top: 1.5rem
}

.minimodal__close {
    top: var(--gutter);
    right: var(--gutter);
    width: 1rem;
    height: 1rem;
    padding: 0;
    border: 0;
    background: var(--white);
    -webkit-mask: url(/_resources/images/close.svg) center no-repeat;
    mask: url(/_resources/images/close.svg) center no-repeat;
    text-indent: -999rem;
    overflow: hidden
}

.white-bg .text-content {
    color: var(--dark-blue)
}

.text-content:after {
    clear: both;
    display: table;
    content: ""
}

.text-content.full-width {
    margin-left: auto;
    margin-right: auto;
    max-width: 895px;
    padding-left: 20px;
    padding-right: 20px
}

.text-content:not(.full-width) {
    padding-left: 20px;
    padding-right: 20px
}

@media (min-width: 48em) {
    .text-content:not(.full-width) {
        padding-left: 0;
        padding-right: 0
    }
}

.text-content+.stats-panel:before {
    display: block;
    width: 100%;
    position: relative;
    content: "";
    height: 65px;
    background: white;
    top: 0;
    margin-bottom: 50px
}

.text-content+.stats-white:before {
    content: none
}

.text-content .image img {
    width: 100%
}

.text-content p a {
    font-weight: 700;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.text-content em {
    font-weight: 400
}

.text-content ul,
.text-content ol {
    margin-bottom: 32px
}

.text-content p>img {
    margin-bottom: 40px;
    border-radius: 0
}

.text-content.flex.full-width {
    padding: 42px 20px;
    align-items: center;
    max-width: 100%;
    justify-content: space-between
}

@media (min-width: 48em) {
    .text-content.flex.full-width {
        padding: 80px var(--container) 80px
    }
}

@media (min-width: 70em) {
    .text-content.flex.full-width {
        padding: 140px var(--container-lg) 80px
    }
}

.text-content.flex.full-width .heading {
    margin-bottom: 40px;
    position: relative
}

@media (min-width: 48em) {
    .text-content.flex.full-width .heading {
        margin-bottom: 0;
        width: 70%;
        padding-right: 10%
    }
}

@media (min-width: 70em) {
    .text-content.flex.full-width .heading {
        width: 75%;
        padding-left: 10%
    }
}

.text-content.flex.full-width:after {
    display: none
}

.subheading-horizontal.full-width {
    margin-left: auto;
    margin-right: auto;
    padding: 0 20px
}

@media (min-width: 48em) {
    .subheading-horizontal.full-width {
        padding: 0 var(--container)
    }
}

@media (min-width: 70em) {
    .subheading-horizontal.full-width {
        padding: 0 var(--container-lg)
    }
}

.subheading-horizontal h2 {
    border-bottom: 6px solid var(--orange);
    margin-bottom: 0;
    padding-bottom: 32px
}

@media (min-width: 48em) {
    .subheading-horizontal h2 {
        padding-bottom: 40px
    }
}

.split-column:after {
    clear: both;
    display: table;
    content: ""
}

.split-column.full-width {
    margin-left: auto;
    margin-right: auto;
    padding: 0 20px
}

@media (min-width: 48em) {
    .split-column.full-width {
        padding: 0 var(--container)
    }
}

@media (min-width: 70em) {
    .split-column.full-width {
        padding: 0 var(--container-lg)
    }
}

.split-column:not(.full-width) {
    padding-left: 20px;
    padding-right: 20px
}

@media (min-width: 48em) {
    .split-column:not(.full-width) {
        padding-left: 0;
        padding-right: 0
    }
}

.split-column .h2,
.split-column h2 {
    margin-bottom: 24px
}

.split-column ul,
.split-column ol {
    margin: 0;
    font-size: 14px;
    line-height: 24px;
    max-width: 420px
}

.split-column.white-bg {
    padding-top: 50px;
    padding-bottom: 50px
}

@media (min-width: 48em) {
    .split-column.white-bg {
        padding-top: 90px;
        padding-bottom: 90px
    }
}

.split-column .mg-4 {
    margin-bottom: 40px
}

.split-column .mg-4+.columns ul,
.split-column .mg-4+.columns ol {
    padding-top: 20px
}

[data-search-active],
[data-menu-active] {
    overflow: hidden
}

@media (min-width: 70em) {
    [data-search-active],
    [data-menu-active] {
        overflow: visible
    }
}

.header {
    display: contents;
    height: 62px
}

@media (min-width: 70em) {
    .header {
        height: 217px
    }
}

@media (min-width: 70em) {
    .header--overlay+* {
        margin-top: -5.5rem
    }
}

.header__sentinel {
    position: absolute;
    height: inherit
}

.header__main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: white;
    position: sticky;
    top: 0;
    height: inherit;
    padding: 0 20px;
    z-index: 99;
    box-shadow: 0 0 10px var(--black-20)
}

@media (min-width: 70em) {
    .header__main {
        position: relative;
        padding: 67px var(--container) 0
    }
}

.header__main:before {
    content: "";
    position: absolute;
    inset: 0;
    background: inherit;
    z-index: -1
}

@media (min-width: 70em) {
    .header__main:before {
        display: none
    }
}

.header__main a {
    color: var(--dark-blue);
    -webkit-text-decoration: none;
    text-decoration: none
}

@media (min-width: 70em) {
    .header--overlay .header__main {
        background: transparent
    }
}

.header__main[data-stuck=true] {
    transition: transform var(--transition)
}

@media (min-width: 70em) {
    .header__main[data-stuck=true] {
        transition: none
    }
}

[data-scroll=down] [data-stuck=true]+.header__main[data-stuck=true] {
    transform: translateY(-100%)
}

@media (min-width: 70em) {
    [data-scroll=down] [data-stuck=true]+.header__main[data-stuck=true] {
        transform: none
    }
}

.header__logo {
    background-size: 0 !important
}

.header__logo {
    position: relative;
    width: 104px;
    order: 2
}

@media (min-width: 70em) {
    .header__logo {
        order: 1;
        width: 308px;
        margin-bottom: 10px;
        margin-right: auto
    }
}

.header__logo svg path:first-child {
    display: none
}

@media (min-width: 70em) {
    .header__logo svg path:first-child {
        display: block
    }
}

.header__logo svg path:nth-last-child(2),
.header__logo svg path:last-child {
    transform: translateY(9px)
}

@media (min-width: 70em) {
    .header__logo svg path:nth-last-child(2),
    .header__logo svg path:last-child {
        transform: none
    }
}

@media (min-width: 70em) {
    .header--overlay .header__logo:before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        width: 11rem;
        max-width: 100%;
        aspect-ratio: 171/109;
        transform: translate(-50%);
        background: var(--white);
        -webkit-mask: url(/_resources/images/logo-stack.svg) center no-repeat;
        mask: url(/_resources/images/logo-stack.svg) center no-repeat
    }
}

@media (min-width: 70em) {
    .header--overlay .header__logo svg {
        visibility: hidden
    }
}

.header__menu-toggle {
    background: transparent !important
}

.header__menu-toggle {
    display: grid;
    align-items: center;
    justify-items: center;
    place-items: center;
    order: 1;
    flex-shrink: 0;
    align-self: stretch;
    width: 25px;
    padding: 0;
    border: 0;
    transition: background-color var(--transition);
    order: 3
}

@media (min-width: 70em) {
    .header__menu-toggle {
        display: none
    }
}

.header__menu-toggle .humb {
    display: block;
    width: 18px;
    height: 3px;
    background: var(--dark-blue);
    transform: translateY(0);
    transition: transform 0 .3s
}

.header__menu-toggle .humb:before,
.header__menu-toggle .humb:after {
    display: block;
    position: absolute;
    content: "";
    z-index: -1;
    width: 25px;
    height: 3px;
    background: var(--dark-blue)
}

.header__menu-toggle .humb:before {
    bottom: 8px;
    transition: bottom .3s .3s cubic-bezier(.23, 1, .32, 1), transform .3s cubic-bezier(.23, 1, .32, 1)
}

.header__menu-toggle .humb:after {
    top: 8px;
    transition: top .3s .3s cubic-bezier(.23, 1, .32, 1), transform .3s cubic-bezier(.23, 1, .32, 1)
}

.header__menu-toggle[aria-expanded=true] .humb {
    background: none
}

.header__menu-toggle[aria-expanded=true] .humb:after {
    top: 0;
    transform: rotate(45deg);
    transition: top .3s cubic-bezier(.23, 1, .32, 1), transform .3s .3s cubic-bezier(.23, 1, .32, 1)
}

.header__menu-toggle[aria-expanded=true] .humb:before {
    bottom: 0;
    transform: rotate(-45deg);
    transition: bottom .3s cubic-bezier(.23, 1, .32, 1), transform .3s .3s cubic-bezier(.23, 1, .32, 1)
}

.header__menu {
    order: -1;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    height: calc(100 * var(--vh) - 70px);
    padding: 0 20px 20px;
    transform: translate(-100%);
    transition: transform var(--transition), visibility var(--transition);
    background: var(--white);
    overflow: auto;
    visibility: hidden;
    border-top: 1px solid rgba(0, 0, 0, .09)
}

@media (min-width: 70em) {
    .header__menu {
        order: 2;
        flex-shrink: 0;
        position: static;
        height: auto;
        padding: 0;
        transform: none;
        transition: none;
        background: transparent;
        overflow: visible;
        visibility: visible;
        border-top: none
    }
}

[aria-expanded=true]+.header__menu {
    transform: none;
    visibility: visible
}

.header__nav {
    padding: 0
}

@media (min-width: 70em) {
    .header__nav {
        display: flex;
        gap: 25px;
        margin: 0;
        transition: opacity var(--transition), visibility var(--transition)
    }
}

.header__nav>li {
    border-bottom: 1px solid rgba(0, 47, 108, .3)
}

@media (min-width: 70em) {
    .header__nav>li {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        flex-wrap: nowrap;
        margin: 0;
        border-bottom: none
    }
}

.header__nav>li>button,
.header__nav>li>a {
    font-weight: 700 !important
}

.header__nav>li>button,
.header__nav>li>a {
    padding: 0;
    margin: 0;
    color: var(--dark-blue);
    font-size: 26px;
    line-height: 62.8px;
    display: block;
    position: relative;
    border: none;
    width: 100%;
    text-align: left
}

@media (min-width: 70em) {
    .header__nav>li>button,
    .header__nav>li>a {
        padding: 22px 0;
        font-size: 16px;
        line-height: normal;
        border: none
    }
}

.header__nav>li>button:after,
.header__nav>li>a:after {
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 7px;
    background: var(--orange);
    content: "";
    transition: all var(--transition);
    display: none
}

@media (min-width: 70em) {
    .header__nav>li>button:after,
    .header__nav>li>a:after {
        display: block
    }
}

.header__nav>li>button.header__subnav-toggle,
.header__nav>li>a.header__subnav-toggle {
    background: transparent !important
}

.header__nav>li>button.header__subnav-toggle,
.header__nav>li>a.header__subnav-toggle {
    margin-right: 10px
}

.header__nav>li>button.header__subnav-toggle:before,
.header__nav>li>a.header__subnav-toggle:before {
    content: "";
    position: absolute;
    top: 31px;
    right: 0;
    transition: all var(--transition);
    border: 6px solid transparent;
    border-top: 5px solid var(--dark-blue)
}

@media (min-width: 70em) {
    .header__nav>li>button.header__subnav-toggle:before,
    .header__nav>li>a.header__subnav-toggle:before {
        right: -10px;
        border: 3px solid transparent;
        border-top: 3px solid var(--dark-blue)
    }
}

.header__nav>li>button.header__subnav-toggle[aria-expanded=true],
.header__nav>li>a.header__subnav-toggle[aria-expanded=true] {
    border-bottom: none
}

.header__nav>li>button.header__subnav-toggle[aria-expanded=true]:before,
.header__nav>li>a.header__subnav-toggle[aria-expanded=true]:before {
    transform: scaleY(-1);
    top: 27px
}

.header__nav>li>button.header__subnav-toggle[aria-expanded=true]:after,
.header__nav>li>a.header__subnav-toggle[aria-expanded=true]:after {
    width: 100%
}

.header__nav>li>button:hover:after,
.header__nav>li>a:hover:after {
    width: 100%;
    animation: slideLeft var(--transition)
}

@keyframes slideLeft {
    0%,
    to {
        left: 0;
        width: 0
    }
    to {
        left: 0;
        width: 100%
    }
}

.header__subnav {
    width: 100%;
    height: auto;
    height: var(--height, auto);
    transition: height var(--transition), visibility var(--transition);
    overflow: hidden;
    justify-content: space-between;
    padding: 0
}

@media (min-width: 70em) {
    .header__subnav {
        border-top: 1px solid rgba(0, 0, 0, .09);
        position: absolute;
        top: 100%;
        left: 0;
        height: auto;
        transition: transform var(--transition), opacity var(--transition), visibility var(--transition);
        background: var(--white);
        overflow: visible;
        box-shadow: 0 10px 15px 0 var(--black-20)
    }
    .header__subnav .header__subnav__mega {
        display: flex;
        gap: 76px;
        -webkit-clip-path: inset(0 -100vmax);
        clip-path: inset(0 -100vmax);
        padding: 50px var(--container)
    }
}

.header__subnav .header__subNav__list {
    padding: 0
}

@media (min-width: 70em) {
    .header__subnav .header__subNav__list {
        flex: 1
    }
}

.header__subnav .header__subNav__list .h3 {
    display: none;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 10px
}

@media (min-width: 70em) {
    .header__subnav .header__subNav__list .h3 {
        display: block
    }
}

.header__subnav .header__subNav__list ul {
    padding: 0 0 20px
}

@media (min-width: 70em) {
    .header__subnav .header__subNav__list ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 0;
        margin-top: 0
    }
}

.header__subnav .header__subNav__list ul li {
    position: relative;
    margin-bottom: 10px
}

@media (min-width: 70em) {
    .header__subnav .header__subNav__list ul li {
        width: 45%;
        margin-bottom: 0;
        border-bottom: 1px solid rgba(0, 47, 108, .3)
    }
}

.header__subnav .header__subNav__list ul li a {
    font-size: 15px;
    color: var(--dark-blue);
    font-weight: 400
}

@media (min-width: 70em) {
    .header__subnav .header__subNav__list ul li a {
        display: flex;
        align-items: center;
        height: 52px
    }
    .header__subnav .header__subNav__list ul li a:after {
        position: absolute;
        content: "";
        bottom: -1px;
        left: 0;
        width: 0;
        border-bottom: 2px solid rgba(0, 47, 108, .8);
        transition: all var(--transition)
    }
    .header__subnav .header__subNav__list ul li a:hover {
        font-weight: 600
    }
    .header__subnav .header__subNav__list ul li a:hover:after {
        width: 100%;
        right: 0
    }
}

[aria-expanded=false]+.header__subnav {
    height: 0;
}

.header__subnav {
   display: none;
}

@media (min-width: 70em) {
    [aria-expanded=false]+.header__subnav {
        height: auto;
        transform: translateY(-.25rem);
    }
}

.header__group {
    display: flex;
    flex-wrap: wrap
}

@media (min-width: 70em) {
    .header__group {
        align-items: center;
        position: absolute;
        padding: 0 var(--container);
        top: 0;
        right: 0;
        left: 0;
        height: 67px;
        border-bottom: 1px solid rgba(0, 0, 0, .09)
    }
}

.header__audience {
    padding: 15px 0 0;
    order: 2;
    width: 100%
}

@media (min-width: 70em) {
    .header__audience {
        order: 1;
        display: flex;
        border-top: none;
        padding: 0;
        gap: 24px;
        margin: 0;
        width: auto
    }
}

.header__audience li {
    margin: 0 0 10px
}

@media (min-width: 70em) {
    .header__audience li {
        margin: 0
    }
}

.header__audience a {
    font-size: 18px;
    line-height: 28px;
    color: #000;
    font-weight: 700
}

@media (min-width: 70em) {
    .header__audience a {
        font-size: 14px;
        line-height: 21px
    }
}

.header__audience a:hover {
    color: var(--orange)
}

.header__audience a.normal {
    font-weight: 400;
    border-top: 1px solid rgba(0, 47, 108, .3);
    display: block;
    font-size: 14px;
    line-height: 21px;
    padding-top: 15px;
    margin-top: 15px
}

@media (min-width: 70em) {
    .header__audience a.normal {
        padding-top: 0;
        border-top: 0;
        margin-top: 0;
        display: inline-block
    }
}

.header__actions {
    margin: 0;
    padding: 20px 0 0;
    order: 1;
    width: 100%
}

.header__actions li {
    margin-bottom: 7px
}

.header__actions a {
    font-size: 14px;
    font-weight: 700;
    line-height: 26px;
    background: var(--orange);
    padding: 14px 25px;
    display: block;
    width: 100%;
    color: #fff;
    text-align: center
}

@media (min-width: 70em) {
    .header__actions {
        padding: 0;
        order: 2;
        display: flex;
        margin-left: auto;
        height: 100%;
        width: auto
    }
    .header__actions>li {
        display: flex;
        align-items: center;
        height: 100%;
        position: relative;
        margin: 0
    }
    .header__actions>li:after {
        position: absolute;
        content: "";
        top: 0;
        width: 0;
        left: 0;
        height: 8px;
        background: var(--orange);
        transition: width .23s linear 0s
    }
    .header__actions>li:nth-child(1) {
        padding-right: 46px
    }
    .header__actions>li:nth-child(2) {
        padding-right: 35px
    }
    .header__actions>li:nth-child(2):after {
        background: var(--dark-blue);
        transition: width .1s linear .23s
    }
    .header__actions>li:nth-child(3) {
        padding-right: 33px
    }
    .header__actions>li:nth-child(3):after {
        background: var(--light-blue);
        transition: width .12s linear .33s
    }
    .header__actions>li:nth-child(4) {
        padding-right: 28px
    }
    .header__actions>li:nth-child(4):after {
        background: var(--grey);
        transition: width .1s linear .45s
    }
    .header__actions>li>a {
        font-size: 14px;
        line-height: 21px;
        color: #000;
        font-weight: 700;
        background: transparent;
        padding: 0
    }
    .header__actions>li>a:hover {
        color: var(--orange)
    }
    .header__actions.loaded li:after {
        width: 100%;
        right: 0
    }
}

.header__tools {
    margin: 2rem 0;
    padding: 0
}

@media (min-width: 70em) {
    .header__tools {
        display: flex;
        align-items: center;
        align-self: stretch;
        gap: 1.5rem;
        padding: 0 1.5rem;
        margin: 0;
        background: var(--dark-blue-lt)
    }
}

@media (min-width: 70em) {
    .header__tools li {
        margin: 0
    }
}

.header__search-toggle {
    background: transparent !important
}

.header__search-toggle {
    width: 20px;
    height: 20px;
    border: none;
    padding: 0;
    border-radius: 0;
    transition: all var(--transition);
    cursor: pointer;
    position: relative;
    order: 1
}

@media (min-width: 70em) {
    .header__search-toggle {
        order: 3;
        margin: 0 0 6px 25px
    }
}

.header__search-toggle:before {
    content: "";
    position: absolute;
    top: 0;
    right: 3px;
    width: 0;
    height: 1px;
    background-color: var(--dark-blue);
    transform: rotate(-45deg);
    transform-origin: right top
}

@media (min-width: 70em) {
    .header__search-toggle:before {
        height: 2px;
        right: 1px
    }
}

.header__search-toggle:after {
    content: "";
    position: absolute;
    bottom: 2px;
    right: 3px;
    width: 30%;
    height: 1px;
    background-color: var(--dark-blue);
    transform: rotate(45deg);
    transform-origin: right bottom
}

@media (min-width: 70em) {
    .header__search-toggle:after {
        height: 2px;
        width: 40%;
        right: 1px;
        bottom: 0
    }
}

.header__search-toggle .search-icon {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border-width: 1px;
    border-style: solid;
    border-color: var(--dark-blue);
    background-color: transparent
}

@media (min-width: 70em) {
    .header__search-toggle .search-icon {
        border-width: 2px;
        width: 17px;
        height: 17px
    }
}

.header__search-toggle:before,
.header__search-toggle:after,
.header__search-toggle .search-icon {
    transition: all var(--transition)
}

.header__search-toggle[aria-expanded=true]:before,
.header__search-toggle[aria-expanded=true]:after {
    width: 25px
}

@media (min-width: 70em) {
    .header__search-toggle[aria-expanded=true]:before,
    .header__search-toggle[aria-expanded=true]:after {
        width: 27px
    }
}

.header__search-toggle[aria-expanded=true] .search-icon {
    width: 0;
    height: 0;
    border-color: transparent
}

.header__search-toggle:hover {
    transform: scale(1.1)
}

.header__search-toggle:focus:focus-visible {
    outline: var(--dark-blue) dashed .25rem
}

.header__search {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    padding: 50px 20px;
    transition: opacity var(--transition), visibility var(--transition);
    color: var(--dark-blue);
    background: var(--white);
    visibility: hidden;
    opacity: 0;
    z-index: -2;
    height: calc(100 * var(--vh) - 70px);
    overflow: auto;
    box-shadow: 0 10px 15px 0 var(--black-20);
    border-top: 1px solid rgba(0, 0, 0, .09)
}

@media (min-width: 70em) {
    .header__search {
        padding: 75px 20px 80px;
        color: var(--dark-blue);
        background: var(--white);
        height: auto;
        overflow: hidden
    }
}

[aria-expanded=true]+.header__search {
    opacity: 1;
    visibility: visible
}

.popular-pils,
.header__form {
    max-width: 632px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    position: relative
}

.popular-pils p,
.header__form p {
    width: 100%;
    margin-bottom: 10px;
    font-weight: 700;
    letter-spacing: 1.28px;
    text-transform: uppercase;
    color: var(--dark-blue)
}

.popular-pils .header__label,
.header__form .header__label {
    display: block;
    width: 100%;
    margin-right: 0
}

.popular-pils ul,
.header__form ul {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    padding: 0;
    margin: 0
}

.popular-pils ul li,
.header__form ul li {
    padding: 1px 0;
    list-style: none
}

.popular-pils ul li a,
.header__form ul li a {
    font-size: 14px;
    font-weight: 300;
    line-height: 30px;
    padding: 0 21px;
    display: block;
    background: var(--orange);
    font-weight: 500;
    color: #fff;
    position: relative
}

.popular-pils ul li a:before,
.popular-pils ul li a:after,
.header__form ul li a:before,
.header__form ul li a:after {
    position: absolute;
    content: "";
    background: var(--orange);
    width: 100%;
    transition: all var(--transition);
    height: 1px
}

.popular-pils ul li a:before,
.header__form ul li a:before {
    bottom: -1px;
    right: 0
}

.popular-pils ul li a:after,
.header__form ul li a:after {
    top: -1px;
    left: 0
}

.popular-pils ul li a:hover,
.header__form ul li a:hover {
    background: #ac5212
}

.popular-pils ul li a:hover:before,
.popular-pils ul li a:hover:after,
.header__form ul li a:hover:before,
.header__form ul li a:hover:after {
    width: 0;
    background: #ac5212
}

.popular-pils ul li a:focus:focus-visible,
.header__form ul li a:focus:focus-visible {
    outline: var(--orange) dashed .25rem
}

.popular-pils .header__submit,
.header__form .header__submit {
    position: absolute;
    bottom: 0;
    right: 20px;
    display: block;
    width: 22px;
    height: 61px;
    padding: 0;
    border: 0;
    transition: transform var(--transition);
    z-index: 2;
    color: var(--dark-blue);
    text-indent: -9999px;
    background: url(/_resources/images/search-icon.svg) center no-repeat
}

.popular-pils .header__submit:hover,
.header__form .header__submit:hover {
    transform: scale(1.1)
}

.header__form {
    margin-bottom: 35px
}

.header__input {
    width: 100%;
    height: 100%;
    padding: 20px 70px 20px 24px;
    font-family: var(--gotham);
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: var(--dark-blue);
    border: 1px solid #737373;
    margin-bottom: 2px;
    background: white;
    transition: all var(--transition)
}

.header__input::-moz-placeholder {
    opacity: 1;
    color: #737373
}

.header__input::placeholder {
    opacity: 1;
    color: #737373
}

.menu__search {
    padding-top: 46px;
    display: none
}

@media (min-width: 70em) {
    .menu__search {
        display: block
    }
}

.header__cta {
    display: none
}

@media (min-width: 70em) {
    .header__cta {
        display: flex;
        align-items: center;
        position: fixed;
        bottom: 100%;
        left: 0;
        right: 0;
        height: 60px;
        padding: 0 var(--container);
        transition: transform var(--transition), visibility var(--transition);
        background: var(--white);
        box-shadow: 0 10px 15px 0 var(--black-20);
        visibility: hidden;
        z-index: 999
    }
}

@media (min-width: 70em) {
    [data-scroll=up] .header__sentinel[data-stuck=true]~.header__cta {
        transform: translateY(100%);
        visibility: visible
    }
}

.header__cta .header__actions li {
    padding-top: 8px
}

.header__cta .header__actions li:after {
    transition: none !important
}

.header__cta .header__actions li:after {
    width: 100%;
    right: 0
}

@media (min-width: 70em) {
    .header__cta-logo {
        width: 402px;
        margin-top: 4px;
        color: var(--dark-blue)
    }
}

.header--landing .header__logo svg:nth-child(2) {
    display: none
}

.header--landing .h1,
.header--landing h1,
.header--landing hr {
    display: none
}

@media (min-width: 70em) {
    .header--landing {
        height: 242px
    }
    .header--landing .header__logo {
        margin-bottom: 0
    }
    .header--landing .header__logo svg {
        display: none
    }
    .header--landing .header__logo svg:nth-child(2) {
        display: block
    }
    .header--landing .header__main {
        flex-wrap: wrap;
        align-content: flex-end;
        align-items: center
    }
    .header--landing .h1,
    .header--landing h1 {
        display: block;
        margin-left: auto;
        order: 2;
        letter-spacing: 3.2px;
        text-transform: uppercase;
        margin-bottom: 0
    }
    .header--landing hr {
        display: block;
        order: 3;
        width: 100%;
        margin: 20px 0 0;
        opacity: .1;
        border-top: 1px solid black
    }
    .header--landing .header__menu {
        order: 4
    }
    .header--landing .header__search-toggle {
        order: 5;
        margin-bottom: 0
    }
    .header--landing .header__group:after {
        position: absolute;
        content: "";
        bottom: -2px;
        left: 0;
        width: 100%;
        height: 6px;
        background: var(--orange)
    }
    .header--landing .header__nav>li>button,
    .header--landing .header__nav>li>a {
        padding: 28px 0
    }
    .header--landing .header__nav>li>button:after,
    .header--landing .header__nav>li>a:after {
        top: auto;
        bottom: 0
    }
    .header--landing .header__nav>li>button[aria-expanded=true]:before,
    .header--landing .header__nav>li>a[aria-expanded=true]:before {
        top: 33px
    }
    .header--landing .header__nav>li>button:before,
    .header--landing .header__nav>li>a:before {
        top: 37px
    }
}

.alert {
    padding: 0 !important;
    border: none !important
}

.alert {
    background: var(--light-blue);
    color: var(--dark-blue);
    width: 100%;
    overflow: hidden
}

@media (min-width: 48em) {
    .alert {
        padding: 0 var(--container) !important
    }
}

.alert .alert__main {
    position: relative
}

.alert .alert__content {
    padding: 50px 20px 25px !important
}

.alert .alert__content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%
}

@media (min-width: 48em) {
    .alert .alert__content {
        padding: 35px 75px 35px 0 !important
    }
    .alert .alert__content {
        flex-wrap: nowrap;
        align-items: center;
        justify-content: space-between
    }
}

@media (min-width: 70em) {
    .alert .alert__content {
        padding: 35px 110px 35px 80px !important
    }
}

.alert:not(.text-white) .alert__icon svg rect {
    fill: var(--dark-blue)
}

.alert .alert__img {
    float: left;
    width: 68px;
    min-width: 68px;
    margin-right: 26px;
    margin-top: 8px
}

@media (min-width: 48em) {
    .alert .alert__img {
        margin-right: 32px;
        margin-top: 0
    }
}

.alert p {
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    margin-bottom: 24px
}

@media (min-width: 48em) {
    .alert p {
        font-size: 18px;
        line-height: 27px;
        margin-bottom: 0
    }
}

@media (min-width: 48em) {
    .alert .alert__text {
        padding-right: 50px
    }
}

.alert .alert__close {
    background: none;
    border: none;
    transition: all var(--transition);
    position: absolute;
    top: 14px;
    right: 7px;
    padding: 0
}

@media (min-width: 48em) {
    .alert .alert__close {
        right: 0;
        top: 17px
    }
}

.alert .alert__close:hover {
    transform: scale(1.1)
}

.alert .button {
    white-space: nowrap
}

.alert+.alert {
    box-shadow: inset 0 4px 4px #00000040
}

.alert.alert-info .alert__content {
    padding: 50px 20px 75px !important
}

.alert.alert-info .alert__content {
    display: block
}

@media (min-width: 48em) {
    .alert.alert-info .alert__content {
        padding: 50px 75px 65px 0 !important
    }
}

@media (min-width: 70em) {
    .alert.alert-info .alert__content {
        padding: 50px 110px 65px 0 !important
    }
}

.alert.alert-info.alert-slider .alert__content {
    padding: 50px 20px 75px !important
}

.alert.alert-info.alert-slider .alert__content {
    display: block
}

@media (min-width: 48em) {
    .alert.alert-info.alert-slider .alert__content {
        padding: 50px 75px 65px !important
    }
}

@media (min-width: 70em) {
    .alert.alert-info.alert-slider .alert__content {
        padding: 50px 110px 65px !important
    }
}

.alert.alert-info p {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 0
}

@media (min-width: 48em) {
    .alert.alert-info p {
        line-height: 27px;
        max-width: 788px
    }
}

.alert.alert-info .inner {
    width: 100%
}

@media (min-width: 48em) {
    .alert.alert-info .inner {
        display: flex;
        align-items: center
    }
}

.alert.alert-info .flickity-viewport {
    overflow: hidden
}

.alert.alert-info .slide {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-right: 20px
}

@media (min-width: 48em) {
    .alert.alert-info .slide {
        flex-wrap: nowrap;
        align-items: center;
        justify-content: space-between
    }
}

@media (min-width: 48em) {
    .alert.alert-info .alert__text {
        padding-right: 64px
    }
}

.alert.alert-info .button {
    margin-top: 45px;
    min-width: 248px
}

@media (min-width: 48em) {
    .alert.alert-info .button {
        margin-top: 0;
        min-width: inherit
    }
}

.alert.alert-info .button.button-white {
    font-weight: 700
}

.alert.alert-info .flickity-prev-next-button {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -15px;
    background: url(/_resources/images/slider-arrow-white.svg) center no-repeat;
    background-size: 100%;
    display: none;
    color: #fff
}

.alert.alert-info .flickity-prev-next-button.next {
    left: auto;
    right: 0
}

@media (min-width: 48em) {
    .alert.alert-info .flickity-prev-next-button {
        display: block
    }
}

.alert.alert-info .flickity-page-dots {
    position: absolute;
    bottom: 36px;
    left: 0;
    right: 0;
    justify-content: center
}

.alert.alert-info .flickity-page-dots .flickity-page-dot {
    color: #fff !important
}

.alert.alert-info .flickity-page-dots .flickity-page-dot {
    background: white
}

.footer .footer__main {
    background-color: var(--dark-blue);
    padding: 40px 20px;
    position: relative
}

@media (min-width: 48em) {
    .footer .footer__main {
        padding: 70px var(--container)
    }
}

.footer .footer__main .footer__grid {
    color: var(--white)
}

@media (min-width: 48em) {
    .footer .footer__main .footer__grid {
        display: grid;
        grid-template-columns: 1fr 2fr;
        grid-column-gap: calc(var(--gutter) * 2);
        -moz-column-gap: calc(var(--gutter) * 2);
        column-gap: calc(var(--gutter) * 2)
    }
}

@media screen and (min-width: 1023px) {
    .footer .footer__main .footer__grid {
        grid-template-columns: 1fr 4fr;
        -moz-column-gap: calc(var(--gutter) * 2);
        column-gap: calc(var(--gutter) * 2)
    }
}

.footer .footer__main .footer__contact {
    line-height: 28.8px;
    font-weight: 300;
    padding-top: 11px;
    text-align: center;
    margin-bottom: 50px
}

@media (min-width: 48em) {
    .footer .footer__main .footer__contact {
        text-align: left;
        margin-bottom: 0
    }
}

.footer .footer__main .footer__contact .h6 {
    color: #fff;
    line-height: 28.8px;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    margin-bottom: 9px
}

.footer .footer__main .footer__contact p {
    margin: 0 0 10px;
	color: #fff;
}

.footer .footer__main .footer__contact p a:not(.button) {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.footer .footer__main .footer__contact p a:not(.button):hover {
    color: #fff;
    text-decoration-color: transparent
}

.footer .footer__main .footer__contact a {
    color: #fff
}

.footer .footer__main .footer__contact a:hover {
    color: var(--orange)
}

.footer .footer__main .footer__contact .footer__social {
    display: none
}

@media (min-width: 48em) {
    .footer .footer__main .footer__contact .footer__social {
        display: flex
    }
}

.footer .footer__main .footer__logo,
.footer .footer__main .footer__tsus {
    display: block;
    max-width: 282px;
    margin: 0 auto 40px
}

@media (min-width: 48em) {
    .footer .footer__main .footer__logo,
    .footer .footer__main .footer__tsus {
        margin: 0 auto 67px
    }
}

.footer .footer__main .footer__logo:focus:focus-visible,
.footer .footer__main .footer__tsus:focus:focus-visible {
    outline-color: #fff
}

.footer .footer__main .footer__nav {
    -moz-column-count: 2;
    column-count: 2;
    -moz-column-gap: calc(var(--gutter) * 1.5);
    column-gap: calc(var(--gutter) * 1.5)
}

@media screen and (min-width: 1023px) {
    .footer .footer__main .footer__nav {
        -moz-column-count: 3;
        column-count: 3;
        -moz-column-gap: calc(var(--gutter) * 2);
        column-gap: calc(var(--gutter) * 2)
    }
}

@media (min-width: 80em) {
    .footer .footer__main .footer__nav {
        -moz-column-count: 4;
        column-count: 4;
        -moz-column-gap: calc(var(--gutter));
        column-gap: calc(var(--gutter))
    }
}

.footer .footer__main .footer__nav ul {
    margin: 0;
    padding: 0
}

@media (min-width: 70em) {
    .footer .footer__main .footer__nav ul {
        padding: 0;
        margin-top: 0
    }
}

.footer .footer__main .footer__nav ul li {
    position: relative;
    border-bottom: 1px solid rgba(255, 255, 255, .3);
    width: 100%;
    page-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid
}

.footer .footer__main .footer__nav ul li a {
    font-size: 15px;
    color: var(--white);
    font-weight: 300;
    height: 55px;
    line-height: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
	font-family: var(--gotham);
    width: 100%
}

.footer .footer__main .footer__nav ul li a:after {
    position: absolute;
    content: "";
    bottom: -1px;
    left: 0;
    width: 0;
    border-bottom: 2px solid rgba(255, 255, 255, .8);
    transition: all var(--transition)
}

.footer .footer__main .footer__nav ul li a:hover {
    font-weight: 600
}

.footer .footer__main .footer__nav ul li a:hover:after {
    width: 100%;
    right: 0
}

.footer .footer__main .footer__link {
    font-weight: 400
}

.footer .footer__main .footer__social {
    display: flex;
    align-self: flex-start;
    gap: 30px;
    margin-top: 40px;
    justify-content: center
}

@media (min-width: 48em) {
    .footer .footer__main .footer__social {
        display: none;
        gap: 13px;
        margin-top: 18px;
        justify-content: flex-start
    }
}

.footer .footer__main .footer__social .footer__icon {
    border-radius: 50%;
    width: 23px;
    height: 23px
}

.footer .footer__main .footer__social .footer__icon:hover {
    transform: scale(1.2)
}

.footer .footer__main .footer__social .footer__icon:focus {
    outline: var(--white) dashed .1rem
}

.footer .footer__main .logo-athletics {
    margin: 40px auto 0;
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    color: #fff;
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: center
}

@media (min-width: 48em) {
    .footer .footer__main .logo-athletics {
        margin: 26px 0 0;
        justify-content: flex-start
    }
}

.footer .footer__main .logo-athletics span {
    padding: 5px 0;
    margin-left: 17px;
    position: relative;
    color: #fff
}

.footer .footer__main .logo-athletics span:after {
    position: absolute;
    content: "";
    width: 100%;
    left: 0;
    bottom: 0;
    height: 4px;
    background: var(--orange);
    transition: all var(--transition)
}

.footer .footer__main .logo-athletics:hover span {
    color: #fff
}

.footer .footer__main .logo-athletics:hover span:hover:after {
    bottom: -2px;
    height: 6px
}

.footer .footer__legal {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    -moz-column-gap: 20px;
    column-gap: 20px;
    justify-content: center;
    background: var(--orange);
    padding: 11px 20px;
    line-height: 21px;
    color: #fff;
    font-weight: 300;
    font-size: 10.5px
}

.footer .footer__legal p {
    margin: 0
}

@media (min-width: 48em) {
    .footer .footer__legal {
        padding: 8px var(--container);
        font-size: 14px;
        line-height: 30px
    }
}

@media (min-width: 70em) {
    .footer .footer__legal {
        line-height: 21px
    }
}

.footer .footer__legal a {
    color: #fff
}

.footer .footer__legal a:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.hero {
    position: relative;
    overflow: hidden;
    z-index: 0
}

.hero.loaded .inner:after {
    width: 100%;
    right: 0
}

.hero.hero-alt {
    background-color: var(--dark-blue)
}

.hero.hero-alt .hero__content {
    min-height: 0;
    min-height: initial
}

@media (min-width: 70em) {
    .hero.hero-alt .hero__content {
        min-height: 355px
    }
}

.hero.hero-alt .hero__heading {
    margin-bottom: 22px
}

@media (min-width: 48em) {
    .hero.hero-alt .hero__heading {
        margin-bottom: 32px
    }
}

.hero.hero-landing .hero__content {
    min-height: 600px;
    padding-bottom: 50px
}

@media (min-width: 48em) {
    .hero.hero-landing .hero__content {
        padding-bottom: var(--gutter)
    }
}

@media (min-width: 70em) {
    .hero.hero-landing .hero__content {
        min-height: 637px
    }
}

.hero.hero-landing .hero__heading {
    margin-bottom: 20px
}

@media (min-width: 48em) {
    .hero.hero-landing .hero__heading {
        margin-bottom: 32px
    }
}

.hero.hero-hub {
    background: #002554
}

.hero.hero-hub .hero__content {
    min-height: 424px
}

@media (min-width: 70em) {
    .hero.hero-hub .hero__content {
        min-height: 550px
    }
}

.hero.hero-hub .inner {
    margin-bottom: 0 !important
}

.hero.hero-hub .inner {
    display: flex;
    flex-wrap: wrap
}

.hero.hero-hub .inner:after {
    content: none
}

.hero.hero-hub .feature-news {
    color: var(--white)
}

@media (min-width: 60em) {
    .hero.hero-hub .feature-news {
        display: flex;
        flex-wrap: wrap;
        align-items: center
    }
}

.hero.hero-hub .feature-news .img-h {
    width: 100%;
    margin-bottom: 57px;
    --n: 1;
    --d: 1
}

@media (min-width: 48em) {
    .hero.hero-hub .feature-news .img-h {
        margin-bottom: 0;
        width: 600px;
        --n: 16;
        --d: 9
    }
}

.hero.hero-hub .feature-news h2 {
    color: var(--white)
}

.hero.hero-hub .feature-news h2 a {
    color: var(--white);
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px
}

.hero.hero-hub .feature-news h2 a:hover {
    color: var(--light-blue)
}

.hero.hero-hub .feature-news .text {
    padding-top: 20px;
    width: 100%;
    margin-bottom: 45px
}

@media (min-width: 60em) {
    .hero.hero-hub .feature-news .text {
        width: calc(100% - 600px);
        padding-top: 0;
        padding-right: 30px;
        margin-bottom: 0
    }
}

.hero.hero-hub .bottom-info {
    margin-bottom: 1rem
}

.hero.hero-hub .hero__heading {
    width: 100%;
    position: relative;
    line-height: 100px
}

.hero.hero-hub .hero__heading:after {
    position: absolute;
    content: "";
    left: 0;
    width: 0;
    bottom: 0;
    border-bottom: 6px solid white;
    transition: all var(--transition)
}

.hero.hero-hub.loaded .hero__heading:after {
    width: 100%;
    right: 0
}

.hero.hero-home h1 {
    color: #fff;
    font-size: 69.78px;
    font-weight: 700;
    line-height: 71.6px;
    letter-spacing: 5.582px;
    text-transform: uppercase;
    max-width: 336px
}

.hero.hero-home h1 span {
    display: block
}

.hero.hero-home h1 span span {
    display: inline
}

.hero.hero-home h1 [data-animation] {
    animation-play-state: paused
}

.hero.hero-home h1 [data-animation]:nth-child(2) {
    animation-delay: .2s
}

.hero.hero-home h1 [data-animation]:nth-child(3) {
    animation-delay: .4s
}

.hero.hero-home h1 [data-animation]:nth-child(4) {
    animation-delay: .6s
}

.hero.hero-home .inner:after {
    transition-delay: .8s !important
}

.hero.hero-home.loaded [data-animation] {
    animation-play-state: running
}

.hero__media {
    position: absolute;
    inset: 0
}

.hero__media img,
.hero__media video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    mix-blend-mode: multiply
}

.hero__media:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: calc(var(--contentHeight) + 200px);
    background: linear-gradient(0deg, rgba(0, 0, 0, .776369923) 0%, rgba(0, 0, 0, .7287508754) 22%, rgba(0, 0, 0, 0) 100%)
}

.hero__control {
    background: transparent !important;
    color: #fff !important
}

.hero__control {
    display: grid;
    align-items: center;
    justify-items: self-end;
    position: absolute;
    right: 0;
    bottom: 5px;
    width: 50px;
    height: 40px;
    border: 0;
    transition: transform var(--transition);
    will-change: transform;
    z-index: 99;
    margin-right: var(--container)
}

.hero__control:before {
    content: "";
    width: 50%;
    height: 50%;
    background: url(/_resources/images/pause.svg) center no-repeat
}

.hero__control:hover {
    transform: scale(1.1)
}

@media (min-width: 48em) {
    .hero__control {
        width: 65px;
        height: 65px
    }
    .hero__control:before {
        width: 35%;
        height: 35%
    }
}

.hero__control--paused:before {
    background: url(/_resources/images/caret-right.svg) center no-repeat
}

.hero-shorter .hero__content {
    min-height: 425px
}

@media (min-width: 48em) {
    .hero-shorter .hero__content {
        min-height: 425px !important
    }
}

@media (min-width: 70em) {
    .hero-shorter .hero__content {
        min-height: 360px !important
    }
}

.hero__content {
    position: relative;
    min-height: 425px;
    padding-top: var(--gutter);
    padding-bottom: var(--gutter);
    padding-left: 20px;
    padding-right: 20px;
    z-index: 10;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    flex-direction: column
}

@media (min-width: 48em) {
    .hero__content {
        padding-left: var(--container);
        padding-right: var(--container)
    }
}

@media (min-width: 70em) {
    .hero__content {
        min-height: 534px
    }
}

.hero__content .hero__heading {
    color: #fff;
    width: 100%
}

.hero__content .hero__heading.hidden {
    opacity: 0;
    visibility: hidden
}

.hero__content p {
    color: #fff;
    margin-bottom: 22px
}

@media (min-width: 48em) {
    .hero__content p {
        margin-bottom: 32px
    }
}

.hero__content .inner {
    width: 100%;
    position: relative
}

.hero__content .inner:after {
    position: absolute;
    content: "";
    left: 0;
    width: 0;
    bottom: 0;
    border-bottom: 6px solid white;
    transition: all var(--transition)
}

.hero__content .inner:last-child {
    margin-bottom: 30px
}

@media (min-width: 48em) {
    .hero__content .inner:last-child {
        margin-bottom: 50px
    }
}

.hero__content .anchor {
    margin-top: 18px;
    color: #fff;
    font-weight: 700;
    padding-left: 50px;
    line-height: 19px;
    min-height: 35px;
    display: flex;
    align-items: center;
    position: relative
}

.hero__content .anchor:before {
    position: absolute;
    width: 31px;
    height: 31px;
    left: 0;
    top: 3px;
    content: "";
    background: white;
    transition: all var(--transition);
    mask: url(/_resources/images/arrow-down-orange.svg);
    -webkit-mask: url(/_resources/images/arrow-down-orange.svg)
}

.hero__content .anchor:hover {
    color: var(--orange)
}

.hero__content .anchor:hover:before {
    background: var(--orange)
}

.hero__content .button {
    margin-bottom: 32px
}

.breadcrumbs {
    padding: 15px 20px;
    color: var(--dark-blue);
    font-size: 14px;
    line-height: 24px
}

.breadcrumbs a {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

@media (min-width: 48em) {
    .breadcrumbs {
        padding: 35px var(--container)
    }
}

.breadcrumbs__separator {
    margin: 0 .2em
}

.testimonial .heading {
    padding: 0 20px;
    margin-bottom: 45px
}

@media (min-width: 48em) {
    .testimonial .heading {
        padding: 0 var(--container)
    }
}

.testimonial .quote_item {
    padding: 22px 20px 65px;
    background: var(--grey-900);
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between
}

@media (min-width: 48em) {
    .testimonial .quote_item {
        padding: 115px var(--container) 150px
    }
}

@media (min-width: 70em) {
    .testimonial .quote_item {
        padding-left: var(--container-lg);
        padding-right: var(--container-lg)
    }
}

.testimonial .quote_item .img-h {
    width: 100%;
    position: relative
}

@media (min-width: 48em) {
    .testimonial .quote_item .img-h {
        width: 250px
    }
}

@media (min-width: 70em) {
    .testimonial .quote_item .img-h {
        width: 350px
    }
}

.testimonial .quote_item .img-h .frame {
    --n: 4;
    --d: 3
}

@media (min-width: 48em) {
    .testimonial .quote_item .img-h .frame {
        --n: 1;
        --d: 1
    }
}

.testimonial .quote_item .img-h .photo-slider {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center
}

@media (min-width: 48em) {
    .testimonial .quote_item .img-h .photo-slider {
        justify-content: flex-start;
        align-items: center
    }
}

.testimonial .quote_item .img-h .slide,
.testimonial .quote_item .img-h .flickity-slider,
.testimonial .quote_item .img-h .flickity-viewport {
    width: 100%
}

.testimonial .quote_item .img-h .flickity-viewport {
    margin-bottom: 24px;
    overflow: hidden
}

@media (min-width: 48em) {
    .testimonial .quote_item .img-h .flickity-viewport {
        margin-bottom: 19px
    }
}

.testimonial .quote_item .img-h:after {
    position: absolute;
    content: "";
    display: none;
    background: url(/_resources/images/testimonial-icon.svg) no-repeat center;
    background-size: 100%;
    z-index: 2
}

@media (min-width: 48em) {
    .testimonial .quote_item .img-h:after {
        display: block;
        width: 50px;
        height: 45px;
        right: -40px;
        top: 0
    }
}

@media (min-width: 70em) {
    .testimonial .quote_item .img-h:after {
        top: 62px;
        width: 89px;
        height: 67px;
        right: -70px
    }
}

.testimonial .quote_item .img-h .media_inner {
    background-size: cover
}

.testimonial .quote_item .img-h .media_inner img {
    opacity: 0;
    visibility: hidden;
    width: 100%
}

.testimonial .quote_item .img-h .is-selected {
    z-index: 3;
    position: relative
}

.testimonial .quote_item .text-slider {
    width: 100%;
    max-width: 100%;
    color: #fff
}

@media (min-width: 48em) {
    .testimonial .quote_item .text-slider {
        max-width: calc(90% - 250px)
    }
}

@media (min-width: 70em) {
    .testimonial .quote_item .text-slider {
        max-width: calc(90% - 350px)
    }
}

.testimonial .quote_item .text-slider .is-selected {
    z-index: 2
}

.testimonial .quote_item .text-slider .is-selected .quote {
    animation: fade-in-right var(--transition) .6s both;
    animation-delay: .2s
}

.testimonial .quote_item .text-slider .is-selected .author {
    animation: fade-in-right var(--transition) .6s both;
    animation-delay: .4s
}

.testimonial .quote_item .text-slider .is-selected .cta {
    animation: fade-in-right var(--transition) .6s both;
    animation-delay: .6s
}

.testimonial .quote_item .text-slider .quote {
    font-size: 30px;
    line-height: 39px;
    font-weight: 700;
    padding-top: 56px;
    margin-bottom: 45px
}

@media (min-width: 48em) {
    .testimonial .quote_item .text-slider .quote {
        padding-top: 0;
        margin-bottom: 34px
    }
}

@media (min-width: 70em) {
    .testimonial .quote_item .text-slider .quote {
        padding-top: 62px
    }
}

.testimonial .quote_item .text-slider .author {
    font-size: 18px;
    margin-bottom: 45px
}

@media (min-width: 48em) {
    .testimonial .quote_item .text-slider .author {
        margin-bottom: 10px
    }
}

.testimonial .quote_item .text-slider .author p {
    margin-bottom: 0
}

.testimonial .quote_item .text-slider .author .name {
    font-weight: 700
}

.testimonial .flickity-prev-next-button {
    margin-right: 40px;
    background: url(/_resources/images/slider-arrow-white.svg) center no-repeat;
    color: #fff
}

@media (min-width: 48em) {
    .testimonial .flickity-prev-next-button {
        margin-right: 11px
    }
}

.testimonial .flickity-prev-next-button.next {
    margin-left: 40px;
    margin-right: 0
}

@media (min-width: 48em) {
    .testimonial .flickity-prev-next-button.next {
        margin-left: 0;
        margin-right: 16px
    }
}

.testimonial .flickity-page-dots {
    width: 100%;
    justify-content: center;
    margin-top: 24px
}

@media (min-width: 48em) {
    .testimonial .flickity-page-dots {
        width: auto;
        margin-top: 0
    }
}

.testimonial .flickity-page-dots .flickity-page-dot {
    background: white;
    color: #fff
}

.testimonial .flickity-page-dots .flickity-page-dot.is-selected {
    background: var(--orange)
}

.router-list {
    overflow: hidden
}

.router-list.full-width {
    padding: 85px 20px;
    background: white
}

@media (min-width: 48em) {
    .router-list.full-width {
        padding: 100px var(--container)
    }
}

@media (min-width: 70em) {
    .router-list.full-width {
        padding: 100px var(--container-lg)
    }
}

.router-list.full-width .heading {
    margin-bottom: 50px
}

.router-list.full-width .heading h2 {
    margin-bottom: 21px
}

.router-list.full-width .heading h2:last-child {
    margin-bottom: 0
}

.router-list.full-width .heading P {
    max-width: 675px;
    color: var(--dark-blue)
}

.router-list.full-width.with-image {
    background: var(--grey-900);
    padding: 48px 40px 48px 0
}

@media (min-width: 48em) {
    .router-list.full-width.with-image {
        padding: 115px var(--container)
    }
}

@media (min-width: 48em) {
    .router-list.full-width.with-image .router__item {
        margin-right: 0
    }
}

@media (min-width: 70em) {
    .router-list.full-width.with-image .router__item {
        margin-right: 50px
    }
}

.router-list.full-width.with-image .router__item .text {
    padding: 30px 36px 60px
}

@media (min-width: 48em) {
    .router-list.full-width.with-image .router__item .text {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        padding: 60px 40px 65px 15px
    }
}

@media (min-width: 48em) {
    .router-list.full-width.with-image.image-left .router__item .text {
        padding: 60px 15px 65px 40px
    }
}

.router-list.with-image {
    padding-right: 48px
}

@media (min-width: 48em) {
    .router-list.with-image {
        padding-right: 0
    }
}

.router-list.with-image .router__item {
    background: white;
    position: relative
}

.router-list.with-image .router__item:before {
    position: absolute;
    content: "";
    width: 100%;
    right: 100%;
    top: 0;
    height: 100%;
    background-color: #fff;
    z-index: 1
}

.router-list.with-image .flex {
    container-type: inline-size
}

.router-list.with-image .flex .text,
.router-list.with-image .flex .router__item__image {
    width: 100%
}

@container (width > 700px) {
    .router-list.with-image .flex .text,
    .router-list.with-image .flex .router__item__image {
        width: 50%
    }
}

.router-list.with-image .flex .text {
    padding: 47px 20px 50px 44px
}

@media (min-width: 48em) {
    .router-list.with-image .flex .text {
        padding: 45px 60px 50px 50px
    }
}

.router-list.with-image .flex .text .links-3 li:nth-child(1):hover~li:last-child:after {
    top: 0% !important
}

.router-list.with-image .flex .text .links-3 li:nth-child(2):hover~li:last-child:after {
    top: 33.3333333333% !important
}

.router-list.with-image .flex .text .links-3 li:last-child:after {
    height: 33.3333333333%
}

.router-list.with-image .flex .text .links-3 li:last-child:hover:after {
    top: 66.6666666667% !important
}

.router-list.with-image .flex .text .links-4 li:nth-child(1):hover~li:last-child:after {
    top: 0% !important
}

.router-list.with-image .flex .text .links-4 li:nth-child(2):hover~li:last-child:after {
    top: 25% !important
}

.router-list.with-image .flex .text .links-4 li:nth-child(3):hover~li:last-child:after {
    top: 50% !important
}

.router-list.with-image .flex .text .links-4 li:last-child:after {
    height: 25%
}

.router-list.with-image .flex .text .links-4 li:last-child:hover:after {
    top: 75% !important
}

.router-list.with-image .flex .text .links {
    padding-left: 50px;
    position: relative;
    margin: 26px 0 0;
    display: inline-block;
    z-index: 0
}

.router-list.with-image .flex .text .links li {
    list-style: none;
    padding: 10px 0
}

@media (min-width: 48em) {
    .router-list.with-image .flex .text .links li {
        padding: 5px 0
    }
}

.router-list.with-image .flex .text .links li:last-child {
    margin-bottom: 0
}

.router-list.with-image .flex .text .links li:last-child:after {
    content: "";
    display: block;
    position: absolute;
    pointer-events: none;
    transition: top .5s ease;
    background: var(--orange);
    top: 0;
    left: 0;
    width: 4px;
    z-index: 1
}

.router-list.with-image .flex .text .links:before {
    position: absolute;
    content: "";
    height: 100%;
    left: 1px;
    width: 2px;
    background: #D0CFCE
}

.router-list.with-image .flex .text .links a {
    display: flex;
    align-items: center;
    color: var(--grey-900);
    padding: 4px 40px 4px 0;
    position: relative;
    font-weight: 700;
    line-height: 20px;
    text-overflow: ellipsis
}

@media (min-width: 48em) {
    .router-list.with-image .flex .text .links a {
        min-width: 200px
    }
}

.router-list.with-image .flex .text .links a:after {
    position: absolute;
    content: "";
    bottom: 50%;
    right: 0;
    width: 20px;
    height: 20px;
    background: url(/_resources/images/chevron-right.svg) no-repeat center right;
    margin-bottom: -10px;
    transition: all var(--transition)
}

.router-list.with-image .flex .text .links a:hover {
    color: var(--orange)
}

.router-list.with-image .flex .text .links a:hover:after {
    background: url(/_resources/images/chevron-right-orange.svg) no-repeat center right
}

.router-list.with-image .flex .inner {
    max-width: 430px
}

.router-list.with-image .flex .inner h2 {
    margin-bottom: 0
}

.router-list.with-image .flex .inner p {
    margin-top: 32px
}

.router-list.with-image .flex .router__item__image {
    min-height: 100%
}

.router-list.with-image .flex .router__item__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media (min-width: 48em) {
    .router-list.with-image.image-left .router__item__image {
        order: 1
    }
}

@media (min-width: 48em) {
    .router-list.with-image.image-left .text {
        order: 2;
        padding: 60px 0 65px 40px
    }
    .router-list.with-image.image-left .text .inner {
        margin-left: auto
    }
}

.router-list.with-image.image-left .router__item {
    background: white
}

@media (min-width: 48em) {
    .router-list.with-image.image-left .router__item {
        margin-right: 0
    }
    .router-list.with-image.image-left .router__item:before {
        left: 100%;
        right: 0
    }
}

@media (min-width: 70em) {
    .router-list.with-image.image-left .router__item {
        margin-left: 50px
    }
    .router-list.with-image.image-left .router__item:before {
        left: 100%;
        right: 0
    }
}

.router-list .router__item__links {
    display: grid;
    grid-gap: 15px;
    gap: 15px
}

@media (min-width: 48em) {
    .router-list .router__item__links {
        align-items: end;
        grid-gap: 70px;
        gap: 70px;
        grid-template-columns: repeat(2, 1fr);
        grid-row-gap: 30px;
        row-gap: 30px
    }
}

.router-list .router__item__links a {
    display: block;
    color: var(--grey-900);
    padding: 0 40px 6px 0;
    position: relative;
    font-weight: 700;
    line-height: 26px;
    border-bottom: 4px solid #D0CFCE
}

.router-list .router__item__links a:after {
    position: absolute;
    content: "";
    width: 0;
    left: 0;
    height: 4px;
    bottom: -4px;
    background: var(--orange);
    transition: all var(--transition)
}

.router-list .router__item__links a:before {
    position: absolute;
    content: "";
    bottom: 50%;
    right: 5px;
    width: 20px;
    height: 20px;
    background: url(/_resources/images/chevron-right.svg) no-repeat center right;
    margin-bottom: -7px;
    transition: all var(--transition);
    opacity: .5;
    display: block
}

@media (min-width: 48em) {
    .router-list .router__item__links a:before {
        display: none
    }
}

.router-list .router__item__links a:hover {
    color: var(--orange)
}

.router-list .router__item__links a:hover:after {
    width: 100%;
    right: 0
}

.router-list .router__item__links a:hover:before {
    opacity: 1;
    background: url(/_resources/images/chevron-right-orange.svg) no-repeat center right
}

@media (min-width: 70em) {
    .router-list.router-list--alt .router__item__links {
        padding-bottom: 80px
    }
}

@media (min-width: 48em) {
    .router-list.router-list--alt .router__item__links a:before {
        display: block;
        opacity: 0;
        background: url(/_resources/images/arrow-right-orange.svg) no-repeat center right;
        right: 20px;
        transition: all var(--transition)
    }
}

@media (min-width: 48em) {
    .router-list.router-list--alt .router__item__links a:hover:before {
        opacity: 1;
        right: 0
    }
}

.router-list.right-align {
    padding-right: 0 !important
}

@media (min-width: 48em) {
    .router-list.right-align .router__item {
        margin-right: 0 !important;
        padding-left: 25px !important
    }
}

@media (min-width: 70em) {
    .router-list.right-align .router__item {
        padding-left: 90px !important
    }
}

.router-list.right-align .router__item:before {
    display: none !important
}

.router-list.light-grey-bg .flex .inner {
    max-width: 535px !important
}

.feature-pannel {
    overflow: hidden;
    container-type: inline-size
}

.feature-pannel.full-width:not(.side-pd) {
    margin-left: 20px;
    margin-right: 20px
}

@container (width > 700px) {
    .feature-pannel.full-width:not(.side-pd) {
        margin-left: 0;
        margin-right: 0
    }
}

.feature-pannel.block {
    margin-bottom: 50px
}

@container (width > 700px) {
    .feature-pannel.block {
        margin-bottom: 80px
    }
}

.feature-pannel .flex {
    justify-content: space-between
}

.feature-pannel .flex .featured__item__image {
    order: 1;
    width: 100%
}

.feature-pannel .flex .featured__item__image img {
    width: 100%
}

.feature-pannel .flex .featured__item__text {
    order: 2;
    width: 100%;
    padding-top: 25px;
    padding-bottom: 25px
}

.feature-pannel .flex .featured__item__text .button {
    padding: 14px 25px;
    text-transform: capitalize;
    width: 100%;
    max-width: 275px;
    display: block
}

@container (width > 700px) {
    .feature-pannel .flex .featured__item__text .button {
        width: auto
    }
}

.feature-pannel .flex .featured__item__text a {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    transition: all var(--transition)
}

.feature-pannel .flex .featured__item__text a:hover {
    text-decoration-color: transparent
}

.feature-pannel .flex .frame {
    --n: 4;
    --d: 3
}

@container (width > 700px) {
    .feature-pannel .flex .frame {
        --n: 10;
        --d: 9.5
    }
}

@container (width > 700px) {
    .feature-pannel .flex .featured__item__image {
        width: 50%;
        order: 1;
        margin: 0
    }
    .feature-pannel .flex .featured__item__image.image_right {
        order: 2
    }
    .feature-pannel .flex .featured__item__image.image_right+.featured__item__text {
        order: 1
    }
    .feature-pannel .flex .featured__item__text {
        width: 50%;
        order: 2;
        display: flex;
        flex-direction: column;
        justify-content: center
    }
}

.feature-pannel.full-width .featured__item__text {
    padding: 30px 20px;
    border-top: none
}

@container (width > 700px) {
    .feature-pannel.full-width .featured__item__text {
        padding-top: 40px !important;
        padding-bottom: 40px !important
    }
}

@media (min-width: 48em) {
    .feature-pannel.full-width .featured__item__text .button {
        margin-top: 40px
    }
}

.feature-pannel.full-width .featured__item__text .button+.button {
    margin-top: 26px
}

@media (min-width: 48em) {
    .feature-pannel.full-width .featured__item__text .button+.button {
        margin-top: 36px
    }
}

.feature-pannel.full-width .featured__item__image {
    margin: 0;
    width: 100%
}

.feature-pannel.full-width .featured__item__image img {
    width: 100%
}

@container (width > 700px) {
    .feature-pannel.full-width .featured__item__image {
        max-width: 100%;
        width: 50%
    }
    .feature-pannel.full-width .image_right+.featured__item__text,
    .feature-pannel.full-width .featured__item__text {
        max-width: 100%;
        width: 50%;
        padding: 0 5%
    }
}

@container (width > 1005px) {
    .feature-pannel.full-width .featured__item__text {
        padding: 0 13% 0 9%
    }
    .feature-pannel.full-width .image_right+.featured__item__text {
        padding: 0 9% 0 85px;
        padding-left: var(--container)
    }
}

.feature-pannel.full-width.side-pd {
    padding: 25px 20px
}

@media (min-width: 48em) {
    .feature-pannel.full-width.side-pd {
        padding: 80px 60px 80px 0
    }
}

.feature-pannel.full-width.double-slider .featured__item__text {
    padding-top: 40px;
    padding-bottom: 40px
}

.feature-pannel.full-width.double-slider .text-slider .flickity-viewport {
    margin-bottom: 50px
}

@media (min-width: 70em) {
    .feature-pannel.full-width.double-slider .text-slider .flickity-viewport {
        margin-bottom: 100px
    }
}

.feature-pannel:not(.full-width) {
    margin-left: 20px;
    margin-right: 20px
}

@media (min-width: 48em) {
    .feature-pannel:not(.full-width) {
        margin-left: 0;
        margin-right: 0
    }
}

.feature-pannel:not(.full-width) .featured__item__text {
    padding: 30px 20px
}

@media (min-width: 70em) {
    .feature-pannel:not(.full-width) .featured__item__text {
        padding: 30px 50px
    }
}

.feature-pannel:not(.full-width).double-slider .featured__item__text {
    padding: 32px 30px 25px 36px
}

.feature-pannel:not(.full-width).double-slider .photo-slider .with-video.media_inner .media_play_holder {
    padding: 20px 36px
}

@container (width > 700px) {
    .feature-pannel:not(.full-width).double-slider .photo-slider .slide,
    .feature-pannel:not(.full-width).double-slider .photo-slider .flickity-slider,
    .feature-pannel:not(.full-width).double-slider .photo-slider .media_inner,
    .feature-pannel:not(.full-width).double-slider .photo-slider .flickity-viewport {
        height: 100% !important
    }
    .feature-pannel:not(.full-width).double-slider .photo-slider .media_inner {
        padding-bottom: 90%
    }
}

.feature-pannel:not(.full-width).side-pd {
    padding: 25px 20px 25px 0
}

@media (min-width: 48em) {
    .feature-pannel:not(.full-width).side-pd {
        padding: 0
    }
}

.feature-pannel .media_inner {
    width: 100%;
    min-height: 100%
}

.feature-pannel .media_inner .media__play {
    position: absolute;
    display: block;
    margin-bottom: 0;
    color: #fff;
    border-radius: 50%
}

.feature-pannel.double-slider {
    margin-left: 0;
    margin-right: 0
}

.feature-pannel.double-slider .featured__item {
    position: relative
}

.feature-pannel.double-slider .text-slider {
    width: 100%;
    display: flex;
    flex-wrap: wrap
}

.feature-pannel.double-slider .text-slider .flickity-viewport {
    margin-bottom: 50px
}

@media (min-width: 70em) {
    .feature-pannel.double-slider .text-slider .flickity-viewport {
        margin-bottom: 40px
    }
}

.feature-pannel.double-slider .photo-slider {
    overflow: hidden;
    position: relative;
    z-index: 2
}

.feature-pannel.double-slider .photo-slider .media_inner {
    padding-bottom: 80%
}

.feature-pannel.double-slider .photo-slider .media_inner img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover
}

@container (width > 700px) {
    .feature-pannel.double-slider .photo-slider .slide,
    .feature-pannel.double-slider .photo-slider .flickity-slider,
    .feature-pannel.double-slider .photo-slider .media_inner,
    .feature-pannel.double-slider .photo-slider .flickity-viewport {
        height: 100% !important
    }
    .feature-pannel.double-slider .photo-slider .media_inner {
        padding-bottom: 90%
    }
}

@media (xl) {
    .feature-pannel.double-slider .photo-slider .media_inner {
        height: 100%
    }
}

.feature-pannel.double-slider .photo-slider .with-video.media_inner {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 36.46%, rgba(0, 0, 0, .71) 78.65%)
}

.feature-pannel.double-slider .photo-slider .with-video.media_inner img {
    mix-blend-mode: multiply
}

.feature-pannel.double-slider .photo-slider .with-video.media_inner .media_play_holder {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    font-size: 14px;
    line-height: 26px;
    display: block
}

@media (min-width: 48em) {
    .feature-pannel.double-slider .photo-slider .with-video.media_inner .media_play_holder {
        padding: 40px
    }
}

@media (min-width: 70em) {
    .feature-pannel.double-slider .photo-slider .with-video.media_inner .media_play_holder {
        padding: 57px 80px
    }
}

.feature-pannel.double-slider .photo-slider .with-video.media_inner .media_play_holder svg {
    display: inline;
    min-width: 29px;
    height: 29px;
    margin: -7px 10px -2px 0
}

.feature-pannel.double-slider .photo-slider .with-video.media_inner .media_play_holder .media__play {
    position: relative;
    -webkit-text-decoration: underline;
    text-decoration: underline;
    border-radius: 0
}

.feature-pannel.double-slider .photo-slider .with-video.media_inner .media_play_holder .media__play:hover {
    color: var(--orange)
}

.feature-pannel.double-slider .flickity-viewport {
    width: 100%;
    transition: height var(--transition) .3s
}

.feature-pannel.double-slider .flickity-viewport .flickity-slider,
.feature-pannel.double-slider .flickity-viewport .flickity-slider .slide {
    width: 100%
}

.feature-pannel.double-slider .flickity-prev-next-button {
    background: url(/_resources/images/slider-arrow.svg) center no-repeat;
    background-size: 100%;
    margin-right: 6px;
    color: var(--dark-blue)
}

.feature-pannel.double-slider .is-selected {
    transition-delay: .3s
}

.feature-pannel.double-slider .is-selected .h1,
.feature-pannel.double-slider .is-selected .h2,
.feature-pannel.double-slider .is-selected .h3,
.feature-pannel.double-slider .is-selected h2,
.feature-pannel.double-slider .is-selected h3 {
    animation: fade-in-right var(--transition) .2s both
}

.feature-pannel.double-slider .is-selected p {
    animation: fade-in-right var(--transition) .4s both
}

.feature-pannel.double-slider .is-selected .button {
    animation: fade-in-right var(--transition) .6s both
}

.feature-pannel .flickity-page-dots {
    margin-left: 24px
}

.feature-pannel .flickity-page-dots .flickity-page-dot {
    background: var(--dark-blue)
}

.feature-pannel .flickity-page-dots .flickity-page-dot.is-selected {
    background: var(--orange)
}

.feature-pannel .dark-blue-bg {
    font-weight: 300
}

.feature-pannel .dark-blue-bg .flickity-prev-next-button {
    color: var(--white);
    background: url(/_resources/images/slider-arrow-white.svg) center no-repeat
}

.feature-pannel .dark-blue-bg .flickity-page-dots .flickity-page-dot {
    background: white
}

.feature-pannel .dark-blue-bg .flickity-page-dots .flickity-page-dot.is-selected {
    background: var(--orange)
}

.feature-pannel .dark-blue-bg a {
    color: var(--white)
}

.feature-pannel .bottom-contacts {
    line-height: 26px
}

.feature-pannel .bottom-contacts a:not(.button) {
    color: #000;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.feature-pannel .bottom-contacts a:not(.button):hover {
    color: var(--orange)
}

.feature-pannel.full-width.feature-alt {
    margin: 0 !important
}

.feature-pannel.full-width.feature-alt {
    padding: 40px 20px 80px
}

@media (min-width: 48em) {
    .feature-pannel.full-width.feature-alt {
        padding-left: var(--container) !important;
        padding-right: var(--container) !important
    }
    .feature-pannel.full-width.feature-alt {
        padding-top: 10px
    }
}

@media (min-width: 70em) {
    .feature-pannel.full-width.feature-alt {
        padding-left: var(--container-lg) !important;
        padding-right: var(--container-lg) !important
    }
}

.feature-pannel.full-width.feature-alt .flex {
    border-bottom: 6px solid var(--orange);
    padding-bottom: 80px
}

.feature-pannel.full-width.feature-alt .flex .frame {
    --n: 4;
    --d: 3
}

.feature-pannel.full-width.feature-alt .flex .featured__item__text {
    padding: 0 !important
}

.feature-pannel.full-width.feature-alt .flex .featured__item__text {
    order: 1
}

@container (width > 700px) {
    .feature-pannel.full-width.feature-alt .flex .featured__item__text {
        padding: 0 80px 0 0 !important
    }
    .feature-pannel.full-width.feature-alt .flex .featured__item__text {
        width: 58%
    }
}

.feature-pannel.full-width.feature-alt .flex .featured__item__image {
    margin-top: 60px;
    order: 2
}

@container (width > 700px) {
    .feature-pannel.full-width.feature-alt .flex .featured__item__image {
        width: 42%;
        margin-top: 0
    }
    .feature-pannel.full-width.feature-alt .flex .featured__item__image.image__left {
        order: 1
    }
    .feature-pannel.full-width.feature-alt .flex .featured__item__image.image__left+.featured__item__text {
        padding: 0 0 0 80px !important
    }
    .feature-pannel.full-width.feature-alt .flex .featured__item__image.image__left+.featured__item__text {
        order: 2
    }
}

.feature-pannel.feature-audience {
    margin: 0 !important
}

@media screen and (max-width: 767px) {
    .feature-pannel.feature-audience .featured__item__text {
        padding: 45px 40px 60px !important
    }
}

.feature-pannel.feature-home {
    margin: 0 !important
}

.feature-pannel.feature-home h2 {
    letter-spacing: 3.2px;
    text-transform: uppercase
}

.feature-pannel.feature-home .button {
    margin-top: 0 !important
}

@media screen and (max-width: 767px) {
    .feature-pannel.feature-home .featured__item__text {
        padding: 45px 40px 60px !important
    }
}

.main__sidebar {
    width: 100%;
    order: 1
}

.main__sidebar .sidebar-widgets {
    display: block;
    padding: 0 20px 55px;
    margin-top: 17px
}

.main__sidebar .sidebar-widgets .widget,
.main__sidebar .sidebar-widgets .form-desktop {
    display: none
}

@media (min-width: 60em) {
    .main__sidebar {
        width: 360px;
        order: 2;
        position: sticky;
        position: -webkit-sticky;
        top: 0;
        height: 100vh;
        overflow: auto
    }
    .main__sidebar::-webkit-scrollbar {
        width: 5px;
        border-radius: 4px
    }
    .main__sidebar::-webkit-scrollbar-track {
        background: var(--white);
        border-radius: 4px;
        box-shadow: inset 0 0 5px gray
    }
    .main__sidebar::-webkit-scrollbar-thumb {
        background: var(--dark-blue);
        border-radius: 4px
    }
    .main__sidebar::-webkit-scrollbar-thumb:hover {
        background: var(--dark-blue);
        border-radius: 4px
    }
    .main__sidebar.with-scroll:after {
        position: absolute;
        content: "";
        bottom: 0;
        left: 0;
        width: 100%;
        height: 50%;
        background: rgb(245, 243, 243);
        background: linear-gradient(180deg, rgba(245, 243, 243, 0) 0%, rgb(245, 243, 243) 47%, rgb(245, 243, 243) 100%);
        transition: all var(--transition)
    }
    .white-bg .main__sidebar.with-scroll:after {
        position: absolute;
        content: "";
        bottom: 0;
        left: 0;
        width: 100%;
        height: 50%;
        background: white;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .82) 47%, white 100%);
        transition: all var(--transition)
    }
    .main__sidebar.with-scroll:before {
        position: absolute;
        content: "Scroll For More";
        bottom: 10%;
        left: 0;
        width: 100%;
        text-align: center;
        padding-bottom: 30px;
        background: url(/_resources/images/sidebar-down.svg) no-repeat center bottom;
        color: var(--dark-blue);
        font-weight: 700;
        font-size: 16px;
        line-height: 24px;
        font-family: var(--rocgrotesk);
        z-index: 2;
        transition: all var(--transition)
    }
    .main__sidebar.with-scroll.scrolled:after,
    .main__sidebar.with-scroll.scrolled:before {
        opacity: 0;
        visibility: hidden
    }
    .main__sidebar .sidebar-widgets {
        padding: 0 0 55px;
        margin-top: 55px;
        display: block
    }
    .main__sidebar .sidebar-widgets .widget,
    .main__sidebar .sidebar-widgets .form-desktop {
        display: block
    }
    .main__sidebar .sidebar-widgets .widget__links ul {
        margin-bottom: 0
    }
}

.subNav {
    padding: 20px;
    font-weight: 700;
    background: white
}

@media (min-width: 48em) {
    .subNav {
        padding-left: var(--container);
        padding-right: var(--container)
    }
}

@media (min-width: 70em) {
    .subNav {
        margin: 0;
        padding-top: 100px;
        padding-bottom: 100px
    }
}

.subNav a {
    display: block;
    color: var(--grey-900)
}

.subNav ul {
    margin: 0;
    padding: 0
}

.subNav li {
    margin: 0
}

.subNav--sidebar {
    padding: 20px
}

@media (min-width: 70em) {
    .subNav--sidebar {
        margin: 0;
        padding: 24px 30px 37px
    }
    .subNav--sidebar .subNav__list {
        padding: 0
    }
    .subNav--sidebar .subNav__list>ul {
        display: block;
        align-items: inherit;
        gap: inherit;
        grid-template-columns: inherit;
        padding: inherit
    }
}

@media (min-width: 70em) {
    .subNav--sidebar .subNav__heading {
        color: #002554;
        display: block;
        padding-bottom: 12px;
        border-bottom: 1px solid #D0CFCE
    }
}

.subNav--sidebar .subNav__list {
    padding-top: 0
}

.subNav--sidebar .subNav__list>ul>li {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.subNav--sidebar .subNav__list>ul>li>span {
    display: block;
    border-bottom: 1px solid #D0CFCE;
    padding: 12px 40px 12px 0;
    font-weight: 500;
    width: 100%;
    color: var(--dark-blue);
    position: relative;
    color: var(--orange)
}

@media (min-width: 70em) {
    .subNav--sidebar .subNav__list>ul>li>span {
        padding: 8px 40px 8px 0
    }
}

.subNav--sidebar .subNav__list>ul>li>a {
    display: block;
    border-bottom: 1px solid #D0CFCE;
    padding: 12px 40px 12px 0;
    font-weight: 500;
    width: 100%;
    color: var(--dark-blue);
    position: relative
}

@media (min-width: 70em) {
    .subNav--sidebar .subNav__list>ul>li>a {
        padding: 8px 40px 8px 0
    }
}

.subNav--sidebar .subNav__list>ul>li>a:after {
    display: block;
    border: transparent;
    background: transparent;
    height: 100%;
    left: -10px;
    width: calc(100% - 40px)
}

.subNav--sidebar .subNav__list>ul>li>a:hover {
    color: var(--orange)
}

.subNav--sidebar .subNav__list>ul>li>a:hover:after {
    height: 100%
}

.subNav--sidebar .subNav__list>ul>li>a:focus:focus-visible {
    outline: none !important
}

.subNav--sidebar .subNav__list>ul>li>a:focus:focus-visible:after {
    outline: var(--dark-blue) dashed .25rem;
    outline-offset: .25rem
}

.subNav--sidebar .subNav__list>ul>li .subNav__subtoggle {
    position: relative;
    width: 0;
    height: 100%;
    z-index: 3;
    border: none;
    background: none;
    padding: 0;
    margin: 0
}

.subNav--sidebar .subNav__list>ul>li .subNav__subtoggle:before {
    position: absolute;
    content: "";
    right: 0;
    top: -4px;
    transition: all var(--transition);
    border: 10px solid transparent;
    border-top: 10px solid var(--dark-blue)
}

.subNav--sidebar .subNav__list>ul>li .subNav__subtoggle:after {
    width: 30px;
    height: 40px;
    position: absolute;
    content: "";
    z-index: 4;
    top: -21px;
    right: 0;
    transition: all var(--transition)
}

.subNav--sidebar .subNav__list>ul>li .subNav__subtoggle:hover:before {
    border-top: 10px solid var(--orange)
}

.subNav--sidebar .subNav__list>ul>li .subNav__subtoggle[aria-expanded=true]:before {
    top: -17px;
    transform: scaleY(-1)
}

.subNav--sidebar .subNav__list>ul>li .subNav__subtoggle:focus:focus-visible {
    outline: none !important
}

.subNav--sidebar .subNav__list>ul>li .subNav__subtoggle:focus:focus-visible:after {
    outline: var(--dark-blue) dashed .25rem;
    outline-offset: 0
}

.subNav--sidebar .subNav__list>ul>li ul {
    padding-left: 13px;
    padding-bottom: 5px
}

.subNav--sidebar .subNav__list>ul>li ul li {
    padding-bottom: 10px
}

.subNav--sidebar .subNav__list>ul>li ul li a {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    color: var(--dark-blue)
}

.subNav--sidebar .subNav__list>ul>li ul li a:hover {
    color: var(--orange)
}

.subNav__heading {
    display: none;
    margin: 0;
    padding: 0;
    color: var(--dark-blue);
    font-size: 28px;
    font-weight: 700;
    line-height: 37px
}

.subNav__toggle {
    background-color: transparent !important;
    color: #002554 !important
}

.subNav__toggle {
    margin: 0;
    text-align: center;
    border: none;
    border-radius: 0;
    position: relative;
    padding: 0 0 12px;
    color: var(--dark-blue);
    font-size: 28px;
    font-weight: 700;
    line-height: 37px;
    display: block;
    border-bottom: 1px solid #D0CFCE;
    width: 100%;
    text-align: left
}

@media (min-width: 70em) {
    .subNav__toggle {
        display: none
    }
}

.subNav__toggle:after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    padding: .25rem;
    border: 0;
    transition: transform var(--transition)
}

.subNav__toggle[aria-expanded=true]:after {
    transform: rotate(180deg)
}

.subNav__icon,
.subNav__angle {
    flex-shrink: 0;
    width: 1.5rem
}

.subNav__angle {
    margin-left: auto;
    transition: transform var(--transition)
}

[aria-expanded=true]>.subNav__angle {
    transform: rotate(180deg)
}

.subNav__list {
    overflow: hidden;
    padding-top: 20px;
    padding-bottom: 20px
}

@media (min-width: 70em) {
    .subNav__list {
        overflow: visible;
        padding: 0 40px
    }
}

.subNav__list>ul {
    padding: 0
}

@media (min-width: 70em) {
    .subNav__list>ul {
        display: grid;
        align-items: end;
        grid-gap: 72px;
        gap: 72px;
        grid-template-columns: repeat(3, 1fr);
        grid-row-gap: 33px;
        row-gap: 33px
    }
}

.subNav__list>ul>li {
    position: relative;
    width: 100%
}

.subNav__list>ul>li.current>a {
    color: var(--orange)
}

.subNav__list>ul>li>a {
    padding: 10px 40px 10px 0;
    position: relative
}

.subNav__list>ul>li>a:after {
    position: absolute;
    content: "";
    bottom: 50%;
    right: 20px;
    width: 20px;
    height: 20px;
    background: url(/_resources/images/chevron-right-blue.svg) no-repeat center right;
    margin-bottom: -10px
}

@media (min-width: 70em) {
    .subNav__list>ul>li>a {
        padding: 15px 0
    }
    .subNav__list>ul>li>a:after {
        position: absolute;
        content: "";
        bottom: 0;
        left: 0;
        right: auto;
        width: 100%;
        height: 4px;
        background: var(--orange);
        transition: all var(--transition);
        margin-bottom: 0
    }
    .subNav__list>ul>li>a:hover:after {
        height: 7px
    }
}

@media (min-width: 70em) {
    .subNav--sidebar .subNav__active>a {
        color: var(--green)
    }
}

.subNav__sublist {
    width: 100%;
    height: auto;
    height: var(--height, auto);
    transition: height var(--transition), visibility var(--transition);
    overflow: hidden
}

.subNav__sublist>ul {
    padding: 15px 0
}

@media (min-width: 70em) {
    .subNav__sublist>ul {
        padding: 15px 0 10px
    }
}

.subNav__sublist>ul>li {
    padding-bottom: 15px
}

.subNav__sublist>ul>li>a {
    display: inline;
    font-weight: 400;
    background-position: 0 100%
}

.subNav__sublist>ul>li>a:hover {
    background-position: 100% 100%
}

[aria-expanded=false]+.subNav__sublist {
    height: 0;
    visibility: hidden
}

.single-post .main__sidebar .sidebar-widgets {
    display: none
}

@media (min-width: 70em) {
    .single-post .main__sidebar .sidebar-widgets {
        display: block
    }
}

.subNav--admissions {
    padding: 22px 0 !important
}

.subNav--admissions {
    background: url(/_resources/images/textured-background.svg) no-repeat center;
    background-size: cover
}

@media (min-width: 70em) {
    .subNav--admissions {
        padding: 100px var(--container) !important
    }
}

.subNav--admissions .subNav__list {
    padding: 35px 30px;
    background: var(--dark-blue)
}

@media (min-width: 48em) {
    .subNav--admissions .subNav__list {
        padding: 50px 65px
    }
}

@media (min-width: 70em) {
    .subNav--admissions .subNav__list {
        padding: 100px 115px
    }
}

.subNav--admissions .subNav__list>ul {
    grid-gap: 16px;
    gap: 16px;
    display: grid;
    grid-template-columns: repeat(2, 1fr)
}

@media (min-width: 48em) {
    .subNav--admissions .subNav__list>ul {
        gap: 25px;
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (min-width: 70em) {
    .subNav--admissions .subNav__list>ul {
        gap: 33px;
        grid-template-columns: repeat(3, 1fr)
    }
}

.subNav--admissions .subNav__list>ul>li>a {
    background: white;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    height: 58px;
    line-height: 20px;
    padding: 0 5px
}

@media (min-width: 48em) {
    .subNav--admissions .subNav__list>ul>li>a {
        font-size: 16px
    }
}

.subNav--admissions .subNav__list>ul>li>a:after {
    display: none
}

.subNav--admissions .subNav__list>ul>li>a:hover {
    background: var(--orange);
    color: #fff
}

.subNav--admissions .subNav__list>ul>li>a:focus:focus-visible {
    outline: white dashed .25rem
}

.media {
    position: relative;
    z-index: 0
}

.media figure {
    margin: 0
}

.media .heading {
    margin-bottom: 25px
}

.media .heading h2,
.media .heading h3 {
    margin-bottom: 0;
    width: 100%
}

.media .heading p:last-of-type {
    margin-bottom: 0 !important
}

.media .heading h2:not(:last-child),
.media .heading h3:not(:last-child) {
    margin-bottom: 25px
}

.media:not(.carousel) {
    max-width: 1700px;
    margin-left: auto;
    margin-right: auto
}

.media:not(.carousel) .media__image {
    position: relative;
    z-index: 3
}

@media (min-width: 48em) {
    .media:not(.carousel) .media__image {
        z-index: -1
    }
}

.media:not(.carousel) .media__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.media:not(.carousel) .media__image .img-h {
    position: relative
}

@media (min-width: 48em) {
    .media:not(.carousel) .media__image .img-h {
        max-height: 576px;
        --n: inherit;
        --d: inherit;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 6.36%, rgba(0, 0, 0, .85) 79.6%)
    }
}

.media:not(.carousel) .media__image .img-h img {
    mix-blend-mode: multiply
}

@media (min-width: 48em) {
    .media:not(.carousel) .media__image {
        width: 100%;
        margin: 0
    }
    .media:not(.carousel) .media__image .img-h:before {
        display: block
    }
}

.media:not(.carousel) .media__caption {
    font-size: 15px;
    line-height: 20px;
    padding: 24px 0 0
}

.media.full-width {
    position: relative
}

.media.full-width .heading {
    padding: 0 20px
}

@media (min-width: 70em) {
    .media.full-width .heading {
        padding-left: var(--container);
        padding-right: var(--container)
    }
}

.media.full-width .media__image {
    width: 100% !important;
    margin: 0 !important
}

.media.full-width .media__caption {
    padding: 24px 20px 0
}

@media (min-width: 70em) {
    .media.full-width .media__caption {
        padding-left: var(--container);
        padding-right: var(--container)
    }
}

.media.full-width.white-bg {
    padding-top: 40px;
    padding-bottom: 40px
}

@media (min-width: 48em) {
    .media.full-width.white-bg {
        padding-top: 0;
        padding-bottom: 150px
    }
}

.media:not(.full-width) .media__embed,
.media:not(.full-width) .media__caption,
.media:not(.full-width) .heading {
    padding-left: 20px;
    padding-right: 20px
}

@media (min-width: 48em) {
    .media:not(.full-width) .media__embed,
    .media:not(.full-width) .media__caption,
    .media:not(.full-width) .heading {
        padding-left: 0;
        padding-right: 0
    }
}

.media:not(.full-width) .media__embed .media__caption {
    padding-left: 0;
    padding-right: 0
}

.media:not(.full-width) .media__image .frame {
    --n: 3;
    --d: 2;
    width: 100%
}

.full-video .media__image .img-h:before {
    display: block !important
}

.full-video .media__image .img-h:before {
    background: linear-gradient(0deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
    transform: scaleX(-1);
    z-index: 2
}

@media (min-width: 48em) {
    .full-video .media__image {
        background: linear-gradient(0deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, .7))
    }
}

.full-video .media__image .media__play {
    background: none !important
}

.full-video .media__image .media__play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: auto;
    padding-top: 59px;
    color: var(--white);
    font-family: var(--rocgrotesk);
    font-weight: 700;
    font-size: 14px;
    line-height: 28px;
    text-shadow: 0px 0px 25px rgba(0, 0, 0, .75);
    transition: all .3s ease-in-out;
    z-index: 4;
    margin: 0;
    display: block;
    text-align: center
}

.full-video .media__image .media__play:hover {
    transform: translate(-50%, -50%) scale(1.1);
    -webkit-transform: translate(-50%, -50%) scale(1.1)
}

.full-video .media__image .media__play:after {
    position: absolute;
    content: "";
    width: 53px;
    height: 53px;
    background: var(--red);
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto
}

.full-video .media__image .media__play:before {
    position: absolute;
    content: "";
    width: 53px;
    height: 53px;
    background: url(/_resources/images/play-arrow.svg) no-repeat center;
    background-size: 18px;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto
}

@media (min-width: 48em) {
    .full-video .media__image .media__play {
        width: 86px;
        padding-top: 95px
    }
    .full-video .media__image .media__play:after {
        height: 84px;
        width: 84px
    }
    .full-video .media__image .media__play:before {
        height: 84px;
        width: 84px;
        background-size: 29px
    }
}

.full-video .media__embed .embed_container {
    padding-bottom: 56%;
    position: relative;
    overflow: hidden
}

.full-video .media__embed .embed_container iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.full-video.full-width.embed {
    max-width: 904px;
    padding: 0 20px
}

.full-video.full-width.embed .heading {
    padding: 0
}

.full-video.full-width.embed .media__caption {
    padding-left: 0;
    padding-right: 0;
    max-width: 565px
}

.media.carousel {
    overflow: hidden;
    padding: 0 20px
}

@media (min-width: 48em) {
    .media.carousel {
        padding: 0 var(--container)
    }
}

.media.carousel .heading {
    padding: 0
}

@media (min-width: 48em) {
    .media.carousel .media__caption {
        padding: 46px 40px 38px;
        position: absolute;
        width: 100%;
        bottom: 0;
        z-index: 3;
        color: var(--white);
        font-size: 15px;
        line-height: 21px;
        display: block;
        background: rgba(0, 0, 0, .65)
    }
}

@media (min-width: 70em) {
    .media.carousel .media__caption {
        padding: 66px 80px 38px
    }
}

.media.carousel .slider-wrapper {
    position: relative;
    padding-bottom: 94px
}

@media (min-width: 48em) {
    .media.carousel .slider-wrapper {
        padding-bottom: 60px
    }
}

.media.carousel .slider-wrapper .line {
    position: absolute;
    width: 0;
    height: 6px;
    background: var(--orange);
    bottom: 38px;
    transition: all var(--transition);
    transition-delay: .3s;
    left: 0;
    display: block
}

@media (min-width: 48em) {
    .media.carousel .slider-wrapper .line {
        bottom: 12px
    }
}

.media.carousel .slider-wrapper .line[data-animate=true] {
    width: 90%;
    max-width: calc(100% - 90px);
    right: 0
}

@media (min-width: 48em) {
    .media.carousel .slider-wrapper .line[data-animate=true] {
        width: 85%;
        max-width: calc(100% - 200px)
    }
}

.media.carousel .slider__carousel {
    margin: 0 -11px !important
}

.media.carousel .slider__carousel {
    max-width: 90%
}

@media (min-width: 48em) {
    .media.carousel .slider__carousel {
        margin: 0 -15px !important
    }
    .media.carousel .slider__carousel {
        max-width: 85%
    }
}

.media.carousel .slider__carousel .flickity-viewport {
    width: 100%
}

.media.carousel .slider__carousel .flickity-viewport .media__image {
    margin: 0;
    width: 100%
}

.media.carousel .slider__carousel .media__image {
    position: relative
}

.media.carousel .slider__carousel .media__image .frame {
    --n: 1;
    --d: 1
}

@media (min-width: 48em) {
    .media.carousel .slider__carousel .media__image .frame {
        --n: 16;
        --d: 9
    }
}

.media.carousel .slider__carousel .slider__item {
    padding: 0 11px
}

@media (min-width: 48em) {
    .media.carousel .slider__carousel .slider__item {
        padding: 0 15px
    }
}

.media.carousel .slider__carousel .flickity-prev-next-button {
    position: absolute;
    right: 38px;
    bottom: 26px;
    color: var(--dark-blue)
}

.media.carousel .slider__carousel .flickity-prev-next-button.next {
    right: 0
}

@media (min-width: 48em) {
    .media.carousel .slider__carousel .flickity-prev-next-button {
        right: 130px;
        bottom: 0
    }
    .media.carousel .slider__carousel .flickity-prev-next-button.next {
        right: 90px
    }
}

.media.carousel .slider__carousel .flickity-page-dots {
    position: absolute;
    right: 0;
    bottom: 0;
    gap: 10px;
    width: 100%;
    justify-content: center
}

@media (min-width: 48em) {
    .media.carousel .slider__carousel .flickity-page-dots {
        display: flex;
        flex-wrap: wrap;
        width: 80px;
        height: 35px;
        right: -15px;
        bottom: 0;
        left: auto
    }
}

.media.carousel .slider__carousel .flickity-page-dots .is-selected {
    background: var(--orange)
}

.contact-cards {
    padding: 0 20px
}

@media (min-width: 48em) {
    .contact-cards {
        padding: 0 var(--container)
    }
}

@media (min-width: 70em) {
    .contact-cards {
        padding: 0 var(--container-lg)
    }
}

.contact-cards.white-bg {
    padding: 45px 20px
}

@media (min-width: 48em) {
    .contact-cards.white-bg {
        padding: 45px var(--container)
    }
}

@media (min-width: 70em) {
    .contact-cards.white-bg {
        padding: 45px var(--container-lg)
    }
}

.contact-cards.white-bg .card {
    padding: 0
}

@media (min-width: 48em) {
    .contact-cards.white-bg .card {
        padding: 0
    }
}

.contact-cards h2,
.contact-cards h2 p {
    margin-bottom: 24px
}

.contact-cards .flex {
    justify-content: space-between
}

.contact-cards .card {
    background: white;
    padding: 30px;
    text-align: center
}

.contact-cards .card:not(:last-child) {
    margin-bottom: 60px
}

@media (min-width: 48em) {
    .contact-cards .card {
        padding: 50px;
        width: 45%;
        margin-bottom: 0;
        text-align: left
    }
    .contact-cards .card:not(:last-child) {
        margin-bottom: 0
    }
}

.contact-cards .card p a:not(.button) {
    color: #000;
    font-weight: 700;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.contact-cards .card p a:not(.button):hover {
    color: var(--orange)
}

.contact-cards .card .button {
    padding: 14px 25px
}

@media (min-width: 70em) {
    .bottom-form .hero__content {
        padding-bottom: 200px !important
    }
}

@media (min-width: 70em) {
    .bottom-form~.main .main__content.full-width {
        overflow: visible !important
    }
}

.intro-with-form .flex {
    justify-content: space-between
}

@media (min-width: 70em) {
    .intro-with-form .text {
        width: 50%
    }
}

.intro-with-form .text>*:first-child {
    border-top: 6px solid #121888;
    padding-top: 20px
}

.intro-with-form.full-width {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    padding: 0 20px;
    position: relative
}

@media (min-width: 70em) {
    .intro-with-form.full-width {
        padding: 0 5%
    }
}

.intro-with-form .form {
    background: var(--dark-blue);
    padding: 6.5% 6.3%;
    color: var(--white);
    display: none
}

@media (min-width: 70em) {
    .intro-with-form .form {
        display: block
    }
}

.intro-with-form .form .h5,
.intro-with-form .form h5 {
    padding-top: 8px;
    color: var(--white);
    font-size: 20px;
    line-height: 24px;
    display: inline-block;
    border-top: 2px solid #FFFFFF;
    text-transform: capitalize
}

@media (min-width: 70em) {
    .intro-with-form .form {
        width: calc(50% - 40px);
        max-width: 550px;
        position: absolute;
        right: 0;
        bottom: -20px
    }
}

.intro-with-form .form .field-group {
    width: 100%;
    margin-bottom: 14px
}

.intro-with-form .form .field-group input {
    width: 100%;
    color: var(--black)
}

.intro-with-form .form .button {
    width: 100%;
    margin-top: 25px
}

@media (min-width: 70em) {
    #request-form.mobile {
        display: none
    }
}

#request-form.mobile .form {
    background: var(--dark-blue);
    color: var(--white);
    display: block;
    padding: 70px
}

#request-form.mobile .form .h5,
#request-form.mobile .form h5 {
    padding-top: 8px;
    color: var(--white);
    font-size: 20px;
    line-height: 24px;
    display: inline-block;
    border-top: 2px solid #FFFFFF;
    text-transform: capitalize
}

@media (min-width: 70em) {
    #request-form.mobile .form {
        width: calc(50% - 40px);
        max-width: 550px;
        position: absolute;
        right: 0;
        bottom: -20px
    }
}

#request-form.mobile .form .field-group {
    width: 100%;
    margin-bottom: 14px
}

#request-form.mobile .form .field-group input {
    width: 100%;
    color: var(--black)
}

#request-form.mobile .form .button {
    width: 100%;
    margin-top: 25px
}

.step-block {
    background: #f0f0f0;
    padding: 90px 20px 85px
}

@media (min-width: 48em) {
    .step-block {
        padding: 130px 20px
    }
}

.step-block .heading {
    margin-bottom: 50px;
    max-width: 740px;
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 48em) {
    .step-block .heading {
        text-align: center;
        margin-bottom: 80px;
        padding-left: 100px
    }
}

.step-block .step-items {
    max-width: 840px;
    margin: 0 auto;
    position: relative;
    overflow: hidden
}

.step-block .step-items .draw-line {
    width: 2px;
    background: var(--light-blue);
    top: 50px;
    position: absolute;
    left: 24px;
    display: none
}

@media (min-width: 48em) {
    .step-block .step-items .draw-line {
        display: block
    }
}

.step-block .step-items .draw-line.finish {
    height: 3000px !important
}

.step-block .step-items .step {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    overflow: hidden;
    position: relative;
    background: var(--white);
    padding: 10px
}

.step-block .step-items .step:not(:last-child) {
    margin-bottom: 20px
}

@media (min-width: 48em) {
    .step-block .step-items .step {
        background: transparent;
        padding: 0
    }
    .step-block .step-items .step:not(:last-child) {
        margin-bottom: 50px
    }
    .step-block .step-items .step:last-child:after {
        position: absolute;
        content: "";
        width: 50px;
        background: #f0f0f0;
        height: 100%;
        z-index: 1;
        top: 0;
        left: 0
    }
}

.step-block .step-items .number {
    width: 33px;
    height: 33px;
    background: var(--light-blue);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    color: var(--white);
    font-size: 15px;
    font-weight: 600;
    font-family: var(--rocgrotesk);
    position: relative;
    z-index: 2;
    animation-delay: .2s
}

.step-block .step-items .number[data-animate] {
    animation-play-state: running
}

@media (min-width: 48em) {
    .step-block .step-items .number {
        width: 50px;
        height: 50px;
        font-size: 24px
    }
    .step-block .step-items .number[data-animate] {
        animation-play-state: paused
    }
    .step-block .step-items .number[data-animate=true] {
        animation-play-state: running
    }
}

.step-block .step-items .step-text {
    background: var(--white);
    animation-delay: .4s;
    width: calc(100% - 50px);
    font-size: 14px;
    line-height: 25px
}

@media (min-width: 48em) {
    .step-block .step-items .step-text {
        width: calc(100% - 100px);
        padding: 40px;
        font-size: 16px;
        line-height: 28px
    }
}

.step-block .step-items .step-text .h4 {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: none;
    padding: 0;
    text-align: left;
    width: 100%;
    min-height: 33px
}

@media (min-width: 48em) {
    .step-block .step-items .step-text .h4 {
        font-size: 20px;
        line-height: 25px;
        margin: 0 0 20px;
        min-height: 0
    }
    .step-block .step-items .step-text .h4 .step-icon {
        display: none
    }
}

.step-block .step-items .step-text .h4 .step-icon {
    margin-left: 10px;
    min-width: 21px;
    transition: transform var(--transition);
    will-change: transform
}

@media (min-width: 48em) {
    .step-block .step-items .step-text .h4 .step-icon {
        margin-left: 40px
    }
}

.step-block .step-items .step-text p:not(:last-child) {
    margin-bottom: 20px
}

.step-block .step-items .step-text p a {
    color: var(--black)
}

.step-block .step-items .step-text .link-secondary {
    font-size: 12px;
    line-height: 20px
}

@media (min-width: 48em) {
    .step-block .step-items .step-text .link-secondary {
        font-size: 14px
    }
}

.step-block .step-items .step-text .step-content {
    transition: max-height var(--transition), visibility var(--transition);
    overflow: visible;
    max-height: 1000px
}

.step-block .step-items .step-text .step-content .inner {
    margin-top: 5px;
    padding: 15px 0 30px;
    border-top: 1px solid var(--black)
}

@media (min-width: 48em) {
    .step-block .step-items .step-text .step-content .inner {
        margin-top: 0;
        padding: 0;
        border-top: none
    }
}

.step-block .step-items .step-text [aria-expanded=false]+.step-content {
    max-height: 0;
    visibility: hidden
}

.step-block .step-items .step-text [aria-expanded=false]+.step-content .inner {
    margin-top: 0 !important
}

@media (min-width: 48em) {
    .step-block .step-items .step-text [aria-expanded=false]+.step-content {
        max-height: none;
        visibility: visible
    }
}

.step-block .step-items .step-text [aria-expanded=true]>.step-icon {
    transform: rotate(45deg)
}

.success-stories {
    background: #f0f0f0;
    padding: 80px 0 83px
}

@media (min-width: 48em) {
    .success-stories {
        padding: 116px 0 134px
    }
}

.success-stories .heading,
.success-stories .flex {
    max-width: 1290px;
    margin: 0 auto
}

.success-stories .heading {
    margin-bottom: 50px;
    padding: 0 20px
}

@media (min-width: 48em) {
    .success-stories .heading {
        text-align: center
    }
}

.success-stories .heading p {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto
}

.success-stories .stories-item {
    width: 100%;
    height: 270px;
    max-height: 0;
    transition: max-height var(--transition);
    overflow: hidden;
    position: relative
}

.success-stories .stories-item:nth-child(1),
.success-stories .stories-item:nth-child(2) {
    max-height: none
}

@media (min-width: 48em) {
    .success-stories .stories-item {
        max-height: none !important
    }
    .success-stories .stories-item {
        height: 316px
    }
}

.success-stories .stories-item.slide-down {
    max-height: 1000px !important
}

.success-stories .stories-item.slide-down+.load-more {
    display: none
}

.success-stories .stories-item img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    filter: grayscale(100);
    -webkit-filter: grayscale(100)
}

.success-stories .stories-item img+.text .text-bg:not(.white-bg) {
    opacity: .9
}

.success-stories .stories-item .text {
    position: absolute;
    width: 100%;
    z-index: 2;
    height: 100%;
    top: 0;
    right: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center
}

.success-stories .stories-item .text.item-half {
    width: 100%
}

@media (min-width: 70em) {
    .success-stories .stories-item .text.item-half {
        width: 50%
    }
}

.success-stories .stories-item .text .text-inner {
    padding: 0 20px;
    max-width: 650px
}

@media (min-width: 48em) {
    .success-stories .stories-item .text .text-inner {
        padding: 0 11%
    }
}

.success-stories .stories-item .text .h4,
.success-stories .stories-item .text h4 {
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 20px
}

.success-stories .stories-item .text .h6,
.success-stories .stories-item .text h6 {
    font-size: 16px;
    margin-bottom: 17px
}

.success-stories .stories-item .text .link-secondary {
    text-transform: lowercase
}

.success-stories .stories-item .text .text-bg {
    position: absolute;
    width: 100%;
    z-index: -1;
    height: 100%;
    top: 0;
    right: 0
}

@media (min-width: 48em) {
    .success-stories .stories-item.item-half {
        width: 50%
    }
    .success-stories .stories-item.item-two-fifth {
        width: 40%
    }
    .success-stories .stories-item.item-three-fifth {
        width: 60%
    }
}

.success-stories .load-more {
    display: block;
    width: 270px;
    margin: 50px auto 0
}

@media (min-width: 48em) {
    .success-stories .load-more {
        display: none
    }
}

.news-pannel .heading {
    margin-bottom: 45px
}

.news-pannel .heading .button {
    text-transform: capitalize
}

.news-pannel.full-width {
    padding: 0 20px
}

@media (min-width: 48em) {
    .news-pannel.full-width {
        padding: 0 var(--container)
    }
}

.news-pannel.full-width .with-feature {
    display: grid;
    grid-gap: 16px;
    gap: 16px
}

@media (min-width: 48em) {
    .news-pannel.full-width .with-feature {
        gap: 40px;
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (min-width: 70em) {
    .news-pannel.full-width .with-feature {
        grid-template-columns: repeat(4, 1fr);
        gap: 56px
    }
}

.news-pannel.full-width .with-feature .news-item .bottom-info {
    font-weight: 700
}

.news-pannel.full-width .with-feature .feature {
    padding: 0;
    color: #fff;
    background: #002554
}

@media (min-width: 48em) {
    .news-pannel.full-width .with-feature .feature {
        grid-column-end: span 2
    }
}

@media (min-width: 70em) {
    .news-pannel.full-width .with-feature .feature {
        grid-column-end: span 2;
        grid-row-end: span 2
    }
}

.news-pannel.full-width .with-feature .feature .news-img {
    width: 100%;
    position: relative
}

.news-pannel.full-width .with-feature .feature .news-img:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 70%;
    background: linear-gradient(180deg, rgba(0, 37, 84, 0) 0%, #002554 95%);
    z-index: 3
}

.news-pannel.full-width .with-feature .feature h2,
.news-pannel.full-width .with-feature .feature h3 {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-decoration-color: transparent;
    transition: all var(--transition);
    margin-bottom: 22px
}

.news-pannel.full-width .with-feature .feature .date {
    border-bottom: 6px solid var(--white);
    margin-bottom: 50px
}

.news-pannel.full-width .with-feature .feature:hover h2,
.news-pannel.full-width .with-feature .feature:hover h3 {
    text-decoration-color: #fff
}

.news-pannel.full-width .with-feature .feature p {
    margin-bottom: 38px
}

.news-pannel.full-width .with-feature .feature .news-text {
    padding: 8px 38px 28px;
    height: auto
}

.news-pannel.full-width .with-feature .feature .bottom-info {
    margin-bottom: 0 !important
}

.news-pannel.full-width .with-feature .feature .bottom-info {
    color: #fff
}

.news-pannel:not(.full-width) {
    padding: 0 20px
}

@media (min-width: 48em) {
    .news-pannel:not(.full-width) {
        padding: 0
    }
}

.news-pannel:not(.full-width) .feature {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    color: #fff;
    background: var(--dark-blue)
}

@media (min-width: 48em) {
    .news-pannel:not(.full-width) .feature .news-text,
    .news-pannel:not(.full-width) .feature .news-img {
        width: 50%
    }
}

.news-pannel:not(.full-width) .feature .news-text {
    padding: 8px 38px 28px;
    height: auto
}

.news-pannel:not(.full-width) .feature h2,
.news-pannel:not(.full-width) .feature h3 {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-decoration-color: transparent;
    transition: all var(--transition);
    margin-bottom: 22px
}

.news-pannel:not(.full-width) .feature .date {
    border-bottom: 6px solid var(--white);
    margin-bottom: 25px
}

.news-pannel:not(.full-width) .feature:hover h2,
.news-pannel:not(.full-width) .feature:hover h3 {
    text-decoration-color: #fff
}

.news-pannel:not(.full-width) .feature p {
    margin-bottom: 15px
}

.news-pannel:not(.full-width) .feature .news-text {
    padding: 18px 20px 30px;
    height: auto
}

.news-pannel:not(.full-width) .feature .bottom-info {
    margin-bottom: 0 !important
}

.news-pannel:not(.full-width) .feature .bottom-info {
    color: #fff
}

.news-pannel:not(.full-width) .news-item {
    margin-bottom: 16px;
    min-height: 0
}

@media (min-width: 48em) {
    .news-pannel:not(.full-width) .news-item {
        margin-bottom: 40px
    }
}

.news-pannel:not(.full-width) .news-item .bottom-info {
    max-width: 100%
}

.news-pannel:not(.full-width) .bottom-btn {
    margin-top: 32px
}

@media (min-width: 48em) {
    .news-pannel:not(.full-width) .bottom-btn {
        margin-top: 0
    }
}

.news-pannel .news-item {
    background: white;
    padding: 24px 20px;
    color: var(--dark-blue);
    position: relative;
    transition: all var(--transition)
}

@media (min-width: 48em) {
    .news-pannel .news-item {
        min-height: 304px
    }
}

.news-pannel .news-item .news-text {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: column;
    height: 100%
}

.news-pannel .news-item .date {
    font-size: 15px;
    font-weight: 700;
    border-bottom: 6px solid var(--dark-blue);
    transition: border var(--transition);
    width: 100%;
    margin-bottom: 22px
}

.news-pannel .news-item h2,
.news-pannel .news-item h3 {
    color: inherit;
    font-weight: 400;
    width: 100%;
    margin-bottom: 22px
}

.news-pannel .news-item h2 a,
.news-pannel .news-item h3 a {
    color: inherit;
    position: static;
    transition: none
}

.news-pannel .news-item h2 a:after,
.news-pannel .news-item h3 a:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 3
}

.news-pannel .news-item:hover {
    background: var(--dark-blue);
    color: #fff
}

.news-pannel .news-item:hover .date {
    border-bottom: 6px solid var(--white)
}

.news-pannel .news-item:hover .bottom-info {
    color: #fff
}

.news-pannel .news-item p {
    width: 100%
}

.news-pannel .news-item .text {
    max-width: 440px;
    margin-bottom: 30px
}

.news-pannel .news-item .bottom-info {
    width: 100%;
    max-width: 150px;
    font-size: 14px;
    line-height: 24px;
    color: #000;
    transition: all var(--transition)
}

.news-pannel .news-item .bottom-info strong {
    display: block
}

.news-pannel:not(.related-news) .bottom-btn {
    text-align: right;
    margin-top: 50px;
    position: relative
}

.news-pannel:not(.related-news) .bottom-btn:after {
    position: absolute;
    content: "";
    width: 100%;
    max-width: calc(100% - 218px);
    height: 1px;
    background: #C7C7C7;
    top: 50%;
    left: 0;
    transform: translateY(-50%)
}

@media (min-width: 48em) {
    .news-pannel:not(.related-news) .bottom-btn:after {
        max-width: calc(100% - 282px)
    }
}

.news-pannel:not(.related-news) .bottom-btn .button {
    margin-left: auto;
    padding: 14px 25px
}

.news-pannel .flickity-enabled .news-item {
    transform: none !important
}

.news-pannel.news-slider .heading,
.news-pannel.events-slider .heading {
    margin-bottom: 28px
}

@media (min-width: 48em) {
    .news-pannel.news-slider .heading,
    .news-pannel.events-slider .heading {
        padding-right: 200px
    }
}

.news-pannel.news-slider .heading h2,
.news-pannel.events-slider .heading h2 {
    margin-bottom: 0
}

.news-pannel .slider__carousel {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    margin-top: 45px
}

@media (min-width: 48em) {
    .news-pannel .slider__carousel {
        margin-top: -65px
    }
}

.news-pannel .slider__carousel .flickity-viewport {
    width: 100%;
    order: 3;
    overflow: hidden;
    margin-top: 45px
}

@media (min-width: 48em) {
    .news-pannel .slider__carousel .flickity-viewport {
        margin-top: 65px
    }
}

.news-pannel .slider__carousel .flickity-page-dots {
    margin-left: 30px;
    gap: 10px
}

.news-pannel .slider__carousel .flickity-prev-next-button {
    color: var(--dark-blue) !important
}

.news-pannel .slider__carousel .flickity-prev-next-button.next {
    margin-left: 5px
}

.news-pannel .slider__carousel .news-item {
    margin-right: 20px;
    width: 100%;
    overflow: hidden
}

.news-pannel .slider__carousel .news-item:hover {
    background: var(--orange)
}

.news-pannel .slider__carousel .news-item:hover .news-image {
    transform: translate(0)
}

.news-pannel .slider__carousel .news-item:hover .news-image+.news-text {
    transform: translate(calc(100% + 40px))
}

@media (min-width: 48em) {
    .news-pannel .slider__carousel .news-item {
        margin-right: 40px;
        width: calc(50% - 20px);
        min-height: 327px
    }
}

@media (min-width: 70em) {
    .news-pannel .slider__carousel .news-item {
        width: calc(25% - 30px)
    }
}

.news-pannel .slider__carousel .news-item .news-text {
    justify-content: flex-start
}

.news-pannel .slider__carousel .news-item .bottom-info {
    margin-top: auto
}

.news-pannel .slider__carousel .news-item:nth-child(n+4) {
    display: none;
    margin-right: 0
}

@media (min-width: 48em) {
    .news-pannel .slider__carousel .news-item:nth-child(n+4) {
        display: block;
        margin-right: 40px
    }
}

.news-pannel .slider__carousel .news-item:nth-child(4) {
    display: block
}

@media (min-width: 48em) {
    .news-pannel .slider__carousel .news-item:nth-child(4) {
        margin-right: 40px
    }
}

.news-pannel .slider__carousel .news-item .news-image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: all var(--transition);
    transform: translate(-100%)
}

.news-pannel.related-news .items-list {
    display: grid;
    grid-gap: 45px;
    gap: 45px;
    min-height: 0;
    margin-bottom: 30px
}

@media (min-width: 48em) {
    .news-pannel.related-news .items-list {
        grid-template-columns: repeat(3, 1fr);
        gap: 35px
    }
}

.news-pannel.related-news .items-list .news-image {
    overflow: hidden
}

.news-pannel.related-news .items-list .news-item {
    padding: 0;
    overflow: hidden
}

.news-pannel.related-news .items-list .news-item h3 {
    margin-bottom: 32px
}

.news-pannel.related-news .items-list .news-item img {
    transition: all var(--transition)
}

.news-pannel.related-news .items-list .news-item .date {
    margin-bottom: 32px
}

.news-pannel.related-news .items-list .news-item .news-text {
    padding: 12px 14px
}

.news-pannel.related-news .items-list .news-item:hover .news-image {
    transform: translate(0)
}

.news-pannel.related-news .items-list .news-item:hover .news-image+.news-text {
    transform: translate(calc(100% + 40px))
}

.news-pannel.related-news .items-list .news-text {
    height: auto;
    transition: transform var(--transition);
    transform: translate(0)
}

.news-pannel.related-news .items-list .news-text h2 a:after,
.news-pannel.related-news .items-list .news-text h3 a:after {
    width: 250%;
    height: 220%;
    right: -25%;
    top: -10%;
    left: auto
}

.news-pannel.related-news .items-list .news-image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: all var(--transition);
    transform: translate(-100%)
}

.news-pannel.news-listing .news-item {
    padding: 0
}

@media (min-width: 48em) {
    .news-pannel.news-listing .news-item {
        display: flex;
        align-items: center
    }
}

.news-pannel.news-listing .news-item .news-image {
    width: 100%;
    min-width: 100%
}

@media (min-width: 48em) {
    .news-pannel.news-listing .news-item .news-image {
        width: 220px;
        min-width: 220px
    }
}

.news-pannel.news-listing .news-item .news-text {
    min-height: 0;
    padding: 25px
}

@media (min-width: 48em) {
    .news-pannel.news-listing .news-item .news-text {
        padding: 25px 60px
    }
}

.news-pannel.news-listing .news-item h2:last-child {
    margin-bottom: 0
}

.news-pannel.news-listing .news-item h3:last-child {
    margin-bottom: 0
}

.news-pannel.news-listing hr {
    margin: 50px 0;
    border-top: 1px solid #C7C7C7
}

.news-pannel.news-listing .navigation {
    font-weight: 700;
    color: var(--dark-blue);
    line-height: 24px;
    display: flex;
    gap: 10px
}

.news-pannel.news-listing .navigation a,
.news-pannel.news-listing .navigation span {
    width: 24px;
    height: 24px;
    text-align: center
}

.news-pannel.news-listing .navigation .current {
    background: var(--dark-blue);
    color: #fff
}

.news-pannel.news-hub .items-list {
    display: grid;
    grid-gap: 16px;
    gap: 16px
}

@media (min-width: 48em) {
    .news-pannel.news-hub .items-list {
        gap: 42px;
        row-gap: 48px;
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (min-width: 70em) {
    .news-pannel.news-hub .items-list {
        grid-template-columns: repeat(4, 1fr)
    }
}

.news-pannel.news-hub .items-list .news-item {
    overflow: hidden
}

@media (min-width: 48em) {
    .news-pannel.news-hub .items-list .news-item {
        min-height: 337px
    }
}

.news-pannel.news-hub .items-list .news-item:hover {
    background: var(--orange)
}

.news-pannel.news-hub .items-list .news-item:hover .news-image {
    transform: translate(0)
}

.news-pannel.news-hub .items-list .news-item:hover .news-image+.news-text {
    transform: translate(calc(100% + 40px))
}

.news-pannel.news-hub .items-list .news-text {
    height: auto;
    transition: transform var(--transition);
    transform: translate(0)
}

.news-pannel.news-hub .items-list .news-text h2 a:after,
.news-pannel.news-hub .items-list .news-text h3 a:after {
    width: 250%;
    height: 220%;
    right: -25%;
    top: -10%;
    left: auto
}

.news-pannel.news-hub .items-list .news-image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: all var(--transition);
    transform: translate(-100%)
}

.news-pannel.news-hub .navigation {
    color: #000;
    margin-left: auto;
    font-weight: 700
}

.news-pannel.news-hub .navigation span {
    margin: 0 10px
}

.news-pannel.news-hub .navigation .arrow {
    background-color: transparent !important
}

.news-pannel.news-hub .navigation .arrow {
    display: inline-grid;
    align-items: center;
    justify-items: center;
    place-items: center;
    width: 31px;
    height: 31px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    transition: all var(--transition);
    background: url(/_resources/images/slider-arrow.svg) center no-repeat;
    background-size: 100%;
    color: var(--dark-blue);
    text-indent: -9999px;
    cursor: pointer
}

.news-pannel.news-hub .navigation .arrow svg {
    display: none
}

.news-pannel.news-hub .navigation .arrow:hover {
    opacity: .8
}

.news-pannel.news-hub .navigation .arrow.arrow-left {
    transform: rotate(180deg)
}

.news-pannel.news-hub .navigation .arrow[disabled] {
    cursor: auto;
    opacity: .5
}

.news-pannel.news-hub .navigation .arrow[disabled]:hover {
    opacity: .5
}

.news-pannel.news-hub .heading {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 32px
}

@media (min-width: 48em) {
    .news-pannel.news-hub .heading {
        margin-bottom: 50px
    }
}

.news-pannel.news-hub .heading h2 {
    width: 100%
}

@media (min-width: 48em) {
    .news-pannel.news-hub .heading h2 {
        width: auto
    }
}

.news-pannel.full-width:not(.events-slider):not(.news-slider) .items-list {
    display: grid;
    grid-gap: 16px;
    gap: 16px
}

@media (min-width: 48em) {
    .news-pannel.full-width:not(.events-slider):not(.news-slider) .items-list {
        gap: 42px;
        row-gap: 48px;
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (min-width: 70em) {
    .news-pannel.full-width:not(.events-slider):not(.news-slider) .items-list {
        grid-template-columns: repeat(4, 1fr)
    }
}

.news-pannel.full-width:not(.events-slider):not(.news-slider) .items-list .news-item {
    min-height: 337px
}

.news-pannel.full-width:not(.events-slider):not(.news-slider) .items-list .news-item .news-text {
    justify-content: flex-start
}

.news-pannel.full-width:not(.events-slider):not(.news-slider) .items-list .news-item .news-text .bottom-info {
    margin-top: auto
}

.news-pannel.full-width.graphic {
    background: url(/_resources/images/textured-background.svg) no-repeat center;
    background-size: cover;
    padding-top: 100px;
    padding-bottom: 100px
}

@media (min-width: 48em) {
    .news-pannel.full-width.graphic {
        padding-top: 60px;
        padding-bottom: 60px
    }
}

@media (min-width: 48em) {
    .news-pannel.full-width.home-events {
        padding-top: 150px
    }
}

.news-pannel.full-width.home-events .heading h2 {
    letter-spacing: 3.2px;
    text-transform: uppercase
}

@media (min-width: 48em) {
    .news-pannel.full-width.home-events .heading {
        display: flex;
        align-items: center;
        justify-content: space-between
    }
    .news-pannel.full-width.home-events .heading h2 {
        margin-bottom: 0
    }
}

.grid-cards .heading {
    padding: 0 20px;
    margin-bottom: 48px
}

@media (min-width: 48em) {
    .grid-cards .heading {
        padding: 0 var(--container)
    }
}

.grid-cards .heading h2:last-child {
    margin-bottom: 0
}

.grid-cards .flex {
    background: var(--dark-blue);
    justify-content: center;
    padding: 48px 20px 13px;
    margin: 0 -17px
}

@media (min-width: 48em) {
    .grid-cards .flex {
        padding: 145px var(--container) 110px
    }
}

.grid-cards .card {
    width: 100%;
    padding: 0 17px;
    margin-bottom: 35px;
    display: block;
    color: #fff
}

@media (min-width: 48em) {
    .grid-cards .card {
        width: 33.332%
    }
}

.grid-cards .card .inner {
    color: #000;
    height: 100%;
    font-size: 18px;
    min-height: 328px;
    position: relative;
    box-shadow: 0 0 #000;
    transition: all .2s
}

.grid-cards .card .inner .text {
    background: white;
    height: 100%;
    position: relative;
    z-index: 2;
    padding: 35px 28px
}

.grid-cards .card .inner:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    z-index: -5;
    background: var(--orange);
    transition: all .2s;
    left: 0;
    top: 0
}

.grid-cards .card:hover .inner {
    transform: translate(5px, -5px);
    box-shadow: 1px 1px 10px #00000080
}

.grid-cards .card:hover .inner:before {
    transform: translate(-10px, 10px)
}

.resource-grid {
    padding: 80px 30px 70px;
    color: #fff;
    background-color: #00224f
}

@media (min-width: 48em) {
    .resource-grid {
        padding: 125px var(--container) 90px
    }
}

.resource-grid .heading {
    margin-bottom: 80px
}

@media (min-width: 48em) {
    .resource-grid .heading {
        padding-left: 20px
    }
}

.resource-grid .heading h2 {
    margin-bottom: 16px;
    color: #fff
}

@media (min-width: 48em) {
    .resource-grid .heading h2 {
        margin-bottom: 24px
    }
}

.resource-grid .heading p {
    max-width: 735px
}

.resource-grid .flex {
    display: flex;
    flex-wrap: wrap
}

.resource-grid .resource-item {
    padding: 40px;
    border: 1px solid #948F8F;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 163px;
    color: #fff;
    transform: scale(0)
}

@media (min-width: 48em) {
    .resource-grid .resource-item {
        width: 50%;
        min-height: 335px;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center
    }
}

@media (min-width: 70em) {
    .resource-grid .resource-item {
        width: 25%
    }
}

.resource-grid .resource-item h3 {
    color: #fff;
    width: 65%;
    text-align: center
}

@media (min-width: 48em) {
    .resource-grid .resource-item h3 {
        width: 100%
    }
}

.resource-grid .resource-item:hover {
    background-color: var(--orange)
}

.resource-grid .resource-item:nth-child(n+1) {
    transform: scale(0);
    animation: scaleUp .5s ease-in-out forwards;
    animation-play-state: paused
}

.resource-grid .resource-item:nth-child(1) {
    animation-delay: .08s !important
}

.resource-grid .resource-item:nth-child(2) {
    animation-delay: .16s !important
}

.resource-grid .resource-item:nth-child(3) {
    animation-delay: .24s !important
}

.resource-grid .resource-item:nth-child(4) {
    animation-delay: .32s !important
}

.resource-grid .resource-item:nth-child(5) {
    animation-delay: .4s !important
}

.resource-grid .resource-item:nth-child(6) {
    animation-delay: .48s !important
}

.resource-grid .resource-item:nth-child(7) {
    animation-delay: .56s !important
}

.resource-grid .resource-item:nth-child(8) {
    animation-delay: .64s !important
}

.resource-grid [data-animate=true] .resource-item {
    animation-play-state: running
}

.resources {
    padding: 65px 0;
    background: url(/_resources/images/textured-background.svg) no-repeat center;
    background-size: cover
}

@media (min-width: 48em) {
    .resources {
        padding: 88px 0
    }
}

.resources .resources__container {
    background: var(--dark-blue);
    padding: 0 20px 45px
}

@media (min-width: 48em) {
    .resources .resources__container {
        padding: 0 var(--container) 45px;
        display: flex;
        flex-wrap: wrap
    }
}

.resources .resources__container .resources__control {
    color: #fff;
    width: 100%;
    padding-top: 88px
}

@media (min-width: 48em) {
    .resources .resources__container .resources__control {
        width: 45%;
        padding-right: 40px;
        padding-bottom: 88px
    }
}

@media (min-width: 70em) {
    .resources .resources__container .resources__control {
        padding-left: 50px;
        padding-right: 80px
    }
}

.resources .resources__container .resources__control h2 {
    color: #fff;
    margin-bottom: 25px
}

.resources .resources__container .resources__main__wrapper {
    overflow: auto;
    height: 500px
}

@media (min-width: 48em) {
    .resources .resources__container .resources__main__wrapper {
        height: 870px;
        width: 55%;
        padding: 35px 30px;
        background: white;
        margin-top: -30px
    }
    .resources .resources__container .resources__main__wrapper::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0px 1px 6px #D0CFCE;
        background-color: var(--grey-50)
    }
    .resources .resources__container .resources__main__wrapper::-webkit-scrollbar-thumb {
        background-color: var(--orange)
    }
    .resources .resources__container .resources__main__wrapper::-webkit-scrollbar {
        width: 6px;
        height: 6px;
        background-color: var(--grey-50)
    }
}

@media (min-width: 70em) {
    .resources .resources__container .resources__main__wrapper {
        height: 780px;
        padding: 55px 50px
    }
}

.resources .resources__container .resources__main {
    width: 100%;
    margin-top: 0
}

.resources .resources__input {
    width: 100%;
    margin: 0 0 32px;
    max-width: 347px;
    padding: 13px 46px 13px 16px;
    background-color: var(--grey-50);
    background-image: url(/_resources/images/search-blue.svg);
    background-position: right 20px center;
    background-size: 17px;
    border: none;
    font-weight: 500;
    font-size: 16px;
    line-height: 27px;
    color: var(--dark-blue)
}

.resources .resources__input::-moz-placeholder {
    opacity: 1
}

.resources .resources__input::placeholder {
    opacity: 1
}

.resources .resources__input:focus:focus-visible {
    outline-color: #fff
}

.resources .resources__dropdown {
    border-top: 1px solid #D0CFCE;
    border-bottom: 1px solid #D0CFCE;
    margin-bottom: 37px
}

@media (min-width: 48em) {
    .resources .resources__dropdown {
        border: none;
        margin-bottom: 0
    }
}

.resources .resources__dropdown__toggle {
    background: transparent !important
}

.resources .resources__dropdown__toggle {
    display: block;
    width: 100%;
    border: none;
    color: #fff;
    padding: 15px 30px 15px 20px;
    text-align: left;
    position: relative
}

.resources .resources__dropdown__toggle:after {
    position: absolute;
    content: "";
    bottom: 50%;
    right: 12px;
    width: 10px;
    height: 16px;
    background: white;
    mask: url(/_resources/images/chevron-right-orange.svg);
    -webkit-mask: url(/_resources/images/chevron-right-orange.svg);
    margin-bottom: -8px;
    transform: rotate(90deg)
}

.resources .resources__dropdown__toggle[aria-expanded=true]+.resources__dropdown__list {
    height: auto;
    overflow: visible;
    visibility: visible
}

@media (min-width: 48em) {
    .resources .resources__dropdown__toggle {
        display: none
    }
}

.resources .resources__dropdown__list {
    height: 0;
    overflow: hidden;
    visibility: hidden;
    transition: all var(--transition)
}

@media (min-width: 48em) {
    .resources .resources__dropdown__list {
        height: auto;
        overflow: visible;
        visibility: visible;
        padding-left: 15px;
        position: relative;
        margin: 40px 0 0;
        display: inline-block;
        z-index: 0
    }
    .resources .resources__dropdown__list .resources__dropdown__button.active:nth-child(1)~.resources__dropdown__button:last-child:after {
        top: 0%
    }
    .resources .resources__dropdown__list .resources__dropdown__button:nth-child(1):hover~.resources__dropdown__button:last-child:after {
        top: 0% !important
    }
    .resources .resources__dropdown__list .resources__dropdown__button.active:last-child:after {
        top: 25%
    }
    .resources .resources__dropdown__list .resources__dropdown__button.active:nth-child(2)~.resources__dropdown__button:last-child:after {
        top: 25%
    }
    .resources .resources__dropdown__list .resources__dropdown__button:nth-child(2):hover~.resources__dropdown__button:last-child:after {
        top: 25% !important
    }
    .resources .resources__dropdown__list .resources__dropdown__button.active:last-child:after {
        top: 50%
    }
    .resources .resources__dropdown__list .resources__dropdown__button.active:nth-child(3)~.resources__dropdown__button:last-child:after {
        top: 50%
    }
    .resources .resources__dropdown__list .resources__dropdown__button:nth-child(3):hover~.resources__dropdown__button:last-child:after {
        top: 50% !important
    }
    .resources .resources__dropdown__list .resources__dropdown__button.active:last-child:after {
        top: 75%
    }
    .resources .resources__dropdown__list .resources__dropdown__button:last-child:after {
        height: 25%
    }
    .resources .resources__dropdown__list .resources__dropdown__button:last-child:hover:after {
        top: 75% !important
    }
}

@media (min-width: 48em) and (min-width: 70em) {
    .resources .resources__dropdown__list {
        padding-left: 50px
    }
}

@media (min-width: 48em) {
    .resources .resources__dropdown__list .resources__dropdown__button {
        background: transparent !important
    }
    .resources .resources__dropdown__list .resources__dropdown__button {
        display: block;
        width: 100%;
        padding: 15px 0;
        text-align: left;
        border: none;
        color: #fff
    }
}

@media (min-width: 48em) and (min-width: 48em) {
    .resources .resources__dropdown__list .resources__dropdown__button {
        padding: 15px 0
    }
}

@media (min-width: 48em) {
    .resources .resources__dropdown__list .resources__dropdown__button:last-child {
        margin-bottom: 0
    }
    .resources .resources__dropdown__list .resources__dropdown__button:last-child:after {
        content: "";
        display: block;
        position: absolute;
        pointer-events: none;
        transition: top 1s ease;
        background: var(--orange);
        top: 0;
        left: 0;
        width: 4px;
        z-index: 1
    }
    .resources .resources__dropdown__list:before {
        position: absolute;
        content: "";
        height: 100%;
        left: 1px;
        width: 1px;
        background: #D0CFCE
    }
    .resources .resources__dropdown__list .resources__dropdown__label {
        display: flex;
        align-items: center;
        color: #fff;
        padding: 0 40px 0 0;
        position: relative;
        font-weight: 700;
        height: 26px;
        line-height: 20px;
        text-overflow: ellipsis;
        transition: all var(--transition)
    }
}

@media (min-width: 48em) and (min-width: 48em) {
    .resources .resources__dropdown__list .resources__dropdown__label {
        min-width: 200px;
        white-space: nowrap
    }
}

@media (min-width: 48em) {
    .resources .resources__dropdown__list .resources__dropdown__label:after {
        position: absolute;
        content: "";
        bottom: 50%;
        right: 0;
        width: 10px;
        height: 16px;
        background: white;
        mask: url(/_resources/images/chevron-right-orange.svg);
        -webkit-mask: url(/_resources/images/chevron-right-orange.svg);
        margin-bottom: -8px;
        transition: all var(--transition)
    }
    .resources .resources__dropdown__list .resources__dropdown__label:hover {
        -webkit-text-decoration: underline;
        text-decoration: underline
    }
}

.resources .resources__dropdown__list .resources__dropdown__button {
    background: transparent !important
}

.resources .resources__dropdown__list .resources__dropdown__button {
    display: block;
    width: 100%;
    padding: 15px 20px;
    text-align: left;
    border: none;
    color: #fff
}

.resources .resources__grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 22px
}

@media (min-width: 48em) {
    .resources .resources__grid {
        gap: 30px
    }
}

.resources .resources__grid h2 {
    width: 100%;
    margin-bottom: 0;
    color: #fff
}

@media (min-width: 48em) {
    .resources .resources__grid h2 {
        color: var(--dark-blue)
    }
}

.resources .resources__item {
    width: calc(50% - 13px);
    padding: 20px 15px;
    background: var(--grey-50);
    transform: scale(0);
    animation: scaleUp .3s ease-in-out forwards;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: flex-start
}

.resources .resources__item p {
    width: 100%
}

.resources .resources__item p:not(.link-h) {
    display: none
}

@media (min-width: 48em) {
    .resources .resources__item {
        padding: 21px 22px;
        width: 100%
    }
    .resources .resources__item p:not(.link-h) {
        display: block
    }
}

.resources .resources__item .h4,
.resources .resources__item h4 {
    color: var(--dark-blue);
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 12px;
    width: 100%
}

@media (min-width: 70em) {
    .resources .resources__item {
        width: calc(50% - 27px)
    }
}

.resources .resources__item+h2 {
    margin-top: 32px
}

.resources .resources__item[data-item=hide] {
    display: none
}

.resources .resources__item .link-h {
    margin-top: auto
}

.resources .resources__item[data-item=hide] {
    animation-play-state: paused
}

.resources .resources__item,
.resources [data-animate=true] .resources__item {
    animation-play-state: running
}

.resources [data-animate=true] .resources__item:nth-child(2) {
    animation-delay: .08s
}

.resources [data-animate=true] .resources__item:nth-child(3) {
    animation-delay: .16s
}

.resources [data-animate=true] .resources__item:nth-child(4) {
    animation-delay: .24s
}

.resources [data-animate=true] .resources__item:nth-child(5) {
    animation-delay: .32s
}

.resources .resources__status {
    display: none
}

.resources .resources__status p {
    font-weight: 700;
    color: #fff
}

@media (min-width: 48em) {
    .resources .resources__status p {
        color: #000
    }
}

.resources .resources__status .resources__remove {
    display: flex;
    align-items: center;
    padding: 12px 25px;
    border: 1px solid black;
    border-radius: 30px;
    text-transform: capitalize;
    margin: 0 0 20px;
    font-size: 15px;
    line-height: 18px;
    text-align: left;
    font-weight: 400;
    transition: all var(--transition)
}

.resources .resources__status .resources__remove:after {
    content: "";
    flex-shrink: 0;
    width: 12px;
    height: 12px;
    margin-left: 20px;
    background: black;
    transition: all var(--transition);
    mask: url(/_resources/images/close-filter.svg);
    -webkit-mask: url(/_resources/images/close-filter.svg)
}

.resources .showed.resources__status {
    display: block;
    margin-bottom: 32px
}

@keyframes scaleUp {
    0% {
        opacity: 0
    }
    to {
        transform: scale(1);
        opacity: 1
    }
}

.instagram-section {
    background: white;
    padding-top: 60px;
    overflow: hidden;
    width: 100%
}

.instagram-section .heading {
    margin-left: auto;
    margin-right: auto;
    max-width: 1210px;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 32px;
    padding-top: 22px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.instagram-section .heading h2 {
    font-size: 16px;
    line-height: 17.143px;
    color: var(--orange);
    margin: 0 0 0 17px
}

.instagram-section .heading:before {
    position: absolute;
    content: "";
    width: calc(100% - 40px);
    left: 20px;
    border-top: 6px solid var(--orange);
    top: 0
}

.instagram-section .social__feed {
    position: relative;
    max-height: 308px;
    overflow: hidden;
    opacity: 0;
    transition: opacity .35s .5s
}

.instagram-section .social__feed.loaded {
    max-height: none;
    overflow: visible;
    margin-left: -65px;
    opacity: 1
}

.instagram-section .social__feed.loaded:after {
    content: "flickity";
    display: none
}

@media (min-width: 48em) {
    .instagram-section .social__feed.loaded {
        margin-left: 0
    }
}

.instagram-section .social__feed .social__bottom {
    display: flex;
    align-items: center
}

.instagram-section .social__feed .social__group {
    display: flex;
    align-items: center;
    margin-right: 1.5rem
}

.instagram-section .social__feed .social__icon {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: .5rem;
    background: var(--white)
}

.instagram-section .social__feed .social__icon--instagram {
    width: 20px;
    height: 20px;
    background: url(/_resources/images/instagram-icon.svg) no-repeat center
}

.instagram-section .social__feed .social__icon--heart {
    background: url(/_resources/images/heart.svg) no-repeat center
}

.instagram-section .social__feed .social__icon--comment {
    background: url(/_resources/images/comments.svg) no-repeat center
}

.instagram-section .flickity-page-dots {
    max-width: 1210px;
    padding-left: 20px;
    padding-right: 20px;
    justify-content: flex-end;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -47px
}

.instagram-section .flickity-prev-next-button {
    background-color: #000000a6 !important
}

.instagram-section .flickity-prev-next-button {
    position: absolute;
    top: 0;
    right: 65px;
    width: 65px;
    height: 100%;
    background: url(/_resources/images/slider-arrow-white.svg) no-repeat center;
    border-radius: 0;
    background-size: 31px;
    color: #fff;
    z-index: 10
}

@media (min-width: 48em) {
    .instagram-section .flickity-prev-next-button {
        right: auto;
        left: 0;
        width: 61px
    }
}

.instagram-section .flickity-prev-next-button.next {
    left: auto;
    right: 0
}

.instagram-section .flickity-prev-next-button:hover {
    background-color: #000 !important
}

.instagram-section .social__item {
    width: 310px
}

.instagram-section .social__item:nth-child(n+5) {
    display: none
}

@media (min-width: 48em) {
    .instagram-section .social__item {
        display: block !important
    }
    .instagram-section .social__item {
        width: 310px;
        height: 310px
    }
}

.instagram-section .social__item img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%
}

.instagram-section .social__item .social__overlay {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    transition: all var(--transition);
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    align-content: flex-end;
    background: linear-gradient(0deg, rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, .6) 100%);
    font-size: 15px;
    line-height: 23px;
    padding: 35px 33px;
    color: #fff
}

.instagram-section .social__item .social__overlay a {
    color: #fff;
    margin-bottom: 60px;
    font-size: 16px;
    line-height: 22px
}

.instagram-section .social__item .social__overlay p {
    display: none
}

@media (min-width: 48em) {
    .instagram-section .social__item .social__overlay p {
        display: block;
        height: 80px
    }
}

.instagram-section .social__item:hover .social__overlay {
    opacity: 1;
    visibility: visible
}

.degree-programs {
    padding: 50px 20px;
    background: white
}

@media (min-width: 48em) {
    .degree-programs {
        padding: 0;
        background: transparent
    }
}

@media (min-width: 48em) {
    .degree-programs .inner {
        padding: 50px 36px;
        background: white
    }
}

@media (min-width: 70em) {
    .degree-programs .inner {
        padding: 53px 44px 60px
    }
}

.degree-programs .heading {
    margin-bottom: 60px
}

.degree-programs .heading h2 {
    margin-bottom: 25px
}

.degree-programs .heading h2:last-child {
    margin-bottom: 0
}

.degree-programs .grid {
    gap: 48px
}

@media (min-width: 48em) {
    .degree-programs .grid {
        --grid-min: 0;
        grid-template-columns: repeat(2, 1fr);
        gap: 50px
    }
}

@media (min-width: 70em) {
    .degree-programs .grid {
        gap: 70px
    }
}

@media (min-width: 80em) {
    .degree-programs .grid {
        row-gap: 70px;
        gap: 118px
    }
}

.degree-programs .grid.grid-3 {
    gap: 38px
}

@media (min-width: 48em) {
    .degree-programs .grid.grid-3 {
        --grid-min: 0;
        grid-template-columns: repeat(3, 1fr)
    }
}

.degree-programs .degree__item {
    line-height: 26px
}

.degree-programs .degree__item .degree__image {
    width: 100%;
    overflow: hidden
}

.degree-programs .degree__item .degree__image img {
    transition: all var(--transition)
}

.degree-programs .degree__item .degree__image:hover img {
    transform: scale(1.05)
}

.degree-programs .degree__item h3 {
    transform: translateY(-24px);
    font-size: 16px;
    line-height: 24px;
    padding: 12px 25px;
    color: #fff;
    font-weight: 500;
    background: var(--orange);
    position: relative;
    z-index: 2;
    display: inline-block;
    margin-bottom: 12px
}

.degree-programs .degree__item p {
    margin-bottom: 20px
}

.degree-programs .degree__item:nth-child(2n) h3 {
    background: var(--dark-blue)
}

.degree-programs .bottom-btn {
    text-align: right;
    margin-top: 32px;
    position: relative
}

@media (min-width: 70em) {
    .degree-programs .bottom-btn {
        margin-top: 50px
    }
}

.degree-programs .bottom-btn:after {
    position: absolute;
    content: "";
    width: 100%;
    max-width: calc(100% - 200px);
    height: 1px;
    background: #C7C7C7;
    top: 50%;
    left: 0;
    transform: translateY(-50%)
}

.degree-programs .bottom-btn .button {
    margin-left: auto;
    padding: 14px 25px
}

.degree-programs.full-width {
    padding: 65px 20px;
    background: white
}

.degree-programs.full-width .heading {
    text-align: left
}

@media (min-width: 48em) {
    .degree-programs.full-width .heading {
        text-align: center
    }
}

.degree-programs.full-width .heading p {
    max-width: 870px;
    margin-left: auto;
    margin-right: auto
}

.degree-programs.full-width .inner {
    padding: 0
}

.degree-programs.full-width .inner h3 {
    padding: 16px 25px;
    transform: translateY(-30px);
    margin-bottom: 0
}

.degree-programs.full-width .degree__item:nth-child(3n) h3 {
    background: var(--light-blue);
    color: var(--dark-blue);
    font-weight: 700
}

@media (min-width: 48em) {
    .degree-programs.full-width {
        padding: 80px var(--container)
    }
}

@media (min-width: 70em) {
    .degree-programs.full-width {
        padding: 80px var(--container-lg) 110px
    }
}

.tabs-section {
    padding: 45px 20px 90px 30px;
    background: white
}

@media (min-width: 48em) {
    .tabs-section {
        padding: 100px var(--container)
    }
}

@media (min-width: 70em) {
    .tabs-section {
        padding: 135px var(--container-lg) 125px
    }
}

.tabs-section .heading {
    text-align: left;
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 45px
}

@media (min-width: 48em) {
    .tabs-section .heading {
        text-align: center
    }
}

.tabs-section .heading h2 {
    margin-bottom: 0
}

.tabs-section .tabs {
    border-bottom: 1px solid #B6ADA5;
    margin-bottom: 44px;
    display: none;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center
}

@media (min-width: 48em) {
    .tabs-section .tabs {
        display: flex
    }
}

.tabs-section .tabs .inner {
    display: flex;
    flex-wrap: wrap;
    position: relative
}

.tabs-section .tabs .inner .tab {
    text-align: center;
    margin: 0 20px;
    display: flex;
    position: relative;
    font-weight: 700
}

.tabs-section .tabs .inner .tab a {
    display: block;
    white-space: nowrap;
    width: 100%;
    padding-bottom: 7px;
    color: var(--dark-blue)
}

.tabs-section .tabs-content {
    border-left: 1px solid #B6ADA5;
    position: relative
}

@media (min-width: 48em) {
    .tabs-section .tabs-content {
        border-left: none
    }
}

.tabs-section .tab-content-h {
    padding-left: 32px
}

@media (min-width: 48em) {
    .tabs-section .tab-content-h {
        padding-left: 0
    }
}

.tabs-section .tab-content-h.active .tab-content {
    visibility: visible;
    opacity: 1;
    transform: translate(0);
    height: auto;
    height: var(--height, auto)
}

.tabs-section .tab-content-h .tab-mobile {
    position: relative;
    padding: 27px 0;
    display: block;
    font-weight: 700;
    margin-bottom: 10px
}

.tabs-section .tab-content-h .tab-mobile a {
    display: block;
    width: 100%;
    color: var(--dark-blue)
}

@media (min-width: 48em) {
    .tabs-section .tab-content-h .tab-mobile {
        display: none
    }
}

.tabs-section .tab-content-h:last-child .tab-mobile {
    margin-bottom: 0
}

.tabs-section .tab-content {
    transition: opacity var(--transition), visibility var(--transition), transform var(--transition);
    height: 0;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    transform: translateY(50px);
    transition-delay: .1s
}

.tabs-section .tab-content .inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-bottom: 50px
}

@media (min-width: 48em) {
    .tabs-section .tab-content .inner {
        padding-bottom: 0
    }
}

.tabs-section .tab-content .inner .img-h {
    order: 2;
    width: 100%;
    margin-top: 40px
}

@media (min-width: 48em) {
    .tabs-section .tab-content .inner .img-h {
        order: 1;
        width: 42%;
        margin-top: 0
    }
    .tabs-section .tab-content .inner .img-h+.text {
        order: 2;
        width: 58%;
        padding: 0 30px 0 70px;
        margin: 0
    }
}

.tabs-section .tab-content .inner .text {
    order: 1;
    padding-bottom: 10px;
    margin: 0 auto
}

@media (min-width: 48em) {
    .tabs-section .tab-content .inner .text {
        max-width: 58%
    }
}

.tabs-section .tab-content .inner .text h2 {
    font-weight: 400;
    margin-bottom: 20px
}

.tabs-section .tab-active-bar,
.tabs-section .mobile-tab-active-bar {
    position: absolute;
    background: var(--orange)
}

.tabs-section .mobile-tab-active-bar {
    height: 100%;
    width: 5px;
    top: 0;
    bottom: 0;
    left: -35px
}

@media (min-width: 48em) {
    .tabs-section .mobile-tab-active-bar {
        display: none
    }
}

.tabs-section .tab-active-bar {
    display: none
}

@media (min-width: 48em) {
    .tabs-section .tab-active-bar {
        display: block;
        height: 5px;
        left: 0;
        right: 0;
        bottom: -3px
    }
}

.stats-panel {
    overflow: hidden;
    margin-top: 50px
}

@media (min-width: 70em) {
    .stats-panel {
        margin-top: 65px
    }
}

.stats-panel .flex {
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 3
}

@media (min-width: 70em) {
    .stats-panel .flex {
        padding: 0 20px
    }
}

.stats-panel .flex:after,
.stats-panel .flex:before {
    position: absolute;
    content: "";
    height: 100%;
    width: 200%;
    left: 50%;
    top: 0;
    background: var(--light-blue);
    z-index: -1
}

.stats-panel .flex:before {
    right: 50%;
    left: auto;
    background: var(--orange)
}

.stats-panel .heading {
    padding: 0 20px;
    margin-bottom: 50px
}

@media (min-width: 48em) {
    .stats-panel .heading {
        padding: 0 var(--container)
    }
}

.stats-panel:not(.alt) .stat_item {
    overflow: hidden;
    width: 100%;
    padding: 65px 25px 40px 50px;
    background: var(--orange);
    color: #fff;
    min-height: 475px;
    position: relative
}

.stats-panel:not(.alt) .stat_item:before {
    position: absolute;
    content: "";
    left: 22px;
    background-color: #fff;
    z-index: 2;
    top: 0;
    height: 0;
    width: 6px;
    transition: all .2s linear
}

@media (min-width: 48em) {
    .stats-panel:not(.alt) .stat_item {
        width: 33.332%;
        min-height: 515px;
        padding: 104px 20px 40px
    }
    .stats-panel:not(.alt) .stat_item:before {
        height: 6px;
        top: 78px;
        width: 0;
        left: 0
    }
}

@media (min-width: 70em) {
    .stats-panel:not(.alt) .stat_item {
        padding: 104px 80px 40px
    }
}

.stats-panel:not(.alt) .stat_item h3 {
    color: inherit;
    margin-bottom: 13px;
    font-weight: 400
}

@media (min-width: 48em) {
    .stats-panel:not(.alt) .stat_item h3 {
        margin-bottom: 20px;
        min-height: 74px
    }
}

.stats-panel:not(.alt) .stat_item .text {
    position: relative;
    z-index: 3
}

.stats-panel:not(.alt) .stat_item .stats__number {
    min-height: 105px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-weight: 700;
    font-size: 45px;
    line-height: 50px
}

.stats-panel:not(.alt) .stat_item .stats__number .full,
.stats-panel:not(.alt) .stat_item .stats__number [data-count] {
    font-size: 97px;
    line-height: 105px
}

@media (min-width: 48em) {
    .stats-panel:not(.alt) .stat_item .stats__number .full,
    .stats-panel:not(.alt) .stat_item .stats__number [data-count] {
        font-size: 77px;
        line-height: 85px
    }
}

@media (min-width: 70em) {
    .stats-panel:not(.alt) .stat_item .stats__number .full,
    .stats-panel:not(.alt) .stat_item .stats__number [data-count] {
        font-size: 97px;
        line-height: 105px
    }
}

.stats-panel:not(.alt) .stat_item .stats__number .number {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start
}

.stats-panel:not(.alt) .stat_item .stats__number .pre,
.stats-panel:not(.alt) .stat_item .stats__number .aft {
    margin-top: 5px
}

.stats-panel:not(.alt) .stat_item .stats__number .aft {
    margin-left: 10px
}

.stats-panel:not(.alt) .stat_item:first-child:before {
    top: 83px
}

@media (min-width: 48em) {
    .stats-panel:not(.alt) .stat_item:first-child:before {
        top: 78px;
        left: 20px
    }
}

@media (min-width: 70em) {
    .stats-panel:not(.alt) .stat_item:first-child:before {
        left: 80px
    }
}

.stats-panel:not(.alt) .stat_item:nth-child(2) {
    background: var(--dark-blue)
}

.stats-panel:not(.alt) .stat_item:nth-child(2) .full,
.stats-panel:not(.alt) .stat_item:nth-child(2) [data-count] {
    font-size: 80px;
    line-height: 89px
}

@media (min-width: 48em) {
    .stats-panel:not(.alt) .stat_item:nth-child(2) .full,
    .stats-panel:not(.alt) .stat_item:nth-child(2) [data-count] {
        font-size: 70px;
        line-height: 75px
    }
}

@media (min-width: 70em) {
    .stats-panel:not(.alt) .stat_item:nth-child(2) .full,
    .stats-panel:not(.alt) .stat_item:nth-child(2) [data-count] {
        font-size: 80px;
        line-height: 89px
    }
}

.stats-panel:not(.alt) .stat_item:nth-child(2):before {
    transition-delay: .2s
}

.stats-panel:not(.alt) .stat_item:nth-child(3) {
    background: var(--light-blue);
    color: var(--dark-blue)
}

.stats-panel:not(.alt) .stat_item:nth-child(3) .stats__number .full,
.stats-panel:not(.alt) .stat_item:nth-child(3) .stats__number [data-count] {
    font-size: 80px;
    line-height: 89px
}

@media (min-width: 48em) {
    .stats-panel:not(.alt) .stat_item:nth-child(3) .stats__number .full,
    .stats-panel:not(.alt) .stat_item:nth-child(3) .stats__number [data-count] {
        font-size: 70px;
        line-height: 75px
    }
}

@media (min-width: 70em) {
    .stats-panel:not(.alt) .stat_item:nth-child(3) .stats__number .full,
    .stats-panel:not(.alt) .stat_item:nth-child(3) .stats__number [data-count] {
        font-size: 80px;
        line-height: 89px
    }
}

.stats-panel:not(.alt) .stat_item:nth-child(3) .text:after {
    position: absolute;
    content: "";
    top: 100%;
    width: 500px;
    height: 500px;
    right: 50%;
    z-index: -1;
    background: var(--light-blue)
}

.stats-panel:not(.alt) .stat_item:nth-child(3):before {
    transition-delay: .4s
}

.stats-panel.alt .stat_item {
    overflow: hidden;
    width: 100%;
    padding: 30px 25px 50px 50px;
    background: var(--orange);
    color: #fff;
    position: relative;
    min-height: 525px
}

@media (min-width: 48em) {
    .stats-panel.alt .stat_item {
        width: 33.332%;
        padding: 45px 20px 40px
    }
}

@media (min-width: 70em) {
    .stats-panel.alt .stat_item {
        width: 33.332%;
        padding: 45px 80px 40px
    }
}

.stats-panel.alt .stat_item .category {
    display: block;
    margin-bottom: 60px
}

.stats-panel.alt .stat_item:nth-child(2) {
    background: var(--dark-blue)
}

.stats-panel.alt .stat_item:nth-child(3) {
    background: var(--light-blue);
    color: var(--dark-blue)
}

.stats-panel.alt .stat_item .inner {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: flex-start;
    flex-direction: column;
    justify-content: flex-start
}

.stats-panel.alt .stat_item .inner svg {
    margin-top: auto
}

.stats-panel.alt .h2 span {
    font-size: 72px;
    line-height: 105px;
    font-weight: 700;
    white-space: nowrap
}

@media (min-width: 48em) {
    .stats-panel.alt .h2 span {
        font-size: 50px
    }
}

.stats-panel.alt .h2 span:last-of-type:after {
    content: "\a";
    white-space: pre
}

.stats-panel.alt h3 {
    color: inherit;
    margin-bottom: 40px;
    font-weight: 400
}

@media (min-width: 48em) {
    .stats-panel.alt h3 {
        margin-bottom: 17px;
        min-height: 74px
    }
}

.stats-panel.complete .stat_item:before {
    height: 100%;
    bottom: 0
}

@media (min-width: 48em) {
    .stats-panel.complete .stat_item:before {
        width: 100%;
        right: 0;
        height: 6px;
        bottom: auto
    }
}

@media (min-width: 48em) {
    .stats-panel.complete .stat_item:first-child:before {
        width: calc(100% - 20px)
    }
}

@media (min-width: 70em) {
    .stats-panel.complete .stat_item:first-child:before {
        width: calc(100% - 80px)
    }
}

@media (min-width: 48em) {
    .stats-panel.complete .stat_item:nth-child(3):before {
        width: calc(100% - 20px)
    }
}

@media (min-width: 70em) {
    .stats-panel.complete .stat_item:nth-child(3):before {
        width: calc(100% - 80px)
    }
}

.stats-panel.stats-home {
    padding-top: 120px;
    background: url(/_resources/images/textured-background.svg) no-repeat center;
    background-size: cover
}

@media (min-width: 70em) {
    .stats-panel.stats-home {
        padding-top: 188px;
        margin-top: -74px
    }
}

.stats-panel.stats-home .flex {
    padding: 0
}

.stats-panel.stats-home .heading {
    letter-spacing: 3.2px;
    text-transform: uppercase
}

@media (min-width: 48em) {
    .stats-panel.stats-home .heading {
        padding: 0 var(--container)
    }
}

.stats-white {
    background-color: var(--white)
}

.stats-white .heading {
    padding-top: 3rem
}

.connect {
    padding: 40px 20px 50px
}

@media (min-width: 48em) {
    .connect {
        padding: 80px var(--container)
    }
}

.connect .inner {
    border-top: 8px solid var(--orange);
    padding-top: 11px
}

.connect .inner h2 {
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 47px
}

.connect .inner .flex {
    justify-content: space-between
}

.connect .inner h3 {
    font-weight: 500;
    margin-bottom: 3px
}

.connect .inner p a {
    color: #000;
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-decoration-color: var(--orange);
    text-underline-offset: 5px
}

.connect .inner p a:hover {
    color: var(--orange)
}

.connect .inner .info {
    margin-bottom: 32px
}

.connect .inner .text {
    margin-bottom: 5px
}

@media (min-width: 48em) {
    .connect .inner .info {
        width: 40%
    }
    .connect .inner .text {
        width: 57%
    }
}

.faculty-listing {
    padding: 50px 20px;
    background: white
}

@media (min-width: 48em) {
    .faculty-listing {
        padding: 0;
        background: transparent
    }
}

@media (min-width: 48em) {
    .faculty-listing .inner {
        padding: 50px 36px;
        background: white
    }
}

@media (min-width: 70em) {
    .faculty-listing .inner {
        padding: 53px 44px
    }
}

.faculty-listing .heading {
    margin-bottom: 52px
}

.faculty-listing .heading h2 {
    margin-bottom: 0
}

.faculty-listing .grid {
    gap: 36px
}

@media (min-width: 48em) {
    .faculty-listing .grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 50px
    }
}

@media (min-width: 70em) {
    .faculty-listing .grid {
        gap: 30px
    }
}

@media (min-width: 80em) {
    .faculty-listing .grid {
        gap: 60px
    }
}

.faculty-listing .grid-3 {
    gap: 32px
}

@media (min-width: 48em) {
    .faculty-listing .grid-3 {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (min-width: 70em) {
    .faculty-listing .grid-3 {
        gap: 50px
    }
}

@media (min-width: 80em) {
    .faculty-listing .grid-3 {
        gap: 86px
    }
}

.faculty-listing .profile {
    padding: 25px;
    border-top: 8px solid var(--orange);
    background: var(--grey-50);
    color: var(--dark-blue);
    font-weight: 500;
    line-height: 24px
}

.faculty-listing .profile .profile__image {
    max-width: 235px;
    border-radius: 50%;
    margin: 0 auto 37px
}

.faculty-listing .profile h3 {
    margin-bottom: 16px
}

.faculty-listing .profile p {
    margin-bottom: 20px
}

.faculty-listing .profile p a:not(.button) {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.faculty-listing .bottom-btn {
    text-align: right;
    margin-top: 32px;
    position: relative
}

@media (min-width: 70em) {
    .faculty-listing .bottom-btn {
        margin-top: 50px
    }
}

.faculty-listing .bottom-btn:after {
    position: absolute;
    content: "";
    width: 100%;
    max-width: calc(100% - 200px);
    height: 1px;
    background: #C7C7C7;
    top: 50%;
    left: 0;
    transform: translateY(-50%)
}

.faculty-listing .bottom-btn .button {
    margin-left: auto;
    padding: 14px 25px
}

.faculty-listing.full-width {
    padding: 72px 20px;
    background: white
}

.faculty-listing.full-width .inner {
    padding: 0 !important
}

@media (min-width: 48em) {
    .faculty-listing.full-width {
        padding: 90px var(--container) 90px
    }
}

@media (min-width: 70em) {
    .faculty-listing.full-width {
        padding: 120px var(--container-lg) 90px
    }
}

@media (min-width: 48em) {
    .faculty-listing.full-width .heading {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: space-between;
        width: 100%
    }
    .faculty-listing.full-width .heading p {
        width: calc(100% - 200px);
        max-width: 640px;
        margin-bottom: 0
    }
}

.faculty-listing.full-width .heading h2 {
    width: 100%;
    margin-bottom: 20px
}

.faculty-listing.full-width .profile {
    position: relative;
    text-align: center;
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
    color: #000;
    padding: 40px 35px 20px;
    border-bottom: 16px solid var(--orange)
}

.faculty-listing.full-width .profile:nth-child(2) {
    border-bottom: 16px solid var(--dark-blue);
    border-top-color: var(--dark-blue)
}

.faculty-listing.full-width .profile:nth-child(3) {
    border-top-color: var(--light-blue);
    border-bottom: 16px solid var(--light-blue)
}

.faculty-listing.full-width .profile .profile__image {
    max-width: 150px;
    margin-bottom: 25px
}

.faculty-listing.full-width .profile .title {
    font-size: 18px;
    font-weight: 400;
    line-height: 23.6px;
    margin-bottom: 13px
}

.faculty-listing.full-width .profile .title a {
    color: var(--dark-blue);
    -webkit-text-decoration: none;
    text-decoration: none
}

.faculty-listing.full-width .profile .title a strong {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    transition: all var(--transition)
}

.faculty-listing.full-width .profile .title a span {
    display: block
}

.faculty-listing.full-width .profile .title a:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 3
}

.faculty-listing.full-width .profile .title a:hover strong {
    color: var(--orange)
}

.form {
    padding: 0 20px
}

@media (min-width: 48em) {
    .form {
        padding: 0
    }
}

.label {
    font-size: 13px;
    line-height: 21px;
    color: #545454;
    text-transform: uppercase;
    display: block;
    margin-bottom: 10px
}

.input,
.select {
    width: 100%;
    margin: 0 0 32px;
    padding: 13px 46px 10px 16px;
    background-color: var(--grey-50);
    background-image: url(/_resources/images/search-blue.svg);
    background-position: right 20px center;
    background-size: 17px;
    border: none;
    border-top: 3px solid var(--dark-blue);
    font-size: 16px;
    line-height: 27px;
    color: #002554;
    background-color: #fff
}

.input::-moz-placeholder,
.select::-moz-placeholder {
    opacity: 1
}

.input::placeholder,
.select::placeholder {
    opacity: 1
}

.select {
    background-image: url(/_resources/images/filter-toggle.svg);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.faculty-finder .profile {
    display: none
}

.faculty-finder .profile.filter--match {
    display: block
}

.announcement {
    padding: 0 20px 40px;
    background-color: #fff
}

@media (min-width: 48em) {
    .announcement {
        padding-left: var(--container) !important;
        padding-right: var(--container) !important
    }
}

@media (min-width: 70em) {
    .announcement {
        padding-left: var(--container-lg) !important;
        padding-right: var(--container-lg) !important
    }
}

.announcement .flex .img-h {
    width: 100%
}

@media (min-width: 48em) {
    .announcement .flex .img-h {
        max-width: 320px
    }
}

.announcement .flex .img-h img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.announcement .flex .text {
    background: var(--grey-50);
    padding: 62px 40px
}

@media (min-width: 48em) {
    .announcement .flex .text {
        max-width: calc(100% - 320px)
    }
}

@media (min-width: 70em) {
    .announcement .flex .text {
        padding: 63px 77px;
        max-width: calc(100% - 320px)
    }
}

.announcement .flex .text h2 {
    margin-bottom: 20px;
    letter-spacing: 2px;
    text-transform: uppercase
}

.announcement .flex .text p {
    margin-bottom: 20px
}

.announcement .button {
    text-transform: capitalize
}

:host,
:root {
    --mc-font-family: var(--gotham) !important
}

:host,
:root {
    --mc-hero-graidnet-color: rgba(0, 0, 0, 0);
    --mc-hero-text: var(--dark-blue);
    --mc-export-controls: var(--dark-blue);
    --mc-hero-bg: transparent;
    --mc-theme-color-main: var(--dark-blue);
    --mc-event-detail-hero-text: var(--dark-blue);
    --mc-text: var(--dark-blue);
    --mc-event-list-details: var(--black);
    --mc-event-list-bg: var(--white);
    --mc-dropdown-trigger-active-text: var(--dark-blue);
    --mc-dropdown-trigger-active-bg: var(--white);
    --mc-event-detail-trigger-active-bg: var(--white);
    --mc-footer-text: var(--dark-blue);
    --mc-page-margin: 0;
    --mc-mobile-filter-close-bg: var(--white);
    --mc-dividers: #c7c7c7
}

#view-container .page {
    background-color: transparent
}

@media (min-width: 48em) {
    #view-container .page {
        padding-left: 0;
        padding-right: 0
    }
}

#view-container .page.controls:first-child {
    margin-top: 0
}

#view-container .hero {
    display: block;
    min-height: 0;
    min-height: initial
}

#view-container .hero:after {
    content: none
}

#view-container .hero+.wrapper {
    top: auto;
    top: initial
}

#view-container .wrapper {
    padding-left: calc(var(--container) + 20px);
    padding-right: calc(var(--container) + 20px);
    margin: 0;
    width: auto;
    width: initial;
    max-width: none;
    max-width: initial
}

#view-container .wrapper .tag {
    font-size: 14px;
    line-height: 21px;
    font-weight: 500;
    padding: 12px 25px;
    display: inline-block;
    position: relative;
    text-align: center;
    border: none;
    transition: all var(--transition);
    background: var(--orange);
    color: var(--white);
    text-transform: none
}

#view-container .wrapper .tag:before,
#view-container .wrapper .tag:after {
    position: absolute;
    content: "";
    width: 100%;
    transition: all var(--transition);
    height: 2px;
    background: var(--orange)
}

#view-container .wrapper .tag:before {
    bottom: -2px;
    right: 0
}

#view-container .wrapper .tag:after {
    top: -2px;
    left: 0
}

#view-container .wrapper .tag:hover {
    background: var(--orange-900)
}

#view-container .wrapper .tag:hover:before,
#view-container .wrapper .tag:hover:after {
    width: 0;
    background: var(--orange-900)
}

#view-container .wrapper .tag:focus:focus-visible {
    outline: var(--orange) dashed .25rem
}

#view-container .hero-text {
    display: flex;
    flex-wrap: wrap
}

@media (-md) {
    #view-container .hero-text {
        justify-content: flex-end
    }
}

#view-container .controls .view-selector {
    display: none
}

#hero-title,
#hero-subtitle {
    width: 100%;
    flex-shrink: 0
}

.hero .wrapper [data-action=event-search] {
    display: inline-flex;
    position: relative;
    top: auto;
    top: initial;
    border-radius: 0;
    padding: 0;
    background: transparent;
    border: 0;
    border-top: 3px solid var(--dark-blue);
    background-color: var(--white)
}

@media (min-width: 70em) {
    .hero .wrapper [data-action=event-search] {
        margin-left: auto
    }
}

.hero .wrapper [data-action=event-search] input[type=search] {
    margin: 0;
    padding: 13px 46px 10px 16px;
    background-color: var(--white);
    border: none;
    font-size: 16px;
    line-height: 27px;
    color: #002554;
    width: auto;
    width: initial;
    height: auto;
    height: initial;
    border: 0
}

.hero .wrapper [data-action=event-search] input[type=search]::-moz-placeholder {
    color: inherit
}

.hero .wrapper [data-action=event-search] input[type=search]::placeholder {
    color: inherit
}

.hero .wrapper [data-action=event-search] button[type=submit] {
    background-image: url(/_resources/images/search-blue.svg);
    background-color: transparent;
    border: 0;
    opacity: 1
}

h2.page-title {
    color: var(--heading-color) !important
}

h2.page-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    margin: 0 0 32px
}

.event-list-content {
    padding: 25px 60px;
    align-self: center;
    height: 100%
}

@media (min-width: 48em) {
    #event-detail-page .event-detail {
        flex-direction: row-reverse;
        justify-content: space-between
    }
}

#event-detail-page .event-detail .main-content-area {
    width: 100%;
    flex-grow: initial;
    margin-bottom: 2rem
}

@media (min-width: 48em) {
    #event-detail-page .event-detail .main-content-area {
        width: calc(98% - 360px)
    }
}

@media (min-width: 70em) {
    #event-detail-page .event-detail .main-content-area {
        width: calc(94% - 360px)
    }
}

#event-detail-page .event-detail .sidebar {
    order: -1;
    margin-bottom: 2rem
}

@media (min-width: 48em) {
    #event-detail-page .event-detail .sidebar {
        width: 360px
    }
}

.controls .dropdown {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    border: none;
    border-top: 3px solid var(--dark-blue);
    background-color: var(--white);
    font-weight: 600;
    font-size: 16px;
    line-height: 27px;
    font-weight: 500;
    border-radius: 0;
    position: relative
}

@media (min-width: 70em) {
    .controls .dropdown {
        margin-left: 2rem
    }
}

.controls .dropdown .svg-inline--fa {
    margin-left: 1rem
}

.controls .filter-group {
    height: auto;
    height: initial;
    width: 50%
}

@media (min-width: 48em) {
    .controls .filter-group {
        justify-content: flex-end
    }
}

.controls .filter-group .dropdown-menu {
    border: 0;
    max-width: none;
    max-width: initial;
    width: 100%
}

.controls .dropdown-trigger {
    padding: 10px 18px 10px 16px;
    font-size: 16px;
    font-weight: 500;
    display: flex;
    flex-direction: row-reverse;
    align-items: center
}

.event-list {
    margin-bottom: 100px;
    transition: all var(--transition)
}

.event-list:hover {
    color: #fff !important
}

.event-list:hover {
    background: var(--dark-blue)
}

.event-list:hover .event-label,
.event-list:hover .event-list-title a,
.event-list:hover .detail-with-icon {
    color: #fff
}

.event-list:after {
    position: absolute;
    content: "";
    bottom: -50px;
    left: 0;
    width: 100%;
    background-color: #c7c7c7;
    height: 1px
}

.event-list-title a {
    color: var(--heading-color);
    font-size: 28px;
    font-weight: 400;
    line-height: 37px;
    margin: 0 0 32px
}

.export-controls {
    position: static;
    right: 20px;
    justify-content: flex-start;
    margin-bottom: 2rem
}

.export-controls a {
    font-weight: 400;
    margin-left: 0;
    margin-right: 2rem
}

.mc-calendar--inline {
    border: 0
}

.mc-calendar {
    font-family: var(--gotham);
    box-shadow: 0 0 6px #00000029
}

@media (min-width: 32em) {
    .image--left,
    .image--right {
        max-width: calc(50% - 6rem)
    }
}

@media (min-width: 32em) {
    .image--left.image--narrow,
    .image--right.image--narrow {
        max-width: calc(35% - 5rem)
    }
}

@media (min-width: 32em) {
    .image--left {
        margin: 0 40px 25px 0;
        float: left
    }
}

@media (min-width: 32em) {
    .image--right {
        margin: 0 0 25px 40px;
        float: right
    }
}

.image__caption {
    font-size: 15px;
    font-style: normal;
    line-height: 20px;
    margin-top: 16px
}

.floatet-image img {
    cursor: pointer;
    transition: .3s
}

.floatet-image img:hover {
    opacity: .7
}

.accordion-list {
    background: white;
    padding: 60px 20px
}

@media (min-width: 48em) {
    .accordion-list {
        padding: 33px
    }
    .white-bg .accordion-list {
        padding: 50px 0 0
    }
}

.accordion-list.full-width {
    padding: 60px 20px
}

@media (min-width: 48em) {
    .accordion-list.full-width {
        padding: 140px var(--container)
    }
}

@media (min-width: 70em) {
    .accordion-list.full-width {
        padding: 140px var(--container-lg)
    }
}

.accordion-list h2 {
    margin-bottom: 25px
}

.accordion {
    border-bottom: 1px solid #948F8F
}

.accordion__toggle {
    color: var(--dark-blue) !important;
    background: transparent !important
}

.accordion__toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 14px 30px;
    border: none;
    text-align: left;
    margin: 0;
    transition: all .2s ease-in-out;
    position: relative;
    cursor: pointer
}

@media (min-width: 48em) {
    .accordion__toggle {
        padding: 19px 45px
    }
}

.accordion__toggle .accordion__icon {
    width: 39px;
    min-width: 39px;
    height: 39px;
    border: none;
    color: var(--dark-blue);
    background: var(--dark-blue);
    position: relative;
    transition: var(--transition);
    margin-left: 10px
}

.accordion__toggle .accordion__icon:before,
.accordion__toggle .accordion__icon:after {
    content: "";
    display: block;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transition: var(--transition);
    width: 23px;
    height: 3px
}

.accordion__toggle .accordion__icon:before {
    transform: translate(-50%, -50%)
}

.accordion__toggle .accordion__icon:after {
    transform: translate(-50%, -50%) rotate(90deg)
}

.accordion__toggle[aria-expanded=true] .accordion__icon {
    background: var(--orange)
}

.accordion__toggle[aria-expanded=true] .accordion__icon:before {
    transform: translate(-50%, -50%) rotate(-90deg);
    opacity: 0
}

.accordion__toggle[aria-expanded=true] .accordion__icon:after {
    transform: translate(-50%, -50%) rotate(0)
}

.accordion__toggle[aria-expanded=true] {
    border-bottom: 1px solid #948F8F
}

.accordion__toggle:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 3px;
    background-color: var(--orange);
    left: 0;
    width: 0;
    bottom: -2px;
    z-index: 1;
    transition: all var(--transition)
}

.accordion__toggle:hover:after {
    width: 100%;
    right: 0
}

.accordion__content {
    height: auto;
    height: var(--height, auto);
    transition: height var(--transition), visibility var(--transition);
    overflow: hidden
}

[aria-expanded=false]+.accordion__content {
    height: 0;
    visibility: hidden
}

.accordion__interior {
    padding: 40px 30px 45px
}

@media (min-width: 48em) {
    .accordion__interior {
        padding: 33px 46px 80px
    }
}

.accordion__interior:after {
    display: table;
    content: "";
    clear: both
}

.accordion__interior p {
    color: var(--dark-blue);
    font-size: 14px;
    line-height: 21px
}

.accordion__interior p a {
    font-weight: 700;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.accordion__interior figure {
    margin-top: 0;
    order: 20;
    width: 100%
}

@media (min-width: 32em) {
    .accordion__interior .image--left,
    .accordion__interior .image--right {
        max-width: calc(50% - 4.6rem)
    }
    .accordion__interior .image--right {
        margin: 0 0 25px 30px;
        float: right
    }
    .accordion__interior .image--left {
        margin: 0 30px 25px 0;
        float: left
    }
    .accordion__interior .image--left.image--narrow,
    .accordion__interior .image--right.image--narrow {
        max-width: calc(50% - 3rem)
    }
}

@media (min-width: 70em) {
    .accordion__interior .image--right {
        margin: 0 0 25px 100px
    }
    .accordion__interior .image--left {
        margin: 0 100px 25px 0
    }
    .accordion__interior .image--left.image--narrow,
    .accordion__interior .image--right.image--narrow {
        max-width: 33%
    }
}

.sidebar-widgets {
    margin-top: 15px;
    padding: 0 20px 50px
}

@media (min-width: 70em) {
    .sidebar-widgets {
        display: none;
        margin-top: 55px
    }
    .sidebar-widgets:first-child {
        margin-top: 0
    }
}

.sidebar-widgets>:first-child {
    margin-top: 0 !important
}

.sidebar-widgets .form-desktop {
    margin-top: 55px
}

.sidebar-widgets .form {
    background: white;
    padding: 27px 25px
}

.white-bg .sidebar-widgets .form {
    background: var(--grey-50)
}

@media (min-width: 70em) {
    .sidebar-widgets .form {
        padding: 30px 25px
    }
}

.sidebar-widgets .form h2 {
    color: var(--dark-blue)
}

.sidebar-widgets .form .form_label,
.sidebar-widgets .form fieldset legend,
.sidebar-widgets .form label {
    text-transform: uppercase;
    color: var(--dark-blue);
    display: block;
    font-weight: 700
}

.sidebar-widgets .form #form_description {
    display: none
}

.sidebar-widgets .form .form_question,
.sidebar-widgets .form .field-group {
    margin-bottom: 15px
}

.sidebar-widgets .form .form_question select,
.sidebar-widgets .form .field-group select,
.sidebar-widgets .form .form_question textarea,
.sidebar-widgets .form .field-group textarea,
.sidebar-widgets .form .form_question input,
.sidebar-widgets .form .field-group input {
    margin-top: 10px;
    width: 100%;
    height: 62px;
    border: 1px solid #948F8F;
    border: 1px solid var(--grey-600, #948F8F);
    color: #000;
    border-radius: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.sidebar-widgets .form .form_question select:focus-within,
.sidebar-widgets .form .field-group select:focus-within,
.sidebar-widgets .form .form_question textarea:focus-within,
.sidebar-widgets .form .field-group textarea:focus-within,
.sidebar-widgets .form .form_question input:focus-within,
.sidebar-widgets .form .field-group input:focus-within {
    outline: currentcolor solid 1px;
    outline-offset: 0
}

.sidebar-widgets .form .form_question select,
.sidebar-widgets .form .field-group select {
    background-image: url(/_resources/images/filter-toggle.svg);
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 10px;
    padding-right: 20px
}

.sidebar-widgets .form .form_question fieldset .form_responses,
.sidebar-widgets .form .field-group fieldset .form_responses {
    display: flex
}

.sidebar-widgets .form #form_description {
    color: #000;
    margin-bottom: 20px
}

.sidebar-widgets .form [data-required] .form_label {
    position: relative
}

.sidebar-widgets .form [data-required] .form_label:after {
    content: "*";
    margin-left: 5px
}

.sidebar-widgets .form .form_button_submit {
    font-size: 14px;
    line-height: 21px;
    font-weight: 500;
    padding: 12px 25px;
    display: inline-block;
    position: relative;
    text-align: center;
    background: var(--orange);
    color: var(--white);
    width: 100%;
    margin-top: 15px;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

@media (min-width: 48em) {
    .sidebar-widgets .form .form_button_submit {
        max-width: 318px
    }
}

.sidebar-widgets .form .form_button_submit:before,
.sidebar-widgets .form .form_button_submit:after {
    position: absolute;
    content: "";
    width: 100%;
    transition: all var(--transition);
    height: 2px;
    background: var(--orange)
}

.sidebar-widgets .form .form_button_submit:before {
    bottom: -2px;
    right: 0
}

.sidebar-widgets .form .form_button_submit:after {
    top: -2px;
    left: 0
}

.sidebar-widgets .form .form_button_submit:hover:before,
.sidebar-widgets .form .form_button_submit:hover:after {
    width: 0;
    background: var(--orange-900)
}

.sidebar-widgets .form .form_button_submit:focus:focus-visible {
    outline: var(--orange) dashed .25rem
}

.sidebar-widgets .contact-card {
    background: var(--dark-blue);
    padding: 34px;
    color: var(--white);
    margin-top: 55px
}

@media (min-width: 70em) {
    .sidebar-widgets .contact-card {
        padding: 34px
    }
    .sidebar-widgets .contact-card .widget {
        text-align: left
    }
}

.sidebar-widgets .contact-card .h4,
.sidebar-widgets .contact-card h4 {
    color: var(--white)
}

.sidebar-widgets .contact-card .widget__content strong {
    font-weight: 500
}

.sidebar-widgets .contact-card .widget__content a:not(.button) {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.sidebar-widgets .contact-card .widget {
    margin-top: 34px
}

.sidebar-widgets .contact-card a {
    color: var(--white)
}

.sidebar-widgets .contact-card a:hover {
    color: var(--orange)
}

.sidebar-widgets .widget__links {
    margin-top: 68px
}

.sidebar-widgets .widget__links .h4 {
    color: #00224f;
    margin-bottom: 24px
}

.sidebar-widgets .widget__links ul {
    list-style: none;
    padding-left: 0;
    margin: 0
}

.sidebar-widgets .widget__links ul li {
    list-style: none;
    padding-left: 0;
    position: relative;
    width: 100%;
    margin-bottom: 20px
}

.sidebar-widgets .widget__links ul li a {
    font-weight: 500;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.sidebar-widgets .button.full-width {
    width: 100%;
    margin-top: 25px
}

.single-post .main__sidebar .sidebar-widgets {
    margin-top: 28px
}

.table {
    padding-left: 20px
}

@media (min-width: 48em) {
    .table {
        padding-left: 0
    }
}

.table.full-width {
    padding-left: 20px !important;
    padding-right: 20px !important
}

.table.full-width {
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px
}

.table .table-container {
    border: 0;
    background-attachment: local, local, scroll, scroll;
    background-image: linear-gradient(to right, var(--grey-50), var(--grey-50)), linear-gradient(to left, var(--grey-50), var(--grey-50)), linear-gradient(to right, rgba(0, 0, 0, .25), transparent), linear-gradient(to left, rgba(0, 0, 0, .25), transparent);
    background-position: left top, right top, left top, right top;
    background-size: 1rem 100%, 1rem 100%, 1rem calc(100% - 55px), 1rem calc(100% - 55px);
    overflow: auto;
    padding-bottom: 40px
}

.table .table-container::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0px 1px 6px #D0CFCE;
    background-color: var(--grey-50)
}

.table .table-container::-webkit-scrollbar-thumb {
    background-color: var(--orange)
}

.table .table-container::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: var(--grey-50)
}

@media only screen and (min-width: 70em) {
    .table .table-container {
        background: none !important
    }
    .table .table-container {
        padding-bottom: 0
    }
}

.table table {
    min-width: 56rem;
    width: 100%
}

@media only screen and (min-width: 70em) {
    .table table {
        min-width: 0
    }
}

.table table th,
.table table td {
    padding: 20px 15px;
    vertical-align: middle;
    text-align: left;
    border-bottom: 1px solid var(--grey-900);
    color: var(--dark-blue)
}

@media only screen and (min-width: 70em) {
    .table table th,
    .table table td {
        border-bottom: none
    }
}

.table table tr:last-child td {
    border-bottom: none
}

.table table tr.hover td,
.table table tr.hover th {
    background: transparent !important
}

.table table tr.hover td,
.table table tr.hover th {
    cursor: default
}

.table table th {
    padding: 0 20px 10px;
    border-bottom: 4px solid var(--dark-blue)
}

.table table th:first-child {
    padding-left: 0
}

@media only screen and (min-width: 70em) {
    .table tbody tr:nth-child(even) {
        background: white
    }
}

.table-transparent table tbody tr:nth-child(even) {
    background-color: transparent
}

.table-white table {
    background-color: #fff
}

.table-white table th {
    padding: 20px
}

.table-white table th:first-child {
    padding-left: 10px
}

.profiles {
    padding: 0 20px
}

@media (min-width: 48em) {
    .profiles {
        padding: 0
    }
}

.profiles .profile {
    background-color: #fff;
    padding: 16px 20px;
    color: var(--dark-blue);
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 50px
}

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

.profiles .profile .flex {
    align-items: center
}

@media (min-width: 48em) {
    .profiles .profile .flex {
        flex-wrap: nowrap
    }
}

.profiles .profile .flex h3 {
    margin-bottom: 43px
}

.profiles .profile .flex .img-h {
    width: 100%;
    min-width: 100%;
    position: relative;
    margin-bottom: 25px
}

@media (min-width: 48em) {
    .profiles .profile .flex .img-h {
        width: 208px;
        min-width: 208px;
        margin-right: 50px;
        margin-bottom: 0
    }
}

.profiles .profile .flex .img-h:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    background: var(--orange);
    height: 6px;
    z-index: 2
}

.profiles .profile .flex p a:not(.button) {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.pagination__list {
    display: flex;
    padding-left: 0
}

.pagination__item:before {
    content: none
}

.pagination__link {
    font-weight: 700;
    font-size: 16px;
    padding: .5rem .75rem
}

.pagination__link:hover svg {
    fill: var(--orange)
}

.pagination__link svg {
    display: inline;
    fill: var(--dark-blue)
}

.pagination__link.active {
    color: var(--white);
    background-color: var(--dark-blue)
}

.find-program {
    position: relative;
    overflow: hidden
}

@media (min-width: 70em) {
    .find-program {
        padding-bottom: 74px
    }
}

.find-program .find_form {
    padding: 40px 20px 35px;
    color: var(--dark-blue);
    background: var(--white)
}

@media (min-width: 70em) {
    .find-program .find_form {
        position: absolute;
        max-width: 57%;
        width: 100%;
        right: 0;
        padding: 70px 60px;
        z-index: 2;
        bottom: 0
    }
}

@media (min-width: 80em) {
    .find-program .find_form {
        padding: 85px 110px;
        margin-left: auto
    }
}

.find-program .find_form .popular-programs,
.find-program .find_form .form__search {
    max-width: 532px;
    display: flex;
    flex-wrap: wrap;
    position: relative
}

.find-program .find_form .popular-programs h2,
.find-program .find_form .form__search h2 {
    width: 100%;
    margin-bottom: 17px;
    letter-spacing: 2px;
    text-transform: uppercase
}

.find-program .find_form .popular-programs p,
.find-program .find_form .form__search p {
    margin-bottom: 28px
}

@media (min-width: 48em) {
    .find-program .find_form .popular-programs p,
    .find-program .find_form .form__search p {
        margin-bottom: 20px
    }
}

.find-program .find_form .popular-programs .form__label,
.find-program .find_form .form__search .form__label {
    display: block;
    width: 100%;
    margin-right: 0
}

.find-program .find_form .popular-programs ul,
.find-program .find_form .form__search ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 0;
    margin: 0
}

@media (min-width: 48em) {
    .find-program .find_form .popular-programs ul,
    .find-program .find_form .form__search ul {
        gap: 17px
    }
}

.find-program .find_form .popular-programs ul li,
.find-program .find_form .form__search ul li {
    padding: 1px 0;
    list-style: none;
    width: 100%
}

@media (min-width: 48em) {
    .find-program .find_form .popular-programs ul li,
    .find-program .find_form .form__search ul li {
        width: auto
    }
}

.find-program .find_form .popular-programs ul li a,
.find-program .find_form .form__search ul li a {
    text-transform: capitalize;
    width: 100%;
    display: block
}

.find-program .find_form .popular-programs .form__submit,
.find-program .find_form .form__search .form__submit {
    position: absolute;
    bottom: 0;
    right: 20px;
    display: block;
    width: 22px;
    height: 61px;
    padding: 0;
    border: 0;
    transition: transform var(--transition);
    z-index: 2;
    text-indent: -9999px;
    background: url(/_resources/images/search-icon.svg) center no-repeat
}

.find-program .find_form .popular-programs .form__submit:hover,
.find-program .find_form .form__search .form__submit:hover {
    transform: scale(1.1)
}

.find-program .find_form .popular-programs .form__input,
.find-program .find_form .form__search .form__input {
    width: 100%;
    height: 100%;
    padding: 20px 70px 20px 24px;
    font-family: var(--gotham);
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #737373;
    border: 1px solid #737373;
    background: white
}

.find-program .find_form .popular-programs .form__input::-moz-placeholder,
.find-program .find_form .form__search .form__input::-moz-placeholder {
    opacity: 1
}

.find-program .find_form .popular-programs .form__input::placeholder,
.find-program .find_form .form__search .form__input::placeholder {
    opacity: 1
}

.find-program .form__search {
    margin-bottom: 32px
}

@media (min-width: 48em) {
    .find-program .form__search {
        margin-bottom: 24px
    }
}

.find-program .slider-wrapper {
    max-width: 100%
}

.find-program .slider-wrapper .slider__carousel {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center
}

.find-program .slider-wrapper .slider__carousel .flickity-viewport {
    width: 100%
}

.find-program .slider-wrapper .slider__carousel .flickity-page-dots {
    margin-right: 44px;
    margin-left: 17px;
    margin-top: -90px;
    position: relative;
    z-index: 5;
    gap: 10px
}

@media (min-width: 48em) {
    .find-program .slider-wrapper .slider__carousel .flickity-page-dots {
        margin-right: 70px
    }
}

@media (min-width: 70em) {
    .find-program .slider-wrapper .slider__carousel .flickity-page-dots {
        margin-right: 31vw;
        width: 35%
    }
}

.find-program .slider-wrapper .slider__carousel .flickity-page-dots .flickity-page-dot {
    background-color: #fff
}

.find-program .slider-wrapper .slider__carousel .flickity-page-dots .flickity-page-dot.is-selected {
    background-color: var(--orange)
}

.find-program .slider-wrapper .slider__carousel .flickity-prev-next-button {
    margin-top: -90px;
    position: relative;
    z-index: 5;
    margin-left: 6px;
    background-image: url(/_resources/images/slider-arrow-white.svg)
}

.find-program .slider-wrapper .slider__carousel .is-selected .media__caption {
    opacity: 1 !important;
    transform: translate(0) !important
}

.find-program .slider-wrapper .slider__carousel .is-selected .media__caption {
    transition-delay: .5s
}

.find-program .slider-wrapper .media__image {
    position: relative
}

.find-program .slider-wrapper .media__image .media__caption {
    padding: 118px var(--container);
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    opacity: 0;
    transform: translate(-50px);
    transition: all var(--transition)
}

@media (min-width: 70em) {
    .find-program .slider-wrapper .media__image .media__caption {
        max-width: 42vw;
        padding: 94px 70px
    }
}

@media (min-width: 80em) {
    .find-program .slider-wrapper .media__image .media__caption {
        padding-left: var(--container)
    }
}

.find-program .slider-wrapper .media__image .media__caption p {
    margin-bottom: 13px
}

.find-program .slider-wrapper .media__image .media__caption a {
    color: #fff;
    font-weight: 500;
    padding-bottom: 10px
}

.find-program .slider-wrapper .media__image .media__caption a:hover {
    color: var(--orange)
}

.find-program .slider-wrapper .img-h {
    height: 578px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 36.46%, rgba(0, 0, 0, .71) 78.65%)
}

@media (min-width: 70em) {
    .find-program .slider-wrapper .img-h {
        height: 800px
    }
}

.find-program .slider-wrapper .img-h img {
    mix-blend-mode: multiply;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.home-news {
    position: relative;
    overflow: hidden
}

.home-news .photo-wrapper,
.home-news .photo-wrapper .photo-slider {
    width: 100%
}

@media (min-width: 48em) {
    .home-news .photo-wrapper .photo-slider {
        margin-left: -5%
    }
}

.home-news .photo-wrapper .slide {
    width: 100%;
    max-width: 100%
}

@media (min-width: 48em) {
    .home-news .photo-wrapper .slide {
        max-width: 90%
    }
}

.home-news .photo-wrapper .slide.is-next:first-child .media_inner {
    background-position: inherit !important
}

.home-news .photo-wrapper .slide.is-selected:first-child~.slide:last-child .media_inner {
    background-position: inherit !important
}

.home-news .media_inner {
    height: 900px;
    width: 100%;
    background-size: cover
}

@media screen and (max-width: 767px) {
    .home-news .media_inner {
        background-position: center !important
    }
}

.home-news .media_inner img {
    opacity: 0;
    visibility: hidden
}

.home-news .text-holder {
    position: absolute;
    bottom: 0;
    z-index: 2;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, .8);
    color: #fff;
    padding: 54px 20px 100px
}

@media (min-width: 48em) {
    .home-news .text-holder {
        padding: 66px 40px 45px
    }
}

@media (min-width: 70em) {
    .home-news .text-holder {
        padding: 66px 60px 45px;
        padding-left: var(--container);
        padding-right: var(--container)
    }
}

.home-news .text-holder .heading {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 26px
}

@media (min-width: 48em) {
    .home-news .text-holder .heading {
        align-items: center;
        justify-content: space-between;
        margin-bottom: 24px
    }
}

.home-news .text-holder .heading .button {
    order: 1
}

@media (min-width: 48em) {
    .home-news .text-holder .heading .button {
        order: 2
    }
}

.home-news .text-holder .heading h2 {
    letter-spacing: 3.077px;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 0;
    margin-top: 50px;
    width: 100%;
    order: 2
}

@media (min-width: 48em) {
    .home-news .text-holder .heading h2 {
        letter-spacing: 2.5px;
        margin-top: 0;
        width: auto;
        order: 1
    }
}

@media (min-width: 70em) {
    .home-news .text-holder .heading h2 {
        letter-spacing: 3.077px
    }
}

.home-news .text-holder .text-slider {
    width: 100%;
    position: relative
}

.home-news .text-holder .text-slider .flickity-slider,
.home-news .text-holder .text-slider .text {
    width: 100%
}

.home-news .text-holder .text-slider .quote,
.home-news .text-holder .text-slider .author,
.home-news .text-holder .text-slider .cta {
    opacity: 0 !important
}

.home-news .text-holder .text-slider .quote,
.home-news .text-holder .text-slider .author,
.home-news .text-holder .text-slider .cta {
    transform: translate(-50px);
    transition: all var(--transition)
}

.home-news .text-holder .text-slider .quote {
    width: 100%;
    margin-bottom: 26px;
    font-size: 21px;
    line-height: 32px
}

@media (min-width: 70em) {
    .home-news .text-holder .text-slider .quote {
        width: 80%;
        max-width: 920px;
        font-size: 28px;
        line-height: 37px
    }
}

.home-news .text-holder .text-slider .author {
    width: 100%;
    padding-bottom: 20px;
    border-bottom: 6px solid white;
    margin-bottom: 22px
}

.home-news .text-holder .text-slider .flickity-page-dots {
    position: absolute;
    right: 20px;
    bottom: 5px;
    z-index: 5
}

@media (min-width: 48em) {
    .home-news .text-holder .text-slider .flickity-page-dots {
        bottom: 80px;
        right: 0
    }
}

.home-news .text-holder .text-slider .flickity-page-dots .flickity-page-dot {
    background-color: #fff
}

.home-news .text-holder .text-slider .flickity-page-dots .flickity-page-dot.is-selected {
    background-color: var(--orange)
}

.home-news .text-holder .text-slider .flickity-prev-next-button {
    position: absolute;
    left: 50%;
    bottom: -70px;
    z-index: 5;
    background-image: url(/_resources/images/slider-arrow-white.svg);
    margin-left: 3px
}

.home-news .text-holder .text-slider .flickity-prev-next-button.previous {
    right: 50%;
    left: auto;
    margin-left: 0;
    margin-right: 3px
}

@media (min-width: 48em) {
    .home-news .text-holder .text-slider .flickity-prev-next-button {
        margin: 0 !important
    }
    .home-news .text-holder .text-slider .flickity-prev-next-button {
        bottom: -3px;
        right: 0;
        left: auto
    }
    .home-news .text-holder .text-slider .flickity-prev-next-button.previous {
        right: 37px
    }
}

.home-news .text-holder .text-slider .is-selected .quote {
    opacity: 1 !important;
    transform: translate(0) !important
}

.home-news .text-holder .text-slider .is-selected .quote {
    transition-delay: .2s
}

.home-news .text-holder .text-slider .is-selected .author {
    opacity: 1 !important;
    transform: translate(0) !important
}

.home-news .text-holder .text-slider .is-selected .author {
    transition-delay: .4s
}

.home-news .text-holder .text-slider .is-selected .cta {
    opacity: 1 !important;
    transform: translate(0) !important
}

.home-news .text-holder .text-slider .is-selected .cta {
    transition-delay: .6s
}

.blockquote {
    position: relative;
    z-index: 0
}

.blockquote .heading {
    padding: 0 20px
}

@media (min-width: 48em) {
    .blockquote .heading {
        padding: 0
    }
}

.blockquote .quote_item {
    background: white;
    padding: 72px 25px
}

@media (min-width: 48em) {
    .blockquote .quote_item {
        padding: 35px 25px
    }
}

.blockquote .quote_item .quote {
    text-align: center;
    font-size: 31.25px;
    font-weight: 700;
    line-height: 40px;
    color: var(--dark-blue);
    border-bottom: 1px solid #D0CFCE;
    padding-bottom: 45px;
    margin-bottom: 31px
}

@media (min-width: 48em) {
    .blockquote .quote_item .quote {
        text-align: left
    }
}

.blockquote .quote_item .author {
    font-size: 18px;
    color: var(--dark-blue);
    margin-bottom: 36px;
    text-align: center
}

@media (min-width: 48em) {
    .blockquote .quote_item .author {
        text-align: left
    }
}

.blockquote .quote_item .author .name {
    font-weight: 700;
    display: block
}

.blockquote .quote_item .author .name+.separator {
    display: none
}

@media (min-width: 48em) {
    .blockquote .quote_item .author .name {
        display: inline
    }
    .blockquote .quote_item .author .name+.separator {
        display: inline
    }
}

.blockquote .quote_item .bottom-cta {
    text-align: center
}

@media (min-width: 48em) {
    .blockquote .quote_item .bottom-cta {
        text-align: left
    }
}

.blockquote .quote_item.dark-blue-bg {
    color: var(--white)
}

.blockquote .quote_item.dark-blue-bg .author,
.blockquote .quote_item.dark-blue-bg .quote {
    color: var(--white) !important
}

.blockquote .quote_item.dark-blue-bg .quote {
    border-bottom: 1px solid #C7C7C7
}

.blockquote .quote_item.dark-blue-bg .flickity-prev-next-button {
    background: var(--white) url(/_resources/images/slider-arrow-white.svg) center no-repeat;
    color: var(--white)
}

.blockquote .slider__carousel {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    padding: 0 0 10px 10px;
    margin: 0 0 -10px -10px
}

@media (min-width: 48em) {
    .blockquote .slider__carousel {
        justify-content: flex-end
    }
}

.blockquote .slider__carousel .flickity-viewport {
    width: 100%
}

.blockquote .slider__carousel .flickity-prev-next-button {
    margin: 30px 20px;
    color: var(--dark-blue);
    position: relative;
    z-index: 3
}

@media (min-width: 48em) {
    .blockquote .slider__carousel .flickity-prev-next-button {
        margin: -40px 0 0 6px
    }
}

.blockquote .slider__carousel .flickity-page-dots {
    margin: 0 auto;
    width: 100%;
    position: relative;
    justify-content: center;
    z-index: 3
}

@media (min-width: 48em) {
    .blockquote .slider__carousel .flickity-page-dots {
        width: auto;
        margin: -40px 20px 0 30px
    }
}

.blockquote .slider__item {
    width: 100%
}

.blockquote .slider__item.is-selected {
    transition-delay: .2s
}

.blockquote .slider__item.is-selected>.quote {
    animation: fade-in-right var(--transition) .6s both;
    animation-delay: .2s
}

.blockquote .slider__item.is-selected>.author {
    animation: fade-in-right var(--transition) .6s both;
    animation-delay: .4s
}

.blockquote .slider__item.is-selected>.bottom-cta {
    animation: fade-in-right var(--transition) .6s both;
    animation-delay: .6s
}

.blockquote.full-width .heading {
    padding: 0 20px
}

@media (min-width: 48em) {
    .blockquote.full-width .heading {
        padding: 0 var(--container)
    }
}

.blockquote.full-width .quote_item {
    padding: 72px 25px
}

@media (min-width: 48em) {
    .blockquote.full-width .quote_item {
        padding: 84px var(--container)
    }
}

@media (min-width: 70em) {
    .blockquote.full-width .quote_item {
        padding: 84px var(--container-lg)
    }
}

.blockquote .dark-blue-bg .flickity-page-dots .flickity-page-dot {
    color: #fff !important
}

.blockquote .dark-blue-bg .flickity-page-dots .flickity-page-dot {
    background-color: #fff
}

.blockquote .dark-blue-bg .flickity-page-dots .flickity-page-dot.is-selected {
    color: var(--orange) !important
}

.blockquote .dark-blue-bg .flickity-page-dots .flickity-page-dot.is-selected {
    background-color: var(--orange)
}

.content-with-sidebar {
    padding-bottom: 55px
}

@media (min-width: 48em) {
    .content-with-sidebar {
        padding-left: var(--container);
        padding-right: var(--container);
        padding-bottom: 96px
    }
}

@media (min-width: 60em) {
    .content-with-sidebar {
        padding-left: var(--container);
        padding-right: var(--container);
        padding-top: 35px;
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: space-between
    }
}

@media (min-width: 70em) {
    .content-with-sidebar {
        padding-left: calc(var(--container) + 20px);
        padding-right: calc(var(--container) + 20px)
    }
}

.main__content {
    padding: 55px 0 0;
    overflow: hidden
}

.main__content.full-width {
    overflow: hidden !important
}

.main__content.full-width {
    width: 100%
}

@media (min-width: 70em) {
    .main__content {
        overflow: visible !important
    }
}

.content-with-sidebar .main__content {
    width: 100%;
    padding: 0
}

@media (min-width: 60em) {
    .content-with-sidebar .main__content {
        order: 1;
        width: calc(98% - 360px)
    }
}

@media (min-width: 70em) {
    .content-with-sidebar .main__content {
        width: calc(94% - 360px)
    }
}

.white-bg .content-with-sidebar .main__content {
    font-size: 14px;
    line-height: 21px
}

.single-post .main__content {
    padding-top: 55px
}

@media (min-width: 70em) {
    .single-post .main__content {
        padding-top: 0
    }
}

.cta-heading {
    padding: 130px 20px;
    color: var(--dark-blue);
    background: var(--light-blue);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: relative;
    flex-direction: column;
    min-height: 500px
}

@media (min-width: 48em) {
    .cta-heading {
        padding: 50px 20px;
        min-height: 500px
    }
}

.cta-heading .inner {
    z-index: 3
}

.cta-heading .inner h2 {
    width: 100%;
    color: inherit
}

.cta-heading .inner p {
    max-width: 537px;
    font-weight: 500;
    margin-left: auto;
    margin-right: auto
}

.cta-heading .inner .bottom-btns {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 22px
}

.cta-heading .inner .button {
    padding: 14px 25px;
    white-space: nowrap;
    min-width: 200px;
    text-transform: capitalize
}

@media (min-width: 48em) {
    .cta-heading .inner .button {
        min-width: 0
    }
}

.cta-heading.with-image {
    color: #fff
}

.cta-heading.with-image:before {
    position: absolute;
    content: "";
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 2;
    background: linear-gradient(0deg, rgba(0, 0, 0, .55) 0%, rgba(0, 0, 0, .55) 100%)
}

.cta-heading.with-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 1
}

.cta-heading.home-cta {
    min-height: 700px
}

.cta-heading.home-cta h2 {
    letter-spacing: 5.368px;
    text-transform: uppercase;
    max-width: 945px;
    margin: 0 auto 32px
}

@media (min-width: 48em) {
    .cta-heading.home-cta h2 {
        font-size: 67.096px;
        line-height: 74.591px
    }
}

.finder .page-heading {
    display: block;
    padding-bottom: 50px;
    border-bottom: 1px solid #C7C7C7;
    margin: 20px 20px 50px;
    font-weight: 700
}

@media (min-width: 70em) {
    .finder .page-heading {
        display: none
    }
}

.finder .desktop-title {
    display: none
}

@media (min-width: 70em) {
    .finder .desktop-title {
        display: block
    }
}

.finder .main__sidebar {
    order: 2;
    padding: 0 20px
}

@media (min-width: 70em) {
    .finder .main__sidebar {
        padding: 0 10px 50px;
        position: sticky;
        top: 30px;
        order: 1
    }
}

.finder .main__sidebar.with-scroll:after,
.finder .main__sidebar.with-scroll:before {
    display: none
}

@media (min-width: 70em) {
    .finder .content-with-sidebar .main__content {
        width: calc(93% - 360px)
    }
}

.finder .results__message {
    font-weight: 700;
    color: var(--dark-blue);
    text-align: left;
    margin-bottom: 15px
}

.finder .programs {
    padding: 0 20px
}

@media (min-width: 48em) {
    .finder .programs {
        margin-top: 32px;
        padding: 0
    }
}

@media (min-width: 48em) {
    .finder .program-list {
        border-top: 1px solid #D0CFCE
    }
}

.finder .program {
    padding: 0 0 38px;
    border-bottom: 1px solid #D0CFCE;
    font-size: 16px;
    line-height: 26px;
    display: block;
    margin-bottom: 38px
}

.finder .program:hover {
    color: var(--dark-blue)
}

@media (min-width: 48em) {
    .finder .program {
        display: flex;
        flex-wrap: wrap;
        padding: 22px 26px;
        margin-bottom: 0
    }
    .finder .program:hover {
        background: var(--dark-blue);
        color: var(--white)
    }
    .finder .program:hover .h2,
    .finder .program:hover h3 {
        color: var(--white)
    }
}

.finder .program[data-finder-item=hide] {
    display: none
}

.finder .program[data-finder-limit]~.program {
    display: none
}

.finder .program .h2,
.finder .program h3 {
    color: var(--grey-900);
    margin-bottom: 11px;
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
    transition: all var(--transition)
}

.finder .program .img-h {
    width: 100%;
    margin-bottom: 30px
}

@media (min-width: 48em) {
    .finder .program .img-h {
        width: 133px;
        margin-bottom: 0
    }
}

.finder .program .text {
    display: block;
    width: 100%
}

@media (min-width: 48em) {
    .finder .program .text {
        max-width: calc(100% - 133px);
        padding-left: 31px
    }
}

.finder .filter_heading {
    font-size: 13px;
    line-height: 21px;
    color: #545454;
    text-transform: uppercase;
    display: block;
    margin-bottom: 10px
}

.finder .finder__input {
    width: 100%;
    margin: 0 0 32px;
    padding: 13px 46px 10px 16px;
    background-color: var(--grey-50);
    background-image: url(/_resources/images/search-blue.svg);
    background-position: right 20px center;
    background-size: 17px;
    border: none;
    border-top: 3px solid var(--dark-blue);
    font-size: 16px;
    line-height: 27px;
    color: #002554
}

.finder .finder__input::-moz-placeholder {
    opacity: 1
}

.finder .finder__input::placeholder {
    opacity: 1
}

.finder .filter__item {
    margin-bottom: 32px
}

.finder .filter__item .filter__list {
    background-color: var(--grey-50) !important
}

.finder .filter__item .filter__list {
    overflow: hidden;
    border-top: 3px solid var(--dark-blue);
    padding: 18px 24px
}

.finder .filter__item [aria-expanded=false]+.filter__list {
    padding-top: 0 !important
}

.finder .filter__item [aria-expanded=false]+.filter__list {
    height: 0;
    visibility: hidden;
    padding-bottom: 0
}

.finder .filter__item .filter__toggle {
    color: #002554 !important;
    background-color: var(--grey-50) !important
}

.finder .filter__item .filter__toggle {
    display: flex;
    align-items: center;
    margin: 0;
    width: 100%;
    padding: 10px 18px 10px 16px;
    border: none;
    border-top: 3px solid var(--dark-blue);
    font-weight: 600;
    font-size: 16px;
    line-height: 27px;
    font-weight: 500;
    border-radius: 0;
    position: relative
}

.finder .filter__item .filter__toggle+.filter__list {
    border-top: none;
    padding-top: 10px
}

.finder .filter__item .filter__toggle:after {
    content: "";
    width: 16px;
    height: 16px;
    background: url(/_resources/images/filter-toggle.svg) no-repeat center;
    margin-left: auto;
    transition: all var(--transition)
}

.finder .filter__item .filter__toggle[aria-expanded=true]:after {
    transform: rotate(180deg)
}

.finder .filter__item .filter__toggle svg {
    margin: 0
}

.finder .filter__item .filter__label-c {
    display: flex;
    align-items: center;
    font-size: 15px;
    line-height: 26px;
    color: #002554;
    position: relative;
    cursor: pointer;
    margin-bottom: 12px
}

.finder .filter__item .filter__label-c:last-child {
    margin-bottom: 0
}

.finder .filter__item .filter__label-c input {
    border: 0;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.finder .filter__item .filter__checkbox {
    width: 26px;
    height: 26px;
    margin-right: 15px;
    position: relative;
    border-radius: 50%;
    border: 1px solid #002554
}

.finder .filter__item .filter__checkbox:after {
    position: absolute;
    content: "";
    width: 11px;
    height: 6px;
    transform: rotate(-45deg);
    border: 2px solid #002554;
    border-width: 0px 0 2px 2px;
    top: 8px;
    left: 7px;
    opacity: 0
}

.finder .filter__item .filter__label-c input:checked+.filter__checkbox:after {
    opacity: 1
}

.finder .filter__item .filter__label-c input:focus:focus-visible+.filter__checkbox {
    outline: var(--dark-blue) dashed .25rem;
    outline-offset: .25rem
}

.finder .finder__remove {
    display: flex;
    align-items: center;
    padding: 12px 25px;
    border: 1px solid black;
    border-radius: 30px;
    text-transform: capitalize;
    margin: 0;
    font-size: 15px;
    line-height: 18px;
    text-align: left;
    font-weight: 400;
    transition: all var(--transition)
}

.finder .finder__remove:after {
    content: "";
    flex-shrink: 0;
    width: 12px;
    height: 12px;
    margin-left: 20px;
    background: black;
    transition: all var(--transition);
    mask: url(/_resources/images/close-filter.svg);
    -webkit-mask: url(/_resources/images/close-filter.svg)
}

.finder .finder__remove:hover {
    background: var(--dark-blue);
    color: #fff;
    font-weight: 500
}

.finder .finder__remove:hover:after {
    background: white
}

.finder .finder__current {
    display: flex;
    flex-wrap: wrap;
    gap: 22px
}

.finder .finder__current:empty+.finder__reset {
    display: none;
    margin-top: 0
}

.finder .finder__reset {
    background-color: transparent !important
}

.finder .finder__reset {
    padding: 0;
    margin-top: 28px;
    font-size: 16px;
    font-weight: 600;
    line-height: 25px;
    -webkit-text-decoration: underline;
    text-decoration: underline;
    color: var(--dark-blue);
    transition: all var(--transition);
    border: none
}

.finder .finder__reset:hover {
    color: var(--orange)
}

.finder .bottom-buttons {
    margin-top: 32px
}

.finder .bottom-buttons .results__message {
    margin-bottom: 32px
}

@media (min-width: 48em) {
    .finder .bottom-buttons .results__message {
        margin-bottom: 22px
    }
}

.finder .bottom-buttons .button-white {
    font-weight: 700;
    margin-top: 30px
}

@media (min-width: 48em) {
    .finder .bottom-buttons .button-white {
        margin-top: 0
    }
}

.finder .bottom-buttons .button-white:before,
.finder .bottom-buttons .button-white:after {
    display: none
}

.finder .bottom-buttons .button-white:hover {
    color: var(--orange);
    background: white
}

.finder .bottom-buttons .button {
    font-size: 16px;
    margin-right: 20px
}

[data-finder-done] [data-finder-load] {
    display: none
}

.visualRouter-block {
    background: white;
    padding: 65px 20px
}

@media (min-width: 48em) {
    .visualRouter-block {
        padding: 88px var(--container)
    }
}

@media (min-width: 70em) {
    .visualRouter-block {
        padding: 88px var(--container-lg)
    }
}

.visualRouter-block .heading {
    text-align: center;
    margin-bottom: 65px
}

@media (min-width: 70em) {
    .visualRouter-block .heading {
        margin-bottom: 75px
    }
}

.visualRouter-block .grid-3 {
    --grid-min: 20rem;
    gap: 40px
}

@media (min-width: 48em) {
    .visualRouter-block .grid-3 {
        row-gap: 57px
    }
}

.visualRouter-block .link-secondary {
    font-size: 16px;
    line-height: 26px
}

.visualRouter-block .visualRouter_item {
    position: relative
}

.visualRouter-block .visualRouter_item a:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 3;
    transition: all var(--transition)
}

.visualRouter-block .visualRouter_item a:focus:focus-visible {
    outline: none
}

.visualRouter-block .visualRouter_item a:focus:focus-visible:after {
    outline: var(--dark-blue) dashed .25rem;
    outline-offset: .25rem
}

.visualRouter-block h3 {
    margin: 25px 0 31px;
    font-size: 16px;
    line-height: 26px
}

.visualRouter-block a:hover+.visualRouter__text .link-secondary {
    background-size: 20% var(--underline-height)
}

table.gsc-search-box td.gsc-input {
    box-shadow: none !important;
    background-color: field !important
}

table.gsc-search-box td.gsc-input {
    height: 62px;
    padding: .25em .375em;
    border-radius: 0;
    font: inherit;
    border: 1px solid #948F8F;
    border: 1px solid var(--grey-600, #948F8F);
    color: #000;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    letter-spacing: inherit
}

.gsc-control-cse,
.gsc-control-cse .gsc-table-result {
    background-color: transparent !important;
    border: 0 !important
}

.gsc-control-cse,
.gsc-control-cse .gsc-table-result {
    font-family: var(--gotham);
    padding: 0
}

.gsc-search-button .gsc-search-button-v2 {
    background-color: var(--orange);
    border: 0;
    border-radius: 0;
    margin: 0 0 0 1rem;
    height: 62px
}

.gsc-search-button.gsc-search-button-v2 svg {
    max-width: inherit !important
}

.gsc-search-button.gsc-search-button-v2 svg {
    fill: #fff;
    width: 15px;
    height: 15px
}

.gsst_a .gscb_a {
    color: var(--dark-blue);
    font-size: 34px;
    line-height: 38px;
    transition: transform ease .25s
}

.gsst_a .gscb_a:hover {
    transform: scale(1.1);
    color: var(--dark-blue)
}

.gsc-tabHeader.gsc-tabhInactive,
.gsc-refinementHeader.gsc-refinementhInactive {
    background-color: var(--dark-blue) !important
}

.gsc-tabHeader.gsc-tabhActive,
.gsc-refinementHeader.gsc-refinementhActive {
    background-color: var(--orange) !important
}

.gsc-selected-option-container {
    border: 1px solid #948F8F !important;
    border: 1px solid var(--grey-600, #948F8F) !important;
    box-shadow: none !important;
    color: #000 !important;
    background-color: #fff !important;
    width: 100% !important;
    max-width: 100% !important;
    background-image: url(/_resources/images/filter-toggle.svg) !important
}

.gsc-selected-option-container {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 10px;
    line-height: 25px
}

.gsc-option-selector {
    display: none
}

.gsc-results {
    background-color: transparent !important
}

.gsc-webResult.gsc-result,
.gsc-results .gsc-imageResult {
    font-family: var(--gotham) !important;
    border: 0 !important;
    background-color: transparent !important;
    padding: 1.5rem 0 !important
}

.gsc-webResult.gsc-result:hover,
.gsc-results .gsc-imageResult:hover {
    background-color: transparent !important
}

.gsc-control-cse,
.gsc-control-cse .gsc-table-result {
    font-size: 16px !important;
    color: #000 !important
}

.gs-title,
.gs-result .gs-title,
.gs-result .gs-title * {
    font-size: 18px !important;
    -webkit-text-decoration: underline !important;
    text-decoration: underline !important
}

.gs-webResult.gs-result a.gs-title:hover,
.gs-webResult.gs-result a.gs-title:hover b,
.gs-imageResult a.gs-title:hover,
.gs-imageResult a.gs-title:hover b,
.gs-webResult div.gs-visibleUrl {
    color: var(--orange) !important
}

.gcsc-find-more-on-google {
    display: flex !important
}

.gsc-results .gsc-cursor-box .gsc-cursor-page {
    padding: .75rem 1rem !important;
    background-color: var(--dark-blue) !important;
    border: 0 !important
}

.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
    background-color: var(--orange) !important
}

.gs-result .gs-image,
.gs-result .gs-promotion-image {
    border: 0 !important
}

.gs-webResult:not(.gs-no-results-result):not(.gs-error-result) .gs-snippet,
.gs-fileFormatType {
    color: #000 !important
}

input.gsc-input,
.gsc-input-box,
.gsc-input-box-hover,
.gsc-input-box-focus {
    background: none !important
}

.gsc-results .gsc-cursor-box {
    margin: 2rem 0 !important
}

.gcsc-find-more-on-google-query {
    padding: 0 10px
}

.up-panel {
    margin-bottom: 42px;
    padding: 80px 20px
}

@media (min-width: 48em) {
    .up-panel {
        padding: 40px 30
    }
}

.up-panel.full-width {
    padding: 80px 20px
}

@media (min-width: 48em) {
    .up-panel.full-width {
        padding: 90px var(--container)
    }
}

@media (min-width: 70em) {
    .up-panel.full-width {
        padding: 90px var(--container-lg)
    }
}

.up-panel.full-width .grid {
    row-gap: 43px
}

@media (min-width: 48em) {
    .up-panel.full-width .grid {
        --grid-min: 15rem;
        gap: 30px;
        row-gap: 72px
    }
}

@media (min-width: 70em) {
    .up-panel.full-width .grid {
        --grid-min: 25rem
    }
}

@media (min-width: 48em) {
    .up-panel.full-width .grid-3 {
        --grid-min: 20rem;
        gap: 42px;
        row-gap: 75px
    }
}

.up-panel .heading {
    margin-bottom: 43px
}

@media (min-width: 48em) {
    .up-panel .heading {
        margin-bottom: 90px
    }
}

.up-panel .heading h2 {
    margin-bottom: 25px
}

.up-panel .heading p {
    max-width: 550px
}

.up-panel .grid {
    row-gap: 43px
}

@media (min-width: 48em) {
    .up-panel .grid {
        --grid-min: 20rem;
        gap: 30px;
        row-gap: 72px
    }
}

@media (min-width: 70em) {
    .up-panel .grid {
        --grid-min: 15rem
    }
}

@media (min-width: 80em) {
    .up-panel .grid {
        --grid-min: 20rem
    }
}

@media (min-width: 48em) {
    .up-panel .grid-3 {
        --grid-min: 20rem;
        gap: 42px;
        row-gap: 75px
    }
}

.up-panel:after {
    clear: both;
    display: table;
    content: ""
}

.up-panel h2 {
    margin-bottom: 50px
}

.up-panel h3 {
    margin-bottom: 24px;
    color: #000
}

.up-panel p:not(:last-child) {
    margin-bottom: 24px
}

.up-panel .button {
    margin-top: 13px
}

.embed-form {
    background: var(--grey-900);
    padding: 80px var(--container)
}

.embed-form .flex {
    justify-content: space-between
}

.embed-form .text {
    color: #fff;
    margin-bottom: 47px
}

@media (min-width: 48em) {
    .embed-form .text {
        width: 48%;
        margin-bottom: 0
    }
}

.embed-form .text h2 {
    color: inherit;
    padding-bottom: 26px;
    border-bottom: 6px solid var(--orange);
    margin-bottom: 40px
}

@media (min-width: 48em) {
    .embed-form .text h2 {
        margin-bottom: 50px
    }
}

.embed-form .text p {
    max-width: 440px
}

.embed-form .form {
    background: white;
    padding: 27px 25px
}

@media (min-width: 48em) {
    .embed-form .form {
        padding: 42px 45px
    }
}

.embed-form .form h3 {
    color: var(--dark-blue);
    font-size: 16px;
    letter-spacing: 1.28px;
    text-transform: uppercase
}

@media (min-width: 48em) {
    .embed-form .form {
        width: 48%
    }
}

.embed-form .form .form_label,
.embed-form .form label {
    text-transform: uppercase;
    color: #737373;
    display: block;
    font-weight: 700
}

.embed-form .form #form_description {
    display: none
}

.embed-form .form .form_question,
.embed-form .form .field-group {
    margin-bottom: 15px
}

.embed-form .form .form_question select,
.embed-form .form .form_question textarea,
.embed-form .form .form_question input,
.embed-form .form .field-group select,
.embed-form .form .field-group textarea,
.embed-form .form .field-group input {
    margin-top: 10px;
    width: 100%;
    height: 62px;
    border: 1px solid #948F8F;
    border: 1px solid var(--grey-600, #948F8F);
    color: #000;
    border-radius: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.embed-form .form .form_question select:focus-within,
.embed-form .form .form_question textarea:focus-within,
.embed-form .form .form_question input:focus-within,
.embed-form .form .field-group select:focus-within,
.embed-form .form .field-group textarea:focus-within,
.embed-form .form .field-group input:focus-within {
    outline: currentcolor solid 1px;
    outline-offset: 0
}

.embed-form .form .form_question select,
.embed-form .form .field-group select {
    background-image: url(/_resources/images/filter-toggle.svg);
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 10px;
    padding-right: 20px
}

.embed-form .form .form_question fieldset .form_responses,
.embed-form .form .field-group fieldset .form_responses {
    display: flex
}

.embed-form .form #form_description {
    color: #000;
    margin-bottom: 20px
}

.embed-form .form [data-required] .form_label {
    position: relative
}

.embed-form .form [data-required] .form_label:after {
    content: "*";
    margin-left: 5px
}

.embed-form .form .form_button_submit {
    font-size: 14px;
    line-height: 21px;
    font-weight: 500;
    padding: 12px 25px;
    display: inline-block;
    position: relative;
    text-align: center;
    background: var(--orange);
    color: var(--white);
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    margin-top: 15px
}

@media (min-width: 48em) {
    .embed-form .form .form_button_submit {
        max-width: 318px
    }
}

.embed-form .form .form_button_submit:before,
.embed-form .form .form_button_submit:after {
    position: absolute;
    content: "";
    width: 100%;
    transition: all var(--transition);
    height: 2px;
    background: var(--orange)
}

.embed-form .form .form_button_submit:before {
    bottom: -2px;
    right: 0
}

.embed-form .form .form_button_submit:after {
    top: -2px;
    left: 0
}

.embed-form .form .form_button_submit:hover:before,
.embed-form .form .form_button_submit:hover:after {
    width: 0;
    background: var(--orange-900)
}

.embed-form .form .form_button_submit:focus:focus-visible {
    outline: var(--orange) dashed .25rem
}

.slate-form .form_header .form_label {
    color: var(--heading-color);
    font-size: 28px;
    font-weight: 700;
    line-height: 37px;
    background: transparent;
    margin: 32px 0 0;
    padding: 0
}

.slate-form .form_question input,
.slate-form .form_question select {
    padding: .25em .375em;
    width: 100%;
    height: 62px;
    margin-top: 10px;
    border-radius: 0;
    font: inherit;
    border: 1px solid #948F8F;
    border: 1px solid var(--grey-600, #948F8F);
    color: #000;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: field;
    letter-spacing: inherit
}

.slate-form .form_question input:focus-within,
.slate-form .form_question select:focus-within {
    outline: currentcolor solid 1px;
    outline-offset: 0
}

.slate-form .form_question select {
    text-overflow: ellipsis;
    background-image: url(/_resources/images/filter-toggle.svg);
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 10px;
    padding-right: 20px
}

.slate-form .form_birthdate .form_responses {
    display: flex
}

.slate-form .form_birthdate select {
    width: 33%
}

.form_button_submit {
    font-size: 14px;
    line-height: 21px;
    font-weight: 500;
    padding: 12px 25px;
    display: inline-block;
    position: relative;
    text-align: center;
    background: var(--orange);
    color: var(--white);
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    margin-top: 15px
}

@media (min-width: 48em) {
    .form_button_submit {
        max-width: 318px
    }
}

.form_button_submit:before,
.form_button_submit:after {
    position: absolute;
    content: "";
    width: 100%;
    transition: all var(--transition);
    height: 2px;
    background: var(--orange)
}

.form_button_submit:before {
    bottom: -2px;
    right: 0
}

.form_button_submit:after {
    top: -2px;
    left: 0
}

.form_button_submit:hover:before,
.form_button_submit:hover:after {
    width: 0;
    background: var(--orange-900)
}

.form_button_submit:focus:focus-visible {
    outline: var(--orange) dashed .25rem
}

.main__content a {
    text-decoration: underline;
}