/*!
 * Providence Day School - default_20
 * @link: https://provday.finalsite.com
 * Site Template: newclientcustom
 * Built By: Jorge Piquer
 * Project Manager: Connie Cavallo
 * Designer: Keisha Croxton
 * ==== Git Info ====
 * Branch Name: master
 * Build Version: 5.3.2
 * Git Tag: v5.2.2-74-g80b129d
 * Last built by: Jworthington
 */
@charset "UTF-8";

/*! helpers - functions v0.0.1 */

/*! helpers - utility v0.0.1 */
.compartment {
    position: relative;
    margin: 0 auto;
    max-width: 1180px
}

@media (min-width:600px) {
    .col-4 {
        width: 50%;
        float: left
    }
}

@media (min-width:900px) {
    .col-4 {
        width: 25%
    }
}

/*! helpers - box-model v0.0.1 */
.margin-x {
    margin-right: 1.17647em;
    margin-left: 1.17647em
}

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

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

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

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

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

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

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

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

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

/*! helpers - presentational v0.0.1 */

/*! helpers - ui-pattern v0.0.1 */

/*! helpers - typography v0.0.1 */
@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.1em
}

h1 {
    font-size: 45px;
    line-height: 55px;
    margin-bottom: 23px
}

h1,
h2 {
    margin-top: 0;
    color: #002855;
    font-family: Barlow, sans-serif;
    font-weight: 600;
    font-weight: 400;
    font-weight: 800
}

h2 {
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 15px
}

h3 {
    margin-top: 0;
    color: #002855;
    font-family: Barlow, sans-serif;
    font-weight: 600;
    font-weight: 400;
    font-size: 35px;
    line-height: 45px;
    margin-bottom: 17px
}

h4 {
    font-size: 30px;
    line-height: 40px
}

h4,
h5 {
    margin-top: 0;
    color: #002855;
    font-family: Barlow, sans-serif;
    font-weight: 600;
    font-weight: 400;
    margin-bottom: 16px
}

h5 {
    font-size: 25px;
    line-height: 27px
}

h6 {
    margin-top: 0;
    color: #002855;
    font-family: Barlow, sans-serif;
    font-weight: 600;
    font-weight: 400;
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 20px;
    text-transform: uppercase;
    margin-bottom: 13px
}

p {
    margin: 0 0 20px
}

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

hr {
    margin: 0 auto 20px
}

a {
    color: #a83338;
    font-weight: 700;
    transition: background .3s, color .3s
}

a:focus,
a:hover {
    color: #002855
}

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

.fs_style_51,
.fsAthleticsEvent.fsTable .fsElementTable,
.fsAthleticsRoster .fsElementTable {
    margin-bottom: 20px
}

.fs_style_51 td,
.fs_style_51 th,
.fsAthleticsEvent.fsTable .fsElementTable td,
.fsAthleticsEvent.fsTable .fsElementTable th,
.fsAthleticsRoster .fsElementTable td,
.fsAthleticsRoster .fsElementTable th {
    vertical-align: top;
    border-bottom: none
}

.fs_style_51 th,
.fsAthleticsEvent.fsTable .fsElementTable th,
.fsAthleticsRoster .fsElementTable th {
    padding: 10px 20px;
    background: #002855;
    color: #fff;
    font-family: Barlow, sans-serif;
    font-size: 20px;
    font-weight: 800;
    line-height: 30px;
    text-align: left
}

.fs_style_51 td,
.fsAthleticsEvent.fsTable .fsElementTable td,
.fsAthleticsRoster .fsElementTable td {
    padding: 10px 20px;
    color: #313131;
    background: #fff
}

.fs_style_51 tr:nth-of-type(odd) td,
.fsAthleticsEvent.fsTable .fsElementTable tr:nth-of-type(odd) td,
.fsAthleticsRoster .fsElementTable tr:nth-of-type(odd) td {
    background-color: #f3f3f3
}

.fs_style_51 tr,
.fsAthleticsEvent.fsTable .fsElementTable tr,
.fsAthleticsRoster .fsElementTable tr {
    border-bottom: 1px solid #fff
}

.fs_style_51 tr.fsLoadMoreButtonRow,
.fsAthleticsEvent.fsTable .fsElementTable tr.fsLoadMoreButtonRow,
.fsAthleticsRoster .fsElementTable tr.fsLoadMoreButtonRow {
    border-bottom: none
}

.fs_style_51 tr.fsLoadMoreButtonRow>td,
.fsAthleticsEvent.fsTable .fsElementTable tr.fsLoadMoreButtonRow>td,
.fsAthleticsRoster .fsElementTable tr.fsLoadMoreButtonRow>td {
    background: none;
    padding: 20px 0
}

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

.table-overflow {
    overflow-x: auto;
    max-width: 100%;
    margin-bottom: 20px
}

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

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

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

.fs_style_52 {
    display: inline-block;
    border: 2px solid #f3f3f3;
    margin: 0 0 20px;
    padding: 11px 9px;
    background: #f3f3f3;
    color: #002855 !important;
    font-family: Barlow, sans-serif;
    font-size: 15px;
    font-weight: 600 !important;
    letter-spacing: 1px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0;
    transition: .3s
}

.fs_style_52.on,
.fs_style_52:focus,
.fs_style_52:hover,
.fsStateSelected .fs_style_52 {
    background: transparent;
    color: #002855 !important;
    transition: .3s
}

.fs_style_53 {
    display: inline-block;
    border: 2px solid #707170;
    margin: 0 0 20px;
    padding: 11px 9px;
    background: #707170;
    color: #fff !important;
    font-family: Barlow, sans-serif;
    font-size: 15px;
    font-weight: 600 !important;
    letter-spacing: 1px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0;
    transition: .3s
}

.fs_style_53.on,
.fs_style_53:focus,
.fs_style_53:hover,
.fsStateSelected .fs_style_53 {
    background: transparent;
    color: #707170 !important;
    transition: .3s
}

.fs_style_54 {
    display: inline-block;
    border: 2px solid #313131;
    margin: 0 0 20px;
    padding: 11px 9px;
    background: #313131;
    color: #fff !important;
    font-family: Barlow, sans-serif;
    font-size: 15px;
    font-weight: 600 !important;
    letter-spacing: 1px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0;
    transition: .3s
}

.fs_style_54.on,
.fs_style_54:focus,
.fs_style_54:hover,
.fsStateSelected .fs_style_54 {
    background: transparent;
    color: #313131 !important;
    transition: .3s
}

.fs_style_55 {
    display: inline-block;
    border: 2px solid #a83338;
    margin: 0 0 20px;
    padding: 11px 9px;
    background: #a83338;
    color: #fff !important;
    font-family: Barlow, sans-serif;
    font-size: 15px;
    font-weight: 600 !important;
    letter-spacing: 1px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0;
    transition: .3s
}

.fs_style_55.on,
.fs_style_55:focus,
.fs_style_55:hover,
.fsStateSelected .fs_style_55 {
    background: transparent;
    color: #a83338 !important;
    transition: .3s
}

.fs_style_56 {
    display: inline-block;
    border: 2px solid #79232e;
    margin: 0 0 20px;
    padding: 11px 9px;
    background: #79232e;
    color: #fff !important;
    font-family: Barlow, sans-serif;
    font-size: 15px;
    font-weight: 600 !important;
    letter-spacing: 1px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0;
    transition: .3s
}

.fs_style_56.on,
.fs_style_56:focus,
.fs_style_56:hover,
.fsStateSelected .fs_style_56 {
    background: transparent;
    color: #79232e !important;
    transition: .3s
}

.fs_style_57 {
    display: inline-block;
    border: 2px solid #002855;
    margin: 0 0 20px;
    padding: 11px 9px;
    background: #002855;
    color: #fff !important;
    font-family: Barlow, sans-serif;
    font-size: 15px;
    font-weight: 600 !important;
    letter-spacing: 1px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0;
    transition: .3s
}

.fs_style_57.on,
.fs_style_57:focus,
.fs_style_57:hover,
.fsStateSelected .fs_style_57 {
    background: transparent;
    color: #002855 !important;
    transition: .3s
}

.fs_style_75 {
    display: inline-block;
    border: 2px solid #39a9ae;
    margin: 0 0 20px;
    padding: 11px 9px;
    background: #39a9ae;
    color: #fff !important;
    font-family: Barlow, sans-serif;
    font-size: 15px;
    font-weight: 600 !important;
    letter-spacing: 1px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0;
    transition: .3s
}

.fs_style_75.on,
.fs_style_75:focus,
.fs_style_75:hover,
.fsStateSelected .fs_style_75 {
    background: transparent;
    color: #39a9ae !important;
    transition: .3s
}

.dark-background {
    padding: 100px;
    background: #002855
}

.fs_style_58 {
    display: inline-block;
    border: 2px solid #fff;
    margin: 0 0 20px;
    padding: 11px 9px;
    background: #fff;
    color: #002855 !important;
    font-family: Barlow, sans-serif;
    font-size: 15px;
    font-weight: 600 !important;
    letter-spacing: 1px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0;
    transition: .3s
}

.fs_style_58.on,
.fs_style_58:focus,
.fs_style_58:hover,
.fsStateSelected .fs_style_58 {
    background: transparent;
    color: #fff !important;
    transition: .3s
}

.fs_style_59 {
    display: inline-block;
    border: 2px solid #a83338;
    margin: 0 0 20px;
    padding: 11px 9px;
    background: #a83338;
    color: #fff !important;
    font-family: Barlow, sans-serif;
    font-size: 15px;
    font-weight: 600 !important;
    letter-spacing: 1px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0;
    transition: .3s
}

.fs_style_59.on,
.fs_style_59:focus,
.fs_style_59:hover,
.fsStateSelected .fs_style_59 {
    background: transparent;
    color: #fff !important;
    transition: .3s
}

.fs_style_60 {
    display: inline-block;
    border: 2px solid #79232e;
    margin: 0 0 20px;
    padding: 11px 9px;
    background: #79232e;
    color: #fff !important;
    font-family: Barlow, sans-serif;
    font-size: 15px;
    font-weight: 600 !important;
    letter-spacing: 1px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0;
    transition: .3s
}

.fs_style_60.on,
.fs_style_60:focus,
.fs_style_60:hover,
.fsStateSelected .fs_style_60 {
    background: transparent;
    color: #fff !important;
    transition: .3s
}

.fs_style_61 {
    display: inline-block;
    border: 2px solid #707170;
    margin: 0 0 20px;
    padding: 11px 9px;
    background: #707170;
    color: #fff !important;
    font-family: Barlow, sans-serif;
    font-size: 15px;
    font-weight: 600 !important;
    letter-spacing: 1px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0;
    transition: .3s
}

.fs_style_61.on,
.fs_style_61:focus,
.fs_style_61:hover,
.fsStateSelected .fs_style_61 {
    background: transparent;
    color: #fff !important;
    transition: .3s
}

.fs_style_76 {
    display: inline-block;
    border: 2px solid #39a9ae;
    margin: 0 0 20px;
    padding: 11px 9px;
    background: #39a9ae;
    color: #fff !important;
    font-family: Barlow, sans-serif;
    font-size: 15px;
    font-weight: 600 !important;
    letter-spacing: 1px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0;
    transition: .3s
}

.fs_style_76.on,
.fs_style_76:focus,
.fs_style_76:hover,
.fsStateSelected .fs_style_76 {
    background: transparent;
    color: #fff !important;
    transition: .3s
}

.fs_style_62,
.fs_style_63 {
    display: block;
    width: 100%;
    max-width: 300px;
    padding: 12px 24px;
    color: #002855 !important;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 16px;
    text-decoration: none;
    text-transform: uppercase;
    background: #f3f3f3;
    border: 0
}

.fs_style_62:before,
.fs_style_63:before {
    margin-right: 15px;
    font-size: 16px;
    line-height: 16px
}

.fs_style_62:focus,
.fs_style_62:hover,
.fs_style_63:focus,
.fs_style_63:hover {
    color: #fff !important;
    background: #002855
}

.fs_style_62:before {
    content: "\E920"
}

.fs_style_62:before,
.fs_style_63:before {
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

.fs_style_63:before {
    content: "\E91F"
}

.fsStyleDefaultButton {
    display: inline-block;
    border: 2px solid #f3f3f3;
    margin: 0 0 20px;
    padding: 11px 9px;
    background: #f3f3f3;
    color: #002855 !important;
    font-family: Barlow, sans-serif;
    font-size: 15px;
    font-weight: 600 !important;
    letter-spacing: 1px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0;
    transition: .3s
}

.fsStateSelected .fsStyleDefaultButton,
.fsStyleDefaultButton.on,
.fsStyleDefaultButton:focus,
.fsStyleDefaultButton:hover {
    background: transparent;
    color: #002855 !important;
    transition: .3s
}

.fsStyleDefaultButton.fsLoadMoreButton {
    margin-bottom: 0
}

.fsStyleDefaultButton.fsSelectAll {
    margin-bottom: 5px;
    padding: 7px 12px;
    font-size: .875em;
    line-height: 1.2
}

.fsStyleUpdateButton {
    display: inline-block;
    border: 2px solid #f3f3f3;
    margin: 0 0 20px;
    padding: 11px 9px;
    background: #f3f3f3;
    color: #002855 !important;
    font-family: Barlow, sans-serif;
    font-size: 15px;
    font-weight: 600 !important;
    letter-spacing: 1px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0;
    transition: .3s
}

.fsStateSelected .fsStyleUpdateButton,
.fsStyleUpdateButton.on,
.fsStyleUpdateButton:focus,
.fsStyleUpdateButton:hover {
    background: transparent;
    color: #002855 !important;
    transition: .3s
}

/*! _main.scss - src/sass/modules/common/ - main common import */

/*! elements - common v0.0.1 */
.fsElement {
    margin-bottom: 40px
}

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

.fsElementHeaderContent {
    margin-bottom: 20px
}

.fsElementFooterContent {
    margin-top: 20px
}

.fsPanel {
    margin-bottom: 0
}

.fsStyleDefaultField {
    border: 1px solid #cfcfcf
}

/*! elements - common - list subtype v0.0.1 */
.fsList article {
    margin-bottom: 20px
}

.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: #002855;
    background: transparent
}

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

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

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

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

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

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

/*! element - common - slideshow subtype v0.0.1 */
.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: #707170;
    font-size: 45px;
    transition: .3s;
    display: inline-block;
    line-height: 1;
    width: auto;
    height: auto;
    position: absolute
}

.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: hsla(120, 0%, 44%, .5);
    transition: .3s
}

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

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

.fsSlideshow .fsPager li button {
    width: 100%;
    height: 100%;
    padding: 0;
    color: #707170
}

.fsSlideshow .fsPager li button:before {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: hsla(120, 0%, 44%, .25);
    transition: .3s;
    opacity: 1
}

.fsSlideshow .fsPager li button:focus:before,
.fsSlideshow .fsPager li button:hover:before {
    background-color: #707170;
    transition: .3s
}

.fsSlideshow .fsPager li button:focus {
    outline: 1px dashed hsla(120, 0%, 44%, .25)
}

.fsSlideshow .fsPager li.slick-active button:before {
    opacity: 1;
    background-color: #707170
}

/*! elements - common - dialog box v0.0.1 */
.fsDialogCloseButton {
    opacity: 1
}

.fsDialogCloseButton:after,
.fsDialogCloseButton:before,
.fsDialogCloseButton:focus:after,
.fsDialogCloseButton:focus:before {
    background: #707170
}

.fsDialogCloseButton:hover:after,
.fsDialogCloseButton:hover:before {
    background: #000
}

.fsElementDialog {
    color: #707170
}

.fs_style_49,
.lead-in {
    font-size: 22px;
    line-height: 32px
}

.fs_style_49,
.lead-in,
blockquote {
    color: #313131;
    font-family: Barlow, sans-serif
}

blockquote {
    position: relative;
    margin: 64px 0 100px;
    padding-top: 24px;
    font-size: 20px;
    line-height: 30px;
    text-align: center
}

blockquote:before {
    z-index: 5;
    padding: 0 15px;
    content: "\201C";
    color: #002855;
    font-size: 50px;
    background: #fff
}

blockquote:after,
blockquote:before {
    position: absolute;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    top: 0
}

blockquote:after {
    height: 5px;
    width: 100%;
    content: "";
    background: #a83338
}

cite {
    display: block;
    margin: 30px 0 0;
    color: #002855;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    font-style: normal
}

cite:before {
    content: "- "
}

.callout,
.fs_style_50 {
    display: block;
    padding: 15px 0 15px 20px;
    color: #313131;
    font-size: 20px;
    line-height: 30px;
    border-left: 5px solid #a83338
}

.callout-box {
    color: #fff
}

.callout-box header {
    position: relative;
    height: 400px;
    width: 100%;
    overflow: hidden
}

.callout-box header .fsElementHeaderContent {
    margin: 0
}

.callout-box header img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    width: 100%
}

.callout-box header p {
    display: none
}

.callout-box .fsElementContent {
    padding: 38px 30px
}

.callout-box .fsElementContent strong {
    font-size: 35px;
    line-height: 45px
}

.callout-box .fsElementContent a:not([class]),
.callout-box .fsElementContent h2,
.callout-box .fsElementContent h3,
.callout-box .fsElementContent h4,
.callout-box .fsElementContent h5,
.callout-box .fsElementContent h6 {
    color: inherit
}

.callout-box .fsElementContent a:not([class]):focus,
.callout-box .fsElementContent a:not([class]):hover {
    text-decoration: none
}

.fsBanner .callout-box header,
.fsFourColumnLayout .callout-box header,
.fsThreeColumnLayout .callout-box header {
    height: auto
}

.fsBanner .callout-box header img,
.fsFourColumnLayout .callout-box header img,
.fsThreeColumnLayout .callout-box header img {
    display: block;
    position: static;
    transform: none
}

.fsBanner .callout-box header *,
.fsFourColumnLayout .callout-box header *,
.fsThreeColumnLayout .callout-box header * {
    display: flex;
    flex-direction: column
}

.fsBanner .callout-box header p,
.fsFourColumnLayout .callout-box header p,
.fsThreeColumnLayout .callout-box header p {
    display: none
}

.fsBanner .callout-box .fsElementContent strong,
.fsFourColumnLayout .callout-box .fsElementContent strong,
.fsThreeColumnLayout .callout-box .fsElementContent strong {
    font-size: 30px;
    line-height: 40px
}

@media (max-width:699px) {
    .callout-box header {
        height: auto
    }

    .callout-box header img {
        display: block;
        position: static;
        transform: none
    }

    .callout-box .fsElementContent strong {
        font-size: 30px;
        line-height: 40px
    }
}

.callout-box.equal-height {
    height: 100%
}

.callout-box.blue {
    background: #002855
}

.callout-box.light-red {
    background: #a83338
}

.callout-box.dark-red {
    background: #79232e
}

.callout-box.dark-grey {
    background: #707170
}

.callout-box.teal {
    background: #39a9ae
}

.callout-box.light-grey {
    color: #707170;
    background: #f3f3f3
}

.callout-box.light-grey .fsElementContent strong {
    color: #002855
}

.callout-box.light-grey .fsElementContent a:not([class]) {
    color: #a83338
}

.callout-box.light-grey .fsElementContent a:not([class]):focus,
.callout-box.light-grey .fsElementContent a:not([class]):hover {
    color: #002855
}

/*! _main.scss - src/sass/navigation/ - main import */
.fsNavigation ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.fsNavigation li.fsNavCurrentPage>a,
.fsNavigation li.fsNavCurrentPageAncestor>a {
    color: #002855;
    background: transparent
}

.fsNavigation a {
    display: block;
    padding: 10px 0;
    color: #a83338;
    background: transparent
}

.fsNavigation a:focus,
.fsNavigation a:hover {
    color: #002855;
    background: transparent
}

.fsNavigation .fsNavLevel2>li>a {
    padding-left: 10px
}

.fsNavigation .fsNavLevel3>li>a {
    padding-left: 20px
}

.fsNavigation .fsNavLevel4>li>a {
    padding-left: 30px
}

.fsNavigation .fsNavLevel5>li>a {
    padding-left: 40px
}

.fsBreadcrumb ul li {
    display: inline-block
}

.fsBreadcrumb ul li a {
    display: inline-block;
    padding: 0
}

.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 {
    display: none;
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    background-color: #f0f0f0;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1
}

@media (min-width:1150px) {
    .nav-tier {
        display: block
    }
}

.nav-tier.nav-sub-empty {
    display: none
}

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

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

.nav-tier ul li a {
    display: block;
    padding: 14px 10px 19px;
    color: #313131;
    font-weight: 700;
    text-decoration: none;
    background: transparent
}

.nav-tier ul li a:focus,
.nav-tier ul li a:hover {
    color: #fff;
    background: #a83338
}

.nav-tier ul li[class*=fsNavCurrentPage]>a {
    position: relative;
    color: #002855;
    background: transparent
}

.nav-tier ul li[class*=fsNavCurrentPage]>a:after {
    position: absolute;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    bottom: 11px;
    height: 2px;
    width: 100%;
    content: "";
    background: #002855
}

.nav-tier ul li[class*=fsNavCurrentPage]>a:focus,
.nav-tier ul li[class*=fsNavCurrentPage]>a:hover {
    color: #002855;
    background: transparent
}

.nav-sub {
    padding: 25px 30px;
    background-color: #f0f0f0;
    border: 1px solid #e1e1e1;
    display: none
}

@media screen and (max-width:599px) {
    .nav-sub>header {
        display: block;
        position: relative
    }

    .nav-sub>header .fsElementTitle {
        margin-top: 0;
        color: #002855;
        font-family: Barlow, sans-serif;
        font-weight: 600;
        font-weight: 400;
        font-size: 25px;
        line-height: 27px;
        margin-bottom: 16px;
        margin-bottom: 0;
        display: block;
        font-size: 17px;
        padding: 10px 20px;
        color: #e5e5e5;
        background-color: #002855;
        transition: .3s;
        cursor: pointer;
        position: relative;
        padding-right: 40px
    }

    .nav-sub>header .fsElementTitle:hover {
        background-color: #636363;
        color: #e5e5e5
    }
}

@media screen and (max-width:599px) and (min-width:600px) {
    .nav-sub>header .fsElementTitle {
        cursor: default
    }
}

@media screen and (max-width:599px) {
    .nav-sub>header .fsElementTitle:after {
        content: "+";
        line-height: 1;
        margin: 0;
        position: absolute;
        top: 50%;
        transform: translate3d(0, -50%, 0);
        right: 20px
    }

    .nav-sub>.fsElementContent {
        position: relative;
        display: block;
        background-color: #e5e5e5
    }

    .nav-sub>.fsElementContent ul li a {
        display: block;
        padding: 10px 20px;
        color: #a83338;
        background: transparent
    }

    .nav-sub>.fsElementContent ul li a:focus,
    .nav-sub>.fsElementContent ul li a:hover {
        color: #002855;
        background: #fff
    }

    .nav-sub>.fsElementContent ul li.fsNavCurrentPage>a {
        color: #002855;
        background: #cfcfcf
    }

    .nav-sub>.fsElementContent ul li.fsNavCurrentPage>a:focus,
    .nav-sub>.fsElementContent ul li.fsNavCurrentPage>a:hover {
        color: #002855;
        background: #b2b2b2
    }

    .nav-sub>.fsElementContent ul li.fsNavCurrentPageAncestor {
        background: #cfcfcf
    }

    .nav-sub>.fsElementContent ul li.fsNavCurrentPageAncestor>a {
        color: #a83338;
        background: transparent
    }

    .nav-sub>.fsElementContent ul li.fsNavCurrentPageAncestor>a:focus,
    .nav-sub>.fsElementContent ul li.fsNavCurrentPageAncestor>a:hover {
        color: #a83338;
        background: #cfcfcf
    }

    .nav-sub>.fsElementContent .fsNavLevel1>li>a {
        padding-left: 20px
    }

    .nav-sub>.fsElementContent .fsNavLevel2>li>a {
        padding-left: 30px
    }

    .nav-sub>.fsElementContent .fsNavLevel3>li>a {
        padding-left: 40px
    }

    .nav-sub>.fsElementContent .fsNavLevel4>li>a {
        padding-left: 50px
    }

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

    .nav-sub.active-nav>header .fsElementTitle {
        background-color: #002855;
        color: #e5e5e5
    }

    .nav-sub.active-nav>header .fsElementTitle:after {
        content: "-"
    }
}

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

.nav-sub>.fsElementContent {
    height: auto;
    max-height: 0;
    visibility: hidden;
    opacity: 0;
    transition: all .3s ease
}

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

.nav-sub.active-nav>.fsElementContent {
    max-height: 9999px;
    visibility: visible;
    opacity: 1
}

.fsHeader .nav-sub {
    display: block
}

@media (min-width:600px) {
    .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 a {
    display: block;
    padding: 10px 20px;
    color: #313131;
    font-size: 15px;
    font-weight: 700;
    line-height: 25px;
    text-decoration: none;
    background: transparent
}

.nav-sub ul li a:focus,
.nav-sub ul li a:hover {
    color: #fff;
    background: #a83338
}

.nav-sub ul li.fsNavCurrentPage>a {
    position: relative;
    color: #002855;
    background: transparent
}

.nav-sub ul li.fsNavCurrentPage>a:before {
    position: absolute;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    left: 10px;
    height: 18px;
    width: 3px;
    content: "";
    background: #002855
}

.nav-sub ul li.fsNavCurrentPage>a:focus,
.nav-sub ul li.fsNavCurrentPage>a:hover {
    color: #002855;
    background: transparent
}

.nav-sub ul li.fsNavCurrentPageAncestor {
    background: transparent
}

.nav-sub ul li.fsNavCurrentPageAncestor>a {
    color: #313131;
    background: transparent
}

.nav-sub ul li.fsNavCurrentPageAncestor>a:focus,
.nav-sub ul li.fsNavCurrentPageAncestor>a:hover {
    color: #fff;
    background: #a83338
}

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

@media screen and (max-width:599px) {
    .nav-sub .fsNavLevel1 {
        padding-top: 10px;
        padding-bottom: 10px
    }
}

.nav-sub .fsNavLevel1>li {
    border-bottom: 1px solid #e5e5e5
}

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

.nav-sub .fsNavLevel1>li.fsNavCurrentPage>a:before {
    left: -5px
}

.nav-sub .fsNavLevel2>li>a {
    padding-left: 40px
}

.nav-sub .fsNavLevel2>li.fsNavCurrentPage>a:before {
    left: 30px
}

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

.nav-sub .fsNavLevel3>li.fsNavCurrentPage>a:before {
    left: 50px
}

.nav-sub .fsNavLevel4>li>a {
    padding-left: 80px
}

.nav-sub .fsNavLevel4>li.fsNavCurrentPage>a:before {
    left: 70px
}

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

.nav-main {
    margin-bottom: 0;
    padding-right: 0;
    transition: padding-right .3s
}

.fsHeader .nav-main {
    display: none
}

@media (min-width:1150px) {
    .fsHeader .nav-main {
        display: block;
        margin-right: -12px
    }
}

@media (min-width:1150px) {
    .nav-main .fsNavLevel1 {
        position: relative;
        margin: 0 auto;
        max-width: 1180px;
        text-align: center;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap
    }

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

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

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

@media (min-width:1150px) {
    .nav-main .fsNavLevel1>li {
        flex: 1 auto
    }
}

.nav-main .fsNavLevel1>li:hover>a {
    color: #fff;
    background: #a83338
}

.animate .nav-main .fsNavLevel1>li:hover>a {
    color: #fff
}

.nav-main .fsNavLevel1>li[class*=fsNavCurrentPage]>a {
    position: relative;
    color: #002855;
    background: transparent
}

.nav-main .fsNavLevel1>li[class*=fsNavCurrentPage]>a:after {
    position: absolute;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    bottom: 0;
    height: 2px;
    width: 100%;
    content: "";
    background: #002855
}

.nav-main .fsNavLevel1>li>a {
    display: block;
    padding: 10.5px 12px;
    color: #313131;
    font-family: Barlow, sans-serif;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 22px;
    text-decoration: none;
    text-transform: uppercase;
    background: transparent
}

.has-masthead .nav-main .fsNavLevel1>li>a {
    color: #fff;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .5)
}

.animate .nav-main .fsNavLevel1>li>a {
    color: #313131
}

.animate .nav-main .fsNavLevel1>li>a:focus,
.nav-main .fsNavLevel1>li>a:focus {
    color: #fff;
    background: #a83338
}

html.js .nav-main .fsNavLevel1>li,
html:not(.js) .nav-main .fsNavLevel1>li.menu-item-open {
    position: relative
}

html.js .nav-main .fsNavLevel1>li>.fsNavPageInfo,
html:not(.js) .nav-main .fsNavLevel1>li.menu-item-open>.fsNavPageInfo {
    position: absolute;
    top: 100%;
    max-height: 0;
    overflow: hidden
}

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

html:not(.js) .nav-main .fsNavLevel1>li {
    position: relative
}

html:not(.js) .nav-main .fsNavLevel1>li>.fsNavPageInfo {
    position: absolute;
    top: 100%;
    max-height: 0;
    overflow: hidden
}

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

@media (max-width:599px) {
    html:not(.js) .nav-main .fsNavLevel1>li:focus>.fsNavPageInfo {
        max-height: 9999px
    }
}

.animate .nav-main {
    padding-right: 60px
}

.expand-search .nav-main {
    opacity: 0;
    visibility: hidden
}

.nav-main .fsNavPageInfo {
    background: #a83338;
    text-align: left;
    z-index: 300;
    width: 225px
}

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

.nav-main .fsNavLevel1>li:nth-last-of-type(-n+2) .fsNavPageInfo {
    right: 0;
    left: auto;
    transform: none
}

.nav-main .fsNavLevel2 {
    padding: 15px 0
}

.nav-main .fsNavLevel2 li a {
    display: block;
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    background: transparent;
    padding: 7px 19px
}

.nav-main .fsNavLevel2 li a:focus,
.nav-main .fsNavLevel2 li a:hover {
    color: #fff;
    text-decoration: underline;
    background: #79232e
}

.nav-main .fsNavLevel2 li[class*=fsNavCurrentPage]>a {
    color: #fff;
    background: #79232e
}

.drawer-ribbon {
    position: relative;
    height: 35px;
    width: 35px;
    margin-left: 7px
}

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

.mobile-toggle {
    border: 0;
    background: none;
    margin: 0;
    padding: 0;
    height: 35px;
    width: 35px;
    color: transparent;
    background-color: #f0f0f0
}

.mobile-toggle:before {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    content: "\E911";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    color: #002855;
    font-size: 20px;
    line-height: 17px
}

.has-masthead .mobile-toggle {
    background-color: rgba(0, 0, 0, .5)
}

.has-masthead .mobile-toggle:before {
    color: #fff
}

.has-masthead .mobile-toggle:focus,
.has-masthead .mobile-toggle:hover {
    background-color: #fff
}

.has-masthead .mobile-toggle:focus:before,
.has-masthead .mobile-toggle:hover:before {
    color: #002855
}

.mobile-header .mobile-toggle {
    background-color: transparent
}

.mobile-header .mobile-toggle:before {
    content: "\E905";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    color: #002855
}

.fsMenu {
    position: absolute;
    z-index: 1001;
    width: 100%;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s, visibility .3s, transform .3s;
    right: 0;
    transform: translate3d(20%, 0, 0);
    transform: translate(20%);
    top: 0;
    min-height: 100%;
    max-width: 35.29412em;
    background: #fff;
    overflow-y: auto
}

@media (max-width:599px) {
    .fsMenu {
        height: 100vh
    }
}

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

.fsMenu .mobile-header {
    height: 76px;
    margin: 0 0 50px
}

.fsMenu .mobile-header>.fsElementContent {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    padding: 5px 15px
}

.fsMenu .nav-mobile li a {
    color: #313131;
    text-decoration: none
}

.fsMenu .nav-mobile li>.fsNavPageInfo {
    max-height: 0;
    overflow: hidden;
    transition: max-height .5s
}

.fsMenu .nav-mobile li.fsNavParentPage {
    position: relative
}

.fsMenu .nav-mobile li.fsNavParentPage .mobile-drop {
    position: absolute;
    top: 23px;
    right: 20px;
    z-index: 1;
    height: 22px;
    width: 22px
}

.fsMenu .nav-mobile li.fsNavParentPage .mobile-drop:before {
    content: "\E903";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    color: #707170;
    font-size: 18px;
    line-height: 16px
}

.fsMenu .nav-mobile li[class*=fsNavCurrentPage]>a {
    position: relative;
    color: #a83338
}

.fsMenu .nav-mobile li[class*=fsNavCurrentPage]>a:before {
    position: absolute;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    left: -10px;
    height: 100%;
    width: 3px;
    content: "";
    background: #002855
}

.fsMenu .nav-mobile li.mobile-drop-open {
    background-color: #f0f0f0
}

.fsMenu .nav-mobile li.mobile-drop-open>a {
    color: #a83338
}

.fsMenu .nav-mobile li.mobile-drop-open>.mobile-drop:before {
    color: #a83338;
    transform: translate3d(-50%, -50%, 0) rotate(90deg)
}

.fsMenu .nav-mobile li.mobile-drop-open>.fsNavPageInfo {
    max-height: 999px
}

.fsMenu .nav-mobile .fsNavLevel1>li {
    padding: 20px 25px;
    border-bottom: 2px solid #e1e1e1
}

.fsMenu .nav-mobile .fsNavLevel1>li>a {
    padding: 0;
    font-family: Barlow, sans-serif;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 28px;
    text-transform: uppercase
}

.fsMenu .nav-mobile .fsNavLevel2 {
    padding-top: 10px
}

.fsMenu .nav-mobile .fsNavLevel2>li {
    padding: 15px 0 15px 20px
}

.fsMenu .nav-mobile .fsNavLevel2>li>a {
    padding: 0;
    font-weight: 700
}

.fsMenu .nav-mobile .fsNavLevel2>li .mobile-drop {
    top: 18px;
    right: -4px
}

.fsMenu .nav-mobile .fsNavLevel3 {
    padding-top: 10px
}

.fsMenu .nav-mobile .fsNavLevel3 li {
    padding: 10px 0 10px 25px
}

.fsMenu .nav-mobile .fsNavLevel3 li a {
    padding: 0;
    font-size: 15px;
    font-weight: 700;
    line-height: 25px
}

.fsMenu .nav-mobile .fsNavLevel3 li .mobile-drop {
    top: 11px
}

.nav-social .fsNavLevel1 {
    font-size: 0;
    text-align: center
}

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

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

@media (min-width:700px) {
    .nav-social .fsNavLevel1 {
        text-align: left
    }
}

.nav-social .fsNavLevel1 li {
    display: inline-block
}

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

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

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

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

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

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

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

.nav-social .fsNavLevel1 [href*=youtube]:before {
    content: "";
    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 [href*=facebook]:focus,
.nav-social .fsNavLevel1 [href*=facebook]:hover {
    background: #fff
}

.nav-social .fsNavLevel1 [href*=facebook]:focus:before,
.nav-social .fsNavLevel1 [href*=facebook]:hover:before {
    color: #002855
}

.nav-social .fsNavLevel1 [href*=instagram]:focus,
.nav-social .fsNavLevel1 [href*=instagram]:hover {
    background: #fff
}

.nav-social .fsNavLevel1 [href*=instagram]:focus:before,
.nav-social .fsNavLevel1 [href*=instagram]:hover:before {
    color: #002855
}

.nav-social .fsNavLevel1 [href*=linkedin]:focus,
.nav-social .fsNavLevel1 [href*=linkedin]:hover {
    background: #fff
}

.nav-social .fsNavLevel1 [href*=linkedin]:focus:before,
.nav-social .fsNavLevel1 [href*=linkedin]:hover:before {
    color: #002855
}

.nav-social .fsNavLevel1 [href*=pinterest]:focus,
.nav-social .fsNavLevel1 [href*=pinterest]:hover {
    background: #fff
}

.nav-social .fsNavLevel1 [href*=pinterest]:focus:before,
.nav-social .fsNavLevel1 [href*=pinterest]:hover:before {
    color: #002855
}

.nav-social .fsNavLevel1 [href*=tumblr]:focus,
.nav-social .fsNavLevel1 [href*=tumblr]:hover {
    background: #fff
}

.nav-social .fsNavLevel1 [href*=tumblr]:focus:before,
.nav-social .fsNavLevel1 [href*=tumblr]:hover:before {
    color: #002855
}

.nav-social .fsNavLevel1 [href*=twitter]:focus,
.nav-social .fsNavLevel1 [href*=twitter]:hover {
    background: #fff
}

.nav-social .fsNavLevel1 [href*=twitter]:focus:before,
.nav-social .fsNavLevel1 [href*=twitter]:hover:before {
    color: #002855
}

.nav-social .fsNavLevel1 [href*=vimeo]:focus,
.nav-social .fsNavLevel1 [href*=vimeo]:hover {
    background: #fff
}

.nav-social .fsNavLevel1 [href*=vimeo]:focus:before,
.nav-social .fsNavLevel1 [href*=vimeo]:hover:before {
    color: #002855
}

.nav-social .fsNavLevel1 [href*=vine]:focus,
.nav-social .fsNavLevel1 [href*=vine]:hover {
    background: #fff
}

.nav-social .fsNavLevel1 [href*=vine]:focus:before,
.nav-social .fsNavLevel1 [href*=vine]:hover:before {
    color: #002855
}

.nav-social .fsNavLevel1 [href*=youtube]:focus,
.nav-social .fsNavLevel1 [href*=youtube]:hover {
    background: #fff
}

.nav-social .fsNavLevel1 [href*=youtube]:focus:before,
.nav-social .fsNavLevel1 [href*=youtube]:hover:before {
    color: #002855
}

.nav-social .fsNavLevel1 [href*=googleplus]:focus,
.nav-social .fsNavLevel1 [href*=googleplus]:hover {
    background: #fff
}

.nav-social .fsNavLevel1 [href*=googleplus]:focus:before,
.nav-social .fsNavLevel1 [href*=googleplus]:hover:before {
    color: #002855
}

.nav-social .fsNavLevel1 [href*=wechat]:focus,
.nav-social .fsNavLevel1 [href*=wechat]:hover {
    background: #fff
}

.nav-social .fsNavLevel1 [href*=wechat]:focus:before,
.nav-social .fsNavLevel1 [href*=wechat]:hover:before {
    color: #002855
}

.nav-social .fsNavLevel1 [href*=flickr]:focus,
.nav-social .fsNavLevel1 [href*=flickr]:hover {
    background: #fff
}

.nav-social .fsNavLevel1 [href*=flickr]:focus:before,
.nav-social .fsNavLevel1 [href*=flickr]:hover:before {
    color: #002855
}

.nav-social .fsNavLevel1 [href*=wordpress]:focus,
.nav-social .fsNavLevel1 [href*=wordpress]:hover {
    background: #fff
}

.nav-social .fsNavLevel1 [href*=wordpress]:focus:before,
.nav-social .fsNavLevel1 [href*=wordpress]:hover:before {
    color: #002855
}

.nav-social .fsNavLevel1 [href*=rss]:focus,
.nav-social .fsNavLevel1 [href*=rss]:hover {
    background: #fff
}

.nav-social .fsNavLevel1 [href*=rss]:focus:before,
.nav-social .fsNavLevel1 [href*=rss]:hover:before {
    color: #002855
}

.nav-social .fsNavLevel1 a {
    position: relative;
    display: block;
    height: 30px;
    width: 30px;
    text-decoration: none
}

.nav-social .fsNavLevel1 a:before {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    color: #fff;
    font-size: 20px;
    line-height: 20px;
    transition: all .3s;
    display: block
}

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

.nav-social .fsNavLevel1 [href*="plus.google.com"]:focus:before,
.nav-social .fsNavLevel1 [href*="plus.google.com"]:hover:before {
    color: #db4f46
}

.nav-utility-header {
    margin: 0
}

.nav-utility-header>.fsElementContent {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.nav-utility-header>.fsElementContent p {
    margin: 0 7px 0 0
}

@media (min-width:1000px) {
    .nav-utility-header>.fsElementContent p {
        margin: 0 20px 0 0
    }
}

.nav-utility-header>.fsElementContent p a {
    display: block;
    padding: 9px 15px;
    color: #002855;
    font-family: Barlow, sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 17px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    background-color: #f0f0f0;
    transition: background-color .3s
}

.nav-utility-header>.fsElementContent p a:before {
    margin-right: 9px;
    content: "";
    color: initial;
    font-size: 16px;
    line-height: 16px;
    vertical-align: text-bottom
}

.nav-utility-header>.fsElementContent p a.summer:before {
    content: "\E91A";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    color: #a83338
}

.nav-utility-header>.fsElementContent p a.commons:before {
    display: inline-block;
    height: 18.5px;
    width: 20px;
    background: url(../images/logo-pds.svg);
    background-position: 50%;
    background-size: cover
}

.nav-utility-header>.fsElementContent p a:focus,
.nav-utility-header>.fsElementContent p a:hover {
    background-color: transparent
}

.top-mobile .nav-utility-header>.fsElementContent p a {
    position: relative;
    height: 35px;
    width: 35px;
    font-size: 0
}

.top-mobile .nav-utility-header>.fsElementContent p a:before {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    margin: 0
}

.has-masthead .top-mobile .nav-utility-header>.fsElementContent p a {
    background-color: rgba(0, 0, 0, .5)
}

.has-masthead .top-mobile .nav-utility-header>.fsElementContent p a.summer:before {
    color: #fff
}

.mobile-header .nav-utility-header>.fsElementContent p a {
    position: relative;
    height: 20px;
    width: 20px;
    margin-right: 20px;
    padding: 0;
    font-size: 0;
    background: transparent !important
}

.mobile-header .nav-utility-header>.fsElementContent p a:before {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    margin: 0;
    font-size: 20px;
    line-height: 20px
}

.mobile-header .nav-utility-header>.fsElementContent p a.summer:before {
    color: #002855
}

.has-masthead .nav-utility-header>.fsElementContent p a {
    color: #fff;
    background-color: rgba(0, 0, 0, .5)
}

.has-masthead .nav-utility-header>.fsElementContent p a:focus,
.has-masthead .nav-utility-header>.fsElementContent p a:hover {
    color: #002855;
    background: #fff
}

.nav-utility-header nav {
    width: 100%
}

.nav-utility-header .fsNavLevel1 {
    display: flex;
    align-items: center;
    justify-content: center
}

.fsMenu .nav-utility-header .fsNavLevel1 {
    flex-wrap: wrap
}

.fsMenu .nav-utility-header .fsNavLevel1 li {
    margin-bottom: 7px
}

.nav-utility-header .fsNavLevel1 li {
    margin: 0 7px 0 0
}

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

.nav-utility-header .fsNavLevel1 li.commons a:before {
    display: inline-block;
    height: 18.5px;
    width: 20px;
    background: url(../images/logo-pds.svg);
    background-position: 50%;
    background-size: cover
}

.nav-utility-header .fsNavLevel1 li.clocktower a:before {
    display: inline-block;
    height: 16px;
    width: 20px;
    background: url(../images/clocktower.svg);
    background-position: 50%;
    background-size: cover
}

@media (min-width:1000px) {
    .nav-utility-header .fsNavLevel1 li {
        margin: 0 20px 0 0
    }
}

.nav-utility-header .fsNavLevel1 li a {
    display: block;
    padding: 9px 15px;
    color: #002855;
    font-family: Barlow, sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 17px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    background-color: #f0f0f0;
    transition: background-color .3s
}

.nav-utility-header .fsNavLevel1 li a:before {
    margin-right: 9px;
    content: "";
    color: initial;
    font-size: 16px;
    line-height: 16px;
    vertical-align: text-bottom
}

.nav-utility-header .fsNavLevel1 li a:focus,
.nav-utility-header .fsNavLevel1 li a:hover {
    background-color: transparent
}

.has-masthead .nav-utility-header .fsNavLevel1 li a {
    color: #fff;
    background-color: rgba(0, 0, 0, .5)
}

.has-masthead .nav-utility-header .fsNavLevel1 li a:focus,
.has-masthead .nav-utility-header .fsNavLevel1 li a:hover {
    color: #002855;
    background: #fff
}

.nav-utility-footer {
    width: 100%
}

@media (min-width:700px) {
    .nav-utility-footer {
        width: 50%
    }
}

.nav-utility-footer .fsNavLevel1 {
    column-count: 2
}

.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;
    display: inline-block;
    width: 100%
}

.nav-utility-footer .fsNavLevel1 li a {
    padding: 4px 0;
    color: #fff;
    font-weight: 700;
    text-decoration: none
}

.nav-utility-footer .fsNavLevel1 li a:focus,
.nav-utility-footer .fsNavLevel1 li a:hover {
    text-decoration: underline
}

/*! structure - header v0.0.1 */
#fsHeader {
    padding: 0 20px;
    background: #fff
}

#fsHeader .fsBanner {
    position: relative;
    margin: 0 auto;
    max-width: 1180px
}

#fsHeader .nav-utility-header {
    display: none
}

