@charset "UTF-8";

.compartment {
    position: relative;
    margin: 0 auto;
    max-width: 1180px
}

.margin-x {
    margin-right: 1.66667em;
    margin-left: 1.66667em
}

.margin-x-2x {
    margin-right: 3.33333em;
    margin-left: 3.33333em
}

.margin-y {
    margin-top: 1.66667em;
    margin-bottom: 1.66667em
}

.margin-y-2x {
    margin-top: 3.33333em;
    margin-bottom: 3.33333em
}

.padding-x {
    padding-right: 1.66667em;
    padding-left: 1.66667em
}

.padding-x-2x {
    padding-right: 3.33333em;
    padding-left: 3.33333em
}

.padding-y {
    padding-top: 1.66667em;
    padding-bottom: 1.66667em
}

.padding-y-2x {
    padding-top: 3.33333em;
    padding-bottom: 3.33333em
}

.stretch-container {
    margin-right: -1.66667em;
    margin-left: -1.66667em
}

.cover {
    position: absolute;
    height: 100%;
    width: 100%
}

@font-face {
    font-family: IcoMoon;
    src: url(../fonts/icomoon.eot);
    src: url(../fonts/icomoon.eot) format("embedded-opentype"), url(../fonts/icomoon.woff2) format("woff2"), url(../fonts/icomoon.woff) format("woff"), url(../fonts/icomoon.ttf) format("truetype"), url(../fonts/icomoon.svg) format("svg");
    font-weight: 400;
    font-style: normal
}

.fsAthleticsRosterList li>div.fsRosterName,
.fsTitle,
.fsVimeoTitle,
.fsYoutubeTitle {
    margin: 0;
    font-weight: 700;
    font-size: 1.1
}

.fsPageTitle {
    text-transform: uppercase;
    background: linear-gradient(90deg, var(--primary-accent) 0, var(--primary-color));
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

@media (max-width:960px) {
    .fsPageTitle {
        word-break: break-word;
        overflow-wrap: break-word;
        hyphens: auto
    }
}

@media (max-width:640px) {
    .fsPageTitle {
        font-size: 3rem
    }
}

@media (max-width:399px) {
    .fsPageTitle {
        font-size: 2.625rem
    }
}

.home .fsPageTitle {
    display: block;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

@media (max-width:960px) {
    .hero-info .fsPageTitle {
        display: none
    }
}

@media (min-width:961px) {
    .fsPageTitle.mobile {
        display: none
    }
}

body:not(.has-hero) .fsPageTitle {
    margin-bottom: 30px;
    width: 100%
}

@media (min-width:961px) {
    body:not(.has-hero) .fsPageTitle {
        margin-bottom: 50px
    }
}

@media (min-width:961px) {
    .has-hero .fsPageTitle {
        color: #fff;
        -webkit-background-clip: none;
        -webkit-text-fill-color: #fff;
        max-width: 80%
    }
}

h1 {
    margin-top: 0;
    font-weight: 700;
    font-size: 4.5rem;
    line-height: 12;
    font-family: var(--sans), sans-serif;
    margin-bottom: 30px
}

h2 {
    font-size: 2rem
}

h2,
h3 {
    margin-top: 0;
    font-weight: 700;
    line-height: 1.1;
    margin-bottom: 20px
}

h3 {
    font-size: 1.75rem
}

h4 {
    font-size: 1.5rem;
    margin-bottom: 20px
}

h4,
h5 {
    margin-top: 0;
    font-weight: 700;
    line-height: 1.1
}

h5 {
    font-size: 1.25rem
}

h5,
h6 {
    margin-bottom: 10px
}

h6 {
    margin-top: 0;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.6
}

p {
    margin: 0 0 30px
}

body:not(.fsComposeMode) p:last-child {
    margin-bottom: 0
}

hr {
    margin: 0 auto 30px
}

ol,
ul {
    padding-left: 30px;
    margin: 0 0 30px
}

table {
    width: 100%;
    margin-bottom: 30px
}

table td,
table th {
    padding: .5rem;
    border: 1px solid var(--light-gray);
    text-align: left
}

.fsAthleticsEvent.fsTable .fsElementTable,
.fsAthleticsRoster .fsElementTable,
table.fs_style_105,
table.fs_style_108 {
    margin-bottom: 30px
}

.fsAthleticsEvent.fsTable .fsElementTable td,
.fsAthleticsEvent.fsTable .fsElementTable th,
.fsAthleticsRoster .fsElementTable td,
.fsAthleticsRoster .fsElementTable th,
table.fs_style_105 td,
table.fs_style_105 th,
table.fs_style_108 td,
table.fs_style_108 th {
    vertical-align: top;
    border: none
}

.fsAthleticsEvent.fsTable .fsElementTable th,
.fsAthleticsRoster .fsElementTable th,
table.fs_style_105 th,
table.fs_style_108 th {
    padding: 1em;
    background: var(--primary-color);
    color: #fff;
    text-align: left;
    font-style: normal;
    font-weight: 600;
    font-family: var(--sans), sans-serif
}

.fsAthleticsEvent.fsTable .fsElementTable td,
.fsAthleticsRoster .fsElementTable td,
table.fs_style_105 td,
table.fs_style_108 td {
    background: #fff;
    padding: .5em 1em
}

.fsAthleticsEvent.fsTable .fsElementTable tr.fsLoadMoreButtonRow,
.fsAthleticsRoster .fsElementTable tr.fsLoadMoreButtonRow,
table.fs_style_105 tr.fsLoadMoreButtonRow,
table.fs_style_108 tr.fsLoadMoreButtonRow {
    border-bottom: none
}

.fsAthleticsEvent.fsTable .fsElementTable tr.fsLoadMoreButtonRow>td,
.fsAthleticsRoster .fsElementTable tr.fsLoadMoreButtonRow>td,
table.fs_style_105 tr.fsLoadMoreButtonRow>td,
table.fs_style_108 tr.fsLoadMoreButtonRow>td {
    background: none;
    padding: 30px 0
}

.fsAthleticsEvent.fsTable body:not(.fsComposeMode) .fsElementTable:last-child,
.fsAthleticsRoster body:not(.fsComposeMode) .fsElementTable:last-child,
body:not(.fsComposeMode) .fsAthleticsEvent.fsTable .fsElementTable:last-child,
body:not(.fsComposeMode) .fsAthleticsRoster .fsElementTable:last-child,
body:not(.fsComposeMode) table.fs_style_105:last-child,
body:not(.fsComposeMode) table.fs_style_108:last-child {
    margin-bottom: 0
}

.table-overflow {
    max-width: 100%;
    margin-bottom: 30px
}

@media (max-width:960px) {
    .table-overflow {
        overflow-x: auto
    }
}

.table-overflow:last-child {
    margin-bottom: 0
}

table.fs_style_108 tr:nth-of-type(odd) td {
    background-color: var(--light-gray)
}

.fs_style_105 th {
    border: 1px solid var(--primary-color)
}

.fs_style_105>tbody>tr>td {
    border: 1px solid #dae1e9;
    background-color: rgba(0, 0, 0, 0);
    box-sizing: content-box
}

canvas,
img,
svg,
video {
    height: auto;
    max-width: 100%
}

iframe {
    border: 0;
    max-width: 100%
}

.fs_style_96 {
    border: 0;
    margin: 0 0 30px;
    padding: 20px 30px 18px;
    background: var(--primary-accent);
    color: #fff;
    border-radius: 0;
    cursor: pointer;
    text-align: center;
    transition: .3s;
    font-family: var(--sans), sans-serif;
    font-weight: 600;
    font-size: .875rem;
    line-height: 1.3;
    letter-spacing: 3px;
    text-transform: uppercase;
    text-decoration: none;
    opacity: 1;
    display: inline-block
}

.fs_style_96:after {
    margin-left: 10px
}

.fs_style_96:after,
.fs_style_96:before {
    display: inline-block;
    transition: all .2s ease-out
}

.fs_style_96:before {
    margin-right: 10px
}

.fs_style_96.on,
.fs_style_96:focus,
.fs_style_96:hover,
.fsStateSelected .fs_style_96 {
    background: var(--primary-accent);
    color: #fff;
    transition: .3s;
    opacity: .9
}

.fs_style_96.on:after,
.fs_style_96:focus:after,
.fs_style_96:hover:after,
.fsStateSelected .fs_style_96:after {
    margin-left: 16px
}

.fs_style_96.on:before,
.fs_style_96:focus:before,
.fs_style_96:hover:before,
.fsStateSelected .fs_style_96:before {
    margin-right: 16px
}

.fs_style_96.fs_style_106:after {
    content: "\E910"
}

.fs_style_96.fs_style_99:after,
.fs_style_96.fs_style_106:after {
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

.fs_style_96.fs_style_99:after {
    content: "\E901"
}

.fs_style_96.fs_style_102:before {
    content: "\E90F"
}

.fs_style_96.fs_style_102:before,
.fs_style_96.fs_style_103:before {
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

.fs_style_96.fs_style_103:before {
    content: "\E915"
}

.fs_style_96.fs_style_100 {
    font-size: 1.0625rem;
    line-height: 1.3;
    padding: 28px 75px;
    text-transform: uppercase
}

.fs_style_96.fs_style_101 {
    width: 100%
}

.fs_style_96 .fs_style_111 {
    display: block;
    margin-top: 8px;
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.2;
    text-align: center;
    letter-spacing: 1px;
    text-transform: none
}

.fs_style_96.fs_style_97 {
    background-color: var(--primary-color);
    color: #fff
}

.fs_style_96.fs_style_98 {
    background-color: #fff;
    color: var(--primary-color);
    border: 1px solid #0054c4
}

.fs_style_96.fs_style_29 {
    background-color: rgba(0, 0, 0, 0);
    color: #fff;
    border: 1px solid var(--secondary-color)
}

.fs_style_96.fs_style_30 {
    background-color: rgba(0, 0, 0, 0);
    color: #fff;
    border: 1px solid #ccc3af
}

.fs_style_96.fs_style_104 {
    background-color: var(--secondary-color);
    color: var(--primary-color);
    border: 1px solid var(--secondary-accent)
}

.juicer-feed a.j-paginate {
    border: 0;
    margin: 0 0 30px;
    padding: 20px 30px 18px;
    background: var(--primary-color);
    color: #fff;
    border-radius: 0;
    cursor: pointer;
    text-align: center;
    transition: .3s;
    font-family: var(--sans), sans-serif;
    font-weight: 600;
    font-size: .875rem;
    line-height: 1.3;
    letter-spacing: 3px;
    text-transform: uppercase;
    text-decoration: none;
    opacity: 1;
    display: inline-block;
    width: auto
}

.juicer-feed a.j-paginate:after {
    display: inline-block;
    margin-left: 10px;
    transition: all .2s ease-out
}

.juicer-feed a.j-paginate:before {
    display: inline-block;
    margin-right: 10px;
    transition: all .2s ease-out
}

.fsStateSelected .juicer-feed a.j-paginate,
.juicer-feed a.j-paginate.on,
.juicer-feed a.j-paginate:focus,
.juicer-feed a.j-paginate:hover {
    background: var(--primary-color);
    color: #fff;
    transition: .3s;
    opacity: .9
}

.fsStateSelected .juicer-feed a.j-paginate:after,
.juicer-feed a.j-paginate.on:after,
.juicer-feed a.j-paginate:focus:after,
.juicer-feed a.j-paginate:hover:after {
    margin-left: 16px
}

.fsStateSelected .juicer-feed a.j-paginate:before,
.juicer-feed a.j-paginate.on:before,
.juicer-feed a.j-paginate:focus:before,
.juicer-feed a.j-paginate:hover:before {
    margin-right: 16px
}

.juicer-feed a.j-paginate.fs_style_106:after {
    content: "\E910";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

.juicer-feed a.j-paginate.fs_style_99:after {
    content: "\E901";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

.juicer-feed a.j-paginate.fs_style_102:before {
    content: "\E90F";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

.juicer-feed a.j-paginate.fs_style_103:before {
    content: "\E915";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

.juicer-feed a.j-paginate.fs_style_100 {
    font-size: 1.0625rem;
    line-height: 1.3;
    padding: 28px 75px;
    text-transform: uppercase
}

.juicer-feed a.j-paginate.fs_style_101 {
    width: 100%
}

.juicer-feed a.j-paginate .fs_style_111 {
    display: block;
    margin-top: 8px;
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.2;
    text-align: center;
    letter-spacing: 1px;
    text-transform: none
}

.fsStyleDefaultButton {
    margin: 0 0 30px;
    padding: 20px 30px 18px;
    background: #fff;
    color: var(--primary-color);
    border-radius: 0;
    cursor: pointer;
    text-align: center;
    transition: .3s;
    font-family: var(--sans), sans-serif;
    font-weight: 600;
    font-size: .875rem;
    line-height: 1.3;
    letter-spacing: 3px;
    text-transform: uppercase;
    text-decoration: none;
    opacity: 1;
    display: inline-block;
    border: 1px solid #0054c4
}

.fsStyleDefaultButton:after {
    display: inline-block;
    margin-left: 10px;
    transition: all .2s ease-out
}

.fsStyleDefaultButton:before {
    display: inline-block;
    margin-right: 10px;
    transition: all .2s ease-out
}

.fsStateSelected .fsStyleDefaultButton,
.fsStyleDefaultButton.on,
.fsStyleDefaultButton:focus,
.fsStyleDefaultButton:hover {
    background: #fff;
    color: var(--primary-color);
    transition: .3s;
    opacity: .9
}

.fsStateSelected .fsStyleDefaultButton:after,
.fsStyleDefaultButton.on:after,
.fsStyleDefaultButton:focus:after,
.fsStyleDefaultButton:hover:after {
    margin-left: 16px
}

.fsStateSelected .fsStyleDefaultButton:before,
.fsStyleDefaultButton.on:before,
.fsStyleDefaultButton:focus:before,
.fsStyleDefaultButton:hover:before {
    margin-right: 16px
}

.fsStyleDefaultButton.fs_style_106:after {
    content: "\E910";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

.fsStyleDefaultButton.fs_style_99:after {
    content: "\E901";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

.fsStyleDefaultButton.fs_style_102:before {
    content: "\E90F";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

.fsStyleDefaultButton.fs_style_103:before {
    content: "\E915";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

.fsStyleDefaultButton.fs_style_100 {
    font-size: 1.0625rem;
    line-height: 1.3;
    padding: 28px 75px;
    text-transform: uppercase
}

.fsStyleDefaultButton.fs_style_101 {
    width: 100%
}

.fsStyleDefaultButton .fs_style_111 {
    display: block;
    margin-top: 8px;
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.2;
    text-align: center;
    letter-spacing: 1px;
    text-transform: none
}

.fsStyleDefaultButton.fsLoadMoreButton {
    background: #fff;
    color: var(--primary-color);
    border-radius: 0;
    cursor: pointer;
    text-align: center;
    transition: .3s;
    font-family: var(--sans), sans-serif;
    font-size: .875rem;
    line-height: 1.3;
    letter-spacing: 3px;
    text-transform: uppercase;
    text-decoration: none;
    opacity: 1;
    display: inline-block;
    border: 1px solid #0054c4;
    font-weight: 600;
    padding: 20px 40px 18px;
    margin: 20px 0 0
}

.fsStyleDefaultButton.fsLoadMoreButton:after {
    display: inline-block;
    margin-left: 10px;
    transition: all .2s ease-out
}

.fsStyleDefaultButton.fsLoadMoreButton:before {
    display: inline-block;
    margin-right: 10px;
    transition: all .2s ease-out
}

.fsStateSelected .fsStyleDefaultButton.fsLoadMoreButton,
.fsStyleDefaultButton.fsLoadMoreButton.on,
.fsStyleDefaultButton.fsLoadMoreButton:focus,
.fsStyleDefaultButton.fsLoadMoreButton:hover {
    background: #fff;
    color: var(--primary-color);
    transition: .3s;
    opacity: .9
}

.fsStateSelected .fsStyleDefaultButton.fsLoadMoreButton:after,
.fsStyleDefaultButton.fsLoadMoreButton.on:after,
.fsStyleDefaultButton.fsLoadMoreButton:focus:after,
.fsStyleDefaultButton.fsLoadMoreButton:hover:after {
    margin-left: 16px
}

.fsStateSelected .fsStyleDefaultButton.fsLoadMoreButton:before,
.fsStyleDefaultButton.fsLoadMoreButton.on:before,
.fsStyleDefaultButton.fsLoadMoreButton:focus:before,
.fsStyleDefaultButton.fsLoadMoreButton:hover:before {
    margin-right: 16px
}

.fsStyleDefaultButton.fsLoadMoreButton.fs_style_106:after {
    content: "\E910";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

.fsStyleDefaultButton.fsLoadMoreButton.fs_style_99:after {
    content: "\E901";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

.fsStyleDefaultButton.fsLoadMoreButton.fs_style_102:before {
    content: "\E90F";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

.fsStyleDefaultButton.fsLoadMoreButton.fs_style_103:before {
    content: "\E915";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

.fsStyleDefaultButton.fsLoadMoreButton.fs_style_100 {
    font-size: 1.0625rem;
    line-height: 1.3;
    padding: 28px 75px;
    text-transform: uppercase
}

.fsStyleDefaultButton.fsLoadMoreButton.fs_style_101 {
    width: 100%
}

.fsStyleDefaultButton.fsLoadMoreButton .fs_style_111 {
    display: block;
    margin-top: 8px;
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.2;
    text-align: center;
    letter-spacing: 1px;
    text-transform: none
}

.fsBanner .fsStyleDefaultButton.fsLoadMoreButton,
.fsStyleOneThird .fsStyleDefaultButton.fsLoadMoreButton {
    width: 100%
}

.fsStyleDefaultButton.fsLoadMoreButton:after {
    content: "\E910";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    color: var(--primary-accent);
    margin-left: 19px
}

.fsStyleDefaultButton.fsSelectAll {
    margin-bottom: 5px;
    padding: 7px 12px;
    font-size: .8125rem;
    line-height: 1.2;
    background-image: none;
    border: 1px solid var(--primary-color)
}

.fsStyleUpdateButton {
    margin: 0 0 30px;
    padding: 20px 30px 18px;
    background: #fff;
    color: var(--primary-color);
    border-radius: 0;
    cursor: pointer;
    text-align: center;
    transition: .3s;
    font-family: var(--sans), sans-serif;
    font-weight: 600;
    font-size: .875rem;
    line-height: 1.3;
    letter-spacing: 3px;
    text-transform: uppercase;
    text-decoration: none;
    opacity: 1;
    display: inline-block;
    border: 1px solid #0054c4
}

.fsStyleUpdateButton:after {
    display: inline-block;
    margin-left: 10px;
    transition: all .2s ease-out
}

.fsStyleUpdateButton:before {
    display: inline-block;
    margin-right: 10px;
    transition: all .2s ease-out
}

.fsStateSelected .fsStyleUpdateButton,
.fsStyleUpdateButton.on,
.fsStyleUpdateButton:focus,
.fsStyleUpdateButton:hover {
    background: #fff;
    color: var(--primary-color);
    transition: .3s;
    opacity: .9
}

.fsStateSelected .fsStyleUpdateButton:after,
.fsStyleUpdateButton.on:after,
.fsStyleUpdateButton:focus:after,
.fsStyleUpdateButton:hover:after {
    margin-left: 16px
}

.fsStateSelected .fsStyleUpdateButton:before,
.fsStyleUpdateButton.on:before,
.fsStyleUpdateButton:focus:before,
.fsStyleUpdateButton:hover:before {
    margin-right: 16px
}

.fsStyleUpdateButton.fs_style_106:after {
    content: "\E910";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

.fsStyleUpdateButton.fs_style_99:after {
    content: "\E901";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

.fsStyleUpdateButton.fs_style_102:before {
    content: "\E90F";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

.fsStyleUpdateButton.fs_style_103:before {
    content: "\E915";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

.fsStyleUpdateButton.fs_style_100 {
    font-size: 1.0625rem;
    line-height: 1.3;
    padding: 28px 75px;
    text-transform: uppercase
}

.fsStyleUpdateButton.fs_style_101 {
    width: 100%
}

.fsStyleUpdateButton .fs_style_111 {
    display: block;
    margin-top: 8px;
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.2;
    text-align: center;
    letter-spacing: 1px;
    text-transform: none
}

.fsElement {
    margin-bottom: 60px
}

.fsElement.fsLayout {
    margin-bottom: 30px
}

.fsElement:last-child {
    margin-bottom: 0
}

.fsElementHeaderContent {
    margin-bottom: 30px
}

.fsElementFooterContent {
    margin-top: 30px
}

.fsPanel {
    margin-bottom: 0
}

.fsStyleDefaultField {
    border: 1px solid #bbc9d8
}

.fsList article {
    margin-bottom: 30px
}

.fsListNav .fsStyleDefaultList {
    list-style: none;
    margin: 0;
    padding: 0
}

.fsListNav .fsStyleDefaultList .fsListItem a {
    display: inline-block;
    padding: 0
}

.fsListNav .fsStyleDefaultList .fsListItem a:focus,
.fsListNav .fsStyleDefaultList .fsListItem a:hover {
    color: var(--primary-accent);
    background: rgba(0, 0, 0, 0)
}

.fsListNav .fsStyleDefaultList .fsListItem.fsResourceCollection.fsStateExpanded>.fsResourceCollectionLink {
    margin-bottom: 15px
}

.fsListNav .fsListLevel1>.fsListItem {
    padding: 0 0 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #dae1e9
}

.fsListNav .fsListLevel2>.fsListItem {
    padding-left: 15px
}

.fsListNav .fsListLevel3>.fsListItem {
    padding-left: 30px
}

.fsListNav .fsListLevel4>.fsListItem {
    padding-left: 45px
}

.fsListNav .fsListLevel5>.fsListItem {
    padding-left: 60px
}

.fsSlideshow.fsSlideshowVertical .fsElementSlideshow[data-slides-to-show="1"] article {
    padding-bottom: 0
}

.fsSlideshow.fsSlideshowHorizontal .fsElementSlideshow[data-arrows*=true] {
    padding-top: 0;
    padding-bottom: 0
}

.fsSlideshow.fsSlideshowHorizontal article {
    padding-bottom: 0
}

.fsSlideshow .fsNextButton,
.fsSlideshow .fsPrevButton {
    overflow: hidden
}

.fsSlideshow .fsNextButton:before,
.fsSlideshow .fsPrevButton:before {
    color: var(--primary-color);
    font-size: 18px;
    transition: .3s;
    display: inline-block;
    line-height: 1;
    width: auto;
    height: auto;
    position: absolute;
    font-family: IcoMoon;
    font-weight: 400
}

.fsSlideshow .fsNextButton.fsDownArrow:before,
.fsSlideshow .fsNextButton.fsUpArrow:before,
.fsSlideshow .fsPrevButton.fsDownArrow:before,
.fsSlideshow .fsPrevButton.fsUpArrow:before {
    top: auto;
    bottom: 0
}

.fsSlideshow .fsNextButton.fsLeftArrow:before,
.fsSlideshow .fsNextButton.fsRightArrow:before,
.fsSlideshow .fsPrevButton.fsLeftArrow:before,
.fsSlideshow .fsPrevButton.fsRightArrow:before {
    position: absolute;
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.fsSlideshow .fsNextButton.fsLeftArrow:before,
.fsSlideshow .fsPrevButton.fsLeftArrow:before {
    left: 0
}

.fsSlideshow .fsNextButton.fsRightArrow:before,
.fsSlideshow .fsPrevButton.fsRightArrow:before {
    right: 0
}

.fsSlideshow .fsNextButton:focus:before,
.fsSlideshow .fsNextButton:hover:before,
.fsSlideshow .fsPrevButton:focus:before,
.fsSlideshow .fsPrevButton:hover:before {
    color: var(--primary-accent);
    transition: .3s
}

.fsSlideshow .fsPrevButton:before {
    content: "\E911"
}

.fsSlideshow .fsNextButton:before {
    content: "\E90C"
}

.fsSlideshow .fsPager {
    margin-bottom: 0;
    margin-top: 30px
}

.fsSlideshow .fsPager li {
    width: 12px;
    height: 12px;
    position: relative;
    vertical-align: middle
}

.fsSlideshow .fsPager li button {
    width: 100%;
    height: 100%;
    padding: 0;
    color: var(--primary-color)
}

.fsSlideshow .fsPager li button:before {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: rgba(var(--primary-color), .25);
    transition: .3s;
    opacity: 1;
    border: 1px solid var(--primary-color)
}

.fsSlideshow .fsPager li button:focus:before,
.fsSlideshow .fsPager li button:hover:before {
    background-color: var(--primary-color);
    transition: .3s
}

.fsSlideshow .fsPager li button:focus {
    outline: 1px dashed rgba(var(--primary-color), .25)
}

.fsSlideshow .fsPager li.slick-active button:before {
    opacity: 1;
    background-color: var(--primary-color)
}

.fsDialogCloseButton {
    opacity: 1
}

.fsDialogCloseButton:after,
.fsDialogCloseButton:before {
    background: var(--primary-color)
}

.fsDialogCloseButton:focus {
    box-shadow: 0 0 2px 1px var(--primary-accent)
}

.fsDialogCloseButton:focus:after,
.fsDialogCloseButton:focus:before {
    background: var(--primary-accent)
}

.fsDialogCloseButton:focus:after {
    transform: rotate(-45deg) !important
}

.fsDialogCloseButton:focus:before {
    transform: rotate(45deg) !important
}

.fsDialogCloseButton:focus:hover:after,
.fsDialogCloseButton:focus:hover:before {
    transform: rotate(0deg) !important
}

.fsDialogCloseButton:hover:after,
.fsDialogCloseButton:hover:before {
    background: var(--primary-accent)
}

.fsElementDialog {
    color: var(--primary-color)
}

.fs_style_95,
.lead-in {
    display: block;
    font-size: 1.25rem;
    line-height: 1.58
}

@media (min-width:961px) {

    .fs_style_95,
    .lead-in {
        font-size: 1.5625rem
    }
}

blockquote {
    position: relative;
    padding-left: 50px;
    margin: 30px 0;
    font-size: 1.4375rem;
    line-height: 1.6
}

@media (min-width:961px) {
    blockquote {
        font-size: 1.625rem
    }
}

.card.gold blockquote:before {
    color: var(--primary-color)
}

blockquote:before {
    position: absolute;
    left: 0;
    color: var(--secondary-color);
    top: 0;
    font-size: 6.25rem;
    line-height: 1;
    content: "\201C"
}

.fsBanner blockquote {
    font-size: 1.4375rem
}

.fs_style_107,
.inline-callout {
    display: block;
    padding-left: 30px;
    margin: 0 0 50px;
    border-left: 6px solid var(--secondary-color);
    font-size: 1.625rem;
    line-height: 1.4
}

.card.gold .fs_style_107,
.card.gold .inline-callout,
.panel.gold .fs_style_107,
.panel.gold .inline-callout {
    border-left-color: var(--primary-color)
}

cite {
    display: block;
    margin: 0 0 30px;
    padding-left: 50px;
    font-family: var(--sans), sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: .875rem;
    line-height: 1.2;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #5f7896
}

blockquote cite {
    margin-top: 30px;
    padding-left: 0
}

.card {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-blend-mode: soft-light;
    background-color: var(--light-gray)
}

.card:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    opacity: .7;
    z-index: -1;
    transition: all .4s ease
}

.card.latest .card-wrapper {
    z-index: 6 !important
}

.card.blue {
    background-color: var(--primary-color);
    color: #fff
}

.card.blue.content-expanded {
    background-color: #063a7d
}

.card.blue.content-expanded:before {
    background-color: #063a7d;
    opacity: 1
}

.card.blue:before {
    background-color: var(--primary-color)
}

.card.blue .card-wrapper {
    background-color: #063a7d
}

.card.blue h2 {
    color: #fff
}

.fsLiveMode .card.blue a:not([class*=fs_style_]) {
    color: var(--secondary-accent)
}

.fsLiveMode .card.blue a:not([class*=fs_style_]),
.fsLiveMode .card.blue a:not([class*=fs_style_]):focus,
.fsLiveMode .card.blue a:not([class*=fs_style_]):hover {
    background-image: linear-gradient(0deg, var(--primary-accent), var(--primary-accent) 80%)
}

.fsLiveMode .card.blue a:not([class*=fs_style_]):focus,
.fsLiveMode .card.blue a:not([class*=fs_style_]):hover,
.fsLiveMode .card.blue a:not([class*=fs_style_]):visited {
    color: var(--secondary-accent)
}

.card.blue button.expand {
    border-color: #4f94cf
}

.card.blue button.expand:before {
    color: #fff
}

.card.gold {
    background-color: var(--secondary-color)
}

.card.gold.content-expanded {
    background-color: #ffdf35
}

.card.gold.content-expanded:before {
    background-color: #ffdf35;
    opacity: 1
}

.card.gold:before {
    background-color: var(--secondary-color)
}

.card.gold .card-wrapper {
    background-color: #ffdf35
}

.card.gold button.expand {
    border-color: var(--secondary-accent)
}

.card.gold button.expand:before {
    color: var(--primary-color)
}

.card.gold a:not([class*=fs_style_]) {
    color: #002855
}

.card.light,
.card.light.content-expanded {
    background-color: var(--light-gray)
}

.card.light.content-expanded:before {
    background-color: var(--light-gray);
    opacity: 1
}

.card.light:before {
    background-color: #eff1f9
}

.card.light .card-wrapper {
    background-color: var(--light-gray)
}

.card.light button.expand {
    border-color: #0054c4
}

.card.light button.expand:before {
    color: var(--primary-color)
}

.card>header h2.fsElementTitle {
    padding: 40px 30px 0;
    margin-bottom: 0
}

.card .fsElementHeaderContent {
    margin-bottom: 0
}

.card>.fsElementContent,
.fsBanner .card .fsElementContent {
    padding: 30px
}

.card h2 {
    font-size: 1.625rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.4
}

.card img {
    display: block
}

.fsLiveMode .card.has-footer {
    box-shadow: 0 20px 40px rgba(0, 27, 61, 0);
    transition: all .4s ease
}

.fsLiveMode .card.has-footer .fsElementContent {
    padding: 0;
    position: relative
}

.fsLiveMode .card.has-footer .card-wrapper {
    padding: 30px;
    position: relative;
    overflow: hidden;
    max-height: 100%;
    transition: all .75s ease
}

.fsLiveMode .card.has-footer .slimScrollBar {
    visibility: hidden
}

.fsLiveMode .card.has-footer footer {
    max-height: 0;
    overflow: hidden
}

.card.content-expanded~.card {
    z-index: 1 !important
}

.fsLiveMode .card.has-footer.content-expanded {
    overflow: visible
}

.fsLiveMode .card.has-footer.content-expanded .card-wrapper {
    box-shadow: 0 20px 40px rgba(0, 27, 61, .4);
    max-height: 3000px
}

.fsLiveMode .card.has-footer.content-expanded footer {
    max-height: 2000px;
    pointer-events: all;
    opacity: 1
}

.fsLiveMode .card.has-footer.content-expanded footer .fsElementFooterContent {
    opacity: 1;
    transition: all .4s linear .2s
}

.fsLiveMode .card.has-footer.content-expanded .slimScrollBar {
    visibility: visible
}

.fsLiveMode .card.has-footer.content-expanded button.expand:before,
.fsLiveMode .card.has-footer.content-expanded button.expand:hover:before {
    transform: translate(-50%, -50%) rotate(1turn);
    content: "\E90A";
    font-size: 2.5px
}

.fsLiveMode .card footer {
    transition: all .4s ease;
    pointer-events: none;
    position: relative
}

.fsLiveMode .card footer .fsElementFooterContent {
    opacity: 0;
    transition: all .2s linear
}

.card button.expand {
    background: none;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 35px;
    height: 35px;
    right: 10px;
    top: 10px;
    z-index: 4;
    border-radius: 50%;
    border: 2px solid #4f94cf;
    color: rgba(0, 0, 0, 0);
    cursor: pointer;
    transition: all .3s ease
}

.card button.expand:hover:before {
    transform: translate(-50%, -50%) rotate(90deg) scale(1.2)
}

.card button.expand:before {
    content: "\E910";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(0deg) scale(1);
    color: #fff;
    font-size: .625rem;
    line-height: 1;
    text-align: center;
    transition: transform .4s ease-out;
    transform-origin: center center
}

.image-button {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    z-index: 0;
    height: 230px;
    padding: 18px;
    transform-style: preserve-3d
}

@media (min-width:400px) {
    .image-button {
        height: 300px
    }
}

@media (min-width:550px) {
    .image-button {
        height: 425px
    }
}

@media (min-width:641px) {
    .image-button {
        height: 550px;
        padding: 30px
    }
}

@media (min-width:961px) {
    .image-button {
        height: 400px
    }
}

.fsLiveMode .image-button.on a:after {
    transform: scale(1.1)
}

.fsLiveMode .image-button.on a em {
    max-height: 200px
}

.fsLiveMode .image-button.inquire:after {
    content: "\E908";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

.fsLiveMode .image-button.visit:after {
    content: "\E914";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

.fsLiveMode .image-button.apply:after {
    content: "\E900";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

.fsLiveMode .image-button:after {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(89.88deg, #fde900 .21%, #dba400 159.88%);
    width: 60px;
    height: 60px;
    bottom: 20px;
    right: 20px;
    transform: scale(1) translateZ(100px);
    border-radius: 50%;
    font-size: 1.5rem;
    color: var(--primary-color);
    transition: all .3s ease
}

@media (min-width:961px) {
    .fsLiveMode .image-button:after {
        width: 70px;
        height: 70px;
        bottom: 30px;
        right: 30px;
        font-size: 2rem
    }
}

.fsLiveMode .image-button:before {
    content: "";
    position: absolute;
    height: 320px;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: -1;
    background: linear-gradient(0deg, #001a3d -2.5%, rgba(0, 27, 61, 0) 66.08%)
}

.fsLiveMode .image-button header {
    position: absolute;
    height: 100%;
    width: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    left: 0;
    top: 0;
    z-index: -2
}

.fsLiveMode .image-button header .fsImage {
    display: none
}

.image-button a {
    text-decoration: none
}

.fsLiveMode .image-button a {
    display: block;
    z-index: 1;
    font-weight: 700;
    font-size: 1.75rem;
    line-height: 1.2;
    padding-right: 70px;
    color: #fff;
    background: none
}

@media (min-width:961px) {
    .fsLiveMode .image-button a {
        font-size: 2.5rem
    }
}

.fsLiveMode .image-button a:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    pointer-events: all;
    z-index: 3
}

.fsLiveMode .image-button a em {
    display: block;
    position: relative;
    z-index: 2;
    max-height: 0;
    margin-top: 10px;
    overflow: hidden;
    font-size: 1.125rem;
    line-height: 1.6;
    font-style: normal;
    font-weight: 400;
    color: #fff;
    transition: all .75s ease
}

.fsLiveMode .image-button a em:after {
    content: "\E901";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    margin-left: 10px;
    font-size: .875rem
}

body:not(.home).fsLiveMode .videos-wrapper {
    padding-bottom: 10px;
    padding-top: 30px
}

@media (min-width:961px) {
    body:not(.home).fsLiveMode .videos-wrapper {
        padding-bottom: 50px;
        padding-top: 0
    }
}

.videos-wrapper .slick-slider {
    padding-bottom: 50px
}

.home.fsLiveMode .videos-wrapper {
    display: none
}

.home.fsLiveMode .videos-wrapper.active {
    display: block
}

.fsLiveMode .videos-wrapper {
    margin-bottom: 0
}

.fsLiveMode .videos-wrapper>.fsElementContent {
    position: relative;
    height: 480px;
    width: 280px;
    margin: 0 auto
}

@media (min-width:961px) {
    .fsLiveMode .videos-wrapper>.fsElementContent {
        display: flex;
        height: auto;
        width: auto
    }
}

@media (min-width:1200px) {
    .fsLiveMode .videos-wrapper>.fsElementContent {
        margin: 0 -12px
    }
}

body.fsLiveMode:not(.home) .videos-wrapper:not(.first) .fsResourceElement header {
    opacity: 1
}

.videos-wrapper.swiping {
    pointer-events: none
}

.videos-wrapper.swiping .fsResourceElement[data-order="2"] {
    display: block
}

@media (max-width:960px) {
    .videos-wrapper.swiping .fsResourceElement[data-order="2"] {
        left: -10px;
        top: -10px
    }
}

.videos-wrapper.swiping .fsResourceElement[data-order="3"] {
    display: block
}

@media (max-width:960px) {
    .videos-wrapper.swiping .fsResourceElement[data-order="3"] {
        left: 0;
        top: 0
    }
}

.fsLiveMode .videos-wrapper>header {
    display: none
}

.videos-wrapper .arrows-wrapper {
    margin-top: 10px;
    display: flex;
    justify-content: center
}

@media (min-width:961px) {
    .videos-wrapper .arrows-wrapper {
        display: none
    }
}

.videos-wrapper .arrows-wrapper .swipe-arrow {
    border: 0;
    background: none;
    padding: 0;
    width: 52px;
    height: 52px;
    z-index: 5;
    transform: none;
    border-radius: 50%;
    border: 2px solid rgba(0, 0, 0, 0);
    box-sizing: border-box;
    color: rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(var(--secondary-accent), 0);
    transition: all .3s ease;
    cursor: pointer;
    position: relative;
    background-color: #001d3d;
    margin: 0 5px
}

.videos-wrapper .arrows-wrapper .swipe-arrow:hover {
    box-shadow: 0 0 5px 0 rgba(var(--secondary-accent), .5);
    border-color: var(--secondary-accent)
}

.videos-wrapper .arrows-wrapper .swipe-arrow:hover:before {
    color: var(--secondary-accent)
}

.videos-wrapper .arrows-wrapper .swipe-arrow:before {
    content: "\E901";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    position: absolute;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transform: none;
    left: 0;
    top: 0;
    font-size: .8125rem;
    color: var(--secondary-accent)
}

@media (min-width:961px) {
    .videos-wrapper .arrows-wrapper .swipe-arrow:before {
        font-size: .875rem
    }
}

.videos-wrapper .arrows-wrapper .swipe-arrow.fsLeftArrow,
.videos-wrapper .arrows-wrapper .swipe-arrow.fsPrevArrow,
.videos-wrapper .arrows-wrapper .swipe-arrow.slick-prev {
    transform: translateX(calc(-100% - 10px))
}

.videos-wrapper .arrows-wrapper .swipe-arrow.fsLeftArrow:before,
.videos-wrapper .arrows-wrapper .swipe-arrow.fsPrevArrow:before,
.videos-wrapper .arrows-wrapper .swipe-arrow.slick-prev:before {
    transform: scaleX(-1)
}

body:not(.home) .videos-wrapper .arrows-wrapper .swipe-arrow {
    background-color: var(--primary-color)
}

.videos-wrapper .arrows-wrapper .swipe-arrow.arrow-previous {
    transform: scaleX(-1)
}

.video-pop-up-active .videos-wrapper>.fsElementContent {
    pointer-events: none
}

.fsLiveMode .videos-wrapper .fsResourceElement {
    position: absolute;
    width: 260px;
    margin: 0 12px;
    pointer-events: none;
    transition: left .2s ease, top .2s ease, opacity .3s ease .5s, clip-path .5s ease .5s;
    left: 10px;
    top: 10px;
    display: none
}

@media (min-width:961px) {
    .fsLiveMode .videos-wrapper .fsResourceElement {
        display: flex;
        position: relative;
        flex-basis: 100%;
        width: auto;
        pointer-events: all;
        left: auto;
        top: auto
    }
}

@media (min-width:961px) {
    .videos-wrapper .fsResourceElement:nth-child(2) {
        transition: left .2s ease, top .2s ease, opacity .3s ease .6s, clip-path .5s ease .6s
    }
}

@media (min-width:961px) {
    .videos-wrapper .fsResourceElement:nth-child(3) {
        transition: left .2s ease, top .2s ease, opacity .3s ease .7s, clip-path .5s ease .7s
    }
}

@media (min-width:961px) {
    .home.fsLiveMode .videos-wrapper .fsResourceElement {
        opacity: 0;
        clip-path: circle(4.3% at 50% 25%)
    }
}

.hide-instructions .videos-wrapper .fsResourceElement,
.perspective-active.home.fsLiveMode .videos-wrapper .fsResourceElement {
    opacity: 1;
    clip-path: circle(71% at 50% 50%)
}

.hide-instructions .videos-wrapper .fsResourceElement header,
.perspective-active.home.fsLiveMode .videos-wrapper .fsResourceElement header {
    opacity: 1
}

.hide-instructions .videos-wrapper .fsResourceElement .instructions,
.perspective-active.home.fsLiveMode .videos-wrapper .fsResourceElement .instructions {
    transform: translateY(100%);
    opacity: 0
}

.hide-instructions .videos-wrapper .fsResourceElement .instructions:before,
.perspective-active.home.fsLiveMode .videos-wrapper .fsResourceElement .instructions:before {
    animation-duration: 3.5s;
    animation-timing-function: cubic-bezier(.3, .38, .58, 1.45);
    animation-timing-function: ease;
    animation-name: instructionsAnimation;
    animation-fill-mode: forwards
}

.videos-wrapper .fsResourceElement.on header:before,
.videos-wrapper .fsResourceElement:focus header:before,
.videos-wrapper .fsResourceElement:hover header:before {
    transform: scale(1);
    opacity: 1
}

.videos-wrapper .fsResourceElement.on-top article:first-child .fsPlayOverlay {
    opacity: 0
}

.fsLiveMode .videos-wrapper .fsResourceElement.pop-up-active article:last-child {
    opacity: 1;
    visibility: visible;
    pointer-events: all
}

.perspective-active .videos-wrapper .fsResourceElement {
    opacity: 1
}

@keyframes swipeLeft {
    0% {
        transform: translateX(0) rotate(0deg);
        opacity: 1;
        z-index: 3
    }

    49% {
        transform: translateX(-500px) rotate(-45deg);
        opacity: 1;
        z-index: 3
    }

    50% {
        transform: translateX(-500px) rotate(-45deg);
        opacity: 0;
        z-index: -1
    }

    to {
        transform: translateX(0) rotate(0deg);
        opacity: 0;
        z-index: -1
    }
}

@keyframes swipeRight {
    0% {
        transform: translateX(0) rotate(0deg);
        opacity: 1;
        z-index: 3
    }

    49% {
        transform: translateX(500px) rotate(45deg);
        opacity: 1;
        z-index: 3
    }

    50% {
        transform: translateX(500px) rotate(45deg);
        opacity: 0;
        z-index: -1
    }

    to {
        transform: translateX(0) rotate(0deg);
        opacity: 0;
        z-index: -1
    }
}

.videos-wrapper .fsResourceElement.swipe-left,
.videos-wrapper .fsResourceElement.swipe-right {
    animation-duration: 1s;
    animation-timing-function: cubic-bezier(.3, .38, .58, 1.45);
    animation-timing-function: ease
}

.videos-wrapper .fsResourceElement.swipe-left {
    animation-name: swipeLeft
}

.videos-wrapper .fsResourceElement.swipe-right {
    animation-name: swipeRight
}

@keyframes instructionsAnimation {
    0% {
        transform: rotate(0deg)
    }

    25% {
        transform: rotate(45deg)
    }

    75% {
        transform: rotate(-45deg)
    }

    to {
        transform: rotate(0deg)
    }
}

.videos-wrapper .fsResourceElement .instructions {
    position: absolute;
    height: 100%;
    width: 100%;
    padding: 80px;
    z-index: 2;
    transform: translateY(0);
    opacity: 1;
    background-color: rgba(0, 29, 61, .6);
    transform-origin: center bottom;
    font-family: var(--sans), sans-serif;
    font-weight: 600;
    font-size: .75rem;
    line-height: 1.85;
    text-align: center;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #fff;
    pointer-events: none;
    transition: all .5s ease 3.5s
}

@media (min-width:961px) {
    .videos-wrapper .fsResourceElement .instructions {
        display: none
    }
}

.videos-wrapper .fsResourceElement .instructions:before {
    content: "\E924";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transform-origin: center bottom;
    width: 65px;
    height: 65px;
    margin: 0 auto 20px;
    background-color: var(--secondary-accent);
    border-radius: 50%;
    font-size: 2.5rem;
    line-height: 1;
    text-align: center;
    color: var(--primary-color)
}

body:not(.home) .videos-wrapper .fsResourceElement .instructions:before {
    background-color: var(--primary-accent);
    color: #fff
}

body:not(.home) .videos-wrapper .fsResourceElement .instructions {
    background: hsla(0, 0%, 100%, .7);
    color: var(--primary-color)
}

.videos-wrapper .fsResourceElement header {
    position: absolute;
    width: 100%;
    padding: 30px 20px;
    left: 0;
    bottom: 0;
    opacity: 0;
    z-index: 2;
    color: #fff;
    transition: all .5s ease 3.5s;
    pointer-events: none
}

@media (min-width:961px) {
    .videos-wrapper .fsResourceElement header {
        padding: 45px 30px;
        opacity: 1
    }
}

@media (max-width:960px) {

    .home .videos-wrapper .fsResourceElement header,
    body:not(.hide-instructions) .videos-wrapper .fsResourceElement header {
        opacity: 0
    }
}

.videos-wrapper .fsResourceElement header:before {
    content: "\E91C";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 65px;
    height: 65px;
    margin-bottom: 25px;
    border-radius: 50%;
    background-color: var(--primary-accent);
    color: #fff;
    font-size: 1rem;
    text-align: center;
    transition: all .4s ease
}

@media (min-width:961px) {
    .videos-wrapper .fsResourceElement header:before {
        opacity: 0;
        width: 75px;
        height: 75px;
        margin-bottom: 35px;
        transform: scale(0);
        font-size: 1.125rem
    }
}

.home .videos-wrapper .fsResourceElement header:before {
    background-color: var(--secondary-accent);
    color: var(--primary-color)
}

.videos-wrapper .fsResourceElement header h2.fsElementTitle {
    margin-bottom: 18px
}

@media (min-width:961px) {
    .videos-wrapper .fsResourceElement header h2.fsElementTitle {
        font-size: 2.25rem;
        line-height: 1.35
    }
}

body:not(.home) .videos-wrapper .fsResourceElement header h2.fsElementTitle {
    margin-bottom: 5px;
    font-size: 1.25rem
}

@media (min-width:961px) {
    body:not(.home) .videos-wrapper .fsResourceElement header h2.fsElementTitle {
        font-size: 1.625rem;
        line-height: 1.5
    }
}

.videos-wrapper .fsResourceElement header .fsElementHeaderContent {
    margin-bottom: 0
}

.videos-wrapper .fsResourceElement>.fsElementContent {
    width: 100%
}

.videos-wrapper .fsResourceElement .fsListItems {
    margin: 0
}

.videos-wrapper .fsResourceElement article {
    padding: 0;
    margin-bottom: 0
}

.videos-wrapper .fsResourceElement article video {
    object-fit: cover;
    object-position: center center
}

.fsLiveMode .videos-wrapper .fsResourceElement article:first-child {
    position: relative;
    cursor: pointer;
    overflow: hidden
}

.fsLiveMode .videos-wrapper .fsResourceElement article:first-child:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    background: linear-gradient(0deg, #001b3d -3.2%, rgba(0, 27, 61, .58) 20.3%, rgba(0, 27, 61, 0) 39.64%)
}

.videos-wrapper .fsResourceElement article:first-child.on .fsPlayOverlay {
    opacity: 0
}

.videos-wrapper .fsResourceElement article:first-child .fsPlayOverlay {
    opacity: 1;
    transition: all .3s ease;
    pointer-events: none
}

@media (max-width:960px) {
    .videos-wrapper .fsResourceElement article:first-child .fsPlayOverlay {
        display: none
    }
}

.videos-wrapper .fsResourceElement article:first-child .fsPlayOverlay:after,
.videos-wrapper .fsResourceElement article:first-child .fsPlayOverlay:before,
.videos-wrapper .fsResourceElement article:first-child .fsPlayOverlay button {
    display: none
}

.fsLiveMode .videos-wrapper .fsResourceElement article:first-child video {
    display: block;
    height: auto
}

.videos-wrapper .pop-up-videos {
    position: fixed;
    left: 50%;
    top: 50%;
    max-width: 800px;
    width: 90vw;
    z-index: 50;
    transform: translate(-50%, -50%);
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

.video-pop-up-active .videos-wrapper .pop-up-videos {
    opacity: 1;
    visibility: visible;
    pointer-events: all
}

.fsLiveMode .videos-wrapper .pop-up-videos article {
    display: none
}

.fsLiveMode .videos-wrapper .pop-up-videos article.playing {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start
}

.videos-wrapper .pop-up-videos article video {
    max-height: 90vh
}

.videos-wrapper .pop-up-videos article button.close-video {
    border: 0;
    background: none;
    margin: 0;
    padding: 0;
    position: relative;
    width: 50px;
    font-size: .75rem;
    height: 50px;
    transform: scale(1);
    transition: all .3s ease;
    color: rgba(0, 0, 0, 0);
    cursor: pointer
}

.videos-wrapper .pop-up-videos article button.close-video:hover {
    transform: scale(1.1)
}

.videos-wrapper .pop-up-videos article button.close-video:after {
    content: "\E904";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: var(--secondary-accent)
}

.videos-wrapper .fsResourceElement[data-order="1"] {
    display: block
}

@media (max-width:960px) {
    .videos-wrapper .fsResourceElement[data-order="1"] {
        left: -10px;
        top: -10px;
        z-index: 3;
        pointer-events: all
    }
}

.videos-wrapper .fsResourceElement[data-order="2"] {
    display: block
}

@media (max-width:960px) {
    .videos-wrapper .fsResourceElement[data-order="2"] {
        z-index: 2;
        left: 0;
        top: 0
    }
}

.videos-wrapper .fsResourceElement[data-order="3"] {
    display: block
}

@media (max-width:960px) {
    .videos-wrapper .fsResourceElement[data-order="3"] {
        z-index: 1;
        left: 10px;
        top: 10px
    }
}

.videos-wrapper .fsResourceVideoWrapper {
    height: 100%
}

.videos-wrapper .slick-arrow {
    border: 0;
    background: none;
    margin: 0;
    padding: 0;
    width: 52px;
    height: 52px;
    z-index: 5;
    transform: none;
    background-color: #001d3d;
    border-radius: 50%;
    border: 2px solid rgba(0, 0, 0, 0);
    box-sizing: border-box;
    color: rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(var(--secondary-accent), 0);
    transition: all .3s ease;
    cursor: pointer;
    position: absolute;
    bottom: -30px;
    top: auto;
    left: 50%;
    background-color: var(--primary-color)
}

.videos-wrapper .slick-arrow:hover {
    box-shadow: 0 0 5px 0 rgba(var(--secondary-accent), .5);
    border-color: var(--secondary-accent)
}

.videos-wrapper .slick-arrow:hover:before {
    color: var(--secondary-accent)
}

.videos-wrapper .slick-arrow:before {
    content: "\E901";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    position: absolute;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transform: none;
    left: 0;
    top: 0;
    font-size: .8125rem;
    color: var(--secondary-accent)
}

@media (min-width:961px) {
    .videos-wrapper .slick-arrow:before {
        font-size: .875rem
    }
}

.videos-wrapper .slick-arrow.fsLeftArrow,
.videos-wrapper .slick-arrow.fsPrevArrow,
.videos-wrapper .slick-arrow.slick-prev {
    transform: translateX(calc(-100% - 10px))
}

.videos-wrapper .slick-arrow.fsLeftArrow:before,
.videos-wrapper .slick-arrow.fsPrevArrow:before,
.videos-wrapper .slick-arrow.slick-prev:before {
    transform: scaleX(-1)
}

.videos-wrapper .slick-arrow.slick-next {
    transform: translateX(10px)
}

.image-button-alt {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 400px;
    z-index: 1;
    max-width: 400px;
    margin: 0 auto
}

@media (min-width:961px) {
    .image-button-alt {
        margin-bottom: 30px
    }
}

@media (min-width:961px) {
    .fsStyleColumn .image-button-alt {
        margin-bottom: 0
    }
}

.image-button-alt:after {
    content: "";
    position: absolute;
    height: 320px;
    width: 100%;
    left: 0;
    bottom: 55px;
    z-index: -1;
    background: linear-gradient(0deg, #001a3d -2.5%, rgba(0, 27, 61, 0) 66.08%)
}

.image-button-alt header {
    padding: 30px 20px 0;
    color: #fff
}

@media (min-width:961px) {
    .image-button-alt header {
        padding: 30px 40px 0
    }
}

.fsBanner .image-button-alt header,
.fsStyleOneThird .image-button-alt header {
    padding: 30px 20px 0
}

.image-button-alt header h2.fsElementTitle {
    margin-bottom: 30px;
    font-weight: 700;
    font-size: 1.625rem;
    line-height: 1.5;
    letter-spacing: 1px;
    color: #fff
}

.image-button-alt header .fsElementContent {
    margin-bottom: 0
}

.image-button-alt .fsElementFooterContent {
    margin-top: 0
}

.image-button-alt a {
    border: 0;
    background: none;
    margin: 0;
    display: flex;
    justify-content: space-between;
    padding: 17px 20px;
    background-color: var(--primary-color);
    font-family: var(--sans), sans-serif;
    font-weight: 500;
    font-size: .875rem;
    line-height: 1.6;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--secondary-accent);
    cursor: pointer;
    text-decoration: none
}

@media (min-width:961px) {
    .image-button-alt a {
        padding: 17px 20px
    }
}

.image-button-alt a:after {
    content: "\E901";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    color: var(--secondary-accent);
    font-size: .75rem
}

.fsLiveMode .image-button-alt a:focus,
.fsLiveMode .image-button-alt a:hover {
    color: var(--primary-color);
    background-color: var(--secondary-accent)
}

.fsLiveMode .image-button-alt a:focus:after,
.fsLiveMode .image-button-alt a:hover:after {
    color: var(--primary-color)
}

.fsBanner .fsLiveMode .image-button-alt a,
.fsStyleOneThird .fsLiveMode .image-button-alt a {
    padding: 17px 40px
}

.fsLiveMode .image-button-alt a:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 2;
    pointer-events: all
}

.fast-fact {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 370px;
    padding: 20px;
    margin-bottom: 0;
    background-color: #00244e;
    text-align: center;
    transition: height .2s ease .3s, box-shadow .2s ease .3s, background-color .2s ease .3s, width .3s ease;
    box-shadow: 0 10px 40px rgba(0, 27, 61, 0)
}

@media (min-width:961px) {
    .fast-fact {
        padding: 70px 30px
    }
}

.fsBanner .fast-fact h2.fsElementTitle,
.fsStyleOneThird .fast-fact h2.fsElementTitle {
    font-size: 5.3125rem
}

.fast-fact h2.fsElementTitle {
    margin-bottom: 15px;
    font-family: var(--sans), sans-serif;
    font-weight: 600;
    font-size: 5.3125rem;
    line-height: 1.1;
    text-transform: uppercase;
    background: linear-gradient(90deg, var(--secondary-accent) 0, var(--secondary-color) 30%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

@media (min-width:961px) {
    .fast-fact h2.fsElementTitle {
        font-size: 6.5rem
    }
}

.fast-fact .fsElementHeaderContent {
    margin-bottom: 0;
    font-weight: 700;
    font-size: 1.375rem;
    line-height: 1.6;
    color: #fff
}

.fast-fact .fsElementContent,
.fast-fact .fsElementFooterContent {
    margin-top: 20px;
    transition: all .8s ease;
    color: #fff
}

.fast-fact .fsElementContent {
    transition-delay: .3s
}

section.fsLayout.facts-container {
    position: relative;
    z-index: 1;
    padding: 50px 20px;
    margin: 0 -30px 30px
}

@media (min-width:900px) {
    section.fsLayout.facts-container {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        padding: 115px 0 90px;
        margin: 130px 0
    }
}

section.fsLayout.facts-container:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    mix-blend-mode: hard-light;
    background: var(--light-gray)
}

@media (min-width:900px) {
    section.fsLayout.facts-container.full-width {
        margin-bottom: 120px
    }
}

@media (min-width:900px) {
    section.fsLayout.facts-container>header {
        width: 100%
    }
}

@media (min-width:900px) {
    section.fsLayout.facts-container>header h2.fsElementTitle {
        position: relative;
        max-width: 1180px;
        padding-left: 0;
        margin: 0 auto 40px
    }
}

@media (min-width:900px) {
    section.fsLayout.facts-container .fsStyleColumn {
        max-width: 402px
    }
}

section.fsLayout.facts-container footer {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    filter: grayscale(100%)
}

.panel,
section.fsLayout.facts-container footer {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.panel {
    position: relative
}

.fsLiveMode .panel {
    display: flex;
    align-items: center;
    padding: 30px;
    z-index: 1;
    position: relative;
    margin: 0 0 40px
}

@media (min-width:641px) {
    .fsLiveMode .panel {
        padding: 150px 20px;
        min-height: 638px;
        width: 100vw;
        left: 50%;
        transform: translateX(-50%);
        margin: 0 0 80px
    }
}

@media (min-width:1025px) {
    .fsLiveMode .panel {
        margin-bottom: 115px
    }
}

@media (min-width:1220px) {
    .fsLiveMode .panel {
        padding: 150px 20px;
        margin: 80px 0 115px
    }
}

.panel:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    background: linear-gradient(90deg, #eff1f9 .25%, hsla(0, 0%, 100%, .67) 80.97%, hsla(0, 0%, 100%, .75))
}

.panel.title h2 {
    font-family: var(--sans), sans-serif;
    font-weight: 700;
    font-size: 2.5625rem;
    line-height: 1.2;
    letter-spacing: .02em;
    text-transform: uppercase;
    background: linear-gradient(90deg, var(--primary-accent) 0, var(--primary-color));
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

@media (min-width:961px) {
    .panel.title h2 {
        font-size: 3.9375rem
    }
}

.panel a:not([class*=fs_style_]) {
    color: var(--primary-color)
}

.panel.blue:after {
    background: linear-gradient(90deg, #002858 .25%, rgba(0, 94, 196, .75) 80.97%, rgba(0, 94, 196, .75))
}

.panel.blue.title h2 {
    background: linear-gradient(90deg, var(--secondary-accent) 0, var(--secondary-color));
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.panel.blue .fsElementContent,
.panel.blue h2 {
    color: #fff
}

.panel.blue a:not([class*=fs_style_]) {
    color: var(--secondary-accent)
}

.panel.blue a:not([class*=fs_style_]),
.panel.blue a:not([class*=fs_style_]):focus,
.panel.blue a:not([class*=fs_style_]):hover {
    background-image: linear-gradient(0deg, var(--primary-accent), var(--primary-accent) 80%)
}

.panel.blue a:not([class*=fs_style_]):focus,
.panel.blue a:not([class*=fs_style_]):hover,
.panel.blue a:not([class*=fs_style_]):visited {
    color: var(--secondary-accent)
}

.panel.gold:after {
    background: linear-gradient(90deg, #f1c400 .25%, rgba(255, 234, 0, .5469) 80.97%, rgba(255, 234, 0, .75))
}

.panel.gold.title h2 {
    background: linear-gradient(90deg, #0352ab 0, var(--primary-color));
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.panel.gold .fsElementContent,
.panel.gold h2 {
    color: var(--primary-color)
}

.panel.gold a:not([class*=fs_style_]) {
    color: #002855
}

.panel .fsElementContent,
.panel header {
    position: relative;
    margin: 0 auto;
    max-width: 1180px;
    width: 100%
}

.panel h2 {
    display: inline-block
}

.panel .fsElementContent {
    font-size: 1.125rem;
    line-height: 1.7
}

.panel .fsElementContent p {
    max-width: 680px
}

.fsNavigation a {
    text-decoration: none
}

.fsBreadcrumb {
    width: 100%;
    margin-bottom: 0;
    padding: 20px 20px 10px;
    z-index: 2;
    position: relative;
    background-color: #fff
}

@media (min-width:641px) {
    .fsBreadcrumb {
        background-color: var(--light-gray);
        padding: 25px
    }
}

.home .fsBreadcrumb {
    display: block;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

#fsHeader .fsBreadcrumb {
    display: none
}

.fsBreadcrumb .fsElementContent {
    position: relative;
    margin: 0 auto;
    max-width: 1180px
}

.fsBreadcrumb .fsNavBreadcrumbSeperator {
    font-size: 0;
    margin: 0 6px
}

.fsBreadcrumb .fsNavBreadcrumbSeperator:after {
    content: "\F105";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    color: #0054c4;
    font-weight: 700;
    font-size: .875rem
}

.fsBreadcrumb a,
.fsBreadcrumb li {
    font-family: var(--sans), sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: .8125rem;
    line-height: 1.2;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--primary-color)
}

.fsBreadcrumb a {
    color: #3d5775;
    background-image: none
}

.fsBreadcrumb ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.fsBreadcrumb ul li {
    display: inline-block
}

.nav-site-map ul {
    margin: 0 0 0 20px;
    padding: 0
}

.nav-site-map ul.fsNavLevel1 {
    margin-left: 0;
    list-style: none
}

@media (min-width:600px) {
    .nav-site-map ul.fsNavLevel1 {
        column-count: 2;
        column-gap: 0;
        column-rule: 0;
        min-height: 0
    }

    .nav-site-map ul.fsNavLevel1 li {
        break-inside: avoid-column
    }
}

.nav-site-map ul.fsNavLevel1>li>a {
    margin-bottom: 20px;
    font-weight: 700
}

.nav-site-map ul.fsNavLevel2 {
    list-style: disc
}

.nav-site-map ul.fsNavLevel3 {
    list-style: circle
}

.nav-site-map ul.fsNavLevel4 {
    list-style: square
}

.nav-site-map ul.fsNavLevel5 {
    list-style: disc
}

.nav-tier ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.nav-tier ul li a {
    display: block;
    padding: 10px;
    color: var(--primary-accent);
    background: rgba(0, 0, 0, 0)
}

.nav-tier ul li a:focus,
.nav-tier ul li a:hover {
    color: var(--primary-accent);
    background: #dae1e9
}

.nav-tier ul li.fsNavCurrentPage>a {
    color: var(--primary-color);
    background: #bbc9d8
}

.nav-tier ul li.fsNavCurrentPage>a:focus,
.nav-tier ul li.fsNavCurrentPage>a:hover {
    color: var(--secondary-color);
    background: #dae1e9
}

.nav-tier ul li.fsNavCurrentPageAncestor {
    background: #dae1e9
}

.nav-tier ul li.fsNavCurrentPageAncestor>a {
    color: var(--primary-accent);
    background: rgba(0, 0, 0, 0)
}

.nav-tier ul li.fsNavCurrentPageAncestor>a:focus,
.nav-tier ul li.fsNavCurrentPageAncestor>a:hover {
    color: var(--primary-accent);
    background: #dae1e9
}

.nav-tier .fsNavLevel1 {
    padding-left: 0
}

.nav-tier .fsNavLevel1>li {
    border-bottom: 1px solid #dae1e9
}

.nav-tier .fsNavLevel1>li:last-child {
    border-bottom: none
}

.nav-tier .fsNavLevel2>li>a {
    padding-left: 20px
}

.nav-tier .fsNavLevel3>li>a {
    padding-left: 30px
}

.nav-tier .fsNavLevel4>li>a {
    padding-left: 40px
}

.nav-tier .fsNavLevel5>li>a {
    padding-left: 50px
}

.nav-sub {
    margin-bottom: 0;
    background-color: var(--light-gray)
}

.home .nav-sub {
    display: block;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.nav-sub:not(.mobile) {
    padding: 15px;
    margin-bottom: 30px
}

@media (max-width:640px) {
    .nav-sub:not(.mobile) {
        display: none
    }
}

@media (min-width:1025px) {
    .nav-sub:not(.mobile) {
        padding: 25px
    }
}

.nav-sub.mobile {
    overflow: hidden
}

@media (min-width:641px) {
    .nav-sub.mobile {
        display: none
    }
}

body:not(.fsAccountBarVisible).fix-nav-sub .nav-sub.mobile {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 10;
    transform: translateY(0);
    transition: all .3s ease
}

body:not(.fsAccountBarVisible).fix-nav-sub .nav-sub.mobile h2.fsElementTitle {
    border-bottom: 2px solid #fff;
    box-shadow: 0 -5px 30px #001b3d
}

body.fix-sub-nav.drawer-is-active .nav-sub.mobile {
    display: none
}

body:not(.fsAccountBarVisible).fix-nav-sub:not(.scrolled) .nav-sub.mobile:not(.active-nav) {
    transform: translateY(-100%)
}

.nav-sub.mobile.active-nav h2.fsElementTitle {
    background-color: #d6dcf0
}

.nav-sub.mobile.active-nav .nav-sub-toggle:before {
    content: "\E90A";
    font-size: 3px
}

.nav-sub.mobile header {
    position: relative
}

.nav-sub.mobile h2.fsElementTitle {
    position: relative;
    padding: 20px;
    margin-bottom: 0;
    font-family: var(--sans), sans-serif;
    font-weight: 700;
    font-size: .875rem;
    line-height: 1.2;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--primary-color)
}

.nav-sub.mobile>.fsElementContent {
    display: none
}

.nav-sub.mobile .fsNavLevel1 {
    padding: 25px 20px 20px
}

.nav-sub.mobile .nav-sub-toggle {
    border: 0;
    background: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    flex-direction: column;
    position: absolute;
    width: 40px;
    height: 40px;
    top: 50%;
    transform: translateY(-50%);
    right: 13px;
    overflow: hidden;
    color: rgba(0, 0, 0, 0)
}

.nav-sub.mobile .nav-sub-toggle:before {
    content: "\E910";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: .75rem;
    color: #20285c;
    font-weight: 900
}

.nav-sub .nav-sub-toggle {
    display: none
}

@media (min-width:641px) {
    .nav-sub {
        display: block
    }
}

.nav-sub>.fsElementContent {
    background-color: rgba(0, 0, 0, 0);
    transition: all .3s ease
}

@media (min-width:641px) {
    .nav-sub>.fsElementContent {
        max-height: 9999px;
        visibility: visible;
        opacity: 1
    }
}

.nav-sub.active-nav>.fsElementContent {
    max-height: calc(100vh - 58px);
    overflow: scroll;
    visibility: visible;
    opacity: 1
}

.fsHeader .nav-sub {
    display: block
}

@media (min-width:641px) {
    .fsHeader .nav-sub {
        display: none
    }
}

.nav-sub.nav-sub-empty {
    display: none !important
}

.nav-sub ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.nav-sub ul li {
    position: relative
}

.nav-sub ul li.fsNavParentPage>a {
    padding-right: 30px
}

.nav-sub ul li a {
    position: relative;
    display: block;
    padding: 15px 15px 15px 10px;
    color: var(--primary-color);
    background: rgba(0, 0, 0, 0);
    word-break: break-word;
    overflow-wrap: break-word;
    hyphens: auto;
    font-family: var(--sans), sans-serif;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.4;
    letter-spacing: 1px;
    text-decoration: none;
    transition: all .3s ease
}

.nav-sub ul li a:focus,
.nav-sub ul li a:hover {
    color: var(--primary-accent);
    background: rgba(0, 0, 0, 0)
}

.nav-sub ul li.active>a {
    color: var(--primary-color)
}

.nav-sub ul li.active>a:after {
    height: 100%;
    background-color: var(--primary-color)
}

.nav-sub ul li.active>button:before {
    content: "-"
}

.nav-sub ul li button {
    border: 0;
    background: none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 10px;
    font-size: 0;
    width: 30px;
    height: 30px;
    background-color: rgba(0, 0, 0, 0);
    transition: all .3s ease;
    cursor: pointer
}

.nav-sub ul li button:active:before,
.nav-sub ul li button:hover:before {
    color: #131e27
}

.nav-sub ul li button:before {
    content: "+";
    font-family: var(--sans), sans-serif;
    font-size: 1.5rem;
    color: var(--primary-color);
    position: absolute;
    font-weight: 400;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    line-height: 1em
}

.nav-sub ul li.fsNavCurrentPage>a {
    color: var(--primary-accent);
    background: rgba(0, 0, 0, 0)
}

.nav-sub ul li.fsNavCurrentPage>a:focus,
.nav-sub ul li.fsNavCurrentPage>a:hover {
    color: #131e27;
    background: rgba(0, 0, 0, 0)
}

.nav-sub ul li.fsNavCurrentPageAncestor {
    background: rgba(0, 0, 0, 0)
}

.nav-sub ul li.fsNavCurrentPageAncestor>a {
    color: var(--primary-accent);
    background: rgba(0, 0, 0, 0)
}

.nav-sub ul li.fsNavCurrentPageAncestor>a:focus,
.nav-sub ul li.fsNavCurrentPageAncestor>a:hover {
    color: #131e27;
    background: rgba(0, 0, 0, 0)
}

.nav-sub .fsNavPageInfo {
    position: relative;
    display: none
}

.nav-sub .fsNavLevel1 {
    padding-left: 0
}

.nav-sub .fsNavLevel1>li:not(:last-child) {
    border-bottom: 1px solid #dae1e9
}

.nav-sub .fsNavLevel1>li.fsNavCurrentPage>a {
    position: relative;
    color: var(--primary-color)
}

.nav-sub .fsNavLevel1>li>a {
    letter-spacing: 3px;
    text-transform: uppercase;
    font-size: .875rem;
    line-height: 1.3
}

.nav-sub .fsNavLevel1>li>a:hover {
    background-color: #dce1f3;
    color: var(--primary-accent)
}

.nav-sub .fsNavLevel1>li>a:hover:after {
    height: 100%;
    background-color: var(--primary-color)
}

.nav-sub .fsNavLevel1>li>.fsNavPageInfo:after {
    content: "";
    position: absolute;
    width: 6px;
    height: calc(100% - 50px);
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: #dce1f3;
    transition: all .3s ease
}

.nav-sub .fsNavLevel2 {
    padding-bottom: 15px;
    padding-top: 15px;
    border-top: 1px solid #dae1e9
}

.nav-sub .fsNavLevel2>li button {
    top: 7px
}

.nav-sub .fsNavLevel2>li a {
    letter-spacing: 1px;
    text-transform: none;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.7
}

.nav-sub .fsNavLevel2>li>a {
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 30px
}

.nav-sub .fsNavLevel3 {
    padding-bottom: 12px;
    padding-top: 12px
}

.nav-sub .fsNavLevel3>li>a {
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 50px;
    position: relative
}

.nav-sub .fsNavLevel3>li>a:before {
    content: "";
    position: absolute;
    width: 11px;
    height: 9px;
    left: 30px;
    top: 50%;
    transform: translateY(-50%);
    border-bottom: 2px solid var(--primary-accent);
    border-left: 2px solid var(--primary-accent)
}

.nav-sub .fsNavLevel4>li>a {
    padding-left: 70px;
    font-size: .875rem;
    font-weight: 500
}

.nav-sub .fsNavLevel5>li>a {
    padding-left: 60px
}

.nav-main {
    position: relative;
    margin-bottom: 0
}

.nav-main ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.nav-main a,
.nav-main li.fsNavCurrentPage>a,
.nav-main li.fsNavCurrentPageAncestor>a {
    color: var(--primary-accent);
    background: rgba(0, 0, 0, 0)
}

.nav-main a {
    display: block;
    padding: 15px 0
}

.nav-main a:focus,
.nav-main a:hover {
    color: var(--primary-accent);
    background: rgba(0, 0, 0, 0)
}

.nav-main .fsNavLevel2>li>a {
    padding-left: 15px
}

.nav-main .fsNavLevel3>li>a {
    padding-left: 30px
}

.nav-main .fsNavLevel4>li>a {
    padding-left: 45px
}

.nav-main .fsNavLevel5>li>a {
    padding-left: 60px
}

.fsHeader .nav-main {
    display: none
}

@media (min-width:1060px) {
    .fsHeader .nav-main {
        display: flex
    }
}

.fsHeader .nav-main .fsElementFooterContent {
    margin-top: 0
}

.not-top .fsHeader .nav-main .fsElementFooterContent {
    margin-top: 5px
}

@media (min-width:1060px) {
    .nav-main>.fsElementContent>nav>.fsNavLevel1 {
        position: static;
        text-align: center;
        display: flex;
        justify-content: flex-end;
        flex-wrap: wrap
    }

    .no-flexbox .nav-main>.fsElementContent>nav>.fsNavLevel1 {
        text-align: justify;
        font-size: .1px
    }

    .no-flexbox .nav-main>.fsElementContent>nav>.fsNavLevel1>li {
        display: inline-block
    }

    .no-flexbox .nav-main>.fsElementContent>nav>.fsNavLevel1:after {
        content: "";
        display: inline-block;
        width: 100%
    }
}

.nav-main>.fsElementContent>nav>.fsNavLevel1>li {
    padding-bottom: 0
}

@media (min-width:1060px) {
    body:not(.not-top).home .nav-main>.fsElementContent>nav>.fsNavLevel1>li {
        padding-bottom: 30px
    }
}

@media (min-width:1060px) {
    body:not(.not-top) .nav-main>.fsElementContent>nav>.fsNavLevel1>li {
        padding-bottom: 15px
    }
}

.nav-main>.fsElementContent>nav>.fsNavLevel1>li.on>a,
.nav-main>.fsElementContent>nav>.fsNavLevel1>li:hover>a {
    color: #fff;
    background: rgba(0, 0, 0, 0)
}

.nav-main>.fsElementContent>nav>.fsNavLevel1>li.on>a:after,
.nav-main>.fsElementContent>nav>.fsNavLevel1>li:hover>a:after {
    opacity: 1;
    transform: translate(0)
}

.nav-main>.fsElementContent>nav>.fsNavLevel1>li[class*=fsNavCurrentPage]>a {
    color: #fff;
    background: rgba(0, 0, 0, 0)
}

.nav-main>.fsElementContent>nav>.fsNavLevel1>li:last-child>a {
    padding-right: 0
}

.nav-main>.fsElementContent>nav>.fsNavLevel1>li:last-child>a:after {
    right: 0
}

.nav-main>.fsElementContent>nav>.fsNavLevel1>li>a {
    position: relative;
    display: block;
    color: #fff;
    background: rgba(0, 0, 0, 0);
    padding: 15px 14px;
    font-family: var(--sans), sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.2;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #e5e5e5;
    text-decoration: none;
    transition: all .3s ease .25s
}

.nav-main>.fsElementContent>nav>.fsNavLevel1>li>a:after {
    content: "";
    position: absolute;
    height: 3px;
    left: 10px;
    right: 10px;
    bottom: 8px;
    transform: translateY(20px);
    opacity: 0;
    background-color: var(--secondary-color);
    transition: all .3s ease .25s
}

.nav-main>.fsElementContent>nav>.fsNavLevel1>li>a:focus {
    color: #fff;
    background: rgba(0, 0, 0, 0)
}

html.js .nav-main>.fsElementContent>nav>.fsNavLevel1>li>.fsNavPageInfo,
html:not(.js) .nav-main>.fsElementContent>nav>.fsNavLevel1>li.menu-item-open>.fsNavPageInfo {
    position: absolute;
    top: 100%;
    right: 0;
    opacity: 0;
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    pointer-events: none;
    transition: all .3s ease-out
}

html.js .nav-main>.fsElementContent>nav>.fsNavLevel1>li>.fsNavPageInfo:before,
html:not(.js) .nav-main>.fsElementContent>nav>.fsNavLevel1>li.menu-item-open>.fsNavPageInfo:before {
    content: "";
    position: absolute;
    height: 12px;
    width: 100%;
    bottom: 100%;
    left: 0;
    pointer-events: none
}

.menu-item-open html.js .nav-main>.fsElementContent>nav>.fsNavLevel1>li>.fsNavPageInfo,
.menu-item-open html:not(.js) .nav-main>.fsElementContent>nav>.fsNavLevel1>li.menu-item-open>.fsNavPageInfo {
    opacity: 1;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    transition: all .3s ease-out .2s
}

.menu-item-open html.js .nav-main>.fsElementContent>nav>.fsNavLevel1>li>.fsNavPageInfo .fsNavPageDescription a:before,
.menu-item-open html.js .nav-main>.fsElementContent>nav>.fsNavLevel1>li>.fsNavPageInfo:before,
.menu-item-open html:not(.js) .nav-main>.fsElementContent>nav>.fsNavLevel1>li.menu-item-open>.fsNavPageInfo .fsNavPageDescription a:before,
.menu-item-open html:not(.js) .nav-main>.fsElementContent>nav>.fsNavLevel1>li.menu-item-open>.fsNavPageInfo:before {
    pointer-events: all
}

html.js .nav-main>.fsElementContent>nav>.fsNavLevel1>li.menu-item-open>.fsNavPageInfo {
    opacity: 1;
    pointer-events: all;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    transition: all .3s ease-out .2s
}

html.js .nav-main>.fsElementContent>nav>.fsNavLevel1>li.menu-item-open>.fsNavPageInfo .fsNavPageDescription a:before,
html.js .nav-main>.fsElementContent>nav>.fsNavLevel1>li.menu-item-open>.fsNavPageInfo:before {
    pointer-events: all
}

html:not(.js) .nav-main>.fsElementContent>nav>.fsNavLevel1>li.menu-item-open.menu-item-open>.fsNavPageInfo {
    opacity: 1;
    pointer-events: all;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    transition: all .3s ease-out .2s
}

html:not(.js) .nav-main>.fsElementContent>nav>.fsNavLevel1>li.menu-item-open.menu-item-open>.fsNavPageInfo .fsNavPageDescription a:before,
html:not(.js) .nav-main>.fsElementContent>nav>.fsNavLevel1>li.menu-item-open.menu-item-open>.fsNavPageInfo:before {
    pointer-events: all
}

html.js .nav-main>.fsElementContent>nav>.fsNavLevel1>li:hover .fsNavPageInfo,
html:not(.js) .nav-main>.fsElementContent>nav>.fsNavLevel1>li.menu-item-open:hover .fsNavPageInfo {
    max-height: 9999px
}

html:not(.js) .nav-main>.fsElementContent>nav>.fsNavLevel1>li>.fsNavPageInfo {
    position: absolute;
    top: 100%;
    right: 0;
    opacity: 0;
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    pointer-events: none;
    transition: all .3s ease-out
}

html:not(.js) .nav-main>.fsElementContent>nav>.fsNavLevel1>li>.fsNavPageInfo:before {
    content: "";
    position: absolute;
    height: 12px;
    width: 100%;
    bottom: 100%;
    left: 0;
    pointer-events: none
}

html:not(.js) .nav-main>.fsElementContent>nav>.fsNavLevel1>li.on>.fsNavPageInfo,
html:not(.js) .nav-main>.fsElementContent>nav>.fsNavLevel1>li:hover>.fsNavPageInfo {
    opacity: 1;
    pointer-events: all;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    transition: all .3s ease-out .2s
}

html:not(.js) .nav-main>.fsElementContent>nav>.fsNavLevel1>li.on>.fsNavPageInfo .fsNavPageDescription a:before,
html:not(.js) .nav-main>.fsElementContent>nav>.fsNavLevel1>li.on>.fsNavPageInfo:before,
html:not(.js) .nav-main>.fsElementContent>nav>.fsNavLevel1>li:hover>.fsNavPageInfo .fsNavPageDescription a:before,
html:not(.js) .nav-main>.fsElementContent>nav>.fsNavLevel1>li:hover>.fsNavPageInfo:before {
    pointer-events: all
}

@media (max-width:599px) {
    html:not(.js) .nav-main>.fsElementContent>nav>.fsNavLevel1>li:focus>.fsNavPageInfo {
        opacity: 1;
        pointer-events: all;
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
        transition: all .3s ease-out .2s
    }

    html:not(.js) .nav-main>.fsElementContent>nav>.fsNavLevel1>li:focus>.fsNavPageInfo .fsNavPageDescription a:before,
    html:not(.js) .nav-main>.fsElementContent>nav>.fsNavLevel1>li:focus>.fsNavPageInfo:before {
        pointer-events: all
    }
}

.nav-main>.fsElementContent .menu-item-open .fsNavPageInfo,
.nav-main>.fsElementContent .on .fsNavPageInfo {
    pointer-events: all
}

.nav-main>.fsElementContent .fsNavPageInfo {
    background-color: #033169;
    text-align: left;
    z-index: 300;
    width: 900px;
    height: 400px;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    pointer-events: none
}

@media (min-width:1281px) {
    .nav-main>.fsElementContent .fsNavPageInfo {
        width: 1075px;
        height: 500px
    }
}

.nav-main>.fsElementContent .fsNavLevel1>li:first-child .fsNavPageInfo {
    right: 0;
    transform: none
}

.nav-main>.fsElementContent .fsNavLevel1>li:last-child .fsNavPageInfo {
    right: 0;
    left: auto;
    transform: none
}

.nav-main>.fsElementContent .fsNavPageDescription {
    position: absolute;
    bottom: 0;
    padding: 0 40px;
    left: 0;
    z-index: 2;
    width: 340px;
    font-family: var(--serif), serif;
    font-weight: 700;
    font-size: 2.125rem;
    line-height: 1.4;
    color: #fff
}

@media (min-width:1281px) {
    .nav-main>.fsElementContent .fsNavPageDescription {
        width: 420px
    }
}

.nav-main>.fsElementContent .fsNavPageDescription a {
    position: relative;
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    padding: 17px 40px;
    width: calc(100% + 80px);
    transform: translateX(-40px);
    background-color: var(--primary-color);
    font-family: var(--sans), sans-serif;
    font-weight: 600;
    font-size: .875rem;
    line-height: 1.6;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--secondary-accent);
    cursor: pointer
}

.nav-main>.fsElementContent .fsNavPageDescription a:hover {
    color: var(--primary-color);
    background-color: var(--secondary-accent)
}

.nav-main>.fsElementContent .fsNavPageDescription a:hover:after {
    color: var(--primary-color)
}

.nav-main>.fsElementContent .fsNavPageDescription a:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    bottom: 0;
    height: 500px;
    z-index: 2;
    pointer-events: none
}

.nav-main>.fsElementContent .fsNavPageDescription a:after {
    content: "\E901";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    color: var(--secondary-accent)
}

.nav-main>.fsElementContent .fsNavPageThumbnail {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    height: 100%;
    width: 340px
}

@media (min-width:1281px) {
    .nav-main>.fsElementContent .fsNavPageThumbnail {
        width: 420px
    }
}

.nav-main>.fsElementContent .fsNavPageThumbnail:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 30px;
    width: 100%;
    height: 300px;
    background: linear-gradient(.03deg, rgba(0, 27, 61, .9) 13.33%, rgba(0, 27, 61, 0) 71.68%)
}

.nav-main>.fsElementContent .fsNavPageThumbnail img {
    display: none
}

.nav-main>.fsElementContent .nav-social {
    position: absolute;
    right: 30px;
    bottom: 20px
}

@media (min-width:1281px) {
    .nav-main>.fsElementContent .nav-social {
        right: 50px;
        bottom: 40px
    }
}

.nav-main>.fsElementContent .nav-social header {
    display: none
}

.nav-main>.fsElementContent .nav-social .fsNavLevel1>li>a {
    padding: 0
}

.nav-main>.fsElementContent .nav-social .fsNavLevel1>li>a:after {
    display: none
}

.nav-main>.fsElementContent .nav-social .fsNavLevel1>li>a:hover:before {
    color: var(--secondary-color)
}

.nav-main>.fsElementContent .fsNavLevel2 {
    width: calc(100% - 340px);
    padding: 20px 30px;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    height: auto
}

@media (min-width:1281px) {
    .nav-main>.fsElementContent .fsNavLevel2 {
        padding: 40px 60px;
        width: calc(100% - 420px)
    }
}

.nav-main>.fsElementContent .fsNavLevel2 li {
    position: relative;
    width: calc(50% - 15px)
}

@media (min-width:1281px) {
    .nav-main>.fsElementContent .fsNavLevel2 li {
        width: calc(50% - 30px)
    }
}

.nav-main>.fsElementContent .fsNavLevel2 li:first-child a:before,
.nav-main>.fsElementContent .fsNavLevel2 li:nth-child(2) a:before {
    display: none
}

.nav-main>.fsElementContent .fsNavLevel2 li a {
    display: block;
    position: relative;
    padding: 15px 0;
    background: rgba(0, 0, 0, 0);
    font-family: var(--sans), sans-serif;
    color: var(--secondary-accent);
    font-weight: 600;
    font-size: .875rem;
    line-height: 1.85;
    letter-spacing: 3px;
    text-transform: uppercase
}

.nav-main>.fsElementContent .fsNavLevel2 li a:before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #647ca4
}

.nav-main>.fsElementContent .fsNavLevel2 li a:focus,
.nav-main>.fsElementContent .fsNavLevel2 li a:hover {
    color: #fff;
    background: rgba(0, 0, 0, 0)
}

.nav-main>.fsElementContent .fsNavLevel2 li[class*=fsNavCurrentPage]>a {
    color: var(--secondary-color);
    background: rgba(0, 0, 0, 0)
}

.drawer-ribbon {
    position: relative;
    height: 50px
}

@media (min-width:1060px) {
    .drawer-ribbon {
        display: none
    }
}

.mobile-toggle {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    border: 0;
    margin: 0;
    font-family: var(--sans), sans-serif;
    font-size: .6875rem;
    line-height: 1;
    display: block;
    font-weight: 600;
    text-align: center;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #fff;
    background: none;
    padding: 30px 0 0
}

.mobile-toggle span.close {
    display: none
}

.mobile-toggle:after,
.mobile-toggle:before {
    position: absolute;
    height: 2px;
    width: 17.5px;
    content: "";
    background: #fff;
    transition: all .3s
}

.mobile-toggle:before {
    top: 7px;
    right: 50%;
    transform: translateX(calc(50% + 2px))
}

.mobile-toggle:after {
    top: 13px;
    right: 50%;
    transform: translateX(50%);
    box-shadow: -2px 7px 0 #fff
}

.drawer-is-active .mobile-toggle {
    color: var(--secondary-accent)
}

.drawer-is-active .mobile-toggle:before {
    margin-top: 0;
    transform: translate(-50%, -50%) rotate(-45deg);
    left: 50%;
    top: 25%;
    background-color: var(--secondary-accent)
}

.drawer-is-active .mobile-toggle:after {
    box-shadow: none;
    transform: translate(-50%, -50%) rotate(45deg);
    left: 50%;
    background-color: var(--secondary-accent);
    top: 25%
}

.drawer-is-active .mobile-toggle span.close {
    display: block
}

.drawer-is-active .mobile-toggle span.open {
    display: none
}

#fsMenu {
    position: fixed;
    z-index: 500;
    width: 100%;
    pointer-events: none;
    overflow: scroll;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease-out;
    bottom: 0;
    left: 0;
    transform: translate3d(0, 20%, 0);
    transform: translateY(20%);
    bottom: 75px;
    max-height: 425px;
    max-width: 100vw;
    background: #033169
}

@media (min-width:1060px) {
    #fsMenu {
        display: none
    }
}

.drawer-is-active #fsMenu {
    pointer-events: auto;
    opacity: 1;
    visibility: visible;
    transform: translateZ(0);
    transform: translate(0)
}

.fsMenu {
    padding: 20px 20px 0;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden
}

.nav-main-mobile {
    margin-bottom: 10px
}

.nav-main-mobile ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.nav-main-mobile a,
.nav-main-mobile li.fsNavCurrentPage>a,
.nav-main-mobile li.fsNavCurrentPageAncestor>a {
    color: var(--primary-accent);
    background: rgba(0, 0, 0, 0)
}

.nav-main-mobile a {
    display: block;
    padding: 15px 0
}

.nav-main-mobile a:focus,
.nav-main-mobile a:hover {
    color: var(--primary-accent);
    background: rgba(0, 0, 0, 0)
}

.nav-main-mobile .fsNavLevel2>li>a {
    padding-left: 15px
}

.nav-main-mobile .fsNavLevel3>li>a {
    padding-left: 30px
}

.nav-main-mobile .fsNavLevel4>li>a {
    padding-left: 45px
}

.nav-main-mobile .fsNavLevel5>li>a {
    padding-left: 60px
}

@media (max-width:1059px) {
    .nav-main-mobile li {
        position: relative
    }
}

.nav-main-mobile li button {
    border: 0;
    background: none;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    margin: 0;
    font-size: 0;
    width: 45px;
    height: 45px;
    background-color: rgba(0, 0, 0, 0);
    transition: all .3s ease;
    cursor: pointer
}

@media (min-width:1060px) {
    .nav-main-mobile li button {
        position: relative;
        top: auto;
        right: auto;
        pointer-events: none
    }
}

.nav-main-mobile li button:before {
    content: "\E910";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    color: var(--secondary-accent);
    font-size: .625rem;
    font-weight: 700
}

.nav-main-mobile li.active>a {
    color: var(--secondary-accent)
}

.nav-main-mobile li.active>button:before {
    content: "\E90A";
    color: #fff;
    font-size: 2.5px
}

.nav-main-mobile a {
    position: relative;
    font-family: var(--sans), sans-serif;
    font-weight: 700;
    font-size: .875rem;
    line-height: 1.7;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #fff;
    padding: 15px;
    text-decoration: none
}

.nav-main-mobile a:active,
.nav-main-mobile a:hover {
    color: var(--secondary-accent)
}

.nav-main-mobile a:focus,
.nav-main-mobile a:hover {
    text-decoration: none;
    color: #fff
}

.nav-main-mobile a:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 3px;
    background-color: #9c9c9c;
    transition: all .5s ease
}

.nav-main-mobile .fsNavLevel1>li {
    transform: translateY(25px);
    opacity: 0
}

.nav-main-mobile .fsNavLevel1>li:first-child {
    transition: .35s 75ms
}

.nav-main-mobile .fsNavLevel1>li:nth-child(2) {
    transition: .35s .15s
}

.nav-main-mobile .fsNavLevel1>li:nth-child(3) {
    transition: .35s .225s
}

.nav-main-mobile .fsNavLevel1>li:nth-child(4) {
    transition: .35s .3s
}

.nav-main-mobile .fsNavLevel1>li:nth-child(5) {
    transition: .35s .375s
}

.nav-main-mobile .fsNavLevel1>li:nth-child(6) {
    transition: .35s .45s
}

.nav-main-mobile .fsNavLevel1>li:nth-child(7) {
    transition: .35s .525s
}

.nav-main-mobile .fsNavLevel1>li:nth-child(8) {
    transition: .35s .6s
}

.nav-main-mobile .fsNavLevel1>li:nth-child(9) {
    transition: .35s .675s
}

.nav-main-mobile .fsNavLevel1>li:nth-child(10) {
    transition: .35s .75s
}

.nav-main-mobile .fsNavLevel1>li:nth-child(11) {
    transition: .35s .825s
}

.nav-main-mobile .fsNavLevel1>li:nth-child(12) {
    transition: .35s .9s
}

.drawer-is-active .nav-main-mobile .fsNavLevel1>li {
    transform: translateY(0);
    opacity: 1
}

@media (min-width:1060px) {
    .nav-main-mobile .fsNavLevel1>li {
        display: flex;
        justify-content: space-between
    }
}

.nav-main-mobile .fsNavLevel1>li:after {
    content: "";
    position: absolute;
    height: 1px;
    left: 0;
    right: 0;
    bottom: 0;
    background: #647ca4
}

.nav-main-mobile .fsNavLevel1>li.fsNavCurrentPage>a,
.nav-main-mobile .fsNavLevel1>li.fsNavCurrentPageAncestor>a {
    color: var(--secondary-accent)
}

@media (min-width:1060px) {
    .nav-main-mobile .fsNavLevel1>li.on .fsNavLevel2 {
        z-index: 2;
        box-shadow: -5px 5px 15px rgba(0, 0, 0, 0);
        transform: translateX(0);
        transition: all .8s ease
    }
}

.nav-main-mobile .fsNavLevel1>li>a {
    transition: all .4s;
    line-height: 1.1
}

.nav-main-mobile .fsNavLevel1>li>a:focus,
.nav-main-mobile .fsNavLevel1>li>a:hover {
    text-decoration: none
}

.nav-main-mobile .fsNavLevel1>li .fsNavLevel2 {
    padding: 20px 0;
    border-bottom: 1px solid #cfcfcf;
    background-color: var(--primary-color)
}

@media (min-width:1060px) {
    .nav-main-mobile .fsNavLevel1>li .fsNavLevel2:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100vh;
        border-left: 1px solid rgba(0, 0, 0, .06);
        background-color: #f7f7f7;
        z-index: -1
    }
}

.nav-main-mobile .fsNavLevel1>li .fsNavLevel2 li.fsNavCurrentPage>a {
    color: #fff
}

.nav-main-mobile .fsNavLevel1>li .fsNavLevel2 a {
    padding: 4px 50px 6px 20px;
    font-weight: 600;
    line-height: 1.85;
    color: var(--secondary-accent);
    font-size: .8125rem
}

.nav-main-mobile .fsNavLevel1>li .fsNavLevel2 button {
    height: 33px
}

.nav-main-mobile .fsNavPageInfo {
    display: none
}

@media (min-width:1060px) {
    .nav-main-mobile .fsNavPageInfo {
        display: block;
        max-width: 0
    }
}

.nav-main-mobile .fsNavLevel2 {
    margin: 0
}

@media (min-width:1060px) {
    .nav-main-mobile .fsNavLevel2 {
        margin: 0
    }
}

@media (max-width:1059px) {
    .nav-main-mobile .fsNavLevel2>li:last-child {
        border-bottom: 0
    }
}

.nav-main-mobile .fsNavLevel2>li>a:hover {
    text-decoration: none
}

.nav-main-mobile .fsNavLevel3 a {
    margin-left: 20px;
    font-size: .875rem
}

@media (min-width:1060px) {
    .nav-main-mobile .fsNavLevel3 {
        display: none
    }
}

.nav-social ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.nav-social a,
.nav-social li.fsNavCurrentPage>a,
.nav-social li.fsNavCurrentPageAncestor>a {
    color: var(--primary-accent);
    background: rgba(0, 0, 0, 0)
}

.nav-social a {
    display: block;
    padding: 15px 0
}

.nav-social a:focus,
.nav-social a:hover {
    color: var(--primary-accent);
    background: rgba(0, 0, 0, 0)
}

.nav-social .fsNavLevel2>li>a {
    padding-left: 15px
}

.nav-social .fsNavLevel3>li>a {
    padding-left: 30px
}

.nav-social .fsNavLevel4>li>a {
    padding-left: 45px
}

.nav-social .fsNavLevel5>li>a {
    padding-left: 60px
}

.nav-social nav {
    margin: -5px
}

.nav-social .fsNavLevel1 {
    display: flex;
    flex-wrap: wrap;
    line-height: 1
}

.nav-social .fsNavLevel1,
.nav-social .fsNavLevel1 ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.nav-social .fsNavLevel1 li {
    margin: 0;
    padding: 0;
    margin: 5px
}

.nav-social .fsNavLevel1 li:not(:last-child) {
    margin-right: 30px
}

.nav-social .fsNavLevel1 [href*=facebook]:before {
    content: "\F09A";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

.nav-social .fsNavLevel1 [href*=instagram]:before {
    content: "\F16D";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

.nav-social .fsNavLevel1 [href*=linkedin]:before {
    content: "\F0E1";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

.nav-social .fsNavLevel1 [href*=pinterest]:before {
    content: "\F0D2";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

.nav-social .fsNavLevel1 [href*=tumblr]:before {
    content: "\F173";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

.nav-social .fsNavLevel1 [href*=twitter]:before {
    content: "\F099";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

.nav-social .fsNavLevel1 [href*=vimeo]:before {
    content: "\F27D";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

.nav-social .fsNavLevel1 [href*=vine]:before {
    content: "\F1CA";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

.nav-social .fsNavLevel1 [href*=youtube]:before {
    content: "\F16A";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

.nav-social .fsNavLevel1 [href*=googleplus]:before {
    content: "\F0D5";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

.nav-social .fsNavLevel1 [href*=wechat]:before {
    content: "\F1D7";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

.nav-social .fsNavLevel1 [href*=flickr]:before {
    content: "\F16E";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

.nav-social .fsNavLevel1 [href*=wordpress]:before {
    content: "\F19A";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

.nav-social .fsNavLevel1 [href*=rss]:before {
    content: "\F09E";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

.nav-social .fsNavLevel1 a {
    color: rgba(0, 0, 0, 0) !important;
    max-width: 20px;
    line-height: 0;
    overflow: hidden;
    background-image: none
}

.nav-social .fsNavLevel1 a:focus,
.nav-social .fsNavLevel1 a:hover {
    color: rgba(0, 0, 0, 0)
}

.nav-social .fsNavLevel1 a:focus:before,
.nav-social .fsNavLevel1 a:hover:before {
    color: var(--secondary-color)
}

.nav-social .fsNavLevel1 a:before {
    font-size: 1.25rem;
    display: block;
    color: #fff;
    transition: all .3s ease;
    line-height: 1
}

.nav-social .fsNavLevel1 [href*="x.com"]:before,
.nav-social .fsNavLevel1 [href*=twitter]:before {
    content: "\E939";
    font-family: fsIcomoon
}

.nav-utility-header {
    width: 100%;
    margin-bottom: 0;
    max-height: 200px;
    transition: all 0s ease
}

.nav-utility-header ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.nav-utility-header a,
.nav-utility-header li.fsNavCurrentPage>a,
.nav-utility-header li.fsNavCurrentPageAncestor>a {
    color: var(--primary-accent);
    background: rgba(0, 0, 0, 0)
}

.nav-utility-header a {
    display: block;
    padding: 15px 0
}

.nav-utility-header a:focus,
.nav-utility-header a:hover {
    color: var(--primary-accent);
    background: rgba(0, 0, 0, 0)
}

.nav-utility-header .fsNavLevel2>li>a {
    padding-left: 15px
}

.nav-utility-header .fsNavLevel3>li>a {
    padding-left: 30px
}

.nav-utility-header .fsNavLevel4>li>a {
    padding-left: 45px
}

.nav-utility-header .fsNavLevel5>li>a {
    padding-left: 60px
}

.not-top .nav-utility-header {
    overflow: hidden;
    max-height: 0
}

.not-top .nav-main .nav-utility-header {
    max-width: 200px;
    overflow: visible;
    max-height: none;
    padding-top: 5px;
    transition: all .1s ease .1s
}

.accessible .nav-main .nav-utility-header {
    display: none
}

.nav-main .nav-utility-header {
    max-width: 0;
    overflow: hidden;
    width: auto
}

.nav-main .nav-utility-header .fsNavLevel1>li {
    margin-left: 30px;
    display: none
}

.nav-main .nav-utility-header .fsNavLevel1>li.giving,
.nav-main .nav-utility-header .fsNavLevel1>li.login {
    display: block
}

.nav-main .nav-utility-header .fsNavLevel1>li.login a:before {
    font-size: 1.25rem
}

.nav-main .nav-utility-header .fsNavLevel1>li.fsNavParentPage>a {
    color: rgba(0, 0, 0, 0)
}

.nav-main .nav-utility-header .fsNavLevel1>li.fsNavParentPage>a:after {
    display: none
}

.nav-main .nav-utility-header .fsNavLevel1>li>a {
    max-width: 20px;
    overflow: hidden;
    color: rgba(0, 0, 0, 0);
    line-height: 0;
    padding: 10px 0
}

.nav-main .nav-utility-header .fsNavLevel1>li>a.on,
.nav-main .nav-utility-header .fsNavLevel1>li>a:focus,
.nav-main .nav-utility-header .fsNavLevel1>li>a:hover {
    text-decoration: none;
    color: rgba(0, 0, 0, 0)
}

.nav-main .nav-utility-header .fsNavLevel1>li>a.on:before,
.nav-main .nav-utility-header .fsNavLevel1>li>a:focus:before,
.nav-main .nav-utility-header .fsNavLevel1>li>a:hover:before {
    color: var(--secondary-accent)
}

.nav-main .nav-utility-header .fsNavLevel1>li>a:before {
    display: block;
    margin: 0;
    font-size: 1.3125rem;
    line-height: 1em
}

#fsMenu .nav-utility-header {
    max-height: none;
    display: block
}

#fsMenu .nav-utility-header .fsNavLevel1 {
    display: flex;
    justify-content: space-around;
    padding-bottom: 0
}

#fsMenu .nav-utility-header .fsNavLevel1 li {
    margin: 0;
    text-align: center;
    flex-basis: 100%
}

#fsMenu .nav-utility-header .fsNavLevel1 li:first-child {
    display: none
}

#fsMenu .nav-utility-header .fsNavLevel1 li>a {
    flex-direction: column
}

#fsMenu .nav-utility-header .fsNavLevel1 li>a:before {
    display: block;
    margin: 0 0 10px;
    font-size: 1.5rem
}

#fsMenu .nav-utility-header .fsNavLevel1 .fsNavPageInfo,
#fsMenu .nav-utility-header .fsNavLevel1 li>a:after {
    display: none
}

.nav-utility-header .fsNavLevel1 {
    display: flex;
    justify-content: flex-end;
    padding: 15px
}

@media (min-width:1060px) {
    .nav-utility-header .fsNavLevel1 {
        padding: 0
    }
}

.nav-utility-header .fsNavLevel1>li {
    position: relative;
    margin-left: 15px
}

.nav-utility-header .fsNavLevel1>li.on .fsNavPageInfo,
.nav-utility-header .fsNavLevel1>li:hover .fsNavPageInfo {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: all
}

.nav-utility-header .fsNavLevel1>li.on>a,
.nav-utility-header .fsNavLevel1>li:hover>a {
    text-decoration: none;
    color: #fff
}

.nav-utility-header .fsNavLevel1>li.fsNavParentPage>a:after {
    content: "\F107";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    display: inline-block;
    margin-left: 10px;
    font-size: 1.125rem;
    line-height: .7;
    color: var(--secondary-accent)
}

.nav-utility-header .fsNavLevel1>li.login>a:before {
    content: "\E909";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

.nav-utility-header .fsNavLevel1>li.calendar>a:before {
    content: "\E903";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

.nav-utility-header .fsNavLevel1>li.summer>a:before {
    content: "\E913";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

.nav-utility-header .fsNavLevel1>li.giving>a:before {
    content: "\E907";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    font-size: 1.25rem
}

.nav-utility-header .fsNavLevel1>li>a {
    display: flex;
    align-items: center;
    color: var(--secondary-accent);
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    font-family: var(--sans), sans-serif;
    font-size: .8125rem;
    line-height: 1.3;
    letter-spacing: 3px;
    background-image: none
}

.nav-utility-header .fsNavLevel1>li>a:before {
    display: inline-block;
    margin-right: 10px;
    color: #fff;
    font-size: 1.125rem;
    line-height: 1.1
}

.nav-utility-header .fsNavLevel1 .fsNavPageInfo {
    position: absolute;
    width: 230px;
    padding: 35px;
    top: 98%;
    right: 0;
    z-index: 10;
    background-color: #001d3d;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    text-align: left;
    transform: translateY(100px);
    transition: all .3s ease
}

.not-top .nav-utility-header .fsNavLevel1 .fsNavPageInfo {
    right: -20px
}

.nav-utility-header .fsNavLevel1 .fsNavPageInfo:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    right: 30px;
    top: -10px;
    transform: rotate(-45deg);
    background-color: #001d3d
}

.nav-utility-header .fsNavLevel1 .fsNavPageInfo a {
    margin-bottom: 13px;
    padding: 0;
    font-family: var(--sans), sans-serif;
    font-weight: 600;
    font-size: .8125rem;
    line-height: 1.85;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--secondary-accent);
    background-image: none
}

.nav-utility-header .fsNavLevel1 .fsNavPageInfo a:focus,
.nav-utility-header .fsNavLevel1 .fsNavPageInfo a:hover {
    text-decoration: none;
    color: #fff
}

.nav-utility-footer {
    padding: 30px 0 20px
}

.nav-utility-footer ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.nav-utility-footer a,
.nav-utility-footer li.fsNavCurrentPage>a,
.nav-utility-footer li.fsNavCurrentPageAncestor>a {
    color: var(--primary-accent);
    background: rgba(0, 0, 0, 0)
}

.nav-utility-footer a {
    display: block;
    padding: 15px 0
}

.nav-utility-footer a:focus,
.nav-utility-footer a:hover {
    color: var(--primary-accent);
    background: rgba(0, 0, 0, 0)
}

.nav-utility-footer .fsNavLevel2>li>a {
    padding-left: 15px
}

.nav-utility-footer .fsNavLevel3>li>a {
    padding-left: 30px
}

.nav-utility-footer .fsNavLevel4>li>a {
    padding-left: 45px
}

.nav-utility-footer .fsNavLevel5>li>a {
    padding-left: 60px
}

@media (min-width:961px) {
    .nav-utility-footer {
        padding: 0
    }
}

.nav-utility-footer .fsNavLevel1,
.nav-utility-footer .fsNavLevel1 ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.nav-utility-footer .fsNavLevel1 li {
    margin: 0;
    padding: 0
}

@media (min-width:961px) {
    .nav-utility-footer .fsNavLevel1 {
        display: flex
    }
}

.nav-utility-footer .fsNavLevel1 li:not(:last-child) {
    margin: 0 0 12px
}

@media (min-width:961px) {
    .nav-utility-footer .fsNavLevel1 li:not(:last-child) {
        margin: 0 30px 0 0
    }
}

.nav-utility-footer .fsNavLevel1 a {
    padding: 0;
    color: var(--secondary-accent);
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    font-family: var(--sans), sans-serif;
    font-size: .8125rem;
    line-height: 1.7;
    letter-spacing: 3px;
    background-image: none
}

.nav-utility-footer .fsNavLevel1 a:hover {
    color: #fff
}

#fsHeader {
    padding: 25px;
    left: 0;
    top: 0;
    width: 100%;
    background: linear-gradient(180deg, #00244e, #032d64);
    opacity: 1
}

@media (min-width:1060px) {
    #fsHeader {
        z-index: 20;
        transform: translateY(0);
        padding: 20px 30px
    }
}

@media (min-width:1281px) {
    #fsHeader {
        padding: 20px 55px
    }
}

@media (min-width:1060px) {
    #fsHeader:after {
        content: "";
        position: absolute;
        height: 3px;
        width: 100%;
        bottom: 0;
        left: 0;
        width: 0;
        background: linear-gradient(90.68deg, #005ec4 1.17%, #00152c 305.69%);
        transition: all .6s ease .4s;
        transition: 0s
    }
}

.fsLiveMode #fsHeader {
    position: relative
}

@media (max-width:1059px) {
    .fsLiveMode #fsHeader {
        background-color: #dae1e9
    }
}

@media (min-width:1060px) {
    .fsLiveMode #fsHeader {
        position: absolute
    }
}

body.home.not-top.fsAccountBarVisible #fsHeader {
    top: 45px
}

@media (min-width:1060px) {
    body:not(.home).not-top.fsAccountBarVisible #fsHeader {
        top: 45px
    }
}

@media (min-width:1060px) {
    .notification-bar-active.not-top #fsHeader {
        top: 0
    }
}

body.fsLiveMode.accessible #fsHeader {
    position: relative;
    top: auto;
    left: auto;
    transform: none
}

body.fsLiveMode.accessible.home #fsHeader {
    background-color: var(--primary-color)
}

body.home:not(.not-top) #fsHeader {
    background: rgba(0, 0, 0, 0)
}

@media (min-width:1060px) {
    body.home:not(.not-top) #fsHeader {
        padding-top: 45px
    }
}

@media (min-width:1060px) {
    body:not(.home) #fsHeader {
        padding: 13px 30px 14px;
        background: var(--primary-color)
    }
}

@media (min-width:1060px) {
    .not-top:not(.accessible) #fsHeader {
        position: fixed;
        background: #001d3d;
        box-shadow: 0 10px 40px rgba(0, 27, 61, .25);
        padding-top: 21px;
        padding-bottom: 21px;
        transition: none
    }
}

@media (min-width:1060px) {
    .not-top:not(.accessible) #fsHeader:after {
        width: 100%
    }
}

@media (min-width:1060px) {
    #fsHeader .fsBanner {
        display: flex;
        justify-content: space-between
    }
}

#fsHeader .fsBanner>div {
    margin-bottom: 0
}

@media (min-width:1060px) {
    .not-top #fsHeader .fsBanner {
        align-items: center
    }
}

@keyframes headerUp {
    0% {
        opacity: 1;
        pointer-events: all;
        transform: translateY(0)
    }

    50% {
        position: fixed;
        opacity: 1;
        pointer-events: all;
        transform: translateY(0)
    }

    to {
        position: fixed;
        opacity: 0;
        pointer-events: none;
        transform: translateY(-100%)
    }
}

.not-top:not(.scrolled) #fsHeader {
    transition: background .3s ease .1s, opacity .3s ease .1s, transform .3s ease .1s
}

@media (min-width:1060px) {

    .not-top.scrolled:not(.accessible) #fsHeader,
    .stories-pop-up-active #fsHeader {
        opacity: 0;
        pointer-events: none;
        transform: translateY(-100%)
    }
}

@media (min-width:1060px) {
    body.accessible #fsHeader {
        opacity: 1;
        transform: translateY(0)
    }
}

.fixed-panels-scrolling #fsHeader {
    display: none
}

.right-section {
    position: relative
}

@media (max-width:1059px) {
    .right-section {
        display: none
    }
}

.right-section>.fsElementContent {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end
}

@media (min-width:1060px) {
    body:not(.not-top):not(.home) .right-section {
        padding-top: 10px
    }
}

.skip-link {
    position: absolute;
    margin: 0
}

.skip-link a {
    position: fixed;
    top: 0;
    left: 0;
    padding: 1em;
    background: #000;
    color: #fff;
    font-size: 1.125rem;
    line-height: 1;
    text-decoration: underline;
    transition: transform .1s ease-in;
    transform: translateY(-100%);
    z-index: 9000
}

.skip-link a:focus {
    transform: translateY(0)
}

.site-info-container {
    padding: 0;
    white-space: nowrap;
    width: 100%;
    position: relative;
    z-index: 2
}

@media (min-width:1060px) {
    .site-info-container {
        display: flex;
        align-items: center;
        margin-right: auto;
        width: auto
    }
}

.site-info-container a {
    display: block;
    padding: 30px 0;
    color: rgba(0, 0, 0, 0);
    width: 220px;
    height: 65px;
    margin: 0 auto;
    background-image: url(../images/logo.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    transition: 0s
}

@media (min-width:1060px) {
    .site-info-container a {
        width: 250px;
        height: 85px
    }
}

@media (min-width:1180px) {
    .site-info-container a {
        width: 300px
    }
}

.site-info-container a:hover {
    color: rgba(0, 0, 0, 0)
}

@media (min-width:1060px) {
    .home .site-info-container a {
        background-image: url(../images/logo-vertical.svg);
        width: 133px;
        height: 158px
    }
}

@media (min-width:1060px) {
    .not-top .site-info-container a {
        width: 223px;
        height: 55px;
        background-image: url(../images/logo.svg)
    }
}

.mobile-header {
    position: fixed;
    width: 100%;
    background-color: #001d3d;
    bottom: 0;
    left: 0;
    z-index: 501;
    text-align: center;
    transition: all .3s ease;
    transform: translateY(100%)
}

@media (min-width:1060px) {
    .mobile-header {
        display: none
    }
}

body.drawer-is-active .mobile-header,
body:not(.not-top) .mobile-header,
body:not(.scrolled) .mobile-header {
    transform: translateY(0)
}

body.not-top.news-drawer-active .mobile-header,
body.not-top.stories-pop-up-active .mobile-header,
body.not-top.video-pop-up-active .mobile-header,
body.video-pop-up-active .mobile-header {
    transform: translateY(100%)
}

.mobile-header:after {
    content: "";
    position: absolute;
    height: 40px;
    width: 100%;
    bottom: 100%;
    left: 0;
    opacity: 0;
    transition: all .3s ease;
    background: linear-gradient(180deg, rgba(3, 49, 105, 0), #033169)
}

.mobile-header:before {
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    left: 0;
    top: -4px;
    background: linear-gradient(90.68deg, var(--primary-accent) 1.17%, #00152c 305.69%);
    box-shadow: 0 10px 40px rgba(0, 27, 61, .25)
}

.drawer-is-active .mobile-header:after,
.search-is-active .mobile-header:after {
    opacity: 1
}

.mobile-header>.fsElementContent {
    padding: 13px;
    display: flex;
    justify-content: space-around
}

.mobile-header>.fsElementContent>div {
    width: 25%;
    max-width: none
}

.mobile-header a,
.mobile-header button:not(.mobile-toggle) {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    min-width: 100%;
    font-family: var(--sans), sans-serif;
    font-weight: 600;
    font-size: .6875rem;
    line-height: 1;
    display: block;
    text-align: center;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #fff;
    background: none;
    text-decoration: none
}

.mobile-header a:before,
.mobile-header button:not(.mobile-toggle):before {
    display: block;
    height: 35px
}

.mobile-header .home:before {
    content: "";
    display: block;
    margin: 0 auto;
    padding-top: 5px;
    width: 17px;
    background-image: url(../images/mini-crest.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center top 5px
}

.mobile-header .login:before {
    content: "\E909";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    font-size: 1.25rem;
    padding-top: 5px
}

.notification-bar {
    display: none;
    position: relative;
    padding: 16px 40px 17px;
    margin-bottom: 0;
    max-width: 100vw;
    line-height: 1.5;
    background: linear-gradient(90.68deg, #005ec4 -15.98%, #00152c 130.79%);
    text-align: center
}

@media (min-width:1060px) {
    .notification-bar {
        max-width: 100vw;
        padding: 16px 80px 17px
    }
}

.notification-bar-active .notification-bar {
    display: flex;
    justify-content: center
}

.notification-bar a {
    background: none;
    font-family: var(--sans), sans-serif;
    font-weight: 600;
    font-size: .875rem;
    line-height: 1.3;
    text-align: center;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none
}

@media (max-width:640px) {
    .notification-bar a {
        display: block;
        margin: 0 auto
    }
}

.notification-bar a:hover {
    text-decoration: underline
}

.notification-bar footer {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%)
}

@media (min-width:1060px) {
    .notification-bar footer {
        right: 60px
    }
}

.notification-bar footer button.close {
    display: block;
    border: 0;
    background: none;
    margin: 0;
    padding: 0;
    width: 12px;
    height: 12px;
    cursor: pointer;
    color: rgba(0, 0, 0, 0)
}

.notification-bar footer button.close:hover:before {
    transform: translate(-50%, -50%) rotate(180deg)
}

.notification-bar footer button.close:before {
    content: "\E904";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform-origin: center center;
    transform: translate(-50%, -50%) rotate(0deg);
    font-size: .75rem;
    color: var(--secondary-accent);
    transition: all .4s ease
}

.notification-bar .fsElementFooterContent {
    margin: 0
}

#fsFooter {
    background-color: #00244e;
    color: #fff
}

#fsFooter .fsBanner {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

#fsFooter .fsBanner:after {
    content: normal
}

body.fsDraftMode #fsFooter .fsBanner {
    flex-flow: row wrap
}

body.fsDraftMode #fsFooter .fsBanner .fsElementActionButtonContainer {
    flex: 0 1 100%
}

#fsFooter .nav-social {
    margin-bottom: 30px
}

.footer-cta {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    width: 100%;
    min-height: 250px;
    padding: 40px 20px;
    margin-bottom: 0;
    z-index: 1;
    background-color: var(--secondary-color)
}

.footer-cta ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.footer-cta a,
.footer-cta li.fsNavCurrentPage>a,
.footer-cta li.fsNavCurrentPageAncestor>a {
    color: var(--primary-accent);
    background: rgba(0, 0, 0, 0)
}

.footer-cta a {
    display: block;
    padding: 15px 0
}

.footer-cta a:focus,
.footer-cta a:hover {
    color: var(--primary-accent);
    background: rgba(0, 0, 0, 0)
}

.footer-cta .fsNavLevel2>li>a {
    padding-left: 15px
}

.footer-cta .fsNavLevel3>li>a {
    padding-left: 30px
}

.footer-cta .fsNavLevel4>li>a {
    padding-left: 45px
}

.footer-cta .fsNavLevel5>li>a {
    padding-left: 60px
}

@media (min-width:1060px) {
    .footer-cta {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 70px 55px
    }
}

.footer-cta footer {
    position: absolute;
    height: 100%;
    width: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    left: 0;
    top: 0;
    z-index: -2;
    background-color: var(--secondary-color);
    background-blend-mode: soft-light;
    background-position: 50% 33%
}

.footer-cta footer img {
    display: none
}

.footer-cta:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    opacity: .5;
    background-color: var(--secondary-color);
    z-index: -1
}

.home .footer-cta {
    display: none
}

.footer-cta header .fsElementHeaderContent {
    margin-bottom: 25px;
    font-family: var(--sans), sans-serif;
    font-weight: 700;
    font-size: 3.9375rem;
    line-height: 1;
    text-transform: uppercase;
    color: var(--primary-color);
    background: linear-gradient(90deg, var(--primary-accent) 0, #00152c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

@media (min-width:1060px) {
    .footer-cta header .fsElementHeaderContent {
        background: linear-gradient(90deg, var(--primary-accent) 50%, #00152c);
        -webkit-background-clip: text;
        -webkit-text-fill-color: rgba(0, 0, 0, 0);
        margin-bottom: 0;
        line-height: 1.1
    }
}

.footer-cta header .fsElementHeaderContent em {
    font-style: normal;
    background: linear-gradient(90deg, var(--primary-accent) 50%, var(--primary-accent));
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

@media (max-width:1059px) {
    .footer-cta header .fsElementHeaderContent em {
        display: block;
        font-family: var(--serif), serif;
        font-weight: 700;
        font-size: 1.6875rem;
        line-height: 1.5;
        text-transform: capitalize;
        background: linear-gradient(90deg, var(--primary-accent) 50%, #00152c);
        -webkit-background-clip: text;
        -webkit-text-fill-color: rgba(0, 0, 0, 0)
    }
}

.footer-cta header .fsElementHeaderContent strong {
    background: linear-gradient(90deg, var(--primary-accent) 0, #00152c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

@media (min-width:1060px) {
    .footer-cta header .fsElementHeaderContent strong {
        background: linear-gradient(90deg, var(--primary-accent) 50%, #00152c);
        -webkit-background-clip: text;
        -webkit-text-fill-color: rgba(0, 0, 0, 0);
        margin-bottom: 0;
        line-height: 1.1
    }
}

.footer-cta .fsNavLevel1 {
    text-align: center;
    transition: all .8s ease
}

.footer-cta .fsNavLevel1.fixed {
    position: fixed;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    min-width: 75px
}

@media (max-width:1379px) {
    .footer-cta .fsNavLevel1.fixed {
        display: none
    }
}

.fsLiveMode .footer-cta .fsNavLevel1.fixed {
    visibility: hidden
}

.accessible .footer-cta .fsNavLevel1.fixed {
    display: none
}

.footer-in-view .footer-cta .fsNavLevel1.fixed li {
    opacity: 0;
    transform: translate(200px, -50%);
    transition: all .3s linear;
    pointer-events: none
}

.footer-cta .fsNavLevel1.fixed li {
    opacity: 1;
    transform: translateX(0);
    transition-timing-function: linear
}

.footer-cta .fsNavLevel1.fixed li:first-child {
    transition: .5s .05s
}

.footer-cta .fsNavLevel1.fixed li:nth-child(2) {
    transition: .5s .1s
}

.footer-cta .fsNavLevel1.fixed li:nth-child(3) {
    transition: .5s .15s
}

.fsAccountBarVisible .footer-cta .fsNavLevel1.fixed {
    top: 60%
}

.footer-cta .fsNavLevel1:not(.fixed) {
    display: flex
}

@media (min-width:1380px) {
    .footer-cta .fsNavLevel1:not(.fixed) li {
        opacity: 0;
        transform: translateX(100px);
        transition-timing-function: linear
    }

    .footer-cta .fsNavLevel1:not(.fixed) li:first-child {
        transition: .5s .05s
    }

    .footer-cta .fsNavLevel1:not(.fixed) li:nth-child(2) {
        transition: .5s .1s
    }

    .footer-cta .fsNavLevel1:not(.fixed) li:nth-child(3) {
        transition: .5s .15s
    }
}

.footer-cta .fsNavLevel1:not(.fixed) li:not(:last-child) {
    margin-right: 30px
}

.footer-cta .fsNavLevel1:not(.fixed) li a {
    font-size: .875rem
}

.footer-cta .fsNavLevel1:not(.fixed) li a:before {
    width: 65px;
    height: 65px;
    margin-bottom: 17px;
    background-color: var(--primary-color);
    color: var(--secondary-accent)
}

@media (min-width:1380px) {
    .footer-cta .fsNavLevel1:not(.fixed) li a:before {
        width: 70px;
        height: 70px
    }
}

@media (min-width:1060px) {
    .footer-in-view .footer-cta .fsNavLevel1:not(.fixed) li {
        opacity: 1;
        transform: translateY(0)
    }
}

.footer-cta .fsNavLevel1 li {
    margin-bottom: 10px
}

.footer-in-view .footer-cta .fsNavLevel1 li {
    margin-bottom: 0
}

.footer-cta .fsNavLevel1 li.inquire a:before {
    content: "\E908";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    font-size: 1.5rem
}

.footer-cta .fsNavLevel1 li.visit a:before {
    content: "\E914";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    font-size: 1.75rem
}

.footer-cta .fsNavLevel1 li.apply a:before {
    content: "\E900";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    font-size: 1.625rem
}

.footer-cta .fsNavLevel1 a {
    padding: 0;
    font-family: var(--sans), sans-serif;
    font-weight: 700;
    font-size: 0;
    line-height: 1.2;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--primary-color);
    transition: all .3s ease
}

.footer-cta .fsNavLevel1 a:focus,
.footer-cta .fsNavLevel1 a:hover {
    font-size: .875rem
}

.footer-cta .fsNavLevel1 a:focus:before,
.footer-cta .fsNavLevel1 a:hover:before {
    background-color: var(--primary-accent);
    color: #fff
}

@media (min-width:1060px) {

    .footer-cta .fsNavLevel1 a:focus:before,
    .footer-cta .fsNavLevel1 a:hover:before {
        transform: scale(1.2)
    }
}

@media (min-width:1060px) {

    .footer-in-view .footer-cta .fsNavLevel1 a:focus:before,
    .footer-in-view .footer-cta .fsNavLevel1 a:hover:before {
        transform: scale(1);
        color: var(--secondary-accent);
        background-color: var(--primary-accent)
    }
}

.footer-cta .fsNavLevel1 a:before {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 58px;
    height: 58px;
    margin: 0 auto 10px;
    padding-left: 2px;
    border-radius: 50%;
    background-color: #eff1f9;
    font-size: 1.6875rem;
    line-height: 1;
    color: var(--primary-accent);
    transition: all .3s ease
}

@media (min-width:1060px) {
    .footer-cta .fsNavLevel1 a:before {
        transform: scale(1);
        transform-origin: center bottom
    }
}

.footer-main {
    width: 100%;
    padding: 60px 20px 100px
}

@media (min-width:1060px) {
    .footer-main {
        padding: 65px
    }
}

@media (max-width:1059px) {
    .home .footer-main {
        padding: 45px 20px 100px
    }
}

.footer-main>.fsElementContent {
    max-width: 2000px;
    margin: 0 auto;
    display: flex;
    flex-direction: column
}

@media (min-width:961px) {
    .footer-main>.fsElementContent {
        justify-content: flex-end;
        flex-direction: row;
        flex-wrap: wrap;
        border-top: 1px solid #fff
    }
}

@media (min-width:961px) {
    .footer-main .nav-social {
        border-top: none;
        padding-top: 50px;
        margin-right: auto;
        min-width: 250px
    }
}

@media (min-width:1281px) {
    .footer-main .nav-social {
        min-width: 370px
    }
}

.footer-main .nav-social .fsElementHeaderContent {
    margin-bottom: 8px
}

.footer-main .nav-social .fsImage {
    width: 100%;
    max-width: 220px
}

@media (min-width:961px) {
    .footer-main .nav-social .fsImage {
        max-width: 250px
    }
}

@media (min-width:1281px) {
    .footer-main .nav-social .fsImage {
        max-width: 370px
    }
}

.footer-main .nav-social .fsImage img {
    width: 100%
}

.footer-main .contact,
.footer-main .footer-quicklinks {
    position: relative;
    padding: 0;
    margin-bottom: 0
}

@media (max-width:960px) {

    .footer-main .contact,
    .footer-main .footer-quicklinks {
        border-bottom: 1px solid hsla(0, 0%, 100%, .5)
    }
}

@media (min-width:961px) {

    .footer-main .contact,
    .footer-main .footer-quicklinks {
        padding: 30px 60px 50px;
        max-width: 315px
    }
}

@media (min-width:1025px) {

    .footer-main .contact,
    .footer-main .footer-quicklinks {
        max-width: 350px
    }
}

@media (min-width:961px) {

    .footer-main .contact:after,
    .footer-main .footer-quicklinks:after {
        content: "";
        position: absolute;
        height: 80px;
        width: 1px;
        left: 0;
        top: 0;
        background-color: #fff
    }
}

.footer-main .contact.active h2.fsElementTitle button:after,
.footer-main .footer-quicklinks.active h2.fsElementTitle button:after {
    content: "\E90A";
    font-size: 2.5px
}

.footer-main .contact.active>.fsElementContent,
.footer-main .footer-quicklinks.active>.fsElementContent {
    max-height: 500px;
    padding: 20px 0
}

.footer-main .contact button,
.footer-main .contact h2.fsElementTitle,
.footer-main .footer-quicklinks button,
.footer-main .footer-quicklinks h2.fsElementTitle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 0;
    background: none;
    margin: 0;
    width: 100%;
    padding: 15px 0;
    font-weight: 700;
    font-size: 1.625rem;
    line-height: 1.5;
    color: #fff;
    text-align: left;
    cursor: auto;
    pointer-events: none
}

@media (max-width:960px) {

    .footer-main .contact button,
    .footer-main .contact h2.fsElementTitle,
    .footer-main .footer-quicklinks button,
    .footer-main .footer-quicklinks h2.fsElementTitle {
        cursor: pointer;
        pointer-events: all;
        font-size: 1.25rem
    }
}

@media (max-width:960px) {

    .footer-main .contact button:after,
    .footer-main .contact h2.fsElementTitle:after,
    .footer-main .footer-quicklinks button:after,
    .footer-main .footer-quicklinks h2.fsElementTitle:after {
        margin-right: 20px;
        content: "\E910";
        font-family: IcoMoon;
        font-smoothing: antialiased;
        font-weight: 400;
        speak: none;
        font-size: .625rem;
        color: var(--secondary-accent);
        line-height: 1
    }
}

.footer-main .contact button,
.footer-main .footer-quicklinks button {
    display: flex
}

@media (min-width:961px) {

    .footer-main .contact button,
    .footer-main .footer-quicklinks button {
        display: none
    }
}

.footer-main .contact h2.fsElementTitle,
.footer-main .footer-quicklinks h2.fsElementTitle {
    margin-bottom: 0;
    overflow: hidden;
    display: none
}

@media (min-width:961px) {

    .footer-main .contact h2.fsElementTitle,
    .footer-main .footer-quicklinks h2.fsElementTitle {
        margin-bottom: 20px;
        display: block
    }
}

@media (max-width:960px) {

    .footer-main .contact>.fsElementContent,
    .footer-main .footer-quicklinks>.fsElementContent {
        padding: 0;
        max-height: 0;
        overflow: hidden;
        transition: all .3s ease
    }
}

.footer-main .contact a,
.footer-main .footer-quicklinks a {
    padding: 0;
    margin-bottom: 12px;
    background: none;
    font-family: var(--sans), sans-serif;
    font-weight: 600;
    font-size: .875rem;
    line-height: 1.85;
    letter-spacing: 3px;
    text-transform: uppercase;
    text-decoration: none;
    color: var(--secondary-accent)
}

.footer-main .contact a:focus,
.footer-main .contact a:hover,
.footer-main .footer-quicklinks a:focus,
.footer-main .footer-quicklinks a:hover {
    color: #fff
}

.footer-main .footer-quicklinks ul,
.footer-main .footer-quicklinks ul ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.footer-main .footer-quicklinks ul li {
    margin: 0;
    padding: 0
}

.footer-main .footer-quicklinks ul li a {
    display: block
}

@media (max-width:960px) {
    .footer-main .contact {
        border-top: 1px solid hsla(0, 0%, 100%, .5)
    }
}

.footer-main .contact p {
    margin-bottom: 0
}

.footer-main .contact a {
    display: flex;
    align-items: center;
    margin-top: 4px;
    margin-bottom: 4px
}

.footer-main .contact a[href*=tel] {
    margin-top: 18px
}

.footer-main .contact a[href*=tel]:before {
    content: "\E90E";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

.footer-main .contact a[href*=http]:before {
    content: "\E905";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    margin-right: 12px
}

.footer-main .contact a:before {
    display: inline-block;
    margin-right: 8px;
    color: #fff;
    font-size: 1.125rem
}

.disclaimer {
    width: 100%;
    font-family: var(--sans), sans-serif;
    font-size: 1rem;
    line-height: 1.7;
    letter-spacing: .01em;
    color: hsla(0, 0%, 100%, .7)
}

@media (max-width:960px) {
    .disclaimer {
        order: 2;
        margin-bottom: 30px
    }
}

.copyright {
    margin-right: 30px;
    font-family: var(--sans), sans-serif;
    font-size: .8125rem;
    line-height: 1.7;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 3px
}

@media (max-width:960px) {
    .copyright {
        order: 3;
        margin-bottom: 20px
    }
}

.school-details {
    margin-bottom: 30px
}

.school-details [itemprop=name] {
    margin-top: 0;
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1.1;
    margin-bottom: 20px
}

.school-details [itemprop=streetAddress] {
    display: block
}

.school-details a {
    color: inherit
}

*,
:after,
:before {
    box-sizing: border-box
}

:after,
:before {
    pointer-events: none
}

html {
    font-family: var(--serif), serif;
    background: var(--primary-color);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

body,
html {
    max-width: 100vw;
    overflow-x: hidden;
    position: relative
}

body {
    font-size: 1.125rem;
    line-height: 1.5;
    color: var(--primary-color)
}

body.drawer-is-active,
body.fix-nav-sub-active,
body.news-drawer-active,
body.search-is-active,
body.stories-pop-up-active,
body.video-pop-up-active {
    overflow: hidden
}

body.fsComposeMode {
    overflow-x: hidden
}

#fsPageWrapper {
    position: relative
}

@media (min-width:1060px) {
    body:not(.home) #fsPageWrapper {
        padding-top: 150px
    }
}

@media (min-width:1060px) {
    body:not(.home).accessible #fsPageWrapper {
        padding-top: 0
    }
}

#fsPageWrapper:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 29, 61, .8);
    transition: all .3s ease .25s;
    opacity: 0;
    pointer-events: none;
    z-index: 6
}

.Win.drawer-is-active #fsPageWrapper,
.Win.main-nav-open #fsPageWrapper,
.Win.news-drawer-active #fsPageWrapper,
.Win.search-is-active #fsPageWrapper,
.Win.stories-pop-up-active #fsPageWrapper,
.Win.video-pop-up-active #fsPageWrapper {
    padding-right: 10px
}

.drawer-is-active #fsPageWrapper:after,
.main-nav-open #fsPageWrapper:after,
.news-drawer-active #fsPageWrapper:after,
.search-is-active #fsPageWrapper:after,
.stories-pop-up-active #fsPageWrapper:after,
.video-pop-up-active #fsPageWrapper:after {
    opacity: 1;
    pointer-events: all
}

@media (min-width:1025px) {

    .drawer-is-active #fsPageWrapper,
    .search-is-active #fsPageWrapper,
    .video-pop-up-active #fsPageWrapper {
        pointer-events: none
    }
}

.drawer-is-active #fsPageWrapper:after,
.news-drawer-active #fsPageWrapper:after,
.search-is-active #fsPageWrapper:after,
.video-pop-up-active #fsPageWrapper:after {
    z-index: 21
}

body.fsComposeMode #fsPageWrapper {
    overflow: visible
}

#fsPageBodyWrapper {
    padding: 20px;
    background: #fff;
    position: relative;
    z-index: 1
}

@media (min-width:961px) {
    #fsPageBodyWrapper {
        padding-top: 60px;
        padding-bottom: 60px
    }
}

@media (min-width:961px) {
    .landing #fsPageBodyWrapper {
        padding-top: 100px
    }
}

.drawer-is-active #fsPageBodyWrapper,
.main-nav-open #fsPageBodyWrapper,
.news-drawer-active #fsPageBodyWrapper,
.search-is-active #fsPageBodyWrapper,
.stories-pop-up-active #fsPageBodyWrapper,
.video-pop-up-active #fsPageBodyWrapper {
    z-index: auto;
    position: static
}

@media (max-width:640px) {
    body:not(.fsAccountBarVisible).fix-nav-sub-active #fsPageBodyWrapper {
        padding-top: 56px
    }
}

#fsPageBody {
    position: relative;
    margin: 0 auto;
    max-width: 1180px;
    display: flex;
    flex-wrap: wrap
}

@media (min-width:641px) {
    #fsPageBody {
        display: block
    }
}

@media (min-width:1024px) {
    #fsPageBody {
        display: flex
    }
}

.fsLiveMode .full-width,
.fsLiveMode div.full-width,
.fsLiveMode section.full-width {
    position: relative;
    margin: 0 0 40px;
    width: 100vw;
    left: 50%;
    transform: translateX(-50%)
}

@media (min-width:641px) {

    .fsLiveMode .full-width,
    .fsLiveMode div.full-width,
    .fsLiveMode section.full-width {
        margin: 0 0 80px
    }
}

.fsLiveMode .fsLayout.full-width {
    margin: 0 0 80px
}

@media (min-width:641px) {
    .fsLiveMode .fsLayout.full-width {
        margin: 0 0 80px
    }
}

@media (min-width:641px) {
    .fsElement.fsLayout.landing-intro {
        margin-bottom: 50px
    }
}

@media (min-width:641px) {

    .fsElement.fsLayout.landing-intro .fsStyleOneThird,
    .fsElement.fsLayout.landing-intro .fsStyleTwoThirds {
        margin-bottom: 40px
    }
}

#fsBannerLeft {
    order: 1;
    width: 100%
}

@media (min-width:641px) {
    #fsBannerLeft {
        padding-right: 30px;
        width: 210px;
        order: 1;
        margin-bottom: 0
    }
}

@media (min-width:961px) {
    #fsBannerLeft {
        padding-right: 70px;
        width: 400px;
        order: 1
    }
}

@media (min-width:641px) {
    .fsHasLeftBanner.fsHasRightBanner #fsBannerLeft {
        order: 1;
        padding-right: 30px;
        width: 210px
    }
}

@media (min-width:961px) {
    .fsHasLeftBanner.fsHasRightBanner #fsBannerLeft {
        padding-right: 70px;
        width: 400px
    }
}

@media (min-width:1024px) {
    .fsHasLeftBanner.fsHasRightBanner #fsBannerLeft {
        order: 1;
        padding-right: 30px;
        width: 210px
    }
}

@media (min-width:1280px) {
    .fsHasLeftBanner.fsHasRightBanner #fsBannerLeft {
        padding-right: 70px;
        width: 400px
    }
}

#fsPageContent {
    width: 100%
}

.fsHasRightBanner #fsPageContent {
    order: 1;
    width: 100%
}

@media (min-width:641px) {
    .fsHasRightBanner #fsPageContent {
        order: 1;
        width: calc(100% - 270px)
    }
}

@media (min-width:961px) {
    .fsHasRightBanner #fsPageContent {
        order: 1;
        width: calc(100% - 400px)
    }
}

.fsHasLeftBanner #fsPageContent {
    order: 1;
    width: 100%
}

@media (min-width:641px) {
    .fsHasLeftBanner #fsPageContent {
        order: 1;
        width: calc(100% - 210px)
    }
}

@media (min-width:961px) {
    .fsHasLeftBanner #fsPageContent {
        order: 1;
        width: calc(100% - 400px)
    }
}

.fsHasLeftBanner.fsHasRightBanner #fsPageContent {
    order: 1;
    margin-bottom: 30px;
    width: 100%
}

@media (min-width:641px) {
    .fsHasLeftBanner.fsHasRightBanner #fsPageContent {
        order: 1;
        width: calc(100% - 210px)
    }
}

@media (min-width:961px) {
    .fsHasLeftBanner.fsHasRightBanner #fsPageContent {
        width: calc(100% - 400px)
    }
}

@media (min-width:1024px) {
    .fsHasLeftBanner.fsHasRightBanner #fsPageContent {
        order: 1;
        width: calc(100% - 480px);
        margin-bottom: 0
    }
}

@media (min-width:1280px) {
    .fsHasLeftBanner.fsHasRightBanner #fsPageContent {
        width: calc(100% - 800px)
    }
}

#fsBannerRight {
    order: 1;
    width: 100%;
    margin-bottom: 30px
}

@media (min-width:641px) {
    #fsBannerRight {
        padding-left: 50px;
        width: 270px;
        order: 1;
        margin-bottom: 0
    }
}

@media (min-width:961px) {
    #fsBannerRight {
        padding-left: 70px;
        width: 400px;
        order: 1
    }
}

.fsHasLeftBanner.fsHasRightBanner #fsBannerRight {
    width: 100%;
    padding: 0
}

@media (min-width:641px) {
    .fsHasLeftBanner.fsHasRightBanner #fsBannerRight {
        width: calc(100% - 210px)
    }
}

@media (min-width:961px) {
    .fsHasLeftBanner.fsHasRightBanner #fsBannerRight {
        width: calc(100% - 400px)
    }
}

@media (min-width:1024px) {
    .fsHasLeftBanner.fsHasRightBanner #fsBannerRight {
        order: 1;
        padding-left: 50px;
        width: 270px
    }
}

@media (min-width:1280px) {
    .fsHasLeftBanner.fsHasRightBanner #fsBannerRight {
        padding-left: 70px;
        width: 400px
    }
}

@media (min-width:641px) {
    .fsLayout {
        margin-right: -30px;
        margin-left: -30px
    }
}

.fsLayout .fsDiv {
    margin-bottom: 30px;
    width: 100%;
    float: none
}

@media (min-width:641px) {
    .fsLayout .fsDiv {
        float: left;
        padding-right: 1.66667em;
        padding-left: 1.66667em
    }
}

.fsLayout>footer,
.fsLayout>header {
    width: 100%
}

@media (min-width:641px) {

    .fsLayout>footer,
    .fsLayout>header {
        padding-right: 1.66667em;
        padding-left: 1.66667em
    }
}

@media (min-width:800px) {
    .fsTwoColumnLayout .fsDiv {
        width: 50%
    }
}

.landing .fsThreeColumnLayout {
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

.landing .fsThreeColumnLayout>header {
    width: 100%;
    z-index: 1
}

@media (min-width:900px) {
    .landing .fsThreeColumnLayout .fsDiv {
        padding: 0 13px;
        max-width: 403px
    }
}

@media (min-width:900px) {
    .fsThreeColumnLayout .fsDiv {
        width: 33.33333%
    }
}

@media (min-width:800px) {
    .fsFourColumnLayout .fsDiv {
        width: 50%
    }
}

@media (min-width:1000px) {
    .fsFourColumnLayout .fsDiv {
        width: 25%
    }
}

.fsLayout .fsStyleOneThird,
.fsLayout .fsStyleTwoThirds {
    float: none
}

.fsLayout .fsStyleTwoThirds>.fsDiv {
    padding-left: 0;
    padding-right: 0;
    float: none
}

@media (min-width:641px) {
    .fsLayout .fsStyleTwoThirds>.fsTwoColumnLayout {
        margin-right: -30px;
        margin-left: -30px
    }
}

.fsElephantLeftLayout,
.fsTwoColumnWideRightLayout {
    margin-left: 0;
    margin-right: 0
}

@media (min-width:641px) {

    .fsElephantLeftLayout,
    .fsTwoColumnWideRightLayout {
        display: flex;
        flex-wrap: wrap
    }
}

.fsElephantLeftLayout>footer,
.fsElephantLeftLayout>header,
.fsTwoColumnWideRightLayout>footer,
.fsTwoColumnWideRightLayout>header {
    padding-left: 0;
    padding-right: 0
}

.fsElephantLeftLayout .fsStyleOneThird,
.fsTwoColumnWideRightLayout .fsStyleOneThird {
    width: 100%;
    margin-bottom: 30px
}

@media (min-width:641px) {

    .fsElephantLeftLayout .fsStyleOneThird,
    .fsTwoColumnWideRightLayout .fsStyleOneThird {
        padding-left: 0;
        padding-right: 30px;
        width: 210px;
        margin-bottom: 0
    }
}

@media (min-width:961px) {

    .fsElephantLeftLayout .fsStyleOneThird,
    .fsTwoColumnWideRightLayout .fsStyleOneThird {
        padding-right: 70px;
        width: 400px
    }
}

.fsElephantLeftLayout .fsStyleTwoThirds,
.fsTwoColumnWideRightLayout .fsStyleTwoThirds {
    width: 100%
}

@media (min-width:641px) {

    .fsElephantLeftLayout .fsStyleTwoThirds,
    .fsTwoColumnWideRightLayout .fsStyleTwoThirds {
        padding-left: 0;
        padding-right: 0;
        width: calc(100% - 210px)
    }
}

@media (min-width:961px) {

    .fsElephantLeftLayout .fsStyleTwoThirds,
    .fsTwoColumnWideRightLayout .fsStyleTwoThirds {
        width: calc(100% - 400px)
    }
}

.fsHasElephantLeftLayout.fsHasRightBanner #fsPageContent,
.fsHasTwoColumnWideRightLayout.fsHasRightBanner #fsPageContent {
    width: 100%
}

@media (min-width:1024px) {

    .fsHasElephantLeftLayout.fsHasRightBanner #fsPageContent,
    .fsHasTwoColumnWideRightLayout.fsHasRightBanner #fsPageContent {
        width: calc(100% - 270px)
    }
}

@media (min-width:1280px) {

    .fsHasElephantLeftLayout.fsHasRightBanner #fsPageContent,
    .fsHasTwoColumnWideRightLayout.fsHasRightBanner #fsPageContent {
        width: calc(100% - 400px)
    }
}

.fsHasElephantLeftLayout.fsHasRightBanner #fsBannerRight,
.fsHasTwoColumnWideRightLayout.fsHasRightBanner #fsBannerRight {
    width: 100%;
    padding-left: 0;
    margin-top: 30px
}

@media (min-width:1024px) {

    .fsHasElephantLeftLayout.fsHasRightBanner #fsBannerRight,
    .fsHasTwoColumnWideRightLayout.fsHasRightBanner #fsBannerRight {
        padding-left: 50px;
        width: 270px;
        margin-top: 0
    }
}

@media (min-width:1280px) {

    .fsHasElephantLeftLayout.fsHasRightBanner #fsBannerRight,
    .fsHasTwoColumnWideRightLayout.fsHasRightBanner #fsBannerRight {
        padding-left: 70px;
        width: 400px
    }
}

@media (min-width:641px) {

    .fsHasElephantLeftLayout.fsHasRightBanner .fsStyleOneThird,
    .fsHasTwoColumnWideRightLayout.fsHasRightBanner .fsStyleOneThird {
        padding-right: 30px;
        width: 210px
    }
}

@media (min-width:961px) {

    .fsHasElephantLeftLayout.fsHasRightBanner .fsStyleOneThird,
    .fsHasTwoColumnWideRightLayout.fsHasRightBanner .fsStyleOneThird {
        padding-right: 70px;
        width: 400px
    }
}

@media (min-width:1024px) {

    .fsHasElephantLeftLayout.fsHasRightBanner .fsStyleOneThird,
    .fsHasTwoColumnWideRightLayout.fsHasRightBanner .fsStyleOneThird {
        padding-right: 30px;
        width: 210px
    }
}

@media (min-width:1280px) {

    .fsHasElephantLeftLayout.fsHasRightBanner .fsStyleOneThird,
    .fsHasTwoColumnWideRightLayout.fsHasRightBanner .fsStyleOneThird {
        padding-right: 70px;
        width: 400px
    }
}

.fsHasElephantLeftLayout.fsHasRightBanner .fsStyleTwoThirds,
.fsHasTwoColumnWideRightLayout.fsHasRightBanner .fsStyleTwoThirds {
    width: 100%
}

@media (min-width:641px) {

    .fsHasElephantLeftLayout.fsHasRightBanner .fsStyleTwoThirds,
    .fsHasTwoColumnWideRightLayout.fsHasRightBanner .fsStyleTwoThirds {
        width: calc(100% - 210px)
    }
}

@media (min-width:961px) {

    .fsHasElephantLeftLayout.fsHasRightBanner .fsStyleTwoThirds,
    .fsHasTwoColumnWideRightLayout.fsHasRightBanner .fsStyleTwoThirds {
        width: calc(100% - 400px)
    }
}

@media (min-width:1024px) {

    .fsHasElephantLeftLayout.fsHasRightBanner .fsStyleTwoThirds,
    .fsHasTwoColumnWideRightLayout.fsHasRightBanner .fsStyleTwoThirds {
        width: calc(100% - 210px)
    }
}

@media (min-width:1280px) {

    .fsHasElephantLeftLayout.fsHasRightBanner .fsStyleTwoThirds,
    .fsHasTwoColumnWideRightLayout.fsHasRightBanner .fsStyleTwoThirds {
        width: calc(100% - 400px)
    }
}

@media (min-width:1024px) {

    .fsHasElephantLeftLayout.fsHasLeftBanner #fsPageContent,
    .fsHasTwoColumnWideRightLayout.fsHasLeftBanner #fsPageContent {
        width: calc(100% - 210px)
    }
}

@media (min-width:1280px) {

    .fsHasElephantLeftLayout.fsHasLeftBanner #fsPageContent,
    .fsHasTwoColumnWideRightLayout.fsHasLeftBanner #fsPageContent {
        width: calc(100% - 400px)
    }
}

@media (min-width:1024px) {

    .fsHasElephantLeftLayout.fsHasLeftBanner #fsBannerLeft,
    .fsHasTwoColumnWideRightLayout.fsHasLeftBanner #fsBannerLeft {
        padding-right: 30px;
        width: 210px;
        margin-top: 0
    }
}

@media (min-width:1280px) {

    .fsHasElephantLeftLayout.fsHasLeftBanner #fsBannerLeft,
    .fsHasTwoColumnWideRightLayout.fsHasLeftBanner #fsBannerLeft {
        padding-right: 70px;
        width: 400px
    }
}

.fsHasElephantLeftLayout.fsHasLeftBanner .fsStyleOneThird,
.fsHasTwoColumnWideRightLayout.fsHasLeftBanner .fsStyleOneThird {
    width: 100%;
    padding-right: 0
}

@media (min-width:1024px) {

    .fsHasElephantLeftLayout.fsHasLeftBanner .fsStyleOneThird,
    .fsHasTwoColumnWideRightLayout.fsHasLeftBanner .fsStyleOneThird {
        padding-right: 30px;
        width: 210px
    }
}

.fsHasElephantLeftLayout.fsHasLeftBanner .fsStyleTwoThirds,
.fsHasTwoColumnWideRightLayout.fsHasLeftBanner .fsStyleTwoThirds {
    width: 100%
}

@media (min-width:1024px) {

    .fsHasElephantLeftLayout.fsHasLeftBanner .fsStyleTwoThirds,
    .fsHasTwoColumnWideRightLayout.fsHasLeftBanner .fsStyleTwoThirds {
        width: calc(100% - 210px)
    }
}

@media (min-width:641px) {

    .fsHasElephantLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerLeft,
    .fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerLeft {
        padding-right: 30px;
        width: 210px
    }
}

@media (min-width:1024px) {

    .fsHasElephantLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerLeft,
    .fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerLeft {
        padding-right: 30px;
        width: 210px
    }
}

.fsHasElephantLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent,
.fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent {
    width: 100%;
    margin-bottom: 0
}

@media (min-width:641px) {

    .fsHasElephantLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent,
    .fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent {
        width: calc(100% - 210px)
    }
}

@media (min-width:1024px) {

    .fsHasElephantLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent,
    .fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent {
        width: calc(100% - 480px)
    }
}

.fsHasElephantLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerRight,
.fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerRight {
    width: 100%;
    padding-left: 0;
    margin-top: 30px;
    margin-bottom: 0
}

@media (min-width:1024px) {

    .fsHasElephantLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerRight,
    .fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerRight {
        padding-left: 50px;
        width: 270px;
        margin-top: 0
    }
}

.fsHasElephantLeftLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleOneThird,
.fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleOneThird {
    margin-bottom: 30px;
    width: 100%
}

@media (min-width:1280px) {

    .fsHasElephantLeftLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleOneThird,
    .fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleOneThird {
        padding-right: 30px;
        width: 210px;
        margin-bottom: 0
    }
}

.fsHasElephantLeftLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleTwoThirds,
.fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleTwoThirds {
    width: 100%;
    margin-bottom: 0
}

@media (min-width:1280px) {

    .fsHasElephantLeftLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleTwoThirds,
    .fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleTwoThirds {
        width: calc(100% - 210px)
    }
}

.fsElephantRightLayout,
.fsTwoColumnWideLeftLayout {
    margin-left: 0;
    margin-right: 0
}

@media (min-width:641px) {

    .fsElephantRightLayout,
    .fsTwoColumnWideLeftLayout {
        display: flex;
        flex-wrap: wrap
    }
}

.fsElephantRightLayout>footer,
.fsElephantRightLayout>header,
.fsTwoColumnWideLeftLayout>footer,
.fsTwoColumnWideLeftLayout>header {
    padding-left: 0;
    padding-right: 0
}

.fsElephantRightLayout .fsStyleOneThird,
.fsTwoColumnWideLeftLayout .fsStyleOneThird {
    width: 100%;
    margin-bottom: 30px
}

@media (min-width:641px) {

    .fsElephantRightLayout .fsStyleOneThird,
    .fsTwoColumnWideLeftLayout .fsStyleOneThird {
        padding-left: 50px;
        padding-right: 0;
        width: 270px;
        margin-bottom: 0
    }
}

@media (min-width:961px) {

    .fsElephantRightLayout .fsStyleOneThird,
    .fsTwoColumnWideLeftLayout .fsStyleOneThird {
        padding-left: 70px;
        width: 400px
    }
}

.fsElephantRightLayout .fsStyleTwoThirds,
.fsTwoColumnWideLeftLayout .fsStyleTwoThirds {
    width: 100%
}

@media (min-width:641px) {

    .fsElephantRightLayout .fsStyleTwoThirds,
    .fsTwoColumnWideLeftLayout .fsStyleTwoThirds {
        width: calc(100% - 270px);
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width:961px) {

    .fsElephantRightLayout .fsStyleTwoThirds,
    .fsTwoColumnWideLeftLayout .fsStyleTwoThirds {
        width: calc(100% - 400px)
    }
}

.fsHasElephantRightLayout.fsHasLeftBanner #fsPageContent,
.fsHasTwoColumnWideLeftLayout.fsHasLeftBanner #fsPageContent {
    width: 100%
}

@media (min-width:641px) {

    .fsHasElephantRightLayout.fsHasLeftBanner #fsPageContent,
    .fsHasTwoColumnWideLeftLayout.fsHasLeftBanner #fsPageContent {
        width: calc(100% - 210px)
    }
}

@media (min-width:961px) {

    .fsHasElephantRightLayout.fsHasLeftBanner #fsPageContent,
    .fsHasTwoColumnWideLeftLayout.fsHasLeftBanner #fsPageContent {
        width: calc(100% - 400px)
    }
}

@media (min-width:1024px) {

    .fsHasElephantRightLayout.fsHasLeftBanner #fsPageContent,
    .fsHasTwoColumnWideLeftLayout.fsHasLeftBanner #fsPageContent {
        width: calc(100% - 210px)
    }
}

@media (min-width:1280px) {

    .fsHasElephantRightLayout.fsHasLeftBanner #fsPageContent,
    .fsHasTwoColumnWideLeftLayout.fsHasLeftBanner #fsPageContent {
        width: calc(100% - 400px)
    }
}

.fsHasElephantRightLayout.fsHasLeftBanner #fsBannerLeft,
.fsHasTwoColumnWideLeftLayout.fsHasLeftBanner #fsBannerLeft {
    width: 100%;
    padding-left: 0;
    margin-bottom: 30px
}

@media (min-width:641px) {

    .fsHasElephantRightLayout.fsHasLeftBanner #fsBannerLeft,
    .fsHasTwoColumnWideLeftLayout.fsHasLeftBanner #fsBannerLeft {
        padding-right: 30px;
        width: 210px
    }
}

@media (min-width:961px) {

    .fsHasElephantRightLayout.fsHasLeftBanner #fsBannerLeft,
    .fsHasTwoColumnWideLeftLayout.fsHasLeftBanner #fsBannerLeft {
        padding-right: 70px;
        width: 400px
    }
}

@media (min-width:1024px) {

    .fsHasElephantRightLayout.fsHasLeftBanner #fsBannerLeft,
    .fsHasTwoColumnWideLeftLayout.fsHasLeftBanner #fsBannerLeft {
        padding-right: 30px;
        width: 210px;
        margin-bottom: 0
    }
}

@media (min-width:1280px) {

    .fsHasElephantRightLayout.fsHasLeftBanner #fsBannerLeft,
    .fsHasTwoColumnWideLeftLayout.fsHasLeftBanner #fsBannerLeft {
        padding-right: 70px;
        width: 400px
    }
}

.fsHasElephantRightLayout.fsHasLeftBanner .fsStyleOneThird,
.fsHasTwoColumnWideLeftLayout.fsHasLeftBanner .fsStyleOneThird {
    width: 100%;
    padding-left: 0
}

@media (min-width:1024px) {

    .fsHasElephantRightLayout.fsHasLeftBanner .fsStyleOneThird,
    .fsHasTwoColumnWideLeftLayout.fsHasLeftBanner .fsStyleOneThird {
        padding-left: 50px;
        width: 270px
    }
}

@media (min-width:1280px) {

    .fsHasElephantRightLayout.fsHasLeftBanner .fsStyleOneThird,
    .fsHasTwoColumnWideLeftLayout.fsHasLeftBanner .fsStyleOneThird {
        padding-left: 70px;
        width: 400px
    }
}

.fsHasElephantRightLayout.fsHasLeftBanner .fsStyleTwoThirds,
.fsHasTwoColumnWideLeftLayout.fsHasLeftBanner .fsStyleTwoThirds {
    margin-bottom: 30px;
    width: 100%
}

@media (min-width:1024px) {

    .fsHasElephantRightLayout.fsHasLeftBanner .fsStyleTwoThirds,
    .fsHasTwoColumnWideLeftLayout.fsHasLeftBanner .fsStyleTwoThirds {
        width: calc(100% - 270px);
        margin-bottom: 0
    }
}

@media (min-width:1280px) {

    .fsHasElephantRightLayout.fsHasLeftBanner .fsStyleTwoThirds,
    .fsHasTwoColumnWideLeftLayout.fsHasLeftBanner .fsStyleTwoThirds {
        width: calc(100% - 400px)
    }
}

@media (min-width:1024px) {

    .fsHasElephantRightLayout.fsHasRightBanner #fsPageContent,
    .fsHasTwoColumnWideLeftLayout.fsHasRightBanner #fsPageContent {
        width: calc(100% - 270px)
    }
}

@media (min-width:1280px) {

    .fsHasElephantRightLayout.fsHasRightBanner #fsPageContent,
    .fsHasTwoColumnWideLeftLayout.fsHasRightBanner #fsPageContent {
        width: calc(100% - 400px)
    }
}

@media (min-width:1024px) {

    .fsHasElephantRightLayout.fsHasRightBanner #fsBannerRight,
    .fsHasTwoColumnWideLeftLayout.fsHasRightBanner #fsBannerRight {
        padding-left: 50px;
        width: 270px;
        margin-top: 0
    }
}

@media (min-width:1280px) {

    .fsHasElephantRightLayout.fsHasRightBanner #fsBannerRight,
    .fsHasTwoColumnWideLeftLayout.fsHasRightBanner #fsBannerRight {
        padding-left: 70px;
        width: 400px
    }
}

.fsHasElephantRightLayout.fsHasRightBanner .fsStyleOneThird,
.fsHasTwoColumnWideLeftLayout.fsHasRightBanner .fsStyleOneThird {
    width: 100%;
    padding-left: 0
}

@media (min-width:1024px) {

    .fsHasElephantRightLayout.fsHasRightBanner .fsStyleOneThird,
    .fsHasTwoColumnWideLeftLayout.fsHasRightBanner .fsStyleOneThird {
        padding-left: 50px;
        width: 270px
    }
}

.fsHasElephantRightLayout.fsHasRightBanner .fsStyleTwoThirds,
.fsHasTwoColumnWideLeftLayout.fsHasRightBanner .fsStyleTwoThirds {
    width: 100%
}

@media (min-width:1024px) {

    .fsHasElephantRightLayout.fsHasRightBanner .fsStyleTwoThirds,
    .fsHasTwoColumnWideLeftLayout.fsHasRightBanner .fsStyleTwoThirds {
        width: calc(100% - 270px)
    }
}

.fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerRight,
.fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerRight {
    width: 100%;
    padding-left: 0;
    margin-top: 30px;
    margin-bottom: 0
}

@media (min-width:1024px) {

    .fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerRight,
    .fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerRight {
        padding-left: 50px;
        width: 270px;
        margin-top: 0
    }
}

.fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent,
.fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent {
    width: 100%;
    margin-bottom: 0
}

@media (min-width:641px) {

    .fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent,
    .fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent {
        width: calc(100% - 210px)
    }
}

@media (min-width:1024px) {

    .fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent,
    .fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent {
        width: calc(100% - 480px)
    }
}

.fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerLeft,
.fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerLeft {
    width: 100%;
    padding-left: 0;
    margin-bottom: 30px
}

@media (min-width:641px) {

    .fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerLeft,
    .fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerLeft {
        padding-right: 30px;
        width: 210px;
        margin-bottom: 0
    }
}

@media (min-width:1024px) {

    .fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerLeft,
    .fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerLeft {
        padding-right: 30px;
        width: 210px
    }
}

.fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleOneThird,
.fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleOneThird {
    margin-bottom: 0
}

@media (min-width:961px) {

    .fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleOneThird,
    .fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleOneThird {
        padding-left: 50px;
        width: 270px
    }
}

@media (min-width:1024px) {

    .fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleOneThird,
    .fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleOneThird {
        width: 100%;
        padding-left: 0
    }
}

@media (min-width:1280px) {

    .fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleOneThird,
    .fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleOneThird {
        padding-left: 50px;
        width: 270px
    }
}

.fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleTwoThirds,
.fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleTwoThirds {
    margin-bottom: 0
}

@media (min-width:961px) {

    .fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleTwoThirds,
    .fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleTwoThirds {
        width: calc(100% - 270px)
    }
}

@media (min-width:1024px) {

    .fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleTwoThirds,
    .fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleTwoThirds {
        width: 100%
    }
}

@media (min-width:1280px) {

    .fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleTwoThirds,
    .fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleTwoThirds {
        width: calc(100% - 270px)
    }
}

#fsPoweredByFinalsite {
    margin-right: auto
}

@media (max-width:960px) {
    #fsPoweredByFinalsite {
        order: 4
    }
}

#fsPoweredByFinalsite a {
    display: block;
    width: 130px;
    height: 21px;
    background: none
}

.fsConstituent {
    word-break: break-word
}

.fsConstituent .fsElementPagination {
    margin: 30px 0
}

.fsConstituent .fsPhoto[style*=background-image],
.fsConstituent .fsProfileImage[style*=background-image] {
    background-size: cover;
    background-position: 50%;
    display: inline-block
}

.fsConstituent .fsPhoto[style*=background-image]>img,
.fsConstituent .fsProfileImage[style*=background-image]>img {
    opacity: 0;
    visibility: hidden
}

.fsConstituent[class*=fsThumbnailAlign] .fsPhoto img,
.fsConstituent[class*=fsThumbnailAlign] .fsProfileImage img {
    float: none;
    margin: 0
}

.fsConstituent.fsThumbnailAlignLeft .fsPhoto,
.fsConstituent.fsThumbnailAlignLeft .fsProfileImage {
    float: left;
    padding-right: 0
}

.fsConstituent.fsThumbnailAlignRight .fsPhoto,
.fsConstituent.fsThumbnailAlignRight .fsProfileImage {
    float: right;
    padding-left: 0
}

.fsConstituentProfile {
    position: relative
}

.fsConstituentProfile>div,
.fsConstituentProfile>h3 {
    margin-bottom: 30px
}

.fsConstituentProfile>div>strong {
    display: block
}

.fsConstituent .fsConstituentItem {
    float: none;
    width: calc(100% - 30px);
    margin: 0 auto 60px
}

.fsConstituent.fsThumbnailAlignLeft .fsPhoto {
    margin-right: 15px;
    margin-bottom: 15px
}

.fsConstituent.fsThumbnailAlignRight .fsPhoto {
    margin-left: 15px;
    margin-bottom: 15px
}

.fsConstituentItem {
    padding-left: 15px;
    padding-right: 15px
}

.fsConstituentItem>div:last-child,
.fsConstituentItem>h3:last-child {
    margin-bottom: 0
}

.fsConstituentItem .fsPhoto img {
    display: block
}

div[class^=fsConstituentColumnLayout] {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -30px
}

@media (min-width:600px) {

    .fsConstituentColumnLayout_2 .fsConstituentItem,
    .fsConstituentColumnLayout_3 .fsConstituentItem,
    .fsConstituentColumnLayout_4 .fsConstituentItem {
        width: calc(50% - 30px);
        margin-left: 15px;
        margin-right: 15px
    }
}

@media (min-width:800px) {

    .fsConstituentColumnLayout_3 .fsConstituentItem,
    .fsConstituentColumnLayout_4 .fsConstituentItem {
        width: calc(33.33% - 30px)
    }
}

@media (min-width:1000px) {
    .fsConstituentColumnLayout_4 .fsConstituentItem {
        width: calc(25% - 30px)
    }
}

.fsConstituent.fsProfile .fsFullName {
    margin-bottom: 30px
}

.fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge .fsHasPhoto .fsProfileImage,
.fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall .fsHasPhoto .fsProfileImage,
.fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge .fsHasPhoto .fsProfileImage,
.fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall .fsHasPhoto .fsProfileImage {
    margin: 0 0 30px;
    padding: 0;
    float: none
}

.fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge .fsHasPhoto>div:not(.fsProfileImage),
.fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge .fsHasPhoto>h3,
.fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall .fsHasPhoto>div:not(.fsProfileImage),
.fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall .fsHasPhoto>h3,
.fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge .fsHasPhoto>div:not(.fsProfileImage),
.fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge .fsHasPhoto>h3,
.fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall .fsHasPhoto>div:not(.fsProfileImage),
.fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall .fsHasPhoto>h3 {
    float: none;
    width: 100%
}

@media (min-width:800px) {

    .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge .fsHasPhoto>div:not(.fsProfileImage),
    .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge .fsHasPhoto>h3,
    .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall .fsHasPhoto>div:not(.fsProfileImage),
    .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall .fsHasPhoto>h3,
    .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge .fsHasPhoto>div:not(.fsProfileImage),
    .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge .fsHasPhoto>h3,
    .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall .fsHasPhoto>div:not(.fsProfileImage),
    .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall .fsHasPhoto>h3 {
        padding: 0
    }
}

.fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge .fsHasPhoto>h3:first-child,
.fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall .fsHasPhoto>h3:first-child,
.fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge .fsHasPhoto>h3:first-child,
.fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall .fsHasPhoto>h3:first-child {
    padding: 0
}

.fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge .fsHasPhoto .fsProfileImage,
.fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge .fsHasPhoto .fsProfileImage {
    float: none
}

@media (min-width:600px) {

    .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge .fsHasPhoto .fsProfileImage,
    .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge .fsHasPhoto .fsProfileImage {
        max-width: 40%
    }
}

@media (min-width:1000px) {

    .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge.fsThumbnailRectangle .fsHasPhoto .fsProfileImage,
    .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge.fsThumbnailSquare .fsHasPhoto .fsProfileImage,
    .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge.fsThumbnailRectangle .fsHasPhoto .fsProfileImage,
    .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge.fsThumbnailSquare .fsHasPhoto .fsProfileImage {
        max-width: 512px
    }
}

@media (min-width:600px) {

    .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall .fsHasPhoto .fsProfileImage,
    .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall .fsHasPhoto .fsProfileImage {
        max-width: 25%
    }
}

@media (min-width:800px) {

    .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailRectangle .fsHasPhoto .fsProfileImage,
    .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailSquare .fsHasPhoto .fsProfileImage,
    .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailRectangle .fsHasPhoto .fsProfileImage,
    .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailSquare .fsHasPhoto .fsProfileImage {
        max-width: 128px
    }
}

.fsConstituent.fsProfile.fsThumbnailAlignLeft .fsProfileSection:after,
.fsConstituent.fsProfile.fsThumbnailAlignRight .fsProfileSection:after {
    display: none
}

.fsConstituent.fsProfile.fsThumbnailAlignLeft .fsProfileSectionData,
.fsConstituent.fsProfile.fsThumbnailAlignRight .fsProfileSectionData {
    float: none;
    display: block;
    width: 100%
}

.fsConstituent.fsProfile.fsThumbnailAlignLeft .fsProfileSectionData>div,
.fsConstituent.fsProfile.fsThumbnailAlignRight .fsProfileSectionData>div {
    clear: none
}

@media (min-width:600px) {

    .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge .fsHasPhoto .fsProfileImage,
    .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall .fsHasPhoto .fsProfileImage {
        margin-right: 30px;
        float: left
    }
}

@media (min-width:800px) {

    .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge .fsHasPhoto>div:not(.fsProfileImage),
    .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge .fsHasPhoto>h3 {
        padding-left: calc(40% + 30px)
    }
}

@media (min-width:1000px) {

    .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge.fsThumbnailRectangle .fsHasPhoto>div:not(.fsProfileImage),
    .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge.fsThumbnailRectangle .fsHasPhoto>h3,
    .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge.fsThumbnailSquare .fsHasPhoto>div:not(.fsProfileImage),
    .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge.fsThumbnailSquare .fsHasPhoto>h3 {
        padding-left: 542px
    }
}

@media (min-width:800px) {

    .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall .fsHasPhoto>div:not(.fsProfileImage),
    .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall .fsHasPhoto>h3 {
        padding-left: calc(25% + 30px)
    }
}

@media (min-width:800px) {

    .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailRectangle .fsHasPhoto>div:not(.fsProfileImage),
    .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailRectangle .fsHasPhoto>h3,
    .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailSquare .fsHasPhoto>div:not(.fsProfileImage),
    .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailSquare .fsHasPhoto>h3 {
        padding-left: 158px
    }
}

@media (min-width:600px) {

    .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge .fsHasPhoto .fsProfileImage,
    .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall .fsHasPhoto .fsProfileImage {
        margin-left: 30px;
        float: right
    }
}

@media (min-width:800px) {

    .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge .fsHasPhoto>div:not(.fsProfileImage),
    .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge .fsHasPhoto>h3 {
        padding-right: calc(40% + 30px)
    }
}

@media (min-width:1000px) {

    .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge.fsThumbnailRectangle .fsHasPhoto>div:not(.fsProfileImage),
    .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge.fsThumbnailRectangle .fsHasPhoto>h3,
    .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge.fsThumbnailSquare .fsHasPhoto>div:not(.fsProfileImage),
    .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge.fsThumbnailSquare .fsHasPhoto>h3 {
        padding-right: 542px
    }
}

@media (min-width:800px) {

    .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall .fsHasPhoto>div:not(.fsProfileImage),
    .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall .fsHasPhoto>h3 {
        padding-right: calc(25% + 30px)
    }
}

@media (min-width:800px) {

    .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailRectangle .fsHasPhoto>div:not(.fsProfileImage),
    .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailRectangle .fsHasPhoto>h3,
    .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailSquare .fsHasPhoto>div:not(.fsProfileImage),
    .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailSquare .fsHasPhoto>h3 {
        padding-right: 158px
    }
}

.fsProfileImage {
    margin-bottom: 30px
}

.fsProfileImage img {
    display: block
}

.fsProfileSection {
    margin-bottom: 30px
}

.fsProfileSection h4 {
    margin: 0 0 1rem
}

.fsProfileSectionData {
    margin-bottom: 1em
}

.fsProfileSectionData:last-child {
    margin-bottom: 0
}

.fsProfileSectionData.fsTitle {
    font-weight: inherit;
    font-size: 18px;
    line-height: 1.5
}

.fsProfileSectionData>div {
    width: auto;
    float: none;
    display: block
}

.fsProfileSectionData.fsStyleHalf {
    width: 100%
}

@media (min-width:600px) {
    .fsProfileSectionData.fsStyleHalf {
        width: 50%
    }
}

.fsProfileSectionSpecialData>div {
    width: auto;
    float: none;
    display: block
}

.fsProfileSectionSpecialData div[id^=fsEmail] {
    display: inline-block
}

.fsEmail>div:first-child,
.fsProfileSectionFieldName {
    font-weight: 700
}

.fsConstituent.fsSearch {
    overflow: hidden
}

.fsConstituent.fsSearch+.fsConstituent {
    border-top: 1px solid #bbc9d8;
    margin-top: 30px;
    padding-top: 30px
}

.fsConstituentSearchForm {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px
}

.fsConstituentSearchForm>label {
    flex-grow: 1;
    margin-bottom: 15px;
    margin-top: 15px;
    padding: 0 15px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.fsConstituentSearchForm>label>span {
    margin-bottom: 2px
}

.fsConstituentSearchForm>label>input,
.fsConstituentSearchForm>label>select {
    border: 1px solid #bbc9d8;
    flex-grow: 1
}

.fsConstituentSearchForm>label>select {
    height: 34px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.fsConstituentSearchForm [type*=submit] {
    align-self: flex-end;
    margin: 15px;
    width: 100%
}

@media (min-width:600px) {
    .fsConstituentSearchForm [type*=submit] {
        width: auto
    }
}

.fsConstituent.fsDialog .fsProfileImage:first-child {
    margin-top: 1em
}

.fsConstituent.fsDialog .fsProfileImage img {
    float: none;
    margin: 0
}

.fsConstituent .fsDialogContent {
    padding-top: 45px
}

.fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailLarge .fsProfileImage,
.fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall .fsProfileImage,
.fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailLarge .fsProfileImage,
.fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall .fsProfileImage {
    margin: 0 0 30px;
    padding: 0;
    float: none
}

.fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailLarge>div:not(.fsProfileImage),
.fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailLarge>h3,
.fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall>div:not(.fsProfileImage),
.fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall>h3,
.fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailLarge>div:not(.fsProfileImage),
.fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailLarge>h3,
.fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall>div:not(.fsProfileImage),
.fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall>h3 {
    float: none;
    width: 100%
}

@media (min-width:800px) {

    .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailLarge>div:not(.fsProfileImage),
    .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailLarge>h3,
    .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall>div:not(.fsProfileImage),
    .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall>h3,
    .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailLarge>div:not(.fsProfileImage),
    .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailLarge>h3,
    .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall>div:not(.fsProfileImage),
    .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall>h3 {
        padding: 0
    }
}

.fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailLarge>h3:first-child,
.fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall>h3:first-child,
.fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailLarge>h3:first-child,
.fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall>h3:first-child {
    padding: 0
}

.fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailLarge .fsProfileImage,
.fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailLarge .fsProfileImage {
    float: none
}

@media (min-width:600px) {

    .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailLarge .fsProfileImage,
    .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailLarge .fsProfileImage {
        max-width: 40%
    }
}

@media (min-width:600px) {

    .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall .fsProfileImage,
    .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall .fsProfileImage {
        max-width: 25%
    }
}

@media (min-width:800px) {

    .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailRectangle .fsProfileImage,
    .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailSquare .fsProfileImage,
    .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailRectangle .fsProfileImage,
    .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailSquare .fsProfileImage {
        max-width: 128px
    }
}

.fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft .fsProfileSection:after,
.fsElementDialog .fsHasPhoto.fsThumbnailAlignRight .fsProfileSection:after {
    display: none
}

.fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft .fsProfileSectionData,
.fsElementDialog .fsHasPhoto.fsThumbnailAlignRight .fsProfileSectionData {
    float: none;
    display: block;
    width: 100%
}

.fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft .fsProfileSectionData>div,
.fsElementDialog .fsHasPhoto.fsThumbnailAlignRight .fsProfileSectionData>div {
    clear: none
}

@media (min-width:600px) {

    .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailLarge .fsProfileImage,
    .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall .fsProfileImage {
        margin-right: 30px;
        float: left
    }
}

@media (min-width:800px) {

    .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailLarge>div:not(.fsProfileImage),
    .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailLarge>h3 {
        padding-left: calc(40% + 30px)
    }
}

@media (min-width:800px) {

    .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall>div:not(.fsProfileImage),
    .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall>h3 {
        padding-left: calc(25% + 30px)
    }
}

@media (min-width:800px) {

    .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailRectangle>div:not(.fsProfileImage),
    .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailRectangle>h3,
    .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailSquare>div:not(.fsProfileImage),
    .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailSquare>h3 {
        padding-left: 158px
    }
}

@media (min-width:600px) {

    .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailLarge .fsProfileImage,
    .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall .fsProfileImage {
        margin-left: 30px;
        float: right
    }
}

@media (min-width:800px) {

    .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailLarge>div:not(.fsProfileImage),
    .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailLarge>h3 {
        padding-right: calc(40% + 30px)
    }
}

@media (min-width:800px) {

    .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall>div:not(.fsProfileImage),
    .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall>h3 {
        padding-right: calc(25% + 30px)
    }
}

@media (min-width:800px) {

    .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailRectangle>div:not(.fsProfileImage),
    .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailRectangle>h3,
    .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailSquare>div:not(.fsProfileImage),
    .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailSquare>h3 {
        padding-right: 158px
    }
}

#fsAccountBar,
#fsAccountBar a {
    font-family: var(--sans), sans-serif
}

#fsAccountBar a {
    background: none;
    text-decoration: none
}

#fsAccountBar a:hover {
    text-decoration: underline
}

#fsAccountBar .fsAccountBarMenu {
    background-color: #eff1f9;
    border-width: 0;
    left: 0
}

#fsAccountBar .fsAccountBarMenu ul {
    background-color: var(--secondary-color);
    left: 100%
}

.fsAccordion .fsPanel,
.fsTabs .fsPanel {
    margin-bottom: 0
}

.fsAccordion .fsPanel>header,
.fsTabs .fsPanel>header {
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    transition: .3s
}

.fsAccordion .fsPanel>header h2,
.fsTabs .fsPanel>header h2 {
    margin-bottom: 0;
    display: block;
    padding: 15px 20px;
    color: var(--primary-color);
    font-family: var(--sans), sans-serif;
    font-weight: 700;
    font-size: .875rem;
    line-height: 1.7;
    letter-spacing: 3px;
    text-transform: uppercase;
    transition: .3s;
    border-top: 1px solid #dae1e9;
    border-left: 7px solid rgba(0, 0, 0, 0);
    position: relative
}

.fsAccordion .fsPanel>header h2 a,
.fsTabs .fsPanel>header h2 a {
    background-image: none
}

.fsAccordion .fsPanel>header:hover,
.fsTabs .fsPanel>header:hover {
    background: #eff1f9;
    transition: .3s
}

.fsAccordion .fsPanel>header:hover h2,
.fsTabs .fsPanel>header:hover h2 {
    color: var(--primary-accent);
    transition: .3s
}

.fsAccordion .fsPanel>header:hover h2 a,
.fsTabs .fsPanel>header:hover h2 a {
    color: var(--primary-accent)
}

.fsAccordion .fsPanel>.fsElementContent,
.fsTabs .fsPanel>.fsElementContent {
    margin: 20px 0;
    padding: 30px;
    background-color: #eff1f9
}

.fsAccordion .fsPanel.fsStateOpen>header,
.fsTabs .fsPanel.fsStateOpen>header {
    background: rgba(0, 0, 0, 0)
}

.fsAccordion .fsPanel.fsStateOpen>header h2,
.fsTabs .fsPanel.fsStateOpen>header h2 {
    color: var(--primary-accent);
    border-bottom: 1px solid #dae1e9;
    border-left: 7px solid var(--primary-accent)
}

.fsAccordion .fsPanel.fsStateOpen>header h2 a,
.fsTabs .fsPanel.fsStateOpen>header h2 a {
    color: var(--primary-accent)
}

.fsAccordion .fsPanel.fsStateOpen>header h2:before,
.fsTabs .fsPanel.fsStateOpen>header h2:before {
    content: "-"
}

.fsPanelIconAfter.fsAccordion .fsPanel>header h2:after,
.fsPanelIconAfter.fsTabs .fsPanel>header h2:after,
.fsPanelIconBefore.fsAccordion .fsPanel>header h2:before,
.fsPanelIconBefore.fsTabs .fsPanel>header h2:before {
    content: "";
    border: none;
    width: auto;
    height: auto;
    position: absolute;
    margin: 0;
    top: 15px;
    font-size: 1.875rem;
    line-height: .75;
    font-weight: 500;
    color: var(--primary-accent);
    content: "+";
    font-size: 2rem
}

.fsPanelIconAfter.fsAccordion .fsPanel.fsStateOpen>header h2:after,
.fsPanelIconAfter.fsTabs .fsPanel.fsStateOpen>header h2:after,
.fsPanelIconBefore.fsAccordion .fsPanel.fsStateOpen>header h2:before,
.fsPanelIconBefore.fsTabs .fsPanel.fsStateOpen>header h2:before {
    content: "";
    border: none;
    width: auto;
    height: auto;
    position: absolute;
    margin: 0;
    top: 15px;
    font-size: 1.875rem;
    line-height: .75;
    font-weight: 500;
    color: var(--primary-accent);
    content: "-";
    font-size: 3rem;
    top: 7px
}

.fsPanelIconBefore.fsAccordion .fsPanel>header h2,
.fsPanelIconBefore.fsTabs .fsPanel>header h2 {
    padding-left: 50px
}

.fsPanelIconBefore.fsAccordion .fsPanel>header h2:before,
.fsPanelIconBefore.fsTabs .fsPanel>header h2:before {
    left: 20px
}

.fsPanelIconAfter.fsAccordion .fsPanel>header h2,
.fsPanelIconAfter.fsTabs .fsPanel>header h2 {
    padding-right: 50px
}

.fsPanelIconAfter.fsAccordion .fsPanel>header h2:before,
.fsPanelIconAfter.fsTabs .fsPanel>header h2:before {
    display: none
}

.fsPanelIconAfter.fsAccordion .fsPanel>header h2:after,
.fsPanelIconAfter.fsTabs .fsPanel>header h2:after {
    right: 20px
}

.fsAccordion:not(.fsPanelIconBefore):not(.fsPanelIconAfter) .fsPanel>header h2:before,
.fsTabs:not(.fsPanelIconBefore):not(.fsPanelIconAfter) .fsPanel>header h2:before {
    content: ""
}

.fsAthleticsEvent>.fsElementContent {
    width: 100%
}

.fsAthleticsEvent .fsAlertFeeds {
    margin-bottom: 15px
}

.fsAthleticsEvent .fsElementEventIcon {
    display: inline-block;
    max-width: 100%
}

.fsAthleticsEvent .fsElementEventIcon img {
    vertical-align: middle
}

.fsAthleticsEvent .fsTitle {
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 0
}

.fsAthleticsEvent div.fsTitle {
    display: inline-block
}

.fsAthleticsEvent.fsList .fsElementEventIcon {
    margin-right: 10px
}

.fsAthleticsEvent.fsList .fsAthleticsEventDetailLink {
    outline: 0
}

.fsAthleticsEvent.fsList .fsAlertIcon {
    margin-left: 5px;
    margin-bottom: -3px
}

.fsAthleticsEvent.fsList .fsAthleticsOpponentNames,
.fsAthleticsEvent.fsList .fsAthleticsOpponents {
    display: inline
}

.fsAthleticsEvent.fsList .fsAthleticsEventReadMoreLink {
    display: inline-block;
    margin-top: 5px
}

.fsAthleticsEvent.fsList .fsAthleticsDeparture,
.fsAthleticsEvent.fsList .fsAthleticsDismissal,
.fsAthleticsEvent.fsList .fsAthleticsPickup,
.fsAthleticsEvent.fsList .fsAthleticsReturn {
    margin-top: 5px
}

.fsAthleticsEvent.fsList .fsAthleticsDepartureLabel,
.fsAthleticsEvent.fsList .fsAthleticsDepartureLabel+div,
.fsAthleticsEvent.fsList .fsAthleticsDismissalLabel,
.fsAthleticsEvent.fsList .fsAthleticsDismissalLabel+div,
.fsAthleticsEvent.fsList .fsAthleticsPickupLabel,
.fsAthleticsEvent.fsList .fsAthleticsPickupLabel+div,
.fsAthleticsEvent.fsList .fsAthleticsReturnLabel,
.fsAthleticsEvent.fsList .fsAthleticsReturnLabel+div {
    display: inline-block
}

.fsAthleticsEvent.fsEvent article>div {
    margin-bottom: 15px
}

.fsAthleticsEvent.fsEvent article>div:last-child {
    margin-bottom: 0
}

.fsAthleticsEvent.fsEvent .fsAthleticsOpponents,
.fsAthleticsEvent.fsEvent .fsAthleticsVs+div {
    display: inline-block
}

@media (min-width:801px) {
    .fsAthleticsEvent.fsTable .fsTitle .fsElementEventIcon {
        max-width: 100px
    }
}

@media (min-width:801px) {

    .fsAthleticsEvent.fsTable .fsAthleticsScore,
    .fsAthleticsEvent.fsTable .fsDateTime {
        white-space: nowrap
    }
}

.fsAthleticsEvent.fsTable .fsElementTable {
    margin-bottom: 0
}

@media (max-width:800px) {
    .fsAthleticsEvent.fsTable .fsElementTable thead {
        display: none
    }
}

.fsAthleticsEvent.fsTable .fsElementTable thead th {
    white-space: nowrap
}

.fsAthleticsEvent.fsTable .fsElementTable tr {
    border-bottom: 1px solid #bbc9d8
}

@media (max-width:800px) {
    .fsAthleticsEvent.fsTable .fsElementTable td {
        display: inline-block;
        width: 100%;
        padding: 0 15px
    }

    .fsAthleticsEvent.fsTable .fsElementTable td:not(:last-child) {
        border: 0
    }

    .fsAthleticsEvent.fsTable .fsElementTable td:first-of-type {
        padding-top: 15px
    }

    .fsAthleticsEvent.fsTable .fsElementTable td:last-of-type {
        padding-bottom: 15px
    }

    .fsAthleticsEvent.fsTable .fsElementTable td:before {
        display: inline-block;
        font-weight: 700
    }

    .fsAthleticsEvent.fsTable .fsElementTable td.fsTitle:before {
        content: "Team: "
    }

    .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsOpponents,
    .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsOpponents .fsAthleticsOpponentNames,
    .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsOpponents .fsAthleticsVs {
        display: inline-block
    }

    .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsOpponents:before {
        content: "Opponent: "
    }

    .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsDate .fsDateTime {
        display: inline-block
    }

    .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsDate:before {
        content: "Date: "
    }

    .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsTime .fsDateTime {
        display: inline-block
    }

    .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsTime:before {
        content: "Time: "
    }

    .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsLocations:before {
        content: "Location: "
    }

    .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsAdvantage:before {
        content: "Advantage: "
    }

    .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsEventType:before {
        content: "Type: "
    }

    .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsDetails:before {
        content: "Details: "
    }

    .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsResult:before {
        content: "Result: "
    }

    .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsScore:before {
        content: "Score: "
    }

    .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsAlerts:before {
        content: "Alerts: "
    }

    .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsDismissal:before {
        content: "Dismissal: "
    }

    .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsDeparture:before {
        content: "Departure: "
    }

    .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsReturn:before {
        content: "Return Time: "
    }

    .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsPickup:before {
        content: "Pickup Time: "
    }

    .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsRecap:before {
        content: "Recap: "
    }

    .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsStatus:before {
        content: "Status: "
    }
}

.fsAthleticsEvent.fsTable .fsAthleticsVs+div {
    display: inline
}

.fsAthleticsEvent.fsTable .fsAthleticsDepartureLabel,
.fsAthleticsEvent.fsTable .fsAthleticsDismissalLabel,
.fsAthleticsEvent.fsTable .fsAthleticsPickupLabel,
.fsAthleticsEvent.fsTable .fsAthleticsReturnLabel {
    display: none
}

.fsAthleticsEvent.fsTable .fsAthleticsDismissal .fsDateTime {
    display: inline-block
}

@media (min-width:800px) {
    .fsAthleticsEvent.fsTable .fsAthleticsDismissal .fsDateTime {
        display: block
    }
}

body.fsComposeMode .fsAthleticsEvent.fsTable>.fsElementContent {
    overflow-x: auto
}

.fsAthleticsEvent.fsDialog {
    margin: auto
}

.fsAthleticsEvent.fsDialog .fsAthleticsTitle {
    margin-top: 0;
    font-weight: 700;
    font-size: 1.75rem;
    line-height: 1.1;
    margin-bottom: 20px
}

.fsAthleticsEvent.fsDialog .fsAthleticsLabel {
    font-weight: 700;
    margin-top: 30px
}

.fsAthleticsEvent.fsDialog .fsAthleticsAddress>div {
    margin-top: 15px
}

.fsAthleticsRoster .fsElementTable td:before,
.fsAthleticsRosterList li>div:before {
    margin-right: 5px;
    display: inline-block;
    font-weight: 700
}

.fsAthleticsRoster .fsElementTable td.fsRosterPlayerNumber:before,
.fsAthleticsRosterList li>div.fsRosterPlayerNumber:before {
    content: "Number: "
}

.fsAthleticsRoster .fsElementTable td.fsRosterName:before,
.fsAthleticsRosterList li>div.fsRosterName:before {
    content: "Name: "
}

.fsAthleticsRoster .fsElementTable td.fsRosterPosition:before,
.fsAthleticsRosterList li>div.fsRosterPosition:before {
    content: "Position: "
}

.fsAthleticsRoster .fsElementTable td.fsRosterClass:before,
.fsAthleticsRosterList li>div.fsRosterClass:before {
    content: "Class: "
}

.fsAthleticsRoster .fsElementTable td.fsRosterGradeLevel:before,
.fsAthleticsRosterList li>div.fsRosterGradeLevel:before {
    content: "Grade: "
}

.fsAthleticsRoster .fsElementTable td.fsRosterHometown:before,
.fsAthleticsRosterList li>div.fsRosterHometown:before {
    content: "Hometown: "
}

.fsAthleticsRoster .fsElementTable td.fsRosterHeight:before,
.fsAthleticsRosterList li>div.fsRosterHeight:before {
    content: "Height: "
}

.fsAthleticsRoster .fsElementTable td.fsRosterWeight:before,
.fsAthleticsRosterList li>div.fsRosterWeight:before {
    content: "Weight: "
}

@media (max-width:800px) {
    .fsAthleticsRoster .fsElementTable thead {
        display: none
    }
}

@media (min-width:800px) {
    .fsAthleticsRoster .fsElementTable td:before {
        display: none
    }
}

@media (max-width:800px) {
    .fsAthleticsRoster .fsElementTable td {
        display: inline-block;
        width: 100%;
        padding: 0 15px
    }

    .fsAthleticsRoster .fsElementTable td:not(:last-child) {
        border: 0
    }

    .fsAthleticsRoster .fsElementTable td:first-of-type {
        padding-top: 15px
    }

    .fsAthleticsRoster .fsElementTable td:last-of-type {
        padding-bottom: 15px
    }
}

.fsAthleticsRosterContent {
    margin-bottom: 30px
}

.fsAthleticsRosterContent:empty,
.fsAthleticsRosterContent:last-child {
    margin-bottom: 0
}

.fsAthleticsRosterList,
.fsAthleticsRosterList ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.fsAthleticsRosterList li {
    margin: 0;
    padding: 0;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #dae1e9
}

.fsAthleticsRosterList li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none
}

.fsAthleticsRosterList li>div {
    margin-bottom: 15px
}

.fsAthleticsRosterList li>div:last-child {
    margin-bottom: 0
}

.fsAthleticsRosterList li>div.fsRosterName {
    margin-bottom: 15px
}

.fsAthleticsRosterList li>div.fsRosterName:before {
    display: none
}

.fsAthleticsRosterList .fsCoachImage {
    display: block;
    margin-bottom: 15px
}

.fsAthleticsTeamDirectory {
    max-width: 100%
}

.fsAthleticsTeamDirectory,
.fsAthleticsTeamDirectory ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.fsAthleticsTeamDirectory li {
    margin: 0;
    padding: 0
}

.fsAthleticsTeamDirectory>li {
    margin-bottom: 15px
}

.fsAthleticsTeamDirectory .fsAthleticsTeamIcon {
    display: inline-block
}

.fsAthleticsTeamIcon {
    margin-right: 10px
}

.fsBoardElement.fsThumbnailAlignLeft .fsThumbnail {
    float: none
}

@media (min-width:600px) {
    .fsBoardElement.fsThumbnailAlignLeft .fsThumbnail {
        float: left
    }
}

.fsBoardElement.fsThumbnailAlignRight .fsThumbnail {
    float: none
}

@media (min-width:600px) {
    .fsBoardElement.fsThumbnailAlignRight .fsThumbnail {
        float: right
    }
}

.fsCalendar article {
    position: relative;
    padding-left: 90px;
    min-height: 70px;
    padding-top: 0
}

.fsCalendar article .fsElementEventColorIcon {
    width: 12px;
    height: 12px
}

.fsCalendar .fsDate {
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    height: 70px;
    width: 70px;
    color: #fff;
    background: var(--primary-color);
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 50%
}

.fsCalendar .fsDate>span {
    display: block;
    font-family: var(--sans), sans-serif;
    text-transform: uppercase;
    text-align: center
}

.fsCalendar .fsDate>span.fsMonth,
.fsCalendar .fsDate>span.fsYear {
    font-size: .75rem;
    line-height: 1.15;
    font-weight: 600;
    color: var(--secondary-accent);
    letter-spacing: 3px;
    text-transform: uppercase
}

.fsCalendar .fsDate>span.fsDay {
    font-weight: 600;
    font-size: 1.75rem;
    line-height: 1;
    color: #fff
}

.fsCalendar a {
    text-decoration: none
}

.fsCalendar .fsAlertIcon {
    background: none
}

.fsCalendar .fsAlertIcon:hover {
    opacity: .8
}

.fsCalendar .fsTitle {
    margin-bottom: 15px;
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.5;
    color: var(--primary-color)
}

.fsCalendar .fsTitle a {
    color: var(--primary-color);
    text-decoration: underline;
    background-image: none
}

.fsCalendar .fsTitle a:hover {
    text-decoration: none
}

.fsCalendar .fsAllDay,
.fsCalendar .fsLocation,
.fsCalendar .fsTimeRange {
    margin-bottom: 6px;
    font-size: 1rem;
    line-height: 1.3;
    letter-spacing: 1px;
    color: var(--medium-gray);
    font-family: var(--sans), sans-serif;
    font-weight: 600
}

.fsCalendar .fsAllDay:before,
.fsCalendar .fsTimeRange:before {
    content: "\E917";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    margin-right: 4px;
    color: var(--primary-color);
    font-size: 1.125rem;
    position: relative;
    top: 2px
}

.fsCalendar .fsLocation {
    margin-bottom: 20px
}

.fsCalendar .fsLocation:before {
    content: "\E916";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    margin-right: 13px;
    margin-left: 2px;
    color: var(--primary-color);
    font-size: 1.125rem
}

.fsCalendar .fsDescription,
.fsCalendar .fsNotes {
    font-size: 1.125rem;
    line-height: 1.6;
    color: var(--primary-color);
    margin-bottom: 15px
}

.fsCalendar .fsDescription p:last-child,
.fsCalendar .fsNotes p:last-child {
    margin-bottom: 0
}

.fsCalendar .fsCalendarEventLink.fsReadMoreLink {
    font-weight: 600;
    font-size: .875rem;
    line-height: 1.4;
    font-family: var(--sans), sans-serif;
    letter-spacing: 3px;
    text-transform: uppercase;
    background-image: none
}

.fsCalendar .fsCalendarEventLink.fsReadMoreLink:after {
    content: "\E901";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

.fsCalendar.fsList .fsListItems+button {
    margin-top: 0
}

.fsCalendar.fsList article {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #dae1e9
}

.fsCalendar.fsGrid .fsCalendarDayView {
    margin-top: 30px
}

.fsCalendar.fsGrid .fsCalendarDayView .fsCalendarInfo:not(:last-child) {
    margin-bottom: 30px
}

.fsCalendar.fsGrid .fsCalendarEventTitle {
    font-weight: 400
}

.fsCalendar.fsGrid a.fsAlertsIcon,
.fsCalendar.fsGrid a.fsCalendarEventTitle,
.fsCalendar.fsGrid a.fsCalendarFilter,
.fsCalendar.fsGrid a.fsPrintButton,
.fsCalendar.fsGrid a.fsRSSIcon {
    background-image: none
}

.fsCalendarEventGrid .fsCalendarRow {
    display: flex
}

.fsCalendarEventGrid .fsCalendarRow .fsCalendarToday {
    background-color: rgba(9, 15, 19, .05)
}

.fsCalendarEventGrid .fsCalendarRow .fsCalendarOutOfRange {
    background-color: #eff1f9
}

.fsCalendarEventGrid .fsCalendarDaybox {
    border-color: #bbc9d8
}

.fsCalendarEventGrid .fsCalendarDaybox .fsCalendarInfo {
    color: var(--primary-color)
}

.fsCalendarEventGrid .fsCalendarDaybox .fsCalendarInfo>div {
    margin-bottom: 5px
}

.fsCalendarEventGrid .fsCalendarDaybox .fsCalendarInfo>div:last-child {
    margin-bottom: 0
}

.fsCalendarEventGrid .fsCalendarDaybox .fsCalendarEventTitle+div {
    margin-top: 5px
}

.fsCalendarEventGrid .fsCalendarDaybox .fsCalendarDate {
    line-height: 1
}

@media (min-width:900px) {
    .fsCalendarEventGrid .fsCalendarDaybox {
        height: auto !important;
        flex-grow: 1
    }

    .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarWeekendDayBox {
        display: flex;
        flex-direction: column
    }

    .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarWeekendDayBox>div {
        height: auto;
        flex-grow: 1
    }

    .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarWeekendDayBox>div:first-child {
        position: relative
    }
}

.fsCalendar.fsGrid .fsCalendarGridControlBar {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center
}

.fsCalendar.fsGrid .fsCalendarGridControlBar:after {
    display: none
}

.fsCalendar.fsGrid .fsCalendarGridControlBar>div {
    margin: 0;
    order: 3
}

.fsCalendar.fsGrid .fsCalendarGridControlBar .fsDisplayNavigation {
    margin-right: 10px
}

.fsCalendar.fsGrid .fsCalendarGridControlBar .fsCalendarGridBrowser {
    width: 100%;
    margin-top: 10px;
    order: 5
}

@media (min-width:900px) {
    .fsCalendar.fsGrid .fsCalendarGridControlBar .fsCalendarGridBrowser {
        width: auto;
        margin-top: 0;
        order: 3
    }
}

.fsCalendar.fsGrid .fsCalendarGridControlBar .fsElementControls {
    margin: 10px 0 0
}

@media (min-width:900px) {
    .fsCalendar.fsGrid .fsCalendarGridControlBar .fsElementControls {
        order: 5;
        margin: 0
    }
}

.fsCalendar.fsGrid .fsCalendarGridControlBar .fsCalendarMonthYearPicker:not(.fsStateHidden) {
    z-index: 1
}

@media (max-width:899px) {
    .fsCalendar.fsGrid .fsCalendarEventGrid {
        width: 100%;
        margin: 0 auto
    }

    .fsCalendar.fsGrid .fsCalendarEventGrid:after {
        display: none
    }

    .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarMonthBrowser {
        margin: 30px 0
    }

    .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarWeekdays {
        display: none
    }

    .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarRow {
        width: auto;
        border-right: 1px solid #bbc9d8;
        box-shadow: 0 1px 0 0 #bbc9d8
    }

    .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarRow:last-child {
        border-bottom: 1px solid #bbc9d8;
        box-shadow: none
    }

    .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox {
        cursor: pointer;
        min-height: 44px;
        position: relative;
        padding: 0;
        margin: 0;
        height: auto !important;
        display: flex;
        flex-wrap: wrap;
        border: 1px solid #bbc9d8;
        border-right: none;
        border-bottom: none;
        color: var(--primary-color);
        background: #fff;
        transition: .3s
    }

    .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarWeekendDayBox>div:focus,
    .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarWeekendDayBox>div:focus .fsCalendarOutOfRange,
    .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarWeekendDayBox>div:hover,
    .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarWeekendDayBox>div:hover .fsCalendarOutOfRange,
    .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox:not(.fsCalendarWeekendDayBox):focus,
    .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox:not(.fsCalendarWeekendDayBox):focus .fsCalendarOutOfRange,
    .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox:not(.fsCalendarWeekendDayBox):hover,
    .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox:not(.fsCalendarWeekendDayBox):hover .fsCalendarOutOfRange {
        color: #fff;
        background: var(--primary-accent);
        transition: .3s
    }

    .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox .fsCalendarDate {
        margin: 0;
        flex-grow: 1;
        text-align: center;
        font-size: 14px;
        padding-bottom: calc(50% - 7px);
        padding-top: calc(50% - 7px);
        color: inherit
    }

    .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarToday {
        background: var(--primary-accent);
        color: #fff
    }

    .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsStateHasEvents .fsCalendarDate:after {
        content: "\25CF";
        font-size: .625rem;
        display: block;
        line-height: .5;
        transform: translate3d(0, 3px, 0)
    }

    .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarWeekendDayBox>div {
        position: relative;
        min-height: 22px;
        width: 100%;
        padding: 0;
        overflow: hidden
    }

    .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarWeekendDayBox>div:first-child {
        box-shadow: inset 0 -1px 0 0 #bbc9d8
    }

    .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarWeekendDayBox>div:not([tabIndex]) .fsCalendarDate {
        margin-bottom: 0
    }

    .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarWeekendDayBox>div:not([tabIndex]) .fsCalendarDate:after {
        display: none
    }

    .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarWeekendDayBox>div.selected {
        color: #fff;
        background: #1f2e3e
    }

    .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarWeekendDayBox>div.selected:focus,
    .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarWeekendDayBox>div.selected:hover {
        color: #fff;
        background: var(--primary-accent);
        transition: .3s
    }

    .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarWeekendDayBox>div.selected .fsCalendarOutOfRange {
        background: inherit;
        color: inherit
    }

    .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarWeekendDayBox .fsCalendarDate {
        padding-bottom: calc(25% - 7px);
        padding-top: calc(25% - 7px);
        transform: scale(.875);
        margin-bottom: 3px
    }

    .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.selected {
        color: #fff;
        background: #1f2e3e
    }

    .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.selected .fsCalendarOutOfRange {
        background: inherit;
        color: inherit
    }

    .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarOutOfRange {
        background: #eff1f9;
        color: #3d5775;
        transition: .3s
    }

    .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarInfo {
        display: none
    }
}

#event-view {
    padding: 0 30px;
    margin: 30px 0
}

#event-view .fsCalendarDaybox {
    height: auto !important
}

#event-view .fsCalendarDaybox>div {
    margin-bottom: 30px
}

#event-view .fsCalendarWeekendDayBox>div:first-child {
    padding-bottom: 30px
}

#event-view .fsCalendarWeekendDayBox .fsCalendarInfo:not(:last-child) {
    margin-bottom: 30px
}

#event-view .fsCalendarEventTitle {
    margin-bottom: 5px;
    background-image: none
}

.fsCalendarDayView:not(.fsStateHidden)+.fsCalendarEventGrid+#event-view {
    display: none
}

@media (min-width:900px) {
    #event-view {
        display: none
    }
}

.scroll-up {
    border: 0;
    padding: 20px 30px 18px;
    background: #1f2e3e;
    color: #fff;
    border-radius: 0;
    cursor: pointer;
    text-align: center;
    transition: .3s;
    font-family: var(--sans), sans-serif;
    font-weight: 600;
    font-size: .875rem;
    line-height: 1.3;
    letter-spacing: 3px;
    text-transform: uppercase;
    text-decoration: none;
    opacity: 1;
    display: inline-block;
    display: table;
    margin: 30px auto
}

.scroll-up:after {
    margin-left: 10px
}

.scroll-up:after,
.scroll-up:before {
    display: inline-block;
    transition: all .2s ease-out
}

.scroll-up:before {
    margin-right: 10px
}

.fsStateSelected .scroll-up,
.scroll-up.on,
.scroll-up:focus,
.scroll-up:hover {
    background: #1f2e3e;
    color: #fff;
    transition: .3s;
    opacity: .9
}

.fsStateSelected .scroll-up:after,
.scroll-up.on:after,
.scroll-up:focus:after,
.scroll-up:hover:after {
    margin-left: 16px
}

.fsStateSelected .scroll-up:before,
.scroll-up.on:before,
.scroll-up:focus:before,
.scroll-up:hover:before {
    margin-right: 16px
}

.scroll-up.fs_style_106:after {
    content: "\E910"
}

.scroll-up.fs_style_99:after,
.scroll-up.fs_style_106:after {
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

.scroll-up.fs_style_99:after {
    content: "\E901"
}

.scroll-up.fs_style_102:before {
    content: "\E90F"
}

.scroll-up.fs_style_102:before,
.scroll-up.fs_style_103:before {
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

.scroll-up.fs_style_103:before {
    content: "\E915"
}

.scroll-up.fs_style_100 {
    font-size: 1.0625rem;
    line-height: 1.3;
    padding: 28px 75px;
    text-transform: uppercase
}

.scroll-up.fs_style_101 {
    width: 100%
}

.scroll-up .fs_style_111 {
    display: block;
    margin-top: 8px;
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.2;
    text-align: center;
    letter-spacing: 1px;
    text-transform: none
}

.scroll-up+.fsCalendarLegend {
    margin-top: 30px !important
}

@media (min-width:900px) {
    .scroll-up {
        display: none
    }
}

.fsElementEventColorIcon {
    display: inline-block
}

.fsCalendar.fsGrid .fsCalendarEventGrid+.fsCalendarLegend {
    margin-top: 60px
}

.fsCalendar.fsGrid .fsCalendarLegend,
.fsCalendar.fsGrid .fsCalendarLegend ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.fsCalendar.fsGrid .fsCalendarLegend li {
    margin: 0;
    padding: 0
}

.fsCalendar.fsGrid .fsCalendarLegend h4 {
    margin-bottom: 30px
}

@media (min-width:600px) {
    .fsCalendar.fsGrid .fsCalendarLegend>ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }
}

.fsCalendar.fsGrid .fsCalendarLegend>ul>li {
    margin-left: 0
}

@media (min-width:600px) {
    .fsCalendar.fsGrid .fsCalendarLegend>ul>li {
        width: 49%
    }
}

.fsCalendar.fsGrid .fsCalendarLegend .fsElementEventColorIcon {
    vertical-align: baseline
}

.fsCalendar.fsSlideshow .fsAlertFeeds {
    float: none
}

.fsCalendar .fsElementSlideshow {
    padding-left: 65px;
    padding-right: 65px;
    padding-bottom: 0
}

@media (max-width:640px) {
    .fsCalendar .fsElementSlideshow article {
        padding: 0
    }

    .fsCalendar .fsElementSlideshow article .fsReadMoreLink {
        margin-bottom: 20px;
        display: block
    }

    .fsCalendar .fsElementSlideshow .fsDate {
        position: relative;
        display: block;
        width: auto;
        height: auto;
        margin-bottom: 30px;
        padding-bottom: 15px;
        padding-top: 15px;
        top: auto;
        left: auto;
        border-radius: 0;
        border-right: 0
    }
}

.fsCalendar.fsSlideshowHorizontal .fsElementSlideshow[data-arrows*=true] {
    padding-left: 35px;
    padding-right: 35px
}

@media (max-width:640px) {
    .fsCalendar.fsSlideshowVertical .fsElementSlideshow[data-arrows*=true] {
        padding-top: 45px;
        padding-bottom: 45px
    }
}

.fsCalendar.fsDialog {
    padding-left: 65px;
    padding-right: 65px;
    padding-bottom: 0
}

@media (max-width:640px) {
    .fsCalendar.fsDialog article {
        padding: 0
    }

    .fsCalendar.fsDialog article .fsReadMoreLink {
        margin-bottom: 20px;
        display: block
    }

    .fsCalendar.fsDialog .fsDate {
        position: relative;
        display: block;
        width: auto;
        height: auto;
        margin-bottom: 30px;
        padding-bottom: 15px;
        padding-top: 15px;
        top: auto;
        left: auto;
        border-radius: 0;
        border-right: 0
    }
}

input,
select,
textarea {
    padding: 5px;
    max-width: 100%
}

.fsComposerFormEmbed {
    background: none;
    font-family: var(--sans), sans-serif;
    font-size: 18px;
    line-height: 1.5;
    color: var(--primary-color)
}

.fsComposerFormEmbed body {
    margin: 0
}

.fsComposerFormEmbed form {
    zoom: 1;
    font-family: var(--serif), serif
}

.fsComposerFormEmbed form:after {
    display: table;
    clear: both;
    content: ""
}

.fsComposerFormEmbed form input,
.fsComposerFormEmbed form label,
.fsComposerFormEmbed form select,
.fsComposerFormEmbed form textarea {
    font-size: 18px;
    line-height: 1.5;
    color: var(--primary-color)
}

.fsComposerFormEmbed form input {
    border: 1px solid #bbc9d8
}

.fsComposerFormEmbed form input.fileUploader {
    padding: 0;
    width: 100%;
    border: none
}

.fsComposerFormEmbed form .toolTip,
.fsComposerFormEmbed form .valFailMsg {
    margin-left: 20px;
    font-family: var(--sans), sans-serif;
    font-size: .75rem;
    text-transform: uppercase;
    font-weight: 600
}

.fsComposerFormEmbed form .descText {
    font-size: .875rem
}

.fsComposerFormEmbed form fieldset {
    padding: 0
}

.fsComposerFormEmbed form textarea {
    max-width: 100%;
    width: 100%;
    border: 1px solid #bbc9d8
}

.fsComposerFormEmbed form .mainGroupSub {
    max-width: 100%;
    width: 100% !important
}

.fsComposerFormEmbed form .formPage {
    margin-bottom: 30px
}

.fsComposerFormEmbed form .elementRow {
    max-width: 100%;
    margin: 0
}

.fsComposerFormEmbed form .elementRow:last-child .elementContainer:last-child {
    margin-bottom: 0
}

.fsComposerFormEmbed form .elementContainer {
    margin: 0 0 30px;
    padding: 0
}

@media screen and (max-width:599px) {
    .fsComposerFormEmbed form .elementContainer {
        width: 100%
    }
}

.fsComposerFormEmbed form .elementContainer label {
    margin-bottom: 2px
}

.fsComposerFormEmbed form .elementContainer label.horizontal {
    white-space: normal;
    margin-right: 15px !important
}

.fsComposerFormEmbed form .elementContainer label.horizontal:last-child {
    margin-right: 0
}

.fsComposerFormEmbed form .elementContainer hr {
    margin: 0 auto
}

.fsComposerFormEmbed form .elementContainer p:last-child {
    margin-bottom: 0
}

@media screen and (max-width:599px) {
    .fsComposerFormEmbed form .elementBody>input {
        width: 100%
    }
}

.fsComposerFormEmbed form .elementBody>.descText {
    margin-bottom: 15px
}

.fsComposerFormEmbed form .labelLeft .elementContainer .groupLabel,
.fsComposerFormEmbed form .labelLeft .elementContainer label {
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: left;
    float: none
}

@media (min-width:600px) {

    .fsComposerFormEmbed form .labelLeft .elementContainer .groupLabel,
    .fsComposerFormEmbed form .labelLeft .elementContainer label {
        width: 20%;
        padding-right: 10px;
        text-align: right;
        float: left
    }
}

@media (min-width:600px) {
    .fsComposerFormEmbed form .labelLeft .elementContainer>label {
        padding: 5px 10px 5px 5px
    }
}

.fsComposerFormEmbed form .labelLeft .elementContainer .groupLabel label {
    width: 100%
}

.fsComposerFormEmbed form .labelLeft .elementContainer fieldset label {
    width: auto
}

.fsComposerFormEmbed form .labelLeft .elementBody {
    margin: 0;
    width: 100%;
    float: none
}

@media (min-width:600px) {
    .fsComposerFormEmbed form .labelLeft .elementBody {
        width: 80%;
        float: left
    }
}

.fsComposerFormEmbed form .linkLike {
    color: var(--primary-accent);
    margin-right: 10px;
    cursor: pointer;
    transition: .3s
}

.fsComposerFormEmbed form .linkLike:hover {
    color: var(--primary-accent)
}

.fsComposerFormEmbed form .required {
    color: var(--primary-color);
    font-weight: 400
}

.fsComposerFormEmbed form .required span {
    color: var(--alert-color)
}

.fsComposerFormEmbed form .pageControls {
    padding: 15px 0 !important;
    margin-bottom: 15px
}

.fsComposerFormEmbed form .pageControls .userConfirmation {
    margin-bottom: 0
}

.fsComposerFormEmbed form .userConfirmation {
    margin-bottom: 30px
}

.fsComposerFormEmbed form .userConfirmation .userConfirmationToggle {
    margin-right: 5px
}

.fsComposerFormEmbed form .userConfirmation>label {
    display: block
}

.fsComposerFormEmbed form .elementColumn {
    zoom: 1;
    margin-bottom: 30px;
    max-width: 100%
}

.fsComposerFormEmbed form .elementColumn:after {
    display: table;
    clear: both;
    content: ""
}

@media screen and (max-width:599px) {
    .fsComposerFormEmbed form .elementColumn {
        float: none !important;
        width: 100% !important
    }
}

.fsComposerFormEmbed form .elementColumn .elementContainer {
    margin-bottom: 0
}

.fsComposerFormEmbed form .elementColumn .elementBody>input {
    width: 100%
}

.fsComposerFormEmbed form .pageBreak {
    zoom: 1
}

.fsComposerFormEmbed form .pageBreak:after {
    display: table;
    clear: both;
    content: ""
}

.fsComposerFormEmbed form .pageBreak .nextPage,
.fsComposerFormEmbed form .pageBreak .prevPage {
    background: none;
    border: none;
    color: var(--primary-accent);
    transition: .3s;
    outline: 0;
    float: left;
    line-height: 1;
    padding: 15px 0
}

.fsComposerFormEmbed form .pageBreak .nextPage:hover,
.fsComposerFormEmbed form .pageBreak .prevPage:hover {
    color: var(--primary-accent);
    transition: .3s
}

.fsComposerFormEmbed form .pageBreak .prevPage {
    margin-right: 15px
}

.fsComposerFormEmbed form .pageBreak .pagenum {
    display: inline-block;
    float: left;
    line-height: 1;
    margin-right: 15px;
    padding: 15px 0
}

.fsComposerFormEmbed form .pageBreak .pagenum:empty {
    margin: 0
}

.fsComposerFormEmbed form .submitBtn {
    border: 0;
    margin: 0 0 30px;
    padding: 20px 30px 18px;
    background: #1f2e3e;
    color: #fff;
    border-radius: 0;
    cursor: pointer;
    text-align: center;
    transition: .3s;
    font-family: var(--sans), sans-serif;
    font-weight: 600;
    font-size: .875rem;
    line-height: 1.3;
    letter-spacing: 3px;
    text-transform: uppercase;
    text-decoration: none;
    opacity: 1
}

.fsComposerFormEmbed form .submitBtn:after {
    display: inline-block;
    margin-left: 10px;
    transition: all .2s ease-out
}

.fsComposerFormEmbed form .submitBtn:before {
    display: inline-block;
    margin-right: 10px;
    transition: all .2s ease-out
}

.fsComposerFormEmbed form .submitBtn.on,
.fsComposerFormEmbed form .submitBtn:focus,
.fsComposerFormEmbed form .submitBtn:hover,
.fsStateSelected .fsComposerFormEmbed form .submitBtn {
    background: #1f2e3e;
    color: #fff;
    transition: .3s;
    opacity: .9
}

.fsComposerFormEmbed form .submitBtn.on:after,
.fsComposerFormEmbed form .submitBtn:focus:after,
.fsComposerFormEmbed form .submitBtn:hover:after,
.fsStateSelected .fsComposerFormEmbed form .submitBtn:after {
    margin-left: 16px
}

.fsComposerFormEmbed form .submitBtn.on:before,
.fsComposerFormEmbed form .submitBtn:focus:before,
.fsComposerFormEmbed form .submitBtn:hover:before,
.fsStateSelected .fsComposerFormEmbed form .submitBtn:before {
    margin-right: 16px
}

.fsComposerFormEmbed form .submitBtn.fs_style_106:after {
    content: "\E910";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

.fsComposerFormEmbed form .submitBtn.fs_style_99:after {
    content: "\E901";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

.fsComposerFormEmbed form .submitBtn.fs_style_102:before {
    content: "\E90F";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

.fsComposerFormEmbed form .submitBtn.fs_style_103:before {
    content: "\E915";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

.fsComposerFormEmbed form .submitBtn.fs_style_100 {
    font-size: 1.0625rem;
    line-height: 1.3;
    padding: 28px 75px;
    text-transform: uppercase
}

.fsComposerFormEmbed form .submitBtn.fs_style_101 {
    width: 100%
}

.fsComposerFormEmbed form .submitBtn .fs_style_111 {
    display: block;
    margin-top: 8px;
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.2;
    text-align: center;
    letter-spacing: 1px;
    text-transform: none
}

.fsComposerFormEmbed .ui-widget {
    font-family: var(--serif), serif;
    max-width: 100%
}

.fsComposerFormEmbed .ui-datepicker:empty {
    display: none
}

.fsComposerFormEmbed .ui-datepicker .ui-datepicker-header {
    background: none;
    border: none
}

.fsComposerFormEmbed .ui-datepicker .ui-datepicker-next,
.fsComposerFormEmbed .ui-datepicker .ui-datepicker-prev {
    background: none;
    border: none;
    text-align: center;
    font-size: 1.25rem;
    cursor: pointer
}

.fsComposerFormEmbed .ui-datepicker .ui-datepicker-next span,
.fsComposerFormEmbed .ui-datepicker .ui-datepicker-prev span {
    display: none
}

.fsComposerFormEmbed .ui-datepicker .ui-datepicker-next:before,
.fsComposerFormEmbed .ui-datepicker .ui-datepicker-prev:before {
    content: "";
    font-weight: 700;
    transition: .3s
}

.fsComposerFormEmbed .ui-datepicker .ui-datepicker-next:hover:before,
.fsComposerFormEmbed .ui-datepicker .ui-datepicker-prev:hover:before {
    transition: .3s;
    opacity: .5
}

.fsComposerFormEmbed .ui-datepicker .ui-datepicker-next:before {
    content: "\203A"
}

.fsComposerFormEmbed .ui-datepicker .ui-datepicker-prev:before {
    content: "\2039"
}

.fsComposerFormEmbed .ui-datepicker .ui-datepicker-next-hover {
    right: 2px;
    top: 2px
}

.fsComposerFormEmbed .ui-datepicker .ui-datepicker-prev-hover {
    left: 2px;
    top: 2px
}

.fsComposerFormEmbed .ui-datepicker .ui-state-default {
    background: rgba(0, 0, 0, .05);
    text-align: center
}

.fsComposerFormEmbed .ui-datepicker .ui-state-active {
    background: rgba(0, 0, 0, .1)
}

.fsComposerFormEmbed .ui-datepicker .ui-state-highlight {
    border: 1px solid #d3d3d3;
    background-color: #d3d3d3
}

#aidCalc .submit.button {
    border: 0;
    margin: 0 0 30px;
    padding: 20px 30px 18px;
    background: #1f2e3e;
    color: #fff;
    border-radius: 0;
    cursor: pointer;
    text-align: center;
    transition: .3s;
    font-family: var(--sans), sans-serif;
    font-weight: 600;
    font-size: .875rem;
    line-height: 1.3;
    letter-spacing: 3px;
    text-transform: uppercase;
    text-decoration: none;
    opacity: 1;
    display: inline-block
}

#aidCalc .submit.button:after {
    display: inline-block;
    margin-left: 10px;
    transition: all .2s ease-out
}

#aidCalc .submit.button:before {
    display: inline-block;
    margin-right: 10px;
    transition: all .2s ease-out
}

#aidCalc .submit.button.on,
#aidCalc .submit.button:focus,
#aidCalc .submit.button:hover,
.fsStateSelected #aidCalc .submit.button {
    background: #1f2e3e;
    color: #fff;
    transition: .3s;
    opacity: .9
}

#aidCalc .submit.button.on:after,
#aidCalc .submit.button:focus:after,
#aidCalc .submit.button:hover:after,
.fsStateSelected #aidCalc .submit.button:after {
    margin-left: 16px
}

#aidCalc .submit.button.on:before,
#aidCalc .submit.button:focus:before,
#aidCalc .submit.button:hover:before,
.fsStateSelected #aidCalc .submit.button:before {
    margin-right: 16px
}

#aidCalc .submit.button.fs_style_106:after {
    content: "\E910";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

#aidCalc .submit.button.fs_style_99:after {
    content: "\E901";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

#aidCalc .submit.button.fs_style_102:before {
    content: "\E90F";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

#aidCalc .submit.button.fs_style_103:before {
    content: "\E915";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

#aidCalc .submit.button.fs_style_100 {
    font-size: 1.0625rem;
    line-height: 1.3;
    padding: 28px 75px;
    text-transform: uppercase
}

#aidCalc .submit.button.fs_style_101 {
    width: 100%
}

#aidCalc .submit.button .fs_style_111 {
    display: block;
    margin-top: 8px;
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.2;
    text-align: center;
    letter-spacing: 1px;
    text-transform: none
}

#aidCalc>div {
    margin-bottom: 30px
}

::-webkit-input-placeholder {
    color: #131e27
}

:-moz-placeholder,
::-moz-placeholder {
    color: #131e27;
    opacity: 1
}

:-ms-input-placeholder {
    color: #131e27
}

.fsAccount button:not(:last-of-type) {
    margin-right: 15px
}

.fsLoginForgotPasswordLink,
.fsLoginNewAccountLink {
    margin-bottom: 15px
}

.fsLoginForgotPasswordLink:last-child,
.fsLoginNewAccountLink:last-child {
    margin-bottom: 0
}

.fsLoginNewFields .fsLoginNewCaptcha {
    margin-bottom: 30px
}

.fsLoginNewFields .fsLoginNewCaptcha #recaptcha_area,
.fsLoginNewFields .fsLoginNewCaptcha #recaptcha_table {
    max-width: 100%
}

@media screen and (max-width:599px) {
    .fsLoginNewFields .fsLoginNewCaptcha #recaptcha_widget_div {
        overflow: hidden;
        border-radius: 5px
    }
}

.fsResetPasswordFields>div {
    margin-bottom: 30px
}

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

.fsResetPasswordFields label>span {
    display: block
}

.fsResetPasswordFields label>input {
    margin-bottom: 30px
}

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

    .fsLoginForgotControls label,
    .fsLoginNewFields label,
    .fsResetPasswordFields label {
        display: block;
        margin-bottom: 3px
    }

    .fsLoginForgotControls input,
    .fsLoginNewFields input,
    .fsResetPasswordFields input {
        display: block;
        width: 100%
    }
}

.fsLoginForgotView .fsLoginForgotEmail {
    display: block
}

.fsLoginForgotSuccess .fsStyleDefaultButton {
    margin-top: 30px
}

.fsAccountGreeting {
    margin-bottom: 30px
}

.fsAccountLinks {
    margin: 0
}

.fsAccountLinks li:not(:first-child) {
    border-color: #dae1e9
}

.fsAccountLogout {
    display: block;
    margin-top: 30px
}

.fsAccountLogout>.fsStyleUpdateButton:last-child {
    margin-bottom: 0
}

input[name*=passkey]+.fsLoginSubmit {
    margin-top: 30px
}

.fsError {
    margin-bottom: 50px
}

.fsLoginNewSuccess>button,
.fsResetCancel,
.fsResetContinue {
    border: 0;
    margin: 0 0 30px;
    padding: 20px 30px 18px;
    background: #1f2e3e;
    color: #fff;
    border-radius: 0;
    cursor: pointer;
    text-align: center;
    transition: .3s;
    font-family: var(--sans), sans-serif;
    font-weight: 600;
    font-size: .875rem;
    line-height: 1.3;
    letter-spacing: 3px;
    text-transform: uppercase;
    text-decoration: none;
    opacity: 1;
    display: inline-block
}

.fsLoginNewSuccess>button:after,
.fsResetCancel:after,
.fsResetContinue:after {
    display: inline-block;
    margin-left: 10px;
    transition: all .2s ease-out
}

.fsLoginNewSuccess>button:before,
.fsResetCancel:before,
.fsResetContinue:before {
    display: inline-block;
    margin-right: 10px;
    transition: all .2s ease-out
}

.fsLoginNewSuccess>button.on,
.fsLoginNewSuccess>button:focus,
.fsLoginNewSuccess>button:hover,
.fsResetCancel.on,
.fsResetCancel:focus,
.fsResetCancel:hover,
.fsResetContinue.on,
.fsResetContinue:focus,
.fsResetContinue:hover,
.fsStateSelected .fsLoginNewSuccess>button,
.fsStateSelected .fsResetCancel,
.fsStateSelected .fsResetContinue {
    background: #1f2e3e;
    color: #fff;
    transition: .3s;
    opacity: .9
}

.fsLoginNewSuccess>button.on:after,
.fsLoginNewSuccess>button:focus:after,
.fsLoginNewSuccess>button:hover:after,
.fsResetCancel.on:after,
.fsResetCancel:focus:after,
.fsResetCancel:hover:after,
.fsResetContinue.on:after,
.fsResetContinue:focus:after,
.fsResetContinue:hover:after,
.fsStateSelected .fsLoginNewSuccess>button:after,
.fsStateSelected .fsResetCancel:after,
.fsStateSelected .fsResetContinue:after {
    margin-left: 16px
}

.fsLoginNewSuccess>button.on:before,
.fsLoginNewSuccess>button:focus:before,
.fsLoginNewSuccess>button:hover:before,
.fsResetCancel.on:before,
.fsResetCancel:focus:before,
.fsResetCancel:hover:before,
.fsResetContinue.on:before,
.fsResetContinue:focus:before,
.fsResetContinue:hover:before,
.fsStateSelected .fsLoginNewSuccess>button:before,
.fsStateSelected .fsResetCancel:before,
.fsStateSelected .fsResetContinue:before {
    margin-right: 16px
}

.fsLoginNewSuccess>button.fs_style_106:after,
.fsResetCancel.fs_style_106:after,
.fsResetContinue.fs_style_106:after {
    content: "\E910";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

.fsLoginNewSuccess>button.fs_style_99:after,
.fsResetCancel.fs_style_99:after,
.fsResetContinue.fs_style_99:after {
    content: "\E901";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

.fsLoginNewSuccess>button.fs_style_102:before,
.fsResetCancel.fs_style_102:before,
.fsResetContinue.fs_style_102:before {
    content: "\E90F";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

.fsLoginNewSuccess>button.fs_style_103:before,
.fsResetCancel.fs_style_103:before,
.fsResetContinue.fs_style_103:before {
    content: "\E915";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

.fsLoginNewSuccess>button.fs_style_100,
.fsResetCancel.fs_style_100,
.fsResetContinue.fs_style_100 {
    font-size: 1.0625rem;
    line-height: 1.3;
    padding: 28px 75px;
    text-transform: uppercase
}

.fsLoginNewSuccess>button.fs_style_101,
.fsResetCancel.fs_style_101,
.fsResetContinue.fs_style_101 {
    width: 100%
}

.fsLoginNewSuccess>button .fs_style_111,
.fsResetCancel .fs_style_111,
.fsResetContinue .fs_style_111 {
    display: block;
    margin-top: 8px;
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.2;
    text-align: center;
    letter-spacing: 1px;
    text-transform: none
}

.fsAccount input.fsLoginSubmit {
    border: 1px solid var(--primary-color)
}

.fsLoginNewSuccess button {
    margin-top: 30px
}

.fsNews.fsThumbnailAlignLeft .fsThumbnail {
    float: none
}

@media (min-width:600px) {
    .fsNews.fsThumbnailAlignLeft .fsThumbnail {
        float: left
    }
}

.fsNews.fsThumbnailAlignRight .fsThumbnail {
    float: none
}

@media (min-width:600px) {
    .fsNews.fsThumbnailAlignRight .fsThumbnail {
        float: right
    }
}

.fsPostElement.fsThumbnailAlignLeft .fsThumbnail {
    float: none
}

@media (min-width:600px) {
    .fsPostElement.fsThumbnailAlignLeft .fsThumbnail {
        float: left;
        margin-right: 40px
    }
}

.fsPostElement.fsThumbnailAlignRight .fsThumbnail {
    float: none
}

@media (min-width:600px) {
    .fsPostElement.fsThumbnailAlignRight .fsThumbnail {
        float: right;
        margin-left: 40px
    }
}

.fsPostElement a {
    text-decoration: none
}

.fsPostElement .fsTitle {
    margin-bottom: 15px;
    font-weight: 900;
    font-size: 1.25rem;
    line-height: 1.6;
    color: var(--primary-color)
}

.fsPostElement .fsTitle a {
    color: var(--primary-color);
    background-image: none;
    text-decoration: underline
}

.fsPostElement .fsTitle a:hover {
    text-decoration: none
}

.fsPostElement .fsAuthor {
    display: block;
    font-size: 1rem;
    line-height: 1.6;
    letter-spacing: 1px;
    color: var(--medium-gray);
    font-family: var(--sans), sans-serif;
    font-weight: 600
}

.fsPostElement .fsDateTime {
    margin-bottom: 15px
}

.fsPostElement .fsSummary {
    margin-bottom: 15px;
    font-size: 1.125rem;
    line-height: 1.7;
    color: var(--primary-color)
}

.fsPostElement .fsReadMoreLink {
    font-weight: 600;
    font-size: .875rem;
    line-height: 1.4;
    font-family: var(--sans), sans-serif;
    letter-spacing: 3px;
    text-transform: uppercase;
    background-image: none
}

.fsPostElement .fsReadMoreLink:after {
    content: "\E901";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

.fsPostElement .fsSharingButtons a {
    background-image: none;
    padding: 8px 0
}

.fsCategories {
    margin: 0 0 15px
}

.fsCategories .fsCategory {
    padding: 6px 8px;
    margin-right: 6px;
    background-color: #3279b7;
    font-size: .6875rem;
    line-height: 1.2;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 500;
    color: #fff;
    font-family: var(--sans), sans-serif
}

.fsTags {
    margin: 0 0 15px
}

.fsTags .fsTag {
    padding: 6px 8px;
    margin-right: 6px;
    background-color: #eff1f9;
    color: var(--primary-color);
    font-size: .6875rem;
    line-height: 1.2;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 500;
    font-family: var(--sans), sans-serif
}

.fsPostElement.fsList article:not(:last-child) {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #dae1e9
}

.fsResourceElement .fsTitle {
    margin-bottom: 10px
}

.fsResourceElement figcaption {
    margin-top: 10px
}

.fsResourceElement.hero-slideshow {
    width: 100%;
    position: relative;
    margin-bottom: 0;
    z-index: 2;
    height: 60vh
}

.fsLiveMode .fsPageBodyWrapper .fsResourceElement.hero-slideshow,
.fsResourceElement.hero-slideshow>header {
    display: none
}

.fsResourceElement.hero-slideshow .hero-info {
    position: relative;
    margin: 0 auto;
    max-width: 1180px;
    width: 100%;
    padding: 0 20px;
    left: 50%;
    transform: translateX(-50%);
    bottom: 40px;
    z-index: 2;
    position: absolute;
    pointer-events: none
}

@media (min-width:961px) {
    .fsResourceElement.hero-slideshow .hero-info {
        padding: 0 0 0 20px;
        bottom: 60px
    }
}

@media (min-width:1200px) {
    .fsResourceElement.hero-slideshow .hero-info {
        padding-left: 0
    }
}

.fsResourceElement.hero-slideshow .hero-info h2,
.fsResourceElement.hero-slideshow .hero-info h3,
.fsResourceElement.hero-slideshow .hero-info h4,
.fsResourceElement.hero-slideshow .hero-info h5,
.fsResourceElement.hero-slideshow .hero-info h6 {
    color: #fff
}

.fsResourceElement.hero-slideshow .hero-info .fsElementHeaderContent {
    max-width: 690px;
    margin-bottom: 0;
    padding-left: 30px;
    border-left: 6px solid var(--secondary-color);
    font-family: var(--sans), sans-serif;
    font-weight: 600;
    text-align: left;
    font-size: .8125rem;
    line-height: 1.5;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 0 0 12px #515861
}

@media (min-width:641px) {
    .fsResourceElement.hero-slideshow .hero-info .fsElementHeaderContent {
        font-size: 1.1875rem
    }
}

@media (min-width:961px) {
    .fsResourceElement.hero-slideshow .hero-info .fsElementHeaderContent {
        font-size: 1.4375rem
    }
}

.fsResourceElement.hero-slideshow .hero-info .fsElementHeaderContent a {
    font-family: var(--sans), sans-serif;
    font-weight: 300;
    font-size: 1.0625rem;
    line-height: 1.06;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    text-shadow: 0 0 5px rgba(0, 0, 0, .5);
    text-shadow: none
}

.fsResourceElement.hero-slideshow .hero-info .fsElementHeaderContent a:hover:after {
    margin-left: 15px;
    color: var(--secondary-color)
}

.fsResourceElement.hero-slideshow .hero-info .fsElementHeaderContent a:after {
    content: "\F105";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    display: inline-block;
    margin-left: 10px;
    transition: all .3s ease;
    transform: scale(.9)
}

.fsResourceElement.hero-slideshow article {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 0;
    overflow: hidden;
    height: auto
}

.fsResourceElement.hero-slideshow article:after,
.fsResourceElement.hero-slideshow article:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 70%;
    left: 0;
    bottom: 0;
    z-index: 0;
    visibility: visible
}

.fsResourceElement.hero-slideshow article:after {
    background: linear-gradient(0deg, rgba(26, 42, 58, .9) .25%, rgba(26, 42, 58, 0))
}

.fsResourceElement.hero-slideshow article .fsResourceLink,
.fsResourceElement.hero-slideshow article figure {
    display: block
}

.fsLiveMode .fsResourceElement.hero-slideshow article img {
    display: none
}

.fsResourceElement.hero-slideshow article picture {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    height: 60vh
}

@media (min-width:961px) {
    .fsResourceElement.hero-slideshow article picture {
        min-height: 500px
    }
}

.fsResourceElement.hero-slideshow article video {
    order: -1;
    object-fit: cover;
    height: 60vh
}

@media (min-width:961px) {
    .fsResourceElement.hero-slideshow article video {
        min-height: 500px
    }
}

.fsResourceElement.hero-slideshow footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

@media (min-width:641px) {
    .fsResourceElement.hero-slideshow footer {
        width: auto
    }
}

.fsResourceElement.hero-slideshow footer .fsElementFooterContent,
.fsResourceElement.hero-slideshow footer a {
    margin-bottom: 0
}

.fsResourceElement.hero-slideshow footer .fsElementFooterContent {
    display: flex
}

.fsResourceElement.hero-slideshow footer a {
    width: 50%;
    padding: 15px 5px
}

@media (min-width:641px) {
    .fsResourceElement.hero-slideshow footer a {
        width: auto;
        padding: 15px 20px
    }
}

.fsResourceElement.hero-slideshow footer a:first-child {
    border-right: 1px solid #fff
}

@media (min-width:641px) {
    .fsResourceElement.hero-slideshow footer a:first-child {
        border-right: 0;
        margin-right: 1px
    }
}

body:not(.has-hero):not(.loaded) .fsResourceElement.hero-slideshow {
    height: 100vh
}

@media (min-width:961px) {
    .fsResourceElement.hero-slideshow {
        min-height: 500px
    }
}

.fsResourceElement.hero-slideshow>.fsElementContent,
.fsResourceElement.hero-slideshow>.fsElementContent>article {
    height: 100%
}

.fsResourceElement.hero-slideshow>.fsElementContent>article figure,
.fsResourceElement.hero-slideshow>.fsElementContent>article picture,
.fsResourceElement.hero-slideshow>.fsElementContent>article video {
    height: 100%;
    min-height: 100%
}

.fsImage.fsStateFloatRight {
    margin-bottom: 30px
}

@media (min-width:641px) {
    .fsImage.fsStateFloatRight {
        margin-left: 30px;
        max-width: 50%
    }
}

.fsImage.fsStateFloatLeft {
    margin-bottom: 30px
}

@media (min-width:641px) {
    .fsImage.fsStateFloatLeft {
        margin-right: 30px;
        max-width: 50%
    }
}

.fsImage picture {
    display: block
}

.fsResourceElement.fsListNav .fsResourceCollectionName+nav {
    margin-top: 30px
}

.fsResourceElement.fsListNav .fsTitle {
    font-size: 18px;
    line-height: 1.5;
    font-weight: 400;
    margin-bottom: 0
}

.fsResourceElement.fsSlideshow.hero-slideshow {
    position: relative;
    margin-bottom: 0
}

body:not(.home) .fsResourceElement.fsSlideshow.hero-slideshow {
    margin-bottom: 0
}

.fsResourceElement.fsSlideshow.hero-slideshow .slick-list,
.fsResourceElement.fsSlideshow.hero-slideshow figure .fsResourceLink {
    pointer-events: none
}

.fsResourceElement.fsSlideshow.hero-slideshow picture {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    display: block;
    z-index: 0
}

.fsLiveMode .fsResourceElement.fsSlideshow.hero-slideshow img {
    opacity: 0;
    height: 0
}

.fsResourceElement.fsSlideshow.hero-slideshow .slick-slider {
    padding: 0;
    margin-bottom: 0
}

.fsResourceElement.fsSlideshow.hero-slideshow .fsPager {
    display: none !important;
    position: absolute;
    width: auto;
    right: 40px;
    bottom: 20px;
    transform: translateX(-50%);
    z-index: 1
}

@media (min-width:961px) {
    .fsResourceElement.fsSlideshow.hero-slideshow .fsPager {
        bottom: 20px
    }
}

.fsResourceElement.fsSlideshow.hero-slideshow .fsPager li {
    width: 8px;
    height: 8px;
    margin: 0 5px
}

.fsResourceElement.fsSlideshow.hero-slideshow .fsPager li.slick-active button:before,
.fsResourceElement.fsSlideshow.hero-slideshow .fsPager li:focus button:before,
.fsResourceElement.fsSlideshow.hero-slideshow .fsPager li:hover button:before,
.fsResourceElement.fsSlideshow.hero-slideshow .fsPager li button:focus:before {
    background-color: #fff
}

.fsResourceElement.fsSlideshow.hero-slideshow .fsPager li button:before {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #fff
}

@media (min-width:961px) {
    .fsResourceElement.fsSlideshow.hero-slideshow .fsPager li button:before {
        background-color: rgba(0, 0, 0, 0)
    }
}

.fsResourceElement.fsSlideshow.hero-slideshow .fsSlideshowPause,
.fsResourceElement.fsSlideshow.hero-slideshow .fsSlideshowPlay {
    border: 0;
    background: none;
    margin: 0;
    padding: 0;
    width: 52px;
    height: 52px;
    transform: none;
    border: 2px solid rgba(0, 0, 0, 0);
    box-sizing: border-box;
    color: rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(var(--secondary-accent), 0);
    transition: all .3s ease;
    position: absolute;
    width: 30px;
    height: 30px;
    background-color: var(--primary-color);
    top: auto;
    z-index: 5;
    right: 100px;
    bottom: 20px;
    border-radius: 50%;
    background-color: #001d3d;
    opacity: 1;
    cursor: pointer;
    transition: all .3s
}

.fsResourceElement.fsSlideshow.hero-slideshow .fsSlideshowPause:hover,
.fsResourceElement.fsSlideshow.hero-slideshow .fsSlideshowPlay:hover {
    box-shadow: 0 0 5px 0 rgba(var(--secondary-accent), .5);
    border-color: var(--secondary-accent)
}

.fsResourceElement.fsSlideshow.hero-slideshow .fsSlideshowPause:hover:before,
.fsResourceElement.fsSlideshow.hero-slideshow .fsSlideshowPlay:hover:before {
    color: var(--secondary-accent)
}

.fsResourceElement.fsSlideshow.hero-slideshow .fsSlideshowPause:before,
.fsResourceElement.fsSlideshow.hero-slideshow .fsSlideshowPlay:before {
    content: "\E901";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    position: absolute;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transform: none;
    left: 0;
    top: 0;
    font-size: .8125rem
}

@media (min-width:961px) {

    .fsResourceElement.fsSlideshow.hero-slideshow .fsSlideshowPause:before,
    .fsResourceElement.fsSlideshow.hero-slideshow .fsSlideshowPlay:before {
        font-size: .875rem
    }
}

.fsResourceElement.fsSlideshow.hero-slideshow .fsSlideshowPause.fsLeftArrow,
.fsResourceElement.fsSlideshow.hero-slideshow .fsSlideshowPause.fsPrevArrow,
.fsResourceElement.fsSlideshow.hero-slideshow .fsSlideshowPause.slick-prev,
.fsResourceElement.fsSlideshow.hero-slideshow .fsSlideshowPlay.fsLeftArrow,
.fsResourceElement.fsSlideshow.hero-slideshow .fsSlideshowPlay.fsPrevArrow,
.fsResourceElement.fsSlideshow.hero-slideshow .fsSlideshowPlay.slick-prev {
    transform: translateX(calc(-100% - 10px))
}

.fsResourceElement.fsSlideshow.hero-slideshow .fsSlideshowPause.fsLeftArrow:before,
.fsResourceElement.fsSlideshow.hero-slideshow .fsSlideshowPause.fsPrevArrow:before,
.fsResourceElement.fsSlideshow.hero-slideshow .fsSlideshowPause.slick-prev:before,
.fsResourceElement.fsSlideshow.hero-slideshow .fsSlideshowPlay.fsLeftArrow:before,
.fsResourceElement.fsSlideshow.hero-slideshow .fsSlideshowPlay.fsPrevArrow:before,
.fsResourceElement.fsSlideshow.hero-slideshow .fsSlideshowPlay.slick-prev:before {
    transform: scaleX(-1)
}

@media (min-width:961px) {

    .fsResourceElement.fsSlideshow.hero-slideshow .fsSlideshowPause,
    .fsResourceElement.fsSlideshow.hero-slideshow .fsSlideshowPlay {
        top: auto;
        right: 184px;
        width: 37px;
        height: 37px;
        bottom: 45px
    }
}

.fsResourceElement.fsSlideshow.hero-slideshow .fsSlideshowPause:before,
.fsResourceElement.fsSlideshow.hero-slideshow .fsSlideshowPlay:before {
    color: var(--secondary-accent)
}

.fsResourceElement.fsSlideshow.hero-slideshow .fsSlideshowPause:after,
.fsResourceElement.fsSlideshow.hero-slideshow .fsSlideshowPause:before {
    content: "";
    position: absolute;
    height: 10px;
    width: 3px;
    margin: 0;
    padding: 0;
    left: 50%;
    top: 50%;
    background-color: var(--secondary-accent)
}

.fsResourceElement.fsSlideshow.hero-slideshow .fsSlideshowPause:before {
    transform: translate(-4px, -50%)
}

.fsResourceElement.fsSlideshow.hero-slideshow .fsSlideshowPause:after {
    transform: translate(1px, -50%)
}

.fsResourceElement.fsSlideshow.hero-slideshow .fsSlideshowPlay:before {
    content: "\E906";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.fsResourceElement.fsSlideshow.hero-slideshow .slick-arrow {
    border: 0;
    background: none;
    margin: 0;
    padding: 0;
    width: 52px;
    height: 52px;
    z-index: 5;
    transform: none;
    background-color: #001d3d;
    border-radius: 50%;
    border: 2px solid rgba(0, 0, 0, 0);
    box-sizing: border-box;
    color: rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(var(--secondary-accent), 0);
    transition: all .3s ease;
    cursor: pointer;
    bottom: 20px;
    right: 20px;
    left: auto;
    top: auto;
    width: 30px;
    height: 30px
}

.fsResourceElement.fsSlideshow.hero-slideshow .slick-arrow:hover {
    box-shadow: 0 0 5px 0 rgba(var(--secondary-accent), .5);
    border-color: var(--secondary-accent)
}

.fsResourceElement.fsSlideshow.hero-slideshow .slick-arrow:hover:before {
    color: var(--secondary-accent)
}

.fsResourceElement.fsSlideshow.hero-slideshow .slick-arrow:before {
    content: "\E901";
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transform: none;
    left: 0;
    top: 0;
    font-size: .8125rem;
    color: var(--secondary-accent)
}

@media (min-width:961px) {
    .fsResourceElement.fsSlideshow.hero-slideshow .slick-arrow:before {
        font-size: .875rem
    }
}

.fsResourceElement.fsSlideshow.hero-slideshow .slick-arrow.fsLeftArrow,
.fsResourceElement.fsSlideshow.hero-slideshow .slick-arrow.fsPrevArrow,
.fsResourceElement.fsSlideshow.hero-slideshow .slick-arrow.slick-prev {
    transform: translateX(calc(-100% - 10px))
}

.fsResourceElement.fsSlideshow.hero-slideshow .slick-arrow.fsLeftArrow:before,
.fsResourceElement.fsSlideshow.hero-slideshow .slick-arrow.fsPrevArrow:before,
.fsResourceElement.fsSlideshow.hero-slideshow .slick-arrow.slick-prev:before {
    transform: scaleX(-1)
}

@media (min-width:961px) {
    .fsResourceElement.fsSlideshow.hero-slideshow .slick-arrow {
        width: 37px;
        height: 37px;
        bottom: 45px;
        top: auto;
        right: 70px;
        transform: none
    }
}

.fsResourceElement.fsSlideshow.hero-slideshow .slick-arrow:before {
    content: "\F104";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    font-size: 1.25rem;
    width: auto;
    height: auto;
    line-height: 1;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.fsResourceElement.fsSlideshow.hero-slideshow .slick-arrow.fsPrevButton {
    transform: translateX(calc(-100% - 10px))
}

@media (min-width:961px) {
    .fsResourceElement.fsSlideshow.hero-slideshow .slick-arrow.fsPrevButton {
        transform: translateX(calc(-100% - 20px))
    }
}

.fsResourceElement.fsSlideshow.hero-slideshow .slick-arrow.fsPrevButton:before {
    transform: scaleX(1) translate(-50%, -50%)
}

.fsResourceElement.fsSlideshow.hero-slideshow .slick-arrow.fsNextButton:before {
    content: "\F105";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

.fsResourceElement .fsElementSlideshow[data-slides-to-show="1"] .fsResourceTypeImage .fsTitle {
    text-align: center
}

.fsResourceElement .fsElementSlideshow[data-slides-to-show="1"] .fsResourceTypeImage img {
    margin: 0 auto
}

.fsResourceElement.fsSingleItem.hero-slideshow {
    position: relative;
    margin-bottom: 0
}

@media (min-width:961px) {
    .fsResourceElement.fsSingleItem.hero-slideshow {
        margin-bottom: 5px
    }
}

@media (min-width:1025px) {
    .fsResourceElement.fsSingleItem.hero-slideshow {
        margin-bottom: 35px
    }
}

body:not(.home) .fsResourceElement.fsSingleItem.hero-slideshow {
    margin-bottom: 0
}

.fsResourceElement.fsSingleItem.hero-slideshow article {
    position: relative
}

.fsResourceElement.fsSingleItem.hero-slideshow article picture {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.fsResourceElement.fsSingleItem.hero-slideshow article img {
    opacity: 0;
    height: 0
}

.fsResourceElement.fsDialog:not(.fsSlideshow) {
    display: flex;
    justify-content: center
}

.fsSearchElement.fsSearchForm .fsSearchElementKeyword {
    margin-bottom: 30px
}

.fsSearchElement.fsSearchForm .fsSearchElementKeyword+.fsSearchElementSearchButton {
    margin-top: 0
}

.fsSearchElement.fsSearchForm .fsSearchElementSearchButton:last-child {
    margin-bottom: 0
}

.fsSearchElement.fsList li.fsListItem {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #dae1e9
}

.fsSearchElement.fsList .fsListItems {
    padding: 0
}

.fsSearchElement.fsList .fsSearchResultInfo {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #dae1e9
}

.fsSearchElement.fsList .fsSearchResultInfo:empty {
    margin: 0;
    border: none
}

.search-container {
    position: fixed;
    height: calc(100% - 75px);
    width: 100%;
    margin-bottom: 0;
    padding: 30px 20px 20px;
    max-height: 425px;
    right: 0;
    bottom: 75px;
    z-index: 22;
    background-color: #033169;
    opacity: 0;
    transform: translateY(100%);
    overflow: scroll;
    visibility: hidden;
    pointer-events: none;
    transition: all .3s ease-out
}

@media (min-width:1060px) {
    .search-container {
        width: 460px;
        top: 0;
        height: 100%;
        max-height: none;
        transform: translateX(100%);
        padding: 105px 50px 50px;
        overflow: hidden
    }
}

@media (min-width:1060px) {
    .fsAccountBarVisible .search-container {
        height: calc(100% - 45px);
        top: 45px
    }
}

.search-is-active .search-container {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transform: translateY(0)
}

@media (min-width:1060px) {
    .search-is-active .search-container {
        transform: translateX(0)
    }
}

.accessible .search-container {
    display: none
}

@media (min-width:1060px) {
    .accessible .search-container:before {
        content: "Press Esc To Close";
        position: absolute;
        top: 40px;
        left: 50px;
        font-family: var(--sans), sans-serif;
        color: #fff;
        font-weight: 600;
        font-size: .6875rem;
        line-height: 1.4;
        letter-spacing: 1.5px;
        text-transform: uppercase
    }
}

.accessible.search-is-active .search-container {
    display: block
}

.search-container>header {
    display: none
}

@media (min-width:1060px) {
    .search-container>header {
        display: block;
        position: absolute;
        top: 30px;
        right: 30px
    }
}

.search-container>header .fsElementHeaderContent {
    margin: 0
}

.search-container>header button.close-search {
    border: 0;
    background: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 35px;
    background-color: #00244e;
    border-radius: 50%;
    color: rgba(0, 0, 0, 0);
    transition: all .3s;
    cursor: pointer
}

.search-container>header button.close-search:focus,
.search-container>header button.close-search:hover {
    background-color: var(--secondary-accent)
}

.search-container>header button.close-search:focus:after,
.search-container>header button.close-search:hover:after {
    color: var(--primary-color)
}

.search-container>header button.close-search:after {
    content: "\E904";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: var(--secondary-accent);
    font-size: .625rem;
    transition: all .3s
}

.search-container>.fsElementContent {
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

@media (min-width:1060px) {
    .search-container>.fsElementContent {
        justify-content: flex-start
    }
}

.accessible .search-container>.fsElementContent {
    display: block
}

.search-container .fsNavigation ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.search-container .fsNavigation a,
.search-container .fsNavigation li.fsNavCurrentPage>a,
.search-container .fsNavigation li.fsNavCurrentPageAncestor>a {
    color: var(--primary-accent);
    background: rgba(0, 0, 0, 0)
}

.search-container .fsNavigation a {
    display: block;
    padding: 15px 0
}

.search-container .fsNavigation a:focus,
.search-container .fsNavigation a:hover {
    color: var(--primary-accent);
    background: rgba(0, 0, 0, 0)
}

.search-container .fsNavigation .fsNavLevel2>li>a {
    padding-left: 15px
}

.search-container .fsNavigation .fsNavLevel3>li>a {
    padding-left: 30px
}

.search-container .fsNavigation .fsNavLevel4>li>a {
    padding-left: 45px
}

.search-container .fsNavigation .fsNavLevel5>li>a {
    padding-left: 60px
}

.search-container .fsNavigation h2.fsElementTitle {
    font-weight: 700;
    line-height: 1.5;
    color: #fff;
    font-size: 1.1875rem;
    margin-bottom: 14px
}

@media (min-width:1060px) {
    .search-container .fsNavigation h2.fsElementTitle {
        font-size: 1.6875rem;
        margin-bottom: 26px
    }
}

.search-container .fsNavigation a {
    padding: 5px 0;
    font-family: var(--sans), sans-serif;
    color: var(--secondary-accent);
    font-weight: 600;
    font-size: .8125rem;
    line-height: 1.85;
    letter-spacing: 3px;
    text-transform: uppercase
}

@media (min-width:1060px) {
    .search-container .fsNavigation a {
        font-size: .875rem;
        line-height: 1.85;
        padding: 6px 0
    }
}

.search-container .fsNavigation a:hover {
    color: #fff
}

.fsSearchElement.site-search {
    order: 2;
    margin-bottom: 0;
    margin-top: 18px
}

@media (min-width:1060px) {
    .fsSearchElement.site-search {
        margin-bottom: 50px;
        margin-top: 0;
        order: 0
    }
}

@media (min-width:1060px) {
    .accessible .fsSearchElement.site-search>.fsElementContent {
        display: none
    }
}

@media (min-width:1060px) {
    .accessible.search-is-active .fsSearchElement.site-search>.fsElementContent {
        display: flex
    }
}

.fsSearchElement.site-search label {
    display: none
}

.fsSearchElement.site-search form {
    position: relative;
    width: 100%
}

.fsSearchElement.site-search .fsSearchElementKeyword {
    margin-bottom: 0
}

.fsSearchElement.site-search .fsSearchElementSearchButton {
    position: absolute;
    right: 10px;
    top: 50%;
    width: 37px;
    height: 37px;
    padding: 0;
    background-color: rgba(0, 0, 0, 0);
    border: 0 !important;
    color: rgba(0, 0, 0, 0);
    background-color: var(--secondary-accent);
    border-radius: 50%;
    transform: translateY(-50%)
}

.fsSearchElement.site-search .fsSearchElementSearchButton:before {
    content: "\E912";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.125rem;
    line-height: 2;
    color: #00152c;
    background-color: rgba(0, 0, 0, 0)
}

.fsSearchElement.site-search input {
    width: 100%;
    padding: 20px 30px;
    background-color: #00244e;
    border: 1px solid #5d7da8;
    color: #fff;
    font-size: .875rem;
    font-family: var(--sans), sans-serif;
    line-height: 1.1;
    font-weight: 700;
    letter-spacing: 1px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.fsSearchElement.site-search input::placeholder {
    color: #fff
}

.fsSearchElement.site-search .fsButtonClear {
    display: none
}

.fsSearchElement .fsElementFooterContent {
    margin-top: 0
}

button.search-toggle {
    border: 0;
    background: none;
    margin: 0;
    position: relative;
    padding: 35px 0 0;
    z-index: 2;
    font-size: .6875rem;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    transition: all .3s ease
}

@media (min-width:1060px) {
    button.search-toggle {
        display: block;
        margin-right: 0;
        margin-left: 20px;
        margin-top: 0;
        line-height: 0;
        color: rgba(0, 0, 0, 0);
        width: 51px;
        height: 51px;
        background-color: #001d3d;
        border-radius: 50%
    }
}

@media (min-width:1281px) {
    button.search-toggle {
        margin-right: 0;
        margin-left: 40px
    }
}

@media (min-width:1060px) {
    .not-top button.search-toggle {
        background-color: var(--secondary-accent);
        width: 37px;
        height: 37px;
        margin-left: 30px
    }
}

@media (min-width:1281px) {
    .not-top button.search-toggle {
        margin-left: 20px
    }
}

@media (min-width:1060px) {
    .not-top button.search-toggle:before {
        color: var(--primary-color)
    }
}

@media (min-width:1060px) {
    .not-top button.search-toggle:hover {
        background-color: var(--primary-accent)
    }
}

@media (min-width:1060px) {
    .not-top button.search-toggle:hover:before {
        color: var(--secondary-accent)
    }
}

button.search-toggle span.close {
    display: none
}

@media (min-width:1060px) {

    button.search-toggle:focus,
    button.search-toggle:hover {
        background-color: var(--secondary-accent)
    }
}

@media (min-width:1060px) {

    button.search-toggle:focus:before,
    button.search-toggle:hover:before {
        color: #001d3d
    }
}

.search-is-active button.search-toggle {
    color: var(--secondary-accent)
}

@media (max-width:1059px) {
    .search-is-active button.search-toggle:before {
        content: "";
        width: 2px;
        height: 19px;
        transform: translate(-50%, -50%) rotate(45deg);
        left: 50%;
        top: 25%;
        background: var(--secondary-accent)
    }
}

.search-is-active button.search-toggle:after {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(-45deg);
    background: var(--secondary-accent)
}

.search-is-active button.search-toggle span.close {
    display: block
}

.search-is-active button.search-toggle span.open {
    display: none
}

@media (max-width:1059px) {
    button.search-toggle:after {
        position: absolute;
        content: "";
        width: 2px;
        height: 19px;
        transform: translate(-50%, -50%) rotate(45deg);
        left: 50%;
        opacity: 0;
        top: 25%;
        transition: all .3s;
        background: #fff
    }
}

button.search-toggle:before {
    position: absolute;
    display: block;
    content: "\E912";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    font-size: 1.25rem;
    line-height: 1em;
    background-color: rgba(0, 0, 0, 0);
    color: #fff;
    left: 50%;
    height: auto;
    top: 50%;
    transform: translate(-50%, -50%) scale(1);
    transition: all .3s ease;
    transform-origin: center center
}

@media (min-width:1060px) {
    button.search-toggle:before {
        color: var(--secondary-accent)
    }
}

@media (min-width:1060px) {
    .not-top button.search-toggle:before {
        font-size: 1rem
    }
}

#fsMenu button.search-toggle:before {
    color: #fff
}

.fsVimeo,
.fsVimeo iframe.fsSocialVideoFrame {
    margin-bottom: 30px
}

.fsVimeoList,
.fsVimeoList ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.fsVimeoList li {
    margin: 0;
    padding: 0
}

.fsVimeoList .fsVimeoListItem {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #dae1e9;
    transition: opacity .3s;
    opacity: .6;
    cursor: pointer
}

.fsVimeoList .fsVimeoListItem:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none
}

.fsVimeoList .fsVimeoListItem:hover {
    border: none;
    border-bottom: 1px solid #dae1e9;
    padding: 0 0 30px;
    opacity: 1;
    transition: opacity .3s
}

.fsVimeoList .fsVimeoListItem:hover:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0
}

.fsVimeoThumb {
    margin-bottom: 15px;
    margin-right: 30px
}

@media (min-width:600px) {
    .fsVimeoThumb {
        float: left;
        margin-bottom: 0
    }
}

.vimeo_view_link a {
    border: 0;
    margin: 0 0 30px;
    padding: 20px 30px 18px;
    background: #1f2e3e;
    color: #fff;
    border-radius: 0;
    cursor: pointer;
    text-align: center;
    transition: .3s;
    font-family: var(--sans), sans-serif;
    font-weight: 600;
    font-size: .875rem;
    line-height: 1.3;
    letter-spacing: 3px;
    text-transform: uppercase;
    text-decoration: none;
    opacity: 1;
    display: inline-block
}

.vimeo_view_link a:after {
    display: inline-block;
    margin-left: 10px;
    transition: all .2s ease-out
}

.vimeo_view_link a:before {
    display: inline-block;
    margin-right: 10px;
    transition: all .2s ease-out
}

.fsStateSelected .vimeo_view_link a,
.vimeo_view_link a.on,
.vimeo_view_link a:focus,
.vimeo_view_link a:hover {
    background: #1f2e3e;
    color: #fff;
    transition: .3s;
    opacity: .9
}

.fsStateSelected .vimeo_view_link a:after,
.vimeo_view_link a.on:after,
.vimeo_view_link a:focus:after,
.vimeo_view_link a:hover:after {
    margin-left: 16px
}

.fsStateSelected .vimeo_view_link a:before,
.vimeo_view_link a.on:before,
.vimeo_view_link a:focus:before,
.vimeo_view_link a:hover:before {
    margin-right: 16px
}

.vimeo_view_link a.fs_style_106:after {
    content: "\E910";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

.vimeo_view_link a.fs_style_99:after {
    content: "\E901";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

.vimeo_view_link a.fs_style_102:before {
    content: "\E90F";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

.vimeo_view_link a.fs_style_103:before {
    content: "\E915";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

.vimeo_view_link a.fs_style_100 {
    font-size: 1.0625rem;
    line-height: 1.3;
    padding: 28px 75px;
    text-transform: uppercase
}

.vimeo_view_link a.fs_style_101 {
    width: 100%
}

.vimeo_view_link a .fs_style_111 {
    display: block;
    margin-top: 8px;
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.2;
    text-align: center;
    letter-spacing: 1px;
    text-transform: none
}

.fsYoutube,
.fsYoutube .fsSocialVideoFrame {
    margin-bottom: 30px
}

.fsYoutubeList,
.fsYoutubeList ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.fsYoutubeList li {
    margin: 0;
    padding: 0
}

.fsYoutubeList .fsYoutubeListItem {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #dae1e9;
    transition: opacity .3s;
    opacity: .6
}

.fsYoutubeList .fsYoutubeListItem:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none
}

.fsYoutubeList .fsYoutubeListItem:hover {
    border: none;
    border-bottom: 1px solid #dae1e9;
    padding: 0 0 30px;
    opacity: 1;
    transition: opacity .3s
}

.fsYoutubeList .fsYoutubeListItem:hover:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0
}

.fsYoutubeThumb {
    margin-bottom: 15px;
    margin-right: 30px;
    float: none
}

@media (min-width:600px) {
    .fsYoutubeThumb {
        float: left;
        margin-bottom: 0
    }
}

.Youtube_view_link a {
    border: 0;
    margin: 0 0 30px;
    padding: 20px 30px 18px;
    background: #1f2e3e;
    color: #fff;
    border-radius: 0;
    cursor: pointer;
    text-align: center;
    transition: .3s;
    font-family: var(--sans), sans-serif;
    font-weight: 600;
    font-size: .875rem;
    line-height: 1.3;
    letter-spacing: 3px;
    text-transform: uppercase;
    text-decoration: none;
    opacity: 1;
    display: inline-block
}

.Youtube_view_link a:after {
    display: inline-block;
    margin-left: 10px;
    transition: all .2s ease-out
}

.Youtube_view_link a:before {
    display: inline-block;
    margin-right: 10px;
    transition: all .2s ease-out
}

.fsStateSelected .Youtube_view_link a,
.Youtube_view_link a.on,
.Youtube_view_link a:focus,
.Youtube_view_link a:hover {
    background: #1f2e3e;
    color: #fff;
    transition: .3s;
    opacity: .9
}

.fsStateSelected .Youtube_view_link a:after,
.Youtube_view_link a.on:after,
.Youtube_view_link a:focus:after,
.Youtube_view_link a:hover:after {
    margin-left: 16px
}

.fsStateSelected .Youtube_view_link a:before,
.Youtube_view_link a.on:before,
.Youtube_view_link a:focus:before,
.Youtube_view_link a:hover:before {
    margin-right: 16px
}

.Youtube_view_link a.fs_style_106:after {
    content: "\E910";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

.Youtube_view_link a.fs_style_99:after {
    content: "\E901";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

.Youtube_view_link a.fs_style_102:before {
    content: "\E90F";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

.Youtube_view_link a.fs_style_103:before {
    content: "\E915";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

.Youtube_view_link a.fs_style_100 {
    font-size: 1.0625rem;
    line-height: 1.3;
    padding: 28px 75px;
    text-transform: uppercase
}

.Youtube_view_link a.fs_style_101 {
    width: 100%
}

.Youtube_view_link a .fs_style_111 {
    display: block;
    margin-top: 8px;
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.2;
    text-align: center;
    letter-spacing: 1px;
    text-transform: none
}

.fsTabs {
    padding: 0;
    background: none;
    border: 0
}

.fsTabs .fsTabsNav {
    margin: 0;
    padding: 0;
    display: none;
    border-bottom: 1px solid #dae1e9
}

@media (min-width:600px) {
    .fsTabs .fsTabsNav {
        display: block
    }
}

.fsTabs .fsTabsNav li {
    margin-right: 2px
}

.fsTabs .fsTabsNav li a {
    display: block;
    transition: .3s;
    border-left: 7px solid rgba(0, 0, 0, 0);
    padding: 16px 12px;
    font-family: var(--sans), sans-serif;
    font-weight: 700;
    font-size: .875rem;
    line-height: 1.7;
    letter-spacing: 3px;
    text-transform: uppercase;
    background: rgba(0, 0, 0, 0);
    color: var(--primary-color);
    border-top: none;
    box-shadow: inset 0 -5px 0 rgba(0, 0, 0, 0);
    transform: translateY(2.5px);
    background-image: none;
    margin-bottom: 0
}

.fsTabs .fsTabsNav li a:hover {
    background: rgba(0, 0, 0, 0);
    color: var(--primary-accent)
}

.fsTabs .fsTabsNav li.fsStateSelected a {
    box-shadow: inset 0 -5px 0 var(--primary-accent);
    background: rgba(0, 0, 0, 0);
    color: var(--primary-color)
}

.fsPanelGroup.fsTabs>.fsElementContent>.fsPanel:not(.fsStateOpen),
.fsPanelGroup.fsTabs>.fsElementContent>.fsPanel>.fsElementActionButtonContainer,
.fsPanelGroup.fsTabs>.fsElementContent>.fsPanel>header {
    display: block
}

@media (min-width:600px) {

    .fsPanelGroup.fsTabs>.fsElementContent>.fsPanel:not(.fsStateOpen),
    .fsPanelGroup.fsTabs>.fsElementContent>.fsPanel>.fsElementActionButtonContainer,
    .fsPanelGroup.fsTabs>.fsElementContent>.fsPanel>header {
        display: none
    }
}

.fsElementToolsSearchButton,
.fsToolsList.fsStyleSelectList .fsStyleDefaultButton {
    margin: 0 5px 0 0;
    width: auto
}

.fsToolsList.fsStyleSelectList>li {
    padding: 0;
    margin: 0
}

.fsToolsList.fsStyleSelectList .fsStyleDefaultButton {
    margin-bottom: 5px;
    padding: 7px 12px;
    font-size: .8125rem;
    line-height: 1.2;
    background-image: none
}

.fsBannerLeft .fsElementToolsSearch,
.fsBannerRight .fsElementToolsSearch,
.fsFourColumnLayout>.fsDiv .fsElementToolsSearch,
.fsStyleOneThird .fsElementToolsSearch,
.fsThreeColumnLayout>.fsDiv .fsElementToolsSearch,
.fsTwoColumnLayout .fsElementToolsSearch {
    display: flex;
    flex-wrap: wrap
}

.fsBannerLeft .fsElementToolsSearch>div,
.fsBannerRight .fsElementToolsSearch>div,
.fsFourColumnLayout>.fsDiv .fsElementToolsSearch>div,
.fsStyleOneThird .fsElementToolsSearch>div,
.fsThreeColumnLayout>.fsDiv .fsElementToolsSearch>div,
.fsTwoColumnLayout .fsElementToolsSearch>div {
    width: 100%
}

.fsBannerLeft .fsElementToolsSearch .fsFieldContainer,
.fsBannerRight .fsElementToolsSearch .fsFieldContainer,
.fsFourColumnLayout>.fsDiv .fsElementToolsSearch .fsFieldContainer,
.fsStyleOneThird .fsElementToolsSearch .fsFieldContainer,
.fsThreeColumnLayout>.fsDiv .fsElementToolsSearch .fsFieldContainer,
.fsTwoColumnLayout .fsElementToolsSearch .fsFieldContainer {
    display: flex;
    flex-wrap: wrap
}

.fsBannerLeft .fsElementToolsSearch .fsFieldContainer .fsStyleDefaultField,
.fsBannerRight .fsElementToolsSearch .fsFieldContainer .fsStyleDefaultField,
.fsFourColumnLayout>.fsDiv .fsElementToolsSearch .fsFieldContainer .fsStyleDefaultField,
.fsStyleOneThird .fsElementToolsSearch .fsFieldContainer .fsStyleDefaultField,
.fsThreeColumnLayout>.fsDiv .fsElementToolsSearch .fsFieldContainer .fsStyleDefaultField,
.fsTwoColumnLayout .fsElementToolsSearch .fsFieldContainer .fsStyleDefaultField {
    flex-grow: 1
}

.fsBannerLeft .fsElementToolsSearch .fsElementToolsSearchButton,
.fsBannerRight .fsElementToolsSearch .fsElementToolsSearchButton,
.fsFourColumnLayout>.fsDiv .fsElementToolsSearch .fsElementToolsSearchButton,
.fsStyleOneThird .fsElementToolsSearch .fsElementToolsSearchButton,
.fsThreeColumnLayout>.fsDiv .fsElementToolsSearch .fsElementToolsSearchButton,
.fsTwoColumnLayout .fsElementToolsSearch .fsElementToolsSearchButton {
    width: 100%
}

.fsElementToolsSearch .fsSeparator {
    margin: 0 5px;
    display: inline-block;
    text-align: center
}

.fsElementToolsKeyword+.fsElementToolsDateRange {
    margin-top: 15px
}

.fsElementToolsSearchButton {
    margin: 15px 0 0
}

.fsLegend .fsElementControls {
    margin-bottom: 5px
}

.fsLegend .fsElementControls label input:checked+span {
    background: #131e27;
    color: #fff
}

.fsLegend .fsElementControls label input+span {
    color: #131e27;
    background: #dae1e9
}

.fsMiniGrid .fsCalendarEventGrid {
    max-width: 100%;
    width: 330px
}

.fsMiniGrid .fsCalendarEventGrid .fsCalendarDaybox {
    box-shadow: inset -1px 0 0 0 #fff, inset 0 -1px 0 0 #fff;
    background: #dae1e9;
    color: #1f2e3e;
    font-size: .875rem;
    line-height: 1;
    padding: 10px 5px;
    transition: .3s
}

.fsMiniGrid .fsCalendarEventGrid .fsCalendarDaybox:hover {
    opacity: 1;
    background: var(--primary-accent) !important;
    color: #fff !important;
    transition: .3s
}

.fsMiniGrid .fsCalendarEventGrid .fsCalendarDaybox:last-child {
    box-shadow: inset 0 -1px 0 0 #fff
}

.fsMiniGrid .fsCalendarEventGrid .fsCalendarDaybox.fsStateHasEvents {
    padding-bottom: 12px;
    background: #dae1e9;
    color: #1f2e3e
}

.fsMiniGrid .fsCalendarEventGrid .fsCalendarDaybox.fsStateHasEvents .fsCalendarDate:after {
    content: "\25CF";
    font-size: .5rem;
    display: block;
    line-height: .5;
    transform: translate3d(0, 2px, 0)
}

.fsMiniGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarOutOfRange {
    background: #eff1f9;
    color: #3d5775
}

.fsMiniGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarToday {
    background: var(--primary-accent);
    color: #fff
}

.fsCalendarMonthYearPicker>.fsStyleUpdateButton {
    margin-bottom: 0;
    display: block;
    color: #fff;
    background-color: #131e27
}

.module {
    padding: 30px;
    color: #fff
}

.module a,
.module h1,
.module h2,
.module h3,
.module h4,
.module h5,
.module h6 {
    color: inherit
}

.module {
    background: var(--primary-color)
}

.home {
    max-width: 100vw
}

@media (min-width:961px) {
    .home:after {
        content: "";
        position: fixed;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 100;
        border: 0 solid var(--secondary-accent);
        pointer-events: none;
        transition: all .3s ease
    }
}

@media (min-width:961px) {
    .home.Win.fixed-panels-scrolling {
        border-right: 10px solid rgba(0, 0, 0, 0)
    }
}

@media (min-width:961px) {
    .home.fixed-panels-scrolling:not(.accessible) {
        overflow: hidden
    }
}

.home.fixed-panels-scrolling:not(.accessible):after {
    border: 8px solid var(--primary-accent)
}

.home.accessible #fsPageBodyWrapper {
    padding: 20px 0 0
}

.home #fsPageBodyWrapper {
    background-color: #032d64;
    min-height: 2000px;
    padding: 0
}

@media (max-width:960px) {
    .home #fsPageBodyWrapper {
        box-shadow: inset -1px -186px 40px -59px #00244e
    }
}

@media (min-width:1060px) {
    .home #fsPageBodyWrapper {
        padding: 240px 0 0
    }
}

@media (min-width:1060px) {
    .home #fsPageBodyWrapper:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 225px;
        top: 0;
        left: 0;
        z-index: 2;
        background: linear-gradient(180deg, #00244e, rgba(0, 36, 78, 0))
    }
}

.home #fsPageWrapper {
    z-index: 1;
    position: relative
}

.home #fsPageBody {
    position: relative;
    padding: 0;
    max-width: 2000px;
    margin: 0 auto;
    max-width: 100%
}

@media (min-width:1060px) {
    .home #fsPageBody:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 225px;
        bottom: 0;
        left: 0;
        z-index: 2;
        background: linear-gradient(180deg, rgba(7, 62, 134, 0), rgba(4, 45, 100, 0) .01%, #00244e 90%)
    }
}

.home .fsPageLayout>.fsDiv {
    margin-bottom: 0;
    zoom: 1
}

.home .fsPageLayout>.fsDiv:after {
    display: table;
    clear: both;
    content: ""
}

.home #fsPageContent {
    position: relative
}

.fsLiveMode .image-background {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    width: 100vw;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
    background-position: top
}

.fsLiveMode .image-background:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 70px;
    left: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(7, 62, 134, 0), #032d64 80%)
}

@media (min-width:961px) {
    .fsLiveMode .image-background:after {
        height: 200px
    }
}

.fsLiveMode .image-background:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 70px;
    left: 0;
    top: 0;
    background: linear-gradient(0deg, rgba(7, 62, 134, 0), #032d64 80%)
}

@media (min-width:961px) {
    .fsLiveMode .image-background:before {
        height: 200px
    }
}

.fsLiveMode .image-background.one {
    height: 807px;
    top: 0
}

@media (min-width:961px) {
    .fsLiveMode .image-background.one {
        height: 1200px;
        top: -240px
    }
}

@media (min-width:961px) {

    .fsLiveMode .image-background.one:after,
    .fsLiveMode .image-background.one:before {
        height: 600px
    }
}

.fsLiveMode .image-background.two {
    top: auto;
    bottom: 500px;
    height: 904px
}

@media (min-width:961px) {
    .fsLiveMode .image-background.two {
        height: 1354px
    }
}

.fsLiveMode .image-background.three {
    top: 83%;
    height: 700px
}

@media (min-width:961px) {
    .fsLiveMode .image-background.three {
        top: 80%;
        height: 1000px
    }
}

.fsLiveMode .image-background.four {
    top: -25vw;
    height: 900px
}

@media (min-width:961px) {
    .fsLiveMode .image-background.four {
        height: 1750px
    }
}

.fsLiveMode .image-background.five {
    bottom: 499px;
    height: 600px
}

@media (min-width:961px) {
    .fsLiveMode .image-background.five {
        height: 1354px;
        bottom: 0
    }
}

.section-intro {
    position: relative;
    padding-top: 260px;
    z-index: 1
}

@media (min-width:641px) {
    .section-intro {
        padding-top: 460px
    }
}

@media (min-width:961px) {
    .section-intro {
        margin-bottom: 70px;
        padding-top: 0
    }
}

.fsLiveMode .section-intro {
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media (min-width:961px) {
    .fsLiveMode .section-intro {
        align-items: flex-end;
        justify-content: flex-end;
        min-height: 630px;
        max-width: 2000px;
        padding-right: 60px
    }
}

@media (min-width:1025px) {
    .fsLiveMode .section-intro {
        padding-right: 130px
    }
}

.fsLiveMode .section-intro.active .fsElementContent,
.fsLiveMode .section-intro.active .fsImage,
.fsLiveMode .section-intro.active header {
    transform: translateX(0);
    opacity: 1
}

.fsLiveMode .section-intro h2.fsElementTitle {
    display: none !important
}

@media (min-width:961px) {
    .fsLiveMode .section-intro .fsImage {
        transform: translateX(-50%);
        opacity: 0;
        transition: all .5s ease-out
    }
}

@media (min-width:961px) {
    .fsLiveMode .section-intro .fsElementContent {
        transform: translateX(50%);
        opacity: 0;
        transition: all .5s ease-out .25s
    }
}

@media (min-width:961px) {
    .fsLiveMode .section-intro header {
        transform: translateX(50%);
        opacity: 0;
        transition: all .5s ease-out .5s
    }
}

@media (min-width:961px) {
    .fsLiveMode .section-intro.uniquely-choate .fsElementHeaderContent {
        min-width: 480px;
        padding: 0
    }
}

.fsLiveMode .section-intro.opportunity .fsImage {
    left: -100%;
    transition: left .6s ease
}

.section-intro.opportunity .fsImage.active {
    left: 0
}

.fsLiveMode .section-intro .fsImage {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    height: 280px;
    width: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    mix-blend-mode: lighten;
    transition-timing-function: ease
}

@media (min-width:641px) {
    .fsLiveMode .section-intro .fsImage {
        height: 480px
    }
}

@media (min-width:961px) {
    .fsLiveMode .section-intro .fsImage {
        width: calc(100% - 450px);
        height: 100%
    }
}

@media (min-width:1025px) {
    .fsLiveMode .section-intro .fsImage {
        width: calc(100% - 520px)
    }
}

.section-intro .fsImage:after {
    content: "";
    position: absolute;
    right: 0;
    height: 40%;
    width: 100%;
    bottom: 0;
    background: linear-gradient(180deg, rgba(0, 27, 61, 0), #001b3d)
}

@media (min-width:961px) {
    .section-intro .fsImage:after {
        width: 40%;
        background: linear-gradient(90deg, rgba(0, 27, 61, 0), #001b3d);
        height: 100%
    }
}

.fsLiveMode .section-intro .fsElementContent,
.fsLiveMode .section-intro .fsElementHeaderContent {
    max-width: 565px;
    padding: 0 20px
}

.section-intro .fsElementHeaderContent {
    background: linear-gradient(90deg, var(--secondary-accent) 0, var(--secondary-color));
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-weight: 700;
    font-size: 1.6875rem;
    line-height: 1.2
}

@media (min-width:961px) {
    .section-intro .fsElementHeaderContent {
        margin-bottom: 40px;
        margin-top: 50px;
        font-size: 2.3125rem
    }
}

.section-intro .fsElementHeaderContent em {
    font-style: normal
}

.section-intro .fsElementHeaderContent strong {
    display: block;
    background: linear-gradient(90deg, var(--secondary-accent) 0, var(--secondary-color));
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-family: var(--sans), sans-serif;
    font-weight: 600;
    font-size: 4rem;
    line-height: 1.3;
    text-transform: uppercase
}

@media (min-width:961px) {
    .section-intro .fsElementHeaderContent strong {
        font-size: 7.625rem;
        line-height: 1.04
    }
}

.fsLiveMode .section-intro .fsElementContent {
    color: #fff;
    max-width: 680px
}

@media (min-width:961px) {
    .fsLiveMode .section-intro .fsElementContent {
        background-color: #032d64;
        max-width: 480px;
        padding: 50px 0 50px 20px
    }
}

@media (min-width:1025px) {
    .fsLiveMode .section-intro .fsElementContent {
        padding: 50px 0 50px 60px
    }
}

.section-intro .fsElementContent .fs_style_95 {
    color: #fff
}

.hero-video.fsElement.fsGrid {
    position: relative
}

.fsLiveMode .hero-video.fsElement.fsGrid {
    display: flex;
    flex-direction: column;
    margin-bottom: 0
}

@media (min-width:961px) {
    .fsLiveMode .hero-video.fsElement.fsGrid {
        justify-content: flex-end;
        flex-direction: row;
        max-width: 1800px;
        margin: 0 auto 200px
    }
}

.fsLiveMode .hero-video.fsElement.fsGrid.pop-up-active article:last-child {
    opacity: 1;
    visibility: visible;
    pointer-events: all
}

.hero-video.fsElement.fsGrid.no-autoplay article:first-child video {
    display: none
}

.hero-video.fsElement.fsGrid.no-autoplay article:first-child .fsPlayOverlay {
    display: block !important
}

.hero-video.fsElement.fsGrid.no-autoplay article:first-child .fsPlayOverlay:after,
.hero-video.fsElement.fsGrid.no-autoplay article:first-child .fsPlayOverlay:before {
    display: none
}

.hero-video.fsElement.fsGrid.no-autoplay article:first-child .fsPlayOverlay button {
    display: none !important
}

.hero-video.fsElement.fsGrid.no-autoplay article:first-child button.play-pause {
    display: none
}

.fsLiveMode .hero-video.fsElement.fsGrid header {
    padding: 15px
}

@media (min-width:961px) {
    .fsLiveMode .hero-video.fsElement.fsGrid header {
        position: absolute;
        padding: 0;
        top: 45%;
        transform: translateY(-50%);
        right: 40%;
        max-width: 57%;
        z-index: 3
    }
}

@media (min-width:1281px) {
    .fsLiveMode .hero-video.fsElement.fsGrid header {
        right: 50%;
        max-width: 48%;
        right: 43%
    }
}

.hero-video.fsElement.fsGrid header h2.fsElementTitle {
    font-family: var(--serif), serif;
    font-weight: 700;
    font-size: 1.6875rem;
    margin-bottom: 20px;
    pointer-events: none;
    line-height: 1.3;
    background: linear-gradient(90deg, var(--secondary-accent) 0, var(--secondary-color));
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

@media (min-width:961px) {
    .hero-video.fsElement.fsGrid header h2.fsElementTitle {
        font-size: 2.6875rem
    }
}

.hero-video.fsElement.fsGrid header .fsElementHeaderContent {
    margin-bottom: 10px
}

.hero-video.fsElement.fsGrid header .fsElementHeaderContent h2 {
    font-family: var(--sans), sans-serif;
    font-weight: 600;
    line-height: .9;
    text-transform: uppercase;
    pointer-events: none;
    background: linear-gradient(90deg, var(--secondary-accent) 0, var(--secondary-color));
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-size: 3rem
}

@media (min-width:641px) {
    .hero-video.fsElement.fsGrid header .fsElementHeaderContent h2 {
        padding-right: 300px
    }
}

@media (min-width:961px) {
    .hero-video.fsElement.fsGrid header .fsElementHeaderContent h2 {
        font-size: 7.8125rem;
        padding-right: 0;
        min-width: 900px
    }
}

@media (min-width:1281px) {
    .hero-video.fsElement.fsGrid header .fsElementHeaderContent h2 {
        font-size: 8.9375rem;
        min-width: 1300px
    }
}

.hero-video.fsElement.fsGrid header .fsElementHeaderContent button {
    border: 0;
    background: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 2;
    top: 65vw;
    transform: translateY(-130%);
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.1;
    color: #fff
}

@media (min-width:961px) {
    .hero-video.fsElement.fsGrid header .fsElementHeaderContent button {
        border: 0;
        margin: 0 0 30px;
        background: var(--primary-color);
        color: #fff;
        border-radius: 0;
        cursor: pointer;
        text-align: center;
        transition: .3s;
        font-family: var(--sans), sans-serif;
        font-weight: 600;
        font-size: .875rem;
        line-height: 1.3;
        letter-spacing: 3px;
        text-transform: uppercase;
        text-decoration: none;
        opacity: 1;
        display: inline-block;
        position: relative;
        top: auto;
        padding: 20px 110px 20px 50px;
        border: 1px solid var(--secondary-accent);
        transform: none;
        display: block
    }

    .hero-video.fsElement.fsGrid header .fsElementHeaderContent button:after {
        display: inline-block;
        margin-left: 10px;
        transition: all .2s ease-out
    }

    .hero-video.fsElement.fsGrid header .fsElementHeaderContent button:before {
        display: inline-block;
        margin-right: 10px;
        transition: all .2s ease-out
    }

    .fsStateSelected .hero-video.fsElement.fsGrid header .fsElementHeaderContent button,
    .hero-video.fsElement.fsGrid header .fsElementHeaderContent button.on,
    .hero-video.fsElement.fsGrid header .fsElementHeaderContent button:focus,
    .hero-video.fsElement.fsGrid header .fsElementHeaderContent button:hover {
        background: var(--primary-color);
        color: #fff;
        transition: .3s;
        opacity: .9
    }

    .fsStateSelected .hero-video.fsElement.fsGrid header .fsElementHeaderContent button:after,
    .hero-video.fsElement.fsGrid header .fsElementHeaderContent button.on:after,
    .hero-video.fsElement.fsGrid header .fsElementHeaderContent button:focus:after,
    .hero-video.fsElement.fsGrid header .fsElementHeaderContent button:hover:after {
        margin-left: 16px
    }

    .fsStateSelected .hero-video.fsElement.fsGrid header .fsElementHeaderContent button:before,
    .hero-video.fsElement.fsGrid header .fsElementHeaderContent button.on:before,
    .hero-video.fsElement.fsGrid header .fsElementHeaderContent button:focus:before,
    .hero-video.fsElement.fsGrid header .fsElementHeaderContent button:hover:before {
        margin-right: 16px
    }

    .hero-video.fsElement.fsGrid header .fsElementHeaderContent button.fs_style_106:after {
        content: "\E910";
        font-family: IcoMoon;
        font-smoothing: antialiased;
        font-weight: 400;
        speak: none
    }

    .hero-video.fsElement.fsGrid header .fsElementHeaderContent button.fs_style_99:after {
        content: "\E901";
        font-family: IcoMoon;
        font-smoothing: antialiased;
        font-weight: 400;
        speak: none
    }

    .hero-video.fsElement.fsGrid header .fsElementHeaderContent button.fs_style_102:before {
        content: "\E90F";
        font-family: IcoMoon;
        font-smoothing: antialiased;
        font-weight: 400;
        speak: none
    }

    .hero-video.fsElement.fsGrid header .fsElementHeaderContent button.fs_style_103:before {
        content: "\E915";
        font-family: IcoMoon;
        font-smoothing: antialiased;
        font-weight: 400;
        speak: none
    }

    .hero-video.fsElement.fsGrid header .fsElementHeaderContent button.fs_style_100 {
        font-size: 1.0625rem;
        line-height: 1.3;
        padding: 28px 75px;
        text-transform: uppercase
    }

    .hero-video.fsElement.fsGrid header .fsElementHeaderContent button.fs_style_101 {
        width: 100%
    }

    .hero-video.fsElement.fsGrid header .fsElementHeaderContent button .fs_style_111 {
        display: block;
        margin-top: 8px;
        font-style: normal;
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.2;
        text-align: center;
        letter-spacing: 1px;
        text-transform: none
    }
}

.hero-video.fsElement.fsGrid header .fsElementHeaderContent button:focus:before,
.hero-video.fsElement.fsGrid header .fsElementHeaderContent button:hover:before {
    margin-right: 0
}

.hero-video.fsElement.fsGrid header .fsElementHeaderContent button:before {
    content: "\E91C";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 65px;
    height: 65px;
    padding-top: 2px;
    margin-bottom: 20px;
    color: var(--primary-color);
    font-size: 1rem;
    border-radius: 50%;
    background-color: var(--secondary-accent)
}

@media (min-width:961px) {
    .hero-video.fsElement.fsGrid header .fsElementHeaderContent button:before {
        content: "\E910";
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 60px;
        height: 100%;
        padding-top: 0;
        border-radius: 0;
        margin-right: 0;
        right: 0;
        top: 0;
        background-color: var(--secondary-accent);
        color: var(--primary-color)
    }
}

.fsLiveMode .hero-video.fsElement.fsGrid .fsElementContent {
    order: -1
}

@media (min-width:961px) {
    .fsLiveMode .hero-video.fsElement.fsGrid .fsElementContent {
        width: 58%;
        order: 1
    }
}

.hero-video.fsElement.fsGrid .fsListItems {
    margin: 0;
    justify-content: flex-end
}

.hero-video.fsElement.fsGrid article {
    padding: 0
}

.hero-video.fsElement.fsGrid article:first-child {
    position: relative
}

.fsLiveMode .hero-video.fsElement.fsGrid article:first-child:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: linear-gradient(0deg, #001a3d -2.5%, rgba(0, 27, 61, 0) 66.08%)
}

@media (min-width:961px) {
    .fsLiveMode .hero-video.fsElement.fsGrid article:first-child:before {
        background: linear-gradient(90.03deg, #001b3d -3.2%, rgba(0, 27, 61, .58) 16.99%, rgba(0, 27, 61, 0) 33.6%)
    }
}

.fsLiveMode .hero-video.fsElement.fsGrid article:first-child {
    height: 65vw;
    width: 100%
}

@media (min-width:961px) {
    .fsLiveMode .hero-video.fsElement.fsGrid article:first-child {
        height: 550px;
        max-width: 710px
    }
}

@media (min-width:1441px) {
    .fsLiveMode .hero-video.fsElement.fsGrid article:first-child {
        height: 650px;
        max-width: 1200px
    }
}

.hero-video.fsElement.fsGrid article:first-child .fsVideoPlayOverlay {
    display: none
}

.fsLiveMode .hero-video.fsElement.fsGrid article:first-child video {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    object-fit: cover;
    object-position: center center;
    cursor: pointer
}

.hero-video.fsElement.fsGrid article:first-child button.play-pause {
    border: 0;
    background: none;
    margin: 0;
    display: block;
    position: absolute;
    width: 37px;
    height: 37px;
    padding: 0 0 5px;
    bottom: 44px;
    right: 44px;
    z-index: 5;
    background-color: #001d3d;
    border-radius: 50%;
    cursor: pointer;
    transition: all .3s ease
}

.hero-video.fsElement.fsGrid article:first-child button.play-pause:hover {
    background-color: var(--secondary-accent)
}

.hero-video.fsElement.fsGrid article:first-child button.play-pause:hover:after {
    color: var(--primary-color)
}

.hero-video.fsElement.fsGrid article:first-child button.play-pause span {
    max-height: 0;
    overflow: hidden;
    display: block
}

.hero-video.fsElement.fsGrid article:first-child button.play-pause:after {
    content: "\E90D";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    color: var(--secondary-accent);
    font-size: .625rem;
    line-height: 1
}

.hero-video.fsElement.fsGrid article:first-child button.play-pause.paused:after {
    content: "\E906"
}

.fsLiveMode .hero-video.fsElement.fsGrid article:last-child {
    position: fixed;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    max-width: 800px;
    left: 50%;
    top: 50%;
    z-index: 50;
    transform: translate(-50%, -50%);
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

.hero-video.fsElement.fsGrid article:last-child .fsResourceVideoWrapper {
    width: 100%;
    display: block
}

.hero-video.fsElement.fsGrid article:last-child video {
    min-width: 100%;
    height: auto !important;
    width: 100%
}

.hero-video.fsElement.fsGrid article:last-child button.close-video {
    border: 0;
    background: none;
    margin: 0;
    padding: 0;
    position: relative;
    width: 50px;
    font-size: .75rem;
    height: 50px;
    transform: scale(1);
    transition: all .3s ease;
    color: rgba(0, 0, 0, 0);
    cursor: pointer
}

.hero-video.fsElement.fsGrid article:last-child button.close-video:hover:after {
    color: #fff
}

.hero-video.fsElement.fsGrid article:last-child button.close-video:after {
    content: "\E904";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: var(--secondary-accent);
    transition: all .3s ease
}

.hero-video.fsElement.fsGrid article .fsResourceVideoWrapper {
    height: 100%
}

.hero-video.fsElement.fsGrid footer {
    display: none !important
}

@media (min-width:961px) {
    .hero-video.fsElement.fsGrid footer {
        display: block;
        position: absolute;
        left: 29%;
        height: 14px;
        width: 246px;
        bottom: 0;
        transform: rotate(90deg)
    }
}

@media (min-width:1281px) {
    .hero-video.fsElement.fsGrid footer {
        bottom: 20px
    }
}

.hero-video.fsElement.fsGrid footer .fsElementFooterContent {
    margin-top: 0
}

.hero-video.fsElement.fsGrid footer .fsElementFooterContent button.scroll {
    border: 0;
    background: none;
    margin: 0;
    padding: 0;
    position: relative;
    display: flex;
    align-items: center;
    font-weight: 600;
    font-family: var(--sans), sans-serif;
    font-size: .8125rem;
    line-height: 1.1;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #fff
}

.hero-video.fsElement.fsGrid footer .fsElementFooterContent button.scroll:after {
    content: "";
    width: 0;
    height: 2px;
    margin-left: 11px;
    background-color: #fff;
    transition: all 1.5s ease-out
}

.loaded .hero-video.fsElement.fsGrid footer .fsElementFooterContent button.scroll:after {
    width: 173px
}

.hero-video.fsElement.fsGrid footer .fsElementFooterContent button.scroll:before {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    bottom: 3px;
    right: 0;
    transform: rotate(-45deg);
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff
}

.page-nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 30;
    transform: translateY(-100%);
    transition: all .3s ease
}

@media (min-width:1060px) {
    .page-nav {
        display: none
    }
}

.fsAccountBarVisible .page-nav {
    display: none
}

.page-nav:after {
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    left: 0;
    bottom: 0;
    background: linear-gradient(90.68deg, var(--primary-accent) 1.17%, #00152c 305.69%);
    box-shadow: 0 10px 40px rgba(0, 27, 61, .25)
}

.page-nav.active button:after {
    content: "\E90A";
    font-size: 2.5px
}

body:not(.home) .page-nav {
    display: none
}

body.not-top.scrolled .page-nav {
    transform: translateY(0)
}

body.not-top.drawer-is-active .page-nav,
body.not-top.main-nav-open .page-nav,
body.not-top.news-drawer-active .page-nav,
body.not-top.search-is-active .page-nav,
body.not-top.stories-pop-up-active .page-nav,
body.not-top.video-pop-up-active .page-nav {
    transform: translateY(-100%)
}

.page-nav button {
    border: 0;
    background: none;
    margin: 0;
    padding: 15px 20px;
    width: 100%;
    display: flex;
    align-items: center;
    background-color: #001d3d;
    font-family: var(--sans), sans-serif;
    font-weight: 600;
    font-size: .8125rem;
    line-height: 1.85;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #fff
}

.page-nav button:after,
.page-nav button:before {
    display: inline-block
}

.page-nav button:before {
    content: "\E923";
    font-size: 1.25rem;
    color: var(--secondary-accent);
    margin-right: 16px
}

.page-nav button:after,
.page-nav button:before {
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

.page-nav button:after {
    content: "\E910";
    margin-left: auto
}

.page-nav nav {
    display: none;
    padding: 20px;
    width: 100% !important;
    background-color: #033169
}

.page-nav nav ul {
    position: relative
}

.page-nav nav ul,
.page-nav nav ul ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.page-nav nav ul li {
    margin: 0;
    padding: 0
}

.page-nav nav ul:after {
    content: "";
    position: absolute;
    width: 1px;
    left: 8.5px;
    top: 6px;
    bottom: 9px;
    background-color: hsla(0, 0%, 100%, .5)
}

.page-nav nav li {
    position: relative
}

.page-nav nav li:before {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    left: 5px;
    top: 4px;
    background-color: #fff;
    border-radius: 50%
}

.page-nav nav li.active:before {
    background-color: var(--secondary-accent)
}

.page-nav nav li.active a {
    color: var(--secondary-accent)
}

.page-nav nav a {
    display: block;
    padding-left: 30px;
    margin-bottom: 20px;
    color: #fff;
    background: none;
    font-family: var(--sans), sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: .8125rem;
    line-height: 1.2;
    letter-spacing: 3px;
    text-transform: uppercase;
    text-decoration: none
}

.icon-cta {
    max-width: 1180px;
    position: relative;
    margin: 0 auto 30px
}

.icon-cta ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.icon-cta a,
.icon-cta li.fsNavCurrentPage>a,
.icon-cta li.fsNavCurrentPageAncestor>a {
    color: var(--primary-accent);
    background: rgba(0, 0, 0, 0)
}

.icon-cta a {
    display: block;
    padding: 15px 0
}

.icon-cta a:focus,
.icon-cta a:hover {
    color: var(--primary-accent);
    background: rgba(0, 0, 0, 0)
}

.icon-cta .fsNavLevel2>li>a {
    padding-left: 15px
}

.icon-cta .fsNavLevel3>li>a {
    padding-left: 30px
}

.icon-cta .fsNavLevel4>li>a {
    padding-left: 45px
}

.icon-cta .fsNavLevel5>li>a {
    padding-left: 60px
}

@media (min-width:961px) {
    .icon-cta {
        margin-bottom: 0;
        padding-top: 20px
    }
}

@keyframes iconCTAs {
    0% {
        position: absolute;
        opacity: 1;
        bottom: 95px;
        transform: translateY(0);
        flex-direction: row
    }

    33% {
        position: absolute;
        opacity: 0;
        bottom: 95px;
        transform: translateY(0);
        flex-direction: row
    }

    50% {
        position: fixed;
        bottom: 50%;
        transform: translateY(50%);
        flex-direction: column
    }

    66% {
        position: fixed;
        opacity: 0;
        bottom: 50%;
        transform: translateY(50%);
        flex-direction: column
    }

    to {
        position: fixed;
        opacity: 1;
        bottom: 50%;
        transform: translateY(50%);
        flex-direction: column
    }
}

@media (min-width:1281px) {
    .icon-cta.scrolled.fsLiveMode .fsNavLevel1 {
        animation-name: iconCTAs;
        animation-duration: 1s;
        animation-timing-function: ease;
        animation-fill-mode: forwards;
        animation-direction: normal
    }

    .icon-cta.scrolled.fsLiveMode .fsNavLevel1 li {
        margin-bottom: 10px;
        min-width: 80px
    }

    .icon-cta.scrolled.fsLiveMode .fsNavLevel1 li:not(:first-child) {
        margin-left: 0
    }

    .icon-cta.scrolled.fsLiveMode .fsNavLevel1 li a {
        font-size: 0
    }

    .icon-cta.scrolled.fsLiveMode .fsNavLevel1 li a:focus,
    .icon-cta.scrolled.fsLiveMode .fsNavLevel1 li a:hover {
        font-size: .875rem
    }
}

.fsLiveMode .icon-cta .fsNavLevel1 {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    justify-content: center;
    z-index: 10
}

@media (min-width:641px) {
    .fsLiveMode .icon-cta .fsNavLevel1 {
        justify-content: flex-start;
        padding-left: 20px
    }
}

@media (min-width:961px) {
    .fsLiveMode .icon-cta .fsNavLevel1 {
        position: absolute;
        min-width: 75px;
        right: 30px;
        bottom: 95px;
        z-index: 10
    }
}

@media (min-width:1281px) {
    .fsLiveMode .icon-cta .fsNavLevel1 {
        animation-name: iconCTAs;
        animation-duration: 1s;
        animation-timing-function: ease;
        animation-fill-mode: backwards;
        animation-direction: reverse
    }
}

.icon-cta .fsNavLevel1 li:not(:first-child) {
    margin-left: 30px
}

.icon-cta .fsNavLevel1 li.inquire a:before {
    content: "\E908";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    font-size: 1.6875rem
}

.icon-cta .fsNavLevel1 li.visit a:before {
    content: "\E914";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    font-size: 1.75rem
}

.icon-cta .fsNavLevel1 li.apply a:before {
    content: "\E900";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    font-size: 1.625rem
}

.icon-cta .fsNavLevel1 a {
    padding: 0;
    display: block;
    font-family: var(--sans), sans-serif;
    font-weight: 700;
    font-size: .875rem;
    line-height: 1.2;
    text-align: center;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #fff;
    transition: all .3s ease
}

.icon-cta .fsNavLevel1 a:focus:before,
.icon-cta .fsNavLevel1 a:hover:before {
    background-color: var(--secondary-accent);
    color: var(--primary-color)
}

@media (min-width:1060px) {

    .icon-cta .fsNavLevel1 a:focus:before,
    .icon-cta .fsNavLevel1 a:hover:before {
        transform: scale(1.2)
    }
}

.icon-cta .fsNavLevel1 a:before {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 65px;
    height: 65px;
    margin: 0 auto 17px;
    padding-left: 2px;
    border-radius: 50%;
    background-color: #001d3d;
    font-size: 1.5rem;
    line-height: 1;
    color: var(--secondary-accent);
    transition: all .3s ease
}

@media (min-width:1060px) {
    .icon-cta .fsNavLevel1 a:before {
        width: 70px;
        height: 70px;
        transform: scale(1);
        transform-origin: center bottom
    }
}

.news-drawer {
    position: relative;
    margin-bottom: 0
}

.fsLiveMode .news-drawer {
    max-height: 235px
}

@media (min-width:961px) {
    .fsLiveMode .news-drawer {
        max-height: none
    }
}

.news-drawer>header {
    position: relative
}

.fsLiveMode .news-drawer>header {
    display: block;
    z-index: 2;
    position: relative;
    transform: scale(1);
    transition: all .3s ease
}

@media (min-width:641px) {
    .fsLiveMode .news-drawer>header {
        position: absolute;
        right: 10px;
        bottom: 75px
    }
}

@media (min-width:961px) {
    .fsLiveMode .news-drawer>header {
        left: 3%;
        right: auto;
        bottom: -30px;
        border-radius: 50%
    }
}

@media (min-width:1281px) {
    .fsLiveMode .news-drawer>header {
        left: 8.5%
    }
}

.fsLiveMode .news-drawer>header:hover {
    transform: scale(1.1)
}

.news-drawer>header .fsElementHeaderContent {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
    width: 220px;
    height: 220px
}

@media (min-width:641px) {
    .news-drawer>header .fsElementHeaderContent {
        width: 280px;
        height: 280px
    }
}

.news-drawer>header .fsElementHeaderContent button {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 0;
    background: none;
    margin: 0;
    padding: 0;
    font-family: var(--sans), sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    pointer-events: all;
    cursor: pointer;
    transform: scale(1);
    transition: all .5s ease;
    font-size: 2rem;
    line-height: 1;
    text-align: center;
    letter-spacing: 2px
}

@media (min-width:641px) {
    .news-drawer>header .fsElementHeaderContent button {
        font-size: 2.125rem;
        line-height: 1.32;
        letter-spacing: 3px
    }
}

.news-drawer>header .fsElementHeaderContent button:hover:after {
    border-radius: 25%
}

.news-drawer>header .fsElementHeaderContent button:after {
    content: "\E910";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    display: block;
    width: 35px;
    height: 35px;
    padding: 7px 0 0 4px;
    margin: 7px auto 0;
    position: relative;
    border-radius: 50%;
    background-color: var(--secondary-accent);
    line-height: 1.4;
    color: var(--primary-color);
    font-size: 1rem;
    transition: all .5s ease
}

@media (min-width:641px) {
    .news-drawer>header .fsElementHeaderContent button:after {
        margin: 10px auto 0
    }
}

.fsLiveMode .news-drawer>header .fsElementHeaderContent button:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    pointer-events: all
}

.news-drawer>header .fsElementHeaderContent button span {
    display: block;
    line-height: 1.2;
    letter-spacing: 4px;
    font-size: .8125rem
}

@media (min-width:641px) {
    .news-drawer>header .fsElementHeaderContent button span {
        font-size: .875rem;
        letter-spacing: 5px
    }
}

.news-drawer>header .fsImage {
    transition: all .5s ease;
    z-index: -1
}

.news-drawer>header .fsImage,
.news-drawer>header .fsImage picture {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(0deg);
    transform-origin: center center
}

.news-drawer>header .fsImage picture {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    transition-timing-function: ease;
    max-height: 100%;
    min-height: 250px
}

@media (max-width:960px) {
    .news-drawer>header .fsImage picture {
        background-size: contain
    }
}

.fsLiveMode .news-drawer>.fsElementContent {
    position: fixed;
    height: 100%;
    width: 100%;
    right: 0;
    top: 0;
    z-index: 22;
    transform: translateX(100%);
    transition: all .3s ease-out;
    background-color: #033169;
    overflow: hidden
}

@media (min-width:961px) {
    .fsLiveMode .news-drawer>.fsElementContent {
        width: 780px
    }
}

.accessible.fsLiveMode .news-drawer>.fsElementContent {
    display: none
}

@media (min-width:1060px) {
    .accessible.fsLiveMode .news-drawer>.fsElementContent:before {
        content: "Press Esc To Close";
        position: absolute;
        top: 40px;
        left: 50px;
        font-family: var(--sans), sans-serif;
        color: #fff;
        font-weight: 600;
        font-size: .6875rem;
        line-height: 1.4;
        letter-spacing: 1.5px;
        text-transform: uppercase
    }
}

.accessible.fsLiveMode.news-drawer-active .news-drawer>.fsElementContent {
    display: block
}

.news-drawer-active .news-drawer>.fsElementContent {
    transform: translateX(0)
}

.news-drawer>.fsElementContent .fsTabs {
    padding: 70px 20px;
    overflow-y: scroll
}

@media (min-width:961px) {
    .news-drawer>.fsElementContent .fsTabs {
        padding: 100px 66px 50px
    }
}

.fsLiveMode .news-drawer>.fsElementContent .fsTabs {
    max-height: 100vh
}

.news-drawer>.fsElementContent .fsTabs>header h2.fsElementTitle {
    background: linear-gradient(90deg, var(--secondary-accent) 0, var(--secondary-color) 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    margin-bottom: 0;
    font-size: 2.46875rem;
    font-family: var(--sans), sans-serif;
    line-height: 1.06;
    text-transform: uppercase;
    font-weight: 600;
    white-space: nowrap;
    margin-left: -5px
}

@media (min-width:961px) {
    .news-drawer>.fsElementContent .fsTabs>header h2.fsElementTitle {
        margin-bottom: 14px;
        margin-left: 0;
        white-space: auto;
        font-size: 5.3125rem
    }
}

.news-drawer>.fsElementContent .fsTabs .fsElementHeaderContent {
    margin: 0;
    display: block;
    position: absolute;
    top: 30px;
    right: 30px
}

.news-drawer>.fsElementContent .fsTabs .fsElementHeaderContent button.close {
    border: 0;
    background: none;
    margin: 0;
    padding: 0;
    width: 35px;
    height: 35px;
    background-color: #00244e;
    border-radius: 50%;
    color: rgba(0, 0, 0, 0);
    transition: all .3s ease;
    z-index: 5;
    position: relative;
    cursor: pointer
}

.news-drawer>.fsElementContent .fsTabs .fsElementHeaderContent button.close:hover {
    background-color: var(--secondary-accent)
}

.news-drawer>.fsElementContent .fsTabs .fsElementHeaderContent button.close:hover:after {
    color: var(--primary-color)
}

.news-drawer>.fsElementContent .fsTabs .fsElementHeaderContent button.close:after {
    content: "\E904";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    position: absolute;
    font-size: .625rem;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: var(--secondary-accent);
    transition: all .3s ease
}

.news-drawer>.fsElementContent .fsTabsNav {
    display: flex
}

.news-drawer>.fsElementContent .fsTabsNav li {
    flex-basis: 100%;
    margin-right: 0
}

.news-drawer>.fsElementContent .fsTabsNav li.fsStateSelected>a {
    color: #fff;
    box-shadow: inset 0 -5px 0 var(--secondary-accent)
}

.news-drawer>.fsElementContent .fsTabsNav li:first-child a:after {
    content: "\E927";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

.news-drawer>.fsElementContent .fsTabsNav li:nth-child(2) a:after {
    content: "\E903";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

.news-drawer>.fsElementContent .fsTabsNav li:last-child a:after {
    content: "\E926";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

.news-drawer>.fsElementContent .fsTabsNav a {
    color: #fff;
    text-align: center;
    border-left: none
}

@media (max-width:960px) {
    .news-drawer>.fsElementContent .fsTabsNav a {
        font-size: 0
    }
}

.news-drawer>.fsElementContent .fsTabsNav a:hover {
    color: var(--secondary-accent)
}

.news-drawer>.fsElementContent .fsTabsNav a:after {
    display: block;
    font-size: 1.25rem
}

@media (min-width:961px) {
    .news-drawer>.fsElementContent .fsTabsNav a:after {
        display: none
    }
}

.news-drawer>.fsElementContent .fsPanel {
    color: #fff
}

body:not(.accessible) .news-drawer>.fsElementContent .fsPanel {
    display: block !important;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0s ease
}

body:not(.accessible) .news-drawer>.fsElementContent .fsPanel.fsStateOpen {
    max-height: 2000px;
    opacity: 1
}

.news-drawer>.fsElementContent .fsPanel>.fsElementContent {
    display: block;
    padding: 0;
    margin-top: 40px;
    background-color: rgba(0, 0, 0, 0)
}

.news-drawer>.fsElementContent .fsPanel .fsTitle,
.news-drawer>.fsElementContent .fsPanel .fsTitle a,
.news-drawer>.fsElementContent .fsPanel a:not([class*=fs_style]) {
    color: #fff
}

.news-drawer>.fsElementContent .fsPanel h2.fsElementTitle {
    border-bottom: 0;
    border-top: 0;
    padding: 0 0 0 15px;
    margin: 30px 0 15px;
    border-left: 3px solid var(--secondary-accent);
    line-height: 1.15
}

@media (min-width:1060px) {
    .news-drawer>.fsElementContent .fsPanel h2.fsElementTitle {
        margin: 30px 0;
        line-height: 1.5
    }
}

.news-drawer>.fsElementContent .fsPanel h2.fsElementTitle:before {
    display: none
}

@media (min-width:1060px) {
    .news-drawer>.fsElementContent .fsPanel h2.fsElementTitle {
        display: none
    }
}

.news-drawer>.fsElementContent .fsPanel .slick-arrow {
    position: absolute;
    bottom: -102px;
    right: 0;
    left: auto;
    top: auto;
    border: 0;
    background: none;
    margin: 0;
    padding: 0;
    z-index: 5;
    transform: none;
    background-color: #001d3d;
    border-radius: 50%;
    border: 2px solid rgba(0, 0, 0, 0);
    box-sizing: border-box;
    color: rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(var(--secondary-accent), 0);
    transition: all .3s ease;
    cursor: pointer;
    width: 52px;
    height: 52px
}

.news-drawer>.fsElementContent .fsPanel .slick-arrow:hover {
    box-shadow: 0 0 5px 0 rgba(var(--secondary-accent), .5);
    border-color: var(--secondary-accent)
}

.news-drawer>.fsElementContent .fsPanel .slick-arrow:hover:before {
    color: var(--secondary-accent)
}

.news-drawer>.fsElementContent .fsPanel .slick-arrow:before {
    content: "\E901";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    position: absolute;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transform: none;
    left: 0;
    top: 0;
    font-size: .8125rem;
    color: var(--secondary-accent)
}

@media (min-width:961px) {
    .news-drawer>.fsElementContent .fsPanel .slick-arrow:before {
        font-size: .875rem
    }
}

.news-drawer>.fsElementContent .fsPanel .slick-arrow.fsLeftArrow,
.news-drawer>.fsElementContent .fsPanel .slick-arrow.fsPrevArrow,
.news-drawer>.fsElementContent .fsPanel .slick-arrow.slick-prev {
    transform: translateX(calc(-100% - 10px))
}

.news-drawer>.fsElementContent .fsPanel .slick-arrow.fsLeftArrow:before,
.news-drawer>.fsElementContent .fsPanel .slick-arrow.fsPrevArrow:before,
.news-drawer>.fsElementContent .fsPanel .slick-arrow.slick-prev:before {
    transform: scaleX(-1)
}

.news-drawer>.fsElementContent .fsPostElement .fsElementSlideshow {
    padding: 0
}

.news-drawer>.fsElementContent .fsPostElement article {
    position: relative;
    padding: 0;
    border-bottom: 0
}

.news-drawer>.fsElementContent .fsPostElement .fsThumbnail {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    height: 200px;
    margin-bottom: 20px
}

@media (min-width:641px) {
    .news-drawer>.fsElementContent .fsPostElement .fsThumbnail {
        height: 380px
    }
}

@media (min-width:961px) {
    .news-drawer>.fsElementContent .fsPostElement .fsThumbnail {
        height: 460px;
        margin-bottom: 0
    }
}

.fsLiveMode .news-drawer>.fsElementContent .fsPostElement .fsThumbnail img {
    display: none
}

.news-drawer>.fsElementContent .fsPostElement .fsTitle {
    padding: 5px;
    font-size: 1.125rem;
    line-height: 1.68
}

@media (min-width:641px) {
    .news-drawer>.fsElementContent .fsPostElement .fsTitle {
        position: absolute;
        max-width: 415px;
        padding: 30px 30px 0 0;
        margin: 0;
        bottom: 0;
        left: 0;
        background-color: #033169;
        font-size: 1.625rem
    }
}

.news-drawer>.fsElementContent .fsPostElement .fsElementFooterContent a.fs_style_96.fs_style_104 {
    background: rgba(0, 29, 61, .5);
    color: #fff;
    display: block
}

@media (min-width:641px) {
    .news-drawer>.fsElementContent .fsPostElement .fsElementFooterContent a.fs_style_96.fs_style_104 {
        display: inline-block
    }
}

.news-drawer>.fsElementContent .fsPostElement .slick-arrow {
    bottom: -88px
}

@media (min-width:641px) {
    .news-drawer>.fsElementContent .events>.fsElementContent {
        margin-top: 50px
    }
}

.news-drawer>.fsElementContent .fsPanel .fsCalendar .slick-slider {
    width: 100% !important
}

.news-drawer>.fsElementContent .fsPanel .fsCalendar>.fsElementContent {
    margin-top: 50px
}

.news-drawer>.fsElementContent .fsPanel .fsCalendar .slide article:last-child {
    margin-bottom: 0;
    padding-bottom: 0
}

.news-drawer>.fsElementContent .fsPanel .fsCalendar article {
    border-bottom: 0
}

@media (max-width:640px) {
    .news-drawer>.fsElementContent .fsPanel .fsCalendar article {
        padding-bottom: 20px
    }
}

.news-drawer>.fsElementContent .fsPanel .fsCalendar article:not(:last-child) {
    border-bottom: 1px solid #5d7da8
}

@media (min-width:641px) {
    .news-drawer>.fsElementContent .fsPanel .fsCalendar article {
        padding-left: 140px;
        padding-top: 5px;
        min-height: 140px
    }
}

.news-drawer>.fsElementContent .fsPanel .fsCalendar .fsAllDay,
.news-drawer>.fsElementContent .fsPanel .fsCalendar .fsTimeRange {
    color: #fff;
    font-weight: 600;
    font-size: .875rem;
    line-height: 1.6;
    letter-spacing: 3px;
    text-transform: capitalize
}

.news-drawer>.fsElementContent .fsPanel .fsCalendar .fsAllDay:before,
.news-drawer>.fsElementContent .fsPanel .fsCalendar .fsTimeRange:before {
    display: none
}

@media (min-width:961px) {
    .news-drawer>.fsElementContent .fsPanel .fsCalendar .fsDate {
        width: 110px;
        height: 110px
    }
}

.news-drawer>.fsElementContent .fsPanel .fsCalendar .fsDate .fsMonth,
.news-drawer>.fsElementContent .fsPanel .fsCalendar .fsDate .fsYear {
    font-size: .75rem;
    letter-spacing: 3px
}

@media (min-width:641px) {

    .news-drawer>.fsElementContent .fsPanel .fsCalendar .fsDate .fsMonth,
    .news-drawer>.fsElementContent .fsPanel .fsCalendar .fsDate .fsYear {
        font-size: .875rem;
        letter-spacing: 5px
    }
}

.news-drawer>.fsElementContent .fsPanel .fsCalendar .fsDate .fsDay {
    font-size: 1.75rem;
    letter-spacing: 3px
}

@media (min-width:641px) {
    .news-drawer>.fsElementContent .fsPanel .fsCalendar .fsDate .fsDay {
        font-size: 2.125rem
    }
}

.news-drawer>.fsElementContent .fsPanel .fsCalendar .fsTitle {
    margin-bottom: 8px;
    font-size: 1.125rem;
    line-height: 1.68
}

@media (min-width:641px) {
    .news-drawer>.fsElementContent .fsPanel .fsCalendar .fsTitle {
        font-size: 1.25rem
    }
}

.news-drawer>.fsElementContent .fsPanel .fsCalendar a.fsReadMoreLink {
    color: var(--secondary-accent)
}

.news-drawer>.fsElementContent .fsPanel .fsCalendar a.fsReadMoreLink:hover {
    color: #fff
}

.news-drawer>.fsElementContent .fsPanel .fsCalendar .fsElementFooterContent {
    margin-top: 20px
}

@media (min-width:961px) {
    .news-drawer>.fsElementContent .fsPanel .fsCalendar .fsElementFooterContent {
        margin-top: 45px
    }
}

.news-drawer>.fsElementContent .fsPanel .fsCalendar .fsElementFooterContent a.fs_style_96.fs_style_104 {
    background: rgba(0, 29, 61, .5);
    color: #fff;
    display: block
}

@media (min-width:641px) {
    .news-drawer>.fsElementContent .fsPanel .fsCalendar .fsElementFooterContent a.fs_style_96.fs_style_104 {
        display: inline-block
    }
}

.news-drawer>.fsElementContent .media .fsResourceElement {
    margin-bottom: 0
}

.news-drawer>.fsElementContent .media .fsListItems {
    justify-content: space-between
}

.news-drawer>.fsElementContent .media article {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding: 0 12.5px;
    margin-bottom: 10px;
    display: block;
    width: calc(50% - 5px)
}

@media (min-width:961px) {
    .news-drawer>.fsElementContent .media article {
        height: 199px;
        margin-bottom: 25px;
        width: calc(33.3333% - 15px)
    }
}

.news-drawer>.fsElementContent .media article a.fsResourceLink {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background-image: none;
    background: rgba(0, 0, 0, 0)
}

.news-drawer>.fsElementContent .media article a.fsResourceLink:focus,
.news-drawer>.fsElementContent .media article a.fsResourceLink:hover {
    background: rgba(0, 0, 0, .3)
}

.news-drawer>.fsElementContent .media .nav-social {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

@media (min-width:641px) {
    .news-drawer>.fsElementContent .media .nav-social {
        justify-content: space-between;
        margin-top: 25px
    }
}

@media (max-width:640px) {
    .news-drawer>.fsElementContent .media .nav-social header {
        order: 2
    }
}

.news-drawer>.fsElementContent .media .nav-social header .fsElementHeaderContent {
    position: relative;
    top: auto;
    right: auto
}

.news-drawer>.fsElementContent .media .nav-social header .fsElementHeaderContent a.fs_style_96.fs_style_104 {
    background: rgba(0, 29, 61, .5);
    color: var(--secondary-accent);
    padding: 20px 30px 18px;
    background: rgba(0, 21, 44, .2)
}

@media (max-width:640px) {
    .news-drawer>.fsElementContent .media .nav-social .fsElementContent {
        margin-bottom: 15px;
        margin-top: 5px
    }
}

.news-drawer>.fsElementContent .media .nav-social a:hover:before {
    color: var(--secondary-color)
}

.news-drawer>.fsElementContent .media picture {
    position: relative
}

.news-drawer>.fsElementContent .media picture img {
    display: none
}

.our-distinctions {
    margin-bottom: 0
}

.fsLiveMode .our-distinctions {
    padding-bottom: 75px;
    position: relative
}

@media (min-width:961px) {
    .fsLiveMode .our-distinctions {
        display: flex;
        justify-content: flex-end;
        padding-bottom: 0
    }
}

.fsLiveMode.our-distinctions-active .our-distinctions>header {
    opacity: 1;
    transform: translateY(-50%);
    pointer-events: all
}

.our-distinctions>header {
    color: #fff;
    transition: all .5s ease
}

.fsLiveMode .our-distinctions>header {
    padding-right: 20px;
    padding-left: 20px;
    pointer-events: none
}

@media (min-width:961px) {
    .fsLiveMode .our-distinctions>header {
        position: fixed;
        right: 61.5%;
        opacity: 0;
        padding-left: 0;
        top: 50%;
        transform: translate(-100%, -50%)
    }
}

@media (min-width:1441px) {
    .fsLiveMode .our-distinctions>header {
        padding-right: 50px
    }
}

.our-distinctions>header>h2.fsElementTitle {
    font-family: var(--sans), sans-serif;
    font-weight: 700;
    color: #fff;
    font-size: .875rem;
    line-height: 1.2;
    letter-spacing: 3px;
    text-transform: uppercase;
    border-left: 3px solid var(--secondary-accent);
    padding-left: 15px;
    margin-bottom: 35px
}

@media (min-width:961px) {
    .fsLiveMode .our-distinctions>header>h2.fsElementTitle {
        position: absolute;
        left: -100px;
        top: 70px;
        transform: rotate(90deg);
        margin-bottom: 0;
        transform-origin: center center
    }
}

.our-distinctions>header .distinctions-nav {
    display: none
}

@media (min-width:961px) {
    .our-distinctions>header .distinctions-nav {
        display: block
    }
}

.our-distinctions>header .distinctions-nav ul {
    position: relative;
    padding-left: 100px;
    list-style: none;
    margin: 0
}

.our-distinctions>header .distinctions-nav ul:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 1px;
    left: 45px;
    top: 0;
    background-color: #fff
}

.our-distinctions>header .distinctions-nav ul li {
    position: relative;
    margin-bottom: 40px;
    font-size: .875rem;
    line-height: 1.4
}

.fsLiveMode .our-distinctions>header .distinctions-nav ul li:after,
.fsLiveMode .our-distinctions>header .distinctions-nav ul li:before {
    content: "";
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%
}

.our-distinctions>header .distinctions-nav ul li:before {
    top: -6px;
    left: -70px;
    width: 32px;
    height: 32px;
    background-image: url(../images/circle-bullet.svg);
    transform: rotateX(0deg);
    transition: all .15s ease
}

.our-distinctions>header .distinctions-nav ul li:after {
    top: -16px;
    left: -76px;
    width: 43px;
    height: 52px;
    background-image: url(../images/shield-bullet.svg);
    transform: scale(.75) rotateX(90deg);
    transition: all .3s ease .17s
}

.our-distinctions>header .distinctions-nav ul li.active:after {
    transform: scale(1) rotateX(0deg)
}

.our-distinctions>header .distinctions-nav ul li.active:before {
    transform: rotateX(-90deg)
}

.our-distinctions>header .distinctions-nav ul li.active button {
    color: var(--secondary-accent)
}

.our-distinctions>header .distinctions-nav ul li button {
    border: 0;
    background: none;
    font-family: var(--sans), sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: .875rem;
    line-height: 1.4;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #fff;
    text-align: left;
    cursor: pointer
}

.our-distinctions>header .counter {
    display: none
}

@media (min-width:961px) {
    .our-distinctions>header .counter {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 80px;
        height: 80px;
        margin-left: 20px;
        border-radius: 50%;
        border: 2px solid #fff;
        font-family: var(--sans), sans-serif;
        font-weight: 500;
        font-size: 1.1875rem;
        line-height: 1, 3;
        letter-spacing: 1px;
        text-transform: uppercase;
        color: #fff
    }
}

.our-distinctions>header .counter:after {
    content: "/";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.our-distinctions>header .counter .current {
    padding: 5px;
    transform: translateY(-10px)
}

.our-distinctions>header .counter .total {
    padding: 5px;
    transform: translateY(10px)
}

@media (min-width:961px) {
    .our-distinctions>.fsElementContent {
        width: 58%;
        max-width: 1180px
    }
}

.our-distinctions.pop-active .slick-dots li button {
    background-image: radial-gradient(#fff 30%, #003673 31%)
}

.our-distinctions .slick-dots {
    position: absolute;
    display: flex;
    top: 68vw;
    left: 40px;
    z-index: 2
}

.our-distinctions .slick-dots,
.our-distinctions .slick-dots ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.our-distinctions .slick-dots li {
    margin: 0;
    padding: 0
}

.our-distinctions .slick-dots:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    top: calc(50% - .5px);
    left: 0;
    z-index: -1;
    background: #fff;
    opacity: .7
}

.our-distinctions .slick-dots li:not(:last-child) {
    margin-right: 10px
}

.our-distinctions .slick-dots li.slick-active button {
    border-color: #fff;
    background-image: radial-gradient(var(--secondary-accent) 30%, #00244e 31%)
}

.our-distinctions .slick-dots li button {
    border: 0;
    background: none;
    margin: 0;
    padding: 0;
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, 0);
    background-image: radial-gradient(#fff 30%, #00244e 31%);
    color: rgba(0, 0, 0, 0)
}

.our-distinctions .slick-arrow {
    border: 0;
    background: none;
    margin: 0;
    padding: 0;
    width: 52px;
    height: 52px;
    z-index: 5;
    transform: none;
    background-color: #001d3d;
    border-radius: 50%;
    border: 2px solid rgba(0, 0, 0, 0);
    box-sizing: border-box;
    color: rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(var(--secondary-accent), 0);
    transition: all .3s ease;
    cursor: pointer;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(5px)
}

.our-distinctions .slick-arrow:hover {
    box-shadow: 0 0 5px 0 rgba(var(--secondary-accent), .5);
    border-color: var(--secondary-accent)
}

.our-distinctions .slick-arrow:hover:before {
    color: var(--secondary-accent)
}

.our-distinctions .slick-arrow:before {
    content: "\E901";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    position: absolute;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transform: none;
    left: 0;
    top: 0;
    font-size: .8125rem;
    color: var(--secondary-accent)
}

@media (min-width:961px) {
    .our-distinctions .slick-arrow:before {
        font-size: .875rem
    }
}

.our-distinctions .slick-arrow.fsLeftArrow,
.our-distinctions .slick-arrow.fsPrevArrow,
.our-distinctions .slick-arrow.slick-prev {
    transform: translateX(calc(-100% - 10px))
}

.our-distinctions .slick-arrow.fsLeftArrow:before,
.our-distinctions .slick-arrow.fsPrevArrow:before,
.our-distinctions .slick-arrow.slick-prev:before {
    transform: scaleX(-1)
}

.our-distinctions .slick-arrow.slick-prev {
    transform: translateX(calc(-100% - 5px))
}

.our-distinctions .slick-list {
    overflow-y: visible;
    height: auto !important
}

.our-distinctions .fsContent {
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: top;
    position: relative;
    padding-top: 68vw;
    z-index: 0
}

@media (min-width:961px) {
    .our-distinctions .fsContent {
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: cover;
        padding: 0;
        min-height: 575px;
        margin-bottom: 200px
    }
}

.our-distinctions .fsContent.has-no-footer button.expand {
    display: none
}

.accessible .our-distinctions .fsContent {
    transform: translateX(0) !important
}

.our-distinctions .fsContent:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 300px;
    left: 0;
    top: 68vw;
    z-index: -1;
    transform: translateY(-100%);
    background: linear-gradient(.03deg, #001b3d -3.2%, rgba(0, 27, 61, .58) 16.99%, rgba(0, 27, 61, 0) 33.6%)
}

@media (min-width:961px) {
    .our-distinctions .fsContent:after {
        display: none
    }
}

.our-distinctions .fsContent:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background-color: var(--primary-color);
    opacity: 0;
    transition: all .8s ease
}

.our-distinctions .fsContent.content-expanded {
    z-index: 2
}

.our-distinctions .fsContent.content-expanded:before {
    opacity: .5
}

.our-distinctions .fsContent.content-expanded .distinctions-inner {
    box-shadow: 0 10px 40px #001b3d;
    background-color: #003673;
    overflow: scroll;
    max-height: 400px
}

@media (min-width:641px) {
    .our-distinctions .fsContent.content-expanded .distinctions-inner {
        max-height: 2000px;
        overflow: hidden
    }
}

.our-distinctions .fsContent.content-expanded footer {
    max-height: 300px
}

.our-distinctions .fsContent.content-expanded button.expand:before,
.our-distinctions .fsContent.content-expanded button.expand:hover:before {
    transform: translate(-50%, -50%) rotate(1turn);
    content: "\E90A";
    font-size: 2.5px
}

.our-distinctions .distinctions-inner {
    background-color: #00244e;
    color: #fff;
    box-shadow: 0 -5px 0 2px rgba(var(--primary-color), 0);
    transition: all .5s ease
}

.fsLiveMode .our-distinctions .distinctions-inner {
    padding: 80px 20px 55px;
    margin: 0 20px;
    transform: translateY(-30px);
    text-align: center;
    overflow: hidden
}

@media (min-width:961px) {
    .fsLiveMode .our-distinctions .distinctions-inner {
        position: absolute;
        padding: 50px 30px;
        left: 50px;
        transform: translateY(0);
        max-width: 600px;
        right: 50px;
        top: 80%;
        text-align: left
    }
}

@media (min-width:1281px) {
    .fsLiveMode .our-distinctions .distinctions-inner {
        padding: 50px 60px;
        right: 100px;
        left: 100px;
        top: calc(80% - 40px)
    }
}

.our-distinctions .distinctions-inner button.expand {
    background: none;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 35px;
    height: 35px;
    right: 30px;
    top: 30px;
    border-radius: 50%;
    border: 2px solid #4f94cf;
    color: rgba(0, 0, 0, 0);
    cursor: pointer;
    transition: all .3s ease
}

.our-distinctions .distinctions-inner button.expand:hover {
    border-color: #fff
}

.our-distinctions .distinctions-inner button.expand:hover:before {
    transform: translate(-50%, -50%) rotate(90deg) scale(1)
}

.our-distinctions .distinctions-inner button.expand:before {
    content: "\E910";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: .625rem;
    line-height: 1;
    text-align: center;
    transition: transform .4s ease-out;
    transform-origin: center center
}

.our-distinctions .distinctions-inner header {
    display: flex;
    justify-content: center
}

@media (min-width:961px) {
    .our-distinctions .distinctions-inner header {
        justify-content: flex-start
    }
}

.our-distinctions .distinctions-inner header h2.fsElementTitle {
    margin-bottom: 20px;
    font-style: normal;
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.6;
    color: #fff
}

@media (min-width:961px) {
    .our-distinctions .distinctions-inner header h2.fsElementTitle {
        font-size: 1.625rem
    }
}

.our-distinctions .distinctions-inner header h2.fsElementTitle .number {
    margin-right: 3px;
    margin-bottom: 0;
    font-style: normal;
    font-weight: 700;
    font-size: 2.875rem;
    line-height: .6;
    position: relative;
    top: 8px;
    color: var(--secondary-accent)
}

.our-distinctions .distinctions-inner footer {
    max-height: 0;
    overflow: hidden;
    transition: all .6s ease
}

.from-our-perspective {
    position: relative;
    max-width: 1180px;
    padding: 20px;
    margin: 0 auto 80px
}

@media (min-width:961px) {
    .from-our-perspective {
        margin-bottom: 170px;
        padding: 0
    }
}

@media (min-width:1200px) {
    .from-our-perspective {
        padding: 0
    }
}

.from-our-perspective>header h2.fsElementTitle {
    display: none
}

@media (min-width:961px) {
    .fsLiveMode .from-our-perspective>header {
        opacity: 0;
        transform: translateX(-50%);
        transition: all .5s ease-out
    }
}

@media (min-width:961px) {
    .fsLiveMode.perspective-active .from-our-perspective>header {
        opacity: 1;
        transform: translateX(0)
    }
}

.from-our-perspective>header .fsElementHeaderContent {
    background: linear-gradient(90deg, var(--secondary-accent) 0, var(--secondary-color) 30%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-family: Georgia;
    font-style: normal;
    font-weight: 700;
    font-size: 1.6875rem
}

@media (min-width:961px) {
    .from-our-perspective>header .fsElementHeaderContent {
        font-size: 2.3125rem;
        margin-bottom: 60px
    }
}

.from-our-perspective>header .fsElementHeaderContent em {
    font-style: normal
}

.from-our-perspective>header .fsElementHeaderContent strong {
    display: block;
    background: linear-gradient(90deg, var(--secondary-accent) 0, var(--secondary-color) 60%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-family: var(--sans), sans-serif;
    font-weight: 600;
    line-height: 1.04;
    text-transform: uppercase;
    font-size: 3rem
}

@media (min-width:961px) {
    .from-our-perspective>header .fsElementHeaderContent strong {
        font-size: 6.25rem;
        margin-top: 17px
    }
}

@media (min-width:1281px) {
    .from-our-perspective>header .fsElementHeaderContent strong {
        font-size: 7.625rem
    }
}

.from-our-perspective .question-select {
    position: relative;
    margin-bottom: 50px;
    color: #fff
}

@media (min-width:961px) {
    .from-our-perspective .question-select {
        align-items: center;
        display: flex
    }
}

@media (min-width:961px) {
    .fsLiveMode .from-our-perspective .question-select {
        opacity: 0;
        transform: translateX(-50%);
        transition: all .5s ease-out .2s
    }
}

@media (min-width:961px) {
    .fsLiveMode.perspective-active .from-our-perspective .question-select {
        opacity: 1;
        transform: translateX(0)
    }
}

.from-our-perspective .question-select h2 {
    margin-right: 0;
    margin-bottom: 20px;
    font-size: 1.4375rem
}

@media (min-width:961px) {
    .from-our-perspective .question-select h2 {
        margin-right: 20px;
        margin-bottom: 0
    }
}

.from-our-perspective .question-select .select-wrapper {
    position: relative;
    display: inline-block;
    height: auto;
    width: auto;
    padding: 20px 60px 20px 30px;
    outline: none;
    border: 1px solid #5d7da8;
    border-radius: 0;
    background: #00244e;
    font-family: var(--sans), sans-serif;
    font-weight: 600;
    font-size: .875rem;
    line-height: 1.6;
    letter-spacing: .1875rem;
    text-transform: uppercase;
    color: #fff;
    transition: all .4s ease;
    cursor: pointer
}

@media (min-width:500px) {
    .from-our-perspective .question-select .select-wrapper {
        min-width: 380px
    }
}

@media (min-width:641px) {
    .from-our-perspective .question-select .select-wrapper {
        min-width: 580px
    }
}

.from-our-perspective .question-select .select-wrapper.on {
    border-color: var(--secondary-accent)
}

.from-our-perspective .question-select .select-wrapper.on:before {
    border: 2px solid var(--secondary-accent)
}

.from-our-perspective .question-select .select-wrapper:after {
    content: attr(data-selected-text);
    display: block
}

.from-our-perspective .question-select .select-wrapper:before {
    content: "\F107";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    position: absolute;
    width: 30px;
    height: 30px;
    padding-top: 5px;
    padding-left: 2px;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    z-index: 2;
    border-radius: 50%;
    border: 2px solid #4f94cf;
    color: #fff;
    font-size: 1.125rem;
    line-height: 1;
    text-align: center;
    transition: all .4s ease;
    transform-origin: center center
}

.from-our-perspective .question-select .select {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    cursor: pointer;
    background-color: var(--primary-color);
    color: #fff;
    font-family: var(--sans), sans-serif
}

.from-our-perspective .question-select .select option {
    padding: 10px
}

@media (min-width:961px) {
    .from-our-perspective footer {
        text-align: right;
        padding-right: 15px
    }
}

@media (min-width:1220px) {
    .from-our-perspective footer {
        padding-right: 0
    }
}

@media (min-width:961px) {
    .from-our-perspective footer .fsElementFooterContent {
        margin-top: 50px
    }
}

.from-our-perspective footer a.fs_style_96.fs_style_104 {
    background: rgba(0, 29, 61, .5);
    margin-bottom: 0;
    color: var(--secondary-accent)
}

@media (max-width:960px) {
    .from-our-perspective footer a.fs_style_96.fs_style_104 {
        display: block
    }
}

.moving-text {
    position: relative;
    margin-bottom: 50px;
    overflow: hidden
}

@media (min-width:961px) {
    .moving-text {
        margin-bottom: 180px
    }
}

.moving-text header {
    display: flex;
    flex-direction: column;
    align-items: center
}

@media (max-width:960px) {
    .moving-text header {
        margin-bottom: 30px
    }
}

.moving-text header .moving-one,
.moving-text header .moving-two {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    width: auto;
    margin-bottom: 0;
    white-space: nowrap;
    text-align: center
}

@media (min-width:961px) {

    .moving-text header .moving-one,
    .moving-text header .moving-two {
        transform: translateX(-50%);
        justify-content: center;
        left: 50%;
        margin-bottom: 0
    }
}

@keyframes movingText1 {
    0% {
        transform: translateX(25%)
    }

    50% {
        transform: translateX(-25%)
    }

    to {
        transform: translateX(25%)
    }
}

@keyframes movingText2 {
    0% {
        transform: translateX(-25%)
    }

    50% {
        transform: translateX(25%)
    }

    to {
        transform: translateX(-25%)
    }
}

@media (max-width:960px) {

    .moving-text header .moving-one,
    .moving-text header .moving-two {
        animation-duration: 40s;
        animation-fill-mode: forwards;
        animation-timing-function: linear;
        animation-iteration-count: infinite
    }
}

@media (min-width:961px) {

    .touchevents .moving-text header .moving-one,
    .touchevents .moving-text header .moving-two {
        animation-duration: 40s;
        animation-fill-mode: forwards;
        animation-timing-function: linear;
        animation-iteration-count: infinite
    }
}

@media (max-width:960px) {
    .moving-text header .moving-one {
        transform: translateX(25%);
        animation-name: movingText1
    }
}

@media (min-width:961px) {
    .touchevents .moving-text header .moving-one {
        transform: translateX(25%);
        animation-name: movingText1
    }
}

@media (max-width:960px) {
    .moving-text header .moving-two {
        transform: translateX(-25%);
        animation-name: movingText2
    }
}

@media (min-width:961px) {
    .touchevents .moving-text header .moving-two {
        transform: translateX(-25%);
        animation-name: movingText2
    }
}

.moving-text header h2.fsElementTitle {
    margin-bottom: 0;
    color: #fff;
    font-family: var(--sans), sans-serif;
    font-weight: 600;
    font-size: 4rem;
    line-height: .95;
    text-align: center;
    text-transform: uppercase
}

@media (min-width:961px) {
    .moving-text header h2.fsElementTitle {
        font-size: 7.625rem
    }
}

.moving-text header h2.fsElementTitle:not(.white) {
    background: linear-gradient(90deg, var(--secondary-accent) 0, var(--secondary-color) 30%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.moving-text .fsElementContent {
    max-width: 820px;
    margin: 30px auto 35px;
    font-size: 1.0625rem;
    line-height: 1.6;
    text-align: center;
    color: #fff;
    padding: 0 20px
}

@media (min-width:961px) {
    .moving-text .fsElementContent {
        font-size: 1.5rem;
        margin: 50px auto 0
    }
}

.fsTabs.our-opportunities {
    position: relative;
    padding: 10px 20px
}

body.fsComposeMode .fsTabs.our-opportunities .fsTabsNav li a {
    color: #fff
}

.fsLiveMode.accessible .fsTabs.our-opportunities {
    overflow-x: hidden
}

.fsLiveMode.accessible .fsTabs.our-opportunities .fsTabsNav li {
    transform: none !important;
    opacity: 1 !important
}

@media (min-width:961px) {
    .fsLiveMode.opportunities-active .fsTabs.our-opportunities>header>h2.fsElementTitle {
        transform: translateX(0)
    }
}

@media (min-width:961px) {
    .fsLiveMode.opportunities-active .fsTabs.our-opportunities .fsTabsNav li {
        transform: scale(1)
    }
}

@media (min-width:961px) {
    .fsLiveMode.opportunities-active .fsTabs.our-opportunities .fsTabsNav li:not(:last-child):after {
        opacity: 1;
        height: 31px
    }
}

@media (max-width:960px) {
    .fsLiveMode .fsTabs.our-opportunities {
        margin-bottom: 60px
    }
}

@media (min-width:961px) {
    .fsLiveMode .fsTabs.our-opportunities {
        padding: 0;
        max-height: 620px;
        z-index: 1
    }
}

@media (min-width:961px) {
    .fsLiveMode .fsTabs.our-opportunities>header {
        position: absolute;
        right: calc(62vw + 267px);
        top: 90px;
        min-width: 205px;
        transform: rotate(90deg);
        transform-origin: center center;
        overflow: hidden;
        color: #fff;
        transition: all .8s ease
    }
}

.fsLiveMode .fsTabs.our-opportunities>header>h2.fsElementTitle {
    font-family: var(--sans), sans-serif;
    font-weight: 700;
    margin-bottom: 15px;
    color: #fff;
    font-size: .875rem;
    line-height: 1.2;
    letter-spacing: 3px;
    text-transform: uppercase;
    border-left: 3px solid var(--secondary-accent);
    padding-left: 15px
}

@media (min-width:961px) {
    .fsLiveMode .fsTabs.our-opportunities>header>h2.fsElementTitle {
        transform: translateX(-100%);
        transition: all .5s ease
    }
}

@media (min-width:961px) {
    .fsLiveMode .fsTabs.our-opportunities .fsElementContent {
        display: flex;
        justify-content: flex-end
    }
}

.fsLiveMode .fsTabs.our-opportunities .fsTabsNav {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-bottom: 1px solid #fff
}

@media (min-width:961px) {
    .fsLiveMode .fsTabs.our-opportunities .fsTabsNav {
        flex-direction: column;
        justify-content: flex-start;
        min-width: 200px;
        margin-right: 80px;
        margin-left: 80px;
        border-bottom: 0
    }
}

@media (min-width:1281px) {
    .fsLiveMode .fsTabs.our-opportunities .fsTabsNav {
        margin-right: 100px;
        margin-left: 182px
    }
}

.fsLiveMode .fsTabs.our-opportunities .fsTabsNav li {
    width: 25%
}

@media (min-width:961px) {
    .fsLiveMode .fsTabs.our-opportunities .fsTabsNav li {
        width: auto;
        transform: scale(0);
        transition: all .5s ease-out
    }
}

.fsLiveMode .fsTabs.our-opportunities .fsTabsNav li:not(:last-child) {
    position: relative
}

@media (min-width:961px) {
    .fsLiveMode .fsTabs.our-opportunities .fsTabsNav li:not(:last-child):after {
        content: "";
        position: absolute;
        display: block;
        height: 31px;
        width: 1px;
        left: 52px;
        top: 92px;
        background-color: #fff;
        opacity: 0;
        height: 0;
        transition: all .5s ease .6s
    }
}

.fsLiveMode .fsTabs.our-opportunities .fsTabsNav li.academic>a:after {
    content: "\E91A";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    font-size: 1.25rem
}

.fsLiveMode .fsTabs.our-opportunities .fsTabsNav li.community {
    transition-delay: .2s
}

.fsLiveMode .fsTabs.our-opportunities .fsTabsNav li.community>a:after {
    content: "\E919";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    font-size: 1.25rem
}

.fsLiveMode .fsTabs.our-opportunities .fsTabsNav li.arts {
    transition-delay: .4s
}

.fsLiveMode .fsTabs.our-opportunities .fsTabsNav li.arts>a:after {
    content: "\E918";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    padding-left: 5px;
    font-size: 1.75rem
}

.fsLiveMode .fsTabs.our-opportunities .fsTabsNav li.athletics {
    transition-delay: .6s
}

.fsLiveMode .fsTabs.our-opportunities .fsTabsNav li.athletics>a:after {
    content: "\E91B";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

.fsLiveMode .fsTabs.our-opportunities .fsTabsNav li.fsStateSelected>a {
    box-shadow: inset 0 -5px 0 var(--secondary-accent)
}

@media (min-width:961px) {
    .fsLiveMode .fsTabs.our-opportunities .fsTabsNav li.fsStateSelected>a {
        box-shadow: none;
        color: var(--secondary-accent)
    }
}

@media (min-width:961px) {
    .fsLiveMode .fsTabs.our-opportunities .fsTabsNav li.fsStateSelected>a:after {
        background-color: var(--secondary-accent);
        color: var(--primary-color)
    }
}

.fsLiveMode .fsTabs.our-opportunities .fsTabsNav a {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 60px;
    min-width: 100%;
    padding: 0;
    font-size: 0;
    box-shadow: none;
    color: #fff;
    font-style: normal;
    font-weight: 600;
    line-height: 1.6;
    letter-spacing: 3px;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer
}

@media (min-width:961px) {
    .fsLiveMode .fsTabs.our-opportunities .fsTabsNav a {
        margin-bottom: 30px;
        min-width: 60px;
        font-size: .875rem
    }
}

@media (min-width:961px) {
    .fsLiveMode .fsTabs.our-opportunities .fsTabsNav a:hover {
        color: var(--secondary-accent)
    }
}

@media (min-width:961px) {
    .fsLiveMode .fsTabs.our-opportunities .fsTabsNav a:hover:after {
        background-color: var(--secondary-accent);
        color: var(--primary-color)
    }
}

@media (min-width:961px) {
    .fsLiveMode .fsTabs.our-opportunities .fsTabsNav a:before {
        content: "";
        display: block;
        min-width: 90px;
        min-height: 90px;
        margin-right: 20px;
        background-color: rgba(0, 0, 0, 0);
        border: 1px solid #fff;
        border-radius: 50%
    }
}

.fsLiveMode .fsTabs.our-opportunities .fsTabsNav a:after {
    content: "\E910";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 17px;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    font-size: 1.5rem;
    line-height: 1;
    text-align: center;
    transition: all .3s ease
}

@media (min-width:961px) {
    .fsLiveMode .fsTabs.our-opportunities .fsTabsNav a:after {
        color: var(--secondary-accent);
        left: 17px;
        width: 56px;
        transform: translate(0);
        border-radius: 50%;
        height: 56px;
        background-color: #001d3d
    }
}

.fsTabs.our-opportunities .fsPanel {
    position: relative;
    color: #fff;
    width: calc(100% + 20px)
}

@media (min-width:961px) {
    .fsTabs.our-opportunities .fsPanel {
        padding-bottom: 20px;
        width: 63%
    }
}

body:not(.accessible).fsLiveMode .fsTabs.our-opportunities .fsPanel {
    display: block !important;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-width .5s ease, max-height .5s ease, opacity .5s ease, transform .5s ease-out .25s
}

@media (min-width:961px) {
    body:not(.accessible).fsLiveMode .fsTabs.our-opportunities .fsPanel {
        max-width: 0;
        max-height: none;
        min-height: 680px
    }
}

body:not(.accessible).fsLiveMode .fsTabs.our-opportunities .fsPanel.fsStateOpen {
    max-height: 2000px;
    opacity: 1;
    display: block
}

@media (max-width:960px) {
    body:not(.accessible).fsLiveMode .fsTabs.our-opportunities .fsPanel.fsStateOpen {
        padding-bottom: 20px
    }
}

@media (min-width:961px) {
    body:not(.accessible).fsLiveMode .fsTabs.our-opportunities .fsPanel.fsStateOpen {
        max-height: none;
        max-width: 63%
    }
}

@media (min-width:961px) {
    body.fsLiveMode.opportunities-active .fsTabs.our-opportunities .fsPanel>.fsElementContent {
        opacity: 1;
        transform: translateX(0)
    }
}

body.fsLiveMode .fsTabs.our-opportunities .fsPanel>.fsElementContent {
    display: block;
    padding: 0;
    margin: 0;
    background-color: rgba(0, 0, 0, 0)
}

@media (min-width:961px) {
    body.fsLiveMode .fsTabs.our-opportunities .fsPanel>.fsElementContent {
        opacity: 0;
        transform: translateX(50%);
        transition: all .6s ease-out .3s
    }
}

body.fsLiveMode .fsTabs.our-opportunities .fsPanel .fsTitle,
body.fsLiveMode .fsTabs.our-opportunities .fsPanel .fsTitle a,
body.fsLiveMode .fsTabs.our-opportunities .fsPanel a:not([class*=fs_style]) {
    color: #fff
}

@media (max-width:960px) {
    .fsTabs.our-opportunities .fsPanel>header {
        display: block !important
    }
}

.fsTabs.our-opportunities .fsPanel h2.fsElementTitle {
    color: #fff;
    border: none;
    padding: 0;
    margin-top: 27px
}

.fsTabs.our-opportunities .fsPanel h2.fsElementTitle:before {
    display: none
}

.fsTabs.our-opportunities .fsPanel h2.fsElementTitle a {
    pointer-events: none
}

.fsTabs.our-opportunities .fsPanel .slick-track {
    min-height: 500px
}

@media (min-width:961px) {
    .fsTabs.our-opportunities .fsPanel .slick-track {
        min-height: 480px
    }
}

.fsTabs.our-opportunities .fsPanel .slick-list {
    overflow-y: visible
}

.fsTabs.our-opportunities .fsPanel .slick-arrow {
    position: absolute;
    left: 50%;
    bottom: -20px;
    transform: translate(0);
    border: 0;
    background: none;
    margin: 0;
    padding: 0;
    width: 52px;
    height: 52px;
    z-index: 5;
    transform: none;
    background-color: #001d3d;
    border-radius: 50%;
    border: 2px solid rgba(0, 0, 0, 0);
    box-sizing: border-box;
    color: rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(var(--secondary-accent), 0);
    transition: all .3s ease;
    cursor: pointer
}

.fsTabs.our-opportunities .fsPanel .slick-arrow:hover {
    box-shadow: 0 0 5px 0 rgba(var(--secondary-accent), .5);
    border-color: var(--secondary-accent)
}

.fsTabs.our-opportunities .fsPanel .slick-arrow:hover:before {
    color: var(--secondary-accent)
}

.fsTabs.our-opportunities .fsPanel .slick-arrow:before {
    content: "\E901";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    position: absolute;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transform: none;
    left: 0;
    top: 0;
    font-size: .8125rem;
    color: var(--secondary-accent)
}

@media (min-width:961px) {
    .fsTabs.our-opportunities .fsPanel .slick-arrow:before {
        font-size: .875rem
    }
}

.fsTabs.our-opportunities .fsPanel .slick-arrow.fsLeftArrow,
.fsTabs.our-opportunities .fsPanel .slick-arrow.fsPrevArrow,
.fsTabs.our-opportunities .fsPanel .slick-arrow.slick-prev {
    transform: translateX(calc(-100% - 10px))
}

.fsTabs.our-opportunities .fsPanel .slick-arrow.fsLeftArrow:before,
.fsTabs.our-opportunities .fsPanel .slick-arrow.fsPrevArrow:before,
.fsTabs.our-opportunities .fsPanel .slick-arrow.slick-prev:before {
    transform: scaleX(-1)
}

@media (min-width:641px) {
    .fsTabs.our-opportunities .fsPanel .slick-arrow {
        left: 52%;
        bottom: 55px
    }
}

@media (min-width:961px) {
    .fsTabs.our-opportunities .fsPanel .slick-arrow {
        left: 485px;
        top: 400px;
        transform: translate(0)
    }
}

.fsTabs.our-opportunities .fsPanel .fsContent {
    position: relative;
    flex-direction: column;
    justify-content: center;
    padding: 20px;
    margin-bottom: 0;
    background-color: #00244e;
    margin-right: 10px;
    text-align: center;
    transition: height .5s ease, box-shadow .2s ease, background-color .2s ease, width .4s ease-out, padding .2s ease-out, margin-left .3s ease, margin-right .3s ease, transform .3s ease;
    box-shadow: 0 10px 40px rgba(0, 27, 61, 0);
    cursor: pointer;
    transform: scale(.95);
    transform-origin: center top
}

.fsLiveMode .fsTabs.our-opportunities .fsPanel .fsContent {
    display: inline-flex;
    min-height: 370px;
    width: 260px
}

@media (min-width:400px) {
    .fsLiveMode .fsTabs.our-opportunities .fsPanel .fsContent {
        width: 300px
    }
}

@media (min-width:961px) {
    .fsLiveMode .fsTabs.our-opportunities .fsPanel .fsContent {
        width: 400px;
        padding: 30px 50px
    }
}

.fsTabs.our-opportunities .fsPanel .fsContent.has-no-footer button.expand {
    display: none
}

.fsTabs.our-opportunities .fsPanel .fsContent.slick-current {
    cursor: default;
    justify-content: flex-start
}

@media (min-width:961px) {
    .fsLiveMode .fsTabs.our-opportunities .fsPanel .fsContent.slick-current {
        padding: 50px;
        width: 400px;
        min-height: 480px;
        transform: scale(1);
        margin-right: 10px
    }
}

.fsLiveMode .fsTabs.our-opportunities .fsPanel .fsContent.slick-current .fsElementContent {
    max-height: 300px;
    opacity: 1
}

.fsLiveMode .fsTabs.our-opportunities .fsPanel .fsContent.slick-current button.expand {
    opacity: 1;
    transform: scale(1)
}

.accessible .fsLiveMode .fsTabs.our-opportunities .fsPanel .fsContent.slick-current button.expand {
    display: block
}

@media (min-width:961px) {
    .fsLiveMode .fsTabs.our-opportunities .fsPanel .fsContent.slick-current h2.fsElementTitle {
        font-size: 7.125rem
    }
}

.fsTabs.our-opportunities .fsPanel .fsContent.slick-current button.expand {
    opacity: 1;
    transform: scale(1)
}

.accessible .fsTabs.our-opportunities .fsPanel .fsContent.slick-current button.expand {
    display: block
}

.fsLiveMode .fsTabs.our-opportunities .fsPanel .fsContent.slick-current.content-expanded {
    background-color: #063a7d;
    box-shadow: 0 10px 40px #001b3d;
    margin-bottom: 80px
}

.fsLiveMode .fsTabs.our-opportunities .fsPanel .fsContent.slick-current.content-expanded footer {
    max-height: 300px;
    opacity: 1
}

.fsTabs.our-opportunities .fsPanel .fsContent.slick-current.content-expanded button.expand:before,
.fsTabs.our-opportunities .fsPanel .fsContent.slick-current.content-expanded button.expand:hover:before {
    transform: translate(-50%, -50%) rotate(1turn);
    content: "\E90A";
    font-size: 2.5px
}

.fsTabs.our-opportunities .fsPanel .fsContent header {
    margin-bottom: 20px
}

.fsTabs.our-opportunities .fsPanel .fsContent h2.fsElementTitle {
    margin-bottom: 0;
    font-family: var(--sans), sans-serif;
    font-weight: 600;
    font-size: 5.25rem;
    line-height: 1.1;
    text-transform: uppercase;
    background: linear-gradient(90deg, var(--secondary-accent) 0, var(--secondary-color) 30%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    transition: all .4s ease
}

@media (min-width:961px) {
    .fsTabs.our-opportunities .fsPanel .fsContent h2.fsElementTitle {
        font-size: 6.25rem
    }
}

.fsTabs.our-opportunities .fsPanel .fsContent .fsElementHeaderContent {
    margin-bottom: 0;
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.6;
    color: #fff
}

@media (min-width:961px) {
    .fsTabs.our-opportunities .fsPanel .fsContent .fsElementHeaderContent {
        font-size: 1.5rem
    }
}

.fsLiveMode .fsTabs.our-opportunities .fsPanel .fsContent .fsElementContent,
.fsLiveMode .fsTabs.our-opportunities .fsPanel .fsContent footer {
    width: 100%;
    margin: 0 auto
}

@media (min-width:961px) {

    .fsLiveMode .fsTabs.our-opportunities .fsPanel .fsContent .fsElementContent,
    .fsLiveMode .fsTabs.our-opportunities .fsPanel .fsContent footer {
        width: 300px
    }
}

@media (min-width:961px) {
    .fsLiveMode .fsTabs.our-opportunities .fsPanel .fsContent .fsElementContent {
        max-height: 0;
        transition: all .5s ease;
        overflow: hidden;
        opacity: 0
    }
}

.fsLiveMode .fsTabs.our-opportunities .fsPanel .fsContent footer {
    max-height: 0;
    transition: all .5s ease;
    overflow: hidden;
    opacity: 0;
    margin-bottom: 20px
}

.fsTabs.our-opportunities .fsPanel .fsContent button.expand {
    background: none;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 35px;
    height: 35px;
    right: 15px;
    top: 15px;
    border-radius: 50%;
    border: 2px solid #4f94cf;
    color: rgba(0, 0, 0, 0);
    cursor: pointer;
    transition: all .5s ease;
    opacity: 0;
    transform: scale(0)
}

@media (min-width:961px) {
    .fsTabs.our-opportunities .fsPanel .fsContent button.expand {
        right: 30px;
        top: 30px
    }
}

.fsTabs.our-opportunities .fsPanel .fsContent button.expand:hover {
    border-color: #fff
}

.fsTabs.our-opportunities .fsPanel .fsContent button.expand:hover:before {
    transform: translate(-50%, -50%) rotate(90deg)
}

.fsTabs.our-opportunities .fsPanel .fsContent button.expand:before {
    content: "\E910";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: .625rem;
    line-height: 1;
    text-align: center;
    transition: transform .4s ease-out;
    transform-origin: center center
}

.accessible .fsTabs.our-opportunities .fsPanel .fsContent button.expand {
    display: none
}

.scroll-tooltip {
    opacity: 0;
    position: absolute;
    width: 38px;
    height: 38px;
    margin-left: 15px;
    z-index: 1000;
    background-color: rgba(0, 40, 85, .8);
    border-radius: 50%;
    transform: translate(5px, -70px);
    border: 1px solid var(--secondary-accent);
    font-size: 0;
    pointer-events: none;
    transition: opacity .1s ease;
    display: none
}

@media (min-width:1025px) {
    .scroll-tooltip {
        display: block
    }
}

html:not(.no-touchevents) .scroll-tooltip {
    display: none
}

.scroll-tooltip:after,
.scroll-tooltip:before {
    content: "";
    position: absolute
}

.scroll-tooltip:after {
    height: 75%;
    width: 40%;
    border: 1px solid var(--secondary-accent);
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 10px
}

.scroll-tooltip:before {
    height: 5px;
    width: 2px;
    background-color: var(--secondary-accent);
    left: 50%;
    transform: translateX(-50%);
    top: 10px
}

.scroll-tooltip.on {
    opacity: 1
}

.widen-your-world {
    position: relative;
    margin-bottom: 0
}

@media (min-width:961px) {
    .fsLiveMode.clickable .widen-your-world>.fsElementContent {
        pointer-events: all
    }
}

.fsLiveMode.clickable .widen-your-world:before {
    transform: translateZ(0);
    display: none
}

.fsLiveMode .widen-your-world>.fsElementContent {
    position: relative
}

@media (min-width:961px) {
    .fsLiveMode .widen-your-world>.fsElementContent {
        padding: 0 30px
    }
}

@keyframes scrollButton {
    0% {
        width: 60px
    }

    50% {
        width: 120px
    }

    to {
        width: 60px
    }
}

.widen-your-world button.scroll {
    border: 0;
    background: none;
    margin: 0;
    padding: 0;
    min-width: 245px;
    transform: rotate(90deg) translateX(-200px);
    transform-origin: top left;
    display: none;
    position: absolute;
    left: 30px;
    top: 0;
    align-items: center;
    font-weight: 600;
    font-family: var(--sans), sans-serif;
    font-size: 0;
    line-height: 1.1;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 0 0 5px hsla(0, 0%, 100%, 0);
    opacity: 0;
    transition: all .5s ease .4s
}

.fixed-panels-scrolling .widen-your-world button.scroll {
    opacity: 1;
    transform: rotate(90deg) translateX(0)
}

.fsLiveMode .widen-your-world button.scroll {
    transition: all .3s ease
}

@media (min-width:961px) {
    .fsLiveMode .widen-your-world button.scroll {
        display: flex
    }
}

.widen-your-world>header {
    text-align: left;
    padding: 0 20px
}

@media (min-width:961px) {
    .widen-your-world>header {
        text-align: center;
        padding: 0
    }
}

.widen-your-world>header h2.fsElementTitle {
    display: none
}

.widen-your-world>header .fsElementHeaderContent {
    font-size: 1.125rem;
    line-height: 1.7;
    color: #fff
}

@media (min-width:961px) {
    .widen-your-world>header .fsElementHeaderContent {
        margin-bottom: 0
    }
}

.widen-your-world>header .fsElementHeaderContent h2 {
    background: linear-gradient(90deg, var(--secondary-accent) 0, var(--secondary-color));
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-size: 1.6875rem;
    line-height: 1.04;
    text-align: center;
    text-align: left
}

@media (min-width:961px) {
    .widen-your-world>header .fsElementHeaderContent h2 {
        text-transform: uppercase;
        font-weight: 600;
        font-family: var(--sans), sans-serif;
        text-align: center;
        font-size: 7.625rem
    }
}

.widen-your-world>header .fsElementHeaderContent h2 strong {
    font-family: var(--sans), sans-serif;
    text-transform: uppercase;
    font-size: 4rem
}

@media (max-width:960px) {
    .widen-your-world>header .fsElementHeaderContent h2 strong {
        display: block
    }
}

@media (min-width:961px) {
    .widen-your-world>header .fsElementHeaderContent h2 strong {
        font-size: 7.625rem
    }
}

@media (min-width:961px) {
    .widen-your-world>header .fsElementHeaderContent p {
        max-width: 630px;
        margin: 0 auto
    }
}

.widen-your-world>.fsElementContent {
    transform-origin: center top
}

@media (max-width:960px) {
    .widen-your-world>.fsElementContent {
        padding-bottom: 70px
    }
}

@media (min-width:961px) {
    .widen-your-world>.fsElementContent {
        max-width: 1380px;
        margin: 70px auto 60px
    }
}

@media (min-width:961px) {
    .widen-your-world>.fsElementContent.fixed-panels-scrolling {
        transform: scale(.95)
    }
}

.widen-your-world .slick-dots {
    position: absolute;
    display: flex;
    top: 80vw;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2
}

.widen-your-world .slick-dots,
.widen-your-world .slick-dots ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.widen-your-world .slick-dots li {
    margin: 0;
    padding: 0
}

@media (min-width:641px) {
    .widen-your-world .slick-dots {
        top: 78vw
    }
}

@media (min-width:961px) {
    .widen-your-world .slick-dots {
        flex-direction: column;
        align-items: center;
        position: absolute;
        padding: 5px;
        left: 10px;
        transform: translateX(0);
        top: 60px;
        height: auto;
        width: auto;
        background-color: #032d64;
        border-radius: 40px
    }
}

@media (min-width:1281px) {
    .widen-your-world .slick-dots {
        top: 110px
    }
}

@media (min-width:961px) {
    .accessible .widen-your-world .slick-dots {
        top: 30px
    }
}

@media (max-width:960px) {
    .widen-your-world .slick-dots:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 1px;
        top: calc(50% - .5px);
        left: 0;
        z-index: -1;
        background: #fff;
        opacity: .7
    }
}

@media (max-width:960px) {
    .widen-your-world .slick-dots li:not(:last-child) {
        margin-right: 10px
    }
}

@media (min-width:961px) {
    .widen-your-world .slick-dots li:not(:last-child) button {
        margin-bottom: 20px
    }
}

.widen-your-world .slick-dots li.slick-active button {
    border-color: #fff;
    background-image: radial-gradient(var(--secondary-accent) 30%, #00244e 31%)
}

@media (min-width:961px) {
    .widen-your-world .slick-dots li.slick-active button {
        background-image: none;
        border: none
    }
}

@media (min-width:961px) {
    .widen-your-world .slick-dots li {
        background: none !important;
        border: none !important
    }

    .widen-your-world .slick-dots li:first-child button:before {
        content: "\E92A";
        font-family: IcoMoon;
        font-smoothing: antialiased;
        font-weight: 400;
        speak: none
    }

    .widen-your-world .slick-dots li:first-child button:after {
        content: "GLOBAL"
    }

    .widen-your-world .slick-dots li:nth-child(2) button:before {
        content: "\E929";
        font-family: IcoMoon;
        font-smoothing: antialiased;
        font-weight: 400;
        speak: none
    }

    .widen-your-world .slick-dots li:nth-child(2) button:after {
        content: "REGION"
    }

    .widen-your-world .slick-dots li:nth-child(3) button:before {
        content: "\E92B";
        font-family: IcoMoon;
        font-smoothing: antialiased;
        font-weight: 400;
        speak: none
    }

    .widen-your-world .slick-dots li:nth-child(3) button:after {
        content: "LOCAL"
    }

    .widen-your-world .slick-dots li.slick-active button {
        background: linear-gradient(89.89deg, var(--secondary-accent) .2%, var(--secondary-color) 100.16%)
    }

    .widen-your-world .slick-dots li.slick-active button:before {
        color: var(--primary-color)
    }
}

.widen-your-world .slick-dots li button {
    border: 0;
    background: none;
    padding: 0;
    position: relative;
    display: block;
    margin: 0;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, 0);
    background-image: radial-gradient(#fff 30%, #00244e 31%);
    color: rgba(0, 0, 0, 0);
    transition: all .2s ease
}

@media (min-width:961px) {
    .widen-your-world .slick-dots li button {
        width: 58px;
        height: 58px;
        margin-left: 0;
        padding: 10px;
        background-image: none;
        background-color: #001d3d;
        border: 1px solid rgba(0, 0, 0, 0);
        cursor: pointer;
        transition: all .125s ease-out
    }
}

@media (min-width:961px) {

    .accessible .widen-your-world .slick-dots li button,
    .widen-your-world .slick-dots li button:hover {
        border: 1px solid var(--secondary-accent);
        margin-bottom: 45px
    }
}

@media (min-width:961px) {

    .accessible .widen-your-world .slick-dots li button:after,
    .widen-your-world .slick-dots li button:hover:after {
        opacity: 1;
        transform: translate(-50%)
    }
}

.widen-your-world .slick-dots li button:before {
    color: var(--secondary-accent)
}

@media (min-width:961px) {
    .widen-your-world .slick-dots li button:before {
        position: absolute;
        font-size: 1.375rem;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        transition: all .125s ease-out
    }
}

.widen-your-world .slick-dots li button:after {
    display: none
}

@media (min-width:961px) {
    .widen-your-world .slick-dots li button:after {
        position: absolute;
        display: block;
        top: calc(100% + 16px);
        opacity: 0;
        left: 50%;
        transform: translate(-50%, 50px);
        font-family: var(--sans), sans-serif;
        font-weight: 600;
        font-size: .8125rem;
        line-height: 1.15;
        letter-spacing: 2px;
        text-transform: uppercase;
        color: #fff;
        transition: all .15s ease-out
    }
}

.widen-your-world .slick-arrow {
    border: 0;
    background: none;
    margin: 0;
    padding: 0;
    width: 52px;
    height: 52px;
    z-index: 5;
    transform: none;
    background-color: #001d3d;
    border-radius: 50%;
    border: 2px solid rgba(0, 0, 0, 0);
    box-sizing: border-box;
    color: rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(var(--secondary-accent), 0);
    transition: all .3s ease;
    cursor: pointer;
    position: absolute;
    bottom: 35px;
    left: 50%
}

.widen-your-world .slick-arrow:hover {
    box-shadow: 0 0 5px 0 rgba(var(--secondary-accent), .5);
    border-color: var(--secondary-accent)
}

.widen-your-world .slick-arrow:hover:before {
    color: var(--secondary-accent)
}

.widen-your-world .slick-arrow:before {
    content: "\E901";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    position: absolute;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transform: none;
    left: 0;
    top: 0;
    font-size: .8125rem;
    color: var(--secondary-accent)
}

@media (min-width:961px) {
    .widen-your-world .slick-arrow:before {
        font-size: .875rem
    }
}

.widen-your-world .slick-arrow.fsLeftArrow,
.widen-your-world .slick-arrow.fsPrevArrow,
.widen-your-world .slick-arrow.slick-prev {
    transform: translateX(calc(-100% - 10px))
}

.widen-your-world .slick-arrow.fsLeftArrow:before,
.widen-your-world .slick-arrow.fsPrevArrow:before,
.widen-your-world .slick-arrow.slick-prev:before {
    transform: scaleX(-1)
}

@media (min-width:961px) {
    .widen-your-world .slick-arrow {
        bottom: 10px
    }
}

@media (min-width:961px) {
    body:not(.accessible) .widen-your-world .slick-arrow {
        display: none !important
    }
}

.widen-your-world .slick-arrow.slick-disabled {
    opacity: .4
}

.widen-your-world .slick-arrow.slick-prev {
    transform: translateX(calc(-100% - 5px))
}

.widen-your-world .slick-arrow.slick-next {
    transform: translateX(5px)
}

.widen-your-world svg {
    position: absolute
}

.fsComposeMode .widen-your-world svg,
.fsDraftMode .widen-your-world svg {
    display: none
}

.skrolling .widen-your-world svg {
    display: none !important
}

.widen-your-world .fsContent:not(.image-background) {
    position: relative
}

@media (min-width:961px) {
    .widen-your-world .fsContent:not(.image-background).slick-active footer .fsImage picture {
        transform: scale(1)
    }
}

.fsLiveMode .widen-your-world .fsContent:not(.image-background) {
    padding-top: 75vw
}

@media (min-width:641px) {
    .fsLiveMode .widen-your-world .fsContent:not(.image-background) {
        padding-top: 75vw
    }
}

@media (min-width:961px) {
    .fsLiveMode .widen-your-world .fsContent:not(.image-background) {
        height: auto;
        padding-top: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-bottom: 100px
    }
}

@media (min-width:961px) {
    .fsLiveMode .widen-your-world .fsContent:not(.image-background):first-child>.fsElementContent {
        opacity: 0;
        transition: all .3s ease
    }
}

@media (min-width:961px) {
    .fsLiveMode .widen-your-world .fsContent:not(.image-background):first-child.show-content>.fsElementContent {
        opacity: 1
    }
}

.widen-your-world .fsContent:not(.image-background):first-child.show-content.slick-active svg.crest {
    opacity: 1;
    transform: scale(1)
}

.widen-your-world .fsContent:not(.image-background):first-child.show-content.slick-active svg.lines {
    transform: scale(1)
}

.widen-your-world .fsContent:not(.image-background):first-child.show-content.slick-active svg.marker {
    transform: translateY(0);
    opacity: 1
}

.widen-your-world .fsContent:not(.image-background):first-child.show-content.slick-active svg.plane {
    opacity: 1
}

@media (max-width:960px) {
    .widen-your-world .fsContent:not(.image-background):first-child .fsImage {
        background-position: center left 75%
    }
}

.widen-your-world .fsContent:not(.image-background):first-child svg {
    pointer-events: none;
    z-index: 1;
    transition: all .3s ease
}

.widen-your-world .fsContent:not(.image-background):first-child svg.crest {
    width: 5%;
    top: 34%;
    left: 45%;
    opacity: 0;
    transform: scale(0)
}

@media (min-width:961px) {
    .widen-your-world .fsContent:not(.image-background):first-child svg.crest {
        width: 2.5%;
        top: 35%;
        left: 58%
    }
}

.widen-your-world .fsContent:not(.image-background):first-child svg.lines {
    width: 146%;
    top: 16%;
    left: -44%;
    z-index: 0;
    transform: scale(0);
    transform-origin: 62% 33%;
    transition: all .8s ease .2s;
    max-width: none
}

@media (min-width:961px) {
    .widen-your-world .fsContent:not(.image-background):first-child svg.lines {
        width: 79%;
        top: 16%;
        left: 9.5%
    }
}

.widen-your-world .fsContent:not(.image-background):first-child svg.marker {
    width: 4%;
    transform: translateY(-100px);
    opacity: 0;
    transition-timing-function: ease-out
}

@media (min-width:961px) {
    .widen-your-world .fsContent:not(.image-background):first-child svg.marker {
        width: 2%
    }
}

.widen-your-world .fsContent:not(.image-background):first-child svg.marker.one {
    left: 20%;
    top: 42%;
    transition-delay: .7s
}

@media (min-width:961px) {
    .widen-your-world .fsContent:not(.image-background):first-child svg.marker.one {
        left: 8%;
        top: 38%
    }
}

.widen-your-world .fsContent:not(.image-background):first-child svg.marker.two {
    left: 36%;
    top: 41%;
    transition-delay: .75s
}

@media (min-width:961px) {
    .widen-your-world .fsContent:not(.image-background):first-child svg.marker.two {
        left: 15%;
        top: 42%
    }
}

.widen-your-world .fsContent:not(.image-background):first-child svg.marker.three {
    left: 18.5%;
    top: 36%;
    transition-delay: .8s
}

@media (min-width:961px) {
    .widen-your-world .fsContent:not(.image-background):first-child svg.marker.three {
        left: 11.5%;
        top: 40%
    }
}

.widen-your-world .fsContent:not(.image-background):first-child svg.marker.four {
    left: 56.5%;
    top: 78%;
    transition-delay: .85s
}

@media (min-width:961px) {
    .widen-your-world .fsContent:not(.image-background):first-child svg.marker.four {
        left: 8%;
        top: 50%
    }
}

.widen-your-world .fsContent:not(.image-background):first-child svg.marker.five {
    left: 79.5%;
    top: 27%;
    transition-delay: .9s
}

@media (min-width:961px) {
    .widen-your-world .fsContent:not(.image-background):first-child svg.marker.five {
        left: 4.5%;
        top: 56%
    }
}

.widen-your-world .fsContent:not(.image-background):first-child svg.marker.six {
    left: 44%;
    top: 42%;
    transition-delay: .95s
}

@media (max-width:960px) {
    .widen-your-world .fsContent:not(.image-background):first-child svg.marker.six {
        display: none
    }
}

.widen-your-world .fsContent:not(.image-background):first-child svg.marker.seven {
    left: 42.5%;
    top: 38%;
    transition-delay: 1s
}

@media (max-width:960px) {
    .widen-your-world .fsContent:not(.image-background):first-child svg.marker.seven {
        display: none
    }
}

.widen-your-world .fsContent:not(.image-background):first-child svg.marker.eight {
    left: 52%;
    top: 41%;
    transition-delay: 1.05s
}

@media (max-width:960px) {
    .widen-your-world .fsContent:not(.image-background):first-child svg.marker.eight {
        display: none
    }
}

.widen-your-world .fsContent:not(.image-background):first-child svg.marker.nine {
    left: 63.8%;
    top: 78%;
    transition-delay: 1.1s
}

@media (max-width:960px) {
    .widen-your-world .fsContent:not(.image-background):first-child svg.marker.nine {
        display: none
    }
}

.widen-your-world .fsContent:not(.image-background):first-child svg.marker.ten {
    left: 76.5%;
    top: 26.6%;
    transition-delay: 1.15s
}

@media (max-width:960px) {
    .widen-your-world .fsContent:not(.image-background):first-child svg.marker.ten {
        display: none
    }
}

.widen-your-world .fsContent:not(.image-background):first-child svg.marker.eleven {
    left: 88%;
    top: 65%;
    transition-delay: 1.2s
}

@media (max-width:960px) {
    .widen-your-world .fsContent:not(.image-background):first-child svg.marker.eleven {
        display: none
    }
}

.widen-your-world .fsContent:not(.image-background):first-child svg.plane {
    width: 4%;
    opacity: 0
}

@media (min-width:961px) {
    .widen-your-world .fsContent:not(.image-background):first-child svg.plane {
        width: 2.5%
    }
}

.widen-your-world .fsContent:not(.image-background):first-child svg.plane.one {
    left: 23%;
    top: 17.8%;
    transform: rotate(29deg);
    transition-delay: 1.1s
}

@media (min-width:961px) {
    .widen-your-world .fsContent:not(.image-background):first-child svg.plane.one {
        left: 41%;
        top: 14.8%
    }
}

.widen-your-world .fsContent:not(.image-background):first-child svg.plane.two {
    left: 29.2%;
    top: 38%;
    transform: rotate(1deg);
    transition-delay: 1.15s
}

@media (min-width:961px) {
    .widen-your-world .fsContent:not(.image-background):first-child svg.plane.two {
        left: 28.2%;
        top: 28.5%
    }
}

.widen-your-world .fsContent:not(.image-background):first-child svg.plane.three {
    left: 67%;
    top: 26%;
    transform: rotate(160deg) scaleY(-1);
    transition-delay: 1.2s
}

@media (min-width:961px) {
    .widen-your-world .fsContent:not(.image-background):first-child svg.plane.three {
        left: 69%;
        top: 25%
    }
}

.widen-your-world .fsContent:not(.image-background):first-child svg.plane.four {
    left: 62.4%;
    top: 57%;
    transform: rotate(-87deg);
    transition-delay: 1.25s
}

@media (max-width:960px) {
    .widen-your-world .fsContent:not(.image-background):first-child svg.plane.four {
        display: none
    }
}

.widen-your-world .fsContent:not(.image-background):first-child svg.plane.five {
    left: 82%;
    top: 47.5%;
    transform: rotate(201deg) scaleY(-1);
    transition-delay: 1.3s
}

@media (min-width:961px) {
    .widen-your-world .fsContent:not(.image-background):first-child svg.plane.five {
        left: 81%;
        top: 52%;
        transform: rotate(208deg) scaleY(-1)
    }
}

.widen-your-world .fsContent:not(.image-background):nth-child(2)>.fsElementContent {
    opacity: 0;
    transition: all .5s ease 1s
}

.widen-your-world .fsContent:not(.image-background):nth-child(2).slick-active>.fsElementContent {
    opacity: 1
}

.widen-your-world .fsContent:not(.image-background):nth-child(2).slick-active svg.circle,
.widen-your-world .fsContent:not(.image-background):nth-child(2).slick-active svg.crest {
    transform: scale(1)
}

.widen-your-world .fsContent:not(.image-background):nth-child(2).slick-active svg.canada,
.widen-your-world .fsContent:not(.image-background):nth-child(2).slick-active svg.washington {
    transform: translateY(0);
    opacity: 1
}

.widen-your-world .fsContent:not(.image-background):nth-child(2).slick-active svg.boston,
.widen-your-world .fsContent:not(.image-background):nth-child(2).slick-active svg.bradley,
.widen-your-world .fsContent:not(.image-background):nth-child(2).slick-active svg.new-york {
    transform: scale(1)
}

@media (min-width:1181px) {
    .fsLiveMode .widen-your-world .fsContent:not(.image-background):nth-child(2)>.fsElementContent {
        left: 43%;
        right: auto
    }
}

.widen-your-world .fsContent:not(.image-background):nth-child(2) .fsImage {
    background-position: center right -53vw
}

@media (min-width:641px) {
    .widen-your-world .fsContent:not(.image-background):nth-child(2) .fsImage {
        background-position: center right -53vw
    }
}

.widen-your-world .fsContent:not(.image-background):nth-child(2) svg {
    transition: all .5s ease
}

.widen-your-world .fsContent:not(.image-background):nth-child(2) svg.crest {
    left: 42.9%;
    width: 9.5%;
    top: 48%;
    z-index: 1;
    transform: scale(0);
    transition-delay: .65s
}

@media (min-width:961px) {
    .widen-your-world .fsContent:not(.image-background):nth-child(2) svg.crest {
        left: 37.9%;
        width: 3.5%;
        top: 48%
    }
}

.widen-your-world .fsContent:not(.image-background):nth-child(2) svg.circle {
    transform: scale(0);
    transition-delay: .5s;
    left: 36%;
    top: 41%;
    width: 23%
}

@media (min-width:961px) {
    .widen-your-world .fsContent:not(.image-background):nth-child(2) svg.circle {
        left: 33%;
        top: 39%;
        width: 13%
    }
}

.widen-your-world .fsContent:not(.image-background):nth-child(2) svg.canada {
    left: 5%;
    top: 5%;
    height: 6%;
    transform: translateY(-100px);
    opacity: 0;
    transition-delay: 1.2s
}

@media (max-width:960px) {
    .widen-your-world .fsContent:not(.image-background):nth-child(2) svg.canada {
        display: none
    }
}

.widen-your-world .fsContent:not(.image-background):nth-child(2) svg.washington {
    left: 5%;
    top: 87.5%;
    height: 6%;
    transform: scale(0);
    transform: translateY(100px);
    opacity: 0;
    transition-delay: 1.1s
}

@media (max-width:960px) {
    .widen-your-world .fsContent:not(.image-background):nth-child(2) svg.washington {
        display: none
    }
}

.widen-your-world .fsContent:not(.image-background):nth-child(2) svg.bradley {
    left: 36.5%;
    top: 23.2%;
    height: 22%;
    transform: scale(0);
    transition-delay: 1s
}

@media (min-width:961px) {
    .widen-your-world .fsContent:not(.image-background):nth-child(2) svg.bradley {
        left: 36.5%;
        top: 31.2%;
        height: 13%
    }
}

.widen-your-world .fsContent:not(.image-background):nth-child(2) svg.bradley.mobile {
    display: block
}

@media (min-width:961px) {
    .widen-your-world .fsContent:not(.image-background):nth-child(2) svg.bradley.mobile {
        display: none
    }
}

.widen-your-world .fsContent:not(.image-background):nth-child(2) svg.bradley.desktop {
    display: none
}

@media (min-width:961px) {
    .widen-your-world .fsContent:not(.image-background):nth-child(2) svg.bradley.desktop {
        display: block
    }
}

.widen-your-world .fsContent:not(.image-background):nth-child(2) svg.new-york {
    left: 4.5%;
    top: 63%;
    height: 22%;
    transform: scale(0);
    transition-delay: .8s
}

@media (min-width:961px) {
    .widen-your-world .fsContent:not(.image-background):nth-child(2) svg.new-york {
        left: 20.5%;
        top: 66%;
        height: 13%
    }
}

.widen-your-world .fsContent:not(.image-background):nth-child(2) svg.boston {
    right: 8%;
    top: 9%;
    height: 22%;
    transform: scale(0);
    transition-delay: .9s
}

@media (min-width:961px) {
    .widen-your-world .fsContent:not(.image-background):nth-child(2) svg.boston {
        left: 57.5%;
        right: auto;
        top: 13%;
        height: 13%
    }
}

.widen-your-world .fsContent:not(.image-background):nth-child(3)>.fsElementContent {
    opacity: 0;
    transition: all .5s ease 1s
}

.widen-your-world .fsContent:not(.image-background):nth-child(3).slick-active>.fsElementContent {
    opacity: 1
}

.widen-your-world .fsContent:not(.image-background):nth-child(3).slick-active .fsImage.line picture {
    transform: none
}

.widen-your-world .fsContent:not(.image-background):nth-child(3).slick-active .fsImage.line img {
    width: 55.7%;
    right: -7.7%;
    z-index: 2;
    top: -35%;
    opacity: 1
}

.widen-your-world .fsContent:not(.image-background):nth-child(3).slick-active svg.circle,
.widen-your-world .fsContent:not(.image-background):nth-child(3).slick-active svg.crest,
.widen-your-world .fsContent:not(.image-background):nth-child(3).slick-active svg.simpson,
.widen-your-world .fsContent:not(.image-background):nth-child(3).slick-active svg.train,
.widen-your-world .fsContent:not(.image-background):nth-child(3).slick-active svg.walk {
    transform: scale(1)
}

.widen-your-world .fsContent:not(.image-background):nth-child(3).slick-active svg.walk .person {
    opacity: 1;
    transform: translateX(0)
}

.widen-your-world .fsContent:not(.image-background):nth-child(3).slick-active svg.gazebo,
.widen-your-world .fsContent:not(.image-background):nth-child(3).slick-active svg.library,
.widen-your-world .fsContent:not(.image-background):nth-child(3).slick-active svg.parkway {
    transform: scale(1)
}

.widen-your-world .fsContent:not(.image-background):nth-child(3) .fsImage {
    background-position: center left -57vw
}

@media (min-width:641px) {
    .widen-your-world .fsContent:not(.image-background):nth-child(3) .fsImage {
        background-position: center left -57vw
    }
}

.widen-your-world .fsContent:not(.image-background):nth-child(3) .fsImage.line {
    position: static
}

@media (max-width:960px) {
    .widen-your-world .fsContent:not(.image-background):nth-child(3) .fsImage.line {
        display: none
    }
}

.skrolling .widen-your-world .fsContent:not(.image-background):nth-child(3) .fsImage.line {
    display: none !important
}

.widen-your-world .fsContent:not(.image-background):nth-child(3) .fsImage.line img {
    position: absolute;
    width: 10.7%;
    right: 14.3%;
    z-index: 1;
    top: 25%;
    opacity: 0;
    transition: all .7s ease 1.4s
}

.widen-your-world .fsContent:not(.image-background):nth-child(3) svg {
    transition: all .5s ease
}

.widen-your-world .fsContent:not(.image-background):nth-child(3) svg.crest {
    transform: scale(0);
    transition-delay: .65s;
    left: 81%;
    width: 9.5%;
    top: 33%;
    z-index: 1
}

@media (min-width:961px) {
    .widen-your-world .fsContent:not(.image-background):nth-child(3) svg.crest {
        left: 79.9%;
        width: 3.5%;
        top: 34%
    }
}

.widen-your-world .fsContent:not(.image-background):nth-child(3) svg.circle {
    transform: scale(0);
    transition-delay: .5s;
    left: 75%;
    top: 25%;
    width: 23%
}

@media (min-width:961px) {
    .widen-your-world .fsContent:not(.image-background):nth-child(3) svg.circle {
        left: 75%;
        top: 25%;
        width: 13%
    }
}

.widen-your-world .fsContent:not(.image-background):nth-child(3) svg.train {
    left: 4%;
    top: 12%;
    height: 22%;
    transform: scale(0);
    transform-origin: center bottom;
    transition-delay: .8s
}

@media (min-width:961px) {
    .widen-your-world .fsContent:not(.image-background):nth-child(3) svg.train {
        left: 39%;
        top: 9%;
        height: 13%
    }
}

.widen-your-world .fsContent:not(.image-background):nth-child(3) svg.simpson {
    left: 25.3%;
    top: 56.5%;
    height: 22%;
    transform: scale(0);
    transform-origin: center bottom;
    transition-delay: .9s;
    z-index: 2
}

@media (min-width:961px) {
    .widen-your-world .fsContent:not(.image-background):nth-child(3) svg.simpson {
        left: 49.3%;
        top: 61.5%;
        height: 13%
    }
}

.widen-your-world .fsContent:not(.image-background):nth-child(3) svg.walk {
    left: 53.5%;
    top: 32.8%;
    width: 8.5%;
    transform: scale(0);
    transform-origin: center center;
    transition-delay: 1.5s
}

@media (max-width:960px) {
    .widen-your-world .fsContent:not(.image-background):nth-child(3) svg.walk {
        display: none
    }
}

.widen-your-world .fsContent:not(.image-background):nth-child(3) svg.walk .person {
    opacity: 0;
    transform: translateX(-100px);
    transition: all .5s ease-out;
    transition-delay: 1.8s
}

.widen-your-world .fsContent:not(.image-background):nth-child(3) svg.parkway {
    left: 5.5%;
    top: 16.2%;
    display: none;
    transform: scale(0);
    transform-origin: center bottom;
    transition-delay: 1s
}

@media (min-width:961px) {
    .widen-your-world .fsContent:not(.image-background):nth-child(3) svg.parkway {
        display: block;
        height: 13%
    }
}

.widen-your-world .fsContent:not(.image-background):nth-child(3) svg.library {
    left: 36.5%;
    top: 33%;
    height: 22%;
    transform: scale(0);
    transform-origin: center bottom;
    transition-delay: 1.1s;
    z-index: 2
}

@media (min-width:961px) {
    .widen-your-world .fsContent:not(.image-background):nth-child(3) svg.library {
        left: 55.5%;
        top: 42%;
        height: 13%
    }
}

.widen-your-world .fsContent:not(.image-background):nth-child(3) svg.library.mobile {
    display: block
}

@media (min-width:961px) {
    .widen-your-world .fsContent:not(.image-background):nth-child(3) svg.library.mobile {
        display: none
    }
}

.widen-your-world .fsContent:not(.image-background):nth-child(3) svg.library.desktop {
    display: none
}

@media (min-width:961px) {
    .widen-your-world .fsContent:not(.image-background):nth-child(3) svg.library.desktop {
        display: block
    }
}

.widen-your-world .fsContent:not(.image-background):nth-child(3) svg.gazebo {
    left: 1%;
    top: 39%;
    height: 22%;
    transform: scale(0);
    transform-origin: center bottom;
    transition-delay: 1.2s;
    z-index: 1
}

@media (min-width:961px) {
    .widen-your-world .fsContent:not(.image-background):nth-child(3) svg.gazebo {
        left: 35%;
        top: 45%;
        height: 13%
    }
}

.fsLiveMode .widen-your-world .fsContent:not(.image-background)>.fsElementContent {
    margin: 0 20px;
    padding: 60px 20px 20px;
    background-color: #00244e;
    color: #fff;
    z-index: 2;
    position: relative
}

@media (min-width:961px) {
    .fsLiveMode .widen-your-world .fsContent:not(.image-background)>.fsElementContent {
        position: absolute;
        padding: 25px 30px;
        right: 43%;
        bottom: -2vh;
        max-width: 580px
    }
}

@media (min-width:1181px) {
    .fsLiveMode .widen-your-world .fsContent:not(.image-background)>.fsElementContent {
        bottom: 3vh
    }
}

@media (min-width:1281px) {
    .fsLiveMode .widen-your-world .fsContent:not(.image-background)>.fsElementContent {
        padding: 50px 60px
    }
}

.fsLiveMode .widen-your-world .fsContent:not(.image-background)>.fsElementContent .fs_style_95 {
    font-weight: 700
}

.fsLiveMode .widen-your-world .fsContent:not(.image-background)>.fsElementContent p {
    margin-bottom: 20px
}

.fsLiveMode .widen-your-world .fsContent:not(.image-background)>.fsElementContent strong {
    color: var(--secondary-accent);
    font-size: 1.5rem
}

.fsLiveMode .widen-your-world .fsContent:not(.image-background)>.fsElementContent ul {
    list-style: none;
    margin-bottom: 0
}

.fsLiveMode .widen-your-world .fsContent:not(.image-background)>.fsElementContent li {
    position: relative
}

.fsLiveMode .widen-your-world .fsContent:not(.image-background)>.fsElementContent li:before {
    color: #7ab9fc;
    position: absolute;
    transform: translateX(-45px);
    width: 45px;
    text-align: center
}

.fsLiveMode .widen-your-world .fsContent:not(.image-background)>.fsElementContent li:first-child {
    margin-bottom: 5px
}

.fsLiveMode .widen-your-world .fsContent:not(.image-background)>.fsElementContent li.plane:before {
    content: "\E91F";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

.fsLiveMode .widen-your-world .fsContent:not(.image-background)>.fsElementContent li.circle:before {
    content: "\E928";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

.fsLiveMode .widen-your-world .fsContent:not(.image-background)>.fsElementContent li.shield:before {
    content: "\E920";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

.fsLiveMode .widen-your-world .fsContent:not(.image-background)>.fsElementContent li.building:before {
    content: "\E91D";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

.fsLiveMode .widen-your-world .fsContent:not(.image-background)>.fsElementContent li.bandstand:before {
    content: "\E921";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

.fsLiveMode .widen-your-world .fsContent:not(.image-background)>.fsElementContent li.walking:before {
    content: "\E922";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

.widen-your-world .fsContent:not(.image-background) footer {
    display: block;
    position: absolute;
    width: 100%;
    min-height: 88vw;
    top: 0;
    left: 50%;
    transform: translateX(-50%)
}

@media (min-width:961px) {
    .widen-your-world .fsContent:not(.image-background) footer {
        padding: 0 20px;
        height: auto;
        position: relative;
        top: auto;
        left: auto;
        overflow: hidden;
        transform: translateX(0);
        min-height: auto;
        width: 100%
    }
}

.fsComposeMode .widen-your-world .fsContent:not(.image-background) footer {
    display: none
}

.widen-your-world .fsContent:not(.image-background) footer .fsElementFooterContent {
    margin-top: 0
}

.widen-your-world .fsContent:not(.image-background) footer .fsImage {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0
}

@media (min-width:961px) {
    .widen-your-world .fsContent:not(.image-background) footer .fsImage {
        position: relative;
        left: auto;
        width: auto;
        overflow: hidden;
        height: auto;
        top: 0;
        background-image: none !important
    }
}

@media (min-width:961px) {
    .widen-your-world .fsContent:not(.image-background) footer picture {
        transform: scale(1.1);
        transition: all .6s ease
    }
}

.widen-your-world .fsContent:not(.image-background) footer img {
    opacity: 0;
    display: none
}

@media (min-width:961px) {
    .widen-your-world .fsContent:not(.image-background) footer img {
        display: block;
        width: 100%;
        max-width: 100%;
        opacity: 1;
        margin: 0 auto
    }
}

.widen-your-world .fsContent:not(.image-background) footer .fsImage,
.widen-your-world .fsContent:not(.image-background) footer img {
    display: block
}

.fsLiveMode .widen-your-world>footer {
    display: block;
    z-index: 1;
    position: relative;
    max-height: 235px
}

@media (min-width:961px) {
    .fsLiveMode .widen-your-world>footer {
        position: absolute;
        max-height: none;
        right: 30px;
        bottom: 0;
        transform: translateY(50%);
        border-radius: 45%;
        overflow: hidden;
        opacity: 1;
        pointer-events: all;
        transition: all .4s ease;
        transform: scale(1)
    }
}

@media (min-width:961px) {
    .fsLiveMode .widen-your-world>footer.active {
        opacity: 1;
        pointer-events: none
    }
}

.fsLiveMode .widen-your-world>footer:hover {
    transform: scale(1.1)
}

.fsLiveMode .widen-your-world>footer .fsElementFooterContent {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 255px;
    min-height: 255px;
    margin-bottom: 0
}

@media (min-width:1281px) {
    .fsLiveMode .widen-your-world>footer .fsElementFooterContent {
        transform: scale(1)
    }
}

.fsLiveMode .widen-your-world>footer .fsElementFooterContent a {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 0;
    background: none;
    margin: 0;
    padding: 0;
    font-family: var(--sans), sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    pointer-events: all;
    cursor: pointer;
    transform: scale(1);
    transition: all .5s ease;
    text-decoration: none;
    font-size: .8125rem;
    line-height: 1.3;
    text-align: center;
    letter-spacing: 6.5px
}

@media (min-width:641px) {
    .fsLiveMode .widen-your-world>footer .fsElementFooterContent a {
        font-size: .875rem;
        line-height: 1.32;
        letter-spacing: 3px
    }
}

.fsLiveMode .widen-your-world>footer .fsElementFooterContent a:hover:after {
    border-radius: 25%
}

.fsLiveMode .widen-your-world>footer .fsElementFooterContent a:after {
    content: "\E901";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    display: block;
    width: 35px;
    height: 35px;
    padding: 7px 0 0 4px;
    margin: 0 auto;
    position: relative;
    border-radius: 50%;
    background-color: var(--secondary-accent);
    color: var(--primary-color);
    font-size: 1rem;
    transition: all .5s ease
}

@media (min-width:641px) {
    .fsLiveMode .widen-your-world>footer .fsElementFooterContent a:after {
        margin: 10px auto 0
    }
}

.fsLiveMode .widen-your-world>footer .fsElementFooterContent a:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    pointer-events: all
}

.fsLiveMode .widen-your-world>footer .fsElementFooterContent a span {
    display: block;
    font-size: 2rem;
    line-height: 1.4;
    letter-spacing: 2px
}

@media (min-width:641px) {
    .fsLiveMode .widen-your-world>footer .fsElementFooterContent a span {
        font-size: 2.125rem;
        line-height: 1.2;
        letter-spacing: 5px
    }
}

.fsLiveMode .widen-your-world>footer .fsImage {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(0deg);
    transition: all .5s ease;
    transform-origin: center center;
    z-index: -1;
    width: 220px;
    height: 220px
}

@media (min-width:641px) {
    .fsLiveMode .widen-your-world>footer .fsImage {
        width: 280px;
        height: 280px
    }
}

@media (min-width:961px) {
    .fsLiveMode .widen-your-world>footer .fsImage {
        position: absolute;
        height: 100%;
        width: 100%
    }
}

.fsLiveMode .widen-your-world>footer .fsImage picture {
    position: absolute;
    height: 100%;
    width: 100%;
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(0deg);
    transition-timing-function: ease;
    transform-origin: center center
}

@media (max-width:960px) {
    .fsLiveMode .widen-your-world>footer .fsImage picture {
        background-size: contain
    }
}

.fsLiveMode .our-stories {
    padding: 0 20px 60px
}

@media (min-width:1025px) {
    .fsLiveMode .our-stories {
        position: relative;
        display: flex;
        justify-content: flex-end;
        padding: 0;
        margin-bottom: 120px;
        max-width: 1300px;
        float: right;
        zoom: 1
    }

    .fsLiveMode .our-stories:after {
        display: table;
        clear: both;
        content: ""
    }
}

@media (min-width:1281px) {
    .fsLiveMode .our-stories {
        margin-bottom: 160px
    }
}

@media (min-width:1025px) {
    .fsLiveMode .our-stories>header {
        position: absolute;
        left: -35px;
        top: 0;
        transform: rotate(90deg);
        transform-origin: left top;
        overflow: hidden
    }
}

.our-stories>header>h2.fsElementTitle {
    font-family: var(--sans), sans-serif;
    font-weight: 700;
    color: #fff;
    font-size: .875rem;
    line-height: 1.1;
    letter-spacing: 3px;
    text-transform: uppercase;
    border-left: 3px solid var(--secondary-accent);
    padding-left: 15px
}

@media (min-width:1025px) {
    .our-stories>header>h2.fsElementTitle {
        margin-bottom: 0
    }
}

@media (min-width:1025px) {
    .fsLiveMode .our-stories>header>h2.fsElementTitle {
        transform: translateX(-100%);
        transition: all .5s ease
    }
}

@media (min-width:1025px) {

    .fsLiveMode.accessible .our-stories>header>h2.fsElementTitle,
    .fsLiveMode.stories-active .our-stories>header>h2.fsElementTitle {
        transform: translateX(0)
    }
}

.our-stories>footer {
    display: none
}

.our-stories>.fsElementContent:not(.pop-up-slider) {
    position: relative;
    padding-bottom: 0;
    max-width: 1200px;
    width: calc(100% + 20px)
}

@media (min-width:1025px) {
    .our-stories>.fsElementContent:not(.pop-up-slider) {
        width: 85vw
    }
}

@media (min-width:1025px) {
    .fsLiveMode .our-stories>.fsElementContent:not(.pop-up-slider) {
        transform: translateX(50%);
        opacity: 0;
        transition: all .6s ease-out .3s
    }
}

@media (min-width:1025px) {

    .fsLiveMode.accessible .our-stories>.fsElementContent:not(.pop-up-slider),
    .fsLiveMode.stories-active .our-stories>.fsElementContent:not(.pop-up-slider) {
        transform: translateX(0);
        opacity: 1
    }
}

.fsLiveMode .our-stories>.fsElementContent:not(.pop-up-slider) .fsContent {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 345px;
    width: calc(100vw - 50px);
    max-width: 300px;
    overflow: hidden;
    margin: 0 5px;
    z-index: 1
}

@media (min-width:1025px) {
    .fsLiveMode .our-stories>.fsElementContent:not(.pop-up-slider) .fsContent {
        height: 450px;
        max-width: 350px;
        margin-bottom: 0;
        margin-right: 25px
    }
}

.fsLiveMode .our-stories>.fsElementContent:not(.pop-up-slider) .fsContent:hover .fsImage {
    transform: translate(-50%, -50%) scale(1.3);
    opacity: .8
}

.fsLiveMode .our-stories>.fsElementContent:not(.pop-up-slider) .fsContent:after {
    content: "";
    position: absolute;
    height: 320px;
    width: 100%;
    left: 0;
    bottom: 55px;
    z-index: -1;
    background: linear-gradient(0deg, #001a3d -2.5%, rgba(0, 27, 61, 0) 66.08%)
}

.fsLiveMode .our-stories>.fsElementContent:not(.pop-up-slider) .fsContent .fsImage {
    position: absolute;
    height: 100%;
    width: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(1);
    transition: all .5s ease-out;
    opacity: 1;
    z-index: -2
}

.fsLiveMode .our-stories>.fsElementContent:not(.pop-up-slider) .fsContent header {
    padding: 30px 20px 0;
    color: #fff
}

@media (min-width:1025px) {
    .fsLiveMode .our-stories>.fsElementContent:not(.pop-up-slider) .fsContent header {
        padding: 30px 45px 0
    }
}

.fsLiveMode .our-stories>.fsElementContent:not(.pop-up-slider) .fsContent header h2.fsElementTitle {
    margin-bottom: 16px;
    font-weight: 700;
    font-size: 1.75rem;
    line-height: 1.1;
    letter-spacing: 1px;
    color: #fff
}

@media (min-width:1025px) {
    .fsLiveMode .our-stories>.fsElementContent:not(.pop-up-slider) .fsContent header h2.fsElementTitle {
        font-size: 2.25rem
    }
}

.fsLiveMode .our-stories>.fsElementContent:not(.pop-up-slider) .fsContent header .fsElementHeaderContent {
    margin-bottom: 25px;
    font-size: 1.0625rem
}

@media (min-width:1025px) {
    .fsLiveMode .our-stories>.fsElementContent:not(.pop-up-slider) .fsContent header .fsElementHeaderContent {
        font-size: 1.125rem
    }
}

.fsLiveMode .our-stories>.fsElementContent:not(.pop-up-slider) .fsContent .fsElementContent {
    display: none
}

.fsLiveMode .our-stories>.fsElementContent:not(.pop-up-slider) .fsContent .fsElementFooterContent {
    margin-top: 0
}

.fsLiveMode .our-stories>.fsElementContent:not(.pop-up-slider) .fsContent button {
    border: 0;
    background: none;
    margin: 0;
    display: flex;
    justify-content: space-between;
    padding: 17px 20px;
    background-color: var(--primary-color);
    font-family: var(--sans), sans-serif;
    font-weight: 600;
    font-size: .875rem;
    line-height: 1.6;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--secondary-accent);
    cursor: pointer;
    transition: all .5s
}

@media (min-width:1025px) {
    .fsLiveMode .our-stories>.fsElementContent:not(.pop-up-slider) .fsContent button {
        padding: 17px 40px
    }
}

.fsLiveMode .our-stories>.fsElementContent:not(.pop-up-slider) .fsContent button:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 2;
    pointer-events: all
}

.fsLiveMode .our-stories>.fsElementContent:not(.pop-up-slider) .fsContent button:after {
    content: "\E910";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    color: var(--secondary-accent);
    transition: all .5s;
    transform: rotate(0deg)
}

.fsLiveMode .our-stories>.fsElementContent:not(.pop-up-slider) .fsContent button:hover {
    background-color: var(--secondary-accent);
    color: var(--primary-color)
}

.fsLiveMode .our-stories>.fsElementContent:not(.pop-up-slider) .fsContent button:hover:after {
    transform: rotate(90deg);
    color: var(--primary-color)
}

.our-stories>.fsElementContent:not(.pop-up-slider) .slick-arrow {
    border: 0;
    background: none;
    margin: 0;
    padding: 0;
    width: 52px;
    height: 52px;
    z-index: 5;
    transform: none;
    background-color: #001d3d;
    border-radius: 50%;
    border: 2px solid rgba(0, 0, 0, 0);
    box-sizing: border-box;
    color: rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(var(--secondary-accent), 0);
    transition: all .3s ease;
    cursor: pointer;
    position: absolute;
    bottom: -80px;
    left: 50%
}

.our-stories>.fsElementContent:not(.pop-up-slider) .slick-arrow:hover {
    box-shadow: 0 0 5px 0 rgba(var(--secondary-accent), .5);
    border-color: var(--secondary-accent)
}

.our-stories>.fsElementContent:not(.pop-up-slider) .slick-arrow:hover:before {
    color: var(--secondary-accent)
}

.our-stories>.fsElementContent:not(.pop-up-slider) .slick-arrow:before {
    content: "\E901";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    position: absolute;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transform: none;
    left: 0;
    top: 0;
    font-size: .8125rem;
    color: var(--secondary-accent)
}

@media (min-width:961px) {
    .our-stories>.fsElementContent:not(.pop-up-slider) .slick-arrow:before {
        font-size: .875rem
    }
}

.our-stories>.fsElementContent:not(.pop-up-slider) .slick-arrow.fsLeftArrow,
.our-stories>.fsElementContent:not(.pop-up-slider) .slick-arrow.fsPrevArrow,
.our-stories>.fsElementContent:not(.pop-up-slider) .slick-arrow.slick-prev {
    transform: translateX(calc(-100% - 10px))
}

.our-stories>.fsElementContent:not(.pop-up-slider) .slick-arrow.fsLeftArrow:before,
.our-stories>.fsElementContent:not(.pop-up-slider) .slick-arrow.fsPrevArrow:before,
.our-stories>.fsElementContent:not(.pop-up-slider) .slick-arrow.slick-prev:before {
    transform: scaleX(-1)
}

@media (min-width:1025px) {
    .our-stories>.fsElementContent:not(.pop-up-slider) .slick-arrow {
        transform: none;
        left: -80px;
        bottom: 0
    }
}

@media (min-width:1025px) {
    .our-stories>.fsElementContent:not(.pop-up-slider) .slick-arrow.slick-prev {
        transform: translateY(calc(-100% - 10px))
    }
}

.our-stories>.fsElementContent.pop-up-slider {
    position: fixed;
    width: 90%;
    top: 20px;
    max-width: 1180px;
    left: 5%;
    overflow-y: hidden;
    z-index: 10;
    background-color: #033169;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all .6s ease .1s;
    text-align: center;
    height: calc(100vh - 40px);
    max-height: calc(100vh - 40px)
}

@media (min-width:961px) {
    .our-stories>.fsElementContent.pop-up-slider {
        height: auto;
        top: 50%;
        left: 50%;
        overflow-y: auto;
        transform: translate(-50%, -50%);
        text-align: left;
        min-height: 645px;
        height: calc(100vh - 110px);
        max-height: calc(100vh - 110px)
    }
}

.stories-pop-up-active .our-stories>.fsElementContent.pop-up-slider {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transition: all .3s ease 0s
}

.our-stories>.fsElementContent.pop-up-slider .fsContent {
    margin-bottom: 0
}

.our-stories>.fsElementContent.pop-up-slider .pop-stories-inner {
    position: relative;
    padding: 375px 20px 0;
    color: #fff;
    max-height: 85vh;
    text-align: left
}

@media (min-width:961px) {
    .our-stories>.fsElementContent.pop-up-slider .pop-stories-inner {
        padding: 60px 60px 100px 370px;
        height: 645px;
        max-height: 90vh
    }
}

@media (min-width:1281px) {
    .our-stories>.fsElementContent.pop-up-slider .pop-stories-inner {
        padding: 60px 60px 100px 520px
    }
}

.our-stories>.fsElementContent.pop-up-slider .pop-stories-inner>h2.fsElementTitle {
    font-family: var(--sans), sans-serif;
    font-weight: 700;
    color: #fff;
    font-size: .875rem;
    line-height: 1.1;
    letter-spacing: 3px;
    text-transform: uppercase;
    border-left: 3px solid var(--secondary-accent);
    padding-left: 15px;
    margin-bottom: 30px;
    margin-top: 40px
}

@media (max-width:960px) {
    .our-stories>.fsElementContent.pop-up-slider .pop-stories-inner header {
        margin-top: 20px
    }
}

.our-stories>.fsElementContent.pop-up-slider .pop-stories-inner header h2.fsElementTitle {
    margin-bottom: 12px;
    font-size: 2.125rem;
    line-height: 1.1
}

@media (min-width:961px) {
    .our-stories>.fsElementContent.pop-up-slider .pop-stories-inner header h2.fsElementTitle {
        font-size: 2.75rem;
        margin-bottom: 30px
    }
}

.our-stories>.fsElementContent.pop-up-slider .pop-stories-inner header .fsElementHeaderContent {
    font-weight: 700;
    margin-bottom: 20px
}

@media (max-width:960px) {
    .our-stories>.fsElementContent.pop-up-slider .pop-stories-inner header .fsElementHeaderContent {
        font-size: 1.0625rem
    }
}

.our-stories>.fsElementContent.pop-up-slider .pop-stories-inner .fsImage {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    width: 100%;
    height: 375px;
    left: 0;
    top: 0
}

@media (min-width:961px) {
    .our-stories>.fsElementContent.pop-up-slider .pop-stories-inner .fsImage {
        width: 330px;
        height: 100%
    }
}

@media (min-width:1281px) {
    .our-stories>.fsElementContent.pop-up-slider .pop-stories-inner .fsImage {
        width: 480px
    }
}

.our-stories>.fsElementContent.pop-up-slider .slick-arrow {
    border: 0;
    background: none;
    padding: 0;
    width: 52px;
    height: 52px;
    z-index: 5;
    transform: none;
    background-color: #001d3d;
    border-radius: 50%;
    border: 2px solid rgba(0, 0, 0, 0);
    box-sizing: border-box;
    color: rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(var(--secondary-accent), 0);
    transition: all .3s ease;
    cursor: pointer;
    position: relative;
    transform: translateX(0);
    margin: 0 5px;
    bottom: 15px
}

.our-stories>.fsElementContent.pop-up-slider .slick-arrow:hover {
    box-shadow: 0 0 5px 0 rgba(var(--secondary-accent), .5);
    border-color: var(--secondary-accent)
}

.our-stories>.fsElementContent.pop-up-slider .slick-arrow:hover:before {
    color: var(--secondary-accent)
}

.our-stories>.fsElementContent.pop-up-slider .slick-arrow:before {
    content: "\E901";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    position: absolute;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transform: none;
    left: 0;
    top: 0;
    font-size: .8125rem;
    color: var(--secondary-accent)
}

@media (min-width:961px) {
    .our-stories>.fsElementContent.pop-up-slider .slick-arrow:before {
        font-size: .875rem
    }
}

.our-stories>.fsElementContent.pop-up-slider .slick-arrow.fsLeftArrow,
.our-stories>.fsElementContent.pop-up-slider .slick-arrow.fsPrevArrow,
.our-stories>.fsElementContent.pop-up-slider .slick-arrow.slick-prev {
    transform: translateX(calc(-100% - 10px))
}

.our-stories>.fsElementContent.pop-up-slider .slick-arrow.fsLeftArrow:before,
.our-stories>.fsElementContent.pop-up-slider .slick-arrow.fsPrevArrow:before,
.our-stories>.fsElementContent.pop-up-slider .slick-arrow.slick-prev:before {
    transform: scaleX(-1)
}

@media (min-width:961px) {
    .our-stories>.fsElementContent.pop-up-slider .slick-arrow {
        position: absolute;
        bottom: 35px;
        right: 30px;
        margin: 0
    }
}

@media (min-width:1281px) {
    .our-stories>.fsElementContent.pop-up-slider .slick-arrow {
        bottom: 60px;
        right: 60px
    }
}

@media (max-width:960px) {
    .our-stories>.fsElementContent.pop-up-slider .slick-arrow.slick-prev {
        transform: translateX(0)
    }
}

.our-stories>.fsElementContent.pop-up-slider button.close {
    border: 0;
    background: none;
    padding: 0;
    display: block;
    position: absolute;
    width: 35px;
    height: 35px;
    margin: 0;
    top: 30px;
    right: 30px;
    z-index: 2;
    background-color: #00244e;
    border-radius: 50%;
    color: rgba(0, 0, 0, 0);
    cursor: pointer;
    transition: all .3s
}

.our-stories>.fsElementContent.pop-up-slider button.close:hover {
    background-color: var(--secondary-accent)
}

.our-stories>.fsElementContent.pop-up-slider button.close:hover:after {
    color: var(--primary-color)
}

.our-stories>.fsElementContent.pop-up-slider button.close:after {
    content: "\E904";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: .625rem;
    transform: translate(-50%, -50%);
    color: var(--secondary-accent);
    transition: all .3s
}

.our-stories>.fsElementContent.pop-up-slider a {
    display: block;
    position: relative;
    margin: 30px 20px
}

@media (min-width:961px) {
    .our-stories>.fsElementContent.pop-up-slider a {
        position: absolute;
        left: 380px;
        bottom: 30px;
        margin: 0
    }
}

@media (min-width:1281px) {
    .our-stories>.fsElementContent.pop-up-slider a {
        left: 520px;
        bottom: 60px
    }
}

.fsLayout.image-buttons-container {
    margin: 0 auto;
    max-width: 1180px;
    max-width: 1205px;
    padding: 0 20px;
    z-index: 2;
    position: relative;
    display: block;
    clear: both
}

@media (min-width:961px) {
    .fsLayout.image-buttons-container {
        padding: 0;
        margin-bottom: 90px
    }
}

@media (max-width:899px) {
    .fsLayout.image-buttons-container {
        padding-bottom: 60px
    }
}

@media (max-width:899px) {
    .fsLayout.image-buttons-container:before {
        content: "";
        position: absolute;
        height: 1px;
        left: 20px;
        right: 20px;
        bottom: 0;
        background-color: #fff
    }
}

.fsLayout.image-buttons-container>header h2.fsElementTitle {
    display: none
}

@media (max-width:899px) {
    .fsLayout.image-buttons-container .fsStyleColumn {
        margin-bottom: 10px
    }
}

@media (min-width:900px) {
    .fsLayout.image-buttons-container .fsStyleColumn {
        padding-left: 13px;
        padding-right: 13px
    }
}

.fsLayout.image-buttons-container .fsElementHeaderContent {
    margin-bottom: 42px;
    margin-top: 50px;
    background: linear-gradient(90deg, var(--secondary-accent) 0, var(--secondary-color));
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-weight: 700;
    text-transform: capitalize;
    font-size: 1.6875rem;
    line-height: 1.2
}

@media (min-width:961px) {
    .fsLayout.image-buttons-container .fsElementHeaderContent {
        margin-bottom: 80px;
        font-size: 2.3125rem;
        text-align: center
    }
}

@media (min-width:1281px) {
    .fsLayout.image-buttons-container .fsElementHeaderContent {
        margin-bottom: 100px
    }
}

.fsLayout.image-buttons-container .fsElementHeaderContent em {
    font-style: normal
}

.fsLayout.image-buttons-container .fsElementHeaderContent strong {
    display: block;
    background: linear-gradient(90deg, var(--secondary-accent) 0, var(--secondary-color));
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-family: var(--sans), sans-serif;
    font-weight: 600;
    font-size: 4rem;
    line-height: 1.04;
    text-transform: uppercase;
    margin-top: 18px
}

@media (min-width:961px) {
    .fsLayout.image-buttons-container .fsElementHeaderContent strong {
        font-size: 7.625rem
    }
}

@media (min-width:1025px) {
    .fsLayout.image-buttons-container.hovered .image-button:not(.on) {
        transform: scale(.85) !important;
        mix-blend-mode: lighten;
        opacity: .7;
        z-index: 0
    }
}

@media (min-width:1025px) {
    .fsLayout.image-buttons-container.hovered .image-button.on {
        transform: scale(1.1);
        box-shadow: 0 0 10px 3px rgba(0, 0, 0, .5);
        z-index: 2
    }
}

.fsLayout.image-buttons-container .fsStyleColumn-1 .image-button.on {
    transform-origin: left center
}

.fsLayout.image-buttons-container .fsStyleColumn-2 .image-button.on {
    transform-origin: center center
}

.fsLayout.image-buttons-container .fsStyleColumn-3 .image-button.on {
    transform-origin: right center
}

.fsLayout.image-buttons-container .image-button {
    transition: all .5s ease;
    filter: grayscale(0);
    mix-blend-mode: none;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0)
}

.portal-page .fsTwoColumnWideRightLayout>.fsDiv>.fsElement+.fsElement {
    margin-top: 2em
}

.colors ol {
    zoom: 1;
    padding: 0;
    list-style: none
}

.colors ol:after {
    display: table;
    clear: both;
    content: ""
}

.colors ol li {
    position: relative;
    float: left;
    width: 50%;
    min-width: 20%
}

@media (min-width:1180px) {
    .colors ol li {
        margin-bottom: 0
    }
}

.colors ol li:after {
    display: block;
    margin-top: 60px;
    background: #fff;
    padding-bottom: 20px
}

@media (min-width:800px) {
    .colors.main ol li {
        width: 33.33333%
    }
}

.colors.main ol li:first-of-type {
    background: var(--primary-color)
}

.colors.main ol li:first-of-type:after {
    content: "var(--primary-color)"
}

.colors.main ol li:nth-of-type(3) {
    background: var(--secondary-color)
}

.colors.main ol li:nth-of-type(3):after {
    content: "var(--secondary-color)"
}

@media (min-width:800px) {
    .colors.shade ol li {
        width: 10%
    }
}

.colors.shade ol li:first-of-type {
    background: #000
}

.colors.shade ol li:first-of-type:after {
    content: "#000000"
}

.colors.shade ol li:nth-of-type(2) {
    background: #090f13
}

.colors.shade ol li:nth-of-type(2):after {
    content: "#090F13"
}

.colors.shade ol li:nth-of-type(3) {
    background: #131e27
}

.colors.shade ol li:nth-of-type(3):after {
    content: "#131E27"
}

.colors.shade ol li:nth-of-type(4) {
    background: #1f2e3e
}

.colors.shade ol li:nth-of-type(4):after {
    content: "#1F2E3E"
}

.colors.shade ol li:nth-of-type(5) {
    background: #3d5775
}

.colors.shade ol li:nth-of-type(5):after {
    content: "#3D5775"
}

.colors.shade ol li:nth-of-type(6) {
    background: #5f7896
}

.colors.shade ol li:nth-of-type(6):after {
    content: "#5F7896"
}

.colors.shade ol li:nth-of-type(7) {
    background: #bbc9d8
}

.colors.shade ol li:nth-of-type(7):after {
    content: "#BBC9D8"
}

.colors.shade ol li:nth-of-type(8) {
    background: #dae1e9
}

.colors.shade ol li:nth-of-type(8):after {
    content: "#DAE1E9"
}

.colors.shade ol li:nth-of-type(9) {
    background: #eff1f9
}

.colors.shade ol li:nth-of-type(9):after {
    content: "#EFF1F9"
}

.colors.shade ol li:nth-of-type(10) {
    background: #fff
}

.colors.shade ol li:nth-of-type(10):after {
    content: "#ffffff"
}

.fonts ol {
    padding: 0;
    list-style: none
}

.fonts ol li:first-of-type {
    font-family: var(--serif), serif
}

.fonts ol li:first-of-type:after {
    content: "var(--serif), serif";
    display: block;
    margin-bottom: 10px
}

.fonts ol li:nth-of-type(2) {
    font-family: IcoMoon
}

.fonts ol li:nth-of-type(2):after {
    content: "IcoMoon";
    display: block;
    margin-bottom: 10px
}

.headers .fsElementContent h1:after {
    content: " - font-size: 72px / line-height: 12"
}

.headers .fsElementContent h2:after {
    content: " - font-size: 32px / line-height: 1.1"
}

.headers .fsElementContent h3:after {
    content: " - font-size: 28px / line-height: 1.1"
}

.headers .fsElementContent h4:after {
    content: " - font-size: 24px / line-height: 1.1"
}

.headers .fsElementContent h5:after {
    content: " - font-size: 20px / line-height: 1.1"
}

.headers .fsElementContent h6:after {
    content: " - font-size: 16px / line-height: 1.6"
}

body.fsLiveMode .hero {
    max-height: 0;
    overflow: hidden
}

body.fsLiveMode .hero img {
    width: 100%
}

body.hero-loaded .hero {
    max-height: none;
    overflow: visible
}

@media print {

    #fsFooter,
    #fsHeader,
    #fsMenu,
    .fsThumbnail,
    .hide-for-print,
    .nav-main,
    .nav-social,
    .nav-sub,
    .nav-utility-footer,
    .nav-utility-header {
        display: none !important
    }

    #fsBannerLeft,
    #fsBannerRight,
    #fsPageContent {
        width: 100% !important
    }

    html {
        font-size: 100%
    }

    body {
        font-size: 62.5%
    }

    *,
    :after,
    :before {
        background: rgba(0, 0, 0, 0) !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important
    }

    .slick-slide {
        display: none !important
    }

    .slick-slide.slick-active {
        display: block !important
    }

    .slick-list,
    .slick-track {
        height: auto !important
    }

    .slick-track {
        transform: none !important
    }

    .slick-track,
    .slick-track .slick-slide {
        width: auto !important
    }

    a[class*=fs_style] {
        border-color: #000
    }

    a,
    a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: ""
    }

    pre {
        white-space: pre-wrap !important
    }

    blockquote,
    pre {
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img,
    tr {
        page-break-inside: avoid
    }

    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }

    h2,
    h3 {
        page-break-after: avoid
    }

    .fsPanel>header~.fsElementContent {
        display: block
    }
}