@media (min-width:1100px) {
    #fsHeader .nav-utility-header {
        display: block
    }
}

.skip-link {
    margin: 0
}

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

.skip-link a:focus {
    transform: translateY(0);
    color: #fff
}

body:not(.fsComposeMode) .masthead {
    position: relative;
    width: 100vw;
    margin: -135px 0 0 calc(-50vw + 50%)
}

body:not(.fsComposeMode) .masthead:before {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    content: "";
    background: linear-gradient(0deg, transparent 60%, rgba(0, 0, 0, .6))
}

body:not(.fsComposeMode) .masthead article {
    position: relative;
    min-height: 200px
}

@media (min-width:700px) {
    body:not(.fsComposeMode) .masthead article {
        min-height: 500px
    }
}

body:not(.fsComposeMode) .masthead article picture {
    height: 0;
    padding-bottom: 62.5%;
    background-position: 50%;
    background-size: cover;
    display: block
}

@media (min-width:700px) {
    body:not(.fsComposeMode) .masthead article picture {
        position: absolute;
        width: 100vw;
        background-size: cover
    }
}

@media (min-width:1200px) {
    body:not(.fsComposeMode) .masthead article picture {
        height: 100%;
        padding-bottom: 0
    }
}

body:not(.fsComposeMode) .masthead img {
    width: auto;
    min-height: 200px;
    max-width: none;
    display: none
}

@media (min-width:700px) {
    body:not(.fsComposeMode) .masthead img {
        opacity: 0
    }
}

body:not(.fsComposeMode) .masthead figcaption {
    width: 100%;
    padding: 20px 15px;
    color: #002855;
    font-family: Barlow, sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 34px;
    position: relative
}

@media (min-width:700px) {
    body:not(.fsComposeMode) .masthead figcaption {
        position: absolute;
        left: 50%;
        transform: translate3d(-50%, 0, 0);
        bottom: 50px;
        padding: 0 20px;
        color: #fff;
        font-size: 40px;
        line-height: 50px;
        text-align: center;
        text-shadow: 0 2px 4px rgba(0, 0, 0, .95)
    }
}

.site-info-container {
    margin: 0;
    padding: 9px 0 12px;
    overflow: hidden;
    white-space: nowrap
}

.site-info-container a {
    display: block;
    height: 114px;
    width: 180px;
    padding: 20px 0;
    color: transparent;
    font-size: 0;
    transition: .3s;
    background: url(../images/logo-color.svg);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat
}

.site-info-container a:focus,
.site-info-container a:hover {
    color: transparent !important
}

.animate .site-info-container a {
    height: 66px;
    width: 105px
}

.has-masthead .animate .site-info-container a {
    background-image: url(../images/logo-color.svg);
    background-position: 50%;
    background-size: contain
}

.top-mobile .site-info-container a {
    position: absolute;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    top: 20px;
    height: 100px;
    width: 157px;
    transition: .3s
}

.top-mobile.animate .site-info-container a {
    top: 5px;
    height: 66px;
    width: 105px
}

.has-masthead .site-info-container a {
    background: url(../images/logo-white.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.mobile-header .site-info-container a {
    position: absolute;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    top: 5px;
    height: 66px;
    width: 105px;
    background-image: url(../images/logo-color.svg);
    background-position: 50%;
    background-size: contain
}

.site-info-container.anniversary a {
    height: 114px;
    width: 114px;
    background: url(../images/logo-color-50th.svg)
}

.animate .site-info-container.anniversary a {
    height: 66px;
    width: 66px
}

.has-masthead .animate .site-info-container.anniversary a {
    background-image: url(../images/logo-color-50th.svg)
}

.has-masthead .site-info-container.anniversary a {
    background: url(../images/logo-white-50th.svg)
}

.mobile-header .site-info-container.anniversary a {
    height: 66px;
    width: 66px;
    background-image: url(../images/logo-color-50th.svg)
}

.header-main-container {
    display: none;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    margin: 0;
    background: #fff;
    border-bottom: 1px solid hsla(120, 0%, 44%, .33)
}

.fsAccountBarVisible .header-main-container {
    top: 45px
}

.has-masthead .header-main-container {
    background: transparent;
    border-bottom: 0
}

@media (min-width:700px) {
    .header-main-container {
        display: block
    }
}

body:not(.fsComposeMode) .header-main-container {
    position: fixed
}

.header-main-container>.fsElementContent {
    position: relative;
    max-width: 1180px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: calc(100% - 40px);
    margin: 0 auto
}

.header-main-container .header-top {
    margin-bottom: 6.5px;
    max-height: 100px;
    overflow: hidden;
    transition: max-height .3s
}

.header-main-container .header-top>.fsElementContent {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.header-main-container.animate {
    background: #fff;
    border-bottom: 1px solid hsla(120, 0%, 44%, .33)
}

@media (min-width:1150px) {
    .header-main-container.animate .header-top {
        max-height: 0
    }
}

.top-mobile {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    height: 135px;
    width: 100vw;
    margin: 0;
    padding: 20px 15px;
    background: #fff;
    border-bottom: 1px solid hsla(120, 0%, 44%, .33);
    transition: .3s
}

.fsAccountBarVisible .top-mobile {
    top: 45px
}

.has-masthead .top-mobile {
    background: transparent;
    border-bottom: 0
}

@media (min-width:700px) {
    .top-mobile {
        display: none
    }
}

.top-mobile>header {
    display: none
}

.top-mobile>.fsElementContent {
    display: flex;
    justify-content: space-between
}

.top-mobile>.fsElementContent .fsElement {
    margin-bottom: 0
}

.top-mobile>.fsElementContent .mobile-search-drawer {
    margin-left: auto
}

.top-mobile>.fsElementContent .mobile-search-drawer div {
    line-height: 16px
}

.top-mobile>.fsElementContent .mobile-search-drawer .mobile-search-toggle {
    position: relative;
    height: 35px;
    width: 35px;
    margin-left: auto;
    font-size: 0;
    background-color: #f0f0f0;
    border: 0
}

.top-mobile>.fsElementContent .mobile-search-drawer .mobile-search-toggle:before {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    content: "\E919";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    font-size: 16px;
    line-height: 16px
}

.has-masthead .top-mobile>.fsElementContent .mobile-search-drawer .mobile-search-toggle {
    background-color: rgba(0, 0, 0, .5)
}

.has-masthead .top-mobile>.fsElementContent .mobile-search-drawer .mobile-search-toggle:before {
    color: #fff
}

.has-masthead .top-mobile>.fsElementContent .mobile-search-drawer .mobile-search-toggle:focus,
.has-masthead .top-mobile>.fsElementContent .mobile-search-drawer .mobile-search-toggle:hover {
    background-color: #fff
}

.has-masthead .top-mobile>.fsElementContent .mobile-search-drawer .mobile-search-toggle:focus:before,
.has-masthead .top-mobile>.fsElementContent .mobile-search-drawer .mobile-search-toggle:hover:before {
    color: #002855
}

.top-mobile.animate {
    height: 75px;
    background-color: #fff;
    border-bottom: 1px solid hsla(120, 0%, 44%, .33)
}

#fsFooter {
    position: relative;
    color: #fff;
    padding: 10px 20px 104px;
    background-size: cover;
    background-position: 50%
}

@media (min-width:700px) {
    #fsFooter {
        padding-bottom: 40px
    }
}

#fsFooter:before {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    content: "";
    background-color: rgba(0, 40, 85, .9)
}

#fsFooter .fsBanner {
    position: relative;
    margin: 0 auto;
    max-width: 1180px
}

#fsFooter .fsBanner:after {
    content: normal
}

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

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

#fsFooter .footer-bottom {
    margin: 0
}

#fsFooter .footer-bottom>.fsElementContent {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-between
}

@media (min-width:700px) {
    #fsFooter .footer-bottom>.fsElementContent {
        align-items: initial;
        flex-direction: row
    }
}

#fsFooter .footer-tagline {
    width: 100vw;
    margin-bottom: 35px;
    margin-left: calc(-50vw + 50%);
    padding: 0 20px 13px;
    text-align: center;
    border-bottom: 1px solid hsla(0, 0%, 100%, .25)
}

#fsFooter .footer-logo {
    height: 130px;
    width: 210px;
    margin-bottom: 33px;
    margin-right: 20px;
    font-size: 0;
    background: url(../images/logo-white.svg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain
}

@media (min-width:700px) {
    #fsFooter .footer-logo {
        margin-bottom: 0
    }
}

#fsFooter .address-container {
    margin-bottom: 27px
}

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

#fsFooter .footer-background {
    display: none
}

.school-details {
    margin-bottom: 20px;
    line-height: 30px;
    text-align: center
}

@media (min-width:700px) {
    .school-details {
        text-align: left
    }
}

.school-details [itemprop=name] {
    margin-bottom: 15px;
    font-family: Barlow, sans-serif;
    font-size: 20px;
    font-weight: 600
}

.school-details [itemprop=streetAddress] {
    display: block
}

.school-details a {
    color: inherit
}

/*! structure - layouts v0.0.1 */
*,
:after,
:before {
    box-sizing: border-box
}

:after,
:before {
    pointer-events: none
}

html {
    font-family: Lato, sans-serif;
    background: #a83338;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

body {
    font-size: 17px;
    line-height: 27px;
    color: #707170
}

#fsPageWrapper {
    overflow-x: hidden;
    position: relative;
    padding-top: 135px
}

body.fsComposeMode #fsPageWrapper {
    overflow: visible
}

.drawer-is-active #fsPageWrapper {
    max-height: 100vh;
    overflow: hidden
}

.drawer-is-active #fsPageWrapper:before {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 101;
    content: "";
    background-color: rgba(0, 0, 0, .7)
}

#fsPageBodyWrapper {
    padding: 40px 1.17647em;
    background: #fff
}

#fsPageBody {
    position: relative;
    margin: 0 auto;
    max-width: 1180px;
    display: flex;
    flex-wrap: wrap
}

@media (min-width:600px) {
    #fsPageBody {
        display: block
    }
}

@media (min-width:800px) {
    #fsPageBody {
        display: flex
    }
}

#fsBannerLeft {
    order: 1;
    width: 100%;
    margin-bottom: 20px
}

@media (min-width:600px) {
    #fsBannerLeft {
        padding-right: 20px;
        width: 200px;
        order: 1;
        margin-bottom: 0
    }
}

@media (min-width:700px) {
    #fsBannerLeft {
        padding-right: 40px;
        width: 280px;
        order: 1
    }
}

@media (min-width:600px) {
    .fsHasLeftBanner.fsHasRightBanner #fsBannerLeft {
        order: 1;
        padding-right: 20px;
        width: 200px
    }
}

@media (min-width:700px) {
    .fsHasLeftBanner.fsHasRightBanner #fsBannerLeft {
        padding-right: 40px;
        width: 280px
    }
}

@media (min-width:800px) {
    .fsHasLeftBanner.fsHasRightBanner #fsBannerLeft {
        order: 1;
        padding-right: 20px;
        width: 200px
    }
}

@media (min-width:1000px) {
    .fsHasLeftBanner.fsHasRightBanner #fsBannerLeft {
        padding-right: 40px;
        width: 280px
    }
}

#fsPageContent {
    width: 100%
}

.fsHasRightBanner #fsPageContent {
    order: 1;
    width: 100%
}

@media (min-width:600px) {
    .fsHasRightBanner #fsPageContent {
        order: 1;
        width: calc(100% - 240px)
    }
}

@media (min-width:700px) {
    .fsHasRightBanner #fsPageContent {
        order: 1;
        width: calc(100% - 400px)
    }
}

.fsHasLeftBanner #fsPageContent {
    order: 1;
    width: 100%
}

@media (min-width:600px) {
    .fsHasLeftBanner #fsPageContent {
        order: 1;
        width: calc(100% - 200px)
    }
}

@media (min-width:700px) {
    .fsHasLeftBanner #fsPageContent {
        order: 1;
        width: calc(100% - 280px)
    }
}

.fsHasLeftBanner.fsHasRightBanner #fsPageContent {
    order: 1;
    margin-bottom: 20px;
    width: 100%
}

@media (min-width:600px) {
    .fsHasLeftBanner.fsHasRightBanner #fsPageContent {
        order: 1;
        width: calc(100% - 200px)
    }
}

@media (min-width:700px) {
    .fsHasLeftBanner.fsHasRightBanner #fsPageContent {
        width: calc(100% - 280px)
    }
}

@media (min-width:800px) {
    .fsHasLeftBanner.fsHasRightBanner #fsPageContent {
        order: 1;
        width: calc(100% - 440px);
        margin-bottom: 0
    }
}

@media (min-width:1000px) {
    .fsHasLeftBanner.fsHasRightBanner #fsPageContent {
        width: calc(100% - 680px)
    }
}

#fsBannerRight {
    order: 1;
    width: 100%;
    margin-bottom: 20px
}

@media (min-width:600px) {
    #fsBannerRight {
        padding-left: 20px;
        width: 240px;
        order: 1;
        margin-bottom: 0
    }
}

@media (min-width:700px) {
    #fsBannerRight {
        padding-left: 100px;
        width: 400px;
        order: 1
    }
}

.fsHasLeftBanner.fsHasRightBanner #fsBannerRight {
    width: 100%;
    padding: 0
}

@media (min-width:600px) {
    .fsHasLeftBanner.fsHasRightBanner #fsBannerRight {
        width: calc(100% - 200px)
    }
}

@media (min-width:700px) {
    .fsHasLeftBanner.fsHasRightBanner #fsBannerRight {
        width: calc(100% - 280px)
    }
}

@media (min-width:800px) {
    .fsHasLeftBanner.fsHasRightBanner #fsBannerRight {
        order: 1;
        padding-left: 20px;
        width: 240px
    }
}

@media (min-width:1000px) {
    .fsHasLeftBanner.fsHasRightBanner #fsBannerRight {
        padding-left: 100px;
        width: 400px
    }
}

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

@media (min-width:600px) {
    .fsLayout {
        margin-right: -20px;
        margin-left: -20px
    }
}

.fsLayout .fsDiv {
    margin-bottom: 20px;
    width: 100%;
    float: none
}

@media (min-width:600px) {
    .fsLayout .fsDiv {
        float: left;
        padding-right: 1.17647em;
        padding-left: 1.17647em
    }
}

.fsLayout>footer,
.fsLayout>header {
    width: 100%
}

@media (min-width:600px) {

    .fsLayout>footer,
    .fsLayout>header {
        padding-right: 1.17647em;
        padding-left: 1.17647em
    }
}

@media (min-width:800px) {
    .fsTwoColumnLayout .fsDiv {
        width: 50%
    }
}

@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:600px) {
    .fsLayout .fsStyleTwoThirds>.fsTwoColumnLayout {
        margin-right: -20px;
        margin-left: -20px
    }
}

.fsElephantLeftLayout,
.fsTwoColumnWideRightLayout {
    margin-left: 0;
    margin-right: 0
}

@media (min-width:600px) {

    .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: 20px
}

@media (min-width:600px) {

    .fsElephantLeftLayout .fsStyleOneThird,
    .fsTwoColumnWideRightLayout .fsStyleOneThird {
        padding-left: 0;
        padding-right: 20px;
        width: 200px;
        margin-bottom: 0
    }
}

@media (min-width:700px) {

    .fsElephantLeftLayout .fsStyleOneThird,
    .fsTwoColumnWideRightLayout .fsStyleOneThird {
        padding-right: 40px;
        width: 280px
    }
}

.fsElephantLeftLayout .fsStyleTwoThirds,
.fsTwoColumnWideRightLayout .fsStyleTwoThirds {
    width: 100%
}

@media (min-width:600px) {

    .fsElephantLeftLayout .fsStyleTwoThirds,
    .fsTwoColumnWideRightLayout .fsStyleTwoThirds {
        padding-left: 0;
        padding-right: 0;
        width: calc(100% - 200px)
    }
}

@media (min-width:700px) {

    .fsElephantLeftLayout .fsStyleTwoThirds,
    .fsTwoColumnWideRightLayout .fsStyleTwoThirds {
        width: calc(100% - 280px)
    }
}

.fsHasElephantLeftLayout.fsHasRightBanner #fsPageContent,
.fsHasTwoColumnWideRightLayout.fsHasRightBanner #fsPageContent {
    width: 100%
}

@media (min-width:800px) {

    .fsHasElephantLeftLayout.fsHasRightBanner #fsPageContent,
    .fsHasTwoColumnWideRightLayout.fsHasRightBanner #fsPageContent {
        width: calc(100% - 240px)
    }
}

@media (min-width:1000px) {

    .fsHasElephantLeftLayout.fsHasRightBanner #fsPageContent,
    .fsHasTwoColumnWideRightLayout.fsHasRightBanner #fsPageContent {
        width: calc(100% - 400px)
    }
}

.fsHasElephantLeftLayout.fsHasRightBanner #fsBannerRight,
.fsHasTwoColumnWideRightLayout.fsHasRightBanner #fsBannerRight {
    width: 100%;
    padding-left: 0;
    margin-top: 20px
}

@media (min-width:800px) {

    .fsHasElephantLeftLayout.fsHasRightBanner #fsBannerRight,
    .fsHasTwoColumnWideRightLayout.fsHasRightBanner #fsBannerRight {
        padding-left: 20px;
        width: 240px;
        margin-top: 0
    }
}

@media (min-width:1000px) {

    .fsHasElephantLeftLayout.fsHasRightBanner #fsBannerRight,
    .fsHasTwoColumnWideRightLayout.fsHasRightBanner #fsBannerRight {
        padding-left: 100px;
        width: 400px
    }
}

@media (min-width:600px) {

    .fsHasElephantLeftLayout.fsHasRightBanner .fsStyleOneThird,
    .fsHasTwoColumnWideRightLayout.fsHasRightBanner .fsStyleOneThird {
        padding-right: 20px;
        width: 200px
    }
}

@media (min-width:700px) {

    .fsHasElephantLeftLayout.fsHasRightBanner .fsStyleOneThird,
    .fsHasTwoColumnWideRightLayout.fsHasRightBanner .fsStyleOneThird {
        padding-right: 40px;
        width: 280px
    }
}

@media (min-width:800px) {

    .fsHasElephantLeftLayout.fsHasRightBanner .fsStyleOneThird,
    .fsHasTwoColumnWideRightLayout.fsHasRightBanner .fsStyleOneThird {
        padding-right: 20px;
        width: 200px
    }
}

@media (min-width:1000px) {

    .fsHasElephantLeftLayout.fsHasRightBanner .fsStyleOneThird,
    .fsHasTwoColumnWideRightLayout.fsHasRightBanner .fsStyleOneThird {
        padding-right: 40px;
        width: 280px
    }
}

.fsHasElephantLeftLayout.fsHasRightBanner .fsStyleTwoThirds,
.fsHasTwoColumnWideRightLayout.fsHasRightBanner .fsStyleTwoThirds {
    width: 100%
}

@media (min-width:600px) {

    .fsHasElephantLeftLayout.fsHasRightBanner .fsStyleTwoThirds,
    .fsHasTwoColumnWideRightLayout.fsHasRightBanner .fsStyleTwoThirds {
        width: calc(100% - 200px)
    }
}

@media (min-width:700px) {

    .fsHasElephantLeftLayout.fsHasRightBanner .fsStyleTwoThirds,
    .fsHasTwoColumnWideRightLayout.fsHasRightBanner .fsStyleTwoThirds {
        width: calc(100% - 280px)
    }
}

@media (min-width:800px) {

    .fsHasElephantLeftLayout.fsHasRightBanner .fsStyleTwoThirds,
    .fsHasTwoColumnWideRightLayout.fsHasRightBanner .fsStyleTwoThirds {
        width: calc(100% - 200px)
    }
}

@media (min-width:1000px) {

    .fsHasElephantLeftLayout.fsHasRightBanner .fsStyleTwoThirds,
    .fsHasTwoColumnWideRightLayout.fsHasRightBanner .fsStyleTwoThirds {
        width: calc(100% - 280px)
    }
}

@media (min-width:800px) {

    .fsHasElephantLeftLayout.fsHasLeftBanner #fsPageContent,
    .fsHasTwoColumnWideRightLayout.fsHasLeftBanner #fsPageContent {
        width: calc(100% - 200px)
    }
}

@media (min-width:1000px) {

    .fsHasElephantLeftLayout.fsHasLeftBanner #fsPageContent,
    .fsHasTwoColumnWideRightLayout.fsHasLeftBanner #fsPageContent {
        width: calc(100% - 280px)
    }
}

@media (min-width:800px) {

    .fsHasElephantLeftLayout.fsHasLeftBanner #fsBannerLeft,
    .fsHasTwoColumnWideRightLayout.fsHasLeftBanner #fsBannerLeft {
        padding-right: 20px;
        width: 200px;
        margin-top: 0
    }
}

@media (min-width:1000px) {

    .fsHasElephantLeftLayout.fsHasLeftBanner #fsBannerLeft,
    .fsHasTwoColumnWideRightLayout.fsHasLeftBanner #fsBannerLeft {
        padding-right: 40px;
        width: 280px
    }
}

.fsHasElephantLeftLayout.fsHasLeftBanner .fsStyleOneThird,
.fsHasTwoColumnWideRightLayout.fsHasLeftBanner .fsStyleOneThird {
    width: 100%;
    padding-right: 0
}

@media (min-width:800px) {

    .fsHasElephantLeftLayout.fsHasLeftBanner .fsStyleOneThird,
    .fsHasTwoColumnWideRightLayout.fsHasLeftBanner .fsStyleOneThird {
        padding-right: 20px;
        width: 200px
    }
}

.fsHasElephantLeftLayout.fsHasLeftBanner .fsStyleTwoThirds,
.fsHasTwoColumnWideRightLayout.fsHasLeftBanner .fsStyleTwoThirds {
    width: 100%
}

@media (min-width:800px) {

    .fsHasElephantLeftLayout.fsHasLeftBanner .fsStyleTwoThirds,
    .fsHasTwoColumnWideRightLayout.fsHasLeftBanner .fsStyleTwoThirds {
        width: calc(100% - 200px)
    }
}

@media (min-width:600px) {

    .fsHasElephantLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerLeft,
    .fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerLeft {
        padding-right: 20px;
        width: 200px
    }
}

@media (min-width:800px) {

    .fsHasElephantLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerLeft,
    .fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerLeft {
        padding-right: 20px;
        width: 200px
    }
}

.fsHasElephantLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent,
.fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent {
    width: 100%;
    margin-bottom: 0
}

@media (min-width:600px) {

    .fsHasElephantLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent,
    .fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent {
        width: calc(100% - 200px)
    }
}

@media (min-width:800px) {

    .fsHasElephantLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent,
    .fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent {
        width: calc(100% - 440px)
    }
}

.fsHasElephantLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerRight,
.fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerRight {
    width: 100%;
    padding-left: 0;
    margin-top: 20px;
    margin-bottom: 0
}

@media (min-width:800px) {

    .fsHasElephantLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerRight,
    .fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerRight {
        padding-left: 20px;
        width: 240px;
        margin-top: 0
    }
}

.fsHasElephantLeftLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleOneThird,
.fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleOneThird {
    margin-bottom: 20px;
    width: 100%
}

@media (min-width:1000px) {

    .fsHasElephantLeftLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleOneThird,
    .fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleOneThird {
        padding-right: 20px;
        width: 200px;
        margin-bottom: 0
    }
}

.fsHasElephantLeftLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleTwoThirds,
.fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleTwoThirds {
    margin-bottom: 20px;
    width: 100%;
    margin-bottom: 0
}

@media (min-width:1000px) {

    .fsHasElephantLeftLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleTwoThirds,
    .fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleTwoThirds {
        width: calc(100% - 200px)
    }
}

.fsElephantRightLayout,
.fsTwoColumnWideLeftLayout {
    margin-left: 0;
    margin-right: 0
}

@media (min-width:600px) {

    .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: 20px
}

@media (min-width:600px) {

    .fsElephantRightLayout .fsStyleOneThird,
    .fsTwoColumnWideLeftLayout .fsStyleOneThird {
        padding-left: 20px;
        padding-right: 0;
        width: 240px;
        margin-bottom: 0
    }
}

@media (min-width:700px) {

    .fsElephantRightLayout .fsStyleOneThird,
    .fsTwoColumnWideLeftLayout .fsStyleOneThird {
        padding-left: 100px;
        width: 400px
    }
}

.fsElephantRightLayout .fsStyleTwoThirds,
.fsTwoColumnWideLeftLayout .fsStyleTwoThirds {
    width: 100%
}

@media (min-width:600px) {

    .fsElephantRightLayout .fsStyleTwoThirds,
    .fsTwoColumnWideLeftLayout .fsStyleTwoThirds {
        width: calc(100% - 240px);
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width:700px) {

    .fsElephantRightLayout .fsStyleTwoThirds,
    .fsTwoColumnWideLeftLayout .fsStyleTwoThirds {
        width: calc(100% - 400px)
    }
}

.fsHasElephantRightLayout.fsHasLeftBanner #fsPageContent,
.fsHasTwoColumnWideLeftLayout.fsHasLeftBanner #fsPageContent {
    width: 100%
}

@media (min-width:600px) {

    .fsHasElephantRightLayout.fsHasLeftBanner #fsPageContent,
    .fsHasTwoColumnWideLeftLayout.fsHasLeftBanner #fsPageContent {
        width: calc(100% - 200px)
    }
}

@media (min-width:700px) {

    .fsHasElephantRightLayout.fsHasLeftBanner #fsPageContent,
    .fsHasTwoColumnWideLeftLayout.fsHasLeftBanner #fsPageContent {
        width: calc(100% - 280px)
    }
}

@media (min-width:800px) {

    .fsHasElephantRightLayout.fsHasLeftBanner #fsPageContent,
    .fsHasTwoColumnWideLeftLayout.fsHasLeftBanner #fsPageContent {
        width: calc(100% - 200px)
    }
}

@media (min-width:1000px) {

    .fsHasElephantRightLayout.fsHasLeftBanner #fsPageContent,
    .fsHasTwoColumnWideLeftLayout.fsHasLeftBanner #fsPageContent {
        width: calc(100% - 280px)
    }
}

.fsHasElephantRightLayout.fsHasLeftBanner #fsBannerLeft,
.fsHasTwoColumnWideLeftLayout.fsHasLeftBanner #fsBannerLeft {
    width: 100%;
    padding-left: 0;
    margin-bottom: 20px
}

@media (min-width:600px) {

    .fsHasElephantRightLayout.fsHasLeftBanner #fsBannerLeft,
    .fsHasTwoColumnWideLeftLayout.fsHasLeftBanner #fsBannerLeft {
        padding-right: 20px;
        width: 200px
    }
}

@media (min-width:700px) {

    .fsHasElephantRightLayout.fsHasLeftBanner #fsBannerLeft,
    .fsHasTwoColumnWideLeftLayout.fsHasLeftBanner #fsBannerLeft {
        padding-right: 40px;
        width: 280px
    }
}

@media (min-width:800px) {

    .fsHasElephantRightLayout.fsHasLeftBanner #fsBannerLeft,
    .fsHasTwoColumnWideLeftLayout.fsHasLeftBanner #fsBannerLeft {
        padding-right: 20px;
        width: 200px;
        margin-bottom: 0
    }
}

@media (min-width:1000px) {

    .fsHasElephantRightLayout.fsHasLeftBanner #fsBannerLeft,
    .fsHasTwoColumnWideLeftLayout.fsHasLeftBanner #fsBannerLeft {
        padding-right: 40px;
        width: 280px
    }
}

.fsHasElephantRightLayout.fsHasLeftBanner .fsStyleOneThird,
.fsHasTwoColumnWideLeftLayout.fsHasLeftBanner .fsStyleOneThird {
    width: 100%;
    padding-left: 0
}

@media (min-width:800px) {

    .fsHasElephantRightLayout.fsHasLeftBanner .fsStyleOneThird,
    .fsHasTwoColumnWideLeftLayout.fsHasLeftBanner .fsStyleOneThird {
        padding-left: 20px;
        width: 240px
    }
}

@media (min-width:1000px) {

    .fsHasElephantRightLayout.fsHasLeftBanner .fsStyleOneThird,
    .fsHasTwoColumnWideLeftLayout.fsHasLeftBanner .fsStyleOneThird {
        padding-left: 100px;
        width: 400px
    }
}

.fsHasElephantRightLayout.fsHasLeftBanner .fsStyleTwoThirds,
.fsHasTwoColumnWideLeftLayout.fsHasLeftBanner .fsStyleTwoThirds {
    margin-bottom: 20px;
    width: 100%
}

@media (min-width:800px) {

    .fsHasElephantRightLayout.fsHasLeftBanner .fsStyleTwoThirds,
    .fsHasTwoColumnWideLeftLayout.fsHasLeftBanner .fsStyleTwoThirds {
        width: calc(100% - 240px);
        margin-bottom: 0
    }
}

@media (min-width:1000px) {

    .fsHasElephantRightLayout.fsHasLeftBanner .fsStyleTwoThirds,
    .fsHasTwoColumnWideLeftLayout.fsHasLeftBanner .fsStyleTwoThirds {
        width: calc(100% - 400px)
    }
}

@media (min-width:800px) {

    .fsHasElephantRightLayout.fsHasRightBanner #fsPageContent,
    .fsHasTwoColumnWideLeftLayout.fsHasRightBanner #fsPageContent {
        width: calc(100% - 240px)
    }
}

@media (min-width:1000px) {

    .fsHasElephantRightLayout.fsHasRightBanner #fsPageContent,
    .fsHasTwoColumnWideLeftLayout.fsHasRightBanner #fsPageContent {
        width: calc(100% - 400px)
    }
}

@media (min-width:800px) {

    .fsHasElephantRightLayout.fsHasRightBanner #fsBannerRight,
    .fsHasTwoColumnWideLeftLayout.fsHasRightBanner #fsBannerRight {
        padding-left: 20px;
        width: 240px;
        margin-top: 0
    }
}

@media (min-width:1000px) {

    .fsHasElephantRightLayout.fsHasRightBanner #fsBannerRight,
    .fsHasTwoColumnWideLeftLayout.fsHasRightBanner #fsBannerRight {
        padding-left: 100px;
        width: 400px
    }
}

.fsHasElephantRightLayout.fsHasRightBanner .fsStyleOneThird,
.fsHasTwoColumnWideLeftLayout.fsHasRightBanner .fsStyleOneThird {
    width: 100%;
    padding-left: 0
}

@media (min-width:800px) {

    .fsHasElephantRightLayout.fsHasRightBanner .fsStyleOneThird,
    .fsHasTwoColumnWideLeftLayout.fsHasRightBanner .fsStyleOneThird {
        padding-left: 20px;
        width: 240px
    }
}

.fsHasElephantRightLayout.fsHasRightBanner .fsStyleTwoThirds,
.fsHasTwoColumnWideLeftLayout.fsHasRightBanner .fsStyleTwoThirds {
    width: 100%
}

@media (min-width:800px) {

    .fsHasElephantRightLayout.fsHasRightBanner .fsStyleTwoThirds,
    .fsHasTwoColumnWideLeftLayout.fsHasRightBanner .fsStyleTwoThirds {
        width: calc(100% - 240px)
    }
}

.fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerRight,
.fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerRight {
    width: 100%;
    padding-left: 0;
    margin-top: 20px;
    margin-bottom: 0
}

@media (min-width:800px) {

    .fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerRight,
    .fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerRight {
        padding-left: 20px;
        width: 240px;
        margin-top: 0
    }
}

.fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent,
.fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent {
    width: 100%;
    margin-bottom: 0
}

@media (min-width:600px) {

    .fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent,
    .fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent {
        width: calc(100% - 200px)
    }
}

@media (min-width:800px) {

    .fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent,
    .fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent {
        width: calc(100% - 440px)
    }
}

.fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerLeft,
.fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerLeft {
    width: 100%;
    padding-left: 0;
    margin-bottom: 20px
}

@media (min-width:600px) {

    .fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerLeft,
    .fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerLeft {
        padding-right: 20px;
        width: 200px;
        margin-bottom: 0
    }
}

@media (min-width:800px) {

    .fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerLeft,
    .fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerLeft {
        padding-right: 20px;
        width: 200px
    }
}

.fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleOneThird,
.fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleOneThird {
    margin-bottom: 0
}

@media (min-width:700px) {

    .fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleOneThird,
    .fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleOneThird {
        padding-left: 20px;
        width: 240px
    }
}

@media (min-width:800px) {

    .fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleOneThird,
    .fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleOneThird {
        width: 100%;
        padding-left: 0
    }
}

@media (min-width:1000px) {

    .fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleOneThird,
    .fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleOneThird {
        padding-left: 20px;
        width: 240px
    }
}

.fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleTwoThirds,
.fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleTwoThirds {
    margin-bottom: 0
}

@media (min-width:700px) {

    .fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleTwoThirds,
    .fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleTwoThirds {
        width: calc(100% - 240px)
    }
}

@media (min-width:800px) {

    .fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleTwoThirds,
    .fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleTwoThirds {
        width: 100%
    }
}

@media (min-width:1000px) {

    .fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleTwoThirds,
    .fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleTwoThirds {
        width: calc(100% - 240px)
    }
}

#fsPoweredByFinalsite {
    position: absolute;
    right: 0;
    bottom: -54px;
    margin: 0
}

@media (min-width:700px) {
    #fsPoweredByFinalsite {
        bottom: 30px
    }
}

/*! elements - constituent main */

/*! elements - constituent default layout */
.fsConstituent {
    word-break: break-word
}

.fsConstituent a {
    color: #a83338
}

.fsConstituent a:focus,
.fsConstituent a:hover {
    color: #002855
}

.fsConstituent .fsElementPagination {
    margin: 20px 0
}

.fsConstituent .fsPhoto[style*=background-image],
.fsConstituent .fsProfileImage[style*=background-image] {
    width: 100%;
    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: 20px
}

.fsConstituentProfile>div>strong {
    display: block
}

/*! elements - constituent default layout */
.fsConstituent .fsConstituentItem {
    float: none;
    width: calc(100% - 20px);
    margin: 0 auto 40px
}

.fsConstituent.fsThumbnailAlignLeft .fsPhoto {
    margin-right: 10px;
    margin-bottom: 10px
}

.fsConstituent.fsThumbnailAlignRight .fsPhoto {
    margin-left: 10px;
    margin-bottom: 10px
}

.fsConstituentItem {
    padding-left: 10px;
    padding-right: 10px
}

.fsConstituentItem>div,
.fsConstituentItem>h3 {
    margin-bottom: 10px
}

.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 -20px
}

@media (min-width:600px) {

    .fsConstituentColumnLayout_2 .fsConstituentItem,
    .fsConstituentColumnLayout_3 .fsConstituentItem,
    .fsConstituentColumnLayout_4 .fsConstituentItem {
        width: calc(50% - 20px);
        margin-left: 10px;
        margin-right: 10px
    }
}

@media (min-width:800px) {

    .fsConstituentColumnLayout_3 .fsConstituentItem,
    .fsConstituentColumnLayout_4 .fsConstituentItem {
        width: calc(33.33% - 20px)
    }
}

@media (min-width:1000px) {
    .fsConstituentColumnLayout_4 .fsConstituentItem {
        width: calc(25% - 20px)
    }
}

/*! elements - constituent profile */
.fsConstituent.fsProfile .fsFullName {
    margin-bottom: 20px
}

.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 20px;
    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: 20px;
        float: left
    }
}

@media (min-width:800px) {

    .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge .fsHasPhoto>div:not(.fsProfileImage),
    .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge .fsHasPhoto>h3 {
        padding-left: calc(40% + 20px)
    }
}

@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: 532px
    }
}

@media (min-width:800px) {

    .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall .fsHasPhoto>div:not(.fsProfileImage),
    .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall .fsHasPhoto>h3 {
        padding-left: calc(25% + 20px)
    }
}

@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: 148px
    }
}

@media (min-width:600px) {

    .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge .fsHasPhoto .fsProfileImage,
    .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall .fsHasPhoto .fsProfileImage {
        margin-left: 20px;
        float: right
    }
}

@media (min-width:800px) {

    .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge .fsHasPhoto>div:not(.fsProfileImage),
    .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge .fsHasPhoto>h3 {
        padding-right: calc(40% + 20px)
    }
}

@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: 532px
    }
}

@media (min-width:800px) {

    .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall .fsHasPhoto>div:not(.fsProfileImage),
    .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall .fsHasPhoto>h3 {
        padding-right: calc(25% + 20px)
    }
}

@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: 148px
    }
}

.fsProfileImage {
    margin-bottom: 20px
}

.fsProfileImage img {
    display: block
}

.fsProfileSection {
    margin-bottom: 20px
}

.fsProfileSection h4 {
    margin: 0 0 1rem
}

.fsProfileSectionData {
    margin-bottom: 1em
}

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

.fsProfileSectionData.fsTitle {
    font-weight: inherit;
    font-size: 17px;
    line-height: 27px
}

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

/*! elements - constituent search */
.fsConstituent.fsSearch {
    overflow: hidden
}

.fsConstituent.fsSearch+.fsConstituent {
    border-top: 1px solid #cfcfcf;
    margin-top: 20px;
    padding-top: 20px
}

.fsConstituentSearchForm {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px
}

.fsConstituentSearchForm>label {
    flex-grow: 1;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 0 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.fsConstituentSearchForm>label>span {
    margin-bottom: 2px
}

.fsConstituentSearchForm>label>input,
.fsConstituentSearchForm>label>select {
    border: 1px solid #cfcfcf;
    flex-grow: 1
}

.fsConstituentSearchForm>label>select {
    height: 33px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.fsConstituentSearchForm [type*=submit] {
    align-self: flex-end;
    margin: 10px;
    width: 100%
}

@media (min-width:600px) {
    .fsConstituentSearchForm [type*=submit] {
        width: auto
    }
}

/*! elements - constituent default layout */
.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 20px;
    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: 20px;
        float: left
    }
}

@media (min-width:800px) {

    .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailLarge>div:not(.fsProfileImage),
    .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailLarge>h3 {
        padding-left: calc(40% + 20px)
    }
}

@media (min-width:800px) {

    .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall>div:not(.fsProfileImage),
    .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall>h3 {
        padding-left: calc(25% + 20px)
    }
}

@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: 148px
    }
}

@media (min-width:600px) {

    .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailLarge .fsProfileImage,
    .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall .fsProfileImage {
        margin-left: 20px;
        float: right
    }
}

@media (min-width:800px) {

    .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailLarge>div:not(.fsProfileImage),
    .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailLarge>h3 {
        padding-right: calc(40% + 20px)
    }
}

@media (min-width:800px) {

    .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall>div:not(.fsProfileImage),
    .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall>h3 {
        padding-right: calc(25% + 20px)
    }
}

@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: 148px
    }
}

/*! elements - accordion */
.fsAccordion .fsPanel,
.fsTabs .fsPanel {
    margin-bottom: 2px
}

.fsAccordion .fsPanel>header,
.fsTabs .fsPanel>header {
    cursor: pointer;
    background: #fff;
    transition: .3s
}

.fsAccordion .fsPanel>header h2,
.fsTabs .fsPanel>header h2 {
    display: block;
    margin-bottom: 0;
    padding: 13.33333px;
    color: #002855;
    font-family: Barlow, sans-serif;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 27px;
    text-transform: uppercase;
    transition: .3s;
    border: 1px solid rgba(0, 0, 0, .33);
    border-bottom: 5px solid hsla(120, 0%, 44%, .5);
    position: relative
}

.fsAccordion .fsPanel>header h2 a,
.fsTabs .fsPanel>header h2 a {
    transition: none
}

.fsAccordion .fsPanel>header:hover,
.fsTabs .fsPanel>header:hover {
    background: #a83338;
    transition: .3s
}

.fsAccordion .fsPanel>header:hover h2,
.fsTabs .fsPanel>header:hover h2 {
    color: #fff;
    border-color: #a83338;
    border-bottom-color: #a83338;
    transition: .3s
}

.fsAccordion .fsPanel>.fsElementContent,
.fsTabs .fsPanel>.fsElementContent {
    border: 1px solid #002855
}

.fsAccordion .fsPanel.fsStateOpen>header,
.fsTabs .fsPanel.fsStateOpen>header {
    background: #002855
}

.fsAccordion .fsPanel.fsStateOpen>header h2,
.fsTabs .fsPanel.fsStateOpen>header h2 {
    color: #fff;
    border-color: #002855;
    border-bottom-color: #002855
}

.fsAccordion .fsPanel.fsStateOpen>header h2:before,
.fsTabs .fsPanel.fsStateOpen>header h2:before {
    content: "\E91E";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    font-size: 3px
}

.fsPanelIconAfter.fsAccordion .fsPanel>header h2:after,
.fsPanelIconAfter.fsTabs .fsPanel>header h2:after,
.fsPanelIconBefore.fsAccordion .fsPanel>header h2:before,
.fsPanelIconBefore.fsTabs .fsPanel>header h2:before {
    position: absolute;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    content: "";
    border: none;
    width: auto;
    height: auto;
    margin: 0;
    font-size: 16px;
    line-height: 16px;
    content: "\E918";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

.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 {
    position: absolute;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    content: "";
    border: none;
    width: auto;
    height: auto;
    margin: 0;
    font-size: 16px;
    line-height: 16px;
    content: "\E91E";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    font-size: 3px
}

.fsPanelIconBefore.fsAccordion .fsPanel>header h2,
.fsPanelIconBefore.fsTabs .fsPanel>header h2 {
    padding-left: 40px
}

.fsPanelIconBefore.fsAccordion .fsPanel>header h2:before,
.fsPanelIconBefore.fsTabs .fsPanel>header h2:before {
    left: 13.33333px
}

.fsPanelIconAfter.fsAccordion .fsPanel>header h2,
.fsPanelIconAfter.fsTabs .fsPanel>header h2 {
    padding-right: 40px
}

.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: 13.33333px
}

.fsAccordion:not(.fsPanelIconBefore):not(.fsPanelIconAfter) .fsPanel>header h2:before,
.fsTabs:not(.fsPanelIconBefore):not(.fsPanelIconAfter) .fsPanel>header h2:before {
    content: ""
}

/*! elements - athletics main */

/*! elements - athletics events */
.fsAthleticsEvent>.fsElementContent {
    width: 100%
}

.fsAthleticsEvent .fsAlertFeeds {
    margin-bottom: 10px
}

.fsAthleticsEvent .fsElementEventIcon {
    display: inline-block;
    max-width: 100%
}

.fsAthleticsEvent .fsTitle {
    font-size: 17px;
    line-height: 27px;
    margin-bottom: 0
}

.fsAthleticsEvent div.fsTitle {
    display: inline-block
}

/*! elements - athletics events - list subtype */
.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
}

/*! elements - athletics events */
.fsAthleticsEvent.fsEvent article>div {
    margin-bottom: 10px
}

.fsAthleticsEvent.fsEvent article>div:last-child {
    margin-bottom: 0
}

.fsAthleticsEvent.fsEvent .fsAthleticsOpponents,
.fsAthleticsEvent.fsEvent .fsAthleticsVs+div {
    display: inline-block
}

/*! elements - athletics events - table*/
@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
}

@media (max-width:800px) {
    .fsAthleticsEvent.fsTable .fsElementTable td {
        display: inline-block;
        width: 100%;
        padding: 0 10px
    }

    .fsAthleticsEvent.fsTable .fsElementTable td:not(:last-child) {
        border: 0
    }

    .fsAthleticsEvent.fsTable .fsElementTable td:first-of-type {
        padding-top: 10px
    }

    .fsAthleticsEvent.fsTable .fsElementTable td:last-of-type {
        padding-bottom: 10px
    }

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

/*! elements - athletics popup dialog box */
.fsAthleticsEvent.fsDialog .fsAthleticsTitle {
    margin-top: 0;
    color: #002855;
    font-family: Barlow, sans-serif;
    font-weight: 600;
    font-weight: 400;
    font-size: 35px;
    line-height: 45px;
    margin-bottom: 17px
}

.fsAthleticsEvent.fsDialog .fsAthleticsLabel {
    font-weight: 700;
    margin-top: 20px
}

.fsAthleticsEvent.fsDialog .fsAthleticsAddress>div {
    margin-top: 10px
}

/*! elements - athletics roster */
.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 10px
    }

    .fsAthleticsRoster .fsElementTable td:not(:last-child) {
        border: 0
    }

    .fsAthleticsRoster .fsElementTable td:first-of-type {
        padding-top: 10px
    }

    .fsAthleticsRoster .fsElementTable td:last-of-type {
        padding-bottom: 10px
    }
}

.fsAthleticsRoster .fsElementEmpty {
    display: none
}

.fsAthleticsRosterContent {
    margin-bottom: 20px
}

.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: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e5e5e5
}

.fsAthleticsRosterList li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none
}

.fsAthleticsRosterList li>div {
    margin-bottom: 10px
}

.fsAthleticsRosterList li>div:last-child {
    margin-bottom: 0
}

.fsAthleticsRosterList li>div.fsRosterName {
    margin-bottom: 10px
}

.fsAthleticsRosterList li>div.fsRosterName:before {
    display: none
}

.fsAthleticsRosterList .fsCoachImage {
    display: block;
    margin-bottom: 10px
}

/*! elements - athletics teams */
.fsAthleticsTeamDirectory {
    max-width: 100%
}

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

.fsAthleticsTeamDirectory li {
    margin: 0;
    padding: 0
}

.fsAthleticsTeamDirectory>li {
    margin-bottom: 10px
}

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

/*! _main.scss - src/sass/modules/calendar/ - main calendar import */

/*! _all.scss - src/sass/modules/calendar/list.scss - calendar each article style */
.fsCalendar article {
    position: relative;
    padding-left: 100px;
    min-height: 75px;
    padding-top: 0
}

.fsCalendar article .fsElementEventColorIcon {
    width: 12px;
    height: 12px
}

.fsCalendar .fsDate {
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    height: 75px;
    width: 75px;
    color: #002855;
    font-family: Barlow, sans-serif;
    font-weight: 600;
    letter-spacing: 1px;
    background: #f0f0f0;
    border: 1px solid #e1e1e1;
    border-top: 5px solid #a83338;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.fsCalendar .fsDate>span {
    display: block
}

.fsCalendar .fsDate>span.fsMonth {
    margin-bottom: 3px;
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase
}

.fsCalendar .fsDate>span.fsDay {
    font-size: 30px;
    line-height: 20px
}

.fsCalendar .fsTitle {
    margin-bottom: 20px;
    color: #002855;
    font-family: Barlow, sans-serif;
    font-size: 20px;
    line-height: 30px
}

.fsCalendar .fsTitle a {
    color: inherit;
    text-decoration: none
}

.fsCalendar .fsTitle a:focus,
.fsCalendar .fsTitle a:hover {
    text-decoration: underline
}

.fsCalendar .fsEventDetails {
    margin-bottom: 15px
}

.fsCalendar .fsDescription p:last-child,
.fsCalendar .fsNotes p:last-child {
    margin-bottom: 0
}

.fsCalendar .fsReadMoreLink {
    color: #a83338;
    font-weight: 700
}

.fsCalendar .fsReadMoreLink:focus,
.fsCalendar .fsReadMoreLink:hover {
    color: #002855
}

/*! _list.scss - src/sass/modules/calendar/list.scss - calendar event */
.fsCalendar.fsList .fsListItems+button {
    margin-top: 0
}

/*! _grid.scss - src/sass/modules/calendar/grid.scss - calendar grid */
.fsCalendar.fsGrid .fsCalendarDayView {
    margin-top: 20px
}

.fsCalendar.fsGrid .fsCalendarDayView .fsCalendarInfo:not(:last-child) {
    margin-bottom: 20px
}

.fsCalendar.fsGrid .fsCalendarEventTitle {
    color: #a83338;
    font-weight: 700
}

.fsCalendar.fsGrid .fsCalendarEventTitle:focus,
.fsCalendar.fsGrid .fsCalendarEventTitle:hover {
    color: #002855
}

.fsCalendarEventGrid .fsCalendarRow {
    display: flex
}

.fsCalendarEventGrid .fsCalendarRow .fsCalendarToday {
    background-color: rgba(168, 51, 56, .1)
}

.fsCalendarEventGrid .fsCalendarRow .fsCalendarOutOfRange {
    background-color: #f8f8f8
}

.fsCalendarEventGrid .fsCalendarDaybox {
    border-color: #cfcfcf
}

.fsCalendarEventGrid .fsCalendarDaybox .fsCalendarInfo {
    color: #707170
}

.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: 20px 0
    }

    .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarWeekdays {
        display: none
    }

    .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarRow {
        width: auto;
        border-right: 1px solid #cfcfcf;
        box-shadow: 0 1px 0 0 #cfcfcf
    }

    .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarRow:last-child {
        border-bottom: 1px solid #cfcfcf;
        box-shadow: none
    }

    .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox {
        cursor: pointer;
        min-height: 44px;
        position: relative;
        padding: 0;
        margin: 0;
        border: none;
        height: auto !important;
        display: flex;
        flex-wrap: wrap;
        border-left: 1px solid #cfcfcf;
        border-top: 1px solid #cfcfcf;
        color: #707170;
        background: #fff;
        transition: .3s
    }

    .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox:hover,
    .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox:hover .fsCalendarOutOfRange {
        color: #fff;
        background: #002855;
        transition: .3s
    }

    .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox .fsCalendarDate {
        margin: 0;
        flex-grow: 1;
        text-align: center;
        font-size: 14px;
        padding-bottom: calc(50% - 14px / 2);
        padding-top: calc(50% - 14px / 2);
        color: inherit
    }

    .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarToday {
        background: #a83338;
        color: #fff
    }

    .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsStateHasEvents .fsCalendarDate:after,
    .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.has-info .fsCalendarDate:after {
        content: "\25CF";
        font-size: 10px;
        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 #cfcfcf
    }

    .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarWeekendDayBox>div:not(.has-info) .fsCalendarDate {
        margin-bottom: 0
    }

    .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarWeekendDayBox>div:not(.has-info) .fsCalendarDate:after {
        display: none
    }

    .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarWeekendDayBox .fsCalendarDate {
        padding-bottom: calc(25% - 14px / 2);
        padding-top: calc(25% - 14px / 2);
        transform: scale(.875);
        margin-bottom: 3px
    }

    .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.selected {
        color: #fff;
        background: #373737
    }

    .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.selected .fsCalendarOutOfRange {
        background: inherit;
        color: inherit
    }

    .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarOutOfRange {
        background: #f8f8f8;
        color: #636363;
        transition: .3s
    }

    .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarInfo {
        display: none
    }
}

#event-view {
    padding: 0 20px;
    margin: 20px 0
}

#event-view .fsCalendarDaybox {
    height: auto !important
}

#event-view .fsCalendarDaybox>div {
    margin-bottom: 20px
}

#event-view .fsCalendarWeekendDayBox>div:first-child {
    padding-bottom: 20px
}

#event-view .fsCalendarWeekendDayBox .fsCalendarInfo:not(:last-child) {
    margin-bottom: 20px
}

#event-view .fsCalendarEventTitle {
    margin-bottom: 5px
}

.fsCalendarDayView:not(.fsStateHidden)+.fsCalendarEventGrid+#event-view {
    display: none
}

@media (min-width:900px) {
    #event-view {
        display: none
    }
}

.scroll-up {
    text-align: center;
    cursor: pointer;
    font-weight: 700;
    font-size: 14px;
    margin-top: 20px
}

.scroll-up span {
    display: inline-block;
    border: 2px solid #f3f3f3;
    margin: 0 0 20px;
    padding: 11px 9px;
    background: #f3f3f3;
    color: #002855 !important;
    font-family: Barlow, sans-serif;
    font-size: 15px;
    font-weight: 600 !important;
    letter-spacing: 1px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0;
    transition: .3s;
    padding: 10px 20px;
    margin-bottom: 0
}

.fsStateSelected .scroll-up span,
.scroll-up span.on,
.scroll-up span:focus,
.scroll-up span:hover {
    background: transparent;
    color: #002855 !important;
    transition: .3s
}

.scroll-up+.fsCalendarLegend {
    margin-top: 20px !important
}

@media (min-width:900px) {
    .scroll-up {
        display: none
    }
}

.fsElementEventColorIcon {
    display: inline-block
}

.fsCalendar.fsGrid .fsCalendarEventGrid+.fsCalendarLegend {
    margin-top: 40px
}

.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: 20px
}

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

/*! _slideshow.scss - src/sass/modules/calendar/slideshow.scss - calendar slideshow */
.fsCalendar.fsSlideshow .fsAlertFeeds {
    float: none
}

.fsCalendar.fsSlideshowHorizontal .fsElementSlideshow {
    padding-left: 45px;
    padding-right: 45px;
    padding-bottom: 0
}

.fsCalendar.fsSlideshowVertical .fsElementSlideshow {
    padding-left: 45px;
    padding-top: 45px;
    padding-bottom: 45px
}

/*! _event.scss - src/sass/modules/calendar/event.scss - calendar event */

/*! _dialog.scss - src/sass/modules/calendar/_dialog.scss - calendar dialog pop up */

/*! elements - forms */
input,
select,
textarea {
    padding: 5px;
    max-width: 100%
}

.fsComposerFormEmbed {
    background: none
}

.fsComposerFormEmbed a {
    color: #a83338
}

.fsComposerFormEmbed a:focus,
.fsComposerFormEmbed a:hover {
    color: #002855
}

.fsComposerFormEmbed body {
    margin: 0
}

.fsComposerFormEmbed form {
    zoom: 1
}

.fsComposerFormEmbed form:after {
    display: table;
    clear: both;
    content: ""
}

.fsComposerFormEmbed form input,
.fsComposerFormEmbed form select,
.fsComposerFormEmbed form textarea {
    font-family: Lato, sans-serif;
    font-size: 17px;
    line-height: 27px;
    color: #707170
}

.fsComposerFormEmbed form input {
    border: 1px solid #cfcfcf
}

.fsComposerFormEmbed form input.fileUploader {
    padding: 0;
    width: 100%;
    border: none
}

.fsComposerFormEmbed form fieldset {
    padding: 0
}

.fsComposerFormEmbed form textarea {
    max-width: 100%;
    width: 100%;
    border: 1px solid #cfcfcf
}

.fsComposerFormEmbed form .mainGroupSub {
    max-width: 100%;
    width: 100% !important
}

.fsComposerFormEmbed form .formPage {
    margin-bottom: 20px
}

.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 20px;
    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: 10px !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: 10px
}

.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: #a83338;
    margin-right: 10px;
    cursor: pointer;
    transition: .3s
}

.fsComposerFormEmbed form .linkLike:hover {
    color: #002855
}

.fsComposerFormEmbed form .required {
    color: #a83338
}

.fsComposerFormEmbed form .pageControls {
    padding: 10px 0 !important;
    margin-bottom: 10px
}

.fsComposerFormEmbed form .pageControls .userConfirmation {
    margin-bottom: 0
}

.fsComposerFormEmbed form .userConfirmation {
    margin-bottom: 20px
}

.fsComposerFormEmbed form .userConfirmation .userConfirmationToggle {
    margin-right: 5px
}

.fsComposerFormEmbed form .userConfirmation>label {
    display: block
}

.fsComposerFormEmbed form .elementColumn {
    zoom: 1;
    margin-bottom: 20px;
    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: #a83338;
    transition: .3s;
    outline: 0;
    float: left;
    padding: 0;
    line-height: 1;
    padding: 10px 0
}

.fsComposerFormEmbed form .pageBreak .nextPage:hover,
.fsComposerFormEmbed form .pageBreak .prevPage:hover {
    color: #002855;
    transition: .3s
}

.fsComposerFormEmbed form .pageBreak .prevPage {
    margin-right: 10px
}

.fsComposerFormEmbed form .pageBreak .pagenum {
    display: inline-block;
    float: left;
    line-height: 1;
    margin-right: 10px;
    padding: 10px 0
}

.fsComposerFormEmbed form .pageBreak .pagenum:empty {
    margin: 0
}

.fsComposerFormEmbed form .submitBtn {
    border: 2px solid #f3f3f3;
    margin: 0 0 20px;
    padding: 11px 9px;
    background: #f3f3f3;
    color: #002855 !important;
    font-family: Barlow, sans-serif;
    font-size: 15px;
    font-weight: 600 !important;
    letter-spacing: 1px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0;
    transition: .3s;
    display: inline-block
}

.fsComposerFormEmbed form .submitBtn.on,
.fsComposerFormEmbed form .submitBtn:focus,
.fsComposerFormEmbed form .submitBtn:hover,
.fsStateSelected .fsComposerFormEmbed form .submitBtn {
    background: transparent;
    color: #002855 !important;
    transition: .3s
}

.fsComposerFormEmbed .ui-widget {
    font-family: Lato, sans-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: 20px;
    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
}

::-webkit-input-placeholder {
    color: #242424
}

:-moz-placeholder,
::-moz-placeholder {
    color: #242424;
    opacity: 1
}

:-ms-input-placeholder {
    color: #242424
}

/*! elements - login */
.fsAccount button:not(:last-of-type) {
    margin-right: 10px
}

.fsLoginForgotPasswordLink,
.fsLoginNewAccountLink {
    margin-bottom: 10px
}

.fsLoginForgotPasswordLink:last-child,
.fsLoginNewAccountLink:last-child {
    margin-bottom: 0
}

.fsLoginNewFields .fsLoginNewCaptcha {
    margin-bottom: 20px
}

.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: 20px
}

.fsResetPasswordFields>div:last-child {
    margin-bottom: 0
}

.fsResetPasswordFields label>span {
    display: block
}

.fsResetPasswordFields label>input {
    margin-bottom: 20px
}

@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: 20px
}

.fsAccountGreeting {
    margin-bottom: 20px
}

.fsAccountLinks {
    margin: 0
}

.fsAccountLinks li:not(:first-child) {
    border-color: #e5e5e5
}

.fsAccountLogout {
    display: block;
    margin-top: 20px
}

.fsAccountLogout>.fsStyleUpdateButton:last-child {
    margin-bottom: 0
}

input[name*=passkey]+.fsLoginSubmit {
    margin-top: 20px
}

.fsError {
    margin-bottom: 50px
}

.fsLoginNewSuccess>button,
.fsResetCancel,
.fsResetContinue {
    display: inline-block;
    border: 2px solid #f3f3f3;
    margin: 0 0 20px;
    padding: 11px 9px;
    background: #f3f3f3;
    color: #002855 !important;
    font-family: Barlow, sans-serif;
    font-size: 15px;
    font-weight: 600 !important;
    letter-spacing: 1px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0;
    transition: .3s
}

.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: transparent;
    color: #002855 !important;
    transition: .3s
}

.fsLoginNewSuccess button {
    margin-top: 20px
}

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

/*! _dialog.scss - src/sass/modules/news/_dialog.scss - news dialog pop up */
.fsPostElement.fsThumbnailAlignLeft .fsThumbnail {
    float: none
}

@media (min-width:600px) {
    .fsPostElement.fsThumbnailAlignLeft .fsThumbnail {
        float: left
    }
}

.fsPostElement.fsThumbnailAlignRight .fsThumbnail {
    float: none
}

@media (min-width:600px) {
    .fsPostElement.fsThumbnailAlignRight .fsThumbnail {
        float: right
    }
}

.fsPostElement .fsCategories {
    margin: 0 0 14px
}

.fsPostElement .fsCategories .fsCategory {
    margin: 0;
    padding: 7px 10px;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 12px;
    background: #002855;
    border-radius: 3px
}

.fsPostElement .fsTitle {
    margin-bottom: 9px;
    color: #002855;
    font-family: Barlow, sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 30px
}

.fsPostElement .fsTitle a {
    color: inherit;
    text-decoration: none
}

.fsPostElement .fsTitle a:focus,
.fsPostElement .fsTitle a:hover {
    text-decoration: underline
}

.fsPostElement .fsDateTime {
    margin-bottom: 5px;
    color: #313131;
    font-size: 15px;
    font-weight: 700
}

.fsPostElement .fsSummary {
    margin-bottom: 10px
}

.fsPostElement .fsTags {
    margin-top: 23px
}

.fsPostElement .fsTags .fsTag {
    padding: 5px 15px;
    color: #313131;
    font-size: 12px;
    font-weight: 700;
    line-height: 15px
}

.fsPostElement .fsReadMoreLink {
    color: #a83338;
    font-weight: 700
}

.fsPostElement .fsReadMoreLink:focus,
.fsPostElement .fsReadMoreLink:hover {
    color: #002855
}

.fsPostElement.fsList article {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e5e5e5
}

.fsPostElement.fsList .fsListItems:last-of-type>.fsDayContainer:last-child article:last-child,
.fsPostElement.fsList .fsListItems:last-of-type>.fsMonthContainer:last-child>.fsDayContainer:last-child article:last-child,
.fsPostElement.fsList .fsListItems:last-of-type>article:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none
}

.fsPostElement.fsList .fsListItems+button {
    margin-top: 40px
}

/*! _dialog.scss - src/sass/modules/post/_dialog.scss - post dialog pop up */
.fsResourceElement .fsTitle {
    margin-bottom: 10px
}

.fsResourceElement figcaption {
    margin-top: 10px
}

.fsResourceElement.fsListNav .fsResourceCollectionName+nav {
    margin-top: 20px
}

.fsResourceElement.fsListNav .fsTitle {
    font-size: 17px;
    line-height: 27px;
    font-weight: 400;
    margin-bottom: 0
}

.fsResourceElement .fsElementSlideshow[data-slides-to-show="1"] .fsResourceTypeImage .fsTitle {
    text-align: center
}

.fsResourceElement .fsElementSlideshow[data-slides-to-show="1"] .fsResourceTypeImage img {
    margin: 0 auto
}

/*! _dialog.scss - src/sass/modules/resources/_dialog.scss - resource dialog pop up */

/*! _main.scss - src/sass/modules/search/ - main search import */

/*! _search-box.scss - src/sass/modules/search/ - sitewide search box */
.fsSearchElement.fsSearchForm .fsSearchElementKeyword {
    margin-bottom: 20px
}

.fsSearchElement.fsSearchForm .fsSearchElementKeyword+.fsSearchElementSearchButton {
    margin-top: 0
}

.fsSearchElement.fsSearchForm .fsSearchElementSearchButton:last-child {
    margin-bottom: 0
}

/*! _search-results.scss - src/sass/modules/search/ - sitewide search results */
.fsSearchElement.fsList li.fsListItem {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e5e5e5
}

.fsSearchElement.fsList .fsListItems {
    padding: 0
}

.fsSearchElement.fsList .fsSearchResultInfo {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e5e5
}

.fsSearchElement.fsList .fsSearchResultInfo:empty {
    margin: 0;
    border: none
}

/*! _custom.scss - src/sass/modules/search/ - custom site search, design based */
.fsSearchElement.site-search {
    display: none;
    margin: 0
}

@media (min-width:1000px) {
    .fsSearchElement.site-search {
        display: block
    }
}

.fsSearchElement.site-search form {
    display: flex;
    position: relative;
    background-color: #f0f0f0
}

.fsSearchElement.site-search form:after {
    position: absolute;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    bottom: 0;
    height: 2px;
    width: 100%;
    content: "";
    background: rgba(0, 40, 85, .25)
}

.fsSearchElement.site-search form label {
    position: absolute;
    opacity: 0
}

.fsSearchElement.site-search form .fsSearchElementKeyword {
    width: calc(100% - 35px);
    margin: 0
}

.fsSearchElement.site-search form .fsSearchElementKeyword input {
    padding: 4px;
    background: transparent;
    border: 0
}

.fsSearchElement.site-search form .fsSearchElementSearchButton {
    position: relative;
    height: 35px;
    width: 35px;
    padding: 9px;
    font-size: 0;
    background: transparent;
    border: 0
}

.fsSearchElement.site-search form .fsSearchElementSearchButton:before {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    content: "\E919";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    color: #002855;
    font-size: 16px;
    line-height: 16px
}

.fsSearchElement.site-search form .fsSearchElementSearchButton:focus:before,
.fsSearchElement.site-search form .fsSearchElementSearchButton:hover:before {
    color: #79232e
}

.has-masthead .fsSearchElement.site-search form {
    background-color: rgba(0, 0, 0, .5)
}

.has-masthead .fsSearchElement.site-search form:after {
    background-color: hsla(0, 0%, 100%, .66)
}

.has-masthead .fsSearchElement.site-search form .fsSearchElementKeyword input,
.has-masthead .fsSearchElement.site-search form .fsSearchElementSearchButton:before {
    color: #fff
}

.fsSearchElement.sticky-search {
    position: absolute;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    right: 65px;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    width: calc(100% - 255px);
    max-width: 0;
    transition: .3s
}

@media (max-width:1149px) {
    .fsSearchElement.sticky-search {
        display: none
    }
}

.fsSearchElement.sticky-search header .fsElementHeaderContent {
    margin: 0
}

.fsSearchElement.sticky-search .search-trigger {
    position: absolute;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    right: -55px;
    height: 35px;
    width: 35px;
    margin: 0;
    padding: 9px;
    font-size: 0;
    background: transparent;
    border: 0;
    cursor: pointer
}

.fsSearchElement.sticky-search .search-trigger:before {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    content: "\E919";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    color: #002855;
    font-size: 20px;
    line-height: 20px
}

.fsSearchElement.sticky-search .search-trigger:focus:before,
.fsSearchElement.sticky-search .search-trigger:hover:before {
    color: #79232e
}

.fsSearchElement.sticky-search form {
    display: flex;
    position: relative;
    max-width: 0;
    padding: 18px 0;
    background-color: transparent;
    border-bottom: 2px solid rgba(0, 40, 85, .25);
    overflow: hidden;
    transition: max-width .5s
}

.fsSearchElement.sticky-search form:after {
    position: absolute;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    bottom: 0;
    height: 2px;
    width: 100%;
    content: "";
    background: rgba(0, 40, 85, .25)
}

.fsSearchElement.sticky-search form label {
    position: absolute;
    opacity: 0
}

.fsSearchElement.sticky-search form .fsSearchElementKeyword {
    width: calc(100% - 35px);
    margin: 0
}

.fsSearchElement.sticky-search form .fsSearchElementKeyword input {
    padding: 4px 60px;
    text-align: right;
    background: transparent;
    border: 0
}

.fsSearchElement.sticky-search form .fsSearchElementSearchButton {
    position: relative;
    height: 35px;
    width: 35px;
    padding: 9px;
    font-size: 0;
    background: transparent;
    border: 0;
    opacity: 0;
    visibility: hidden
}

.fsSearchElement.sticky-search form .fsSearchElementSearchButton:before {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    content: "\E919";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    color: #002855;
    font-size: 20px;
    line-height: 20px
}

.fsSearchElement.sticky-search form .fsSearchElementSearchButton:focus:before,
.fsSearchElement.sticky-search form .fsSearchElementSearchButton:hover:before {
    color: #79232e
}

.animate .fsSearchElement {
    opacity: 1;
    visibility: visible
}

.expand-search .fsSearchElement {
    max-width: 100%
}

.expand-search .fsSearchElement .search-trigger:before {
    content: "\E905";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

.expand-search .fsSearchElement form {
    max-width: 9999px
}

.expand-search .fsSearchElement form .fsSearchElementSearchButton {
    opacity: 1;
    visibility: visible
}

.fsSearchElement.mobile-search {
    position: relative;
    z-index: 999;
    height: 35px;
    width: 100%;
    margin-bottom: 40px;
    padding: 0 15px;
    transition: .3s
}

.fsSearchElement.mobile-search form {
    display: flex;
    position: relative;
    padding: 0;
    background-color: transparent;
    border-bottom: 2px solid rgba(0, 40, 85, .25);
    overflow: hidden;
    transition: max-width .5s
}

.fsSearchElement.mobile-search form:after {
    position: absolute;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    bottom: 0;
    height: 2px;
    width: 100%;
    content: "";
    background: rgba(0, 40, 85, .25)
}

.fsSearchElement.mobile-search form label {
    position: absolute;
    opacity: 0
}

.fsSearchElement.mobile-search form .fsSearchElementKeyword {
    width: calc(100% - 35px);
    margin: 0
}

.fsSearchElement.mobile-search form .fsSearchElementKeyword input {
    padding: 4px 4px 14px;
    text-align: right;
    background: transparent;
    border: 0
}

.fsSearchElement.mobile-search form .fsSearchElementSearchButton {
    position: relative;
    height: 35px;
    width: 35px;
    padding: 9px;
    font-size: 0;
    background: transparent;
    border: 0
}

.fsSearchElement.mobile-search form .fsSearchElementSearchButton:before {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    content: "\E919";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    color: #002855;
    font-size: 20px;
    line-height: 20px
}

.fsSearchElement.mobile-search form .fsSearchElementSearchButton:focus:before,
.fsSearchElement.mobile-search form .fsSearchElementSearchButton:hover:before {
    color: #79232e
}

.tablet-search-drawer {
    margin: 0;
    line-height: 1
}

@media (min-width:1000px) {
    .tablet-search-drawer {
        display: none
    }
}

.tablet-search-toggle {
    position: relative;
    height: 35px;
    width: 35px;
    margin-left: auto;
    font-size: 0;
    background-color: #f0f0f0;
    border: 0
}

.tablet-search-toggle:before {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    content: "\E919";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    font-size: 16px;
    line-height: 16px
}

.has-masthead .tablet-search-toggle {
    background-color: rgba(0, 0, 0, .5)
}

.has-masthead .tablet-search-toggle:before {
    color: #fff
}

.has-masthead .tablet-search-toggle:focus,
.has-masthead .tablet-search-toggle:hover {
    background-color: #fff
}

.has-masthead .tablet-search-toggle:focus:before,
.has-masthead .tablet-search-toggle:hover:before {
    color: #002855
}

/*! elements - social main */

/*! elements - social vimeo */
.fsVimeo,
.fsVimeo iframe.fsSocialVideoFrame {
    margin-bottom: 20px
}

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

.fsVimeoList li {
    margin: 0;
    padding: 0
}

.fsVimeoList .fsVimeoListItem {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
    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 #e5e5e5;
    padding: 0;
    padding-bottom: 20px;
    opacity: 1;
    transition: opacity .3s
}

.fsVimeoList .fsVimeoListItem:hover:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0
}

.fsVimeoThumb {
    margin-bottom: 10px;
    margin-right: 20px
}

@media (min-width:600px) {
    .fsVimeoThumb {
        float: left;
        margin-bottom: 0
    }
}

.vimeo_view_link a {
    display: inline-block;
    border: 2px solid #f3f3f3;
    margin: 0 0 20px;
    padding: 11px 9px;
    background: #f3f3f3;
    color: #002855 !important;
    font-family: Barlow, sans-serif;
    font-size: 15px;
    font-weight: 600 !important;
    letter-spacing: 1px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0;
    transition: .3s
}

.fsStateSelected .vimeo_view_link a,
.vimeo_view_link a.on,
.vimeo_view_link a:focus,
.vimeo_view_link a:hover {
    background: transparent;
    color: #002855 !important;
    transition: .3s
}

/*! elements - social youtube */
.fsYoutube,
.fsYoutube .fsSocialVideoFrame {
    margin-bottom: 20px
}

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

.fsYoutubeList li {
    margin: 0;
    padding: 0
}

.fsYoutubeList .fsYoutubeListItem {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
    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 #e5e5e5;
    padding: 0;
    padding-bottom: 20px;
    opacity: 1;
    transition: opacity .3s
}

.fsYoutubeList .fsYoutubeListItem:hover:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0
}

.fsYoutubeThumb {
    margin-bottom: 10px;
    margin-right: 20px;
    float: none
}

@media (min-width:600px) {
    .fsYoutubeThumb {
        float: left;
        margin-bottom: 0
    }
}

.Youtube_view_link a {
    display: inline-block;
    border: 2px solid #f3f3f3;
    margin: 0 0 20px;
    padding: 11px 9px;
    background: #f3f3f3;
    color: #002855 !important;
    font-family: Barlow, sans-serif;
    font-size: 15px;
    font-weight: 600 !important;
    letter-spacing: 1px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0;
    transition: .3s
}

.fsStateSelected .Youtube_view_link a,
.Youtube_view_link a.on,
.Youtube_view_link a:focus,
.Youtube_view_link a:hover {
    background: transparent;
    color: #002855 !important;
    transition: .3s
}

/*! elements - tabs */
.fsTabs {
    padding: 0;
    background: none;
    border: 0;
    margin-bottom: 20px
}

.fsTabs .fsTabsNav {
    margin: 0;
    padding: 0;
    display: none;
    border-bottom: 5px solid hsla(120, 0%, 44%, .33)
}

@media (min-width:600px) {
    .fsTabs .fsTabsNav {
        display: block
    }
}

.fsTabs .fsTabsNav li {
    margin-right: 7.75px
}

.fsTabs .fsTabsNav li a {
    display: block;
    margin-bottom: 0;
    padding: 13.33333px;
    color: #002855;
    font-family: Barlow, sans-serif;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 27px;
    text-transform: uppercase;
    transition: .3s;
    border: 1px solid rgba(0, 0, 0, .33);
    border-bottom: 5px solid hsla(120, 0%, 44%, .5);
    position: relative;
    background: transparent;
    color: #707170;
    border: 0
}

.fsTabs .fsTabsNav li a:before {
    position: absolute;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    bottom: -5px;
    height: 10px;
    width: 100%;
    max-height: 5px;
    content: "";
    background: hsla(120, 0%, 44%, .5);
    transition: all .3s
}

.fsTabs .fsTabsNav li a:hover {
    background: transparent;
    color: #a83338
}

.fsTabs .fsTabsNav li a:hover:before {
    max-height: 10px;
    background: #a83338
}

.fsTabs .fsTabsNav li.fsStateSelected a {
    position: relative;
    background: transparent;
    color: #002855;
    font-weight: 700
}

.fsTabs .fsTabsNav li.fsStateSelected a:before {
    max-height: 10px;
    background: #002855
}

.fsTabs .fsTabsNav li.fsStateSelected a:after {
    position: absolute;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    bottom: -12px;
    width: 0;
    height: 0;
    content: "";
    border: 0 solid transparent;
    border-left-width: 13px;
    border-right-width: 13px;
    border-top: 7px solid #002855
}

.fsTabs .fsPanel>.fsElementContent {
    padding: 30px 0 0;
    border: 0
}

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

/*! -main.scss - /sass/modules/tools  */

/*! _all.scss - src/sass/modules/tools - News, Calendar, & Posts Tools Elements */
.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: .875em;
    line-height: 1.2
}

/*! _filter.scss - src/sass/modules/tools/posts - News & Calendar Tools Elements */
.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: 10px
}

.fsElementToolsSearchButton {
    margin: 10px 0 0
}

/*! _filter.scss - src/sass/modules/tools/posts - Calendar Tools Elements */
.fsLegend .fsElementControls {
    margin-bottom: 5px
}

.fsLegend .fsElementControls label input:checked+span {
    background: #242424;
    color: #fff
}

.fsLegend .fsElementControls label input+span {
    color: #242424;
    background: #e5e5e5
}

/*! _filter.scss - src/sass/modules/tools/posts - Calendar Tools Elements */
.fsMiniGrid .fsCalendarEventGrid {
    max-width: 100%;
    width: 300px
}

.fsMiniGrid .fsCalendarEventGrid .fsCalendarDaybox {
    box-shadow: inset -1px 0 0 0 #fff, inset 0 -1px 0 0 #fff;
    background: #e5e5e5;
    color: #373737;
    font-size: .875em;
    line-height: 1;
    padding: 0;
    padding: 10px 5px;
    transition: .3s
}

.fsMiniGrid .fsCalendarEventGrid .fsCalendarDaybox:hover {
    opacity: 1;
    background: #002855 !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: #e5e5e5;
    color: #373737
}

.fsMiniGrid .fsCalendarEventGrid .fsCalendarDaybox.fsStateHasEvents .fsCalendarDate:after {
    content: "\25CF";
    font-size: 8px;
    display: block;
    line-height: .5;
    transform: translate3d(0, 2px, 0)
}

.fsMiniGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarOutOfRange {
    background: #f8f8f8;
    color: #636363
}

.fsMiniGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarToday {
    background: #a83338;
    color: #fff
}

.fsCalendarMonthYearPicker>.fsStyleUpdateButton {
    margin-bottom: 0;
    display: block;
    color: #fff;
    background-color: #242424
}

/*! _category.scss - src/sass/modules/tools/posts - Posts Tools Elements */

/*! _tag.scss - src/sass/modules/tools/posts - Posts Tools Elements */

/*! elements - common v0.0.1 */
.module {
    padding: 20px;
    color: #fff
}

.module a,
.module h1,
.module h2,
.module h3,
.module h4,
.module h5,
.module h6 {
    color: inherit
}

.module {
    background: #a83338
}

/*! pages - home v0.0.1 */
.home #fsPageBodyWrapper {
    padding: 33px 0 0
}

@media (min-width:700px) {
    .home #fsPageBodyWrapper {
        padding-top: 60px
    }
}

.home #fsPageBody {
    max-width: none
}

.home .fsPageTitle {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.home.video-playing .masthead article.slick-current figcaption.video-container {
    display: none
}

.home:not(.fsComposeMode) .masthead {
    min-height: 350px
}

@media (min-width:700px) {
    .home:not(.fsComposeMode) .masthead {
        min-height: 500px
    }
}

@media (min-width:1000px) {
    .home:not(.fsComposeMode) .masthead {
        height: 100vh
    }
}

.home:not(.fsComposeMode) .masthead figcaption.video-container {
    pointer-events: none;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .95)
}

.home:not(.fsComposeMode) .masthead figcaption.video-container a {
    pointer-events: all
}

.home:not(.fsComposeMode) .masthead .fsElementSlideshowControls>button {
    top: auto;
    bottom: 100px;
    right: 15px
}

.home:not(.fsComposeMode) .masthead article {
    z-index: 0 !important;
    opacity: 1 !important;
    min-height: 350px;
    margin: 0;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    transition: clip-path 1s cubic-bezier(.653, 0, .372, 1) 0ms;
    background-color: #fff
}

@media (min-width:700px) {
    .home:not(.fsComposeMode) .masthead article {
        min-height: 500px
    }
}

@media (min-width:1000px) {
    .home:not(.fsComposeMode) .masthead article {
        height: 100vh
    }
}

.home:not(.fsComposeMode) .masthead article.fsResourceTypeVideo .fsResourceVideoWrapper {
    position: static
}

.home:not(.fsComposeMode) .masthead article.fsResourceTypeVideo .fsVideoPlayOverlay {
    opacity: 0 !important
}

.home:not(.fsComposeMode) .masthead article.fsResourceTypeVideo .fsPlayOverlay button {
    z-index: 999
}

.home:not(.fsComposeMode) .masthead article.fsResourceTypeVideo .fsPlayOverlay button:focus,
.home:not(.fsComposeMode) .masthead article.fsResourceTypeVideo .fsPlayOverlay button:hover {
    box-shadow: inset 0 0 0 45px rgba(168, 51, 56, .8)
}

.home:not(.fsComposeMode) .masthead article.active {
    z-index: 10 !important
}

.home:not(.fsComposeMode) .masthead article.active.animate {
    z-index: 11 !important;
    clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%)
}

.home:not(.fsComposeMode) .masthead article picture {
    height: 0;
    padding-bottom: 62.5%
}

@media (min-width:700px) {
    .home:not(.fsComposeMode) .masthead article picture {
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        height: 0
    }
}

@media (min-width:1200px) {
    .home:not(.fsComposeMode) .masthead article picture {
        height: 100%;
        padding-bottom: 0
    }
}

.home:not(.fsComposeMode) .masthead article picture img {
    display: none
}

.home:not(.fsComposeMode) .masthead article figcaption {
    height: 275px;
    width: 100vw;
    padding: 20px 15px 30px;
    margin: 0 auto;
    text-align: left;
    background-color: #fff
}

@media (min-width:700px) {
    .home:not(.fsComposeMode) .masthead article figcaption {
        position: relative;
        margin: 0 auto;
        max-width: 1180px;
        position: absolute;
        bottom: 80px;
        padding: 0 20px;
        background-color: transparent
    }
}

@media (min-width:1000px) {
    .home:not(.fsComposeMode) .masthead article figcaption {
        bottom: 85px
    }
}

@media (min-width:1200px) {
    .home:not(.fsComposeMode) .masthead article figcaption {
        padding: 0
    }
}

.home:not(.fsComposeMode) .masthead article figcaption p {
    max-width: 476px
}

.home:not(.fsComposeMode) .masthead article figcaption a {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 14px 20px;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 18px;
    text-transform: uppercase;
    background-color: #a83338;
    border: 1px solid #a83338;
    text-shadow: none;
    transition: background .3s
}

.home:not(.fsComposeMode) .masthead article figcaption a:focus,
.home:not(.fsComposeMode) .masthead article figcaption a:hover {
    background-color: transparent
}

@media (min-width:700px) {
    .home:not(.fsComposeMode) .masthead article figcaption a {
        left: 20px
    }
}

@media (min-width:1200px) {
    .home:not(.fsComposeMode) .masthead article figcaption a {
        left: 0
    }
}

.home:not(.fsComposeMode) .masthead footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    margin: 0;
    padding: 0 35px;
    text-align: center
}

@media (min-width:700px) {
    .home:not(.fsComposeMode) .masthead footer {
        top: auto;
        bottom: 0;
        text-align: left
    }
}

.home:not(.fsComposeMode) .masthead footer .fsElementFooterContent {
    position: relative;
    margin: 0 auto;
    max-width: 1180px
}

.home:not(.fsComposeMode) .masthead footer .fsElementFooterContent .dots-wrapper {
    display: inline-block;
    font-size: 0
}

.home:not(.fsComposeMode) .masthead .slick-dots {
    display: flex !important;
    align-items: center;
    margin: 0;
    padding: 20px;
    background-color: #fff
}

.home:not(.fsComposeMode) .masthead .slick-dots li {
    position: relative;
    display: inline-block;
    height: 13px;
    width: 13px
}

.home:not(.fsComposeMode) .masthead .slick-dots li button {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    height: 100%;
    width: 100%;
    padding: 0;
    font-size: 0;
    background: #fff;
    border: 2px solid #707170;
    border-radius: 50%;
    cursor: pointer
}

.home:not(.fsComposeMode) .masthead .slick-dots li.slick-active {
    height: 18px;
    width: 18px
}

.home:not(.fsComposeMode) .masthead .slick-dots li.slick-active button {
    border: 4px solid #a83338
}

.home:not(.fsComposeMode) .masthead .slick-dots li:not(:last-of-type) {
    margin-right: 10px
}

.home:not(.fsComposeMode) .masthead .slick-dots .slider-controls {
    height: 15px;
    margin-left: 20px
}

.home:not(.fsComposeMode) .masthead .slick-dots .slider-controls button {
    position: relative;
    height: 15px;
    width: 13px;
    font-size: 0;
    background: transparent;
    border: 0;
    cursor: pointer
}

.home:not(.fsComposeMode) .masthead .slick-dots .slider-controls button:before {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    color: #707170;
    font-size: 17px;
    line-height: 17px
}

.home:not(.fsComposeMode) .masthead .slick-dots .slider-controls button:focus:before,
.home:not(.fsComposeMode) .masthead .slick-dots .slider-controls button:hover:before {
    color: #a83338
}

.home:not(.fsComposeMode) .masthead .slick-dots .slider-controls button.hide {
    display: none
}

.home:not(.fsComposeMode) .masthead .slick-dots .slider-controls button.play:before {
    content: "\E91D";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

.home:not(.fsComposeMode) .masthead .slick-dots .slider-controls button.pause:before {
    content: "\E91C";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

body:not(.fsComposeMode) .cta-buttons {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    padding: 20px 15px;
    background-color: #f3f3f3
}

@media (min-width:700px) {
    body:not(.fsComposeMode) .cta-buttons {
        position: fixed;
        top: 190px;
        right: 0;
        z-index: 5;
        width: auto;
        margin-left: 0;
        padding: 0;
        background-color: transparent
    }

    body:not(.fsComposeMode) .cta-buttons.hide .fsElementContent p a {
        max-width: 45px;
        color: transparent
    }

    body:not(.fsComposeMode) .cta-buttons.hide .fsElementContent p a:focus,
    body:not(.fsComposeMode) .cta-buttons.hide .fsElementContent p a:hover {
        max-width: 120px;
        color: #fff
    }
}

body:not(.fsComposeMode) .cta-buttons .fsElementContent {
    display: flex;
    justify-content: center
}

@media (min-width:700px) {
    body:not(.fsComposeMode) .cta-buttons .fsElementContent {
        flex-direction: column
    }
}

body:not(.fsComposeMode) .cta-buttons .fsElementContent p {
    width: 90px;
    margin: 0
}

body:not(.fsComposeMode) .cta-buttons .fsElementContent p:nth-of-type(2) {
    margin: 0 10px
}

@media (min-width:700px) {
    body:not(.fsComposeMode) .cta-buttons .fsElementContent p {
        display: flex;
        justify-content: flex-end;
        width: 120px
    }

    body:not(.fsComposeMode) .cta-buttons .fsElementContent p:nth-of-type(2) {
        margin: 10px 0
    }
}

body:not(.fsComposeMode) .cta-buttons .fsElementContent p a {
    display: block;
    width: 100%;
    max-width: 120px;
    padding: 20px 12px;
    color: #fff;
    font-family: Barlow, sans-serif;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 18px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    background-color: #a83338;
    transition: .3s
}

@media (min-width:700px) {
    body:not(.fsComposeMode) .cta-buttons .fsElementContent p a {
        padding: 12.5px 12px;
        text-align: left
    }
}

body:not(.fsComposeMode) .cta-buttons .fsElementContent p a:focus,
body:not(.fsComposeMode) .cta-buttons .fsElementContent p a:hover {
    background-color: #002855
}

body:not(.fsComposeMode) .cta-buttons .fsElementContent p a:before {
    display: block;
    color: #fff;
    font-size: 18px
}

@media (min-width:700px) {
    body:not(.fsComposeMode) .cta-buttons .fsElementContent p a:before {
        display: inline-block;
        margin-right: 10px
    }
}

body:not(.fsComposeMode) .cta-buttons .fsElementContent p a.inquire:before {
    content: "\E914";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

body:not(.fsComposeMode) .cta-buttons .fsElementContent p a.visit:before {
    content: "\E915";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

body:not(.fsComposeMode) .cta-buttons .fsElementContent p a.apply:before {
    content: "\E916";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

.apple header p:before {
    content: "";
    content: "\E912";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    display: block;
    margin-bottom: 16px;
    color: #a83338;
    font-size: 45px;
    line-height: 58px
}

@media (min-width:1100px) {
    .apple header .fsElementHeaderContent {
        margin-bottom: 9px
    }

    .apple header p {
        display: flex;
        align-items: center
    }

    .apple header p:before {
        display: inline-block;
        margin-right: 10px;
        margin-bottom: 0
    }
}

.building header p:before {
    content: "";
    content: "\E908";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    display: block;
    margin-bottom: 16px;
    color: #a83338;
    font-size: 45px;
    line-height: 58px
}

@media (min-width:1100px) {
    .building header .fsElementHeaderContent {
        margin-bottom: 9px
    }

    .building header p {
        display: flex;
        align-items: center
    }

    .building header p:before {
        display: inline-block;
        margin-right: 10px;
        margin-bottom: 0
    }
}

.horn header p:before {
    content: "";
    content: "\E90D";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    display: block;
    margin-bottom: 16px;
    color: #a83338;
    font-size: 45px;
    line-height: 58px
}

@media (min-width:1100px) {
    .horn header .fsElementHeaderContent {
        margin-bottom: 9px
    }

    .horn header p {
        display: flex;
        align-items: center
    }

    .horn header p:before {
        display: inline-block;
        margin-right: 10px;
        margin-bottom: 0
    }
}

.gift header p:before {
    content: "";
    content: "\E90F";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    display: block;
    margin-bottom: 16px;
    color: #a83338;
    font-size: 45px;
    line-height: 58px
}

@media (min-width:1100px) {
    .gift header .fsElementHeaderContent {
        margin-bottom: 9px
    }

    .gift header p {
        display: flex;
        align-items: center
    }

    .gift header p:before {
        display: inline-block;
        margin-right: 10px;
        margin-bottom: 0
    }
}

.globe header p:before {
    content: "";
    content: "\E910";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    display: block;
    margin-bottom: 16px;
    color: #a83338;
    font-size: 45px;
    line-height: 58px
}

@media (min-width:1100px) {
    .globe header .fsElementHeaderContent {
        margin-bottom: 9px
    }

    .globe header p {
        display: flex;
        align-items: center
    }

    .globe header p:before {
        display: inline-block;
        margin-right: 10px;
        margin-bottom: 0
    }
}

.book header p:before {
    content: "";
    content: "\E929";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    display: block;
    margin-bottom: 16px;
    color: #a83338;
    font-size: 45px;
    line-height: 58px
}

@media (min-width:1100px) {
    .book header .fsElementHeaderContent {
        margin-bottom: 9px
    }

    .book header p {
        display: flex;
        align-items: center
    }

    .book header p:before {
        display: inline-block;
        margin-right: 10px;
        margin-bottom: 0
    }
}

.cap header p:before {
    content: "";
    content: "\E92A";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    display: block;
    margin-bottom: 16px;
    color: #a83338;
    font-size: 45px;
    line-height: 58px
}

@media (min-width:1100px) {
    .cap header .fsElementHeaderContent {
        margin-bottom: 9px
    }

    .cap header p {
        display: flex;
        align-items: center
    }

    .cap header p:before {
        display: inline-block;
        margin-right: 10px;
        margin-bottom: 0
    }
}

.ball header p:before {
    content: "";
    content: "\E92B";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    display: block;
    margin-bottom: 16px;
    color: #a83338;
    font-size: 45px;
    line-height: 58px
}

@media (min-width:1100px) {
    .ball header .fsElementHeaderContent {
        margin-bottom: 9px
    }

    .ball header p {
        display: flex;
        align-items: center
    }

    .ball header p:before {
        display: inline-block;
        margin-right: 10px;
        margin-bottom: 0
    }
}

body:not(.fsComposeMode) .home-tabs {
    margin-top: 33px;
    margin-bottom: 54px
}

@media (min-width:700px) {
    body:not(.fsComposeMode) .home-tabs {
        margin-top: 60px;
        margin-bottom: 64px
    }
}

@media (min-width:1100px) {
    body:not(.fsComposeMode) .home-tabs {
        margin-bottom: 100px
    }
}

body:not(.fsComposeMode) .home-tabs>header {
    text-align: center
}

body:not(.fsComposeMode) .home-tabs>header h2 {
    font-size: 30px;
    line-height: 40px
}

@media (min-width:700px) {
    body:not(.fsComposeMode) .home-tabs>header h2 {
        font-size: 40px;
        line-height: 50px
    }
}

@media (min-width:1100px) {
    body:not(.fsComposeMode) .home-tabs>.fsElementContent {
        position: relative;
        margin: 0 auto;
        max-width: 1180px;
        padding: 0 20px
    }
}

body:not(.fsComposeMode) .home-tabs .fsTabsNav {
    display: flex;
    max-width: 616px;
    margin: 0 auto;
    padding: 0 15px
}

@media (max-width:699px) {
    body:not(.fsComposeMode) .home-tabs .fsTabsNav {
        display: inline-block;
        width: 100vw;
        max-width: none;
        margin-left: calc(-50vw + 50%)
    }
}

@media (min-width:1100px) {
    body:not(.fsComposeMode) .home-tabs .fsTabsNav {
        margin: 0
    }
}

body:not(.fsComposeMode) .home-tabs .fsTabsNav li {
    max-width: calc(50% - 12px)
}

body:not(.fsComposeMode) .home-tabs .fsTabsNav li:nth-of-type(odd) {
    margin-right: 24px
}

body:not(.fsComposeMode) .home-tabs .fsTabsNav li:first-of-type {
    margin-bottom: 17px
}

body:not(.fsComposeMode) .home-tabs .fsTabsNav li:last-of-type {
    margin-right: 0
}

@media (min-width:700px) {
    body:not(.fsComposeMode) .home-tabs .fsTabsNav li {
        margin-right: 24px
    }

    body:not(.fsComposeMode) .home-tabs .fsTabsNav li:first-of-type {
        margin-bottom: 0
    }
}

body:not(.fsComposeMode) .home-tabs .fsTabsNav li.fsStateSelected a:after {
    display: none
}

body:not(.fsComposeMode) .home-tabs .fsTabsNav li a {
    padding: 17px 8px;
    font-size: 15px;
    line-height: 20px;
    white-space: nowrap
}

body:not(.fsComposeMode) .home-tabs .fsPanel {
    position: relative;
    padding: 0 15px
}

body:not(.fsComposeMode) .home-tabs .fsPanel .fsLayout {
    margin: 0
}

@media (min-width:1100px) {
    body:not(.fsComposeMode) .home-tabs .fsPanel .fsLayout {
        display: flex;
        justify-content: space-between
    }
}

@media (min-width:700px) {
    body:not(.fsComposeMode) .home-tabs .fsPanel {
        padding: 0 34px
    }

    body:not(.fsComposeMode) .home-tabs .fsPanel>.fsElementContent {
        padding: 75px 0 0
    }
}

@media (min-width:1100px) {
    body:not(.fsComposeMode) .home-tabs .fsPanel {
        padding: 0
    }

    body:not(.fsComposeMode) .home-tabs .fsPanel>.fsElementContent {
        padding: 120px 0 0
    }
}

body:not(.fsComposeMode) .home-tabs .fsPanel>header {
    display: none !important
}

body:not(.fsComposeMode) .home-tabs .fsPanel .fsStyleColumn-1 {
    padding: 0 16px;
    float: none;
    opacity: 0;
    transform: translateY(100px);
    transition: .8s 1s
}

body:not(.fsComposeMode) .home-tabs .fsPanel .fsStyleColumn-1 .fsContent header {
    font-family: Barlow, sans-serif
}

body:not(.fsComposeMode) .home-tabs .fsPanel .fsStyleColumn-1 .fsContent header strong {
    color: #002855;
    font-size: 25px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 35px;
    text-transform: uppercase
}

@media (min-width:700px) {
    body:not(.fsComposeMode) .home-tabs .fsPanel .fsStyleColumn-1 .fsContent header strong {
        font-size: 35px;
        line-height: 45px
    }
}

body:not(.fsComposeMode) .home-tabs .fsPanel .fsStyleColumn-1 .fsContent header em {
    color: #313131;
    font-size: 20px;
    font-style: normal;
    line-height: 30px
}

@media (min-width:700px) {
    body:not(.fsComposeMode) .home-tabs .fsPanel .fsStyleColumn-1 .fsContent header em {
        font-size: 22px;
        line-height: 32px
    }
}

@media (min-width:700px) {
    body:not(.fsComposeMode) .home-tabs .fsPanel .fsStyleColumn-1 {
        margin-bottom: 34px;
        padding: 0 20px 0 0;
        width: 50%
    }
}

@media (min-width:1100px) {
    body:not(.fsComposeMode) .home-tabs .fsPanel .fsStyleColumn-1 {
        width: 58%
    }
}

body:not(.fsComposeMode) .home-tabs .fsPanel .fsStyleColumn-2 {
    width: 100%;
    padding-top: 280px;
    float: none
}

@media (min-width:700px) {
    body:not(.fsComposeMode) .home-tabs .fsPanel .fsStyleColumn-2 {
        padding: 0
    }
}

body:not(.fsComposeMode) .home-tabs .infographic-container {
    position: relative;
    padding: 80px 16px 30px;
    background-attachment: fixed;
    background-position: 50%;
    background-size: cover
}

body:not(.fsComposeMode) .home-tabs .infographic-container:before {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    content: "";
    background-color: rgba(0, 40, 85, .9)
}

@media (min-width:700px) {
    body:not(.fsComposeMode) .home-tabs .infographic-container {
        padding: 90px 40px 45px
    }
}

@media (min-width:1100px) {
    body:not(.fsComposeMode) .home-tabs .infographic-container {
        float: right;
        width: 66%;
        max-width: 500px;
        margin-top: -160px;
        padding: 142px 50px 100px 70px
    }
}

body:not(.fsComposeMode) .home-tabs .infographic-container>header {
    position: absolute;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    top: -280px;
    height: 325px;
    width: calc(100% - 32px);
    max-width: 0;
    background-position: 50%;
    background-size: cover;
    transition: max-width 1s
}

body:not(.fsComposeMode) .home-tabs .infographic-container>header img {
    opacity: 0
}

@media (min-width:700px) {
    body:not(.fsComposeMode) .home-tabs .infographic-container>header {
        top: -400px;
        right: 34px;
        transform: none;
        height: 450px;
        width: calc(50% - 34px)
    }
}

@media (min-width:1100px) {
    body:not(.fsComposeMode) .home-tabs .infographic-container>header {
        position: absolute;
        top: 50%;
        transform: translate3d(0, -50%, 0);
        top: 53%;
        right: auto;
        left: -240px;
        z-index: 1;
        width: 360px
    }
}

body:not(.fsComposeMode) .home-tabs .infographic-container>.fsElementContent {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    z-index: 2;
    padding: 21px 8px 25px;
    background-color: #fff;
    transform: translateX(100px);
    opacity: 0;
    transition: transform .8s
}

@media (min-width:1100px) {
    body:not(.fsComposeMode) .home-tabs .infographic-container>.fsElementContent {
        padding: 47px 19px 55px 25px
    }
}

body:not(.fsComposeMode) .home-tabs .infographic-container>.fsElementContent .infographic-box {
    width: 50%;
    margin: 0;
    text-align: center
}

body:not(.fsComposeMode) .home-tabs .infographic-container>.fsElementContent .infographic-box:first-of-type {
    margin-bottom: 40px
}

body:not(.fsComposeMode) .home-tabs .infographic-container>.fsElementContent .infographic-box header {
    color: #002855;
    font-family: Barlow, sans-serif;
    font-size: 40px;
    font-weight: 900;
    line-height: 50px
}

body:not(.fsComposeMode) .home-tabs .infographic-container>.fsElementContent .infographic-box .fsElementContent {
    font-size: 15px;
    line-height: 23px
}

body:not(.fsComposeMode) .home-tabs .infographic-container>.fsElementContent .infographic-box.apple header p:before {
    content: "";
    content: "\E912";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    display: block;
    margin-bottom: 16px;
    color: #a83338;
    font-size: 45px;
    line-height: 58px
}

@media (min-width:1100px) {
    body:not(.fsComposeMode) .home-tabs .infographic-container>.fsElementContent .infographic-box.apple header .fsElementHeaderContent {
        margin-bottom: 9px
    }

    body:not(.fsComposeMode) .home-tabs .infographic-container>.fsElementContent .infographic-box.apple header p {
        display: flex;
        align-items: center
    }

    body:not(.fsComposeMode) .home-tabs .infographic-container>.fsElementContent .infographic-box.apple header p:before {
        display: inline-block;
        margin-right: 10px;
        margin-bottom: 0
    }
}

body:not(.fsComposeMode) .home-tabs .infographic-container>.fsElementContent .infographic-box.building header p:before {
    content: "";
    content: "\E908";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    display: block;
    margin-bottom: 16px;
    color: #a83338;
    font-size: 45px;
    line-height: 58px
}

@media (min-width:1100px) {
    body:not(.fsComposeMode) .home-tabs .infographic-container>.fsElementContent .infographic-box.building header .fsElementHeaderContent {
        margin-bottom: 9px
    }

    body:not(.fsComposeMode) .home-tabs .infographic-container>.fsElementContent .infographic-box.building header p {
        display: flex;
        align-items: center
    }

    body:not(.fsComposeMode) .home-tabs .infographic-container>.fsElementContent .infographic-box.building header p:before {
        display: inline-block;
        margin-right: 10px;
        margin-bottom: 0
    }
}

body:not(.fsComposeMode) .home-tabs .infographic-container>.fsElementContent .infographic-box.horn header p:before {
    content: "";
    content: "\E90D";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    display: block;
    margin-bottom: 16px;
    color: #a83338;
    font-size: 45px;
    line-height: 58px
}

@media (min-width:1100px) {
    body:not(.fsComposeMode) .home-tabs .infographic-container>.fsElementContent .infographic-box.horn header .fsElementHeaderContent {
        margin-bottom: 9px
    }

    body:not(.fsComposeMode) .home-tabs .infographic-container>.fsElementContent .infographic-box.horn header p {
        display: flex;
        align-items: center
    }

    body:not(.fsComposeMode) .home-tabs .infographic-container>.fsElementContent .infographic-box.horn header p:before {
        display: inline-block;
        margin-right: 10px;
        margin-bottom: 0
    }
}

body:not(.fsComposeMode) .home-tabs .infographic-container>.fsElementContent .infographic-box.gift header p:before {
    content: "";
    content: "\E90F";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    display: block;
    margin-bottom: 16px;
    color: #a83338;
    font-size: 45px;
    line-height: 58px
}

@media (min-width:1100px) {
    body:not(.fsComposeMode) .home-tabs .infographic-container>.fsElementContent .infographic-box.gift header .fsElementHeaderContent {
        margin-bottom: 9px
    }

    body:not(.fsComposeMode) .home-tabs .infographic-container>.fsElementContent .infographic-box.gift header p {
        display: flex;
        align-items: center
    }

    body:not(.fsComposeMode) .home-tabs .infographic-container>.fsElementContent .infographic-box.gift header p:before {
        display: inline-block;
        margin-right: 10px;
        margin-bottom: 0
    }
}

body:not(.fsComposeMode) .home-tabs .infographic-container>.fsElementContent .infographic-box.globe header p:before {
    content: "";
    content: "\E910";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    display: block;
    margin-bottom: 16px;
    color: #a83338;
    font-size: 45px;
    line-height: 58px
}

@media (min-width:1100px) {
    body:not(.fsComposeMode) .home-tabs .infographic-container>.fsElementContent .infographic-box.globe header .fsElementHeaderContent {
        margin-bottom: 9px
    }

    body:not(.fsComposeMode) .home-tabs .infographic-container>.fsElementContent .infographic-box.globe header p {
        display: flex;
        align-items: center
    }

    body:not(.fsComposeMode) .home-tabs .infographic-container>.fsElementContent .infographic-box.globe header p:before {
        display: inline-block;
        margin-right: 10px;
        margin-bottom: 0
    }
}

body:not(.fsComposeMode) .home-tabs .infographic-container>.fsElementContent .infographic-box.book header p:before {
    content: "";
    content: "\E929";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    display: block;
    margin-bottom: 16px;
    color: #a83338;
    font-size: 45px;
    line-height: 58px
}

@media (min-width:1100px) {
    body:not(.fsComposeMode) .home-tabs .infographic-container>.fsElementContent .infographic-box.book header .fsElementHeaderContent {
        margin-bottom: 9px
    }

    body:not(.fsComposeMode) .home-tabs .infographic-container>.fsElementContent .infographic-box.book header p {
        display: flex;
        align-items: center
    }

    body:not(.fsComposeMode) .home-tabs .infographic-container>.fsElementContent .infographic-box.book header p:before {
        display: inline-block;
        margin-right: 10px;
        margin-bottom: 0
    }
}

body:not(.fsComposeMode) .home-tabs .infographic-container>.fsElementContent .infographic-box.cap header p:before {
    content: "";
    content: "\E92A";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    display: block;
    margin-bottom: 16px;
    color: #a83338;
    font-size: 45px;
    line-height: 58px
}

@media (min-width:1100px) {
    body:not(.fsComposeMode) .home-tabs .infographic-container>.fsElementContent .infographic-box.cap header .fsElementHeaderContent {
        margin-bottom: 9px
    }

    body:not(.fsComposeMode) .home-tabs .infographic-container>.fsElementContent .infographic-box.cap header p {
        display: flex;
        align-items: center
    }

    body:not(.fsComposeMode) .home-tabs .infographic-container>.fsElementContent .infographic-box.cap header p:before {
        display: inline-block;
        margin-right: 10px;
        margin-bottom: 0
    }
}

body:not(.fsComposeMode) .home-tabs .infographic-container>.fsElementContent .infographic-box.ball header p:before {
    content: "";
    content: "\E92B";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    display: block;
    margin-bottom: 16px;
    color: #a83338;
    font-size: 45px;
    line-height: 58px
}

@media (min-width:1100px) {
    body:not(.fsComposeMode) .home-tabs .infographic-container>.fsElementContent .infographic-box.ball header .fsElementHeaderContent {
        margin-bottom: 9px
    }

    body:not(.fsComposeMode) .home-tabs .infographic-container>.fsElementContent .infographic-box.ball header p {
        display: flex;
        align-items: center
    }

    body:not(.fsComposeMode) .home-tabs .infographic-container>.fsElementContent .infographic-box.ball header p:before {
        display: inline-block;
        margin-right: 10px;
        margin-bottom: 0
    }
}

@media (min-width:700px) {
    body:not(.fsComposeMode) .home-tabs .infographic-container>.fsElementContent .infographic-box {
        width: 25%
    }
}

@media (min-width:1100px) {
    body:not(.fsComposeMode) .home-tabs .infographic-container>.fsElementContent .infographic-box {
        width: calc(50% - 8.5px);
        text-align: left
    }

    body:not(.fsComposeMode) .home-tabs .infographic-container>.fsElementContent .infographic-box:first-of-type {
        margin-right: 17px;
        margin-bottom: 25px
    }

    body:not(.fsComposeMode) .home-tabs .infographic-container>.fsElementContent .infographic-box:nth-of-type(3) {
        margin-right: 17px
    }
}

body:not(.fsComposeMode) .home-tabs.in-view .fsPanel .fsStyleColumn-1 {
    opacity: 1;
    transform: translateX(0)
}

body:not(.fsComposeMode) .home-tabs.in-view .infographic-container>header {
    max-width: 999px
}

body:not(.fsComposeMode) .home-tabs.in-view .infographic-container>.fsElementContent {
    transform: translateX(0);
    opacity: 1
}

body:not(.fsComposeMode) .home-educator-slider {
    position: relative;
    padding: 33px 16px 85px;
    background-attachment: fixed
}

@media (min-width:700px) {
    body:not(.fsComposeMode) .home-educator-slider {
        padding: 57px 40px 94px
    }
}

@media (min-width:1000px) {
    body:not(.fsComposeMode) .home-educator-slider {
        margin-bottom: 93px;
        padding: 100px 0 147px
    }
}

body:not(.fsComposeMode) .home-educator-slider:before {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    content: "";
    background-color: rgba(168, 51, 56, .9)
}

body:not(.fsComposeMode) .home-educator-slider>.fsElementContent {
    margin: 0 auto;
    max-width: 1180px;
    position: relative;
    padding: 16px 14px 30px;
    background-color: #fff
}

@media (min-width:700px) {
    body:not(.fsComposeMode) .home-educator-slider>.fsElementContent {
        padding: 43px 40px 47px
    }
}

body:not(.fsComposeMode) .home-educator-slider .fsGrid .fsListItems,
body:not(.fsComposeMode) .home-educator-slider .fsLayout {
    margin: 0
}

@media (min-width:1100px) {
    body:not(.fsComposeMode) .home-educator-slider .fsTwoColumnLayout {
        display: flex
    }

    body:not(.fsComposeMode) .home-educator-slider .fsTwoColumnLayout img {
        flex: 1 0 auto
    }
}

body:not(.fsComposeMode) .home-educator-slider .fsTwoColumnLayout .fsStyleColumn {
    float: none;
    padding: 0
}

body:not(.fsComposeMode) .home-educator-slider .fsTwoColumnLayout .fsStyleColumn.fsStyleColumn-1,
body:not(.fsComposeMode) .home-educator-slider .fsTwoColumnLayout .fsStyleColumn.fsStyleColumn-2 {
    width: 100%
}

@media (min-width:1100px) {

    body:not(.fsComposeMode) .home-educator-slider .fsTwoColumnLayout .fsStyleColumn.fsStyleColumn-1,
    body:not(.fsComposeMode) .home-educator-slider .fsTwoColumnLayout .fsStyleColumn.fsStyleColumn-2 {
        width: 50%
    }
}

body:not(.fsComposeMode) .home-educator-slider .fsTwoColumnLayout .fsStyleColumn.fsStyleColumn-1.fsStyleColumn-1,
body:not(.fsComposeMode) .home-educator-slider .fsTwoColumnLayout .fsStyleColumn.fsStyleColumn-2.fsStyleColumn-1 {
    width: 100%;
    flex: 1;
    margin-right: 74px
}

@media (min-width:1100px) {

    body:not(.fsComposeMode) .home-educator-slider .fsTwoColumnLayout .fsStyleColumn.fsStyleColumn-1.fsStyleColumn-1,
    body:not(.fsComposeMode) .home-educator-slider .fsTwoColumnLayout .fsStyleColumn.fsStyleColumn-2.fsStyleColumn-1 {
        width: 40%
    }

    body:not(.fsComposeMode) .home-educator-slider .fsTwoColumnLayout .fsStyleColumn.fsStyleColumn-1.fsStyleColumn-1 .educator-large,
    body:not(.fsComposeMode) .home-educator-slider .fsTwoColumnLayout .fsStyleColumn.fsStyleColumn-1.fsStyleColumn-1 .fsElementContent,
    body:not(.fsComposeMode) .home-educator-slider .fsTwoColumnLayout .fsStyleColumn.fsStyleColumn-1.fsStyleColumn-1 .fsListItems,
    body:not(.fsComposeMode) .home-educator-slider .fsTwoColumnLayout .fsStyleColumn.fsStyleColumn-1.fsStyleColumn-1 .slick-list,
    body:not(.fsComposeMode) .home-educator-slider .fsTwoColumnLayout .fsStyleColumn.fsStyleColumn-1.fsStyleColumn-1 .slick-track,
    body:not(.fsComposeMode) .home-educator-slider .fsTwoColumnLayout .fsStyleColumn.fsStyleColumn-1.fsStyleColumn-1 article,
    body:not(.fsComposeMode) .home-educator-slider .fsTwoColumnLayout .fsStyleColumn.fsStyleColumn-1.fsStyleColumn-1 figure,
    body:not(.fsComposeMode) .home-educator-slider .fsTwoColumnLayout .fsStyleColumn.fsStyleColumn-1.fsStyleColumn-1 img,
    body:not(.fsComposeMode) .home-educator-slider .fsTwoColumnLayout .fsStyleColumn.fsStyleColumn-1.fsStyleColumn-1 picture,
    body:not(.fsComposeMode) .home-educator-slider .fsTwoColumnLayout .fsStyleColumn.fsStyleColumn-2.fsStyleColumn-1 .educator-large,
    body:not(.fsComposeMode) .home-educator-slider .fsTwoColumnLayout .fsStyleColumn.fsStyleColumn-2.fsStyleColumn-1 .fsElementContent,
    body:not(.fsComposeMode) .home-educator-slider .fsTwoColumnLayout .fsStyleColumn.fsStyleColumn-2.fsStyleColumn-1 .fsListItems,
    body:not(.fsComposeMode) .home-educator-slider .fsTwoColumnLayout .fsStyleColumn.fsStyleColumn-2.fsStyleColumn-1 .slick-list,
    body:not(.fsComposeMode) .home-educator-slider .fsTwoColumnLayout .fsStyleColumn.fsStyleColumn-2.fsStyleColumn-1 .slick-track,
    body:not(.fsComposeMode) .home-educator-slider .fsTwoColumnLayout .fsStyleColumn.fsStyleColumn-2.fsStyleColumn-1 article,
    body:not(.fsComposeMode) .home-educator-slider .fsTwoColumnLayout .fsStyleColumn.fsStyleColumn-2.fsStyleColumn-1 figure,
    body:not(.fsComposeMode) .home-educator-slider .fsTwoColumnLayout .fsStyleColumn.fsStyleColumn-2.fsStyleColumn-1 img,
    body:not(.fsComposeMode) .home-educator-slider .fsTwoColumnLayout .fsStyleColumn.fsStyleColumn-2.fsStyleColumn-1 picture {
        height: 100%
    }
}

@media (min-width:700px) {
    body:not(.fsComposeMode) .home-educator-slider .educator-large {
        margin-bottom: 42px;
        max-width: 476px
    }
}

body:not(.fsComposeMode) .home-educator-slider .educator-large .fsListItems {
    display: block
}

body:not(.fsComposeMode) .home-educator-slider .educator-large figure {
    position: relative;
    height: 0;
    margin: 0;
    padding: 100% 0 0
}

@media (min-width:700px) {
    body:not(.fsComposeMode) .home-educator-slider .educator-large figure {
        height: 300px;
        padding: 0
    }
}

body:not(.fsComposeMode) .home-educator-slider .educator-large figure picture {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    height: 100%;
    width: 100%
}

body:not(.fsComposeMode) .home-educator-slider .educator-large figure picture img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    height: 100%;
    width: auto;
    max-width: none
}

@media (min-width:700px) {
    body:not(.fsComposeMode) .home-educator-slider .educator-large figure picture img {
        top: 0;
        transform: translate3d(-50%, 0, 0);
        height: auto;
        width: 100%;
        width: auto
    }
}

body:not(.fsComposeMode) .home-educator-slider .educator-large figure figcaption {
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 71%;
    padding: 13px 17px 13px 0;
    color: #313131;
    font-family: Barlow, sans-serif;
    font-size: 20px;
    line-height: 30px;
    background-color: #fff
}

@media (min-width:700px) {
    body:not(.fsComposeMode) .home-educator-slider .educator-large figure figcaption {
        bottom: 52px;
        padding: 14px 54px 20px 20px
    }
}

body:not(.fsComposeMode) .home-educator-slider .educator-large figure figcaption p {
    margin: 0
}

body:not(.fsComposeMode) .home-educator-slider .educator-large figure figcaption strong {
    color: #002855;
    font-family: Barlow, sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px
}

@media (min-width:700px) {
    body:not(.fsComposeMode) .home-educator-slider .educator-large figure figcaption strong {
        font-size: 25px;
        line-height: 37px
    }
}

body:not(.fsComposeMode) .home-educator-slider .educator-tagline header {
    color: #002855;
    font-family: Barlow, sans-serif;
    font-size: 30px;
    font-weight: 900;
    line-height: 40px
}

@media (min-width:700px) {
    body:not(.fsComposeMode) .home-educator-slider .educator-tagline header {
        font-size: 40px;
        line-height: 50px
    }
}

body:not(.fsComposeMode) .home-educator-slider .educator-tagline header .fsElementHeaderContent {
    margin-bottom: 16px
}

body:not(.fsComposeMode) .home-educator-slider .educator-tagline footer .fsElementFooterContent {
    margin-top: 33px;
    text-align: center
}

body:not(.fsComposeMode) .home-educator-slider .educator-tagline footer .fsElementFooterContent p {
    margin-bottom: 16px
}

body:not(.fsComposeMode) .home-educator-slider .educator-tagline footer .fsElementFooterContent a {
    width: 100%;
    max-width: 260px;
    margin: 0
}

@media (min-width:700px) {
    body:not(.fsComposeMode) .home-educator-slider .educator-tagline footer .fsElementFooterContent {
        text-align: left
    }

    body:not(.fsComposeMode) .home-educator-slider .educator-tagline footer .fsElementFooterContent p {
        display: inline-block;
        margin-right: 20px;
        margin-bottom: 0
    }

    body:not(.fsComposeMode) .home-educator-slider .educator-tagline footer .fsElementFooterContent a {
        width: auto
    }
}

body:not(.fsComposeMode) .home-educator-slider .educator-small .slick-track {
    display: flex
}

body:not(.fsComposeMode) .home-educator-slider .educator-small article {
    height: inherit;
    margin-right: 10px;
    cursor: pointer;
    opacity: 1;
    transition: opacity .3s
}

@media (min-width:700px) {
    body:not(.fsComposeMode) .home-educator-slider .educator-small article {
        margin-right: 24px
    }
}

body:not(.fsComposeMode) .home-educator-slider .educator-small article.slick-current {
    display: none
}

body:not(.fsComposeMode) .home-educator-slider .educator-small article figure {
    height: 100%;
    background-position: 50%;
    background-size: cover
}

body:not(.fsComposeMode) .home-educator-slider .educator-small article figure img {
    opacity: 0
}

body:not(.fsComposeMode) .home-educator-slider .educator-small article:focus,
body:not(.fsComposeMode) .home-educator-slider .educator-small article:hover {
    opacity: .75
}

body:not(.fsComposeMode) .home-explore-container {
    margin-top: -86px;
    margin-bottom: 25px;
    padding: 0 15px
}

@media (min-width:700px) {
    body:not(.fsComposeMode) .home-explore-container {
        padding: 0 34px;
        margin-top: 0
    }
}

@media (min-width:1000px) {
    body:not(.fsComposeMode) .home-explore-container>.fsElementContent {
        position: relative;
        margin: 0 auto;
        max-width: 1180px;
        display: flex;
        flex-direction: row-reverse
    }
}

body:not(.fsComposeMode) .home-explore-container .explore-video {
    margin-bottom: 20px
}

@media (min-width:700px) {
    body:not(.fsComposeMode) .home-explore-container .explore-video {
        margin-bottom: 40px
    }
}

@media (min-width:1000px) {
    body:not(.fsComposeMode) .home-explore-container .explore-video {
        margin-top: -177px;
        margin-bottom: 0;
        width: 60%
    }
}

@media (min-width:1000px) {
    body:not(.fsComposeMode) .home-explore-container .explore-tagline {
        margin-right: 50px;
        width: calc(40% - 50px)
    }
}

body:not(.fsComposeMode) .home-explore-container .explore-tagline header {
    color: #002855;
    font-family: Barlow, sans-serif;
    font-size: 30px;
    font-weight: 900;
    line-height: 40px
}

@media (min-width:700px) {
    body:not(.fsComposeMode) .home-explore-container .explore-tagline header {
        font-size: 40px;
        line-height: 50px
    }
}

.portal-page .fsTwoColumnWideRightLayout>.fsDiv>.fsElement+.fsElement {
    margin-top: 2em
}

/*! pages - style-guide v0.0.1 */
.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: #707170
}

.colors.main ol li:first-of-type:after {
    content: "#707170"
}

.colors.main ol li:nth-of-type(2) {
    background: #a83338
}

.colors.main ol li:nth-of-type(2):after {
    content: "#a83338"
}

.colors.main ol li:nth-of-type(3) {
    background: #002855
}

.colors.main ol li:nth-of-type(3):after {
    content: "#002855"
}

@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: "#000"
}

.colors.shade ol li:nth-of-type(2) {
    background: #131313
}

.colors.shade ol li:nth-of-type(2):after {
    content: "#131313"
}

.colors.shade ol li:nth-of-type(3) {
    background: #242424
}

.colors.shade ol li:nth-of-type(3):after {
    content: "#242424"
}

.colors.shade ol li:nth-of-type(4) {
    background: #373737
}

.colors.shade ol li:nth-of-type(4):after {
    content: "#373737"
}

.colors.shade ol li:nth-of-type(5) {
    background: #636363
}

.colors.shade ol li:nth-of-type(5):after {
    content: "#636363"
}

.colors.shade ol li:nth-of-type(6) {
    background: #959595
}

.colors.shade ol li:nth-of-type(6):after {
    content: "#959595"
}

.colors.shade ol li:nth-of-type(7) {
    background: #cfcfcf
}

.colors.shade ol li:nth-of-type(7):after {
    content: "#cfcfcf"
}

.colors.shade ol li:nth-of-type(8) {
    background: #e5e5e5
}

.colors.shade ol li:nth-of-type(8):after {
    content: "#e5e5e5"
}

.colors.shade ol li:nth-of-type(9) {
    background: #f8f8f8
}

.colors.shade ol li:nth-of-type(9):after {
    content: "#f8f8f8"
}

.colors.shade ol li:nth-of-type(10) {
    background: #fff
}

.colors.shade ol li:nth-of-type(10):after {
    content: "#fff"
}

.fonts ol {
    padding: 0;
    list-style: none
}

.fonts ol li:first-of-type {
    font-family: Lato, sans-serif
}

.fonts ol li:first-of-type:after {
    content: "Lato, sans-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: 45px / line-height: 55px"
}

.headers .fsElementContent h2:after {
    content: " - font-size: 40px / line-height: 50px"
}

.headers .fsElementContent h3:after {
    content: " - font-size: 35px / line-height: 45px"
}

.headers .fsElementContent h4:after {
    content: " - font-size: 30px / line-height: 40px"
}

.headers .fsElementContent h5:after {
    content: " - font-size: 25px / line-height: 27px"
}

.headers .fsElementContent h6:after {
    content: " - font-size: 15px / line-height: 20px"
}

.custom-directory .fsListItems article {
    position: relative;
    margin-bottom: 30px;
    text-align: center;
    border-bottom: none
}

.custom-directory .fsListItems article.fsCategory-82:before {
    content: "\E928";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    position: absolute;
    top: 20px;
    right: 40px;
    z-index: 1;
    color: #a83338;
    font-size: 30px
}

.custom-directory .fsListItems article .image-wrap {
    position: relative
}

.custom-directory .fsListItems article .fsThumbnail {
    opacity: 1;
    visibility: visible;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    transition: .3 ease;
    position: relative
}

.custom-directory .fsListItems article .fsThumbnail:before {
    content: "";
    background: transparent;
    background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .8));
    position: absolute;
    left: 0;
    bottom: 0;
    height: 30%;
    width: 100%
}

.custom-directory .fsListItems article .fsThumbnail img {
    opacity: 0;
    visibility: hidden;
    width: 100%
}

.custom-directory .fsListItems article .fsImage {
    margin-bottom: 0;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    height: 100%
}

.custom-directory .fsListItems article .fsImage picture {
    display: block;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%
}

.custom-directory .fsListItems article .fsImage picture img {
    opacity: 0;
    visibility: hidden;
    width: 100%
}

.custom-directory .fsListItems article .fsCategories {
    position: absolute;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    bottom: 0
}

.custom-directory .fsListItems article .fsCategories li {
    font-size: 12px;
    background: #a83338
}

.custom-directory .fsListItems article .fsTitle {
    margin: 20px 0 10px;
    color: #002855;
    font-family: Barlow, sans-serif;
    font-size: 30px;
    font-weight: 600;
    line-height: 40px
}

.custom-directory .fsListItems article .fsTitle .fsPostLink {
    color: inherit;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    text-align: center
}

.custom-directory .fsListItems article .fsSummary {
    margin-bottom: 14px
}

.custom-directory .fsListItems article .fsSummary p {
    margin-bottom: 0
}

.custom-directory .fsListItems article .fsSummary p:last-of-type {
    font-size: 14px
}

.custom-directory .fsListItems article .fsBody {
    display: none
}

.custom-directory .fsListItems article .fsReadMoreLink {
    color: #002855;
    font-family: Barlow, sans-serif;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 20px;
    text-decoration: none;
    text-transform: uppercase
}

.custom-directory .fsListItems article .fsReadMoreLink .fsStyleSROnly {
    position: relative;
    clip: 0;
    clip-path: none;
    height: auto;
    width: auto;
    margin: 0
}

.custom-directory .fsListItems article .fsReadMoreLink:focus,
.custom-directory .fsListItems article .fsReadMoreLink:hover {
    text-decoration: underline
}

.custom-directory .fsListItems article:focus .fsThumbnail,
.custom-directory .fsListItems article:hover .fsThumbnail {
    opacity: 0;
    visibility: hidden
}

.custom-directory .fsListItems article:focus .fsImage,
.custom-directory .fsListItems article:hover .fsImage {
    opacity: 1;
    visibility: visible
}

dialog.fsPostElement .fsBoard-175 .fsBody .fsImage {
    display: none
}

/*! enhancements - global map */
.map-container.fsContainer {
    position: relative
}

.fsPageLayout>.fsDiv .map-container.fsContainer:last-child {
    margin-bottom: -60px
}

.map-container.fsContainer>header .fsElementTitle {
    text-align: center;
    font-size: 45px;
    line-height: 54px;
    letter-spacing: .005em;
    margin-bottom: 30px
}

@media (min-width:850px) {
    .map-container.fsContainer>header .fsElementTitle {
        font-size: 38px;
        line-height: 25px;
        letter-spacing: .01em;
        margin-bottom: 31px
    }
}

.map-container.fsContainer>.fsElementContent {
    position: relative
}

@media screen and (max-width:1219px) {
    body:not(.fsComposeMode) .map-container.fsContainer {
        margin-left: -20px;
        width: calc(100% + 40px) !important;
        left: auto !important
    }
}

.map-container.fsContainer.hide-load .intro-text {
    opacity: 0;
    visibility: hidden;
    transform: scale(0)
}

.map-container.fsContainer .fsElement {
    margin-bottom: 0
}

.map-container.fsContainer .map-image img {
    width: 100%
}

.map-container.fsContainer .intro-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 40, 85, .8);
    color: #fff;
    text-align: center;
    padding: 142px 20px 40px;
    z-index: 2;
    transition: all .5s, transform .75s
}

@media (max-width:849px) {
    .map-container.fsContainer .intro-text {
        display: none
    }
}

.map-container.fsContainer .intro-text>.fsElementContent,
.map-container.fsContainer .intro-text>header {
    position: relative;
    margin: 0 auto;
    max-width: 508px
}

.map-container.fsContainer .intro-text>header .fsElementTitle {
    margin-bottom: 20px;
    color: inherit;
    font-size: 2.375rem;
    line-height: 1.5625rem
}

.map-container.fsContainer .intro-text>.fsElementContent {
    font-size: 1.25rem;
    line-height: 1.5;
    letter-spacing: .01em;
    font-family: Barlow, sans-serif
}

.map-container.fsContainer .legend {
    background-color: #fff;
    border: 1px solid #959595;
    padding: 19px;
    margin: 30px 37px;
    font-size: .9375rem;
    line-height: 1.5625rem
}

@media (min-width:850px) {
    .map-container.fsContainer .legend {
        border-radius: 0 0 10px 10px;
        box-shadow: 0 3px 3px rgba(0, 0, 0, .25);
        padding: 15px 30px;
        border: 0;
        margin: 0;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        display: flex;
        font-size: .75rem
    }

    .map-container.fsContainer .legend.sticky {
        position: fixed;
        top: 88px;
        z-index: 1
    }
}

@media (min-width:1100px) {
    .map-container.fsContainer .legend {
        font-size: .9375rem
    }
}

.map-container.fsContainer .legend>header .fsElementTitle {
    font-size: 1.25rem;
    line-height: 1.5625rem;
    margin-bottom: 15px;
    font-weight: 700
}

@media (min-width:850px) {
    .map-container.fsContainer .legend>header .fsElementTitle {
        border-right: 1px solid #ccc;
        padding-right: 19px;
        margin-right: 20px;
        margin-bottom: 0;
        font-size: .9375rem
    }
}

@media (min-width:1100px) {
    .map-container.fsContainer .legend>header .fsElementTitle {
        padding-right: 39px;
        margin-right: 40px;
        font-size: 1.25rem
    }
}

.map-container.fsContainer .legend>header .fsElementTitle:after {
    content: "";
    display: block;
    width: 24px;
    height: 1px;
    background-color: #ccc;
    margin-top: 14px
}

@media (min-width:850px) {
    .map-container.fsContainer .legend>header .fsElementTitle:after {
        content: normal
    }
}

.map-container.fsContainer .legend ul,
.map-container.fsContainer .legend ul ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.map-container.fsContainer .legend ul li {
    margin: 0;
    padding: 0
}

@media (min-width:850px) {
    .map-container.fsContainer .legend ul {
        display: flex
    }
}

.map-container.fsContainer .legend ul li {
    padding-left: 28px;
    position: relative;
    white-space: nowrap
}

.map-container.fsContainer .legend ul li:not(:last-child) {
    margin-bottom: 15px
}

@media (min-width:850px) {
    .map-container.fsContainer .legend ul li:not(:last-child) {
        margin-bottom: 0;
        margin-right: 20px
    }
}

@media (min-width:1100px) {
    .map-container.fsContainer .legend ul li:not(:last-child) {
        margin-right: 40px
    }
}

.map-container.fsContainer .legend ul li:first-child:before {
    background-color: #c22634
}

.map-container.fsContainer .legend ul li:nth-child(2):before {
    background-color: #39a9ad
}

.map-container.fsContainer .legend ul li:nth-child(3):before {
    background-color: #e49b34
}

.map-container.fsContainer .legend ul li:nth-child(4):before {
    background-color: #c6b835
}

.map-container.fsContainer .legend ul li:nth-child(5):before {
    background-color: #005494
}

.map-container.fsContainer .legend ul li:before {
    content: "";
    position: absolute;
    top: 3.5px;
    left: 0;
    width: 18px;
    height: 18px;
    border-radius: 100%
}

@media (min-width:850px) {
    .map-container.fsContainer .years .tabs-wrapper {
        position: absolute;
        bottom: 30px;
        left: 20px;
        max-width: 113px
    }
}

@media (min-width:1100px) {
    .map-container.fsContainer .years .tabs-wrapper {
        bottom: 155px;
        left: 56px
    }
}

.map-container.fsContainer .years .tabs-wrapper>footer {
    margin-top: 25px
}

@media (max-width:849px) {
    .map-container.fsContainer .years .tabs-wrapper>footer {
        display: none
    }
}

.map-container.fsContainer .years .tabs-wrapper>footer a {
    filter: drop-shadow(0 3px 15px rgba(0, 0, 0, .25));
    border-radius: 10px;
    display: block;
    border: 1px solid #fff;
    text-decoration: none;
    color: #fff;
    text-align: center;
    padding: 14px 9px;
    letter-spacing: .02em;
    font-size: .75rem;
    line-height: 1.5
}

.map-container.fsContainer .years .tabs-wrapper>footer a:focus,
.map-container.fsContainer .years .tabs-wrapper>footer a:hover {
    background-color: #fff;
    color: #002855
}

.map-container.fsContainer .years .tabs-wrapper>footer a:before {
    content: "\E92C";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    display: block;
    font-size: .6875rem;
    line-height: 1;
    margin-bottom: 15px;
    letter-spacing: 0
}

.map-container.fsContainer .years .fsTabsNav {
    display: block;
    border: 0;
    padding: 0 65px
}

@media (min-width:850px) {
    .map-container.fsContainer .years .fsTabsNav {
        box-shadow: 0 3px 15px rgba(0, 0, 0, .25);
        border-radius: 10px;
        background-color: #fff;
        padding: 0 15px
    }
}

.map-container.fsContainer .years .fsTabsNav li {
    display: block;
    margin: 0;
    position: relative
}

.map-container.fsContainer .years .fsTabsNav li.fsStateSelected a {
    color: #002855
}

@media (min-width:850px) {
    .map-container.fsContainer .years .fsTabsNav li:not(:last-child):after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #d6d6d6
    }
}

.map-container.fsContainer .years .fsTabsNav li a {
    padding: 20px 0;
    letter-spacing: 0;
    font-weight: 700;
    font-size: 1.875rem;
    line-height: .834;
    text-align: center;
    color: #002855
}

@media (min-width:850px) {
    .map-container.fsContainer .years .fsTabsNav li a {
        padding: 30px 0;
        font-size: 1.1875rem;
        line-height: 1.25;
        color: #d6d6d6
    }
}

.map-container.fsContainer .years .fsTabsNav li a:focus,
.map-container.fsContainer .years .fsTabsNav li a:hover {
    color: #002855
}

.map-container.fsContainer .years .fsTabsNav li a:after,
.map-container.fsContainer .years .fsTabsNav li a:before {
    content: normal
}

.map-container.fsContainer .years .fsTabsNav .slick-arrow {
    border: 0;
    background: none;
    margin: 0;
    padding: 0;
    cursor: pointer;
    font-size: 0;
    line-height: 1;
    position: absolute;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    transition: all .3s;
    width: 65px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #002855
}

.map-container.fsContainer .years .fsTabsNav .slick-arrow:focus,
.map-container.fsContainer .years .fsTabsNav .slick-arrow:hover {
    color: #a83338
}

.map-container.fsContainer .years .fsTabsNav .slick-arrow:before {
    font-size: 1.875rem
}

.map-container.fsContainer .years .fsTabsNav .slick-arrow.slick-prev {
    left: 0
}

.map-container.fsContainer .years .fsTabsNav .slick-arrow.slick-prev:before {
    content: "\E902";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

.map-container.fsContainer .years .fsTabsNav .slick-arrow.slick-next {
    right: 0
}

.map-container.fsContainer .years .fsTabsNav .slick-arrow.slick-next:before {
    content: "\E903";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

.map-container.fsContainer .years .fsPanel {
    display: block !important;
    max-height: 0;
    overflow: hidden
}

.map-container.fsContainer .years .fsPanel.fsStateOpen {
    max-height: unset;
    overflow: visible
}

.map-container.fsContainer .years .fsPanel:not(.fsStateOpen) .point {
    opacity: 0;
    visibility: hidden
}

.map-container.fsContainer .years .fsPanel>header {
    display: none !important
}

.map-container.fsContainer .years .fsPanel>.fsElementContent {
    padding: 0;
    display: block
}

.map-container.fsContainer .years>footer {
    display: none
}

@keyframes a {
    0% {
        transform: scale(1) translateY(0)
    }

    10% {
        transform: scale(1.1, .9) translateY(0)
    }

    30% {
        transform: scale(.9, 1.1) translateY(-8px)
    }

    50% {
        transform: scale(1.05, .95) translateY(0)
    }

    57% {
        transform: scale(1) translateY(-3px)
    }

    64% {
        transform: scale(1) translateY(0)
    }

    to {
        transform: scale(1) translateY(0)
    }
}

@media (min-width:850px) {
    .map-container.fsContainer .point {
        position: absolute
    }

    .map-container.fsContainer .point.animate {
        z-index: 2
    }

    .map-container.fsContainer .point.animate>header .fsElementHeaderContent button {
        animation-name: a;
        animation-timing-function: cubic-bezier(.28, .84, .42, 1);
        animation-duration: 2s;
        animation-iteration-count: infinite
    }

    .map-container.fsContainer .point.p1 {
        top: 29.25%;
        left: 18.75%
    }

    .map-container.fsContainer .point.p2 {
        top: 67.25%;
        left: 27.22222%
    }

    .map-container.fsContainer .point.p3 {
        top: 23.75%;
        left: 44.16667%
    }

    .map-container.fsContainer .point.p4 {
        top: 31.625%;
        left: 45.41667%
    }

    .map-container.fsContainer .point.p5 {
        top: 30.75%;
        left: 49.30556%
    }

    .map-container.fsContainer .point.p6 {
        top: 35.625%;
        left: 50.27778%
    }

    .map-container.fsContainer .point.p7 {
        top: 37.875%;
        left: 47.70833%
    }

    .map-container.fsContainer .point.p8 {
        top: 43.375%;
        left: 45.76389%
    }

    .map-container.fsContainer .point.p9 {
        top: 46.75%;
        left: 56.875%
    }

    .map-container.fsContainer .point.p10 {
        top: 58%;
        left: 49.65278%
    }

    .map-container.fsContainer .point.p11 {
        top: 77.25%;
        left: 53.47222%
    }

    .map-container.fsContainer .point.p12 {
        top: 42.875%;
        left: 78.95833%
    }

    .map-container.fsContainer .point.p13 {
        top: 40.75%;
        left: 82.56944%
    }

    .map-container.fsContainer .point.p14 {
        top: 50.5%;
        left: 20.69444%
    }

    .map-container.fsContainer .point.p15 {
        top: 58.25%;
        left: 24.72222%
    }

    .map-container.fsContainer .point.p16 {
        top: 23.375%;
        left: 52.84722%
    }

    .map-container.fsContainer .point.p17 {
        top: 39.375%;
        left: 51.38889%
    }

    .map-container.fsContainer .point.p18 {
        top: 34.875%;
        left: 48.81944%
    }

    .map-container.fsContainer .point.p19 {
        top: 37.125%;
        left: 46.04167%
    }

    .map-container.fsContainer .point.p20 {
        top: 43%;
        left: 46.59722%
    }

    .map-container.fsContainer .point.p21 {
        top: 60%;
        left: 50.06944%
    }

    .map-container.fsContainer .point.p22 {
        top: 50.75%;
        left: 68.05556%
    }

    .map-container.fsContainer .point.p29 {
        top: 34.875%;
        left: 51.52778%
    }

    .map-container.fsContainer .point.p23 {
        top: 43.5%;
        left: 16.45833%
    }

    .map-container.fsContainer .point.p24 {
        top: 43.75%;
        left: 28.125%
    }

    .map-container.fsContainer .point.p25 {
        top: 66.375%;
        left: 34.16667%
    }

    .map-container.fsContainer .point.p26 {
        top: 75.5%;
        left: 53.61111%
    }

    .map-container.fsContainer .point.p27 {
        top: 50.375%;
        left: 67.77778%
    }

    .map-container.fsContainer .point.p28 {
        top: 80%;
        left: 30.55556%
    }

    .map-container.fsContainer .point.p30 {
        top: 31.625%;
        left: 45.41667%
    }

    .map-container.fsContainer .point.p31 {
        top: 50.75%;
        left: 68.05556%
    }

    .map-container.fsContainer .point.p32 {
        top: 66.375%;
        left: 34.16667%
    }

    .map-container.fsContainer .point.p33 {
        top: 75.5%;
        left: 53.61111%
    }

    .map-container.fsContainer .point.p34 {
        top: 80%;
        left: 28.125%
    }

    .map-container.fsContainer .point.p35 {
        top: 33.25%;
        left: 16.80556%
    }

    .map-container.fsContainer .point.p36 {
        top: 52.5%;
        left: 28.69444%
    }

    .map-container.fsContainer .point.p37 {
        top: 17.25%;
        left: 13.75%
    }

    .map-container.fsContainer .point.p38 {
        top: 43.5%;
        left: 18.45833%
    }

    .map-container.fsContainer .point.p39 {
        top: 38.5%;
        left: 16.45833%
    }

    .map-container.fsContainer .point.p40 {
        top: 33.625%;
        left: 46.41667%
    }

    .map-container.fsContainer .point.p41 {
        top: 23.75%;
        left: 44.16667%
    }

    .map-container.fsContainer .point.p42 {
        top: 31.625%;
        left: 45.41667%
    }

    .map-container.fsContainer .point.p44 {
        top: 45.5%;
        left: 31.69444%
    }

    .map-container.fsContainer .point.p45 {
        top: 67.25%;
        left: 27.22222%
    }

    .map-container.fsContainer .point.p46 {
        top: 60.25%;
        left: 27.72222%
    }

    .map-container.fsContainer .point.p47 {
        top: 34.875%;
        left: 48.81944%
    }

    .map-container.fsContainer .point.p48 {
        top: 40.375%;
        left: 57.38889%
    }

    .map-container.fsContainer .point.p49 {
        top: 75.375%;
        left: 81.77778%
    }

    .map-container.fsContainer .point.p50 {
        top: 37.75%;
        left: 27.725%
    }

    .map-container.fsContainer .point.p52 {
        top: 75.25%;
        left: 53.47222%
    }

    .map-container.fsContainer .point.p53 {
        top: 46.375%;
        left: 45.76389%
    }

    .map-container.fsContainer .point.p54 {
        top: 40.75%;
        left: 82.56944%
    }

    .map-container.fsContainer .point.p55 {
        top: 54.875%;
        left: 73.95833%
    }

    .map-container.fsContainer .point.p56 {
        top: 43.375%;
        left: 45.76389%
    }

    .map-container.fsContainer .point.p57 {
        top: 37.875%;
        left: 47.70833%
    }

    .map-container.fsContainer .point.p58 {
        top: 23.375%;
        left: 52.84722%
    }

    .map-container.fsContainer .point.p59 {
        top: 62.375%;
        left: 56.81944%
    }

    .map-container.fsContainer .point.p60 {
        top: 46.375%;
        left: 25.76389%
    }

    .map-container.fsContainer .point.p61 {
        top: 67.375%;
        left: 26.82%
    }

    .map-container.fsContainer .point.p62 {
        top: 76.375%;
        left: 86.42%
    }

    .map-container.fsContainer .point.p63 {
        top: 60.375%;
        left: 27.42%
    }

    .map-container.fsContainer .point.p64 {
        top: 77.15%;
        left: 53.42%
    }

    .map-container.fsContainer .point.p65 {
        top: 39.15%;
        left: 27.42%
    }

    .map-container.fsContainer .point.p66 {
        top: 37.15%;
        left: 48.92%
    }

    .map-container.fsContainer .point.p67 {
        top: 44.15%;
        left: 26.92%
    }

    .map-container.fsContainer .point.p68 {
        top: 34.15%;
        left: 46.52%
    }

    .map-container.fsContainer .point.p69 {
        top: 55.15%;
        left: 73.52%
    }

    .map-container.fsContainer .point.p70 {
        top: 42.15%;
        left: 46.42%
    }

    .map-container.fsContainer .point.p71 {
        top: 43.15%;
        left: 52.54%
    }

    .map-container.fsContainer .point.p72 {
        top: 41.15%;
        left: 82.52%
    }

    .map-container.fsContainer .point.p73 {
        top: 25.55%;
        left: 42.64%
    }

    .map-container.fsContainer .point.p74 {
        top: 51.55%;
        left: 67.64%
    }

    .map-container.fsContainer .point.p75 {
        top: 26.55%;
        left: 19.64%
    }

    .map-container.fsContainer .point.p76 {
        top: 38.05%;
        left: 46.64%
    }

    .map-container.fsContainer .point.p77 {
        top: 46.55%;
        left: 55.64%
    }

    .map-container.fsContainer .point.p78 {
        top: 41.55%;
        left: 49.74%
    }

    .map-container.fsContainer .point.p79 {
        top: 36.25%;
        left: 50.24%
    }

    .map-container.fsContainer .point.p80 {
        top: 60.075%;
        left: 27.42%
    }

    .map-container.fsContainer .point.p81 {
        top: 34.15%;
        left: 46.52%
    }

    .map-container.fsContainer .point.p82 {
        top: 50.55%;
        left: 61.14%
    }

    .map-container.fsContainer .point.p83 {
        top: 67.375%;
        left: 26.82%
    }

    .map-container.fsContainer .point.p84 {
        top: 44.15%;
        left: 26.92%
    }

    .map-container.fsContainer .point.p85 {
        top: 76.375%;
        left: 86.42%
    }

    .map-container.fsContainer .point.p86 {
        top: 77.15%;
        left: 53.42%
    }

    .map-container.fsContainer .point.p87 {
        top: 36.25%;
        left: 49.54%
    }

    .map-container.fsContainer .point.p88 {
        top: 63.25%;
        left: 22.72%
    }

    .map-container.fsContainer .point.p89 {
        top: 24.375%;
        left: 50.25%
    }

    .map-container.fsContainer .point.p90 {
        top: 43.45%;
        left: 79.52%
    }

    .map-container.fsContainer .point.p91 {
        top: 38.05%;
        left: 46.64%
    }

    .map-container.fsContainer .point.p92 {
        top: 79%;
        left: 32.55556%
    }

    .map-container.fsContainer .point.p93 {
        top: 43.45%;
        left: 79.52%
    }

    .map-container.fsContainer .point .slick-arrow {
        border: 0;
        background: none;
        margin: 0;
        padding: 0;
        cursor: pointer;
        font-size: 0;
        line-height: 1;
        position: absolute;
        top: 50%;
        transform: translate3d(0, -50%, 0);
        transition: all .3s;
        color: #002855
    }

    .map-container.fsContainer .point .slick-arrow:focus,
    .map-container.fsContainer .point .slick-arrow:hover {
        color: #a83338
    }

    .map-container.fsContainer .point .slick-arrow:before {
        font-size: 1.875rem
    }

    .map-container.fsContainer .point .slick-arrow.slick-disabled {
        opacity: 0;
        visibility: hidden
    }

    .map-container.fsContainer .point .slick-arrow.slick-prev {
        left: 50px
    }

    .map-container.fsContainer .point .slick-arrow.slick-prev:before {
        content: "\E902";
        font-family: IcoMoon;
        font-smoothing: antialiased;
        font-weight: 400;
        speak: none
    }

    .map-container.fsContainer .point .slick-arrow.slick-next {
        right: 50px
    }

    .map-container.fsContainer .point .slick-arrow.slick-next:before {
        content: "\E903";
        font-family: IcoMoon;
        font-smoothing: antialiased;
        font-weight: 400;
        speak: none
    }

    .map-container.fsContainer .point .slick-dots {
        display: flex;
        padding-left: 200px !important
    }

    .map-container.fsContainer .point .slick-dots,
    .map-container.fsContainer .point .slick-dots ul {
        margin: 0;
        padding: 0;
        list-style: none
    }

    .map-container.fsContainer .point .slick-dots li {
        margin: 0;
        padding: 0;
        margin: 10px 20px 0 0
    }

    .map-container.fsContainer .point .slick-dots li:last-child {
        margin-right: 0
    }

    .map-container.fsContainer .point .slick-dots li.red.slick-active button,
    .map-container.fsContainer .point .slick-dots li.red button:focus,
    .map-container.fsContainer .point .slick-dots li.red button:hover {
        background-color: #c22634
    }

    .map-container.fsContainer .point .slick-dots li.teal.slick-active button,
    .map-container.fsContainer .point .slick-dots li.teal button:focus,
    .map-container.fsContainer .point .slick-dots li.teal button:hover {
        background-color: #39a9ad
    }

    .map-container.fsContainer .point .slick-dots li.orange.slick-active button,
    .map-container.fsContainer .point .slick-dots li.orange button:focus,
    .map-container.fsContainer .point .slick-dots li.orange button:hover {
        background-color: #e49b34
    }

    .map-container.fsContainer .point .slick-dots li.lime.slick-active button,
    .map-container.fsContainer .point .slick-dots li.lime button:focus,
    .map-container.fsContainer .point .slick-dots li.lime button:hover {
        background-color: #c6b835
    }

    .map-container.fsContainer .point .slick-dots li.blue.slick-active button,
    .map-container.fsContainer .point .slick-dots li.blue button:focus,
    .map-container.fsContainer .point .slick-dots li.blue button:hover {
        background-color: #005494
    }

    .map-container.fsContainer .point .slick-dots li button {
        border: 0;
        background: none;
        margin: 0;
        padding: 0;
        cursor: pointer;
        font-size: 0;
        line-height: 1;
        display: block;
        width: 80px;
        height: 5px;
        border-radius: 3px;
        background-color: #cfcfcf;
        transition: background-color .3s
    }
}

@media (min-width:850px) {
    .map-container.fsContainer .point.active>header .fsElementHeaderContent button {
        top: -5px
    }
}

.map-container.fsContainer .point.active>.fsElementContent {
    opacity: 1;
    visibility: visible;
    transition: all .3s
}

@media (max-width:849px) {
    .map-container.fsContainer .point>header {
        display: none
    }
}

.map-container.fsContainer .point>header .fsElementTitle {
    display: none
}

.map-container.fsContainer .point>header .fsElementHeaderContent {
    margin: 0
}

.map-container.fsContainer .point>header .fsElementHeaderContent button {
    border: 0;
    background: none;
    margin: 0;
    padding: 0;
    cursor: pointer;
    width: 2.609vw;
    height: 2.609vw;
    max-width: 38px;
    max-height: 38px;
    display: block;
    border-radius: 100%;
    font-size: 0;
    line-height: 1;
    background-color: #fff;
    overflow: hidden;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .5);
    transition: top .5s ease-in-out;
    position: relative;
    top: 0
}

.map-container.fsContainer .point>header .fsElementHeaderContent button:focus,
.map-container.fsContainer .point>header .fsElementHeaderContent button:hover {
    top: -5px
}

.map-container.fsContainer .point>header .fsElementHeaderContent canvas {
    width: 100%;
    height: 100%;
    border: 1px solid #fff
}

.map-container.fsContainer .point>header .fsElementHeaderContent canvas.rotate {
    transform: rotate(90deg)
}

.map-container.fsContainer .point>header .fsElementHeaderContent canvas.border {
    border-width: 2px
}

@media (max-width:849px) {
    .map-container.fsContainer .point>.fsElementContent {
        margin-left: 0 !important
    }
}

@media (min-width:850px) {
    .map-container.fsContainer .point>.fsElementContent {
        max-width: 806px;
        padding: 10px 50px;
        position: absolute;
        bottom: calc(100% + 10px);
        left: 50%;
        transform: translateX(-50%);
        border-radius: 10px;
        z-index: 75;
        opacity: 0;
        visibility: hidden;
        background-color: #fff;
        box-shadow: 0 10px 15px rgba(0, 0, 0, .25)
    }

    .map-container.fsContainer .point>.fsElementContent.has-controls {
        padding: 20px 112px 35px
    }

    .map-container.fsContainer .point>.fsElementContent.has-controls .fsContent {
        min-width: 0
    }

    .map-container.fsContainer .point>.fsElementContent:not(.has-controls) .slick-arrow,
    .map-container.fsContainer .point>.fsElementContent:not(.has-controls) .slick-dots {
        display: none !important
    }
}

.map-container.fsContainer .point .fsContent {
    position: relative;
    margin-bottom: 1px;
    border-bottom: 1px solid #e5e5e5
}

@media (min-width:850px) {
    .map-container.fsContainer .point .fsContent {
        margin-bottom: 0;
        border-bottom: 0;
        padding: 20px 20px 20px 200px;
        min-width: 582px
    }
}

.map-container.fsContainer .point .fsContent>.fsElementContent,
.map-container.fsContainer .point .fsContent>header {
    display: none
}

.map-container.fsContainer .point .fsContent .inner {
    display: none;
    margin-top: -10px;
    padding: 0 85px 20px 20px
}

@media (min-width:850px) {
    .map-container.fsContainer .point .fsContent .inner {
        display: flex !important;
        flex-direction: column;
        justify-content: center;
        min-height: 170px;
        margin-top: 0;
        padding: 0
    }
}

.map-container.fsContainer .point .fsContent header .fsElementTitle {
    display: none
}

@media (min-width:850px) {
    .map-container.fsContainer .point .fsContent header .fsElementTitle {
        display: block;
        margin-bottom: 0;
        font-size: 1.25rem;
        line-height: 1.25;
        font-weight: 700
    }
}

.map-container.fsContainer .point .fsContent header .fsElementHeaderContent {
    margin: 0 0 10px
}

@media (min-width:850px) {
    .map-container.fsContainer .point .fsContent header .fsElementHeaderContent {
        margin-bottom: 0;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        border-radius: 100%;
        width: 160px;
        height: 160px;
        overflow: hidden
    }
}

.map-container.fsContainer .point .fsContent header .fsElementHeaderContent img {
    display: block;
    width: 100%
}

@media (min-width:850px) {
    .map-container.fsContainer .point .fsContent header .fsElementHeaderContent img {
        width: auto;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate3d(-50%, -50%, 0);
        min-width: 100%;
        min-height: 100%;
        object-fit: cover
    }
}

.map-container.fsContainer .point .fsContent header .fsElementHeaderContent p {
    display: none
}

.map-container.fsContainer .point .fsContent .fsElementContent {
    font-size: .9375rem;
    line-height: 1.667
}

@media (max-width:849px) {
    .map-container.fsContainer .point .fsContent>header {
        display: flex;
        align-items: center;
        padding: 10px 91px 10px 20px;
        min-height: 66px;
        cursor: pointer
    }

    .map-container.fsContainer .point .fsContent>header .fsElementTitle {
        display: block;
        margin-bottom: 0;
        font-weight: 700;
        font-size: 15px;
        line-height: 23px;
        letter-spacing: .01em
    }

    .map-container.fsContainer .point .fsContent>header .fsElementHeaderContent {
        display: none
    }

    .map-container.fsContainer .point .fsContent>header button {
        border: 0;
        background: none;
        margin: 0;
        padding: 0;
        cursor: pointer;
        position: absolute;
        top: 0;
        right: 0;
        width: 65px;
        height: 100%;
        font-size: 0;
        line-height: 1;
        color: #fff
    }

    .map-container.fsContainer .point .fsContent.red>header button {
        background-color: #c22634
    }

    .map-container.fsContainer .point .fsContent.teal>header button {
        background-color: #39a9ad
    }

    .map-container.fsContainer .point .fsContent.orange>header button {
        background-color: #e49b34
    }

    .map-container.fsContainer .point .fsContent.lime>header button,
    .map-container.fsContainer .point.lime .fsContent>header button {
        background-color: #c6b835
    }

    .map-container.fsContainer .point .fsContent.blue>header button {
        background-color: #005494
    }

    .map-container.fsContainer .point .fsContent>header button:focus:before,
    .map-container.fsContainer .point .fsContent>header button:hover:before {
        font-size: 1.875rem
    }

    .map-container.fsContainer .point .fsContent>header button:before {
        content: "\E92D";
        font-family: IcoMoon;
        font-smoothing: antialiased;
        font-weight: 400;
        speak: none;
        font-size: 1.5625rem;
        transition: font-size .3s;
        top: 20px;
        position: absolute;
        left: 50%;
        transform: translate3d(-50%, 0, 0)
    }
}

@media (max-width:849px) {
    .map-container.fsContainer .point .fsContent.active>header button:before {
        content: "\E92E";
        font-size: 1.5625rem
    }
}

.map-container.fsContainer>footer:first-child {
    padding: 15px 10px;
    text-align: center
}

@media (min-width:850px) {
    .map-container.fsContainer>footer:first-child {
        display: none
    }
}

.map-container.fsContainer>footer:first-child .fsElementFooterContent {
    margin: 0
}

.map-container.fsContainer>footer:first-child a {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #002855;
    text-decoration: none;
    font-size: .75rem;
    line-height: 1.5;
    letter-spacing: .02em;
    padding: 22px 20px
}

.map-container.fsContainer>footer:first-child a:before {
    content: "\E92C";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    display: block;
    font-size: .6875rem;
    line-height: 1;
    margin-right: 15px;
    letter-spacing: 0
}

.map-container.fsContainer>footer:first-child a:focus,
.map-container.fsContainer>footer:first-child a:hover {
    color: #a83338
}

body.fsComposeMode .map-container.fsContainer .intro-text {
    position: relative;
    height: auto;
    background-color: #002855;
    padding: 0;
    margin-bottom: 50px
}

body.fsComposeMode .map-container.fsContainer .legend {
    position: static;
    transform: none;
    padding: 20px;
    border-radius: 10px;
    display: block;
    margin-bottom: 50px
}

body.fsComposeMode .map-container.fsContainer .legend>header .fsElementTitle {
    padding-right: 0;
    margin-right: 0;
    padding-bottom: 39px;
    margin-bottom: 40px;
    border-bottom: 1px solid #ccc;
    border-right: 0
}

body.fsComposeMode .map-container.fsContainer .legend ul {
    display: block
}

body.fsComposeMode .map-container.fsContainer .years .fsTabsNav {
    overflow: hidden;
    border-radius: 0;
    box-shadow: none
}

body.fsComposeMode .map-container.fsContainer .years .fsTabsNav li {
    float: left
}

body.fsComposeMode .map-container.fsContainer .years .fsTabsNav li:not(:last-child) {
    margin-right: 20px
}

body.fsComposeMode .map-container.fsContainer .years .fsTabsNav li:not(:last-child):after {
    content: normal
}

body.fsComposeMode .map-container.fsContainer .point {
    position: static;
    margin-bottom: 50px
}

body.fsComposeMode .map-container.fsContainer .point:last-child {
    margin-bottom: 0
}

body.fsComposeMode .map-container.fsContainer .point>header .fsElementTitle {
    display: block
}

body.fsComposeMode .map-container.fsContainer .point>header .fsElementHeaderContent {
    display: none
}

body.fsComposeMode .map-container.fsContainer .point>.fsElementContent {
    max-width: 100%;
    position: static;
    padding: 0;
    transform: none;
    border-radius: 0;
    opacity: 1;
    visibility: visible;
    box-shadow: none;
    background-color: transparent;
    margin-left: 0 !important
}

body.fsComposeMode .map-container.fsContainer .point .fsContent {
    padding: 40px 40px 40px 200px;
    min-width: 0;
    min-height: 240px
}

body.fsComposeMode .map-container.fsContainer .point .fsContent.red {
    box-shadow: inset 5px 5px 0 #c22634, inset -5px -5px #c22634
}

body.fsComposeMode .map-container.fsContainer .point .fsContent.teal {
    box-shadow: inset 5px 5px 0 #39a9ad, inset -5px -5px #39a9ad
}

body.fsComposeMode .map-container.fsContainer .point .fsContent.orange {
    box-shadow: inset 5px 5px 0 #e49b34, inset -5px -5px #e49b34
}

body.fsComposeMode .map-container.fsContainer .point .fsContent.lime {
    box-shadow: inset 5px 5px 0 #c6b835, inset -5px -5px #c6b835
}

body.fsComposeMode .map-container.fsContainer .point .fsContent.blue {
    box-shadow: inset 5px 5px 0 #005494, inset -5px -5px #005494
}

body.fsComposeMode .map-container.fsContainer .point .fsContent>.fsElementContent,
body.fsComposeMode .map-container.fsContainer .point .fsContent>header {
    display: block
}

body.fsComposeMode .map-container.fsContainer .point .fsContent>header .fsElementHeaderContent {
    left: 10px
}

body.fsComposeMode .map-container.fsContainer .point .fsContent .inner {
    display: none
}

.global-slider {
    width: 100vw;
    left: 50%;
    transform: translate(-50%);
    transform: translate3d(-50%, 0, 0);
    position: relative;
    border-top: 2px solid #e7edec;
    padding: 20px;
    margin-bottom: 0 !important
}

.global-slider .fsElementSlideshow[data-arrows*=true] {
    padding-left: 25px;
    padding-right: 25px;
    margin-bottom: 0
}

.global-slider.fsGrid>.fsElementContent article {
    overflow: visible
}

.global-slider.fsGrid .fsListItems {
    margin: 0
}

.global-slider article {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    height: 400px;
    display: flex !important;
    justify-content: center;
    align-items: center;
    opacity: 1;
    transition: opacity .3s ease;
    z-index: 1
}

@media (min-width:600px) {
    .global-slider article {
        margin: 0 5px
    }
}

.global-slider article:before {
    content: "";
    background: rgba(0, 0, 0, .15);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media (min-width:700px) {
    .global-slider article:nth-child(2n).display-caption figcaption {
        left: auto;
        right: calc(100% + 20px);
        transform: translateY(-50%)
    }
}

@media (min-width:1200px) {
    .global-slider article:nth-child(2n).display-caption figcaption {
        right: auto;
        left: calc(100% + 20px)
    }
}

@media (min-width:700px) {
    .global-slider article:nth-child(2n).display-caption figcaption:before {
        left: auto;
        right: calc(-50% + -4px)
    }
}

@media (min-width:1200px) {
    .global-slider article:nth-child(2n).display-caption figcaption:before {
        right: auto;
        left: calc(-50% + -4px)
    }
}

@media (min-width:1200px) {

    .global-slider article:last-child.display-caption figcaption,
    .global-slider article:nth-child(3n).display-caption figcaption {
        left: auto;
        right: calc(100% + 20px);
        transform: translateY(-50%)
    }
}

@media (min-width:1200px) {

    .global-slider article:last-child.display-caption figcaption:before,
    .global-slider article:nth-child(3n).display-caption figcaption:before {
        left: auto;
        right: calc(-50% + -4px)
    }
}

.global-slider article .fsResourceTitle {
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    padding: 0 30px
}

.global-slider article .fsResourceTitle:before {
    content: "\E913";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    font-size: 26px;
    border: 2px solid #fff;
    border-radius: 100%;
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 28px;
    transform: scaleX(1);
    transition: transform .3s ease
}

.global-slider article picture {
    display: none
}

.global-slider article figcaption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    background: #fff;
    border: 2px solid #e7edec;
    padding: 20px 38px;
    opacity: 0;
    transition: all .4s ease-in-out;
    z-index: 30
}

@media (min-width:700px) {
    .global-slider article figcaption {
        left: calc(100% + 20px);
        transform: translateY(-50%)
    }
}

.global-slider article figcaption .close-caption {
    position: absolute;
    top: 10px;
    right: 10px
}

.global-slider article figcaption .close-caption:before {
    content: "\E905";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    color: #002855
}

.global-slider article figcaption h3 {
    color: #a83338;
    font-size: 24px
}

.global-slider article figcaption h6 {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 10px
}

.global-slider article figcaption h6:after {
    content: "";
    display: block;
    height: 2px;
    width: 42px;
    background: #e7edec;
    position: absolute;
    bottom: 0;
    left: 0
}

.global-slider article figcaption h6 strong {
    color: #636363
}

.global-slider article figcaption p {
    color: #a83338;
    font-family: Lato, sans-serif;
    font-style: italic;
    font-weight: 600;
    font-size: 15px;
    line-height: 18px
}

@media (min-width:1000px) {
    .global-slider article figcaption p {
        font-size: 17px;
        line-height: 20px
    }
}

@media (min-width:700px) {
    .global-slider article figcaption:before {
        display: block;
        height: 2px;
        content: "";
        background: #e7edec;
        width: calc(50% + 5px);
        position: absolute;
        top: 44%;
        right: auto;
        left: calc(-50% + -5px)
    }
}

.global-slider article:focus,
.global-slider article:hover {
    opacity: .8
}

.global-slider article:focus .fsResourceTitle:before,
.global-slider article:hover .fsResourceTitle:before {
    transform: scale3d(1.1, 1.1, 1.1)
}

.global-slider article.display-caption {
    z-index: 999;
    opacity: 1
}

.global-slider article.display-caption figcaption {
    opacity: 1
}

.global-slider .fsNextButton.fsRightArrow,
.global-slider .fsPrevButton.fsLeftArrow,
.global-slider .slick-next,
.global-slider .slick-prev {
    background: #a83338;
    width: 60px;
    height: 70px;
    color: transparent;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    appearance: none;
    border: none;
    z-index: 40;
    overflow: hidden
}

.global-slider .fsNextButton.fsRightArrow:before,
.global-slider .fsPrevButton.fsLeftArrow:before,
.global-slider .slick-next:before,
.global-slider .slick-prev:before {
    color: #fff;
    font-size: 34px;
    line-height: 1;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.global-slider .fsPrevButton,
.global-slider .slick-prev {
    left: -20px
}

.global-slider .fsPrevButton:before,
.global-slider .slick-prev:before {
    content: "\E902";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

.global-slider .fsNextButton,
.global-slider .slick-next {
    right: -20px
}

.global-slider .fsNextButton:before,
.global-slider .slick-next:before {
    content: "\E903";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

@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: transparent !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
    }
}

@charset "UTF-8";

/*! helpers - functions v0.0.1 */

/*! helpers - utility v0.0.1 */

/*! helpers - box-model v0.0.1 */

/*! helpers - presentational v0.0.1 */

/*! helpers - ui-pattern v0.0.1 */

/*! helpers - typography v0.0.1 */

/*! helpers - functions v0.0.1 */

/*! helpers - utility v0.0.1 */
.compartment {
    position: relative;
    margin: 0 auto;
    max-width: 1180px
}

@media (min-width:600px) {
    .col-4 {
        width: 50%;
        float: left
    }
}

@media (min-width:900px) {
    .col-4 {
        width: 25%
    }
}

/*! helpers - box-model v0.0.1 */
.margin-x {
    margin-right: 1.17647em;
    margin-left: 1.17647em
}

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

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

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

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

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

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

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

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

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

/*! helpers - presentational v0.0.1 */

/*! helpers - ui-pattern v0.0.1 */

/*! helpers - typography v0.0.1 */
@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
}

h1 {
    font-size: 45px;
    line-height: 55px;
    margin-bottom: 23px
}

h1,
h2 {
    margin-top: 0;
    color: #002855;
    font-family: Barlow, sans-serif;
    font-weight: 600;
    font-weight: 400;
    font-weight: 800
}

h2 {
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 15px
}

h3 {
    margin-top: 0;
    color: #002855;
    font-family: Barlow, sans-serif;
    font-weight: 600;
    font-weight: 400;
    font-size: 35px;
    line-height: 45px;
    margin-bottom: 17px
}

h4 {
    font-size: 30px;
    line-height: 40px
}

h4,
h5 {
    margin-top: 0;
    color: #002855;
    font-family: Barlow, sans-serif;
    font-weight: 600;
    font-weight: 400;
    margin-bottom: 16px
}

h5 {
    font-size: 25px;
    line-height: 27px
}

h6 {
    margin-top: 0;
    color: #002855;
    font-family: Barlow, sans-serif;
    font-weight: 600;
    font-weight: 400;
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 20px;
    text-transform: uppercase;
    margin-bottom: 13px
}

p {
    margin: 0 0 20px
}

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

hr {
    margin: 0 auto 20px
}

a {
    color: #a83338;
    font-weight: 700;
    transition: background .3s, color .3s
}

a:focus,
a:hover {
    color: #002855
}

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

.fs_style_51 {
    margin-bottom: 20px
}

.fs_style_51 td,
.fs_style_51 th {
    vertical-align: top;
    border-bottom: none
}

.fs_style_51 th {
    padding: 10px 20px;
    background: #002855;
    color: #fff;
    font-family: Barlow, sans-serif;
    font-size: 20px;
    font-weight: 800;
    line-height: 30px;
    text-align: left
}

.fs_style_51 td {
    padding: 10px 20px;
    color: #313131;
    background: #fff
}

.fs_style_51 tr:nth-of-type(odd) td {
    background-color: #f3f3f3
}

.fs_style_51 tr {
    border-bottom: 1px solid #fff
}

.fs_style_51 tr.fsLoadMoreButtonRow {
    border-bottom: none
}

.fs_style_51 tr.fsLoadMoreButtonRow>td {
    background: none;
    padding: 20px 0
}

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

.table-overflow {
    overflow-x: auto;
    max-width: 100%;
    margin-bottom: 20px
}

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

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

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

.fs_style_52 {
    display: inline-block;
    border: 2px solid #f3f3f3;
    margin: 0 0 20px;
    padding: 11px 9px;
    background: #f3f3f3;
    color: #002855 !important;
    font-family: Barlow, sans-serif;
    font-size: 15px;
    font-weight: 600 !important;
    letter-spacing: 1px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0;
    transition: .3s
}

.fs_style_52.on,
.fs_style_52:focus,
.fs_style_52:hover,
.fsStateSelected .fs_style_52 {
    background: transparent;
    color: #002855 !important;
    transition: .3s
}

.fs_style_53 {
    display: inline-block;
    border: 2px solid #707170;
    margin: 0 0 20px;
    padding: 11px 9px;
    background: #707170;
    color: #fff !important;
    font-family: Barlow, sans-serif;
    font-size: 15px;
    font-weight: 600 !important;
    letter-spacing: 1px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0;
    transition: .3s
}

.fs_style_53.on,
.fs_style_53:focus,
.fs_style_53:hover,
.fsStateSelected .fs_style_53 {
    background: transparent;
    color: #707170 !important;
    transition: .3s
}

.fs_style_54 {
    display: inline-block;
    border: 2px solid #313131;
    margin: 0 0 20px;
    padding: 11px 9px;
    background: #313131;
    color: #fff !important;
    font-family: Barlow, sans-serif;
    font-size: 15px;
    font-weight: 600 !important;
    letter-spacing: 1px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0;
    transition: .3s
}

.fs_style_54.on,
.fs_style_54:focus,
.fs_style_54:hover,
.fsStateSelected .fs_style_54 {
    background: transparent;
    color: #313131 !important;
    transition: .3s
}

.fs_style_55 {
    display: inline-block;
    border: 2px solid #a83338;
    margin: 0 0 20px;
    padding: 11px 9px;
    background: #a83338;
    color: #fff !important;
    font-family: Barlow, sans-serif;
    font-size: 15px;
    font-weight: 600 !important;
    letter-spacing: 1px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0;
    transition: .3s
}

.fs_style_55.on,
.fs_style_55:focus,
.fs_style_55:hover,
.fsStateSelected .fs_style_55 {
    background: transparent;
    color: #a83338 !important;
    transition: .3s
}

.fs_style_56 {
    display: inline-block;
    border: 2px solid #79232e;
    margin: 0 0 20px;
    padding: 11px 9px;
    background: #79232e;
    color: #fff !important;
    font-family: Barlow, sans-serif;
    font-size: 15px;
    font-weight: 600 !important;
    letter-spacing: 1px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0;
    transition: .3s
}

.fs_style_56.on,
.fs_style_56:focus,
.fs_style_56:hover,
.fsStateSelected .fs_style_56 {
    background: transparent;
    color: #79232e !important;
    transition: .3s
}

.fs_style_57 {
    display: inline-block;
    border: 2px solid #002855;
    margin: 0 0 20px;
    padding: 11px 9px;
    background: #002855;
    color: #fff !important;
    font-family: Barlow, sans-serif;
    font-size: 15px;
    font-weight: 600 !important;
    letter-spacing: 1px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0;
    transition: .3s
}

.fs_style_57.on,
.fs_style_57:focus,
.fs_style_57:hover,
.fsStateSelected .fs_style_57 {
    background: transparent;
    color: #002855 !important;
    transition: .3s
}

.fs_style_75 {
    display: inline-block;
    border: 2px solid #39a9ae;
    margin: 0 0 20px;
    padding: 11px 9px;
    background: #39a9ae;
    color: #fff !important;
    font-family: Barlow, sans-serif;
    font-size: 15px;
    font-weight: 600 !important;
    letter-spacing: 1px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0;
    transition: .3s
}

.fs_style_75.on,
.fs_style_75:focus,
.fs_style_75:hover,
.fsStateSelected .fs_style_75 {
    background: transparent;
    color: #39a9ae !important;
    transition: .3s
}

.dark-background {
    padding: 100px;
    background: #002855
}

.fs_style_58 {
    display: inline-block;
    border: 2px solid #fff;
    margin: 0 0 20px;
    padding: 11px 9px;
    background: #fff;
    color: #002855 !important;
    font-family: Barlow, sans-serif;
    font-size: 15px;
    font-weight: 600 !important;
    letter-spacing: 1px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0;
    transition: .3s
}

.fs_style_58.on,
.fs_style_58:focus,
.fs_style_58:hover,
.fsStateSelected .fs_style_58 {
    background: transparent;
    color: #fff !important;
    transition: .3s
}

.fs_style_59 {
    display: inline-block;
    border: 2px solid #a83338;
    margin: 0 0 20px;
    padding: 11px 9px;
    background: #a83338;
    color: #fff !important;
    font-family: Barlow, sans-serif;
    font-size: 15px;
    font-weight: 600 !important;
    letter-spacing: 1px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0;
    transition: .3s
}

.fs_style_59.on,
.fs_style_59:focus,
.fs_style_59:hover,
.fsStateSelected .fs_style_59 {
    background: transparent;
    color: #fff !important;
    transition: .3s
}

.fs_style_60 {
    display: inline-block;
    border: 2px solid #79232e;
    margin: 0 0 20px;
    padding: 11px 9px;
    background: #79232e;
    color: #fff !important;
    font-family: Barlow, sans-serif;
    font-size: 15px;
    font-weight: 600 !important;
    letter-spacing: 1px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0;
    transition: .3s
}

.fs_style_60.on,
.fs_style_60:focus,
.fs_style_60:hover,
.fsStateSelected .fs_style_60 {
    background: transparent;
    color: #fff !important;
    transition: .3s
}

.fs_style_61 {
    display: inline-block;
    border: 2px solid #707170;
    margin: 0 0 20px;
    padding: 11px 9px;
    background: #707170;
    color: #fff !important;
    font-family: Barlow, sans-serif;
    font-size: 15px;
    font-weight: 600 !important;
    letter-spacing: 1px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0;
    transition: .3s
}

.fs_style_61.on,
.fs_style_61:focus,
.fs_style_61:hover,
.fsStateSelected .fs_style_61 {
    background: transparent;
    color: #fff !important;
    transition: .3s
}

.fs_style_76 {
    display: inline-block;
    border: 2px solid #39a9ae;
    margin: 0 0 20px;
    padding: 11px 9px;
    background: #39a9ae;
    color: #fff !important;
    font-family: Barlow, sans-serif;
    font-size: 15px;
    font-weight: 600 !important;
    letter-spacing: 1px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0;
    transition: .3s
}

.fs_style_76.on,
.fs_style_76:focus,
.fs_style_76:hover,
.fsStateSelected .fs_style_76 {
    background: transparent;
    color: #fff !important;
    transition: .3s
}

.fs_style_62,
.fs_style_63 {
    display: block;
    width: 100%;
    max-width: 300px;
    padding: 12px 24px;
    color: #002855 !important;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 16px;
    text-decoration: none;
    text-transform: uppercase;
    background: #f3f3f3;
    border: 0
}

.fs_style_62:before,
.fs_style_63:before {
    margin-right: 15px;
    font-size: 16px;
    line-height: 16px
}

.fs_style_62:focus,
.fs_style_62:hover,
.fs_style_63:focus,
.fs_style_63:hover {
    color: #fff !important;
    background: #002855
}

.fs_style_62:before {
    content: "\E920"
}

.fs_style_62:before,
.fs_style_63:before {
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

.fs_style_63:before {
    content: "\E91F"
}

.fsStyleDefaultButton {
    display: inline-block;
    border: 2px solid #f3f3f3;
    margin: 0 0 20px;
    padding: 11px 9px;
    background: #f3f3f3;
    color: #002855 !important;
    font-family: Barlow, sans-serif;
    font-size: 15px;
    font-weight: 600 !important;
    letter-spacing: 1px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0;
    transition: .3s
}

.fsStateSelected .fsStyleDefaultButton,
.fsStyleDefaultButton.on,
.fsStyleDefaultButton:focus,
.fsStyleDefaultButton:hover {
    background: transparent;
    color: #002855 !important;
    transition: .3s
}

.fsStyleDefaultButton.fsLoadMoreButton {
    margin-bottom: 0
}

.fsStyleDefaultButton.fsSelectAll {
    margin-bottom: 5px;
    padding: 7px 12px;
    font-size: .875em;
    line-height: 1.2
}

.fsStyleUpdateButton {
    display: inline-block;
    border: 2px solid #f3f3f3;
    margin: 0 0 20px;
    padding: 11px 9px;
    background: #f3f3f3;
    color: #002855 !important;
    font-family: Barlow, sans-serif;
    font-size: 15px;
    font-weight: 600 !important;
    letter-spacing: 1px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0;
    transition: .3s
}

.fsStateSelected .fsStyleUpdateButton,
.fsStyleUpdateButton.on,
.fsStyleUpdateButton:focus,
.fsStyleUpdateButton:hover {
    background: transparent;
    color: #002855 !important;
    transition: .3s
}

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

.bpa-infographic-3 section:before,
.icon-list li:before {
    font-family: bpa-infographic3 !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-bell:before {
    content: "\E900"
}

.icon-bicycle:before {
    content: "\E901"
}

.icon-books:before {
    content: "\E902"
}

.icon-bus:before {
    content: "\E903"
}

.icon-earth:before {
    content: "\E904"
}

.icon-family:before {
    content: "\E905"
}

.icon-gift:before {
    content: "\E906"
}

.icon-graduate:before {
    content: "\E907"
}

.icon-heart:before {
    content: "\E908"
}

.icon-ipad:before {
    content: "\E909"
}

.icon-leaf:before {
    content: "\E90A"
}

.icon-marker:before {
    content: "\E90B"
}

.icon-mortarboard:before {
    content: "\E90C"
}

.icon-note:before {
    content: "\E90D"
}

.icon-pencil:before {
    content: "\E90E"
}

.icon-pie-chart:before {
    content: "\E90F"
}

.icon-robot:before {
    content: "\E910"
}

.icon-skyscraper:before {
    content: "\E911"
}

.icon-star:before {
    content: "\E912"
}

.icon-trophy:before {
    content: "\E913"
}

.icon-university:before {
    content: "\E914"
}

.bpa-infographic-3 {
    position: relative;
    background-color: #fff;
    margin-left: 0;
    margin-right: 0;
    padding: 40px 20px
}

body:not(.fsHasLeftBanner) .bpa-infographic-3,
body:not(.fsHasRightBanner) .bpa-infographic-3 {
    width: 100vw;
    left: 50%;
    transform: translate(-50%);
    transform: translate3d(-50%, 0, 0);
    position: relative
}

body:not(.fsHasLeftBanner) .bpa-infographic-3 .fsStyleColumn-1,
body:not(.fsHasRightBanner) .bpa-infographic-3 .fsStyleColumn-1 {
    width: 38%
}

body:not(.fsHasLeftBanner) .bpa-infographic-3 .fsStyleColumn-2,
body:not(.fsHasRightBanner) .bpa-infographic-3 .fsStyleColumn-2 {
    width: 24%
}

body:not(.fsHasLeftBanner) .bpa-infographic-3 .fsStyleColumn-3,
body:not(.fsHasRightBanner) .bpa-infographic-3 .fsStyleColumn-3 {
    width: 38%
}

@media (max-width:1179px) {

    body:not(.fsHasLeftBanner) .bpa-infographic-3,
    body:not(.fsHasRightBanner) .bpa-infographic-3 {
        position: relative;
        max-width: 780px;
        width: 100%;
        margin: 0 auto;
        left: 0;
        right: 0;
        transform: translate(0);
        transform: translateZ(0);
        display: flex;
        justify-content: center;
        flex-wrap: wrap
    }

    body:not(.fsHasLeftBanner) .bpa-infographic-3.dark:before,
    body:not(.fsHasRightBanner) .bpa-infographic-3.dark:before {
        content: "";
        position: absolute;
        width: 50vw;
        height: 100%;
        transform: translateX(-100%);
        top: 0;
        left: 0;
        background: #a83338
    }

    body:not(.fsHasLeftBanner) .bpa-infographic-3.dark:after,
    body:not(.fsHasRightBanner) .bpa-infographic-3.dark:after {
        content: "";
        position: absolute;
        width: 50vw;
        height: 100%;
        transform: translateX(99%);
        top: 0;
        right: 0;
        background: #a83338;
        visibility: visible
    }

    body:not(.fsHasLeftBanner) .bpa-infographic-3 .fsStyleColumn-1>.fsElement,
    body:not(.fsHasLeftBanner) .bpa-infographic-3 .fsStyleColumn-3>.fsElement,
    body:not(.fsHasRightBanner) .bpa-infographic-3 .fsStyleColumn-1>.fsElement,
    body:not(.fsHasRightBanner) .bpa-infographic-3 .fsStyleColumn-3>.fsElement {
        padding-top: 80px
    }

    body:not(.fsHasLeftBanner) .bpa-infographic-3 .fsStyleColumn-1>.fsElement:before,
    body:not(.fsHasLeftBanner) .bpa-infographic-3 .fsStyleColumn-3>.fsElement:before,
    body:not(.fsHasRightBanner) .bpa-infographic-3 .fsStyleColumn-1>.fsElement:before,
    body:not(.fsHasRightBanner) .bpa-infographic-3 .fsStyleColumn-3>.fsElement:before {
        font-size: 25px;
        height: 70px;
        width: 70px;
        line-height: 67px
    }

    body:not(.fsHasLeftBanner) .bpa-infographic-3 .fsStyleColumn-1,
    body:not(.fsHasRightBanner) .bpa-infographic-3 .fsStyleColumn-1 {
        width: 100%;
        order: 2
    }

    body:not(.fsHasLeftBanner) .bpa-infographic-3 .fsStyleColumn-2,
    body:not(.fsHasRightBanner) .bpa-infographic-3 .fsStyleColumn-2 {
        width: 100%;
        order: 1;
        border-left-width: 0;
        border-right-width: 0;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        padding-bottom: 30px;
        margin-bottom: 50px
    }

    body:not(.fsHasLeftBanner) .bpa-infographic-3 .fsStyleColumn-3,
    body:not(.fsHasRightBanner) .bpa-infographic-3 .fsStyleColumn-3 {
        width: 100%;
        order: 3
    }
}

@media (max-width:699px) {

    body:not(.fsHasLeftBanner) .bpa-infographic-3,
    body:not(.fsHasRightBanner) .bpa-infographic-3 {
        padding: 20px 0
    }

    body:not(.fsHasLeftBanner) .bpa-infographic-3 .fsStyleColumn-1,
    body:not(.fsHasLeftBanner) .bpa-infographic-3 .fsStyleColumn-3,
    body:not(.fsHasRightBanner) .bpa-infographic-3 .fsStyleColumn-1,
    body:not(.fsHasRightBanner) .bpa-infographic-3 .fsStyleColumn-3 {
        width: 100%
    }
}

body.fsHasLeftBanner .bpa-infographic-3,
body.fsHasRightBanner .bpa-infographic-3 {
    position: relative;
    max-width: 780px;
    width: 100%;
    margin: 0 auto;
    left: 0;
    right: 0;
    transform: translate(0);
    transform: translateZ(0);
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

body.fsHasLeftBanner .bpa-infographic-3 .fsStyleColumn-1>.fsElement,
body.fsHasLeftBanner .bpa-infographic-3 .fsStyleColumn-3>.fsElement,
body.fsHasRightBanner .bpa-infographic-3 .fsStyleColumn-1>.fsElement,
body.fsHasRightBanner .bpa-infographic-3 .fsStyleColumn-3>.fsElement {
    padding-top: 80px
}

body.fsHasLeftBanner .bpa-infographic-3 .fsStyleColumn-1>.fsElement:before,
body.fsHasLeftBanner .bpa-infographic-3 .fsStyleColumn-3>.fsElement:before,
body.fsHasRightBanner .bpa-infographic-3 .fsStyleColumn-1>.fsElement:before,
body.fsHasRightBanner .bpa-infographic-3 .fsStyleColumn-3>.fsElement:before {
    font-size: 25px;
    height: 70px;
    width: 70px;
    line-height: 67px
}

body.fsHasLeftBanner .bpa-infographic-3 .fsStyleColumn-1,
body.fsHasRightBanner .bpa-infographic-3 .fsStyleColumn-1 {
    width: 50%;
    order: 2
}

body.fsHasLeftBanner .bpa-infographic-3 .fsStyleColumn-2,
body.fsHasRightBanner .bpa-infographic-3 .fsStyleColumn-2 {
    width: 100%;
    order: 1;
    border-left-width: 0;
    border-right-width: 0;
    border-bottom: 1px solid #242424;
    padding-bottom: 30px;
    margin-bottom: 50px
}

body.fsHasLeftBanner .bpa-infographic-3 .fsStyleColumn-3,
body.fsHasRightBanner .bpa-infographic-3 .fsStyleColumn-3 {
    width: 50%;
    order: 3
}

@media (max-width:999px) {

    body.fsHasLeftBanner .bpa-infographic-3,
    body.fsHasRightBanner .bpa-infographic-3 {
        padding: 20px 0
    }

    body.fsHasLeftBanner .bpa-infographic-3 .fsStyleColumn-1,
    body.fsHasLeftBanner .bpa-infographic-3 .fsStyleColumn-3,
    body.fsHasRightBanner .bpa-infographic-3 .fsStyleColumn-1,
    body.fsHasRightBanner .bpa-infographic-3 .fsStyleColumn-3 {
        width: 100%
    }
}

.bpa-infographic-3>header {
    text-align: center;
    padding-bottom: 30px
}

.bpa-infographic-3>header .fsElementTitle {
    color: #707170;
    font-size: 36px;
    font-weight: 500;
    letter-spacing: .01em;
    line-height: 1.2
}

.bpa-infographic-3>.fsStyleColumn {
    padding-left: 10px;
    padding-right: 10px
}

body:not(.fsDraftMode) .bpa-infographic-3>.fsStyleColumn {
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

.bpa-infographic-3>.fsStyleColumn>.fsElement {
    color: #707170;
    position: relative;
    text-align: center
}

body.fsDraftMode .bpa-infographic-3>.fsStyleColumn>.fsElement:before {
    position: relative !important;
    top: 0 !important
}

body.fsDraftMode .bpa-infographic-3>.fsStyleColumn>.fsElement .fsElementContent,
body.fsDraftMode .bpa-infographic-3>.fsStyleColumn>.fsElement .fsElementTitle {
    text-align: center !important
}

body:not(.fsDraftMode) .bpa-infographic-3>.fsStyleColumn>.fsElement {
    display: flex;
    align-content: flex-start;
    flex-wrap: wrap;
    flex: 1 1;
    margin: 0 !important;
    min-height: 185px;
    min-width: 50%;
    padding: 110px 8px 5px
}

@media (max-width:499px) {
    body:not(.fsDraftMode) .bpa-infographic-3>.fsStyleColumn>.fsElement {
        min-width: 100%
    }
}

body:not(.fsDraftMode) .bpa-infographic-3>.fsStyleColumn>.fsElement .fsElementContent,
body:not(.fsDraftMode) .bpa-infographic-3>.fsStyleColumn>.fsElement header {
    width: 50%;
    padding: 0 5px
}

.bpa-infographic-3>.fsStyleColumn>.fsElement:before {
    color: #fff;
    background: #002855;
    display: inline-block;
    position: absolute;
    text-align: center;
    margin: 0 auto;
    left: 0;
    right: 0;
    width: 90px;
    height: 90px;
    top: 0;
    border-radius: 50%;
    line-height: 86px;
    font-size: 37px
}

.bpa-infographic-3>.fsStyleColumn>.fsElement .fsElementTitle {
    display: block;
    text-align: right;
    font-size: 45px;
    font-weight: 700;
    line-height: 1.1;
    color: #242424
}

.bpa-infographic-3>.fsStyleColumn>.fsElement .fsElementContent {
    line-height: 1.2;
    text-align: left;
    padding-right: 30px;
    padding-bottom: 15px;
    padding-top: 6px !important
}

.bpa-infographic-3>.fsStyleColumn>.fsElement .fsElementContent p {
    margin: 0
}

.bpa-infographic-3>.fsStyleColumn.fsStyleColumn-2 {
    border-left: 1px solid #242424;
    border-right: 1px solid #242424;
    border-bottom-color: #242424;
    border-bottom-width: 0
}

body:not(.fsDraftMode) .bpa-infographic-3>.fsStyleColumn.fsStyleColumn-2>.fsElement {
    padding-top: 300px
}

.bpa-infographic-3>.fsStyleColumn.fsStyleColumn-2>.fsElement:before {
    top: 20px;
    width: 250px;
    height: 250px;
    font-size: 130px;
    line-height: 220px
}

.bpa-infographic-3.dark {
    background-color: #a83338
}

.bpa-infographic-3.dark>header>.fsElementTitle {
    color: #fff
}

.bpa-infographic-3.dark .fsStyleColumn-2 {
    border-bottom-color: #131313 !important;
    border-left-color: #131313;
    border-right-color: #131313
}

.bpa-infographic-3.dark>.fsStyleColumn>.fsElement {
    color: #fff
}

.bpa-infographic-3.dark>.fsStyleColumn>.fsElement:before {
    color: #a83338;
    background: #fff
}

.bpa-infographic-3.dark>.fsStyleColumn>.fsElement .fsElementTitle {
    color: #fff
}

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

.icon-list li {
    margin: 0;
    padding: 0;
    margin: 6px 0
}

.icon-list li:before {
    font-size: 30px;
    margin-right: 14px
}

@charset "UTF-8";

/*! helpers - functions v0.0.1 */

/*! helpers - utility v0.0.1 */

/*! helpers - box-model v0.0.1 */

/*! helpers - presentational v0.0.1 */

/*! helpers - ui-pattern v0.0.1 */

/*! helpers - typography v0.0.1 */

/*! helpers - functions v0.0.1 */

/*! helpers - utility v0.0.1 */
.compartment {
    position: relative;
    margin: 0 auto;
    max-width: 1180px
}

@media (min-width:600px) {
    .col-4 {
        width: 50%;
        float: left
    }
}

@media (min-width:900px) {
    .col-4 {
        width: 25%
    }
}

/*! helpers - box-model v0.0.1 */
.margin-x {
    margin-right: 1.17647em;
    margin-left: 1.17647em
}

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

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

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

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

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

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

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

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

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

/*! helpers - presentational v0.0.1 */

/*! helpers - ui-pattern v0.0.1 */

/*! helpers - typography v0.0.1 */
@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
}

h1 {
    font-size: 45px;
    line-height: 55px;
    margin-bottom: 23px
}

h1,
h2 {
    margin-top: 0;
    color: #002855;
    font-family: Barlow, sans-serif;
    font-weight: 600;
    font-weight: 400;
    font-weight: 800
}

h2 {
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 15px
}

h3 {
    margin-top: 0;
    color: #002855;
    font-family: Barlow, sans-serif;
    font-weight: 600;
    font-weight: 400;
    font-size: 35px;
    line-height: 45px;
    margin-bottom: 17px
}

h4 {
    font-size: 30px;
    line-height: 40px
}

h4,
h5 {
    margin-top: 0;
    color: #002855;
    font-family: Barlow, sans-serif;
    font-weight: 600;
    font-weight: 400;
    margin-bottom: 16px
}

h5 {
    font-size: 25px;
    line-height: 27px
}

h6 {
    margin-top: 0;
    color: #002855;
    font-family: Barlow, sans-serif;
    font-weight: 600;
    font-weight: 400;
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 20px;
    text-transform: uppercase;
    margin-bottom: 13px
}

p {
    margin: 0 0 20px
}

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

hr {
    margin: 0 auto 20px
}

a {
    color: #a83338;
    font-weight: 700;
    transition: background .3s, color .3s
}

a:focus,
a:hover {
    color: #002855
}

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

.fs_style_51 {
    margin-bottom: 20px
}

.fs_style_51 td,
.fs_style_51 th {
    vertical-align: top;
    border-bottom: none
}

.fs_style_51 th {
    padding: 10px 20px;
    background: #002855;
    color: #fff;
    font-family: Barlow, sans-serif;
    font-size: 20px;
    font-weight: 800;
    line-height: 30px;
    text-align: left
}

.fs_style_51 td {
    padding: 10px 20px;
    color: #313131;
    background: #fff
}

.fs_style_51 tr:nth-of-type(odd) td {
    background-color: #f3f3f3
}

.fs_style_51 tr {
    border-bottom: 1px solid #fff
}

.fs_style_51 tr.fsLoadMoreButtonRow {
    border-bottom: none
}

.fs_style_51 tr.fsLoadMoreButtonRow>td {
    background: none;
    padding: 20px 0
}

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

.table-overflow {
    overflow-x: auto;
    max-width: 100%;
    margin-bottom: 20px
}

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

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

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

.fs_style_52 {
    display: inline-block;
    border: 2px solid #f3f3f3;
    margin: 0 0 20px;
    padding: 11px 9px;
    background: #f3f3f3;
    color: #002855 !important;
    font-family: Barlow, sans-serif;
    font-size: 15px;
    font-weight: 600 !important;
    letter-spacing: 1px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0;
    transition: .3s
}

.fs_style_52.on,
.fs_style_52:focus,
.fs_style_52:hover,
.fsStateSelected .fs_style_52 {
    background: transparent;
    color: #002855 !important;
    transition: .3s
}

.fs_style_53 {
    display: inline-block;
    border: 2px solid #707170;
    margin: 0 0 20px;
    padding: 11px 9px;
    background: #707170;
    color: #fff !important;
    font-family: Barlow, sans-serif;
    font-size: 15px;
    font-weight: 600 !important;
    letter-spacing: 1px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0;
    transition: .3s
}

.fs_style_53.on,
.fs_style_53:focus,
.fs_style_53:hover,
.fsStateSelected .fs_style_53 {
    background: transparent;
    color: #707170 !important;
    transition: .3s
}

.fs_style_54 {
    display: inline-block;
    border: 2px solid #313131;
    margin: 0 0 20px;
    padding: 11px 9px;
    background: #313131;
    color: #fff !important;
    font-family: Barlow, sans-serif;
    font-size: 15px;
    font-weight: 600 !important;
    letter-spacing: 1px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0;
    transition: .3s
}

.fs_style_54.on,
.fs_style_54:focus,
.fs_style_54:hover,
.fsStateSelected .fs_style_54 {
    background: transparent;
    color: #313131 !important;
    transition: .3s
}

.fs_style_55 {
    display: inline-block;
    border: 2px solid #a83338;
    margin: 0 0 20px;
    padding: 11px 9px;
    background: #a83338;
    color: #fff !important;
    font-family: Barlow, sans-serif;
    font-size: 15px;
    font-weight: 600 !important;
    letter-spacing: 1px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0;
    transition: .3s
}

.fs_style_55.on,
.fs_style_55:focus,
.fs_style_55:hover,
.fsStateSelected .fs_style_55 {
    background: transparent;
    color: #a83338 !important;
    transition: .3s
}

.fs_style_56 {
    display: inline-block;
    border: 2px solid #79232e;
    margin: 0 0 20px;
    padding: 11px 9px;
    background: #79232e;
    color: #fff !important;
    font-family: Barlow, sans-serif;
    font-size: 15px;
    font-weight: 600 !important;
    letter-spacing: 1px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0;
    transition: .3s
}

.fs_style_56.on,
.fs_style_56:focus,
.fs_style_56:hover,
.fsStateSelected .fs_style_56 {
    background: transparent;
    color: #79232e !important;
    transition: .3s
}

.fs_style_57 {
    display: inline-block;
    border: 2px solid #002855;
    margin: 0 0 20px;
    padding: 11px 9px;
    background: #002855;
    color: #fff !important;
    font-family: Barlow, sans-serif;
    font-size: 15px;
    font-weight: 600 !important;
    letter-spacing: 1px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0;
    transition: .3s
}

.fs_style_57.on,
.fs_style_57:focus,
.fs_style_57:hover,
.fsStateSelected .fs_style_57 {
    background: transparent;
    color: #002855 !important;
    transition: .3s
}

.fs_style_75 {
    display: inline-block;
    border: 2px solid #39a9ae;
    margin: 0 0 20px;
    padding: 11px 9px;
    background: #39a9ae;
    color: #fff !important;
    font-family: Barlow, sans-serif;
    font-size: 15px;
    font-weight: 600 !important;
    letter-spacing: 1px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0;
    transition: .3s
}

.fs_style_75.on,
.fs_style_75:focus,
.fs_style_75:hover,
.fsStateSelected .fs_style_75 {
    background: transparent;
    color: #39a9ae !important;
    transition: .3s
}

.dark-background {
    padding: 100px;
    background: #002855
}

.fs_style_58 {
    display: inline-block;
    border: 2px solid #fff;
    margin: 0 0 20px;
    padding: 11px 9px;
    background: #fff;
    color: #002855 !important;
    font-family: Barlow, sans-serif;
    font-size: 15px;
    font-weight: 600 !important;
    letter-spacing: 1px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0;
    transition: .3s
}

.fs_style_58.on,
.fs_style_58:focus,
.fs_style_58:hover,
.fsStateSelected .fs_style_58 {
    background: transparent;
    color: #fff !important;
    transition: .3s
}

.fs_style_59 {
    display: inline-block;
    border: 2px solid #a83338;
    margin: 0 0 20px;
    padding: 11px 9px;
    background: #a83338;
    color: #fff !important;
    font-family: Barlow, sans-serif;
    font-size: 15px;
    font-weight: 600 !important;
    letter-spacing: 1px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0;
    transition: .3s
}

.fs_style_59.on,
.fs_style_59:focus,
.fs_style_59:hover,
.fsStateSelected .fs_style_59 {
    background: transparent;
    color: #fff !important;
    transition: .3s
}

.fs_style_60 {
    display: inline-block;
    border: 2px solid #79232e;
    margin: 0 0 20px;
    padding: 11px 9px;
    background: #79232e;
    color: #fff !important;
    font-family: Barlow, sans-serif;
    font-size: 15px;
    font-weight: 600 !important;
    letter-spacing: 1px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0;
    transition: .3s
}

.fs_style_60.on,
.fs_style_60:focus,
.fs_style_60:hover,
.fsStateSelected .fs_style_60 {
    background: transparent;
    color: #fff !important;
    transition: .3s
}

.fs_style_61 {
    display: inline-block;
    border: 2px solid #707170;
    margin: 0 0 20px;
    padding: 11px 9px;
    background: #707170;
    color: #fff !important;
    font-family: Barlow, sans-serif;
    font-size: 15px;
    font-weight: 600 !important;
    letter-spacing: 1px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0;
    transition: .3s
}

.fs_style_61.on,
.fs_style_61:focus,
.fs_style_61:hover,
.fsStateSelected .fs_style_61 {
    background: transparent;
    color: #fff !important;
    transition: .3s
}

.fs_style_76 {
    display: inline-block;
    border: 2px solid #39a9ae;
    margin: 0 0 20px;
    padding: 11px 9px;
    background: #39a9ae;
    color: #fff !important;
    font-family: Barlow, sans-serif;
    font-size: 15px;
    font-weight: 600 !important;
    letter-spacing: 1px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0;
    transition: .3s
}

.fs_style_76.on,
.fs_style_76:focus,
.fs_style_76:hover,
.fsStateSelected .fs_style_76 {
    background: transparent;
    color: #fff !important;
    transition: .3s
}

.fs_style_62,
.fs_style_63 {
    display: block;
    width: 100%;
    max-width: 300px;
    padding: 12px 24px;
    color: #002855 !important;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 16px;
    text-decoration: none;
    text-transform: uppercase;
    background: #f3f3f3;
    border: 0
}

.fs_style_62:before,
.fs_style_63:before {
    margin-right: 15px;
    font-size: 16px;
    line-height: 16px
}

.fs_style_62:focus,
.fs_style_62:hover,
.fs_style_63:focus,
.fs_style_63:hover {
    color: #fff !important;
    background: #002855
}

.fs_style_62:before {
    content: "\E920"
}

.fs_style_62:before,
.fs_style_63:before {
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

.fs_style_63:before {
    content: "\E91F"
}

.fsStyleDefaultButton {
    display: inline-block;
    border: 2px solid #f3f3f3;
    margin: 0 0 20px;
    padding: 11px 9px;
    background: #f3f3f3;
    color: #002855 !important;
    font-family: Barlow, sans-serif;
    font-size: 15px;
    font-weight: 600 !important;
    letter-spacing: 1px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0;
    transition: .3s
}

.fsStateSelected .fsStyleDefaultButton,
.fsStyleDefaultButton.on,
.fsStyleDefaultButton:focus,
.fsStyleDefaultButton:hover {
    background: transparent;
    color: #002855 !important;
    transition: .3s
}

.fsStyleDefaultButton.fsLoadMoreButton {
    margin-bottom: 0
}

.fsStyleDefaultButton.fsSelectAll {
    margin-bottom: 5px;
    padding: 7px 12px;
    font-size: .875em;
    line-height: 1.2
}

.fsStyleUpdateButton {
    display: inline-block;
    border: 2px solid #f3f3f3;
    margin: 0 0 20px;
    padding: 11px 9px;
    background: #f3f3f3;
    color: #002855 !important;
    font-family: Barlow, sans-serif;
    font-size: 15px;
    font-weight: 600 !important;
    letter-spacing: 1px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0;
    transition: .3s
}

.fsStateSelected .fsStyleUpdateButton,
.fsStyleUpdateButton.on,
.fsStyleUpdateButton:focus,
.fsStyleUpdateButton:hover {
    background: transparent;
    color: #002855 !important;
    transition: .3s
}

body:not(.fsComposeMode) .bpa-image-buttons-2 {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    flex-grow: 1;
    position: relative;
    height: 380px;
    color: #fff;
    font-family: Lato, sans-serif;
    text-align: center;
    background-size: cover;
    background-position: top;
    overflow: hidden
}

body:not(.fsComposeMode) .bpa-image-buttons-2>header {
    position: relative;
    margin-bottom: 0;
    padding: 20px 20px 15px;
    background: rgba(168, 51, 56, .8)
}

body:not(.fsComposeMode) .bpa-image-buttons-2>header:before {
    position: absolute;
    bottom: 100%;
    left: 0;
    height: 50px;
    width: 100%;
    content: "";
    background: rgba(168, 51, 56, .8);
    background: linear-gradient(to right bottom, transparent 50%, rgba(168, 51, 56, .8) 0);
    transition: all .3s linear
}

body:not(.fsComposeMode) .bpa-image-buttons-2>header h2.fsElementTitle {
    margin-bottom: 0;
    color: #fff;
    font-family: Barlow, sans-serif;
    font-weight: 600;
    font-size: 25px;
    line-height: 32px
}

body:not(.fsComposeMode) .bpa-image-buttons-2>header>.fsElementHeaderContent {
    margin-top: 5px;
    margin-bottom: 0;
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    text-transform: uppercase
}

body:not(.fsComposeMode) .bpa-image-buttons-2>header>.fsElementHeaderContent p {
    margin-bottom: 0
}

body:not(.fsComposeMode) .bpa-image-buttons-2>.fsElementContent {
    overflow: hidden;
    height: auto;
    max-height: 0;
    padding: 0 15px 15px;
    font-size: 18px;
    line-height: 24px;
    background: rgba(168, 51, 56, .8);
    transition: all .3s ease-in-out
}

body:not(.fsComposeMode) .bpa-image-buttons-2>.fsElementContent p {
    opacity: 0
}

body:not(.fsComposeMode) .bpa-image-buttons-2>.fsElementContent p:last-child {
    margin: 0
}

body:not(.fsComposeMode) .bpa-image-buttons-2>footer {
    overflow: hidden;
    height: auto;
    max-height: 0;
    background: rgba(168, 51, 56, .8);
    transition: all .3s ease-in-out
}

body:not(.fsComposeMode) .bpa-image-buttons-2>footer>.fsElementFooterContent {
    margin-top: 0
}

body:not(.fsComposeMode) .bpa-image-buttons-2>footer>.fsElementFooterContent p {
    margin: 0
}

body:not(.fsComposeMode) .bpa-image-buttons-2>footer>.fsElementFooterContent a {
    display: block;
    width: 200px;
    max-width: 90%;
    margin: 0 auto 10px;
    padding: 12px 10px 10px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    background: transparent;
    border: 2px solid #fff
}

body:not(.fsComposeMode) .bpa-image-buttons-2>footer>.fsElementFooterContent a:hover {
    background: #fff;
    color: #353535;
    text-decoration: none
}

body:not(.fsComposeMode) .bpa-image-buttons-2 .image-button-content {
    z-index: 2
}

body:not(.fsComposeMode) .bpa-image-buttons-2.focused>.fsElementContent,
body:not(.fsComposeMode) .bpa-image-buttons-2.focused>footer,
body:not(.fsComposeMode) .bpa-image-buttons-2:hover>.fsElementContent,
body:not(.fsComposeMode) .bpa-image-buttons-2:hover>footer {
    opacity: 1;
    max-height: 380px;
    transition: all .8s ease-in-out
}

body:not(.fsComposeMode) .bpa-image-buttons-2.focused>.fsElementContent p,
body:not(.fsComposeMode) .bpa-image-buttons-2.focused>footer p,
body:not(.fsComposeMode) .bpa-image-buttons-2:hover>.fsElementContent p,
body:not(.fsComposeMode) .bpa-image-buttons-2:hover>footer p {
    opacity: 1
}

body:not(.fsComposeMode) .bpa-image-buttons-2:focus-within>.fsElementContent,
body:not(.fsComposeMode) .bpa-image-buttons-2:focus-within>footer {
    opacity: 1;
    max-height: 380px;
    transition: all .8s ease-in-out
}

@charset "UTF-8";

/*! helpers - functions v0.0.1 */

/*! helpers - utility v0.0.1 */
.compartment {
    position: relative;
    margin: 0 auto;
    max-width: 1180px
}

@media (min-width:600px) {
    .col-4 {
        width: 50%;
        float: left
    }
}

@media (min-width:900px) {
    .col-4 {
        width: 25%
    }
}

/*! helpers - box-model v0.0.1 */
.margin-x {
    margin-right: 1.17647em;
    margin-left: 1.17647em
}

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

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

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

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

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

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

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

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

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

/*! helpers - presentational v0.0.1 */

/*! helpers - ui-pattern v0.0.1 */

/*! helpers - typography v0.0.1 */
@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
}

h1 {
    font-size: 45px;
    line-height: 55px;
    margin-bottom: 23px
}

h1,
h2 {
    margin-top: 0;
    color: #002855;
    font-family: Barlow, sans-serif;
    font-weight: 600;
    font-weight: 400;
    font-weight: 800
}

h2 {
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 15px
}

h3 {
    margin-top: 0;
    color: #002855;
    font-family: Barlow, sans-serif;
    font-weight: 600;
    font-weight: 400;
    font-size: 35px;
    line-height: 45px;
    margin-bottom: 17px
}

h4 {
    font-size: 30px;
    line-height: 40px
}

h4,
h5 {
    margin-top: 0;
    color: #002855;
    font-family: Barlow, sans-serif;
    font-weight: 600;
    font-weight: 400;
    margin-bottom: 16px
}

h5 {
    font-size: 25px;
    line-height: 27px
}

h6 {
    margin-top: 0;
    color: #002855;
    font-family: Barlow, sans-serif;
    font-weight: 600;
    font-weight: 400;
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 20px;
    text-transform: uppercase;
    margin-bottom: 13px
}

p {
    margin: 0 0 20px
}

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

hr {
    margin: 0 auto 20px
}

a {
    color: #a83338;
    font-weight: 700;
    transition: background .3s, color .3s
}

a:focus,
a:hover {
    color: #002855
}

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

.fs_style_51 {
    margin-bottom: 20px
}

.fs_style_51 td,
.fs_style_51 th {
    vertical-align: top;
    border-bottom: none
}

.fs_style_51 th {
    padding: 10px 20px;
    background: #002855;
    color: #fff;
    font-family: Barlow, sans-serif;
    font-size: 20px;
    font-weight: 800;
    line-height: 30px;
    text-align: left
}

.fs_style_51 td {
    padding: 10px 20px;
    color: #313131;
    background: #fff
}

.fs_style_51 tr:nth-of-type(odd) td {
    background-color: #f3f3f3
}

.fs_style_51 tr {
    border-bottom: 1px solid #fff
}

.fs_style_51 tr.fsLoadMoreButtonRow {
    border-bottom: none
}

.fs_style_51 tr.fsLoadMoreButtonRow>td {
    background: none;
    padding: 20px 0
}

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

.table-overflow {
    overflow-x: auto;
    max-width: 100%;
    margin-bottom: 20px
}

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

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

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

.fs_style_52 {
    display: inline-block;
    border: 2px solid #f3f3f3;
    margin: 0 0 20px;
    padding: 11px 9px;
    background: #f3f3f3;
    color: #002855 !important;
    font-family: Barlow, sans-serif;
    font-size: 15px;
    font-weight: 600 !important;
    letter-spacing: 1px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0;
    transition: .3s
}

.fs_style_52.on,
.fs_style_52:focus,
.fs_style_52:hover,
.fsStateSelected .fs_style_52 {
    background: transparent;
    color: #002855 !important;
    transition: .3s
}

.fs_style_53 {
    display: inline-block;
    border: 2px solid #707170;
    margin: 0 0 20px;
    padding: 11px 9px;
    background: #707170;
    color: #fff !important;
    font-family: Barlow, sans-serif;
    font-size: 15px;
    font-weight: 600 !important;
    letter-spacing: 1px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0;
    transition: .3s
}

.fs_style_53.on,
.fs_style_53:focus,
.fs_style_53:hover,
.fsStateSelected .fs_style_53 {
    background: transparent;
    color: #707170 !important;
    transition: .3s
}

.fs_style_54 {
    display: inline-block;
    border: 2px solid #313131;
    margin: 0 0 20px;
    padding: 11px 9px;
    background: #313131;
    color: #fff !important;
    font-family: Barlow, sans-serif;
    font-size: 15px;
    font-weight: 600 !important;
    letter-spacing: 1px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0;
    transition: .3s
}

.fs_style_54.on,
.fs_style_54:focus,
.fs_style_54:hover,
.fsStateSelected .fs_style_54 {
    background: transparent;
    color: #313131 !important;
    transition: .3s
}

.fs_style_55 {
    display: inline-block;
    border: 2px solid #a83338;
    margin: 0 0 20px;
    padding: 11px 9px;
    background: #a83338;
    color: #fff !important;
    font-family: Barlow, sans-serif;
    font-size: 15px;
    font-weight: 600 !important;
    letter-spacing: 1px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0;
    transition: .3s
}

.fs_style_55.on,
.fs_style_55:focus,
.fs_style_55:hover,
.fsStateSelected .fs_style_55 {
    background: transparent;
    color: #a83338 !important;
    transition: .3s
}

.fs_style_56 {
    display: inline-block;
    border: 2px solid #79232e;
    margin: 0 0 20px;
    padding: 11px 9px;
    background: #79232e;
    color: #fff !important;
    font-family: Barlow, sans-serif;
    font-size: 15px;
    font-weight: 600 !important;
    letter-spacing: 1px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0;
    transition: .3s
}

.fs_style_56.on,
.fs_style_56:focus,
.fs_style_56:hover,
.fsStateSelected .fs_style_56 {
    background: transparent;
    color: #79232e !important;
    transition: .3s
}

.fs_style_57 {
    display: inline-block;
    border: 2px solid #002855;
    margin: 0 0 20px;
    padding: 11px 9px;
    background: #002855;
    color: #fff !important;
    font-family: Barlow, sans-serif;
    font-size: 15px;
    font-weight: 600 !important;
    letter-spacing: 1px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0;
    transition: .3s
}

.fs_style_57.on,
.fs_style_57:focus,
.fs_style_57:hover,
.fsStateSelected .fs_style_57 {
    background: transparent;
    color: #002855 !important;
    transition: .3s
}

.fs_style_75 {
    display: inline-block;
    border: 2px solid #39a9ae;
    margin: 0 0 20px;
    padding: 11px 9px;
    background: #39a9ae;
    color: #fff !important;
    font-family: Barlow, sans-serif;
    font-size: 15px;
    font-weight: 600 !important;
    letter-spacing: 1px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0;
    transition: .3s
}

.fs_style_75.on,
.fs_style_75:focus,
.fs_style_75:hover,
.fsStateSelected .fs_style_75 {
    background: transparent;
    color: #39a9ae !important;
    transition: .3s
}

.dark-background {
    padding: 100px;
    background: #002855
}

.fs_style_58 {
    display: inline-block;
    border: 2px solid #fff;
    margin: 0 0 20px;
    padding: 11px 9px;
    background: #fff;
    color: #002855 !important;
    font-family: Barlow, sans-serif;
    font-size: 15px;
    font-weight: 600 !important;
    letter-spacing: 1px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0;
    transition: .3s
}

.fs_style_58.on,
.fs_style_58:focus,
.fs_style_58:hover,
.fsStateSelected .fs_style_58 {
    background: transparent;
    color: #fff !important;
    transition: .3s
}

.fs_style_59 {
    display: inline-block;
    border: 2px solid #a83338;
    margin: 0 0 20px;
    padding: 11px 9px;
    background: #a83338;
    color: #fff !important;
    font-family: Barlow, sans-serif;
    font-size: 15px;
    font-weight: 600 !important;
    letter-spacing: 1px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0;
    transition: .3s
}

.fs_style_59.on,
.fs_style_59:focus,
.fs_style_59:hover,
.fsStateSelected .fs_style_59 {
    background: transparent;
    color: #fff !important;
    transition: .3s
}

.fs_style_60 {
    display: inline-block;
    border: 2px solid #79232e;
    margin: 0 0 20px;
    padding: 11px 9px;
    background: #79232e;
    color: #fff !important;
    font-family: Barlow, sans-serif;
    font-size: 15px;
    font-weight: 600 !important;
    letter-spacing: 1px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0;
    transition: .3s
}

.fs_style_60.on,
.fs_style_60:focus,
.fs_style_60:hover,
.fsStateSelected .fs_style_60 {
    background: transparent;
    color: #fff !important;
    transition: .3s
}

.fs_style_61 {
    display: inline-block;
    border: 2px solid #707170;
    margin: 0 0 20px;
    padding: 11px 9px;
    background: #707170;
    color: #fff !important;
    font-family: Barlow, sans-serif;
    font-size: 15px;
    font-weight: 600 !important;
    letter-spacing: 1px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0;
    transition: .3s
}

.fs_style_61.on,
.fs_style_61:focus,
.fs_style_61:hover,
.fsStateSelected .fs_style_61 {
    background: transparent;
    color: #fff !important;
    transition: .3s
}

.fs_style_76 {
    display: inline-block;
    border: 2px solid #39a9ae;
    margin: 0 0 20px;
    padding: 11px 9px;
    background: #39a9ae;
    color: #fff !important;
    font-family: Barlow, sans-serif;
    font-size: 15px;
    font-weight: 600 !important;
    letter-spacing: 1px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0;
    transition: .3s
}

.fs_style_76.on,
.fs_style_76:focus,
.fs_style_76:hover,
.fsStateSelected .fs_style_76 {
    background: transparent;
    color: #fff !important;
    transition: .3s
}

.fs_style_62,
.fs_style_63 {
    display: block;
    width: 100%;
    max-width: 300px;
    padding: 12px 24px;
    color: #002855 !important;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 16px;
    text-decoration: none;
    text-transform: uppercase;
    background: #f3f3f3;
    border: 0
}

.fs_style_62:before,
.fs_style_63:before {
    margin-right: 15px;
    font-size: 16px;
    line-height: 16px
}

.fs_style_62:focus,
.fs_style_62:hover,
.fs_style_63:focus,
.fs_style_63:hover {
    color: #fff !important;
    background: #002855
}

.fs_style_62:before {
    content: "\E920"
}

.fs_style_62:before,
.fs_style_63:before {
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

.fs_style_63:before {
    content: "\E91F"
}

.fsStyleDefaultButton {
    display: inline-block;
    border: 2px solid #f3f3f3;
    margin: 0 0 20px;
    padding: 11px 9px;
    background: #f3f3f3;
    color: #002855 !important;
    font-family: Barlow, sans-serif;
    font-size: 15px;
    font-weight: 600 !important;
    letter-spacing: 1px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0;
    transition: .3s
}

.fsStateSelected .fsStyleDefaultButton,
.fsStyleDefaultButton.on,
.fsStyleDefaultButton:focus,
.fsStyleDefaultButton:hover {
    background: transparent;
    color: #002855 !important;
    transition: .3s
}

.fsStyleDefaultButton.fsLoadMoreButton {
    margin-bottom: 0
}

.fsStyleDefaultButton.fsSelectAll {
    margin-bottom: 5px;
    padding: 7px 12px;
    font-size: .875em;
    line-height: 1.2
}

.fsStyleUpdateButton {
    display: inline-block;
    border: 2px solid #f3f3f3;
    margin: 0 0 20px;
    padding: 11px 9px;
    background: #f3f3f3;
    color: #002855 !important;
    font-family: Barlow, sans-serif;
    font-size: 15px;
    font-weight: 600 !important;
    letter-spacing: 1px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0;
    transition: .3s
}

.fsStateSelected .fsStyleUpdateButton,
.fsStyleUpdateButton.on,
.fsStyleUpdateButton:focus,
.fsStyleUpdateButton:hover {
    background: transparent;
    color: #002855 !important;
    transition: .3s
}

.fsGrid.bpa-image-slideshow-1 {
    margin-bottom: 50px
}

.fsGrid.bpa-image-slideshow-1 .fsListItems {
    margin: 0 auto;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .2)
}

body:not(.fsComposeMode) .fsGrid.bpa-image-slideshow-1 .fsListItems:not(.slick-initialized) {
    display: flex;
    flex-wrap: nowrap;
    height: 580px;
    opacity: 0;
    visibility: hidden
}

.fsGrid.bpa-image-slideshow-1 article {
    position: relative;
    overflow: hidden;
    padding: 0;
    height: auto
}

@media (min-width:700px) {
    .fsGrid.bpa-image-slideshow-1 article {
        padding-top: 64px;
        min-height: 47.54098vw
    }
}

@media (min-width:900px) {
    .fsGrid.bpa-image-slideshow-1 article {
        padding-top: 84px
    }
}

@media (min-width:1220px) {
    .fsGrid.bpa-image-slideshow-1 article {
        min-height: 580px
    }
}

.fsGrid.bpa-image-slideshow-1 article .fsTitle {
    margin-top: 0;
    color: #002855;
    font-family: Barlow, sans-serif;
    font-weight: 600;
    font-weight: 400;
    font-size: 35px;
    line-height: 45px;
    margin-bottom: 17px;
    text-align: center;
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 24px;
    padding-top: 64px
}

@media (min-width:700px) {
    .fsGrid.bpa-image-slideshow-1 article .fsTitle {
        width: 50%;
        padding-top: 0
    }
}

.fsGrid.bpa-image-slideshow-1 article .fsTitle:after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    bottom: 0;
    width: 40px;
    height: 4px;
    background-color: rgba(0, 0, 0, .2)
}

.fsGrid.bpa-image-slideshow-1 article .fsTitle a {
    color: inherit
}

.fsGrid.bpa-image-slideshow-1 article .fsTitle.fsResourceName {
    display: none
}

.fsGrid.bpa-image-slideshow-1 article>.fsTitle {
    padding-left: 20px;
    padding-right: 20px
}

@media (min-width:700px) {
    .fsGrid.bpa-image-slideshow-1 article>.fsTitle {
        padding-left: 0;
        padding-right: 0;
        width: calc(50% - 40px);
        margin-left: 20px
    }
}

@media (min-width:900px) {
    .fsGrid.bpa-image-slideshow-1 article>.fsTitle {
        width: calc(50% - 60px);
        margin-left: 30px
    }
}

.fsGrid.bpa-image-slideshow-1 article figure {
    display: flex;
    flex-direction: column-reverse
}

@media (min-width:700px) {
    .fsGrid.bpa-image-slideshow-1 article figure {
        display: block
    }
}

.fsGrid.bpa-image-slideshow-1 article picture {
    background-size: cover;
    background-position: 50%;
    display: block;
    width: 100%
}

@media (min-width:700px) {
    .fsGrid.bpa-image-slideshow-1 article picture {
        overflow: hidden;
        position: absolute;
        width: 50%;
        height: 100%;
        right: 0;
        top: 0
    }
}

.fsGrid.bpa-image-slideshow-1 article picture img {
    display: block;
    width: 100%
}

@media (min-width:700px) {
    .fsGrid.bpa-image-slideshow-1 article picture img {
        display: block;
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        white-space: nowrap;
        width: 1px
    }
}

.fsGrid.bpa-image-slideshow-1 article figcaption {
    margin-top: 0;
    text-align: center;
    padding: 0 20px 30px;
    color: #707170;
    font-family: Lato, sans-serif;
    font-size: 17px;
    line-height: 27px;
    font-weight: 400
}

@media (min-width:700px) {
    .fsGrid.bpa-image-slideshow-1 article figcaption {
        width: 50%;
        padding: 0 20px 81px;
        width: calc(50% - 10px);
        max-height: calc(47.54098vw - 44px - 40px);
        overflow: auto
    }
}

@media (min-width:900px) {
    .fsGrid.bpa-image-slideshow-1 article figcaption {
        padding: 0 20px 81px 30px;
        max-height: calc(47.54098vw - 44px - 70px)
    }
}

@media (min-width:1220px) {
    .fsGrid.bpa-image-slideshow-1 article figcaption {
        max-height: 466px
    }
}

.fsGrid.bpa-image-slideshow-1 article figcaption h2 {
    padding-bottom: 0
}

.fsGrid.bpa-image-slideshow-1 article figcaption h2:before {
    display: none
}

@media (min-width:700px) {
    .fsGrid.bpa-image-slideshow-1 article figcaption .fsTitle {
        margin-left: auto;
        margin-right: auto;
        width: 100%
    }
}

@media (min-width:700px) {
    .fsGrid.bpa-image-slideshow-1 article.has-caption {
        position: relative
    }
}

@media (min-width:700px) {
    .fsGrid.bpa-image-slideshow-1 article.has-caption:before {
        content: "";
        position: absolute;
        background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .85) 51.8%, #fff);
        height: 100px;
        width: calc(50% - 50px);
        left: 20px;
        bottom: 20px;
        z-index: 10;
        height: 81px
    }
}

@media (min-width:900px) {
    .fsGrid.bpa-image-slideshow-1 article.has-caption:before {
        width: calc(50% - 60px);
        left: 30px;
        bottom: 30px
    }
}

.fsGrid.bpa-image-slideshow-1 article.has-caption:not(.has-title) {
    padding-top: 64px
}

@media (min-width:900px) {
    .fsGrid.bpa-image-slideshow-1 article.has-caption:not(.has-title) {
        padding-top: 84px
    }
}

.fsGrid.bpa-image-slideshow-1 article:not(.has-caption) {
    display: flex;
    flex-direction: column
}

@media (min-width:700px) {
    .fsGrid.bpa-image-slideshow-1 article:not(.has-caption) {
        display: block
    }
}

.fsGrid.bpa-image-slideshow-1 article:not(.has-caption)>figure {
    order: 2
}

.fsGrid.bpa-image-slideshow-1 article:not(.has-caption)>figure+.fsTitle {
    margin-bottom: 20px
}

.fsGrid.bpa-image-slideshow-1 article:not(.has-caption) .fsTitle {
    margin-bottom: 0;
    padding-bottom: 0
}

.fsGrid.bpa-image-slideshow-1 article:not(.has-caption) .fsTitle:after {
    display: none
}

.fsGrid.bpa-image-slideshow-1 article:not(.has-caption):not(.has-title) {
    padding-top: 0;
    min-height: auto
}

.fsGrid.bpa-image-slideshow-1 article:not(.has-caption):not(.has-title) picture {
    width: 100%;
    position: relative;
    height: auto
}

.fsGrid.bpa-image-slideshow-1 article:not(.has-caption):not(.has-title) picture img {
    height: auto;
    width: 100%;
    position: relative;
    margin: 0
}

.fsGrid.bpa-image-slideshow-1 .slick-arrow {
    width: 44px;
    height: 44px;
    border: none;
    padding: 0;
    margin: 0;
    background: rgba(0, 0, 0, .42);
    position: absolute;
    left: 0;
    top: 0;
    transform: translateZ(0);
    z-index: 20;
    transition: .3s;
    cursor: pointer;
    color: transparent;
    overflow: hidden;
    white-space: nowrap
}

.fsGrid.bpa-image-slideshow-1 .slick-arrow:before {
    color: #fff;
    font-size: 24px;
    line-height: 1;
    position: absolute;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    left: 0;
    width: 100%;
    text-align: center
}

.fsGrid.bpa-image-slideshow-1 .slick-arrow:focus,
.fsGrid.bpa-image-slideshow-1 .slick-arrow:hover {
    background: rgba(0, 0, 0, .5);
    transition: .3s
}

.fsGrid.bpa-image-slideshow-1 .slick-arrow.slick-prev:before {
    content: "\E902";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

.fsGrid.bpa-image-slideshow-1 .slick-arrow.slick-next {
    left: 45px
}

.fsGrid.bpa-image-slideshow-1 .slick-arrow.slick-next:before {
    content: "\E903";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

.fsBannerLeft .fsGrid.bpa-image-slideshow-1 article,
.fsBannerRight .fsGrid.bpa-image-slideshow-1 article,
.fsFourColumnLayout>.fsDiv .fsGrid.bpa-image-slideshow-1 article,
.fsStyleOneThird .fsGrid.bpa-image-slideshow-1 article,
.fsThreeColumnLayout>.fsDiv .fsGrid.bpa-image-slideshow-1 article,
.fsTwoColumnLayout .fsGrid.bpa-image-slideshow-1 article {
    padding-top: 64px;
    padding-bottom: 0;
    display: flex;
    min-height: auto
}

.fsBannerLeft .fsGrid.bpa-image-slideshow-1 article:not(.has-caption):not(.has-title),
.fsBannerRight .fsGrid.bpa-image-slideshow-1 article:not(.has-caption):not(.has-title),
.fsFourColumnLayout>.fsDiv .fsGrid.bpa-image-slideshow-1 article:not(.has-caption):not(.has-title),
.fsStyleOneThird .fsGrid.bpa-image-slideshow-1 article:not(.has-caption):not(.has-title),
.fsThreeColumnLayout>.fsDiv .fsGrid.bpa-image-slideshow-1 article:not(.has-caption):not(.has-title),
.fsTwoColumnLayout .fsGrid.bpa-image-slideshow-1 article:not(.has-caption):not(.has-title) {
    padding-top: 0
}

.fsBannerLeft .fsGrid.bpa-image-slideshow-1 article:before,
.fsBannerRight .fsGrid.bpa-image-slideshow-1 article:before,
.fsFourColumnLayout>.fsDiv .fsGrid.bpa-image-slideshow-1 article:before,
.fsStyleOneThird .fsGrid.bpa-image-slideshow-1 article:before,
.fsThreeColumnLayout>.fsDiv .fsGrid.bpa-image-slideshow-1 article:before,
.fsTwoColumnLayout .fsGrid.bpa-image-slideshow-1 article:before {
    display: none
}

.fsBannerLeft .fsGrid.bpa-image-slideshow-1 article .fsTitle,
.fsBannerRight .fsGrid.bpa-image-slideshow-1 article .fsTitle,
.fsFourColumnLayout>.fsDiv .fsGrid.bpa-image-slideshow-1 article .fsTitle,
.fsStyleOneThird .fsGrid.bpa-image-slideshow-1 article .fsTitle,
.fsThreeColumnLayout>.fsDiv .fsGrid.bpa-image-slideshow-1 article .fsTitle,
.fsTwoColumnLayout .fsGrid.bpa-image-slideshow-1 article .fsTitle {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 0;
    margin-left: 0
}

.fsBannerLeft .fsGrid.bpa-image-slideshow-1 article figure,
.fsBannerRight .fsGrid.bpa-image-slideshow-1 article figure,
.fsFourColumnLayout>.fsDiv .fsGrid.bpa-image-slideshow-1 article figure,
.fsStyleOneThird .fsGrid.bpa-image-slideshow-1 article figure,
.fsThreeColumnLayout>.fsDiv .fsGrid.bpa-image-slideshow-1 article figure,
.fsTwoColumnLayout .fsGrid.bpa-image-slideshow-1 article figure {
    display: flex;
    order: 2
}

.fsBannerLeft .fsGrid.bpa-image-slideshow-1 article figcaption,
.fsBannerRight .fsGrid.bpa-image-slideshow-1 article figcaption,
.fsFourColumnLayout>.fsDiv .fsGrid.bpa-image-slideshow-1 article figcaption,
.fsStyleOneThird .fsGrid.bpa-image-slideshow-1 article figcaption,
.fsThreeColumnLayout>.fsDiv .fsGrid.bpa-image-slideshow-1 article figcaption,
.fsTwoColumnLayout .fsGrid.bpa-image-slideshow-1 article figcaption {
    padding: 0 20px 30px;
    width: 100%;
    max-height: 100%
}

.fsBannerLeft .fsGrid.bpa-image-slideshow-1 article figcaption .fsTitle,
.fsBannerRight .fsGrid.bpa-image-slideshow-1 article figcaption .fsTitle,
.fsFourColumnLayout>.fsDiv .fsGrid.bpa-image-slideshow-1 article figcaption .fsTitle,
.fsStyleOneThird .fsGrid.bpa-image-slideshow-1 article figcaption .fsTitle,
.fsThreeColumnLayout>.fsDiv .fsGrid.bpa-image-slideshow-1 article figcaption .fsTitle,
.fsTwoColumnLayout .fsGrid.bpa-image-slideshow-1 article figcaption .fsTitle {
    padding-left: 0;
    padding-right: 0
}

.fsBannerLeft .fsGrid.bpa-image-slideshow-1 article picture,
.fsBannerRight .fsGrid.bpa-image-slideshow-1 article picture,
.fsFourColumnLayout>.fsDiv .fsGrid.bpa-image-slideshow-1 article picture,
.fsStyleOneThird .fsGrid.bpa-image-slideshow-1 article picture,
.fsThreeColumnLayout>.fsDiv .fsGrid.bpa-image-slideshow-1 article picture,
.fsTwoColumnLayout .fsGrid.bpa-image-slideshow-1 article picture {
    width: 100%;
    height: auto;
    position: relative;
    overflow: visible
}

body.fsComposeMode .fsBannerLeft .fsGrid.bpa-image-slideshow-1 article picture,
body.fsComposeMode .fsBannerRight .fsGrid.bpa-image-slideshow-1 article picture,
body.fsComposeMode .fsFourColumnLayout>.fsDiv .fsGrid.bpa-image-slideshow-1 article picture,
body.fsComposeMode .fsStyleOneThird .fsGrid.bpa-image-slideshow-1 article picture,
body.fsComposeMode .fsThreeColumnLayout>.fsDiv .fsGrid.bpa-image-slideshow-1 article picture,
body.fsComposeMode .fsTwoColumnLayout .fsGrid.bpa-image-slideshow-1 article picture {
    width: 100%
}

.fsBannerLeft .fsGrid.bpa-image-slideshow-1 article picture img,
.fsBannerRight .fsGrid.bpa-image-slideshow-1 article picture img,
.fsFourColumnLayout>.fsDiv .fsGrid.bpa-image-slideshow-1 article picture img,
.fsStyleOneThird .fsGrid.bpa-image-slideshow-1 article picture img,
.fsThreeColumnLayout>.fsDiv .fsGrid.bpa-image-slideshow-1 article picture img,
.fsTwoColumnLayout .fsGrid.bpa-image-slideshow-1 article picture img {
    height: auto;
    width: 100%;
    margin: 0;
    position: relative
}

.fsHasLeftBanner .fsGrid.bpa-image-slideshow-1 article,
.fsHasRightBanner .fsGrid.bpa-image-slideshow-1 article,
.fsStyleTwoThirds .fsGrid.bpa-image-slideshow-1 article {
    min-height: auto
}

.fsHasLeftBanner .fsGrid.bpa-image-slideshow-1 article:before,
.fsHasRightBanner .fsGrid.bpa-image-slideshow-1 article:before,
.fsStyleTwoThirds .fsGrid.bpa-image-slideshow-1 article:before {
    display: none
}

@media (min-width:1000px) {

    .fsHasLeftBanner .fsGrid.bpa-image-slideshow-1 article:before,
    .fsHasRightBanner .fsGrid.bpa-image-slideshow-1 article:before,
    .fsStyleTwoThirds .fsGrid.bpa-image-slideshow-1 article:before {
        display: block;
        width: calc(50% - 40px);
        left: 20px;
        bottom: 20px
    }
}

@media (min-width:1000px) {

    .fsHasLeftBanner .fsGrid.bpa-image-slideshow-1 article,
    .fsHasRightBanner .fsGrid.bpa-image-slideshow-1 article,
    .fsStyleTwoThirds .fsGrid.bpa-image-slideshow-1 article {
        min-height: 34.64851vw;
        padding-top: 64px
    }
}

@media (min-width:1220px) {

    .fsHasLeftBanner .fsGrid.bpa-image-slideshow-1 article,
    .fsHasRightBanner .fsGrid.bpa-image-slideshow-1 article,
    .fsStyleTwoThirds .fsGrid.bpa-image-slideshow-1 article {
        min-height: 422.71186px
    }
}

.fsHasLeftBanner .fsGrid.bpa-image-slideshow-1 article figure,
.fsHasRightBanner .fsGrid.bpa-image-slideshow-1 article figure,
.fsStyleTwoThirds .fsGrid.bpa-image-slideshow-1 article figure {
    display: flex
}

@media (min-width:1000px) {

    .fsHasLeftBanner .fsGrid.bpa-image-slideshow-1 article figure,
    .fsHasRightBanner .fsGrid.bpa-image-slideshow-1 article figure,
    .fsStyleTwoThirds .fsGrid.bpa-image-slideshow-1 article figure {
        display: block
    }
}

@media (max-width:999px) {

    .fsHasLeftBanner .fsGrid.bpa-image-slideshow-1 article picture,
    .fsHasRightBanner .fsGrid.bpa-image-slideshow-1 article picture,
    .fsStyleTwoThirds .fsGrid.bpa-image-slideshow-1 article picture {
        width: 100%;
        height: auto;
        position: relative
    }

    .fsHasLeftBanner .fsGrid.bpa-image-slideshow-1 article picture img,
    .fsHasRightBanner .fsGrid.bpa-image-slideshow-1 article picture img,
    .fsStyleTwoThirds .fsGrid.bpa-image-slideshow-1 article picture img {
        height: auto;
        width: 100%;
        margin: 0;
        position: relative;
        opacity: 0
    }
}

@media (min-width:1000px) {

    .fsHasLeftBanner .fsGrid.bpa-image-slideshow-1 article figcaption,
    .fsHasRightBanner .fsGrid.bpa-image-slideshow-1 article figcaption,
    .fsStyleTwoThirds .fsGrid.bpa-image-slideshow-1 article figcaption {
        padding: 0 10px 81px 20px;
        max-height: calc(34.64851vw - 44px - 40px)
    }
}

@media (min-width:1220px) {

    .fsHasLeftBanner .fsGrid.bpa-image-slideshow-1 article figcaption,
    .fsHasRightBanner .fsGrid.bpa-image-slideshow-1 article figcaption,
    .fsStyleTwoThirds .fsGrid.bpa-image-slideshow-1 article figcaption {
        max-height: 338.71186px
    }
}

@media (max-width:999px) {

    .fsHasLeftBanner .fsGrid.bpa-image-slideshow-1 article figcaption,
    .fsHasRightBanner .fsGrid.bpa-image-slideshow-1 article figcaption,
    .fsStyleTwoThirds .fsGrid.bpa-image-slideshow-1 article figcaption {
        width: 100%;
        max-height: 100%;
        padding: 0 20px 30px
    }
}

@media (max-width:999px) {

    .fsHasLeftBanner .fsGrid.bpa-image-slideshow-1 article.has-title:not(.has-caption),
    .fsHasRightBanner .fsGrid.bpa-image-slideshow-1 article.has-title:not(.has-caption),
    .fsStyleTwoThirds .fsGrid.bpa-image-slideshow-1 article.has-title:not(.has-caption) {
        display: flex
    }

    .fsHasLeftBanner .fsGrid.bpa-image-slideshow-1 article.has-title:not(.has-caption) .fsTitle,
    .fsHasRightBanner .fsGrid.bpa-image-slideshow-1 article.has-title:not(.has-caption) .fsTitle,
    .fsStyleTwoThirds .fsGrid.bpa-image-slideshow-1 article.has-title:not(.has-caption) .fsTitle {
        margin-left: 0;
        margin-right: 0;
        padding-left: 20px;
        padding-right: 20px;
        width: 100%
    }
}

body.fsComposeMode .fsGrid.bpa-image-slideshow-1 .fsListItems:not(.slick-initialized) article {
    min-height: auto
}

.fsGrid.bpa-image-slideshow-1.dark .fsListItems {
    background: #a83338;
    border: none
}

.fsGrid.bpa-image-slideshow-1.dark article .fsTitle {
    color: #fff
}

.fsGrid.bpa-image-slideshow-1.dark article .fsTitle:after {
    background-color: hsla(0, 0%, 100%, .2)
}

.fsGrid.bpa-image-slideshow-1.dark article figcaption {
    color: #fff
}

.fsGrid.bpa-image-slideshow-1.dark article figcaption a {
    color: #fff;
    text-decoration: underline;
    text-decoration-style: solid
}

.fsGrid.bpa-image-slideshow-1.dark article figcaption a:focus,
.fsGrid.bpa-image-slideshow-1.dark article figcaption a:hover {
    text-decoration-style: dotted
}

.fsGrid.bpa-image-slideshow-1.dark article.has-caption:before {
    background: linear-gradient(180deg, rgba(168, 51, 56, 0), rgba(168, 51, 56, .85) 51.8%, #a83338)
}

@charset "UTF-8";

/*! helpers - functions v0.0.1 */

/*! helpers - utility v0.0.1 */
.compartment {
    position: relative;
    margin: 0 auto;
    max-width: 1180px
}

@media (min-width:600px) {
    .col-4 {
        width: 50%;
        float: left
    }
}

@media (min-width:900px) {
    .col-4 {
        width: 25%
    }
}

/*! helpers - box-model v0.0.1 */
.margin-x {
    margin-right: 1.17647em;
    margin-left: 1.17647em
}

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

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

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

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

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

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

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

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

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

/*! helpers - presentational v0.0.1 */

/*! helpers - ui-pattern v0.0.1 */

/*! helpers - typography v0.0.1 */
@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
}

h1 {
    font-size: 45px;
    line-height: 55px;
    margin-bottom: 23px
}

h1,
h2 {
    margin-top: 0;
    color: #002855;
    font-family: Barlow, sans-serif;
    font-weight: 600;
    font-weight: 400;
    font-weight: 800
}

h2 {
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 15px
}

h3 {
    margin-top: 0;
    color: #002855;
    font-family: Barlow, sans-serif;
    font-weight: 600;
    font-weight: 400;
    font-size: 35px;
    line-height: 45px;
    margin-bottom: 17px
}

h4 {
    font-size: 30px;
    line-height: 40px
}

h4,
h5 {
    margin-top: 0;
    color: #002855;
    font-family: Barlow, sans-serif;
    font-weight: 600;
    font-weight: 400;
    margin-bottom: 16px
}

h5 {
    font-size: 25px;
    line-height: 27px
}

h6 {
    margin-top: 0;
    color: #002855;
    font-family: Barlow, sans-serif;
    font-weight: 600;
    font-weight: 400;
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 20px;
    text-transform: uppercase;
    margin-bottom: 13px
}

p {
    margin: 0 0 20px
}

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

hr {
    margin: 0 auto 20px
}

a {
    color: #a83338;
    font-weight: 700;
    transition: background .3s, color .3s
}

a:focus,
a:hover {
    color: #002855
}

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

.fs_style_51 {
    margin-bottom: 20px
}

.fs_style_51 td,
.fs_style_51 th {
    vertical-align: top;
    border-bottom: none
}

.fs_style_51 th {
    padding: 10px 20px;
    background: #002855;
    color: #fff;
    font-family: Barlow, sans-serif;
    font-size: 20px;
    font-weight: 800;
    line-height: 30px;
    text-align: left
}

.fs_style_51 td {
    padding: 10px 20px;
    color: #313131;
    background: #fff
}

.fs_style_51 tr:nth-of-type(odd) td {
    background-color: #f3f3f3
}

.fs_style_51 tr {
    border-bottom: 1px solid #fff
}

.fs_style_51 tr.fsLoadMoreButtonRow {
    border-bottom: none
}

.fs_style_51 tr.fsLoadMoreButtonRow>td {
    background: none;
    padding: 20px 0
}

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

.table-overflow {
    overflow-x: auto;
    max-width: 100%;
    margin-bottom: 20px
}

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

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

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

.fs_style_52 {
    display: inline-block;
    border: 2px solid #f3f3f3;
    margin: 0 0 20px;
    padding: 11px 9px;
    background: #f3f3f3;
    color: #002855 !important;
    font-family: Barlow, sans-serif;
    font-size: 15px;
    font-weight: 600 !important;
    letter-spacing: 1px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0;
    transition: .3s
}

.fs_style_52.on,
.fs_style_52:focus,
.fs_style_52:hover,
.fsStateSelected .fs_style_52 {
    background: transparent;
    color: #002855 !important;
    transition: .3s
}

.fs_style_53 {
    display: inline-block;
    border: 2px solid #707170;
    margin: 0 0 20px;
    padding: 11px 9px;
    background: #707170;
    color: #fff !important;
    font-family: Barlow, sans-serif;
    font-size: 15px;
    font-weight: 600 !important;
    letter-spacing: 1px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0;
    transition: .3s
}

.fs_style_53.on,
.fs_style_53:focus,
.fs_style_53:hover,
.fsStateSelected .fs_style_53 {
    background: transparent;
    color: #707170 !important;
    transition: .3s
}

.fs_style_54 {
    display: inline-block;
    border: 2px solid #313131;
    margin: 0 0 20px;
    padding: 11px 9px;
    background: #313131;
    color: #fff !important;
    font-family: Barlow, sans-serif;
    font-size: 15px;
    font-weight: 600 !important;
    letter-spacing: 1px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0;
    transition: .3s
}

.fs_style_54.on,
.fs_style_54:focus,
.fs_style_54:hover,
.fsStateSelected .fs_style_54 {
    background: transparent;
    color: #313131 !important;
    transition: .3s
}

.fs_style_55 {
    display: inline-block;
    border: 2px solid #a83338;
    margin: 0 0 20px;
    padding: 11px 9px;
    background: #a83338;
    color: #fff !important;
    font-family: Barlow, sans-serif;
    font-size: 15px;
    font-weight: 600 !important;
    letter-spacing: 1px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0;
    transition: .3s
}

.fs_style_55.on,
.fs_style_55:focus,
.fs_style_55:hover,
.fsStateSelected .fs_style_55 {
    background: transparent;
    color: #a83338 !important;
    transition: .3s
}

.fs_style_56 {
    display: inline-block;
    border: 2px solid #79232e;
    margin: 0 0 20px;
    padding: 11px 9px;
    background: #79232e;
    color: #fff !important;
    font-family: Barlow, sans-serif;
    font-size: 15px;
    font-weight: 600 !important;
    letter-spacing: 1px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0;
    transition: .3s
}

.fs_style_56.on,
.fs_style_56:focus,
.fs_style_56:hover,
.fsStateSelected .fs_style_56 {
    background: transparent;
    color: #79232e !important;
    transition: .3s
}

.fs_style_57 {
    display: inline-block;
    border: 2px solid #002855;
    margin: 0 0 20px;
    padding: 11px 9px;
    background: #002855;
    color: #fff !important;
    font-family: Barlow, sans-serif;
    font-size: 15px;
    font-weight: 600 !important;
    letter-spacing: 1px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0;
    transition: .3s
}

.fs_style_57.on,
.fs_style_57:focus,
.fs_style_57:hover,
.fsStateSelected .fs_style_57 {
    background: transparent;
    color: #002855 !important;
    transition: .3s
}

.fs_style_75 {
    display: inline-block;
    border: 2px solid #39a9ae;
    margin: 0 0 20px;
    padding: 11px 9px;
    background: #39a9ae;
    color: #fff !important;
    font-family: Barlow, sans-serif;
    font-size: 15px;
    font-weight: 600 !important;
    letter-spacing: 1px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0;
    transition: .3s
}

.fs_style_75.on,
.fs_style_75:focus,
.fs_style_75:hover,
.fsStateSelected .fs_style_75 {
    background: transparent;
    color: #39a9ae !important;
    transition: .3s
}

.dark-background {
    padding: 100px;
    background: #002855
}

.fs_style_58 {
    display: inline-block;
    border: 2px solid #fff;
    margin: 0 0 20px;
    padding: 11px 9px;
    background: #fff;
    color: #002855 !important;
    font-family: Barlow, sans-serif;
    font-size: 15px;
    font-weight: 600 !important;
    letter-spacing: 1px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0;
    transition: .3s
}

.fs_style_58.on,
.fs_style_58:focus,
.fs_style_58:hover,
.fsStateSelected .fs_style_58 {
    background: transparent;
    color: #fff !important;
    transition: .3s
}

.fs_style_59 {
    display: inline-block;
    border: 2px solid #a83338;
    margin: 0 0 20px;
    padding: 11px 9px;
    background: #a83338;
    color: #fff !important;
    font-family: Barlow, sans-serif;
    font-size: 15px;
    font-weight: 600 !important;
    letter-spacing: 1px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0;
    transition: .3s
}

.fs_style_59.on,
.fs_style_59:focus,
.fs_style_59:hover,
.fsStateSelected .fs_style_59 {
    background: transparent;
    color: #fff !important;
    transition: .3s
}

.fs_style_60 {
    display: inline-block;
    border: 2px solid #79232e;
    margin: 0 0 20px;
    padding: 11px 9px;
    background: #79232e;
    color: #fff !important;
    font-family: Barlow, sans-serif;
    font-size: 15px;
    font-weight: 600 !important;
    letter-spacing: 1px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0;
    transition: .3s
}

.fs_style_60.on,
.fs_style_60:focus,
.fs_style_60:hover,
.fsStateSelected .fs_style_60 {
    background: transparent;
    color: #fff !important;
    transition: .3s
}

.fs_style_61 {
    display: inline-block;
    border: 2px solid #707170;
    margin: 0 0 20px;
    padding: 11px 9px;
    background: #707170;
    color: #fff !important;
    font-family: Barlow, sans-serif;
    font-size: 15px;
    font-weight: 600 !important;
    letter-spacing: 1px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0;
    transition: .3s
}

.fs_style_61.on,
.fs_style_61:focus,
.fs_style_61:hover,
.fsStateSelected .fs_style_61 {
    background: transparent;
    color: #fff !important;
    transition: .3s
}

.fs_style_76 {
    display: inline-block;
    border: 2px solid #39a9ae;
    margin: 0 0 20px;
    padding: 11px 9px;
    background: #39a9ae;
    color: #fff !important;
    font-family: Barlow, sans-serif;
    font-size: 15px;
    font-weight: 600 !important;
    letter-spacing: 1px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0;
    transition: .3s
}

.fs_style_76.on,
.fs_style_76:focus,
.fs_style_76:hover,
.fsStateSelected .fs_style_76 {
    background: transparent;
    color: #fff !important;
    transition: .3s
}

.fs_style_62,
.fs_style_63 {
    display: block;
    width: 100%;
    max-width: 300px;
    padding: 12px 24px;
    color: #002855 !important;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 16px;
    text-decoration: none;
    text-transform: uppercase;
    background: #f3f3f3;
    border: 0
}

.fs_style_62:before,
.fs_style_63:before {
    margin-right: 15px;
    font-size: 16px;
    line-height: 16px
}

.fs_style_62:focus,
.fs_style_62:hover,
.fs_style_63:focus,
.fs_style_63:hover {
    color: #fff !important;
    background: #002855
}

.fs_style_62:before {
    content: "\E920"
}

.fs_style_62:before,
.fs_style_63:before {
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

.fs_style_63:before {
    content: "\E91F"
}

.fsStyleDefaultButton {
    display: inline-block;
    border: 2px solid #f3f3f3;
    margin: 0 0 20px;
    padding: 11px 9px;
    background: #f3f3f3;
    color: #002855 !important;
    font-family: Barlow, sans-serif;
    font-size: 15px;
    font-weight: 600 !important;
    letter-spacing: 1px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0;
    transition: .3s
}

.fsStateSelected .fsStyleDefaultButton,
.fsStyleDefaultButton.on,
.fsStyleDefaultButton:focus,
.fsStyleDefaultButton:hover {
    background: transparent;
    color: #002855 !important;
    transition: .3s
}

.fsStyleDefaultButton.fsLoadMoreButton {
    margin-bottom: 0
}

.fsStyleDefaultButton.fsSelectAll {
    margin-bottom: 5px;
    padding: 7px 12px;
    font-size: .875em;
    line-height: 1.2
}

.fsStyleUpdateButton {
    display: inline-block;
    border: 2px solid #f3f3f3;
    margin: 0 0 20px;
    padding: 11px 9px;
    background: #f3f3f3;
    color: #002855 !important;
    font-family: Barlow, sans-serif;
    font-size: 15px;
    font-weight: 600 !important;
    letter-spacing: 1px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0;
    transition: .3s
}

.fsStateSelected .fsStyleUpdateButton,
.fsStyleUpdateButton.on,
.fsStyleUpdateButton:focus,
.fsStyleUpdateButton:hover {
    background: transparent;
    color: #002855 !important;
    transition: .3s
}

.bpa-campus-map-2 ._dialog_overlay,
.bpa-campus-map-2 .fsDialogBackdrop,
.bpa-campus-map-2 dialog.fsResourceElement {
    display: none !important;
    width: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important
}

.bpa-campus-map-2 .fsPageTitle,
.map-intro {
    text-align: center
}

.map-container-2 {
    position: relative;
    margin: 50px 0
}

.fsPageLayout.fsOneColumnLayout .map-container-2>header {
    width: 100vw;
    margin-left: 50%;
    transform: translateX(-50%)
}

body.fsComposeMode .fsPageLayout.fsOneColumnLayout .map-container-2>header {
    width: auto;
    margin-left: 0;
    transform: unset
}

.map-container-2:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    z-index: 10;
    transition: .5s ease-in-out .3s;
    display: none
}

@media (min-width:700px) {
    .map-container-2:before {
        display: block
    }
}

.map-container-2>header {
    position: relative
}

body:not(.fsComposeMode) .map-container-2>header .fsElementTitle {
    display: none
}

.map-container-2>header .fsElementHeaderContent {
    margin-bottom: 0
}

.map-container-2>header .fsElementHeaderContent img,
.map-container-2>header .fsElementHeaderContent picture {
    display: block;
    width: 100%
}

.point-plotter .map-container-2 {
    z-index: 10
}

.point-plotter .map-container-2>header {
    opacity: .5
}

body:not(.fsComposeMode) .map-points-2 {
    display: none
}

body.fsComposeMode .map-points-2 .fsResource {
    position: relative;
    z-index: 5;
    width: 250px;
    background-color: #fff;
    box-shadow: 7px 10px 10px rgba(0, 0, 0, .35);
    margin-left: 15px;
    border-radius: 4px;
    padding: 20px;
    align-self: flex-start
}

body.fsComposeMode .map-points-2 .fsResource>.fsTitle {
    margin-bottom: 10px
}

body.fsComposeMode .map-points-2 .fsResource>figure {
    display: flex;
    flex-direction: column-reverse
}

body.fsComposeMode .map-points-2 .fsResource>figure picture {
    display: block;
    border-radius: 4px;
    overflow: hidden
}

body.fsComposeMode .map-points-2 .fsResource>figure picture img {
    display: block;
    width: 100%
}

body.fsComposeMode .map-points-2 .fsResource figcaption {
    margin-bottom: 20px
}

body.fsComposeMode .map-points-2 .fsResource.mobile {
    display: none
}

body:not(.fsComposeMode) .points-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    margin-bottom: 0
}

.point-plotter .points-wrapper {
    z-index: -1
}

body:not(.fsComposeMode) .points-wrapper>footer,
body:not(.fsComposeMode) .points-wrapper>header {
    display: none
}

.points-wrapper .fsResource {
    border: none;
    padding: 0;
    position: absolute;
    margin: 0;
    display: block;
    counter-increment: a;
    z-index: 2;
    transform: translate3d(-15px, -46px, 0);
    opacity: 0;
    visibility: hidden;
    width: 30px;
    height: 46px;
    text-align: center
}

@media (min-width:700px) {
    .points-wrapper .fsResource {
        opacity: 1;
        visibility: visible
    }
}

body.fsComposeMode .points-wrapper .fsResource {
    position: relative
}

.points-wrapper .fsResource:focus,
.points-wrapper .fsResource:hover {
    z-index: 5
}

.points-wrapper .fsResource.active-point {
    z-index: 50;
    opacity: 1;
    visibility: visible
}

.map-point {
    width: 100%;
    height: 46px;
    text-align: center;
    white-space: nowrap;
    display: block;
    cursor: pointer
}

body.fsComposeMode .map-point {
    color: #707170
}

.map-point:before {
    content: "\E900";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    display: block;
    font-size: 46px;
    color: #fff;
    text-shadow: 0 20px 10px rgba(0, 0, 0, .35);
    opacity: 1;
    background: none;
    margin: 0;
    top: 0
}

.map-point:after,
.map-point:before {
    line-height: 1;
    position: absolute;
    left: 50%;
    transform: translate3d(-50%, 0, 0)
}

.map-point:after {
    content: counter(a);
    text-align: center;
    color: #707170;
    font-family: Lato, sans-serif;
    font-size: 14px;
    font-weight: 700;
    top: 12px
}

.map-point>span {
    display: none
}

.map-point:focus,
.map-point:hover {
    color: inherit
}

.point-content-container {
    display: none;
    text-align: left;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    left: calc(100% + 10px);
    width: 250px;
    margin-left: 15px;
    padding: 10px 5px 20px 0;
    border-radius: 4px
}

.point-content-container,
.point-content-container:before {
    position: absolute;
    background-color: #fff;
    box-shadow: 7px 10px 10px rgba(0, 0, 0, .35)
}

.point-content-container:before {
    content: "";
    left: -15px;
    width: 30px;
    height: 30px;
    border-radius: 2px;
    top: calc(50% - 20px);
    transform: translate3d(0, -50%, 0) rotate(45deg);
    transform-origin: bottom left
}

@media (min-width:700px) {
    .active-point .point-content-container {
        display: block
    }
}

.right-side .point-content-container {
    left: auto;
    right: calc(100% + 10px);
    margin-left: 0;
    margin-right: 15px
}

.right-side .point-content-container:before {
    left: calc(100% - 25px);
    box-shadow: none
}

.up-top .point-content-container {
    top: -10px;
    transform: translateZ(0)
}

.up-top .point-content-container:before {
    top: 0;
    transform: translateZ(0) rotate(45deg)
}

.down-low .point-content-container {
    top: auto;
    bottom: -10px;
    transform: translateZ(0)
}

.down-low .point-content-container:before {
    top: auto;
    bottom: 35px;
    transform: translateZ(0) rotate(45deg);
    box-shadow: none
}

.point-content {
    background-color: #fff;
    position: relative;
    z-index: 5;
    padding-top: 30px
}

@media (min-width:700px) {
    .point-content {
        padding: 10px 15px 5px 20px;
        max-height: 460px;
        overflow-y: auto
    }
}

.point-content>.fsTitle {
    margin-bottom: 10px
}

.point-content>figure {
    display: flex;
    flex-direction: column-reverse
}

.point-content>figure picture {
    display: block;
    border-radius: 4px;
    overflow: hidden
}

.point-content>figure picture img {
    display: block;
    width: 100%
}

.point-content figcaption {
    margin-bottom: 20px
}

@media (min-width:700px) {
    .point-content.mobile {
        display: none
    }
}

.map-legend-container>header {
    text-align: center
}

.map-legend-container>header .fsElementTitle {
    color: #707170;
    font-family: Lato, sans-serif;
    font-size: 28px;
    line-height: 32px;
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0;
    margin-bottom: 50px
}

@media (min-width:600px) {
    .map-legend-container>.fsElementContent {
        margin: 0 -10px;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start
    }
}

.map-legend-2 {
    position: relative;
    color: #ff6060;
    margin-top: 30px
}

@media (min-width:600px) {
    .map-legend-2 {
        margin: 0 10px;
        width: calc(50% - 20px)
    }

    .map-legend-2:nth-child(n+3) {
        margin-top: 50px
    }
}

@media (min-width:800px) {
    .map-legend-2 {
        width: calc(33.333% - 20px)
    }

    .map-legend-2:nth-child(n+3) {
        margin-top: 0
    }

    .map-legend-2:nth-child(n+4) {
        margin-top: 50px
    }
}

@media (min-width:1100px) {
    .map-legend-2 {
        width: calc(25% - 20px)
    }

    .map-legend-2:nth-child(n+4) {
        margin-top: 0
    }

    .map-legend-2:nth-child(n+5) {
        margin-top: 50px
    }
}

.map-legend-2 .fsResourceCollectionName {
    position: relative;
    font-family: Lato, sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding-bottom: 10px;
    margin-bottom: 15px
}

.map-legend-2 .fsResourceCollectionName:after {
    content: "";
    width: 80px;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
    box-shadow: 0 1px 0 0 #ccc
}

.map-legend-2 .fsStyleDefaultList {
    padding: 0;
    margin: 0
}

.map-legend-2 .fsStyleDefaultList>li.fsListItem {
    border: none;
    position: relative;
    padding: 0;
    margin: 0 0 15px;
    display: block;
    cursor: pointer
}

.map-legend-2 .fsStyleDefaultList>li.fsListItem>.fsTitle {
    color: #707170;
    font-family: Lato, sans-serif;
    font-size: 17px;
    line-height: 27px;
    font-weight: 400;
    display: inline-block;
    word-wrap: normal;
    word-break: normal
}

.map-legend-2 .fsStyleDefaultList>li.fsListItem>.fsTitle:before {
    display: none
}

.map-legend-2 .fsStyleDefaultList>li.fsListItem>.fsTitle:focus,
.map-legend-2 .fsStyleDefaultList>li.fsListItem>.fsTitle:hover {
    color: #bbb
}

.map-legend-2 .fsStyleDefaultList>li.fsListItem>.fsTitle a {
    pointer-events: none;
    color: inherit;
    display: inline
}

.map-legend-2 .fsStyleDefaultList>li.fsListItem>.fsTitle a:focus,
.map-legend-2 .fsStyleDefaultList>li.fsListItem>.fsTitle a:hover {
    color: #bbb
}

body:not(.fsComposeMode) .map-legend-2>footer {
    display: none
}

.legend-item-number {
    display: inline;
    font-size: inherit;
    line-height: inherit;
    font-weight: 600
}

.legend-item-number:after {
    content: " - ";
    display: inline-block;
    margin: 0 3px;
    color: #707170;
    font-weight: 400
}

.color-1 .fsElementEmpty,
.color-1 .fsResourceCollectionName,
.color-1 .legend-item-number,
.color-1 .map-point:after {
    color: #ff6060
}

.color-2 .fsElementEmpty,
.color-2 .fsResourceCollectionName,
.color-2 .legend-item-number,
.color-2 .map-point:after {
    color: #00bccd
}

.color-3 .fsElementEmpty,
.color-3 .fsResourceCollectionName,
.color-3 .legend-item-number,
.color-3 .map-point:after {
    color: #f99d3c
}

.color-4 .fsElementEmpty,
.color-4 .fsResourceCollectionName,
.color-4 .legend-item-number,
.color-4 .map-point:after {
    color: #813f95
}

.color-5 .fsElementEmpty,
.color-5 .fsResourceCollectionName,
.color-5 .legend-item-number,
.color-5 .map-point:after {
    color: #0072bc
}

.color-6 .fsElementEmpty,
.color-6 .fsResourceCollectionName,
.color-6 .legend-item-number,
.color-6 .map-point:after {
    color: #acc02a
}

.color-7 .fsElementEmpty,
.color-7 .fsResourceCollectionName,
.color-7 .legend-item-number,
.color-7 .map-point:after {
    color: #7da7d9
}

.color-8 .fsElementEmpty,
.color-8 .fsResourceCollectionName,
.color-8 .legend-item-number,
.color-8 .map-point:after {
    color: #39b54a
}

.coordinates-popup {
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 50;
    background-color: #fff;
    color: #707170;
    padding: 10px
}