@charset "UTF-8";

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

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

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

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

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

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

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

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

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

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

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

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

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

h1 {
    font-size: 3.375rem;
    line-height: 4rem;
    font-family: din-1451-lt-pro-engschrift, sans-serif;
    text-transform: uppercase;
    color: #036;
    margin-bottom: 50px
}

h1,
h2 {
    margin-top: 0;
    font-weight: 400
}

h2 {
    font-size: 1.5rem;
    line-height: 1.8125rem;
    color: #4a4a4a;
    font-weight: 700;
    margin-bottom: 20px
}

h3 {
    font-size: 1.25rem;
    line-height: 1.5rem;
    color: #036;
    font-family: din-1451-lt-pro-engschrift, sans-serif
}

h3,
h4 {
    margin-top: 0;
    font-weight: 400;
    margin-bottom: 20px
}

h4 {
    font-size: 1rem;
    line-height: 1.1875rem;
    font-family: Georgia, serif;
    text-transform: uppercase;
    color: #636363;
    font-weight: 700
}

h5 {
    font-size: 1.0625rem;
    line-height: 1.25rem;
    color: #036
}

h5,
h6 {
    margin-top: 0;
    font-weight: 400;
    font-weight: 700;
    margin-bottom: 20px
}

h6 {
    font-size: .8125rem;
    line-height: 1rem;
    color: #000;
    letter-spacing: 2px;
    text-transform: uppercase
}

p {
    margin: 0 0 20px
}

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

hr {
    margin: 0 auto 20px
}

a {
    text-decoration: none;
    color: #036;
    transition: background .3s, color .3s;
    text-decoration: underline;
    font-weight: 600
}

a:focus,
a:hover {
    color: #039;
    text-decoration: none
}

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

.fsAthleticsEvent.fsTable .fsElementTable,
.fsAthleticsRoster .fsElementTable,
table.fs_style_58 {
    margin-bottom: 20px;
    width: 100%
}

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

.fsAthleticsEvent.fsTable .fsElementTable th,
.fsAthleticsRoster .fsElementTable th,
table.fs_style_58 th {
    padding: 10px 20px;
    background: #036;
    color: #fff;
    text-align: left
}

.fsAthleticsEvent.fsTable .fsElementTable td,
.fsAthleticsRoster .fsElementTable td,
table.fs_style_58 td {
    padding: 10px 20px;
    background: #f8f8f8
}

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

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

.fsAthleticsEvent.fsTable .fsElementTable tr.fsLoadMoreButtonRow>td,
.fsAthleticsRoster .fsElementTable tr.fsLoadMoreButtonRow>td,
table.fs_style_58 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) .fsAthleticsEvent.fsTable .fsElementTable:last-child,
body:not(.fsComposeMode) .fsAthleticsRoster .fsElementTable:last-child,
body:not(.fsComposeMode) table.fs_style_58:last-child {
    margin-bottom: 0
}

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

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

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

img {
    /* height: auto;
    max-width: 100% COMMENTED OUT BY PENTERA */
}

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

.fs_style_49 {
    position: relative;
    margin: 0 0 20px;
    padding: 10px 20px;
    background: rgba(0, 0, 0, 0);
    color: #036;
    border-radius: 0;
    z-index: 0;
    cursor: pointer;
    text-align: center;
    overflow: hidden;
    transition: .3s;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    border: 1px solid #036
}

.fs_style_49.on,
.fs_style_49:focus,
.fs_style_49:hover,
.fsStateSelected .fs_style_49 {
    color: #fff;
    transition: .3s
}

.fs_style_49.on:after,
.fs_style_49:focus:after,
.fs_style_49:hover:after,
.fsStateSelected .fs_style_49:after {
    width: 100%
}

.fs_style_49:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 0;
    left: 0;
    top: 0;
    z-index: -1;
    background: #036;
    transition: all .4s ease-out
}

.fs_style_49 em {
    display: block;
    margin-top: 7px;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 15px;
    text-align: center;
    text-transform: none
}

.fs_style_49.fs_style_56,
.fs_style_49.fs_style_57 {
    text-transform: uppercase;
    font-size: 17px;
    line-height: 17px
}

.fs_style_49.fs_style_56 {
    padding: 40px
}

.fs_style_49.fs_style_57 {
    width: 100%
}

.fs_style_50 {
    position: relative;
    margin: 0 0 20px;
    padding: 10px 20px;
    background: #036;
    color: #fff;
    border-radius: 0;
    z-index: 0;
    cursor: pointer;
    text-align: center;
    overflow: hidden;
    transition: .3s;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    border: 1px solid #036
}

.fs_style_50.on,
.fs_style_50:focus,
.fs_style_50:hover,
.fsStateSelected .fs_style_50 {
    color: #036;
    transition: .3s
}

.fs_style_50.on:after,
.fs_style_50:focus:after,
.fs_style_50:hover:after,
.fsStateSelected .fs_style_50:after {
    width: 100%
}

.fs_style_50:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 0;
    left: 0;
    top: 0;
    z-index: -1;
    background: #fff;
    transition: all .4s ease-out
}

.fs_style_50 em {
    display: block;
    margin-top: 7px;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 15px;
    text-align: center;
    text-transform: none
}

.fs_style_50.fs_style_56,
.fs_style_50.fs_style_57 {
    text-transform: uppercase;
    font-size: 17px;
    line-height: 17px
}

.fs_style_50.fs_style_56 {
    padding: 40px
}

.fs_style_50.fs_style_57 {
    width: 100%
}

.fs_style_51 {
    position: relative;
    margin: 0 0 20px;
    padding: 10px 20px;
    background: #00b388;
    border-radius: 0;
    z-index: 0;
    cursor: pointer;
    text-align: center;
    overflow: hidden;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    border: 1px solid #00b388
}

.fs_style_51,
.fs_style_51.on,
.fs_style_51:focus,
.fs_style_51:hover,
.fsStateSelected .fs_style_51 {
    color: #036;
    transition: .3s
}

.fs_style_51.on:after,
.fs_style_51:focus:after,
.fs_style_51:hover:after,
.fsStateSelected .fs_style_51:after {
    width: 100%
}

.fs_style_51:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 0;
    left: 0;
    top: 0;
    z-index: -1;
    background: #fff;
    transition: all .4s ease-out
}

.fs_style_51 em {
    display: block;
    margin-top: 7px;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 15px;
    text-align: center;
    text-transform: none
}

.fs_style_51.fs_style_56,
.fs_style_51.fs_style_57 {
    text-transform: uppercase;
    font-size: 17px;
    line-height: 17px
}

.fs_style_51.fs_style_56 {
    padding: 40px
}

.fs_style_51.fs_style_57 {
    width: 100%
}

.fs_style_53 {
    position: relative;
    margin: 0 0 20px;
    padding: 10px 20px;
    background: rgba(0, 0, 0, 0);
    color: #00b388;
    border-radius: 0;
    z-index: 0;
    cursor: pointer;
    text-align: center;
    overflow: hidden;
    transition: .3s;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    border: 1px solid #00b388
}

.fs_style_53.on,
.fs_style_53:focus,
.fs_style_53:hover,
.fsStateSelected .fs_style_53 {
    color: #131313;
    transition: .3s
}

.fs_style_53.on:after,
.fs_style_53:focus:after,
.fs_style_53:hover:after,
.fsStateSelected .fs_style_53:after {
    width: 100%
}

.fs_style_53:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 0;
    left: 0;
    top: 0;
    z-index: -1;
    background: #00b388;
    transition: all .4s ease-out
}

.fs_style_53 em {
    display: block;
    margin-top: 7px;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 15px;
    text-align: center;
    text-transform: none
}

.fs_style_53.fs_style_56,
.fs_style_53.fs_style_57 {
    text-transform: uppercase;
    font-size: 17px;
    line-height: 17px
}

.fs_style_53.fs_style_56 {
    padding: 40px
}

.fs_style_53.fs_style_57 {
    width: 100%
}

.fs_style_52 {
    position: relative;
    margin: 0 0 20px;
    padding: 10px 20px;
    background: rgba(0, 0, 0, 0);
    color: #fff;
    border-radius: 0;
    z-index: 0;
    cursor: pointer;
    text-align: center;
    overflow: hidden;
    transition: .3s;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    border: 1px solid #fff
}

.fs_style_52.on,
.fs_style_52:focus,
.fs_style_52:hover,
.fsStateSelected .fs_style_52 {
    color: #036;
    transition: .3s
}

.fs_style_52.on:after,
.fs_style_52:focus:after,
.fs_style_52:hover:after,
.fsStateSelected .fs_style_52:after {
    width: 100%
}

.fs_style_52:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 0;
    left: 0;
    top: 0;
    z-index: -1;
    background: #fff;
    transition: all .4s ease-out
}

.fs_style_52 em {
    display: block;
    margin-top: 7px;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 15px;
    text-align: center;
    text-transform: none
}

.fs_style_52.fs_style_56,
.fs_style_52.fs_style_57 {
    text-transform: uppercase;
    font-size: 17px;
    line-height: 17px
}

.fs_style_52.fs_style_56 {
    padding: 40px
}

.fs_style_52.fs_style_57 {
    width: 100%
}

.fs_style_54,
.fs_style_55 {
    position: relative;
    margin: 0 0 20px;
    background: #f8f8f8;
    color: #242424;
    border-radius: 0;
    z-index: 0;
    cursor: pointer;
    text-align: center;
    overflow: hidden;
    transition: .3s;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    border: 1px solid #cfcfcf;
    padding: 15px 24px;
    border-radius: 2px;
    display: inline-flex;
    align-items: center
}

.fs_style_54.on,
.fs_style_54:focus,
.fs_style_54:hover,
.fs_style_55.on,
.fs_style_55:focus,
.fs_style_55:hover,
.fsStateSelected .fs_style_54,
.fsStateSelected .fs_style_55 {
    color: #036;
    transition: .3s
}

.fs_style_54.on:after,
.fs_style_54:focus:after,
.fs_style_54:hover:after,
.fs_style_55.on:after,
.fs_style_55:focus:after,
.fs_style_55:hover:after,
.fsStateSelected .fs_style_54:after,
.fsStateSelected .fs_style_55:after {
    width: 100%
}

.fs_style_54:after,
.fs_style_55:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 0;
    left: 0;
    top: 0;
    z-index: -1;
    background: #fff;
    transition: all .4s ease-out
}

.fs_style_54 em,
.fs_style_55 em {
    display: block;
    margin-top: 7px;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 15px;
    text-align: center;
    text-transform: none
}

.fs_style_54.fs_style_56,
.fs_style_54.fs_style_57,
.fs_style_55.fs_style_56,
.fs_style_55.fs_style_57 {
    text-transform: uppercase;
    font-size: 17px;
    line-height: 17px
}

.fs_style_54.fs_style_56,
.fs_style_55.fs_style_56 {
    padding: 40px
}

.fs_style_54.fs_style_57,
.fs_style_55.fs_style_57 {
    width: 100%
}

.fs_style_54:before,
.fs_style_55:before {
    display: inline-block;
    margin-right: 17px;
    color: #036;
    font-size: 18px
}

.fs_style_55:before {
    content: "\E906"
}

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

.fs_style_54:before {
    content: "\E907"
}

.fsStyleDefaultButton {
    position: relative;
    margin: 0 0 20px;
    padding: 10px 20px;
    background: #fff;
    color: #036;
    border-radius: 0;
    z-index: 0;
    cursor: pointer;
    text-align: center;
    overflow: hidden;
    transition: .3s;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    border: 1px solid #036
}

.fsStateSelected .fsStyleDefaultButton,
.fsStyleDefaultButton.on,
.fsStyleDefaultButton:focus,
.fsStyleDefaultButton:hover {
    color: #fff;
    transition: .3s
}

.fsStateSelected .fsStyleDefaultButton:after,
.fsStyleDefaultButton.on:after,
.fsStyleDefaultButton:focus:after,
.fsStyleDefaultButton:hover:after {
    width: 100%
}

.fsStyleDefaultButton:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 0;
    left: 0;
    top: 0;
    z-index: -1;
    background: #036;
    transition: all .4s ease-out
}

.fsStyleDefaultButton em {
    display: block;
    margin-top: 7px;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 15px;
    text-align: center;
    text-transform: none
}

.fsStyleDefaultButton.fs_style_56,
.fsStyleDefaultButton.fs_style_57 {
    text-transform: uppercase;
    font-size: 17px;
    line-height: 17px
}

.fsStyleDefaultButton.fs_style_56 {
    padding: 40px
}

.fsStyleDefaultButton.fs_style_57 {
    width: 100%
}

.fsStyleDefaultButton:before {
    display: none
}

.fsStyleDefaultButton:hover {
    background-color: #036
}

.fsStyleDefaultButton.fsLoadMoreButton {
    position: relative;
    margin: 0 0 20px;
    padding: 10px 20px;
    background: rgba(0, 0, 0, 0);
    color: #036;
    border-radius: 0;
    z-index: 0;
    cursor: pointer;
    text-align: center;
    overflow: hidden;
    transition: .3s;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    border: 1px solid #036
}

.fsStateSelected .fsStyleDefaultButton.fsLoadMoreButton,
.fsStyleDefaultButton.fsLoadMoreButton.on,
.fsStyleDefaultButton.fsLoadMoreButton:focus,
.fsStyleDefaultButton.fsLoadMoreButton:hover {
    color: #fff;
    transition: .3s
}

.fsStateSelected .fsStyleDefaultButton.fsLoadMoreButton:after,
.fsStyleDefaultButton.fsLoadMoreButton.on:after,
.fsStyleDefaultButton.fsLoadMoreButton:focus:after,
.fsStyleDefaultButton.fsLoadMoreButton:hover:after {
    width: 100%
}

.fsStyleDefaultButton.fsLoadMoreButton:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 0;
    left: 0;
    top: 0;
    z-index: -1;
    background: #036;
    transition: all .4s ease-out
}

.fsStyleDefaultButton.fsLoadMoreButton em {
    display: block;
    margin-top: 7px;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 15px;
    text-align: center;
    text-transform: none
}

.fsStyleDefaultButton.fsLoadMoreButton.fs_style_56,
.fsStyleDefaultButton.fsLoadMoreButton.fs_style_57 {
    text-transform: uppercase;
    font-size: 17px;
    line-height: 17px
}

.fsStyleDefaultButton.fsLoadMoreButton.fs_style_56 {
    padding: 40px
}

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

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

.fsStyleUpdateButton {
    position: relative;
    margin: 0 0 20px;
    padding: 10px 20px;
    background: #fff;
    color: #036;
    border-radius: 0;
    z-index: 0;
    cursor: pointer;
    text-align: center;
    overflow: hidden;
    transition: .3s;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    border: 1px solid #036
}

.fsStateSelected .fsStyleUpdateButton,
.fsStyleUpdateButton.on,
.fsStyleUpdateButton:focus,
.fsStyleUpdateButton:hover {
    color: #fff;
    transition: .3s
}

.fsStateSelected .fsStyleUpdateButton:after,
.fsStyleUpdateButton.on:after,
.fsStyleUpdateButton:focus:after,
.fsStyleUpdateButton:hover:after {
    width: 100%
}

.fsStyleUpdateButton:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 0;
    left: 0;
    top: 0;
    z-index: -1;
    background: #036;
    transition: all .4s ease-out
}

.fsStyleUpdateButton em {
    display: block;
    margin-top: 7px;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 15px;
    text-align: center;
    text-transform: none
}

.fsStyleUpdateButton.fs_style_56,
.fsStyleUpdateButton.fs_style_57 {
    text-transform: uppercase;
    font-size: 17px;
    line-height: 17px
}

.fsStyleUpdateButton.fs_style_56 {
    padding: 40px
}

.fsStyleUpdateButton.fs_style_57 {
    width: 100%
}

.fsStyleUpdateButton:before {
    display: none
}

.fsStyleUpdateButton:hover {
    background-color: #036
}

.fsElement {
    margin-bottom: 40px
}

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

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

.fsElementHeaderContent {
    margin-bottom: 20px
}

.fsElementFooterContent {
    margin-top: 20px
}

.fsPanel {
    margin-bottom: 0
}

.fsStyleDefaultField {
    border: 1px solid #cfcfcf
}

.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: #039;
    background: rgba(0, 0, 0, 0)
}

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

.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: #373737;
    font-size: 23px;
    transition: .3s;
    display: inline-block;
    line-height: 1;
    width: auto;
    height: auto;
    position: absolute;
    font-family: IcoMoon;
    font-weight: 400
}

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

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

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

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

.fsSlideshow .fsNextButton:focus:before,
.fsSlideshow .fsNextButton:hover:before,
.fsSlideshow .fsPrevButton:focus:before,
.fsSlideshow .fsPrevButton:hover:before {
    color: rgba(55, 55, 55, .5);
    transition: .3s
}

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

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

.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: #373737
}

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

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

.fsSlideshow .fsPager li button:focus {
    outline: 1px dashed rgba(55, 55, 55, .25)
}

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

.fsDialogCloseButton {
    opacity: 1
}

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

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

.fsElementDialog {
    color: #373737
}

.fs_style_47,
.lead-in {
    font-size: 1.5em;
    line-height: 1.41667em;
    font-family: Georgia, serif;
    color: #636363
}

blockquote {
    position: relative;
    margin: 20px 0;
    font-weight: 300;
    font-size: 22px;
    line-height: 33px;
    padding-left: 70px;
    color: #131313
}

blockquote:before {
    content: "\E900";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    color: #00b388;
    position: absolute;
    left: 0;
    font-size: 40px;
    top: 0
}

cite {
    display: block;
    margin: 20px 0;
    font-style: normal;
    text-align: right;
    font-weight: 600;
    font-size: 12px;
    line-height: 19px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #373737
}

cite:before {
    content: "- "
}

.card {
    position: relative;
    background-color: #036
}

.card,
.card *,
.card a:hover {
    color: #fff
}

.card.blue {
    background-color: #00a9e0;
    color: #036
}

.card.blue * {
    color: #036
}

.card.green {
    background-color: #00b388
}

.card.green * {
    color: #036
}

.card.light {
    background-color: #f8f8f8
}

.card.light,
.card.light * {
    color: #373737
}

.card.light h2,
.card.light h3,
.card.light h4,
.card.light h5,
.card.light h6 {
    color: #242424
}

.card .fsElementHeaderContent {
    margin-bottom: 0
}

.card .fsElementContent {
    padding: 30px
}

.fsBanner .card .fsElementContent,
.fsStyleOneThirdColumn .card .fsElementContent {
    padding: 20px
}

.card h2,
.card h3,
.card h4,
.card h5,
.card h6 {
    color: #fff
}

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

.card img {
    display: block
}

.fs_style_48,
.inline-callout {
    display: block;
    padding: 30px 0;
    margin: 50px 0;
    border-top: 3px solid #129bc7;
    border-bottom: 3px solid #129bc7;
    font-size: 22px;
    line-height: 35px;
    color: #131313
}

.image-quicklink {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    min-height: 180px;
    padding: 30px;
    z-index: 1;
    overflow: hidden;
    transition: all .5s ease
}

@media (min-width:961px) {
    .image-quicklink {
        min-height: 420px
    }
}

.image-quicklink:after {
    content: "";
    position: absolute;
    height: 40%;
    min-height: 120px;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: -1;
    background: linear-gradient(0deg, rgba(0, 0, 0, .8), rgba(0, 0, 0, 0));
    transition: all .5s ease
}

body:not(.home) .image-quicklink {
    border-bottom: 10px solid #00b388
}

.image-quicklink.on button.expand {
    width: 40px;
    height: 40px
}

.image-quicklink.on button.expand:after {
    opacity: 0
}

.image-quicklink button.expand {
    border: 0;
    background: none;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 23px;
    height: 23px;
    bottom: 0;
    right: 0;
    z-index: 2;
    color: rgba(0, 0, 0, 0);
    background-color: #fff;
    transition: all .4s ease
}

@media (min-width:1025px) {
    .image-quicklink button.expand {
        display: none
    }
}

.image-quicklink button.expand:hover {
    background-color: #036
}

.image-quicklink button.expand:hover:after,
.image-quicklink button.expand:hover:before {
    background-color: #fff
}

.image-quicklink button.expand:after,
.image-quicklink button.expand:before {
    content: "";
    position: absolute;
    width: 12px;
    height: 2px;
    background-color: #036;
    left: 50%;
    top: 50%
}

.image-quicklink button.expand:before {
    transform: translate(-50%, -50%)
}

.image-quicklink button.expand:after {
    transform: translate(-50%, -50%) rotate(90deg);
    opacity: 1;
    transition: all .4s ease
}

.image-quicklink.on:after {
    height: 400%
}

.fsLiveMode .image-quicklink.on .fsElementContent,
.fsLiveMode .image-quicklink.on footer {
    max-height: 200px;
    opacity: 1
}

.image-quicklink.on header .fsElementHeaderContent {
    margin-bottom: 20px
}

.fsLiveMode .image-quicklink.on footer .fsElementFooterContent {
    clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%)
}

.fsLiveMode .image-quicklink * {
    color: #fff
}

.image-quicklink header {
    pointer-events: none
}

.image-quicklink header h2.fsElementTitle {
    margin-bottom: 0;
    font-family: din-1451-lt-pro-engschrift, sans-serif;
    font-weight: 400;
    font-size: 35px;
    line-height: 1.2
}

.home .image-quicklink header h2.fsElementTitle {
    text-transform: uppercase;
    font-size: 28px
}

@media (min-width:961px) {
    .home .image-quicklink header h2.fsElementTitle {
        font-size: 46px
    }
}

.home .image-quicklink header h2.fsElementTitle:before {
    content: "";
    display: block;
    width: 62px;
    height: 10px;
    background-color: #00b388
}

.image-quicklink header .fsElementHeaderContent {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 20px;
    transition: all .4s ease
}

.fsLiveMode .image-quicklink .fsElementContent,
.fsLiveMode .image-quicklink footer {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all .6s ease
}

.image-quicklink .fsElementContent {
    font-size: 16px;
    line-height: 27px;
    font-weight: 400
}

.fsLiveMode .image-quicklink .fsElementContent {
    pointer-events: none;
    transition-delay: .1s
}

.image-quicklink footer {
    transition-delay: .05s
}

.fsLiveMode .image-quicklink footer .fsElementFooterContent {
    clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
    transition: all .9s ease .3s;
    margin-top: 65px
}

.image-quicklink footer .fsElementFooterContent a {
    position: relative;
    margin: 0 0 20px;
    background: rgba(0, 0, 0, 0);
    color: #fff;
    border-radius: 0;
    z-index: 0;
    cursor: pointer;
    text-align: center;
    overflow: hidden;
    transition: .3s;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    border: 1px solid #fff;
    letter-spacing: 4px;
    padding: 18px 15px 18px 25px;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase
}

.fsStateSelected .image-quicklink footer .fsElementFooterContent a,
.image-quicklink footer .fsElementFooterContent a.on,
.image-quicklink footer .fsElementFooterContent a:focus,
.image-quicklink footer .fsElementFooterContent a:hover {
    color: #036;
    transition: .3s
}

.fsStateSelected .image-quicklink footer .fsElementFooterContent a:after,
.image-quicklink footer .fsElementFooterContent a.on:after,
.image-quicklink footer .fsElementFooterContent a:focus:after,
.image-quicklink footer .fsElementFooterContent a:hover:after {
    width: 100%
}

.image-quicklink footer .fsElementFooterContent a:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 0;
    left: 0;
    top: 0;
    z-index: -1;
    background: #fff;
    transition: all .4s ease-out
}

.image-quicklink footer .fsElementFooterContent a em {
    display: block;
    margin-top: 7px;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 15px;
    text-align: center;
    text-transform: none
}

.image-quicklink footer .fsElementFooterContent a.fs_style_56,
.image-quicklink footer .fsElementFooterContent a.fs_style_57 {
    text-transform: uppercase;
    font-size: 17px;
    line-height: 17px
}

.image-quicklink footer .fsElementFooterContent a.fs_style_56 {
    padding: 40px
}

.image-quicklink footer .fsElementFooterContent a.fs_style_57 {
    width: 100%
}

.image-quicklink footer .fsElementFooterContent a:before {
    content: "\E903";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    margin-left: 20px;
    float: right;
    font-size: 16px
}

.infographic-slider.fsPostElement {
    margin: 0 auto;
    transition: all .5s ease
}

@media (min-width:641px) {
    .infographic-slider.fsPostElement {
        order: 2
    }
}

.infographic-slider.fsPostElement>.fsElementContent {
    position: relative;
    margin: 0 auto;
    max-width: 1180px;
    justify-content: center
}

.infographic-slider.fsPostElement .fsListItems article {
    display: flex;
    flex-direction: column-reverse;
    position: relative;
    transform: scale(1);
    opacity: 1;
    transition: all .1s ease;
    margin-bottom: 0;
    border-bottom: 0;
    padding-bottom: 0;
    padding-left: 90px;
    text-align: left
}

@media (min-width:641px) {
    .infographic-slider.fsPostElement .fsListItems article {
        max-width: 385px
    }
}

@media (min-width:961px) {
    .infographic-slider.fsPostElement .fsListItems article {
        padding-left: 160px;
        width: 380px
    }
}

@media (min-width:961px) {
    .infographic-slider.fsPostElement .fsListItems article:after {
        content: "";
        position: absolute;
        height: 99px;
        width: 1px;
        top: 0;
        right: 0;
        background-color: #00b388
    }
}

.infographic-slider.fsPostElement .fsListItems article .fsThumbnail {
    position: absolute;
    left: 0;
    top: 0;
    max-width: 80px
}

@media (min-width:961px) {
    .infographic-slider.fsPostElement .fsListItems article .fsThumbnail {
        left: 50px
    }
}

.infographic-slider.fsPostElement .fsListItems article .fsThumbnail:after {
    content: "";
    position: absolute;
    width: 56px;
    height: 56px;
    right: 0;
    top: 0;
    background: rgba(0, 169, 224, .1)
}

.infographic-slider.fsPostElement .fsListItems article .fsThumbnail img {
    max-height: 65px;
    float: right;
    margin-top: 7px;
    margin-right: 7px
}

.infographic-slider.fsPostElement .fsListItems .fsTitle {
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 23px;
    color: #333
}

.infographic-slider.fsPostElement .fsListItems .fsSummary {
    margin-bottom: 20px;
    font-size: 46px;
    line-height: .6;
    font-family: din-1451-lt-pro-engschrift, sans-serif;
    color: #036;
    font-weight: 300;
    letter-spacing: 0
}

@media (min-width:641px) {
    .infographic-slider.fsPostElement .fsListItems .fsSummary {
        font-size: 56px
    }
}

@media (min-width:961px) {
    .infographic-slider.fsPostElement .fsListItems .fsSummary {
        font-size: 66px
    }
}

@media (min-width:1281px) {
    .infographic-slider.fsPostElement .fsListItems .fsSummary {
        font-size: 86px
    }
}

.infographic-slider.fsPostElement .controls {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center
}

.infographic-slider.fsPostElement .controls .slick-dots {
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding-left: 0;
    margin-bottom: 0;
    margin-top: 5px
}

.infographic-slider.fsPostElement .controls .slick-dots,
.infographic-slider.fsPostElement .controls .slick-dots ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.infographic-slider.fsPostElement .controls .slick-dots li {
    margin: 0;
    padding: 0;
    margin-top: 10px
}

.infographic-slider.fsPostElement .controls .slick-dots li:not(:last-child) {
    margin-right: 10px
}

.infographic-slider.fsPostElement .controls .slick-dots li.slick-active button {
    background-color: #036
}

.infographic-slider.fsPostElement .controls .slick-dots li button {
    background: none;
    margin: 0;
    padding: 0;
    position: relative;
    width: 13px;
    height: 13px;
    border: 1px solid #036;
    color: rgba(0, 0, 0, 0);
    cursor: pointer;
    box-sizing: content-box
}

.infographic-slider.fsPostElement .controls .slick-dots li button:after,
.infographic-slider.fsPostElement .controls .slick-dots li button:before {
    content: "";
    position: absolute;
    width: 16px;
    height: 0;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-left: 2px solid #00b388;
    border-right: 2px solid #00b388;
    transition: all .5s cubic-bezier(.12, .6, .28, 2.15)
}

.infographic-slider.fsPostElement .controls .slick-dots li button:after {
    transform: translate(-50%, -50%) rotate(90deg)
}

.infographic-slider.fsPostElement .controls .slick-dots li button:hover:after,
.infographic-slider.fsPostElement .controls .slick-dots li button:hover:before {
    height: 16px
}

.infographic-slider.fsPostElement .controls .slick-arrow {
    border: 0;
    background: none;
    padding: 0;
    width: 42px;
    height: 52px;
    z-index: 5;
    border-radius: 50%;
    border: 2px solid rgba(0, 0, 0, 0);
    color: rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(248, 84, 103, 0);
    transition: all .3s ease;
    cursor: pointer;
    box-sizing: content-box;
    overflow: hidden;
    z-index: 1;
    position: relative;
    transform: none;
    margin: 0 10px
}

.infographic-slider.fsPostElement .controls .slick-arrow:before {
    content: "\E90C";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    position: absolute;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transform: none;
    left: 0;
    top: 0;
    font-size: .875rem;
    color: #036
}

.infographic-slider.fsPostElement .controls .slick-arrow.fsLeftArrow:before,
.infographic-slider.fsPostElement .controls .slick-arrow.fsPrevArrow:before,
.infographic-slider.fsPostElement .controls .slick-arrow.slick-prev:before {
    transform: scaleX(-1)
}

.infographic-slider.fsPostElement .controls .slick-arrow:hover:before {
    text-shadow: -10px 0 #00a9e0
}

.infographic-slider.fsPostElement .controls .slick-arrow:before {
    content: "\E902";
    text-shadow: 0 0 #00a9e0;
    transition: all .4s cubic-bezier(.12, .6, .28, 1.8)
}

.infographic-slider.fsPostElement .controls .slick-arrow.slick-prev:before {
    transform: scale(1)
}

.infographic-slider.fsPostElement .controls .slick-arrow.slick-next {
    order: 3
}

.infographic-slider.fsPostElement .controls .slick-arrow.slick-next:before {
    transform: scale(-1)
}

.dark-bg-container {
    padding: 25px;
    background-color: #036;
    text-align: center
}

@media (min-width:961px) {
    .dark-bg-container {
        padding: 50px
    }
}

.fsLiveMode .dark-bg-container {
    margin: 0 0 40px
}

@media (min-width:961px) {
    .fsLiveMode .dark-bg-container {
        position: relative;
        width: 100vw;
        left: 50%;
        transform: translateX(-50%)
    }
}

.dark-bg-container * {
    color: #fff
}

@media (min-width:961px) {
    .dark-bg-container * {
        font-size: 19px;
        line-height: 1.4
    }
}

.dark-bg-container>header {
    display: flex;
    flex-direction: column;
    align-items: center
}

.dark-bg-container>header h2.fsElementTitle {
    position: relative;
    z-index: 1;
    background-color: #036;
    font-size: 44px;
    line-height: 60px;
    font-family: din-1451-lt-pro-engschrift, sans-serif
}

@media (min-width:641px) {

    .dark-bg-container>header h2.fsElementTitle:after,
    .dark-bg-container>header h2.fsElementTitle:before {
        content: "";
        position: absolute;
        width: 125px;
        height: 1px;
        top: 50%;
        z-index: -1;
        background-color: #00b388
    }
}

.dark-bg-container>header h2.fsElementTitle:before {
    right: calc(100% + 20px)
}

.dark-bg-container>header h2.fsElementTitle:after {
    left: calc(100% + 20px)
}

.dark-bg-container .fsContent>header h2.fsElementTitle {
    font-size: 34px;
    line-height: 60px;
    font-family: din-1451-lt-pro-engschrift, sans-serif
}

.dark-bg-container .fsContent>header h2.fsElementTitle:after {
    content: "";
    display: block;
    background-color: #00b388;
    width: 61px;
    height: 10px;
    margin: 10px auto 0
}

.fsLiveMode .featured-profile.fsContent {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
    height: 360px;
    padding: 20px;
    transition: all .6s ease-out
}

@media (min-width:641px) {
    .fsLiveMode .featured-profile.fsContent {
        height: 540px;
        margin-right: 0
    }
}

@media (min-width:961px) {
    .fsLiveMode .featured-profile.fsContent {
        flex-direction: row;
        justify-content: center;
        align-items: flex-end
    }
}

.fsLiveMode .featured-profile.fsContent.active:after {
    display: none
}

@media (min-width:961px) {

    .fsLiveMode .featured-profile.fsContent.active:hover button.expand,
    .fsLiveMode .featured-profile.fsContent.active>header button.expand,
    .fsLiveMode .featured-profile.fsContent.active>header h2.fsElementTitle {
        opacity: 0
    }
}

.fsLiveMode .featured-profile.fsContent.active .fsElementContent {
    opacity: 1;
    pointer-events: all
}

@media (min-width:961px) {
    .fsLiveMode .featured-profile.fsContent.active .fsImage:before {
        opacity: 0
    }
}

.featured-profile.fsContent:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    border: 0 solid #fff;
    transition: all .5s ease
}

@media (min-width:961px) {

    .featured-profile.fsContent.on>header button.expand,
    .featured-profile.fsContent:hover>header button.expand {
        max-height: 100px;
        padding: 10px 20px;
        opacity: 1;
        margin: 20px 0
    }
}

.featured-profile.fsContent.on .fsImage:before,
.featured-profile.fsContent:hover .fsImage:before {
    height: 400px
}

.featured-profile.fsContent h2.fsElementTitle {
    margin-bottom: 0;
    font-family: din-1451-lt-pro-engschrift, sans-serif;
    font-weight: 400;
    color: #fff;
    font-size: 32px;
    line-height: 1.2;
    text-transform: uppercase;
    z-index: 1;
    position: relative
}

@media (min-width:961px) {
    .featured-profile.fsContent h2.fsElementTitle {
        font-size: 46px
    }
}

.featured-profile.fsContent h2.fsElementTitle:before {
    content: "";
    display: block;
    width: 62px;
    margin: 0 auto;
    height: 10px;
    background-color: #00b388
}

.featured-profile.fsContent .fsElementHeaderContent {
    height: 0;
    margin: 0
}

.featured-profile.fsContent>header {
    text-align: center
}

@media (max-width:960px) {
    .featured-profile.fsContent>header {
        display: flex;
        flex-direction: column-reverse
    }
}

.featured-profile.fsContent>header button.expand {
    background: none;
    padding: 10px 20px;
    background: rgba(0, 0, 0, 0);
    color: #fff;
    border-radius: 0;
    z-index: 0;
    cursor: pointer;
    text-align: center;
    overflow: hidden;
    transition: .3s;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    position: relative;
    margin: 0;
    z-index: 2;
    border: 1px solid #fff
}

.featured-profile.fsContent>header button.expand.on,
.featured-profile.fsContent>header button.expand:focus,
.featured-profile.fsContent>header button.expand:hover,
.fsStateSelected .featured-profile.fsContent>header button.expand {
    color: #036;
    transition: .3s
}

.featured-profile.fsContent>header button.expand.on:after,
.featured-profile.fsContent>header button.expand:focus:after,
.featured-profile.fsContent>header button.expand:hover:after,
.fsStateSelected .featured-profile.fsContent>header button.expand:after {
    width: 100%
}

.featured-profile.fsContent>header button.expand:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 0;
    left: 0;
    top: 0;
    z-index: -1;
    background: #fff;
    transition: all .4s ease-out
}

.featured-profile.fsContent>header button.expand em {
    display: block;
    margin-top: 7px;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 15px;
    text-align: center;
    text-transform: none
}

.featured-profile.fsContent>header button.expand.fs_style_56,
.featured-profile.fsContent>header button.expand.fs_style_57 {
    text-transform: uppercase;
    font-size: 17px;
    line-height: 17px
}

.featured-profile.fsContent>header button.expand.fs_style_56 {
    padding: 40px
}

.featured-profile.fsContent>header button.expand.fs_style_57 {
    width: 100%
}

@media (max-width:960px) {
    .featured-profile.fsContent>header button.expand {
        color: rgba(0, 0, 0, 0);
        width: 30px;
        height: 30px;
        padding: 0;
        display: block;
        margin: 0 auto 20px;
        background-color: hsla(0, 0%, 100%, .8)
    }

    .featured-profile.fsContent>header button.expand:after,
    .featured-profile.fsContent>header button.expand:before {
        content: "";
        position: absolute;
        width: 12px;
        height: 2px;
        left: 50%;
        top: 50%;
        background-color: #036
    }

    .featured-profile.fsContent>header button.expand:after {
        transform: translate(-50%, -50%) rotate(0deg)
    }

    .featured-profile.fsContent>header button.expand:before {
        transform: translate(-50%, -50%) rotate(-90deg)
    }
}

@media (min-width:961px) {
    .featured-profile.fsContent>header button.expand {
        max-height: 0;
        padding: 0;
        opacity: 0;
        overflow: hidden
    }
}

.featured-profile.fsContent .fsImage {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 1;
    transition: all .5s
}

.fsLiveMode .featured-profile.fsContent .fsImage {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    filter: grayscale(0);
    top: 0
}

.fsLiveMode .featured-profile.fsContent .fsImage:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 200px;
    bottom: 0;
    left: 0;
    transition: all .5s ease;
    background: linear-gradient(0deg, rgba(0, 0, 0, .8), rgba(0, 0, 0, 0))
}

.featured-profile.fsContent .fsImage img {
    display: none
}

.fsLiveMode .featured-profile.fsContent .fsElementContent {
    position: fixed;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    left: 0;
    transform: translateY(50%);
    padding: 20px;
    z-index: 6;
    background: #f7f7f7;
    opacity: 0;
    border: 1px solid #036;
    pointer-events: none;
    overflow: scroll;
    box-shadow: 0 0 30px 0 rgba(55, 55, 55, .5)
}

@media (min-width:961px) {
    .fsLiveMode .featured-profile.fsContent .fsElementContent {
        width: 90vw;
        height: auto;
        min-height: 400px;
        left: 50%;
        padding: 40px 40px 40px 300px;
        transform: translateX(-50%);
        overflow: hidden;
        transition: all .6s ease
    }
}

.featured-profile.fsContent .fsElementContent img {
    display: block;
    margin-bottom: 20px
}

@media (min-width:961px) {
    .featured-profile.fsContent .fsElementContent img {
        position: absolute;
        width: 260px;
        height: 100%;
        left: 0;
        top: 0;
        object-fit: cover;
        object-position: center center
    }
}

.featured-profile.fsContent .fsElementContent button.close {
    border: 0;
    background: none;
    margin: 0;
    position: absolute;
    z-index: 2;
    top: 30px;
    right: 30px;
    padding: 0 37px 0 0;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: .95;
    text-transform: uppercase;
    color: #036;
    cursor: pointer
}

@media (min-width:961px) {
    .featured-profile.fsContent .fsElementContent button.close {
        padding-right: 46px;
        font-size: 24px;
        letter-spacing: 3px
    }
}

.featured-profile.fsContent .fsElementContent button.close:hover:after,
.featured-profile.fsContent .fsElementContent button.close:hover:before {
    transform: translateY(-50%) rotate(180deg)
}

.featured-profile.fsContent .fsElementContent button.close:after,
.featured-profile.fsContent .fsElementContent button.close:before {
    content: "";
    position: absolute;
    width: 30px;
    height: 2px;
    right: 0;
    top: 50%;
    background-color: #036;
    transition: all .4s ease
}

@media (min-width:961px) {

    .featured-profile.fsContent .fsElementContent button.close:after,
    .featured-profile.fsContent .fsElementContent button.close:before {
        height: 1px
    }
}

.featured-profile.fsContent .fsElementContent button.close:before {
    transform: translateY(-50%) rotate(45deg)
}

.featured-profile.fsContent .fsElementContent button.close:after {
    transform: translateY(-50%) rotate(-45deg)
}

.featured-profile.fsContent .fsElementContent h2.fsElementTitle {
    color: #036;
    margin-bottom: 30px
}

.featured-profile.fsContent .fsElementContent h2.fsElementTitle:before {
    margin: 0
}

.featured-profile.fsContent .fsElementContent a {
    margin-top: 50px;
    margin-right: auto;
    margin-bottom: 0;
    text-transform: uppercase;
    letter-spacing: 4px
}

.featured-profile.fsContent .fsElementContent .fsElementFooterContent h2 {
    font-family: din-1451-lt-pro-engschrift, sans-serif;
    font-weight: 400;
    font-size: 30px;
    line-height: 45px;
    color: #036;
    text-transform: uppercase
}

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

.fsNavigation li.fsNavCurrentPage>a,
.fsNavigation li.fsNavCurrentPageAncestor>a {
    color: #039;
    background: rgba(0, 0, 0, 0)
}

.fsNavigation a {
    display: block;
    padding: 10px 0;
    color: #036;
    background: rgba(0, 0, 0, 0)
}

.fsNavigation a:focus,
.fsNavigation a:hover {
    color: #039;
    background: rgba(0, 0, 0, 0)
}

.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 {
    margin-bottom: 18px;
    width: 100%;
    z-index: 2;
    position: relative;
    background-color: #fff
}

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

#fsHeader .fsBreadcrumb {
    display: none
}

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

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

.fsBreadcrumb .fsNavBreadcrumbSeperator:after {
    content: "\E90C";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    color: #036;
    font-weight: 700;
    font-size: 8px
}

.fsBreadcrumb a,
.fsBreadcrumb li {
    font-family: proxima-nova, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 1.2;
    text-transform: uppercase;
    text-decoration: none;
    color: #373737
}

.fsBreadcrumb a {
    color: #636363
}

.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 ul {
    list-style: none;
    margin: 0;
    padding: 0
}

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

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

.nav-tier ul li.fsNavCurrentPage>a {
    color: #036;
    background: #cfcfcf
}

.nav-tier ul li.fsNavCurrentPage>a:focus,
.nav-tier ul li.fsNavCurrentPage>a:hover {
    color: #00a9e0;
    background: #e5e5e5
}

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

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

.nav-tier ul li.fsNavCurrentPageAncestor>a:focus,
.nav-tier ul li.fsNavCurrentPageAncestor>a:hover {
    color: #036;
    background: #e5e5e5
}

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

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

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

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

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

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

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

.nav-sub {
    padding: 30px;
    background-color: #f8f8f8
}

.home .nav-sub {
    display: none
}

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

.nav-sub.mobile {
    border: 1px solid #e5e5e5;
    border-top: 3px solid #036
}

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

.nav-sub.mobile.active-nav .nav-sub-toggle:before {
    content: "\F106"
}

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

.nav-sub.mobile h2.fsElementTitle {
    position: relative;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 20px;
    color: #20285c
}

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

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

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

.nav-sub.mobile .nav-sub-toggle:before {
    content: "\F107";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 16px;
    transform: translate(-50%, -50%);
    font-size: 10px;
    color: #036;
    font-size: 20px;
    font-weight: 900
}

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

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

.nav-sub>.fsElementContent {
    background-color: rgba(0, 0, 0, 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,
.nav-sub ul li a {
    position: relative
}

.nav-sub ul li a {
    display: block;
    padding: 15px 0;
    color: #373737;
    background: rgba(0, 0, 0, 0);
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    text-decoration: none;
    transition: all .3s ease
}

.nav-sub ul li a:focus,
.nav-sub ul li a:hover {
    color: #242424;
    background: rgba(0, 0, 0, 0);
    text-decoration: underline
}

.nav-sub ul li.active>a {
    color: #036
}

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

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

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

.nav-sub ul li button:before {
    content: "\F107";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    color: #373737;
    position: absolute;
    font-size: 16px;
    font-weight: 300;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    line-height: 1em
}

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

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

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

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

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

.nav-sub .fsNavPageInfo {
    display: none
}

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

@media (max-width:1099px) {
    .nav-sub .fsNavLevel1 {
        margin-top: 20px
    }
}

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

.nav-sub .fsNavLevel1>li.fsNavCurrentPage>a {
    position: relative;
    color: #036
}

.nav-sub .fsNavLevel1>li.fsNavCurrentPage>a:before {
    content: "";
    position: absolute;
    display: block;
    width: 2px;
    height: 50%;
    left: -15px;
    top: 50%;
    transform: translateY(-50%);
    background-color: #036
}

.nav-sub .fsNavLevel2 {
    padding-bottom: 15px
}

.nav-sub .fsNavLevel2>li a {
    padding: 10px 15px
}

.nav-sub .fsNavLevel2>li>a {
    margin-left: 10px
}

.nav-sub .fsNavLevel3>li>a {
    padding: 10px 15px;
    margin-left: 20px
}

.nav-sub .fsNavLevel4>li>a {
    padding: 10px 15px;
    margin-left: 30px
}

.nav-sub .fsNavLevel5>li>a {
    padding: 10px 15px;
    margin-left: 40px
}

.fsNavigation.nav-level-two {
    padding-bottom: 0;
    background: #fff;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .2);
    display: block;
    margin: 0;
    width: 100%;
    display: none
}

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

body:not(.has-hero) .fsNavigation.nav-level-two {
    background-color: #f8f8f8
}

.fsComposeMode .fsNavigation.nav-level-two,
.home .fsNavigation.nav-level-two {
    display: none
}

.fsNavigation.nav-level-two .fsElementContent {
    padding: 20px 15px
}

@media (min-width:600px) {
    .fsNavigation.nav-level-two nav {
        text-align: left
    }
}

@media (min-width:1180px) {
    .fsNavigation.nav-level-two nav {
        position: relative;
        margin: 0 auto;
        max-width: 1180px
    }
}

.fsNavigation.nav-level-two li {
    position: relative
}

.fsNavigation.nav-level-two li:not(:last-child) {
    border-bottom: none
}

.fsNavigation.nav-level-two a {
    color: #636363;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    padding: 12px 0
}

.fsNavigation.nav-level-two .fsNavLevel1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center
}

@media (min-width:1210px) {
    .fsNavigation.nav-level-two .fsNavLevel1 {
        margin-left: -15px;
        margin-right: -15px
    }
}

.fsNavigation.nav-level-two .fsNavLevel1>li {
    position: relative;
    display: block;
    border-right: 0;
    margin-bottom: 0
}

.fsNavigation.nav-level-two .fsNavLevel1>li.on .fsNavPageInfo,
.fsNavigation.nav-level-two .fsNavLevel1>li:hover .fsNavPageInfo {
    opacity: 1;
    pointer-events: all
}

.fsNavigation.nav-level-two .fsNavLevel1>li.on>a,
.fsNavigation.nav-level-two .fsNavLevel1>li:hover>a {
    color: #036;
    transform: translateY(-5px)
}

.fsNavigation.nav-level-two .fsNavLevel1>li.on>a:before,
.fsNavigation.nav-level-two .fsNavLevel1>li:hover>a:before {
    width: 100%
}

.fsNavigation.nav-level-two .fsNavLevel1>li.fsNavCurrentPage>a,
.fsNavigation.nav-level-two .fsNavLevel1>li.fsNavCurrentPageAncestor>a {
    color: #036
}

.fsNavigation.nav-level-two .fsNavLevel1>li.fsNavCurrentPage>a:before,
.fsNavigation.nav-level-two .fsNavLevel1>li.fsNavCurrentPageAncestor>a:before {
    width: 100%;
    background-color: #036
}

.fsNavigation.nav-level-two .fsNavLevel1>li>a {
    position: relative;
    transition: all .4s ease;
    font-weight: 400;
    font-size: 15px;
    line-height: 15px;
    color: #373737
}

@media (min-width:600px) {
    .fsNavigation.nav-level-two .fsNavLevel1>li>a {
        padding: 5px 0 8px;
        margin: 0 16px
    }
}

@media (min-width:600px) {
    .fsNavigation.nav-level-two .fsNavLevel1>li>a:before {
        content: "";
        position: absolute;
        width: 0;
        height: 5px;
        bottom: 1px;
        left: 50%;
        transform: translateX(-50%);
        background-color: #036;
        transition: all .3s cubic-bezier(.23, .36, .47, 1.85)
    }
}

.nav-main {
    margin-bottom: 0
}

.fsHeader .nav-main {
    display: none
}

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

@media (min-width:1100px) {
    .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:1100px) {
    .nav-main .fsNavLevel1>li {
        flex: 1 auto
    }
}

.nav-main .fsNavLevel1>li:hover>a,
.nav-main .fsNavLevel1>li[class*=fsNavCurrentPage]>a {
    color: #e5e5e5;
    background: #00a9e0
}

.nav-main .fsNavLevel1>li>a {
    display: block;
    color: #fff;
    background: rgba(0, 0, 0, 0);
    padding: 1.25em
}

.nav-main .fsNavLevel1>li>a:focus {
    color: #e5e5e5;
    background: #00a9e0
}

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%;
    left: 0;
    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%;
    left: 0;
    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
    }
}

.nav-main .fsNavPageInfo {
    background: #036;
    text-align: left;
    z-index: 300
}

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

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

.nav-main .fsNavLevel2 li a {
    display: block;
    color: #fff;
    background: rgba(0, 0, 0, 0);
    padding: .625em
}

.nav-main .fsNavLevel2 li a:focus,
.nav-main .fsNavLevel2 li a:hover {
    color: #e5e5e5;
    background: #00a9e0
}

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

.drawer-ribbon {
    margin-left: 14px
}

.drawer-ribbon,
.mobile-toggle {
    position: relative;
    height: auto;
    width: auto
}

.mobile-toggle {
    background: none;
    margin: 0;
    background-color: rgba(0, 0, 0, 0);
    color: #036;
    padding: 12px 40px 12px 13px;
    border: 1px solid #036;
    transition: all .3s ease;
    cursor: pointer;
    min-width: 117px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 2px;
    z-index: 501
}

@media (min-width:1100px) {

    body.drawer-is-active .mobile-toggle,
    body:not(.has-hero) .mobile-toggle {
        border: 1px solid #fff;
        color: #fff
    }
}

body.drawer-is-active .mobile-toggle:focus,
body.drawer-is-active .mobile-toggle:hover,
body:not(.has-hero) .mobile-toggle:focus,
body:not(.has-hero) .mobile-toggle:hover {
    background-color: #fff;
    color: #036
}

body.drawer-is-active .mobile-toggle:focus:after,
body.drawer-is-active .mobile-toggle:focus:before,
body.drawer-is-active .mobile-toggle:hover:after,
body.drawer-is-active .mobile-toggle:hover:before,
body:not(.has-hero) .mobile-toggle:focus:after,
body:not(.has-hero) .mobile-toggle:focus:before,
body:not(.has-hero) .mobile-toggle:hover:after,
body:not(.has-hero) .mobile-toggle:hover:before {
    background-color: #036
}

body:not(.has-hero) .mobile-toggle:hover:after {
    box-shadow: 0 .5625em 0 0 #036
}

body:not(.has-hero).drawer-is-active .mobile-toggle:after {
    box-shadow: 0 .5625em 0 0 rgba(0, 0, 0, 0)
}

.mobile-toggle:hover {
    background-color: rgba(0, 51, 102, .75);
    color: #fff
}

.mobile-toggle:hover:after,
.mobile-toggle:hover:before {
    background-color: #fff
}

.mobile-toggle:hover:before {
    top: 46%
}

.mobile-toggle:hover:after {
    box-shadow: 0 .5625em 0 0 #fff
}

@media (min-width:1100px) {
    body:not(.has-hero) .mobile-toggle:hover:after {
        box-shadow: 0 .5625em 0 0 #036
    }
}

.mobile-toggle:after,
.mobile-toggle:before {
    position: absolute;
    top: 50%;
    right: 10px;
    height: 3px;
    width: 22px;
    content: "";
    background-color: #036;
    transition: all .6s cubic-bezier(.53, -.43, .38, 2)
}

@media (min-width:1100px) {

    .drawer-is-active .mobile-toggle:after,
    .drawer-is-active .mobile-toggle:before,
    body:not(.has-hero) .mobile-toggle:after,
    body:not(.has-hero) .mobile-toggle:before {
        background-color: #fff
    }
}

.mobile-toggle:before {
    margin-top: -.375em;
    transform: translateY(-50%)
}

.mobile-toggle:after {
    box-shadow: 0 .375em 0 0 #036;
    transform: translateY(-50%)
}

@media (min-width:1100px) {
    body:not(.has-hero) .mobile-toggle:after {
        box-shadow: 0 .375em 0 0 #fff
    }
}

@media (min-width:1100px) {
    body:not(.has-hero).drawer-is-active .mobile-toggle:after {
        box-shadow: 0 .375em 0 0 rgba(0, 0, 0, 0)
    }
}

body.drawer-is-active .mobile-toggle:after {
    box-shadow: 0 .375em 0 0 #fff
}

body.drawer-is-active .mobile-toggle:before {
    margin-top: 0;
    transform: translateY(-50%) rotate(-45deg);
    top: 50%
}

body.drawer-is-active .mobile-toggle:after {
    box-shadow: none;
    transform: translateY(-50%) rotate(45deg)
}

#fsMenu .mobile-toggle {
    position: absolute;
    left: auto;
    right: 20px;
    top: 20px;
    width: 62px;
    height: 62px;
    border: 2px solid #f7f0ec;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0);
    transition: all .4s ease;
    transform: rotate(0deg)
}

@media (min-width:1100px) {
    #fsMenu .mobile-toggle {
        top: 31px;
        right: 33px
    }
}

#fsMenu .mobile-toggle:hover {
    cursor: pointer;
    border: 2px solid #f7f0ec;
    box-shadow: 0 0 0 2px rgba(0, 51, 102, .5);
    transform: rotate(90deg)
}

.fsMenu {
    position: absolute;
    z-index: 500;
    width: 100%;
    pointer-events: none;
    opacity: 0;
    transition: opacity .3s, transform .7s ease;
    top: 0;
    right: 0;
    transform: translate3d(0, -10%, 0);
    transform: translateY(-10%);
    width: 100% !important;
    position: fixed;
    top: 65px;
    padding: 20px 30px;
    background: #036;
    max-width: 600px;
    overflow-x: hidden;
    overflow-y: auto;
    height: calc(100vh - 80px)
}

@media (min-width:641px) {
    .fsMenu {
        top: 80px
    }
}

@media (min-width:1100px) {
    .fsMenu {
        padding: 180px 0 5px;
        display: flex;
        justify-content: center;
        top: 0;
        max-width: none;
        overflow: hidden;
        height: 100%
    }
}

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

.drawer-is-active.accessible .fsMenu {
    display: block
}

@media (min-width:1100px) {
    .drawer-is-active.accessible .fsMenu {
        display: flex
    }
}

.accessible .fsMenu {
    display: none
}

.accessible .fsMenu:before {
    content: "Press Esc to close";
    position: absolute;
    top: 90px;
    right: 20px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff
}

.nav-main-mobile {
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 25px;
    border-bottom: 1px solid #cfcfcf
}

@media (min-width:1100px) {
    .nav-main-mobile {
        overflow: hidden;
        min-height: calc(100vh - 125px);
        padding-left: 90px;
        max-width: 790px;
        width: 100%;
        border-bottom: 0
    }
}

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

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

@media (min-width:1100px) {
    .nav-main-mobile li button {
        display: none
    }
}

.nav-main-mobile li button:before {
    content: "+";
    color: #fff;
    opacity: 1;
    font-size: 35px;
    line-height: 1
}

.nav-main-mobile li.active>button:before {
    content: "-"
}

.nav-main-mobile li.fsNavCurrentPageAncestor>a {
    color: #036
}

.nav-main-mobile a {
    position: relative;
    color: #fff;
    font-size: 16px;
    line-height: 22px;
    padding: 19px 0;
    text-decoration: none
}

@media (min-width:1100px) {
    .nav-main-mobile a {
        color: #fff
    }
}

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

.nav-main-mobile .fsNavLevel1 {
    max-width: 790px
}

@media (min-width:1100px) {
    .nav-main-mobile .fsNavLevel1 {
        padding-right: 40px;
        overflow-x: visible;
        position: relative
    }
}

@media (min-width:1100px) {
    .nav-main-mobile .fsNavLevel1:after {
        content: "";
        position: absolute;
        width: 1px;
        background-color: hsla(0, 0%, 100%, .5);
        height: 90%;
        left: 330px;
        top: 20px
    }
}

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

.nav-main-mobile .fsNavLevel1>li:first-child>a {
    transition-delay: .25s
}

.nav-main-mobile .fsNavLevel1>li:nth-child(2)>a {
    transition-delay: .3s
}

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

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

.nav-main-mobile .fsNavLevel1>li:nth-child(5)>a {
    transition-delay: .45s
}

.nav-main-mobile .fsNavLevel1>li:nth-child(6)>a {
    transition-delay: .5s
}

.nav-main-mobile .fsNavLevel1>li:nth-child(7)>a {
    transition-delay: .55s
}

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

.nav-main-mobile .fsNavLevel1>li:nth-child(9)>a {
    transition-delay: .65s
}

.nav-main-mobile .fsNavLevel1>li:nth-child(10)>a {
    transition-delay: .7s
}

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

@media (max-width:1099px) {
    .nav-main-mobile .fsNavLevel1>li.active>a:after {
        right: calc(100% + 10px)
    }
}

@media (min-width:1100px) {
    .nav-main-mobile .fsNavLevel1>li.on>a:after {
        right: calc(100% + 25px)
    }
}

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

.nav-main-mobile .fsNavLevel1>li>a {
    position: relative;
    transition: all .4s;
    font-weight: 400;
    font-family: din-1451-lt-pro-engschrift, sans-serif;
    font-size: 26px;
    line-height: 1;
    color: #fff;
    text-transform: uppercase;
    width: 100%;
    opacity: 0;
    transform: translateY(50%);
    transition: all .5s cubic-bezier(.45, .12, .46, 1.5)
}

@media (min-width:1100px) {
    .nav-main-mobile .fsNavLevel1>li>a {
        font-size: 40px
    }
}

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

.nav-main-mobile .fsNavLevel1>li>a:after {
    content: "";
    position: absolute;
    width: 65px;
    height: 10px;
    right: calc(100% + 90px);
    top: 50%;
    transform: translateY(-50%);
    background-color: #00b388;
    transition: all .3s ease
}

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

.nav-main-mobile .fsNavLevel1>li .fsNavLevel2 {
    padding: 0 0 20px;
    border-bottom: 1px solid #cfcfcf
}

@media (min-width:1100px) {
    .nav-main-mobile .fsNavLevel1>li .fsNavLevel2 {
        position: absolute;
        display: block;
        width: 50%;
        padding: 0 35px;
        height: 100%;
        right: 0;
        top: 0;
        z-index: 2;
        border-bottom: 0;
        transform: translateX(110%);
        transition: all .5s ease
    }
}

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

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

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

.nav-main-mobile .fsNavLevel2 {
    margin: 10px 0 30px
}

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

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

.nav-main-mobile .fsNavLevel2>li>a {
    font-weight: 400;
    padding: 10px 0
}

@media (min-width:1100px) {
    .nav-main-mobile .fsNavLevel2>li>a {
        padding: 14px 0
    }
}

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

.nav-main-mobile .fsNavLevel3 a {
    margin-left: 40px;
    font-size: 14px
}

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

.fsNavigation.fsList.popular-links {
    padding: 18px 20px;
    background-color: hsla(0, 0%, 100%, .1);
    opacity: 0;
    transform: translateX(50%);
    transition: all .6s ease .4s
}

@media (min-width:1100px) {
    .fsNavigation.fsList.popular-links {
        min-width: 280px;
        padding: 37px 47px;
        margin-bottom: auto
    }
}

.drawer-is-active .fsNavigation.fsList.popular-links {
    opacity: 1;
    transform: translateX(0)
}

@media (max-width:1099px) {
    .fsNavigation.fsList.popular-links.active .fsElementContent {
        display: block
    }
}

.fsNavigation.fsList.popular-links header {
    position: relative
}

.fsNavigation.fsList.popular-links header .fsElementHeaderContent {
    margin-bottom: 0
}

@media (min-width:1100px) {
    .fsNavigation.fsList.popular-links header .fsElementHeaderContent {
        display: none
    }
}

.fsNavigation.fsList.popular-links header .fsElementHeaderContent button {
    border: 0;
    background: none;
    margin: 0;
    padding: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    color: rgba(0, 0, 0, 0)
}

.fsNavigation.fsList.popular-links header .fsElementHeaderContent button:after {
    content: "\F107";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    color: #fff;
    position: absolute;
    right: 10px;
    font-size: 30px;
    top: 1px
}

.fsNavigation.fsList.popular-links h2.fsElementTitle {
    color: #fff;
    font-weight: 700;
    font-size: 21px;
    line-height: 27px;
    text-transform: uppercase
}

@media (max-width:1099px) {
    .fsNavigation.fsList.popular-links h2.fsElementTitle {
        margin-bottom: 0
    }
}

@media (max-width:1099px) {
    .fsNavigation.fsList.popular-links .fsElementContent {
        display: none
    }
}

@media (max-width:1099px) {
    .fsNavigation.fsList.popular-links .fsNavLevel1 {
        margin-top: 20px
    }
}

.fsNavigation.fsList.popular-links .fsNavLevel1 li a {
    color: #fff;
    font-size: 16px;
    line-height: 27px;
    text-decoration: none;
    font-weight: 400
}

.fsNavigation.fsList.popular-links .fsNavLevel1 li a:hover {
    text-decoration: underline
}

@media (max-width:1099px) {
    .fsNavigation.fsList.popular-links .fsNavLevel1 li a {
        padding: 5px 0
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.nav-social .fsNavLevel1 a {
    color: rgba(0, 0, 0, 0);
    position: relative;
    border: 1px solid #fff;
    height: 22px;
    width: 22px;
    border-radius: 100%;
    padding: 0
}

.nav-social .fsNavLevel1 a:focus,
.nav-social .fsNavLevel1 a:hover {
    background: #fff;
    border-color: #fff;
    color: #036;
    color: rgba(0, 0, 0, 0)
}

.nav-social .fsNavLevel1 a:before {
    font-size: 1.25rem;
    display: block;
    color: #036;
    transition: all .3s;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

@media (max-width:1099px) {
    #fsHeader .nav-utility-header {
        display: none
    }
}

@media (min-width:1100px) {
    .fsMenu .nav-utility-header {
        display: none
    }
}

.fsMenu .nav-utility-header .fsNavParentPage {
    display: flex;
    flex-wrap: wrap
}

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

.fsMenu .nav-utility-header button {
    border: 0;
    background: none;
    position: relative;
    top: -2px;
    left: -10px;
    display: inline-block;
    margin: 0;
    padding: 10px 0 0;
    font-size: 0;
    width: 35px;
    height: 35px;
    background-color: rgba(0, 0, 0, 0);
    transition: all .3s ease;
    cursor: pointer;
    color: #fff
}

@media (min-width:1100px) {
    .fsMenu .nav-utility-header button {
        display: none
    }
}

.fsMenu .nav-utility-header button:before {
    content: "\F107";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    color: #fff;
    opacity: 1;
    font-size: 25px;
    line-height: 1
}

.fsMenu .nav-utility-header a {
    display: inline-block;
    font-weight: 400
}

.fsMenu .nav-utility-header li.active>button:before {
    content: "\F106"
}

.fsMenu .nav-utility-header.fsNavCurrentPageAncestor>a {
    color: #036
}

.nav-utility-header .fsNavLevel1 {
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 501
}

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

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

@media (min-width:1100px) {
    .nav-utility-header .fsNavLevel1 {
        flex-direction: row
    }
}

.nav-utility-header .fsNavLevel1>li>a {
    color: #036;
    font-size: .875rem;
    line-height: 1.4;
    margin-right: 20px;
    text-decoration: none
}

.drawer-is-active .nav-utility-header .fsNavLevel1>li>a,
body:not(.has-hero) .nav-utility-header .fsNavLevel1>li>a {
    color: #fff
}

.nav-utility-header .fsNavLevel1>li>a:hover {
    text-decoration: underline
}

.nav-utility-header li.fsNavParentPage {
    position: relative
}

#fsHeader .nav-utility-header li.fsNavParentPage>a:after {
    content: "\F107";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    display: inline-block;
    margin-left: 3px;
    line-height: 1
}

@media (min-width:1100px) {

    .nav-utility-header li.fsNavParentPage.on .fsNavPageInfo,
    .nav-utility-header li.fsNavParentPage:hover .fsNavPageInfo {
        max-height: 1000px;
        opacity: 1;
        visibility: visible;
        pointer-events: all
    }
}

.nav-utility-header .fsNavPageInfo {
    display: none;
    background-color: #fff;
    text-align: left;
    transition: all .3s ease
}

@media (min-width:1100px) {
    .nav-utility-header .fsNavPageInfo {
        display: block;
        max-height: 0;
        overflow: hidden;
        z-index: 10;
        right: 0;
        top: 98%;
        position: absolute;
        width: 230px;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        max-height: none
    }
}

.nav-utility-header .fsNavPageInfo .fsNavLevel2 {
    padding: 15px;
    border: 1px solid #e5e5e5
}

.nav-utility-header .fsNavPageInfo a {
    margin-bottom: 8px;
    padding: 0;
    font-family: proxima-nova, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.85;
    color: #036;
    background-image: none;
    text-decoration: none
}

.nav-utility-header .fsNavPageInfo a:focus,
.nav-utility-header .fsNavPageInfo a:hover {
    text-decoration: underline
}

.nav-utility-footer {
    padding: 20px 0;
    margin-bottom: 0;
    width: 100%;
    background: #fff
}

.nav-utility-footer .fsNavLevel1 {
    text-align: center
}

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

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

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

.nav-utility-footer .fsNavLevel1 li {
    display: block
}

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

.nav-utility-footer .fsNavLevel1 li a {
    padding: 0;
    font-weight: 400;
    font-size: 12px;
    color: #636363;
    text-decoration: none
}

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

.fsMenu .menu-quicklinks {
    display: none
}

@media (min-width:1100px) {
    .fsMenu .menu-quicklinks {
        display: block;
        position: fixed;
        top: 35px;
        left: 50px
    }
}

.fsMenu .menu-quicklinks li {
    opacity: 0;
    transform: translateX(50%);
    transition: all .5s ease;
    transition-timing-function: cubic-bezier(.45, .12, .46, 1.5)
}

.fsMenu .menu-quicklinks li:first-child {
    transition-delay: .25s
}

.fsMenu .menu-quicklinks li:nth-child(2) {
    transition-delay: .3s
}

.fsMenu .menu-quicklinks li:nth-child(3) {
    transition-delay: .35s
}

.drawer-is-active .fsMenu .menu-quicklinks li {
    opacity: 1;
    transform: translateX(0)
}

#fsFooter .menu-quicklinks {
    margin-bottom: 20px;
    margin-top: 30px
}

@media (min-width:961px) {
    #fsFooter .menu-quicklinks {
        transform: translateX(50%);
        opacity: 0;
        transition: all .5s ease-out
    }
}

@media (min-width:961px) {

    .accessible #fsFooter .menu-quicklinks,
    .footer-active #fsFooter .menu-quicklinks {
        transform: translateX(0);
        opacity: 1
    }
}

#fsFooter .menu-quicklinks .fsNavLevel1 {
    display: flex;
    justify-content: center
}

@media (min-width:961px) {
    #fsFooter .menu-quicklinks .fsNavLevel1 {
        justify-content: flex-end
    }
}

@media (max-width:960px) {
    #fsFooter .menu-quicklinks li {
        margin: 0 10px
    }
}

#fsFooter .menu-quicklinks li:first-child a {
    color: #fff;
    background-color: #036;
    border: 1px solid #036
}

#fsFooter .menu-quicklinks li a:hover {
    background-color: #fff
}

@media (min-width:1100px) {
    .menu-quicklinks .fsNavLevel1 {
        display: flex
    }
}

.menu-quicklinks a {
    letter-spacing: 4px;
    text-transform: uppercase;
    font-size: 14px;
    overflow: hidden
}

.menu-quicklinks li:not(:last-child) {
    margin-right: 10px
}

.menu-quicklinks li:first-child a {
    position: relative;
    padding: 10px 20px;
    background: #fff;
    color: #036;
    border-radius: 0;
    z-index: 0;
    cursor: pointer;
    text-align: center;
    overflow: hidden;
    transition: .3s;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    border: 1px solid #fff;
    margin: 0
}

.fsStateSelected .menu-quicklinks li:first-child a,
.menu-quicklinks li:first-child a.on,
.menu-quicklinks li:first-child a:focus,
.menu-quicklinks li:first-child a:hover {
    color: #036;
    transition: .3s
}

.fsStateSelected .menu-quicklinks li:first-child a:after,
.menu-quicklinks li:first-child a.on:after,
.menu-quicklinks li:first-child a:focus:after,
.menu-quicklinks li:first-child a:hover:after {
    width: 100%
}

.menu-quicklinks li:first-child a:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 0;
    left: 0;
    top: 0;
    z-index: -1;
    background: #00b388;
    transition: all .4s ease-out
}

.menu-quicklinks li:first-child a em {
    display: block;
    margin-top: 7px;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 15px;
    text-align: center;
    text-transform: none
}

.menu-quicklinks li:first-child a.fs_style_56,
.menu-quicklinks li:first-child a.fs_style_57 {
    text-transform: uppercase;
    font-size: 17px;
    line-height: 17px
}

.menu-quicklinks li:first-child a.fs_style_56 {
    padding: 40px
}

.menu-quicklinks li:first-child a.fs_style_57 {
    width: 100%
}

@media (min-width:641px) {
    .menu-quicklinks li:first-child a {
        padding: 10px 30px
    }
}

.menu-quicklinks li:nth-child(2) a {
    position: relative;
    padding: 10px 20px;
    background: #00a9e0;
    color: #036;
    border-radius: 0;
    z-index: 0;
    cursor: pointer;
    text-align: center;
    overflow: hidden;
    transition: .3s;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    border: 1px solid #00a9e0;
    margin: 0
}

.fsStateSelected .menu-quicklinks li:nth-child(2) a,
.menu-quicklinks li:nth-child(2) a.on,
.menu-quicklinks li:nth-child(2) a:focus,
.menu-quicklinks li:nth-child(2) a:hover {
    color: #fff;
    transition: .3s
}

.fsStateSelected .menu-quicklinks li:nth-child(2) a:after,
.menu-quicklinks li:nth-child(2) a.on:after,
.menu-quicklinks li:nth-child(2) a:focus:after,
.menu-quicklinks li:nth-child(2) a:hover:after {
    width: 100%
}

.menu-quicklinks li:nth-child(2) a:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 0;
    left: 0;
    top: 0;
    z-index: -1;
    background: #036;
    transition: all .4s ease-out
}

.menu-quicklinks li:nth-child(2) a em {
    display: block;
    margin-top: 7px;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 15px;
    text-align: center;
    text-transform: none
}

.menu-quicklinks li:nth-child(2) a.fs_style_56,
.menu-quicklinks li:nth-child(2) a.fs_style_57 {
    text-transform: uppercase;
    font-size: 17px;
    line-height: 17px
}

.menu-quicklinks li:nth-child(2) a.fs_style_56 {
    padding: 40px
}

.menu-quicklinks li:nth-child(2) a.fs_style_57 {
    width: 100%
}

@media (min-width:641px) {
    .menu-quicklinks li:nth-child(2) a {
        padding: 10px 30px
    }
}

.menu-quicklinks li:last-child a {
    position: relative;
    padding: 10px 20px;
    background: #00b388;
    color: #036;
    border-radius: 0;
    z-index: 0;
    cursor: pointer;
    text-align: center;
    overflow: hidden;
    transition: .3s;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    border: 1px solid #00b388;
    margin: 0
}

.fsStateSelected .menu-quicklinks li:last-child a,
.menu-quicklinks li:last-child a.on,
.menu-quicklinks li:last-child a:focus,
.menu-quicklinks li:last-child a:hover {
    color: #fff;
    transition: .3s
}

.fsStateSelected .menu-quicklinks li:last-child a:after,
.menu-quicklinks li:last-child a.on:after,
.menu-quicklinks li:last-child a:focus:after,
.menu-quicklinks li:last-child a:hover:after {
    width: 100%
}

.menu-quicklinks li:last-child a:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 0;
    left: 0;
    top: 0;
    z-index: -1;
    background: #036;
    transition: all .4s ease-out
}

.menu-quicklinks li:last-child a em {
    display: block;
    margin-top: 7px;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 15px;
    text-align: center;
    text-transform: none
}

.menu-quicklinks li:last-child a.fs_style_56,
.menu-quicklinks li:last-child a.fs_style_57 {
    text-transform: uppercase;
    font-size: 17px;
    line-height: 17px
}

.menu-quicklinks li:last-child a.fs_style_56 {
    padding: 40px
}

.menu-quicklinks li:last-child a.fs_style_57 {
    width: 100%
}

@media (min-width:641px) {
    .menu-quicklinks li:last-child a {
        padding: 10px 30px
    }
}

#fsHeader {
    position: relative;
    padding: 10px;
    max-height: 65px;
    background-color: #fff
}

@media (min-width:641px) {
    #fsHeader {
        max-height: 95px
    }
}

@media (min-width:1100px) {
    #fsHeader {
        padding: 0 20px;
        max-height: 86px
    }
}

@media (min-width:1100px) {
    body:not(.has-hero) #fsHeader {
        background-color: #036
    }
}

#fsHeader .fsBanner {
    display: flex;
    align-items: center
}

#fsHeader .fsBanner * {
    margin-bottom: 0;
    z-index: 501
}

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

.weglot-container {
    display: none !important
}

.translate {
    position: relative;
    z-index: 501;
    border: 1px solid #036
}

@media (min-width:1100px) {

    .drawer-is-active .translate,
    body:not(.has-hero) .translate {
        border-color: #fff
    }
}

.translate .weglot-container {
    display: block !important;
    z-index: 1 !important;
    background: rgba(0, 0, 0, 0)
}

.translate .weglot-container * {
    border: none !important
}

.translate>a {
    display: none
}

.translate .wg-default,
.translate .wg-default .country-selector {
    position: relative;
    width: auto;
    height: auto;
    left: auto;
    top: auto;
    right: auto;
    background: rgba(0, 0, 0, 0)
}

.translate .wg-drop .wg-flags.legacy a:before {
    margin-top: 0
}

.translate .wg-li.focus a {
    color: #036
}

.translate .wg-drop.country-selector .wgcurrent {
    border: 0
}

@media (min-width:1100px) {

    .drawer-is-active .translate .wg-drop.country-selector .wgcurrent:after,
    body:not(.has-hero) .translate .wg-drop.country-selector .wgcurrent:after {
        color: #fff
    }
}

body:not(.has-hero) .translate .wg-drop.country-selector .wgcurrent:hover:after {
    color: #036
}

@media (min-width:1100px) {

    .drawer-is-active .translate .wg-drop.country-selector .wgcurrent a,
    body:not(.has-hero) .translate .wg-drop.country-selector .wgcurrent a {
        color: #fff
    }
}

body:not(.has-hero) .translate .wg-drop.country-selector .wgcurrent a:focus,
body:not(.has-hero) .translate .wg-drop.country-selector .wgcurrent a:hover {
    background-color: #fff;
    color: #036
}

.translate .wg-drop.country-selector.weg-openleft .wgcurrent:after {
    transform: rotate(90deg);
    top: 4px
}

.translate .wg-drop.country-selector .wgcurrent:after {
    top: 0;
    background: none !important;
    content: "\E90B";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    color: #036;
    content: "\E90B" !important;
    font-size: 14px
}

.translate .wg-drop.country-selector .wgcurrent:focus:after,
.translate .wg-drop.country-selector .wgcurrent:hover:after {
    color: #fff
}

.translate .wg-drop.country-selector a {
    color: #036;
    font-weight: 600;
    text-decoration: none;
    height: auto;
    font-family: proxima-nova, sans-serif;
    font-size: 16px !important;
    line-height: 20px;
    border: 1px solid #036;
    padding: 12px 40px 12px 13px;
    margin-right: 0;
    width: 100% !important
}

.translate .wg-drop.country-selector a:focus,
.translate .wg-drop.country-selector a:hover {
    background-color: rgba(0, 51, 102, .75);
    color: #fff
}

.translate .wg-drop.country-selector a img {
    display: none
}

.translate .wg-drop.country-selector ul a {
    border: none
}

.site-info-container {
    display: block;
    padding: 0;
    overflow: visible;
    margin-right: auto;
    white-space: nowrap;
    max-height: 65px;
    opacity: 1;
    transition: all .3s ease
}

@media (min-width:1100px) {
    .site-info-container {
        max-height: 86px;
        margin-left: 55px
    }
}

@media (min-width:1100px) {
    body:not(.has-hero) .site-info-container {
        margin-left: 0
    }
}

@media (min-width:1100px) {
    .drawer-is-active .site-info-container {
        opacity: 0;
        pointer-events: none
    }
}

.site-info-container a {
    display: block;
    padding: 0;
    color: rgba(0, 0, 0, 0);
    width: 25px;
    height: 41px;
    background-image: url(../images/logo-mark.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

@media (min-width:641px) {
    .site-info-container a {
        width: 150px;
        height: 65px;
        background-image: url(../images/logo-blue.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 50% 50%
    }
}

@media (min-width:1100px) {
    .site-info-container a {
        width: 281px;
        height: 138px;
        background-color: #036;
        background-size: 80% auto;
        background-image: url(../images/logo-white.png)
    }
}

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

@media (min-width:1100px) {
    body:not(.has-hero) .site-info-container a {
        width: 165px;
        height: 85px
    }
}

.notification-bar {
    display: none;
    position: relative;
    z-index: 600;
    padding: 16px 40px 17px;
    margin-bottom: 0;
    max-width: 100vw;
    color: #036;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 500;
    background: #00a9e0;
    text-align: center
}

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

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

.notification-bar a {
    background: none;
    color: #036;
    font-weight: 700;
    text-decoration: underline;
    font: 700;
    text-decoration: none
}

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

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

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

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

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

@media (min-width:1100px) {
    .notification-bar footer button.close {
        width: 50px;
        height: 50px
    }
}

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

.notification-bar footer button.close:after,
.notification-bar footer button.close:before {
    content: "";
    position: absolute;
    width: 75%;
    height: 2px;
    left: 50%;
    top: 50%;
    background-color: #036;
    transition: all .3s ease
}

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

.notification-bar footer button.close:after {
    transform: translate(-50%, -50%) rotate(-45deg)
}

.notification-bar .fsElementFooterContent {
    margin: 0
}

#fsFooter {
    padding: 20px 20px 0;
    background-color: #fff;
    color: #636363
}

#fsFooter .fsBanner {
    position: relative;
    margin: 0 auto;
    max-width: 1180px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 1380px
}

#fsFooter .fsBanner:after {
    content: normal
}

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

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

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

@media (min-width:961px) {
    #fsFooter .nav-social {
        transform: translateX(-50%);
        opacity: 0;
        transition: all .7s ease-out .2s
    }
}

@media (min-width:961px) {

    .accessible #fsFooter .nav-social,
    .footer-active #fsFooter .nav-social {
        transform: translateX(0);
        opacity: 1
    }
}

#fsFooter .nav-social h2.fsElementTitle {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 27px;
    color: #036;
    margin-bottom: 0
}

#fsFooter .nav-social a {
    color: rgba(0, 0, 0, 0)
}

#fsFooter .nav-social a:hover:before {
    color: #00b388
}

@media (max-width:960px) {
    #fsFooter .nav-social .fsNavLevel1 {
        justify-content: center
    }
}

#fsFooter .left-section,
#fsFooter .right-section {
    width: 100%;
    text-align: center;
    margin-bottom: 0
}

@media (min-width:961px) {

    #fsFooter .left-section,
    #fsFooter .right-section {
        text-align: left;
        width: 50%;
        border-bottom: 3px solid #036
    }
}

#fsFooter .right-section {
    position: relative
}

@media (max-width:960px) {
    #fsFooter .right-section {
        padding-bottom: 184px;
        border-bottom: 3px solid #036
    }
}

#fsFooter .right-section .footer-logo {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    width: 34px;
    height: 120px;
    transition: all .7s ease-out .8s
}

@media (min-width:961px) {
    #fsFooter .right-section .footer-logo {
        left: 0;
        width: 64px;
        height: 254px
    }
}

#fsFooter .right-section .footer-logo svg {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0
}

#fsFooter .right-section .footer-logo svg .five,
#fsFooter .right-section .footer-logo svg .four-a,
#fsFooter .right-section .footer-logo svg .four-b,
#fsFooter .right-section .footer-logo svg .four-c,
#fsFooter .right-section .footer-logo svg .one,
#fsFooter .right-section .footer-logo svg .three,
#fsFooter .right-section .footer-logo svg .two {
    position: relative;
    transition: all .35s cubic-bezier(.12, .6, .28, 1.8);
    transform: translateY(-40px);
    opacity: 0
}

#fsFooter .right-section .footer-logo svg .one {
    transition-delay: .7s
}

#fsFooter .right-section .footer-logo svg .two {
    transition-delay: .8s
}

#fsFooter .right-section .footer-logo svg .three {
    transition-delay: .9s
}

#fsFooter .right-section .footer-logo svg .four-a {
    transition-delay: 1s;
    transform: translateY(-40px) rotateY(-90deg);
    transform-origin: center center
}

#fsFooter .right-section .footer-logo svg .four-c {
    transition-delay: 1.1s;
    transform: translateY(-40px) rotateY(0deg);
    transform-origin: center center
}

#fsFooter .right-section .footer-logo svg .four-b {
    transition-delay: 1.2s;
    transform: translateY(-40px) rotateY(90deg);
    transform-origin: center center
}

#fsFooter .right-section .footer-logo svg .five {
    transition-delay: 1.5s
}

.accessible #fsFooter .right-section .footer-logo .five,
.accessible #fsFooter .right-section .footer-logo .four-a,
.accessible #fsFooter .right-section .footer-logo .four-b,
.accessible #fsFooter .right-section .footer-logo .four-c,
.accessible #fsFooter .right-section .footer-logo .one,
.accessible #fsFooter .right-section .footer-logo .three,
.accessible #fsFooter .right-section .footer-logo .two,
.footer-active #fsFooter .right-section .footer-logo .five,
.footer-active #fsFooter .right-section .footer-logo .four-a,
.footer-active #fsFooter .right-section .footer-logo .four-b,
.footer-active #fsFooter .right-section .footer-logo .four-c,
.footer-active #fsFooter .right-section .footer-logo .one,
.footer-active #fsFooter .right-section .footer-logo .three,
.footer-active #fsFooter .right-section .footer-logo .two {
    transform: translateY(0) rotateY(0deg);
    opacity: 1
}

.school-details {
    margin-bottom: 20px
}

.school-details [itemprop=name] {
    margin-top: 0;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.1875rem;
    font-family: Georgia, serif;
    text-transform: uppercase;
    color: #636363;
    font-weight: 700;
    margin-bottom: 20px
}

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

.school-details a {
    color: inherit
}

.school-details-container {
    line-height: 27px;
    font-size: 14px
}

@media (min-width:961px) {
    .school-details-container {
        transform: translateX(-50%);
        opacity: 0;
        transition: all .7s ease-out
    }
}

@media (min-width:961px) {

    .accessible .school-details-container,
    .footer-active .school-details-container {
        transform: translateX(0);
        opacity: 1
    }
}

.school-details-container:before {
    content: "";
    display: block;
    width: 242px;
    height: 101px;
    margin-bottom: 11px;
    background-image: url(../images/logo-blue.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

@media (max-width:960px) {
    .school-details-container:before {
        margin: 0 auto 11px
    }
}

.school-details-container a {
    color: #636363;
    font-weight: 400
}

.footer-quicklinks {
    position: relative;
    margin-bottom: 10px
}

@media (min-width:961px) {
    .footer-quicklinks {
        display: flex;
        justify-content: flex-end;
        flex-wrap: wrap;
        transform: translateX(50%);
        opacity: 0;
        transition: all .7s ease-out
    }
}

@media (min-width:961px) {

    .accessible .footer-quicklinks,
    .footer-active .footer-quicklinks {
        transform: translateX(0);
        opacity: 1
    }
}

.footer-quicklinks header {
    width: 100%
}

@media (min-width:961px) {
    .footer-quicklinks header {
        max-width: 365px
    }
}

.footer-quicklinks header h2.fsElementTitle {
    margin-bottom: 5px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 27px;
    color: #036
}

@media (min-width:961px) {
    .footer-quicklinks .fsElementContent {
        max-width: 365px
    }
}

.footer-quicklinks .fsElementContent .fsNavLevel1 {
    display: flex;
    flex-wrap: wrap
}

.footer-quicklinks .fsElementContent .fsNavLevel1 li {
    width: 100%
}

@media (min-width:961px) {
    .footer-quicklinks .fsElementContent .fsNavLevel1 li {
        width: 50%
    }
}

.footer-quicklinks .fsElementContent .fsNavLevel1 li a {
    padding: 0;
    text-decoration: none;
    font-size: 14px;
    line-height: 27px;
    color: #636363;
    font-weight: 400
}

.footer-quicklinks .fsElementContent .fsNavLevel1 li a:hover {
    text-decoration: underline
}

.back-to-top {
    text-align: right
}

@media (max-width:960px) {
    .back-to-top {
        display: flex;
        flex-direction: column-reverse;
        position: absolute;
        bottom: 8px;
        right: 0;
        text-align: center;
        padding-bottom: 20px
    }
}

@media (min-width:961px) {
    .back-to-top {
        transform: translateX(50%);
        opacity: 0;
        transition: all .7s ease-out .3s
    }
}

@media (min-width:961px) {

    .accessible .back-to-top,
    .footer-active .back-to-top {
        transform: translateX(0);
        opacity: 1
    }
}

.back-to-top button {
    border: 0;
    background: none;
    margin: 0;
    padding: 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.1;
    color: #636363;
    text-transform: uppercase;
    cursor: pointer
}

@media (min-width:961px) {
    .back-to-top button {
        font-size: 14px
    }
}

.back-to-top button:hover:after {
    background-color: #036;
    color: #fff
}

.back-to-top button:after {
    content: "\F106";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 47px;
    height: 47px;
    margin-bottom: 10px;
    border: 1px solid #636363;
    color: #036;
    font-size: 40px;
    transition: all .3s ease
}

@media (min-width:961px) {
    .back-to-top button:after {
        position: relative;
        margin-left: 6px;
        margin-bottom: 0;
        top: 7px
    }
}

*,
:after,
:before {
    box-sizing: border-box
}

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

html {
    font-family: proxima-nova, sans-serif;
    background: #036;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

body {
    font-size: 1rem;
    line-height: 1.375rem;
    color: #373737
}

.drawer-is-active.accessible body {
    overflow-y: hidden
}

#fsPageWrapper {
    position: relative;
    background-color: #fff;
    overflow-x: hidden;
    max-width: 100vw;
    transform: translateY(0);
    transition: all .5s cubic-bezier(.53, -.43, .38, 1.4)
}

body.fsComposeMode #fsPageWrapper {
    overflow: visible
}

.search-is-active #fsPageWrapper {
    transform: translateY(113px);
    overflow: visible
}

#fsPageBodyWrapper {
    opacity: 1;
    transform: scale(1) translateX(0);
    transition: all .5s ease-out
}

@media (min-width:961px) {
    #fsPageBodyWrapper {
        padding-top: 40px;
        padding-bottom: 40px;
        background: #fff
    }
}

.testimonials-pop-active #fsPageBodyWrapper:before {
    opacity: 1
}

#fsPageBodyWrapper:before {
    content: "";
    position: fixed;
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 5;
    background-color: rgba(0, 0, 0, .8);
    opacity: 0;
    transition: all .5s ease
}

.drawer-is-active #fsPageBodyWrapper {
    opacity: .5;
    transform: scale(.95) translateX(-10%)
}

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

@media (min-width:1281px) {
    #fsPageBody {
        padding: 0
    }
}

@media (min-width:1100px) {
    #fsPageBody {
        padding-right: 1.25em;
        padding-left: 1.25em
    }
}

@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% - 320px)
    }
}

.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% - 600px)
    }
}

#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: 40px;
        width: 320px;
        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: 40px;
        width: 320px
    }
}

@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.25em;
        padding-left: 1.25em
    }
}

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

@media (min-width:600px) {

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

@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% - 320px)
    }
}

.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: 40px;
        width: 320px
    }
}

@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 {
    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: 40px;
        width: 320px
    }
}

.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% - 320px)
    }
}

.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: 40px;
        width: 320px
    }
}

.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% - 320px)
    }
}

@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% - 320px)
    }
}

@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: 40px;
        width: 320px
    }
}

.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 {
    width: 100%;
    position: relative;
    max-width: 1180px;
    margin: 0 auto;
    padding-bottom: 20px;
    min-height: 42px;
    background-position: 50%
}

@media (min-width:961px) {
    #fsPoweredByFinalsite {
        position: absolute;
        bottom: 20px;
        right: 20px;
        width: 132px;
        margin: 0;
        padding: 0
    }
}

.fsConstituent {
    word-break: break-word
}

.fsConstituent .fsElementPagination {
    margin: 20px 0
}

.fsConstituent .fsConstituentItem {
    padding: 0;
    font-size: 20px;
    line-height: 30px;
    color: #636363;
    font-weight: 300
}

.fsConstituent .fsPhoto[style*=background-image],
.fsConstituent .fsProfileImage[style*=background-image] {
    background-size: cover;
    background-position: 50%;
    display: inline-block
}

.fsConstituent .fsPhoto[style*=background-image]>img,
.fsConstituent .fsProfileImage[style*=background-image]>img {
    opacity: 0;
    visibility: hidden
}

.fsConstituent a {
    color: #636363;
    font-weight: 300;
    text-decoration: none
}

.fsConstituent a:hover {
    color: #036
}

.fsConstituent .fsFullName {
    font-size: 40px;
    line-height: 60px;
    color: #373737;
    font-weight: 400
}

.fsConstituent .fsFullName a {
    color: #373737;
    text-decoration: none;
    font-weight: 400
}

.fsConstituent .fsFullName a:hover {
    color: #036
}

.fsConstituent[class*=fsThumbnailAlign] .fsPhoto img,
.fsConstituent[class*=fsThumbnailAlign] .fsProfileImage img {
    float: none;
    margin: 0;
    width: 100%
}

.fsConstituent .fsPhoto,
.fsConstituent .fsProfileImage {
    position: relative
}

.custom-directory .fsConstituent .fsPhoto:after,
.custom-directory .fsConstituent .fsProfileImage:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 180px;
    left: 0;
    bottom: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, .8), rgba(0, 0, 0, 0))
}

.custom-directory .fsConstituent .fsPhoto img,
.custom-directory .fsConstituent .fsProfileImage img {
    width: 100%
}

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

@media (min-width:1025px) {
    .fsConstituent.fsDirectory .fsConstituentItem {
        margin-bottom: 90px
    }
}

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

.custom-directory .fsConstituentItem .fsViewProfileLink {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 400px;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    opacity: 0;
    background-color: rgba(0, 0, 0, .72);
    transition: all .4s ease
}

@media (min-width:961px) {
    .custom-directory .fsConstituentItem .fsViewProfileLink {
        height: 430px
    }
}

@media (min-width:1025px) {
    .custom-directory .fsConstituentItem .fsViewProfileLink {
        height: 515px
    }
}

.custom-directory .fsConstituentItem .fsViewProfileLink.on,
.custom-directory .fsConstituentItem .fsViewProfileLink:hover {
    opacity: 1
}

.custom-directory .fsConstituentItem .fsViewProfileLink.on a,
.custom-directory .fsConstituentItem .fsViewProfileLink:hover a {
    transform: translateY(0)
}

.custom-directory .fsConstituentItem .fsViewProfileLink a {
    position: relative;
    margin: 0 0 20px;
    background: rgba(0, 0, 0, 0);
    color: #fff;
    border-radius: 0;
    z-index: 0;
    cursor: pointer;
    text-align: center;
    overflow: hidden;
    transition: .3s;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    padding: 18px 15px 18px 25px;
    transform: translateY(100px);
    border: 1px solid #fff;
    letter-spacing: 4px;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    font-weight: 700
}

.custom-directory .fsConstituentItem .fsViewProfileLink a.on,
.custom-directory .fsConstituentItem .fsViewProfileLink a:focus,
.custom-directory .fsConstituentItem .fsViewProfileLink a:hover,
.fsStateSelected .custom-directory .fsConstituentItem .fsViewProfileLink a {
    color: #036;
    transition: .3s
}

.custom-directory .fsConstituentItem .fsViewProfileLink a.on:after,
.custom-directory .fsConstituentItem .fsViewProfileLink a:focus:after,
.custom-directory .fsConstituentItem .fsViewProfileLink a:hover:after,
.fsStateSelected .custom-directory .fsConstituentItem .fsViewProfileLink a:after {
    width: 100%
}

.custom-directory .fsConstituentItem .fsViewProfileLink a:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 0;
    left: 0;
    top: 0;
    z-index: -1;
    background: #fff;
    transition: all .4s ease-out
}

.custom-directory .fsConstituentItem .fsViewProfileLink a em {
    display: block;
    margin-top: 7px;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 15px;
    text-align: center;
    text-transform: none
}

.custom-directory .fsConstituentItem .fsViewProfileLink a.fs_style_56,
.custom-directory .fsConstituentItem .fsViewProfileLink a.fs_style_57 {
    text-transform: uppercase;
    font-size: 17px;
    line-height: 17px
}

.custom-directory .fsConstituentItem .fsViewProfileLink a.fs_style_56 {
    padding: 40px
}

.custom-directory .fsConstituentItem .fsViewProfileLink a.fs_style_57 {
    width: 100%
}

.custom-directory .fsConstituentItem:not(.fsHasPhoto) {
    position: relative
}

.custom-directory .fsConstituentItem:not(.fsHasPhoto):before {
    content: "";
    display: block;
    position: relative;
    width: 100%;
    height: 400px;
    margin-bottom: 10px;
    top: 0;
    left: 0;
    background-color: #036
}

@media (min-width:961px) {
    .custom-directory .fsConstituentItem:not(.fsHasPhoto):before {
        height: 430px
    }
}

@media (min-width:1025px) {
    .custom-directory .fsConstituentItem:not(.fsHasPhoto):before {
        height: 515px
    }
}

.custom-directory .fsConstituentItem:not(.fsHasPhoto):after {
    content: "";
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    position: absolute;
    height: 280px;
    width: 75px;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    background-image: url(../images/logo-mark-white.png);
    background-size: contain
}

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

.custom-directory .fsConstituentItem>div:last-child,
.custom-directory .fsConstituentItem>h3:last-child {
    margin-bottom: 0
}

.custom-directory .fsConstituentItem .fsPhoto {
    height: 400px;
    background-position: top
}

@media (min-width:961px) {
    .custom-directory .fsConstituentItem .fsPhoto {
        height: 430px
    }
}

@media (min-width:1025px) {
    .custom-directory .fsConstituentItem .fsPhoto {
        height: 515px
    }
}

.custom-directory .fsConstituentItem .fsPhoto img {
    display: block
}

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

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

.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: 16px;
    line-height: 22px
}

.fsProfileSectionData>div {
    width: auto;
    float: none;
    display: block
}

.fsProfileSectionData.fsStyleHalf {
    width: 100%
}

@media (min-width:600px) {
    .fsProfileSectionData.fsStyleHalf {
        width: 50%
    }
}

.fsProfileSectionSpecialData>div {
    width: auto;
    float: none;
    display: block
}

.fsProfileSectionSpecialData div[id^=fsEmail] {
    display: inline-block
}

.fsEmail>div:first-child,
.fsProfileSectionFieldName {
    font-weight: 700
}

.fsConstituent.fsSearch {
    overflow: hidden
}

.fsConstituent.fsSearch+.fsConstituent {
    border-top: 1px solid #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;
    font-size: 18px;
    line-height: 25px;
    font-family: din-1451-lt-pro-engschrift, sans-serif;
    text-transform: uppercase;
    color: #036;
    font-style: 400
}

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

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

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

.fsConstituentSearchForm [type*=submit] {
    align-self: flex-end;
    width: 100%;
    margin: 0 10px 10px 0;
    padding: 0;
    background-color: #036;
    width: 77px;
    height: 77px;
    color: rgba(0, 0, 0, 0);
    background-image: url(../images/search.png);
    background-size: 23px 23px;
    background-position: 50%;
    background-repeat: no-repeat;
    transition: all .3s
}

.fsConstituentSearchForm [type*=submit]:hover {
    background-color: #00b388
}

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

.fsAccordion .fsPanel,
.fsTabs .fsPanel {
    border-top: 1px solid #e5e5e5
}

.fsAccordion .fsPanel:last-child,
.fsTabs .fsPanel:last-child {
    border-bottom: 1px solid #e5e5e5
}

.fsAccordion .fsPanel>header,
.fsTabs .fsPanel>header {
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    transition: .3s
}

.fsAccordion .fsPanel>header h2,
.fsTabs .fsPanel>header h2 {
    margin-top: 0;
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 1.8125rem;
    color: #4a4a4a;
    font-weight: 700;
    margin-bottom: 2px;
    display: block;
    font-size: 16px;
    line-height: 1.3;
    padding: 13.33333px;
    color: #373737;
    transition: .3s;
    position: relative
}

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

.fsAccordion .fsPanel>header:hover,
.fsTabs .fsPanel>header:hover {
    background: rgba(0, 0, 0, 0);
    transition: .3s
}

.fsAccordion .fsPanel>header:hover h2,
.fsTabs .fsPanel>header:hover h2 {
    color: #242424;
    transition: .3s;
    text-decoration: underline
}

.fsAccordion .fsPanel>.fsElementContent,
.fsTabs .fsPanel>.fsElementContent {
    padding-right: 0;
    padding-left: 0
}

.fsAccordion .fsPanel.fsStateOpen>header,
.fsTabs .fsPanel.fsStateOpen>header {
    background: rgba(0, 0, 0, 0)
}

.fsAccordion .fsPanel.fsStateOpen>header h2,
.fsTabs .fsPanel.fsStateOpen>header h2 {
    color: #036
}

.fsAccordion .fsPanel.fsStateOpen>header h2:after,
.fsTabs .fsPanel.fsStateOpen>header h2:after {
    display: none
}

.fsAccordion .fsPanel>header h2.fsElementTitle:after,
.fsAccordion .fsPanel>header h2.fsElementTitle:before,
.fsTabs .fsPanel>header h2.fsElementTitle:after,
.fsTabs .fsPanel>header h2.fsElementTitle:before {
    content: "";
    border: none !important;
    width: 2px !important;
    height: 14px !important;
    position: absolute;
    margin: 0;
    background-color: #00a9e0 !important;
    top: 18px;
    left: 20px
}

.fsAccordion .fsPanel>header h2.fsElementTitle:before,
.fsTabs .fsPanel>header h2.fsElementTitle:before {
    transform: translateX(0) rotate(90deg)
}

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

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

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

.fsPanelIconAfter.fsAccordion .fsPanel>header>h2:after,
.fsPanelIconAfter.fsAccordion .fsPanel>header>h2:before,
.fsPanelIconAfter.fsTabs .fsPanel>header>h2:after,
.fsPanelIconAfter.fsTabs .fsPanel>header>h2:before {
    right: 10px;
    left: auto
}

.fsAccordion:not([class*=fsPanelIcon]) .fsPanel>header h2:after,
.fsAccordion:not([class*=fsPanelIcon]) .fsPanel>header h2:before {
    display: none
}

.fsAccordion.custom-accordion .fsPanel {
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    margin-bottom: 0
}

.fsAccordion.custom-accordion .fsPanel.fsStateOpen h2.fsElementTitle {
    background-color: #036;
    color: #fff
}

.fsAccordion.custom-accordion .fsPanel.fsStateOpen h2.fsElementTitle:after,
.fsAccordion.custom-accordion .fsPanel.fsStateOpen h2.fsElementTitle:before {
    background-color: #fff !important
}

.fsAccordion.custom-accordion .fsPanel.fsStateOpen h2.fsElementTitle a {
    color: #fff
}

.fsAccordion.custom-accordion .fsPanel h2.fsElementTitle {
    padding-left: 50px;
    font-size: 30px;
    line-height: 45px;
    font-family: din-1451-lt-pro-engschrift, sans-serif
}

.fsAccordion.custom-accordion .fsPanel h2.fsElementTitle:after,
.fsAccordion.custom-accordion .fsPanel h2.fsElementTitle:before {
    height: 24px;
    width: 4px;
    background-color: #036 !important;
    top: 25px;
    right: 40px
}

.fsAccordion.custom-accordion .fsPanel h2.fsElementTitle a {
    font-weight: 400;
    color: #036
}

.fsAccordion.custom-accordion .fsPanel>.fsElementContent {
    padding: 35px 50px
}

.fsAthleticsEvent>.fsElementContent {
    width: 100%
}

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

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

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

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

.fsAthleticsEvent .fsAthleticsEventDetailLink {
    text-decoration: underline
}

.fsAthleticsEvent .fsAthleticsEventDetailLink:hover {
    text-decoration: none
}

.fsAthleticsEvent.fsList .fsElementEventIcon {
    margin-right: 10px
}

.fsAthleticsEvent.fsList .fsAlertIcon {
    margin-left: 5px;
    margin-bottom: -3px
}

.fsAthleticsEvent.fsList .fsAthleticsOpponentNames,
.fsAthleticsEvent.fsList .fsAthleticsOpponents {
    display: inline
}

.fsAthleticsEvent.fsList .fsAthleticsEventReadMoreLink {
    display: inline-block;
    margin-top: 5px
}

.fsAthleticsEvent.fsList .fsAthleticsDeparture,
.fsAthleticsEvent.fsList .fsAthleticsDismissal,
.fsAthleticsEvent.fsList .fsAthleticsPickup,
.fsAthleticsEvent.fsList .fsAthleticsReturn {
    margin-top: 5px
}

.fsAthleticsEvent.fsList .fsAthleticsDepartureLabel,
.fsAthleticsEvent.fsList .fsAthleticsDepartureLabel+div,
.fsAthleticsEvent.fsList .fsAthleticsDismissalLabel,
.fsAthleticsEvent.fsList .fsAthleticsDismissalLabel+div,
.fsAthleticsEvent.fsList .fsAthleticsPickupLabel,
.fsAthleticsEvent.fsList .fsAthleticsPickupLabel+div,
.fsAthleticsEvent.fsList .fsAthleticsReturnLabel,
.fsAthleticsEvent.fsList .fsAthleticsReturnLabel+div {
    display: inline-block
}

.fsAthleticsEvent.fsEvent article>div {
    margin-bottom: 10px
}

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

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

@media (min-width:801px) {
    .fsAthleticsEvent.fsTable .fsTitle .fsElementEventIcon {
        max-width: 100px
    }
}

@media (min-width:801px) {

    .fsAthleticsEvent.fsTable .fsAthleticsScore,
    .fsAthleticsEvent.fsTable .fsDateTime {
        white-space: nowrap
    }
}

.fsAthleticsEvent.fsTable .fsElementTable {
    margin-bottom: 0
}

@media (max-width:800px) {
    .fsAthleticsEvent.fsTable .fsElementTable thead {
        display: none
    }
}

.fsAthleticsEvent.fsTable .fsElementTable thead th {
    white-space: nowrap
}

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

.fsAthleticsEvent.fsDialog .fsAthleticsTitle {
    margin-top: 0;
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.5rem;
    color: #036;
    font-family: din-1451-lt-pro-engschrift, sans-serif;
    margin-bottom: 20px
}

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

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

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

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

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

.fsCalendar article {
    position: relative;
    padding-left: 75px;
    min-height: 120px;
    padding-top: 0
}

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

.fsCalendar .fsDate {
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    height: 90px;
    width: 60px;
    color: #fff;
    background: #036;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-transform: uppercase
}

.fsCalendar .fsDate>span {
    display: block;
    font-family: proxima-nova, sans-serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 1
}

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

.fsCalendar .fsTitle,
.fsCalendar .fsTitle>a {
    margin-bottom: 15px;
    font-weight: 700;
    font-family: proxima-nova, sans-serif;
    font-size: 18px;
    line-height: 1.4;
    text-decoration: none
}

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

.fsCalendar .fsAllDay,
.fsCalendar .fsLocation,
.fsCalendar .fsTimeRange {
    display: block;
    margin-bottom: 4px;
    font-family: proxima-nova, sans-serif;
    font-size: 13px;
    line-height: 1.2;
    text-transform: uppercase;
    color: #242424
}

.fsCalendar .fsAllDay:before,
.fsCalendar .fsLocation:before,
.fsCalendar .fsTimeRange:before {
    display: inline-block;
    margin-right: 7px
}

.fsCalendar .fsAllDay:before,
.fsCalendar .fsTimeRange:before {
    content: "\E909";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    color: #00b388
}

.fsCalendar .fsLocation:before {
    margin-right: 12px;
    content: "\E908";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    color: #00b388
}

.fsCalendar .fsDescription,
.fsCalendar .fsNotes {
    font-family: proxima-nova, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.4;
    color: #373737
}

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

.fsCalendar .fsCalendarEventLink.fsReadMoreLink {
    font-family: proxima-nova, sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.2;
    color: #036;
    text-decoration: none
}

.fsCalendar .fsCalendarEventLink.fsReadMoreLink:hover {
    text-decoration: underline
}

.fsCalendar.fsList .fsListItems+button {
    margin-top: 0
}

.fsCalendar.fsGrid .fsCalendarDayView {
    margin-top: 20px
}

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

.fsCalendar.fsGrid .fsCalendarEventTitle {
    font-weight: 700
}

.fsCalendarEventGrid .fsCalendarRow {
    display: flex
}

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

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

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

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

.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;
        height: auto !important;
        display: flex;
        flex-wrap: wrap;
        border: 1px solid #cfcfcf;
        border-right: none;
        border-bottom: none;
        color: #373737;
        background: #fff;
        transition: .3s
    }

    .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarWeekendDayBox>div:focus,
    .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarWeekendDayBox>div:focus .fsCalendarOutOfRange,
    .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarWeekendDayBox>div:hover,
    .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarWeekendDayBox>div:hover .fsCalendarOutOfRange,
    .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox:not(.fsCalendarWeekendDayBox):focus,
    .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox:not(.fsCalendarWeekendDayBox):focus .fsCalendarOutOfRange,
    .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox:not(.fsCalendarWeekendDayBox):hover,
    .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox:not(.fsCalendarWeekendDayBox):hover .fsCalendarOutOfRange {
        color: #fff;
        background: #039;
        transition: .3s
    }

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

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

    .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsStateHasEvents .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([tabIndex]) .fsCalendarDate {
        margin-bottom: 0
    }

    .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarWeekendDayBox>div:not([tabIndex]) .fsCalendarDate:after {
        display: none
    }

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

    .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarWeekendDayBox>div.selected:focus,
    .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarWeekendDayBox>div.selected:hover {
        color: #fff;
        background: #039;
        transition: .3s
    }

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

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

    .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.selected {
        color: #fff;
        background: #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 {
    position: relative;
    padding: 10px 20px;
    background: #fff;
    color: #036;
    border-radius: 0;
    z-index: 0;
    cursor: pointer;
    text-align: center;
    overflow: hidden;
    transition: .3s;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    border: 1px solid #036;
    display: table;
    margin: 20px auto
}

.fsStateSelected .scroll-up,
.scroll-up.on,
.scroll-up:focus,
.scroll-up:hover {
    color: #fff;
    transition: .3s
}

.fsStateSelected .scroll-up:after,
.scroll-up.on:after,
.scroll-up:focus:after,
.scroll-up:hover:after {
    width: 100%
}

.scroll-up:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 0;
    left: 0;
    top: 0;
    z-index: -1;
    background: #036;
    transition: all .4s ease-out
}

.scroll-up em {
    display: block;
    margin-top: 7px;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 15px;
    text-align: center;
    text-transform: none
}

.scroll-up.fs_style_56,
.scroll-up.fs_style_57 {
    text-transform: uppercase;
    font-size: 17px;
    line-height: 17px
}

.scroll-up.fs_style_56 {
    padding: 40px
}

.scroll-up.fs_style_57 {
    width: 100%
}

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

.fsCalendar.fsSlideshow .fsAlertFeeds {
    float: none
}

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

@media (max-width:640px) {
    .fsCalendar .fsElementSlideshow article {
        padding: 0
    }

    .fsCalendar .fsElementSlideshow article .fsReadMoreLink {
        margin-bottom: 20px;
        display: block
    }

    .fsCalendar .fsElementSlideshow .fsDate {
        position: relative;
        display: inline-block;
        width: auto;
        height: auto;
        margin-bottom: 30px;
        padding-bottom: 15px;
        padding-top: 15px;
        top: auto;
        left: auto;
        border-right: 0;
        min-width: 100px
    }
}

.fsCalendar.fsSlideshowHorizontal .fsElementSlideshow[data-arrows*=true] {
    padding-left: 35px;
    padding-right: 35px
}

@media (max-width:640px) {
    .fsCalendar.fsSlideshowVertical .fsElementSlideshow[data-arrows*=true] {
        padding: 45px 0
    }
}

@media (max-width:640px) {
    .fsCalendar.fsDialog article {
        padding: 0
    }

    .fsCalendar.fsDialog article .fsReadMoreLink {
        margin-bottom: 20px;
        display: block
    }

    .fsCalendar.fsDialog .fsDate {
        position: relative;
        display: inline-block;
        width: auto;
        height: auto;
        margin-bottom: 30px;
        padding-bottom: 15px;
        padding-top: 15px;
        top: auto;
        left: auto;
        border-right: 0;
        min-width: 100px
    }
}

input,
select,
textarea {
    padding: 5px;
    max-width: 100%
}

.fsComposerFormEmbed {
    background: none
}

.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: proxima-nova, sans-serif;
    font-size: 16px;
    line-height: 22px;
    color: #373737
}

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

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

.fsComposerFormEmbed form .required {
    color: #036
}

.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: #036;
    transition: .3s;
    outline: 0;
    float: left;
    line-height: 1;
    padding: 10px 0
}

.fsComposerFormEmbed form .pageBreak .nextPage:hover,
.fsComposerFormEmbed form .pageBreak .prevPage:hover {
    color: #039;
    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 {
    position: relative;
    margin: 0 0 20px;
    padding: 10px 20px;
    background: #fff;
    color: #036;
    border-radius: 0;
    z-index: 0;
    cursor: pointer;
    text-align: center;
    overflow: hidden;
    transition: .3s;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    border: 1px solid #036
}

.fsComposerFormEmbed form .submitBtn.on,
.fsComposerFormEmbed form .submitBtn:focus,
.fsComposerFormEmbed form .submitBtn:hover,
.fsStateSelected .fsComposerFormEmbed form .submitBtn {
    color: #fff;
    transition: .3s
}

.fsComposerFormEmbed form .submitBtn.on:after,
.fsComposerFormEmbed form .submitBtn:focus:after,
.fsComposerFormEmbed form .submitBtn:hover:after,
.fsStateSelected .fsComposerFormEmbed form .submitBtn:after {
    width: 100%
}

.fsComposerFormEmbed form .submitBtn:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 0;
    left: 0;
    top: 0;
    z-index: -1;
    background: #036;
    transition: all .4s ease-out
}

.fsComposerFormEmbed form .submitBtn em {
    display: block;
    margin-top: 7px;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 15px;
    text-align: center;
    text-transform: none
}

.fsComposerFormEmbed form .submitBtn.fs_style_56,
.fsComposerFormEmbed form .submitBtn.fs_style_57 {
    text-transform: uppercase;
    font-size: 17px;
    line-height: 17px
}

.fsComposerFormEmbed form .submitBtn.fs_style_56 {
    padding: 40px
}

.fsComposerFormEmbed form .submitBtn.fs_style_57 {
    width: 100%
}

.fsComposerFormEmbed form .submitBtn:hover {
    color: #fff;
    background-color: #036
}

.fsComposerFormEmbed .ui-widget {
    font-family: proxima-nova, 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
}

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

.fsLoginSubmit {
    border: 1px solid #036 !important
}

input[name*=passkey]+.fsLoginSubmit {
    border: 1px solid #036 !important;
    position: relative;
    border: 0;
    margin: 0 0 20px;
    padding: 10px 20px;
    background: #fff;
    color: #036;
    border-radius: 0;
    z-index: 0;
    cursor: pointer;
    text-align: center;
    overflow: hidden;
    transition: .3s;
    font-weight: 600;
    text-decoration: none;
    display: inline-block
}

.fsStateSelected input[name*=passkey]+.fsLoginSubmit,
input[name*=passkey]+.fsLoginSubmit.on,
input[name*=passkey]+.fsLoginSubmit:focus,
input[name*=passkey]+.fsLoginSubmit:hover {
    color: #fff;
    transition: .3s
}

.fsStateSelected input[name*=passkey]+.fsLoginSubmit:after,
input[name*=passkey]+.fsLoginSubmit.on:after,
input[name*=passkey]+.fsLoginSubmit:focus:after,
input[name*=passkey]+.fsLoginSubmit:hover:after {
    width: 100%
}

input[name*=passkey]+.fsLoginSubmit:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 0;
    left: 0;
    top: 0;
    z-index: -1;
    background: #036;
    transition: all .4s ease-out
}

input[name*=passkey]+.fsLoginSubmit em {
    display: block;
    margin-top: 7px;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 15px;
    text-align: center;
    text-transform: none
}

input[name*=passkey]+.fsLoginSubmit.fs_style_56,
input[name*=passkey]+.fsLoginSubmit.fs_style_57 {
    text-transform: uppercase;
    font-size: 17px;
    line-height: 17px
}

input[name*=passkey]+.fsLoginSubmit.fs_style_56 {
    padding: 40px
}

input[name*=passkey]+.fsLoginSubmit.fs_style_57 {
    width: 100%
}

.fsError {
    margin-bottom: 50px
}

.fsLoginNewSuccess>button,
.fsResetCancel,
.fsResetContinue {
    position: relative;
    margin: 0 0 20px;
    padding: 10px 20px;
    background: #fff;
    color: #036;
    border-radius: 0;
    z-index: 0;
    cursor: pointer;
    text-align: center;
    overflow: hidden;
    transition: .3s;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    border: 1px solid #036
}

.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 {
    color: #fff;
    transition: .3s
}

.fsLoginNewSuccess>button.on:after,
.fsLoginNewSuccess>button:focus:after,
.fsLoginNewSuccess>button:hover:after,
.fsResetCancel.on:after,
.fsResetCancel:focus:after,
.fsResetCancel:hover:after,
.fsResetContinue.on:after,
.fsResetContinue:focus:after,
.fsResetContinue:hover:after,
.fsStateSelected .fsLoginNewSuccess>button:after,
.fsStateSelected .fsResetCancel:after,
.fsStateSelected .fsResetContinue:after {
    width: 100%
}

.fsLoginNewSuccess>button:after,
.fsResetCancel:after,
.fsResetContinue:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 0;
    left: 0;
    top: 0;
    z-index: -1;
    background: #036;
    transition: all .4s ease-out
}

.fsLoginNewSuccess>button em,
.fsResetCancel em,
.fsResetContinue em {
    display: block;
    margin-top: 7px;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 15px;
    text-align: center;
    text-transform: none
}

.fsLoginNewSuccess>button.fs_style_56,
.fsLoginNewSuccess>button.fs_style_57,
.fsResetCancel.fs_style_56,
.fsResetCancel.fs_style_57,
.fsResetContinue.fs_style_56,
.fsResetContinue.fs_style_57 {
    text-transform: uppercase;
    font-size: 17px;
    line-height: 17px
}

.fsLoginNewSuccess>button.fs_style_56,
.fsResetCancel.fs_style_56,
.fsResetContinue.fs_style_56 {
    padding: 40px
}

.fsLoginNewSuccess>button.fs_style_57,
.fsResetCancel.fs_style_57,
.fsResetContinue.fs_style_57 {
    width: 100%
}

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

.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 article:not(:last-child) {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #e5e5e5
}

.fsPostElement .fsThumbnail {
    margin-bottom: 15px
}

.fsPostElement .fsThumbnail img {
    display: block
}

.fsPostElement .fsTitle,
.fsPostElement .fsTitle>a {
    font-weight: 700;
    font-size: 18px;
    font-family: proxima-nova, sans-serif;
    line-height: 1.4;
    color: #242424;
    text-decoration: none
}

.fsPostElement .fsTitle {
    margin-bottom: 15px
}

.fsPostElement .fsAuthor,
.fsPostElement .fsDateTime {
    display: block;
    margin-bottom: 5px;
    font-weight: 400;
    font-size: 15px;
    font-family: proxima-nova, sans-serif;
    line-height: 1.2
}

.fsPostElement .fsSummary {
    margin-top: 15px;
    font-family: proxima-nova, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.6
}

.fsPostElement .fsPostLink {
    font-family: proxima-nova, sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.2;
    color: #036;
    text-decoration: none
}

.fsPostElement .fsPostLink:hover {
    text-decoration: underline
}

.fsPostElement .fsCategories {
    margin: 0
}

.fsPostElement .fsCategory {
    background-color: #e5e5e5;
    text-transform: uppercase
}

.fsPostElement .fsCategory,
.fsPostElement .fsTag {
    padding: 6px 8px;
    margin-right: 6px;
    margin-bottom: 6px;
    font-family: proxima-nova, sans-serif;
    font-weight: 600;
    font-size: 10px;
    line-height: 14px;
    color: #242424
}

.fsPostElement .fsTag {
    border: 1px solid #e5e5e5;
    background-color: rgba(0, 0, 0, 0)
}

.fsPostElement.fsSlideshow article {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0
}

.fsResourceElement .fsTitle {
    margin-bottom: 10px
}

.fsResourceElement figcaption {
    margin-top: 10px
}

.fsResourceElement.hero {
    width: 100%;
    position: relative;
    margin-bottom: 0
}

@media (min-width:1100px) {
    .fsResourceElement.hero {
        margin-bottom: 0;
        padding: 0 20px
    }
}

@media (max-width:1099px) {
    .fsResourceElement.hero {
        display: flex;
        flex-direction: column
    }
}

.fsResourceElement.hero>header {
    order: 2
}

@media (min-width:1100px) {
    .fsResourceElement.hero>header {
        position: absolute;
        bottom: 50px;
        left: 70px;
        z-index: 2
    }
}

.fsResourceElement.hero>header h2,
.fsResourceElement.hero>header h3,
.fsResourceElement.hero>header h4,
.fsResourceElement.hero>header h5,
.fsResourceElement.hero>header h6 {
    color: #036
}

@media (min-width:1100px) {

    .fsResourceElement.hero>header h2,
    .fsResourceElement.hero>header h3,
    .fsResourceElement.hero>header h4,
    .fsResourceElement.hero>header h5,
    .fsResourceElement.hero>header h6 {
        color: #fff;
        text-shadow: 0 0 11px rgba(0, 0, 0, .8)
    }
}

.fsResourceElement.hero>header h2.fsElementTitle {
    margin: 0;
    font-weight: 700;
    font-size: 18px;
    line-height: 140%;
    letter-spacing: 4px;
    text-transform: uppercase
}

.fsResourceElement.hero>header .fsElementHeaderContent {
    margin-bottom: 0;
    font-family: proxima-nova, sans-serif;
    text-align: left;
    font-size: 48px;
    line-height: 1.1;
    color: #036
}

@media (min-width:1100px) {
    .fsResourceElement.hero>header .fsElementHeaderContent {
        color: #fff;
        font-size: 81px;
        text-shadow: 0 0 11px rgba(0, 0, 0, .8)
    }
}

.fsResourceElement.hero>header .fsElementHeaderContent p {
    margin-bottom: 0
}

.fsResourceElement.hero>header .fsElementHeaderContent a {
    position: relative;
    background: rgba(0, 0, 0, 0);
    color: #fff;
    border-radius: 0;
    z-index: 0;
    cursor: pointer;
    text-align: center;
    overflow: hidden;
    transition: .3s;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    border: 1px solid #00b388;
    display: table;
    padding: 20px 26px;
    text-shadow: none;
    font-size: 14px;
    margin: 18px 0 0;
    text-transform: uppercase;
    letter-spacing: 4px
}

.fsResourceElement.hero>header .fsElementHeaderContent a.on,
.fsResourceElement.hero>header .fsElementHeaderContent a:focus,
.fsResourceElement.hero>header .fsElementHeaderContent a:hover,
.fsStateSelected .fsResourceElement.hero>header .fsElementHeaderContent a {
    color: #fff;
    transition: .3s
}

.fsResourceElement.hero>header .fsElementHeaderContent a.on:after,
.fsResourceElement.hero>header .fsElementHeaderContent a:focus:after,
.fsResourceElement.hero>header .fsElementHeaderContent a:hover:after,
.fsStateSelected .fsResourceElement.hero>header .fsElementHeaderContent a:after {
    width: 100%
}

.fsResourceElement.hero>header .fsElementHeaderContent a:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 0;
    left: 0;
    top: 0;
    z-index: -1;
    background: rgba(0, 51, 102, .5);
    transition: all .4s ease-out
}

.fsResourceElement.hero>header .fsElementHeaderContent a em {
    display: block;
    margin-top: 7px;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 15px;
    text-align: center;
    text-transform: none
}

.fsResourceElement.hero>header .fsElementHeaderContent a.fs_style_56,
.fsResourceElement.hero>header .fsElementHeaderContent a.fs_style_57 {
    text-transform: uppercase;
    font-size: 17px;
    line-height: 17px
}

.fsResourceElement.hero>header .fsElementHeaderContent a.fs_style_56 {
    padding: 40px
}

.fsResourceElement.hero>header .fsElementHeaderContent a.fs_style_57 {
    width: 100%
}

@media (max-width:1099px) {
    .fsResourceElement.hero>header .fsElementHeaderContent a {
        color: #036
    }
}

.fsResourceElement.hero>header .fsElementHeaderContent a:after {
    content: "\E90C";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    color: #00b388;
    margin-left: 10px;
    font-size: 12px
}

.fsResourceElement.hero article {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 0;
    overflow: hidden;
    height: auto
}

.fsResourceElement.hero article .fsResourceLink,
.fsResourceElement.hero article figure {
    display: block
}

.fsLiveMode .fsResourceElement.hero article img {
    display: none
}

.fsResourceElement.hero article picture {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    height: 45vw;
    min-height: 350px
}

@media (min-width:641px) {
    .fsResourceElement.hero article picture {
        max-height: 720px
    }
}

.home .fsResourceElement.hero article picture {
    height: 50vh
}

@media (min-width:961px) {
    .home .fsResourceElement.hero article picture {
        height: calc(100vh - 125px)
    }
}

.fsResourceElement.hero article video {
    order: -1;
    object-fit: cover;
    height: 35vw
}

@media (min-width:641px) {
    .fsResourceElement.hero article video {
        max-height: 720px
    }
}

.home .fsResourceElement.hero article video {
    height: 50vw
}

.fsResourceElement.hero footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

@media (min-width:641px) {
    .fsResourceElement.hero footer {
        width: auto
    }
}

.fsResourceElement.hero footer .fsElementFooterContent,
.fsResourceElement.hero footer a {
    margin-bottom: 0
}

.fsResourceElement.hero footer .fsElementFooterContent {
    display: flex
}

.fsResourceElement.hero footer a {
    width: 50%;
    padding: 15px 5px
}

@media (min-width:641px) {
    .fsResourceElement.hero footer a {
        width: auto;
        padding: 15px 20px
    }
}

.fsResourceElement.hero footer a:first-child {
    border-right: 1px solid #fff
}

@media (min-width:641px) {
    .fsResourceElement.hero footer a:first-child {
        border-right: 0;
        margin-right: 1px
    }
}

.fsImage.fsStateFloatRight {
    margin-bottom: 30px
}

@media (min-width:641px) {
    .fsImage.fsStateFloatRight {
        margin-left: 60px
    }
}

.fsImage.fsStateFloatLeft {
    margin-bottom: 30px
}

@media (min-width:641px) {
    .fsImage.fsStateFloatLeft {
        margin-right: 60px
    }
}

.fsImage picture {
    display: block
}

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

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

.fsResourceElement.fsSlideshow.hero {
    position: relative
}

.fsResourceElement.fsSlideshow.hero.has-pause .slick-arrow.fsPrevButton {
    transform: translateX(calc(-100% - 35px))
}

.fsResourceElement.fsSlideshow.hero article:before {
    content: "";
    position: absolute;
    height: 20%;
    min-height: 120px;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: linear-gradient(0deg, rgba(0, 0, 0, .8), rgba(0, 0, 0, 0))
}

.fsResourceElement.fsSlideshow.hero figure .fsResourceLink {
    pointer-events: none
}

.fsResourceElement.fsSlideshow.hero picture {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    display: block;
    z-index: 0
}

.fsResourceElement.fsSlideshow.hero img {
    opacity: 0;
    height: 0
}

@media (max-width:1099px) {
    .fsResourceElement.fsSlideshow.hero>.fsElementContent {
        position: static
    }
}

.fsResourceElement.fsSlideshow.hero .slick-slider {
    padding: 0;
    margin-bottom: 0
}

@media (max-width:1099px) {
    .fsResourceElement.fsSlideshow.hero .slick-slider {
        position: static
    }
}

.fsResourceElement.fsSlideshow.hero .fsPager {
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding-left: 0;
    margin-bottom: 0;
    margin-top: 20px;
    position: absolute;
    width: auto;
    right: auto;
    bottom: 35px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3
}

.fsResourceElement.fsSlideshow.hero .fsPager li {
    margin-top: 10px
}

.fsResourceElement.fsSlideshow.hero .fsPager li:not(:last-child) {
    margin-right: 10px
}

.fsResourceElement.fsSlideshow.hero .fsPager li.slick-active button {
    background-color: #fff
}

.fsResourceElement.fsSlideshow.hero .fsPager li button {
    background: none;
    margin: 0;
    padding: 0;
    position: relative;
    width: 13px;
    height: 13px;
    border: 1px solid #fff;
    color: rgba(0, 0, 0, 0);
    cursor: pointer;
    box-sizing: content-box
}

.fsResourceElement.fsSlideshow.hero .fsPager li button:after,
.fsResourceElement.fsSlideshow.hero .fsPager li button:before {
    content: "";
    position: absolute;
    width: 16px;
    height: 0;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-left: 2px solid #00b388;
    border-right: 2px solid #00b388;
    transition: all .5s cubic-bezier(.12, .6, .28, 2.15)
}

.fsResourceElement.fsSlideshow.hero .fsPager li button:after {
    transform: translate(-50%, -50%) rotate(90deg)
}

.fsResourceElement.fsSlideshow.hero .fsPager li button:hover:after,
.fsResourceElement.fsSlideshow.hero .fsPager li button:hover:before {
    height: 16px
}

.fsResourceElement.fsSlideshow.hero .fsPager li button,
.fsResourceElement.fsSlideshow.hero .fsPager li button:after,
.fsResourceElement.fsSlideshow.hero .fsPager li button:before {
    border-radius: 0
}

.fsResourceElement.fsSlideshow.hero .fsSlideshowPause,
.fsResourceElement.fsSlideshow.hero .fsSlideshowPlay {
    background: none;
    margin: 0;
    padding: 0;
    width: 42px;
    height: 52px;
    transform: none;
    color: rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(248, 84, 103, 0);
    transition: all .3s ease;
    box-sizing: content-box;
    overflow: hidden;
    z-index: 1;
    position: absolute;
    width: 34px;
    height: 34px;
    top: auto;
    z-index: 5;
    right: 50px;
    bottom: 20px;
    border-radius: 50%;
    border: 2px solid #00b388;
    opacity: 1;
    cursor: pointer;
    transition: all .3s
}

.fsResourceElement.fsSlideshow.hero .fsSlideshowPause:before,
.fsResourceElement.fsSlideshow.hero .fsSlideshowPlay:before {
    content: "\E90C";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    position: absolute;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transform: none;
    left: 0;
    top: 0;
    font-size: .875rem
}

.fsResourceElement.fsSlideshow.hero .fsSlideshowPause.fsLeftArrow:before,
.fsResourceElement.fsSlideshow.hero .fsSlideshowPause.fsPrevArrow:before,
.fsResourceElement.fsSlideshow.hero .fsSlideshowPause.slick-prev:before,
.fsResourceElement.fsSlideshow.hero .fsSlideshowPlay.fsLeftArrow:before,
.fsResourceElement.fsSlideshow.hero .fsSlideshowPlay.fsPrevArrow:before,
.fsResourceElement.fsSlideshow.hero .fsSlideshowPlay.slick-prev:before {
    transform: scaleX(-1)
}

@media (min-width:641px) {

    .fsResourceElement.fsSlideshow.hero .fsSlideshowPause,
    .fsResourceElement.fsSlideshow.hero .fsSlideshowPlay {
        transform: none;
        left: auto;
        top: auto;
        right: 51px;
        bottom: 18px
    }
}

@media (min-width:961px) {

    .fsResourceElement.fsSlideshow.hero .fsSlideshowPause,
    .fsResourceElement.fsSlideshow.hero .fsSlideshowPlay {
        right: 52px;
        bottom: 19px
    }
}

@media (min-width:1025px) {

    .fsResourceElement.fsSlideshow.hero .fsSlideshowPause,
    .fsResourceElement.fsSlideshow.hero .fsSlideshowPlay {
        right: 66px;
        bottom: 38px
    }
}

.fsResourceElement.fsSlideshow.hero .fsSlideshowPause:before,
.fsResourceElement.fsSlideshow.hero .fsSlideshowPlay:before {
    color: #036
}

@media (min-width:1100px) {

    .fsResourceElement.fsSlideshow.hero .fsSlideshowPause:before,
    .fsResourceElement.fsSlideshow.hero .fsSlideshowPlay:before {
        color: #fff
    }
}

.fsResourceElement.fsSlideshow.hero .fsSlideshowPause:after,
.fsResourceElement.fsSlideshow.hero .fsSlideshowPause:before {
    content: "";
    position: absolute;
    height: 12px;
    width: 2px;
    margin: 0;
    padding: 0;
    left: 50%;
    top: 50%;
    background-color: #036
}

@media (min-width:1100px) {

    .fsResourceElement.fsSlideshow.hero .fsSlideshowPause:after,
    .fsResourceElement.fsSlideshow.hero .fsSlideshowPause:before {
        background-color: #fff
    }
}

.fsResourceElement.fsSlideshow.hero .fsSlideshowPause:before {
    transform: translate(-3px, -50%)
}

.fsResourceElement.fsSlideshow.hero .fsSlideshowPause:after {
    transform: translate(2px, -50%)
}

.fsResourceElement.fsSlideshow.hero .fsSlideshowPlay:before {
    content: "\E90C";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.fsResourceElement.fsSlideshow.hero .slick-arrow {
    background: none;
    padding: 0;
    position: absolute;
    width: 46px;
    height: 46px;
    margin: 0 10px;
    z-index: 1;
    bottom: 20px;
    right: 20px;
    left: auto;
    top: auto;
    color: rgba(0, 0, 0, 0);
    border: 1px solid #fff;
    cursor: pointer;
    transition: all .3s ease
}

.fsResourceElement.fsSlideshow.hero .slick-arrow:hover:before {
    width: 100%
}

.fsResourceElement.fsSlideshow.hero .slick-arrow:hover:after {
    color: #036
}

.fsResourceElement.fsSlideshow.hero .slick-arrow:before {
    content: "";
    position: absolute;
    width: 0;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #fff;
    transition: all .4s cubic-bezier(.12, .6, .28, 1.8);
    transform: none
}

.fsResourceElement.fsSlideshow.hero .slick-arrow:after {
    content: "\E90C";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    position: absolute;
    line-height: 1;
    color: #fff;
    top: 50%;
    left: 50%;
    font-size: 24px;
    font-weight: 300;
    transform: translate(-50%, -50%);
    transition: all .3s
}

.fsResourceElement.fsSlideshow.hero .slick-arrow.fsPrevButton,
.fsResourceElement.fsSlideshow.hero .slick-arrow.slick-prev {
    transform: translateX(calc(-100% + 1px))
}

.fsResourceElement.fsSlideshow.hero .slick-arrow.fsPrevButton:before,
.fsResourceElement.fsSlideshow.hero .slick-arrow.slick-prev:before {
    left: auto;
    right: 0
}

.fsResourceElement.fsSlideshow.hero .slick-arrow.fsPrevButton:after,
.fsResourceElement.fsSlideshow.hero .slick-arrow.slick-prev:after {
    content: "\E90B"
}

.fsResourceElement.fsSlideshow.hero .slick-arrow.fsNextButton {
    transform: translateY(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
}

.fsResourceElement.fsSingleItem.hero {
    position: relative;
    margin-bottom: 0
}

@media (min-width:961px) {
    .fsResourceElement.fsSingleItem.hero {
        margin-bottom: 5px
    }
}

@media (min-width:1025px) {
    .fsResourceElement.fsSingleItem.hero {
        margin-bottom: 35px
    }
}

body:not(.home) .fsResourceElement.fsSingleItem.hero {
    margin-bottom: 0
}

.fsResourceElement.fsSingleItem.hero article {
    position: relative
}

.fsResourceElement.fsSingleItem.hero article picture {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.fsLiveMode .fsResourceElement.fsSingleItem.hero article img {
    opacity: 0;
    height: 0
}

.fsSearchElement.fsSearchForm .fsSearchElementKeyword {
    margin-bottom: 20px
}

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

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

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

.search-toggle {
    border: 0;
    background: none;
    margin: 0;
    padding: 0;
    position: relative;
    color: rgba(0, 0, 0, 0);
    cursor: pointer;
    transition: all .3s
}

#fsHeader .site-search header .search-toggle {
    width: 46px;
    height: 46px;
    border: 1px solid #036;
    z-index: 501
}

@media (min-width:1100px) {

    .drawer-is-active #fsHeader .site-search header .search-toggle,
    body:not(.has-hero) #fsHeader .site-search header .search-toggle {
        border: 1px solid #fff
    }
}

@media (min-width:1100px) {

    .drawer-is-active #fsHeader .site-search header .search-toggle:hover,
    body:not(.has-hero) #fsHeader .site-search header .search-toggle:hover {
        background-color: #fff
    }

    .drawer-is-active #fsHeader .site-search header .search-toggle:hover:before,
    body:not(.has-hero) #fsHeader .site-search header .search-toggle:hover:before {
        border-color: #036
    }

    .drawer-is-active #fsHeader .site-search header .search-toggle:hover:after,
    body:not(.has-hero) #fsHeader .site-search header .search-toggle:hover:after {
        background-color: #036
    }
}

#fsHeader .site-search header .search-toggle:hover {
    background-color: rgba(0, 51, 102, .75)
}

#fsHeader .site-search header .search-toggle:hover:before {
    border-color: #fff
}

#fsHeader .site-search header .search-toggle:hover:after {
    background-color: #fff
}

#fsHeader .site-search header .search-toggle:after,
#fsHeader .site-search header .search-toggle:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transition: all .3s
}

#fsHeader .site-search header .search-toggle:before {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    left: 12px;
    top: 12px;
    border: 2px solid #036
}

@media (min-width:1100px) {

    .drawer-is-active #fsHeader .site-search header .search-toggle:before,
    body:not(.has-hero) #fsHeader .site-search header .search-toggle:before {
        border: 2px solid #fff
    }
}

#fsHeader .site-search header .search-toggle:after {
    width: 9px;
    height: 2px;
    left: 24px;
    top: 27px;
    transform: rotate(45deg);
    background-color: #036
}

@media (min-width:1100px) {

    .drawer-is-active #fsHeader .site-search header .search-toggle:after,
    body:not(.has-hero) #fsHeader .site-search header .search-toggle:after {
        background-color: #fff
    }
}

#fsHeader .site-search .fsElementContent .search-toggle {
    width: 42px;
    height: 42px
}

@media (min-width:1100px) {
    #fsHeader .site-search .fsElementContent .search-toggle {
        width: 50px;
        height: 50px
    }
}

#fsHeader .site-search .fsElementContent .search-toggle:hover:after,
#fsHeader .site-search .fsElementContent .search-toggle:hover:before {
    transform: translate(-50%, -50%) rotate(0deg)
}

#fsHeader .site-search .fsElementContent .search-toggle:after,
#fsHeader .site-search .fsElementContent .search-toggle:before {
    content: "";
    position: absolute;
    width: 75%;
    height: 2px;
    left: 50%;
    top: 50%;
    background-color: #fff;
    transition: all .3s ease
}

#fsHeader .site-search .fsElementContent .search-toggle:before {
    transform: translate(-50%, -50%) rotate(45deg)
}

#fsHeader .site-search .fsElementContent .search-toggle:after {
    transform: translate(-50%, -50%) rotate(-45deg)
}

.fsElement.fsSearchElement.site-search {
    margin-left: 14px
}

.fsElement.fsSearchElement.site-search .fsElementContent {
    position: absolute;
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 30px 15px;
    left: 0;
    top: 0;
    z-index: 503;
    transform: translateY(-113px);
    background-color: #036;
    transition: all .4s cubic-bezier(.53, -.43, .38, 1.4)
}

@media (min-width:1100px) {
    .fsElement.fsSearchElement.site-search .fsElementContent {
        padding: 30px 45px
    }
}

.search-is-active .fsElement.fsSearchElement.site-search .fsElementContent {
    transition: all .3s ease
}

.accessible .fsElement.fsSearchElement.site-search .fsElementContent {
    display: none
}

.accessible.search-is-active .fsElement.fsSearchElement.site-search .fsElementContent {
    display: flex
}

.fsElement.fsSearchElement.site-search .fsElementContent form {
    display: flex;
    width: 85vw;
    max-width: 1180px;
    border-bottom: 1px solid #fff
}

@media (min-width:641px) {
    .fsElement.fsSearchElement.site-search .fsElementContent form {
        width: 75vw
    }
}

.fsElement.fsSearchElement.site-search .fsElementContent ::placeholder {
    color: #fff;
    font-style: italic
}

.fsElement.fsSearchElement.site-search .fsElementContent label {
    display: block;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.fsElement.fsSearchElement.site-search .fsElementContent .fsSearchElementKeyword {
    position: relative;
    width: 100%;
    padding-left: 30px
}

@media (min-width:1100px) {
    .fsElement.fsSearchElement.site-search .fsElementContent .fsSearchElementKeyword {
        padding-left: 50px
    }
}

.fsElement.fsSearchElement.site-search .fsElementContent .fsSearchElementKeyword:after,
.fsElement.fsSearchElement.site-search .fsElementContent .fsSearchElementKeyword:before {
    content: "";
    position: absolute;
    transition: all .3s ease
}

.fsElement.fsSearchElement.site-search .fsElementContent .fsSearchElementKeyword:before {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    left: 0;
    top: 14px;
    border: 2px solid #fff
}

.fsElement.fsSearchElement.site-search .fsElementContent .fsSearchElementKeyword:after {
    width: 9px;
    height: 2px;
    left: 11px;
    top: 29px;
    transform: rotate(45deg);
    background-color: #fff
}

.fsElement.fsSearchElement.site-search .fsElementContent .fsSearchElementSearchButton {
    position: relative;
    background-color: rgba(0, 0, 0, 0);
    text-transform: uppercase;
    padding: 10px 0;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    border-width: 0;
    color: #fff;
    letter-spacing: 3px;
    overflow: visible
}

@media (min-width:1100px) {
    .fsElement.fsSearchElement.site-search .fsElementContent .fsSearchElementSearchButton {
        font-size: 24px
    }
}

.fsElement.fsSearchElement.site-search .fsElementContent .fsSearchElementSearchButton:hover {
    background-color: rgba(0, 0, 0, 0)
}

.fsElement.fsSearchElement.site-search .fsElementContent .fsSearchElementSearchButton:hover:after {
    height: 10px
}

.fsElement.fsSearchElement.site-search .fsElementContent .fsSearchElementSearchButton:after {
    display: none;
    position: absolute;
    width: 100%;
    height: 0;
    bottom: 0;
    left: 0;
    background-color: #fff;
    transition: all .3s ease-out
}

.fsElement.fsSearchElement.site-search .fsElementContent input {
    padding: 10px 0;
    background-color: rgba(0, 0, 0, 0);
    border: none;
    width: 100%;
    color: #fff
}

@media (min-width:1100px) {
    .fsElement.fsSearchElement.site-search .fsElementContent input {
        padding: 15px 0
    }
}

.footer-search {
    width: 100%;
    border: 1px solid #036;
    margin-bottom: 30px;
    transition: all .5s cubic-bezier(.12, .6, .28, 1.8);
    opacity: 0;
    transform: translateY(100%)
}

.accessible .footer-search,
.footer-active .footer-search {
    opacity: 1;
    transform: translateY(0)
}

.footer-search:after,
.footer-search:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transition: all .3s ease
}

.footer-search:before {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    left: 12px;
    top: 26px;
    border: 2px solid #036
}

@media (min-width:961px) {
    .footer-search:before {
        left: 42px;
        top: 41px
    }
}

.footer-search:after {
    width: 9px;
    height: 2px;
    left: 24px;
    top: 41px;
    transform: rotate(45deg);
    background-color: #036
}

@media (min-width:961px) {
    .footer-search:after {
        left: 54px;
        top: 56px
    }
}

.footer-search .fsElementContent {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 15px 15px 15px 25px;
    left: 0;
    top: 0;
    z-index: 503;
    background: #f9f9f9
}

@media (min-width:961px) {
    .footer-search .fsElementContent {
        padding: 30px 30px 30px 85px
    }
}

.footer-search .fsElementContent form {
    display: flex;
    width: 100vw;
    max-width: 1180px
}

.footer-search .fsElementContent ::placeholder {
    color: #036;
    font-style: italic
}

.footer-search .fsElementContent label {
    display: block;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.footer-search .fsElementContent .fsSearchElementKeyword {
    width: 100%;
    margin-bottom: 0;
    padding-left: 20px
}

@media (min-width:641px) {
    .footer-search .fsElementContent .fsSearchElementKeyword {
        padding-left: 30px
    }
}

.footer-search .fsElementContent .fsSearchElementSearchButton {
    position: relative;
    background-color: rgba(0, 0, 0, 0);
    padding: 10px 0 10px 10px;
    border-width: 0;
    border-left: 1px solid #036;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: 700;
    font-size: 12px;
    line-height: 20px;
    color: #036;
    overflow: visible
}

@media (min-width:961px) {
    .footer-search .fsElementContent .fsSearchElementSearchButton {
        font-size: 24px;
        line-height: 20px;
        padding-left: 50px
    }
}

.footer-search .fsElementContent .fsSearchElementSearchButton:hover {
    background-color: rgba(0, 0, 0, 0);
    text-decoration: underline
}

.footer-search .fsElementContent .fsSearchElementSearchButton:hover:after {
    height: 10px;
    display: none !important
}

.footer-search .fsElementContent .fsSearchElementSearchButton:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 0;
    bottom: 0;
    left: 0;
    background-color: #036;
    transition: all .3s ease-out
}

.footer-search .fsElementContent input {
    padding: 10px 0;
    background-color: rgba(0, 0, 0, 0);
    border: none;
    width: 100%;
    color: #036
}

@media (max-width:399px) {
    .footer-search .fsElementContent input {
        font-size: 13px
    }
}

@media (min-width:1100px) {
    .footer-search .fsElementContent input {
        padding: 15px 0
    }
}

.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 0 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 {
    position: relative;
    margin: 0 0 20px;
    padding: 10px 20px;
    background: rgba(0, 0, 0, 0);
    color: #036;
    border-radius: 0;
    z-index: 0;
    cursor: pointer;
    text-align: center;
    overflow: hidden;
    transition: .3s;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    border: 1px solid #036
}

.fsStateSelected .vimeo_view_link a,
.vimeo_view_link a.on,
.vimeo_view_link a:focus,
.vimeo_view_link a:hover {
    color: #fff;
    transition: .3s
}

.fsStateSelected .vimeo_view_link a:after,
.vimeo_view_link a.on:after,
.vimeo_view_link a:focus:after,
.vimeo_view_link a:hover:after {
    width: 100%
}

.vimeo_view_link a:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 0;
    left: 0;
    top: 0;
    z-index: -1;
    background: #036;
    transition: all .4s ease-out
}

.vimeo_view_link a em {
    display: block;
    margin-top: 7px;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 15px;
    text-align: center;
    text-transform: none
}

.vimeo_view_link a.fs_style_56,
.vimeo_view_link a.fs_style_57 {
    text-transform: uppercase;
    font-size: 17px;
    line-height: 17px
}

.vimeo_view_link a.fs_style_56 {
    padding: 40px
}

.vimeo_view_link a.fs_style_57 {
    width: 100%
}

.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 0 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 {
    position: relative;
    border: 0;
    margin: 0 0 20px;
    padding: 10px 20px;
    background: #373737;
    border-radius: 0;
    z-index: 0;
    cursor: pointer;
    text-align: center;
    overflow: hidden;
    font-weight: 600;
    text-decoration: none;
    display: inline-block
}

.fsStateSelected .Youtube_view_link a,
.Youtube_view_link a,
.Youtube_view_link a.on,
.Youtube_view_link a:focus,
.Youtube_view_link a:hover {
    color: #fff;
    transition: .3s
}

.fsStateSelected .Youtube_view_link a:after,
.Youtube_view_link a.on:after,
.Youtube_view_link a:focus:after,
.Youtube_view_link a:hover:after {
    width: 100%
}

.Youtube_view_link a:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 0;
    left: 0;
    top: 0;
    z-index: -1;
    background: #131313;
    transition: all .4s ease-out
}

.Youtube_view_link a em {
    display: block;
    margin-top: 7px;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 15px;
    text-align: center;
    text-transform: none
}

.Youtube_view_link a.fs_style_56,
.Youtube_view_link a.fs_style_57 {
    text-transform: uppercase;
    font-size: 17px;
    line-height: 17px
}

.Youtube_view_link a.fs_style_56 {
    padding: 40px
}

.Youtube_view_link a.fs_style_57 {
    width: 100%
}

.juicer-feed .j-paginate {
    position: relative;
    margin: 0 0 20px;
    padding: 10px 20px;
    background: #fff;
    color: #036;
    border-radius: 0;
    z-index: 0;
    cursor: pointer;
    text-align: center;
    overflow: hidden;
    transition: .3s;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    border: 1px solid #036
}

.fsStateSelected .juicer-feed .j-paginate,
.juicer-feed .j-paginate.on,
.juicer-feed .j-paginate:focus,
.juicer-feed .j-paginate:hover {
    color: #fff;
    transition: .3s
}

.fsStateSelected .juicer-feed .j-paginate:after,
.juicer-feed .j-paginate.on:after,
.juicer-feed .j-paginate:focus:after,
.juicer-feed .j-paginate:hover:after {
    width: 100%
}

.juicer-feed .j-paginate:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 0;
    left: 0;
    top: 0;
    z-index: -1;
    background: #036;
    transition: all .4s ease-out
}

.juicer-feed .j-paginate em {
    display: block;
    margin-top: 7px;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 15px;
    text-align: center;
    text-transform: none
}

.juicer-feed .j-paginate.fs_style_56,
.juicer-feed .j-paginate.fs_style_57 {
    text-transform: uppercase;
    font-size: 17px;
    line-height: 17px
}

.juicer-feed .j-paginate.fs_style_56 {
    padding: 40px
}

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

.juicer-feed .j-paginate:hover {
    background-color: #036
}

.fsTabs {
    padding: 0;
    background: none;
    border: 0;
    margin-bottom: 20px
}

.fsTabs .fsTabsNav {
    margin: 0;
    padding: 0;
    display: none;
    z-index: 1;
    position: relative
}

@media (min-width:600px) {
    .fsTabs .fsTabsNav {
        display: block
    }
}

.fsTabs .fsTabsNav li {
    margin-right: 2px
}

.fsTabs .fsTabsNav li a {
    margin-top: 0;
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 1.8125rem;
    color: #4a4a4a;
    font-weight: 700;
    display: block;
    font-size: 16px;
    line-height: 1.3;
    padding: 13.33333px;
    transition: .3s;
    font-size: 18px;
    background: rgba(0, 0, 0, 0);
    color: #373737;
    box-shadow: inset 0 0 0 #00a9e0;
    margin-bottom: 0
}

.fsTabs .fsTabsNav li a:hover {
    background: rgba(0, 0, 0, 0);
    color: #242424
}

.fsTabs .fsTabsNav li.fsStateSelected a {
    background: rgba(0, 0, 0, 0);
    color: #242424;
    box-shadow: inset 0 -5px 0 #00a9e0
}

.fsTabs .fsPanel {
    border-top: 1px solid #e5e5e5;
    transform: translateY(-1px)
}

.fsTabs .fsPanel:last-child {
    border-bottom: 0
}

.fsTabs .fsPanel .fsElementContent {
    padding-right: 0;
    padding-left: 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
    }
}

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

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

.fsLegend .fsElementControls {
    margin-bottom: 5px
}

.fsLegend .fsElementControls label input:checked+span {
    background: #242424;
    color: #fff
}

.fsLegend .fsElementControls label input+span {
    color: #242424;
    background: #e5e5e5
}

.fsMiniGrid .fsCalendarEventGrid {
    max-width: 100%;
    width: 280px
}

.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: 10px 5px;
    transition: .3s
}

.fsMiniGrid .fsCalendarEventGrid .fsCalendarDaybox:hover {
    opacity: 1;
    background: #039 !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: #036;
    color: #fff
}

.fsCalendarMonthYearPicker>.fsStyleUpdateButton {
    margin-bottom: 0;
    display: block;
    color: #fff;
    background-color: #242424
}

.module {
    padding: 20px;
    color: #fff
}

.module a,
.module h1,
.module h2,
.module h3,
.module h4,
.module h5,
.module h6 {
    color: inherit
}

.module {
    background: #036
}

.home #fsPageBodyWrapper {
    padding-top: 0
}

.home #fsPageBody {
    max-width: none;
    margin: 0;
    padding: 0 10px;
    overflow-x: hidden
}

@media (min-width:1100px) {
    .home #fsPageBody {
        padding: 0 20px
    }
}

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

.home .fsBreadcrumb,
.home .nav-sub,
.home .nav-tier {
    display: none
}

.home-hero-section {
    position: relative;
    margin-bottom: 0
}

.fsLiveMode .home-hero-section {
    min-height: calc(100vh - 105px)
}

@media (min-width:961px) {
    .fsLiveMode .home-hero-section {
        height: calc(100vh - 105px);
        min-height: 550px
    }
}

@media (min-width:1441px) {
    .fsLiveMode .home-hero-section {
        min-height: 600px
    }
}

.home-hero-section>.fsElementContent {
    position: relative
}

.fsLiveMode .home-hero-section>.fsElementContent {
    display: flex;
    flex-direction: column
}

@media (min-width:961px) {
    .fsLiveMode .home-hero-section>.fsElementContent {
        flex-direction: row
    }
}

.home-hero-section .fsSingleItem {
    margin-bottom: 0;
    z-index: 3;
    order: 2;
    transition: all .7s ease
}

@media (min-width:961px) {
    .fsLiveMode .home-hero-section .fsSingleItem {
        position: absolute;
        width: 50%;
        height: 55%;
        right: 0;
        top: 0
    }
}

@media (min-width:1441px) {
    .fsLiveMode .home-hero-section .fsSingleItem {
        height: 50%
    }
}

@media (min-width:961px) {
    .video-full-screen .home-hero-section .fsSingleItem {
        width: 100%;
        height: 100%
    }
}

@media (min-width:961px) {

    .fsLiveMode .home-hero-section .fsSingleItem .fsPlayOverlay,
    .fsLiveMode .home-hero-section .fsSingleItem .fsResourceVideoWrapper,
    .fsLiveMode .home-hero-section .fsSingleItem article,
    .fsLiveMode .home-hero-section .fsSingleItem video {
        position: absolute;
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
        object-fit: cover;
        object-position: center
    }
}

.fsLiveMode .home-hero-section .fsSingleItem video.dasher {
    display: none
}

@media (min-width:961px) {
    .fsLiveMode .home-hero-section .fsSingleItem video.dasher {
        display: block
    }
}

.fsLiveMode .home-hero-section .fsSingleItem video:not(.dasher) {
    display: block
}

@media (min-width:961px) {
    .fsLiveMode .home-hero-section .fsSingleItem video:not(.dasher) {
        display: none
    }
}

.home-hero-section .fsSingleItem footer .fsElementFooterContent {
    margin-top: 0
}

.home-hero-section .fsSingleItem footer .fsElementFooterContent button {
    border: 0;
    background: none;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 50px;
    height: 50px;
    bottom: 20px;
    color: rgba(0, 0, 0, 0);
    cursor: pointer
}

.home-hero-section .fsSingleItem footer .fsElementFooterContent button:after {
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.home-hero-section .fsSingleItem footer .fsElementFooterContent button.full-screen {
    left: 20px;
    transition: all .3s;
    border: 3px solid rgba(0, 0, 0, 0)
}

@media (max-width:960px) {
    .home-hero-section .fsSingleItem footer .fsElementFooterContent button.full-screen {
        display: none
    }
}

.home-hero-section .fsSingleItem footer .fsElementFooterContent button.full-screen:focus,
.home-hero-section .fsSingleItem footer .fsElementFooterContent button.full-screen:hover {
    border-color: #fff
}

.home-hero-section .fsSingleItem footer .fsElementFooterContent button.full-screen:after {
    content: "\E904";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

.home-hero-section .fsSingleItem footer .fsElementFooterContent button.play-pause {
    right: 20px;
    opacity: .5;
    transition: all .3s
}

@media (max-width:960px) {
    .home-hero-section .fsSingleItem footer .fsElementFooterContent button.play-pause {
        display: none
    }
}

.home-hero-section .fsSingleItem footer .fsElementFooterContent button.play-pause:hover {
    opacity: 1
}

.home-hero-section .fsSingleItem footer .fsElementFooterContent button.play-pause:after {
    content: "\E905";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    font-size: 26px
}

.home-hero-section .fsSingleItem footer .fsElementFooterContent button.play-pause.playing:after {
    content: "\E90D";
    font-size: 30px
}

.home-hero-section .fsSingleItem footer .fsElementFooterContent button.mute-unmute {
    right: 65px;
    opacity: .5;
    transition: all .3s
}

@media (max-width:960px) {
    .home-hero-section .fsSingleItem footer .fsElementFooterContent button.mute-unmute {
        display: none
    }
}

.home-hero-section .fsSingleItem footer .fsElementFooterContent button.mute-unmute:hover {
    opacity: 1
}

.home-hero-section .fsSingleItem footer .fsElementFooterContent button.mute-unmute:after {
    content: "\E90E";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    font-size: 26px
}

.home-hero-section .fsSingleItem footer .fsElementFooterContent button.mute-unmute.unmuted:after {
    content: "\E90F";
    font-size: 30px
}

.home-hero-section .fsGrid .image-slider {
    transition: all .5s cubic-bezier(.53, -.43, .38, 1.4);
    transform: scale(1)
}

@media (min-width:961px) {
    .fsLiveMode .home-hero-section .fsGrid .image-slider {
        width: 50vw
    }
}

@media (min-width:961px) {
    .video-full-screen .home-hero-section .fsGrid .image-slider {
        transform: scale(.9)
    }
}

.home-hero-section .fsGrid .image-slider:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 200px;
    bottom: 0;
    left: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, .85), rgba(0, 0, 0, 0))
}

.home-hero-section .fsGrid .image-slider picture {
    position: relative
}

.fsLiveMode .home-hero-section .fsGrid .image-slider picture {
    height: 400px
}

@media (min-width:961px) {
    .fsLiveMode .home-hero-section .fsGrid .image-slider picture {
        height: calc(100vh - 105px);
        min-height: 550px
    }
}

.fsLiveMode .home-hero-section .fsGrid .image-slider picture img {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    object-fit: cover;
    object-position: center
}

.home-hero-section .fsGrid .image-slider .slick-dots {
    list-style: none;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding-left: 0;
    margin-bottom: 0;
    margin-top: 20px;
    position: absolute;
    left: 20px;
    bottom: 20px;
    z-index: 2
}

.home-hero-section .fsGrid .image-slider .slick-dots,
.home-hero-section .fsGrid .image-slider .slick-dots ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.home-hero-section .fsGrid .image-slider .slick-dots li {
    margin: 0;
    padding: 0;
    margin-top: 10px
}

.home-hero-section .fsGrid .image-slider .slick-dots li:not(:last-child) {
    margin-right: 10px
}

.home-hero-section .fsGrid .image-slider .slick-dots li.slick-active button {
    background-color: #fff
}

.home-hero-section .fsGrid .image-slider .slick-dots li button {
    background: none;
    margin: 0;
    padding: 0;
    position: relative;
    width: 13px;
    height: 13px;
    border: 1px solid #fff;
    color: rgba(0, 0, 0, 0);
    cursor: pointer;
    box-sizing: content-box
}

.home-hero-section .fsGrid .image-slider .slick-dots li button:after,
.home-hero-section .fsGrid .image-slider .slick-dots li button:before {
    content: "";
    position: absolute;
    width: 16px;
    height: 0;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-left: 2px solid #00b388;
    border-right: 2px solid #00b388;
    transition: all .5s cubic-bezier(.12, .6, .28, 2.15)
}

.home-hero-section .fsGrid .image-slider .slick-dots li button:after {
    transform: translate(-50%, -50%) rotate(90deg)
}

.home-hero-section .fsGrid .image-slider .slick-dots li button:hover:after,
.home-hero-section .fsGrid .image-slider .slick-dots li button:hover:before {
    height: 16px
}

.home-hero-section .fsGrid .image-slider .slick-arrow {
    background: none;
    padding: 0;
    position: absolute;
    width: 46px;
    height: 46px;
    margin: 0 10px;
    z-index: 1;
    bottom: 20px;
    right: 20px;
    color: rgba(0, 0, 0, 0);
    border: 1px solid #fff;
    cursor: pointer;
    transition: all .3s ease
}

@media (min-width:961px) {
    .home-hero-section .fsGrid .image-slider .slick-arrow {
        right: 105px
    }
}

.home-hero-section .fsGrid .image-slider .slick-arrow:hover:before {
    width: 100%
}

.home-hero-section .fsGrid .image-slider .slick-arrow:hover:after {
    color: #036
}

.home-hero-section .fsGrid .image-slider .slick-arrow:before {
    content: "";
    position: absolute;
    width: 0;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #fff;
    transition: all .4s cubic-bezier(.12, .6, .28, 1.8)
}

.home-hero-section .fsGrid .image-slider .slick-arrow:after {
    content: "\E90C";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    position: absolute;
    line-height: 1;
    color: #fff;
    top: 50%;
    left: 50%;
    font-size: 26px;
    font-weight: 300;
    transform: translate(-50%, -50%);
    transition: all .3s
}

.home-hero-section .fsGrid .image-slider .slick-arrow.slick-prev {
    transform: translateX(calc(-100% + 1px))
}

.home-hero-section .fsGrid .image-slider .slick-arrow.slick-prev:before {
    left: auto;
    right: 0
}

.home-hero-section .fsGrid .image-slider .slick-arrow.slick-prev:after {
    content: "\E90B"
}

.home-hero-section .fsGrid .fsListItems {
    position: relative;
    background-color: #036;
    padding: 30px 60px;
    margin: 0;
    color: #fff;
    transition: all .5s cubic-bezier(.53, -.43, .38, 1.4);
    transform: scale(1)
}

@media (min-width:961px) {
    .fsLiveMode .home-hero-section .fsGrid .fsListItems {
        bottom: 0;
        right: 0;
        position: absolute;
        width: 55%;
        height: 45%
    }
}

@media (min-width:1441px) {
    .fsLiveMode .home-hero-section .fsGrid .fsListItems {
        padding: 60px;
        height: 50%
    }
}

.home-hero-section .fsGrid .fsListItems:after {
    content: "";
    position: absolute;
    width: 115px;
    height: 10px;
    right: calc(100% - 25px);
    top: 36px;
    background-color: #00b388
}

.home-hero-section .fsGrid .fsListItems:before {
    content: "";
    position: absolute;
    height: 65%;
    width: 100px;
    right: 0;
    bottom: 0;
    opacity: .1;
    background-image: url(../images/logo-mark-white.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 100% 100%
}

@media (min-width:961px) {
    .home-hero-section .fsGrid .fsListItems:before {
        height: 98%;
        width: 200px
    }
}

@media (min-width:961px) {
    .video-full-screen .home-hero-section .fsGrid .fsListItems {
        transform: scale(.9)
    }
}

.home-hero-section .fsGrid .fsListItems figcaption,
.home-hero-section .fsGrid .fsListItems figure {
    display: block
}

.home-hero-section .fsGrid .fsListItems a {
    margin-bottom: 0
}

.home-hero-section .fsGrid .fsListItems .fsTitle {
    line-height: 20px;
    color: #fff;
    font-size: 19px;
    font-weight: 400;
    line-height: .98
}

@media (min-width:1441px) {
    .home-hero-section .fsGrid .fsListItems .fsTitle {
        font-size: 21px
    }
}

.home-hero-section .fsGrid .fsListItems figcaption {
    font-family: din-1451-lt-pro-engschrift, sans-serif;
    font-weight: 400;
    font-size: 40px;
    line-height: .98
}

@media (min-width:1441px) {
    .home-hero-section .fsGrid .fsListItems figcaption {
        font-size: 70px
    }
}

.home-hero-section .fsGrid .fsListItems a {
    border-width: 0;
    font-family: proxima-nova, sans-serif;
    margin-top: 20px;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 4px;
    text-transform: uppercase;
    padding: 20px 25px
}

.school-buttons {
    padding: 15px;
    position: relative;
    margin: 0 auto;
    max-width: 1180px;
    max-width: 1380px
}

.school-buttons>header .fsElementHeaderContent {
    padding: 0;
    font-family: Georgia, serif;
    font-size: 18px;
    line-height: 30px;
    color: #636363;
    text-align: center
}

@media (min-width:961px) {
    .school-buttons>header .fsElementHeaderContent {
        font-size: 26px;
        line-height: 44px;
        padding: 90px
    }
}

.school-buttons>header .fsElementHeaderContent span {
    display: inline-block;
    transform: translateY(20px);
    opacity: 0;
    transition-timing-function: cubic-bezier(.12, .6, .28, 1.8)
}

.school-buttons>header .fsElementHeaderContent span:first-child {
    transition: .15s 75ms
}

.school-buttons>header .fsElementHeaderContent span:nth-child(2) {
    transition: .15s .15s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(3) {
    transition: .15s .225s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(4) {
    transition: .15s .3s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(5) {
    transition: .15s .375s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(6) {
    transition: .15s .45s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(7) {
    transition: .15s .525s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(8) {
    transition: .15s .6s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(9) {
    transition: .15s .675s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(10) {
    transition: .15s .75s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(11) {
    transition: .15s .825s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(12) {
    transition: .15s .9s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(13) {
    transition: .15s .975s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(14) {
    transition: .15s 1.05s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(15) {
    transition: .15s 1.125s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(16) {
    transition: .15s 1.2s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(17) {
    transition: .15s 1.275s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(18) {
    transition: .15s 1.35s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(19) {
    transition: .15s 1.425s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(20) {
    transition: .15s 1.5s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(21) {
    transition: .15s 1.575s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(22) {
    transition: .15s 1.65s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(23) {
    transition: .15s 1.725s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(24) {
    transition: .15s 1.8s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(25) {
    transition: .15s 1.875s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(26) {
    transition: .15s 1.95s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(27) {
    transition: .15s 2.025s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(28) {
    transition: .15s 2.1s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(29) {
    transition: .15s 2.175s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(30) {
    transition: .15s 2.25s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(31) {
    transition: .15s 2.325s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(32) {
    transition: .15s 2.4s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(33) {
    transition: .15s 2.475s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(34) {
    transition: .15s 2.55s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(35) {
    transition: .15s 2.625s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(36) {
    transition: .15s 2.7s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(37) {
    transition: .15s 2.775s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(38) {
    transition: .15s 2.85s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(39) {
    transition: .15s 2.925s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(40) {
    transition: .15s 3s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(41) {
    transition: .15s 3.075s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(42) {
    transition: .15s 3.15s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(43) {
    transition: .15s 3.225s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(44) {
    transition: .15s 3.3s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(45) {
    transition: .15s 3.375s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(46) {
    transition: .15s 3.45s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(47) {
    transition: .15s 3.525s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(48) {
    transition: .15s 3.6s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(49) {
    transition: .15s 3.675s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(50) {
    transition: .15s 3.75s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(51) {
    transition: .15s 3.825s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(52) {
    transition: .15s 3.9s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(53) {
    transition: .15s 3.975s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(54) {
    transition: .15s 4.05s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(55) {
    transition: .15s 4.125s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(56) {
    transition: .15s 4.2s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(57) {
    transition: .15s 4.275s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(58) {
    transition: .15s 4.35s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(59) {
    transition: .15s 4.425s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(60) {
    transition: .15s 4.5s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(61) {
    transition: .15s 4.575s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(62) {
    transition: .15s 4.65s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(63) {
    transition: .15s 4.725s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(64) {
    transition: .15s 4.8s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(65) {
    transition: .15s 4.875s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(66) {
    transition: .15s 4.95s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(67) {
    transition: .15s 5.025s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(68) {
    transition: .15s 5.1s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(69) {
    transition: .15s 5.175s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(70) {
    transition: .15s 5.25s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(71) {
    transition: .15s 5.325s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(72) {
    transition: .15s 5.4s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(73) {
    transition: .15s 5.475s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(74) {
    transition: .15s 5.55s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(75) {
    transition: .15s 5.625s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(76) {
    transition: .15s 5.7s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(77) {
    transition: .15s 5.775s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(78) {
    transition: .15s 5.85s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(79) {
    transition: .15s 5.925s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(80) {
    transition: .15s 6s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(81) {
    transition: .15s 6.075s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(82) {
    transition: .15s 6.15s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(83) {
    transition: .15s 6.225s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(84) {
    transition: .15s 6.3s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(85) {
    transition: .15s 6.375s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(86) {
    transition: .15s 6.45s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(87) {
    transition: .15s 6.525s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(88) {
    transition: .15s 6.6s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(89) {
    transition: .15s 6.675s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(90) {
    transition: .15s 6.75s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(91) {
    transition: .15s 6.825s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(92) {
    transition: .15s 6.9s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(93) {
    transition: .15s 6.975s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(94) {
    transition: .15s 7.05s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(95) {
    transition: .15s 7.125s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(96) {
    transition: .15s 7.2s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(97) {
    transition: .15s 7.275s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(98) {
    transition: .15s 7.35s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(99) {
    transition: .15s 7.425s
}

.school-buttons>header .fsElementHeaderContent span:nth-child(100) {
    transition: .15s 7.5s
}

.accessible .school-buttons>header .fsElementHeaderContent span,
.school-buttons-header-active .school-buttons>header .fsElementHeaderContent span {
    opacity: 1;
    transform: translateY(0)
}

.school-buttons .fsStyleColumn {
    position: relative;
    padding: 0;
    overflow: hidden
}

@media (min-width:961px) {
    .fsLiveMode .school-buttons .fsStyleColumn:after {
        position: absolute;
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
        transform: translateY(0);
        z-index: 1;
        visibility: visible;
        background-color: #f8f8f8;
        transition: all .5s ease-out .5s
    }
}

@media (min-width:961px) {

    .accessible .school-buttons .fsStyleColumn:after,
    .school-buttons-active .school-buttons .fsStyleColumn:after {
        transform: translateY(100%)
    }
}

.school-buttons .fsStyleColumn.fsStyleColumn-2:after {
    transition-delay: .8s
}

.at-a-glance {
    position: relative;
    padding-bottom: 80px;
    padding-top: 40px;
    margin-bottom: 50px
}

@media (min-width:961px) {
    .at-a-glance {
        margin-bottom: 70px
    }
}

.at-a-glance:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0;
    box-shadow: inset 0 -1px 0 0 #e5e5e5
}

.at-a-glance.animate .fsPostElement article {
    transform: scale(.9);
    opacity: 0
}

.at-a-glance:not(.animate) .fsPostElement article {
    transform: scale(1);
    opacity: 1
}

.at-a-glance>.fsElementContent,
.at-a-glance>header {
    position: relative;
    margin: 0 auto;
    max-width: 1180px
}

.fsLiveMode .at-a-glance>header {
    position: relative;
    max-width: 680px;
    padding: 20px 30px;
    margin: 0 auto 20px;
    z-index: 1;
    display: flex;
    justify-content: center
}

@media (min-width:961px) {
    .fsLiveMode .at-a-glance>header {
        clip-path: polygon(50% 0, 50% 0, 50% 100%, 50% 100%);
        transition: all .5s ease-out
    }
}

.fsLiveMode .at-a-glance>header:after {
    content: "";
    position: absolute;
    width: 80%;
    height: 1px;
    left: 50%;
    top: 50%;
    transform: translateX(-50%);
    z-index: -1;
    background-color: #00b388
}

@media (min-width:961px) {
    .fsLiveMode .at-a-glance>header:after {
        width: 100%
    }
}

.fsLiveMode .at-a-glance>header h2.fsElementTitle {
    color: #036;
    font-weight: 400;
    font-family: din-1451-lt-pro-engschrift, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0;
    font-size: 26px;
    line-height: 35px;
    text-align: center;
    padding: 0 15px;
    margin-bottom: 0;
    background-color: #fff
}

@media (min-width:1025px) {
    .fsLiveMode .at-a-glance>header h2.fsElementTitle {
        padding: 0 25px;
        font-size: 45px;
        line-height: 64px
    }
}

@media (min-width:1281px) {
    .fsLiveMode .at-a-glance>header h2.fsElementTitle {
        padding: 0 45px;
        font-size: 60px;
        line-height: 81px
    }
}

.fsLiveMode .at-a-glance>header h2.fsElementTitle:before {
    display: none
}

.fsLiveMode .at-a-glance>header .fsElementHeaderContent {
    display: flex;
    flex-direction: column;
    max-width: 635px;
    margin-bottom: 0;
    color: #676a6b;
    letter-spacing: 0
}

@media (min-width:641px) {
    .fsLiveMode .at-a-glance>header .fsElementHeaderContent {
        flex-direction: row
    }
}

@media (min-width:1025px) {
    .fsLiveMode .at-a-glance>header .fsElementHeaderContent {
        font-size: 18px;
        line-height: 29px
    }
}

.fsLiveMode .at-a-glance>header .fsElementHeaderContent:before {
    content: "";
    height: 1px;
    width: 100px;
    min-width: 100px;
    margin-bottom: 20px;
    background-color: #00a9e0
}

@media (min-width:641px) {
    .fsLiveMode .at-a-glance>header .fsElementHeaderContent:before {
        width: 100px;
        min-width: 100px;
        margin-right: 30px;
        margin-bottom: 0
    }
}

.accessible .at-a-glance>header,
.at-a-glance-active .at-a-glance>header {
    clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%)
}

@media (max-width:960px) {
    .at-a-glance>.fsElementContent {
        display: flex;
        flex-direction: column
    }
}

.at-a-glance footer {
    position: absolute;
    display: block;
    width: 500%;
    height: 80px;
    bottom: 100%;
    background-size: 100% 100%;
    background-position: bottom;
    background-repeat: no-repeat;
    transition: all .5s cubic-bezier(.25, .62, .55, 1.58)
}

@media (min-width:961px) {
    .at-a-glance footer {
        width: 100%
    }
}

.at-a-glance footer .fsElementFooterContent {
    display: none
}

.at-a-glance .fsPostElement {
    max-width: 280px;
    margin: 0 auto;
    transition: all .5s ease
}

@media (min-width:641px) {
    .at-a-glance .fsPostElement {
        max-width: 600px;
        order: 2
    }
}

@media (min-width:961px) {
    .fsLiveMode .at-a-glance .fsPostElement {
        position: relative;
        margin: 0 auto;
        max-width: 1180px;
        opacity: 0;
        transition: all .5s ease-out .75s
    }
}

@media (min-width:961px) {

    .fsLiveMode.accessible .at-a-glance .fsPostElement,
    .fsLiveMode.at-a-glance-active .at-a-glance .fsPostElement {
        opacity: 1
    }
}

.at-a-glance .fsPostElement>.fsElementContent {
    position: relative;
    margin: 0 auto;
    max-width: 1180px;
    justify-content: center
}

.at-a-glance .fsPostElement .fsListItems:not(.slick-initialized) {
    max-height: 0;
    overflow: hidden
}

.at-a-glance .fsPostElement article {
    display: flex;
    flex-direction: column-reverse;
    position: relative;
    transform: scale(1);
    opacity: 1;
    transition: all .1s ease;
    margin-bottom: 0;
    border-bottom: 0;
    padding-bottom: 0;
    padding-left: 90px;
    text-align: left;
    width: 280px
}

@media (min-width:641px) {
    .at-a-glance .fsPostElement article {
        max-width: 385px;
        padding-left: 160px
    }
}

@media (min-width:961px) {
    .at-a-glance .fsPostElement article {
        width: 380px
    }
}

@media (min-width:961px) {
    .at-a-glance .fsPostElement article:after {
        content: "";
        position: absolute;
        height: 99px;
        width: 1px;
        top: 0;
        right: 0;
        background-color: #00b388
    }
}

.at-a-glance .fsPostElement article .fsThumbnail {
    position: absolute;
    left: 0;
    top: 0;
    max-width: 80px
}

@media (min-width:641px) {
    .at-a-glance .fsPostElement article .fsThumbnail {
        left: 50px
    }
}

.at-a-glance .fsPostElement article .fsThumbnail:after {
    content: "";
    position: absolute;
    width: 56px;
    height: 56px;
    right: 0;
    top: 0;
    background: rgba(0, 169, 224, .1)
}

.at-a-glance .fsPostElement article .fsThumbnail img {
    max-height: 65px;
    float: right;
    margin-top: 7px;
    margin-right: 7px
}

@media (max-width:960px) {
    .at-a-glance .fsPostElement article .fsThumbnail img {
        margin-right: 15px
    }
}

.at-a-glance .fsPostElement .fsTitle {
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 23px;
    color: #333
}

.at-a-glance .fsPostElement .fsSummary {
    margin-bottom: 20px;
    font-size: 74px;
    line-height: .6;
    font-family: din-1451-lt-pro-engschrift, sans-serif;
    color: #036;
    font-weight: 400;
    letter-spacing: 0
}

@media (min-width:1281px) {
    .at-a-glance .fsPostElement .fsSummary {
        font-size: 86px
    }
}

.at-a-glance .fsPostElement .controls {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center
}

.at-a-glance .fsPostElement .controls .slick-dots {
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding-left: 0;
    margin-bottom: 0;
    margin-top: 5px
}

.at-a-glance .fsPostElement .controls .slick-dots,
.at-a-glance .fsPostElement .controls .slick-dots ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.at-a-glance .fsPostElement .controls .slick-dots li {
    margin: 0;
    padding: 0;
    margin-top: 10px
}

.at-a-glance .fsPostElement .controls .slick-dots li:not(:last-child) {
    margin-right: 10px
}

.at-a-glance .fsPostElement .controls .slick-dots li.slick-active button {
    background-color: #036
}

.at-a-glance .fsPostElement .controls .slick-dots li button {
    background: none;
    margin: 0;
    padding: 0;
    position: relative;
    width: 13px;
    height: 13px;
    border: 1px solid #036;
    color: rgba(0, 0, 0, 0);
    cursor: pointer;
    box-sizing: content-box
}

.at-a-glance .fsPostElement .controls .slick-dots li button:after,
.at-a-glance .fsPostElement .controls .slick-dots li button:before {
    content: "";
    position: absolute;
    width: 16px;
    height: 0;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-left: 2px solid #00b388;
    border-right: 2px solid #00b388;
    transition: all .5s cubic-bezier(.12, .6, .28, 2.15)
}

.at-a-glance .fsPostElement .controls .slick-dots li button:after {
    transform: translate(-50%, -50%) rotate(90deg)
}

.at-a-glance .fsPostElement .controls .slick-dots li button:hover:after,
.at-a-glance .fsPostElement .controls .slick-dots li button:hover:before {
    height: 16px
}

.at-a-glance .fsPostElement .controls .slick-arrow {
    border: 0;
    background: none;
    padding: 0;
    width: 42px;
    height: 52px;
    z-index: 5;
    border-radius: 50%;
    border: 2px solid rgba(0, 0, 0, 0);
    color: rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(248, 84, 103, 0);
    transition: all .3s ease;
    cursor: pointer;
    box-sizing: content-box;
    overflow: hidden;
    z-index: 1;
    position: relative;
    transform: none;
    margin: 0 10px
}

.at-a-glance .fsPostElement .controls .slick-arrow:before {
    content: "\E90C";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    position: absolute;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transform: none;
    left: 0;
    top: 0;
    font-size: .875rem;
    color: #036
}

.at-a-glance .fsPostElement .controls .slick-arrow.fsLeftArrow:before,
.at-a-glance .fsPostElement .controls .slick-arrow.fsPrevArrow:before,
.at-a-glance .fsPostElement .controls .slick-arrow.slick-prev:before {
    transform: scaleX(-1)
}

.at-a-glance .fsPostElement .controls .slick-arrow:hover:before {
    text-shadow: -10px 0 #00a9e0
}

.at-a-glance .fsPostElement .controls .slick-arrow:before {
    content: "\E902";
    text-shadow: 0 0 #00a9e0;
    transition: all .4s cubic-bezier(.12, .6, .28, 1.8)
}

.at-a-glance .fsPostElement .controls .slick-arrow.slick-prev:before {
    transform: scale(1)
}

.at-a-glance .fsPostElement .controls .slick-arrow.slick-next {
    order: 3
}

.at-a-glance .fsPostElement .controls .slick-arrow.slick-next:before {
    transform: scale(-1)
}

.at-a-glance .fsPostToolsElement {
    display: flex;
    justify-content: center;
    margin: 20px
}

@media (max-width:960px) {
    .at-a-glance .fsPostToolsElement {
        margin-bottom: 40px
    }
}

@media (min-width:961px) {
    .fsLiveMode .at-a-glance .fsPostToolsElement {
        margin: 10px 0 80px;
        opacity: 0;
        transition: all .5s ease-out .5s
    }
}

@media (min-width:961px) {

    .fsLiveMode.accessible .at-a-glance .fsPostToolsElement,
    .fsLiveMode.at-a-glance-active .at-a-glance .fsPostToolsElement {
        opacity: 1
    }
}

.at-a-glance .fsPostToolsElement .fsToolsList.fsStyleSelectList {
    position: relative;
    margin-bottom: 0;
    padding: 7px;
    background: #f8f8f8;
    z-index: 1;
    border: 1px solid #cfcfcf;
    border-radius: 50px;
    text-align: center
}

@media (min-width:641px) {
    .at-a-glance .fsPostToolsElement .fsToolsList.fsStyleSelectList {
        max-height: 50px
    }
}

.at-a-glance .fsPostToolsElement .fsToolsList.fsStyleSelectList a,
.at-a-glance .fsPostToolsElement .fsToolsList.fsStyleSelectList li {
    margin: 0;
    border: none
}

.at-a-glance .fsPostToolsElement .fsToolsList.fsStyleSelectList a:after,
.at-a-glance .fsPostToolsElement .fsToolsList.fsStyleSelectList li:after {
    display: none
}

.at-a-glance .fsPostToolsElement .fsToolsList.fsStyleSelectList li.fsStateSelected a {
    color: #fff
}

@media (max-width:960px) {
    .at-a-glance .fsPostToolsElement .fsToolsList.fsStyleSelectList li.fsStateSelected a {
        background-color: #036;
        border-radius: 20px
    }
}

.at-a-glance .fsPostToolsElement .fsToolsList.fsStyleSelectList a {
    margin: 0;
    background-color: rgba(0, 0, 0, 0);
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 20px;
    color: #036;
    transition: all .4s ease .5s
}

@media (min-width:961px) {
    .at-a-glance .fsPostToolsElement .fsToolsList.fsStyleSelectList a {
        color: #036;
        margin: 0;
        padding: 7px 18px
    }
}

.at-a-glance .fsPostToolsElement .fsToolsList.fsStyleSelectList a:hover {
    color: #373737
}

.at-a-glance .fsPostToolsElement .selector {
    display: none
}

@media (min-width:961px) {
    .at-a-glance .fsPostToolsElement .selector {
        position: absolute;
        display: block;
        top: 3px;
        bottom: 3px;
        left: 5px;
        z-index: -1;
        background-color: #036;
        border-radius: 23.5px;
        transition: all .6s cubic-bezier(.12, .6, .28, 1.5)
    }
}

.at-a-glance .fsLoadingDotsOverlay {
    display: none !important
}

.testimonials {
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 0
}

@media (min-width:961px) {
    .testimonials {
        padding-bottom: 75px;
        margin-bottom: 50px;
        border-bottom: 1px solid #e5e5e5
    }
}

.fsLiveMode .testimonials>header {
    position: relative;
    max-width: 680px;
    padding: 20px 30px;
    margin: 0 auto 20px;
    z-index: 1;
    display: flex;
    justify-content: center
}

@media (min-width:961px) {
    .fsLiveMode .testimonials>header {
        clip-path: polygon(50% 0, 50% 0, 50% 100%, 50% 100%);
        transition: all .5s ease-out
    }
}

.fsLiveMode .testimonials>header:after {
    content: "";
    position: absolute;
    width: 80%;
    height: 1px;
    left: 50%;
    top: 50%;
    transform: translateX(-50%);
    z-index: -1;
    background-color: #00b388
}

@media (min-width:961px) {
    .fsLiveMode .testimonials>header:after {
        width: 100%
    }
}

.fsLiveMode .testimonials>header h2.fsElementTitle {
    color: #036;
    font-weight: 400;
    font-family: din-1451-lt-pro-engschrift, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0;
    font-size: 26px;
    line-height: 35px;
    text-align: center;
    padding: 0 15px;
    margin-bottom: 0;
    background-color: #fff
}

@media (min-width:1025px) {
    .fsLiveMode .testimonials>header h2.fsElementTitle {
        padding: 0 25px;
        font-size: 45px;
        line-height: 64px
    }
}

@media (min-width:1281px) {
    .fsLiveMode .testimonials>header h2.fsElementTitle {
        padding: 0 45px;
        font-size: 60px;
        line-height: 81px
    }
}

.fsLiveMode .testimonials>header h2.fsElementTitle:before {
    display: none
}

.fsLiveMode .testimonials>header .fsElementHeaderContent {
    display: flex;
    flex-direction: column;
    max-width: 635px;
    margin-bottom: 0;
    color: #676a6b;
    letter-spacing: 0
}

@media (min-width:641px) {
    .fsLiveMode .testimonials>header .fsElementHeaderContent {
        flex-direction: row
    }
}

@media (min-width:1025px) {
    .fsLiveMode .testimonials>header .fsElementHeaderContent {
        font-size: 18px;
        line-height: 29px
    }
}

.fsLiveMode .testimonials>header .fsElementHeaderContent:before {
    content: "";
    height: 1px;
    width: 100px;
    min-width: 100px;
    margin-bottom: 20px;
    background-color: #00a9e0
}

@media (min-width:641px) {
    .fsLiveMode .testimonials>header .fsElementHeaderContent:before {
        width: 100px;
        min-width: 100px;
        margin-right: 30px;
        margin-bottom: 0
    }
}

.fsLiveMode.accessible .testimonials>header,
.testimonials-active .testimonials>header {
    clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%)
}

.testimonials>.fsElementContent {
    z-index: 6;
    position: relative
}

@media (min-width:961px) {
    .fsLiveMode .testimonials>.fsElementContent {
        display: flex;
        position: relative;
        min-height: 540px;
        max-width: 1400px;
        margin: 0 auto;
        overflow: hidden
    }
}

@media (min-width:961px) {

    .fsLiveMode.accessible .testimonials>.fsElementContent:after,
    .fsLiveMode.testimonials-active .testimonials>.fsElementContent:after {
        transform: translate(calc(-100% - 10px)) rotate(0deg);
        box-shadow: 10px 0 0 hsla(0, 0%, 97.3%, .7)
    }

    .fsLiveMode.accessible .testimonials>.fsElementContent:before,
    .fsLiveMode.testimonials-active .testimonials>.fsElementContent:before {
        transform: translate(calc(100% + 10px)) rotate(0deg);
        box-shadow: -10px 0 0 hsla(0, 0%, 97.3%, .7)
    }
}

@media (min-width:961px) {

    .fsLiveMode .testimonials>.fsElementContent:after,
    .fsLiveMode .testimonials>.fsElementContent:before {
        content: "";
        position: absolute;
        width: 50%;
        height: 100%;
        z-index: 1;
        top: 0;
        transform: translate(0) rotate(0deg);
        background-color: #f8f8f8;
        transition: all 1s ease-out .25s
    }
}

@media (min-width:961px) {
    .testimonials>.fsElementContent:after {
        left: 0;
        box-shadow: 80px 0 0 hsla(0, 0%, 97.3%, .7)
    }
}

@media (min-width:961px) {
    .testimonials>.fsElementContent:before {
        left: 50%;
        box-shadow: -80px 0 0 hsla(0, 0%, 97.3%, .7)
    }
}

.testimonials .slick-list {
    overflow: visible !important
}

.testimonials .slick-arrow.slick-prev {
    display: none !important
}

.testimonials .slick-arrow.slick-next {
    border: 0;
    background: none;
    padding: 0;
    position: relative;
    display: block;
    width: 45px;
    height: 45px;
    margin: 20px auto 0;
    color: rgba(0, 0, 0, 0)
}

.testimonials-pop-active .testimonials .slick-arrow.slick-next {
    opacity: 0;
    pointer-events: none
}

.testimonials .slick-arrow.slick-next:before {
    content: "\E90A";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 38px;
    transform: translate(-50%, -50%);
    color: #036
}

.fsLiveMode .testimonials .fsContent {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
    height: 360px;
    width: 240px;
    margin-bottom: 0;
    margin-right: 20px;
    padding: 20px;
    transition: all .6s ease-out
}

@media (min-width:641px) {
    .fsLiveMode .testimonials .fsContent {
        height: 540px;
        width: 360px;
        margin-right: 0
    }
}

@media (min-width:961px) {
    .fsLiveMode .testimonials .fsContent {
        position: absolute;
        width: 25%;
        flex-direction: row;
        transform: scale(1);
        justify-content: center;
        align-items: flex-end
    }
}

@media (min-width:961px) {
    .testimonials .fsContent:first-child {
        left: 0
    }
}

@media (min-width:961px) {
    .testimonials .fsContent:nth-child(2) {
        left: 25%
    }
}

@media (min-width:961px) {
    .testimonials .fsContent:nth-child(3) {
        left: 50%
    }
}

@media (min-width:961px) {
    .testimonials .fsContent:nth-child(4) {
        left: 75%
    }
}

@media (min-width:961px) {
    .fsLiveMode .testimonials .fsContent.off .fsImage {
        filter: grayscale(1);
        opacity: .6
    }
}

@media (min-width:961px) {
    .testimonials-pop-active .testimonials .fsContent:not(.active) {
        opacity: 0;
        transform: scale(.5)
    }
}

@media (max-width:960px) {
    .testimonials .fsContent:not(.slick-active) {
        opacity: .5
    }

    .testimonials .fsContent:not(.slick-active) button.expand,
    .testimonials .fsContent:not(.slick-active) h2.fsElementTitle {
        opacity: 0
    }
}

.fsLiveMode .testimonials .fsContent.active {
    z-index: 6
}

@media (min-width:961px) {
    .fsLiveMode .testimonials .fsContent.active {
        left: 0;
        transform: scale(1)
    }
}

.fsLiveMode .testimonials .fsContent.active:after {
    display: none
}

@media (min-width:961px) {

    .fsLiveMode .testimonials .fsContent.active:hover button.expand,
    .fsLiveMode .testimonials .fsContent.active>header button.expand,
    .fsLiveMode .testimonials .fsContent.active>header h2.fsElementTitle {
        opacity: 0
    }
}

.fsLiveMode .testimonials .fsContent.active .fsElementContent {
    opacity: 1;
    pointer-events: all
}

@media (min-width:961px) {
    .fsLiveMode .testimonials .fsContent.active .fsImage:before {
        opacity: 0
    }
}

.fsLiveMode.accessible .testimonials .fsContent.active>.fsElementContent {
    display: flex
}

.testimonials .fsContent:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    border: 0 solid #fff;
    transition: all .5s ease
}

@media (min-width:961px) {

    .testimonials .fsContent.on>header button.expand,
    .testimonials .fsContent:hover>header button.expand {
        max-height: 100px;
        padding: 15px 25px;
        opacity: 1;
        margin: 20px 0
    }
}

.testimonials .fsContent.on .fsImage:before,
.testimonials .fsContent:hover .fsImage:before {
    height: 400px
}

.testimonials .fsContent h2.fsElementTitle {
    margin-bottom: 0;
    font-family: din-1451-lt-pro-engschrift, sans-serif;
    font-weight: 400;
    color: #fff;
    font-size: 32px;
    line-height: 1.2;
    text-transform: uppercase;
    z-index: 1;
    position: relative
}

@media (min-width:961px) {
    .testimonials .fsContent h2.fsElementTitle {
        font-size: 46px
    }
}

.testimonials .fsContent h2.fsElementTitle:before {
    content: "";
    display: block;
    width: 62px;
    margin: 0 auto 10px;
    height: 10px;
    background-color: #00b388
}

.testimonials .fsContent .fsElementHeaderContent {
    height: 0;
    margin: 0
}

.testimonials .fsContent>header {
    text-align: center
}

@media (max-width:960px) {
    .testimonials .fsContent>header {
        display: flex;
        flex-direction: column-reverse
    }
}

.testimonials .fsContent>header button.expand {
    background: none;
    padding: 10px 20px;
    background: rgba(0, 0, 0, 0);
    color: #fff;
    border-radius: 0;
    z-index: 0;
    cursor: pointer;
    overflow: hidden;
    transition: .3s;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    position: relative;
    margin: 0;
    z-index: 2;
    border: 1px solid #fff;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 4px
}

.fsStateSelected .testimonials .fsContent>header button.expand,
.testimonials .fsContent>header button.expand.on,
.testimonials .fsContent>header button.expand:focus,
.testimonials .fsContent>header button.expand:hover {
    color: #036;
    transition: .3s
}

.fsStateSelected .testimonials .fsContent>header button.expand:after,
.testimonials .fsContent>header button.expand.on:after,
.testimonials .fsContent>header button.expand:focus:after,
.testimonials .fsContent>header button.expand:hover:after {
    width: 100%
}

.testimonials .fsContent>header button.expand:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 0;
    left: 0;
    top: 0;
    z-index: -1;
    background: #fff;
    transition: all .4s ease-out
}

.testimonials .fsContent>header button.expand em {
    display: block;
    margin-top: 7px;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 15px;
    text-align: center;
    text-transform: none
}

.testimonials .fsContent>header button.expand.fs_style_56,
.testimonials .fsContent>header button.expand.fs_style_57 {
    text-transform: uppercase;
    font-size: 17px;
    line-height: 17px
}

.testimonials .fsContent>header button.expand.fs_style_56 {
    padding: 40px
}

.testimonials .fsContent>header button.expand.fs_style_57 {
    width: 100%
}

@media (max-width:960px) {
    .testimonials .fsContent>header button.expand {
        color: rgba(0, 0, 0, 0);
        width: 30px;
        height: 30px;
        padding: 0;
        display: block;
        margin: 0 auto 20px;
        background-color: hsla(0, 0%, 100%, .8)
    }

    .testimonials .fsContent>header button.expand:after,
    .testimonials .fsContent>header button.expand:before {
        content: "";
        position: absolute;
        width: 12px;
        height: 2px;
        left: 50%;
        top: 50%;
        background-color: #036
    }

    .testimonials .fsContent>header button.expand:after {
        transform: translate(-50%, -50%) rotate(0deg)
    }

    .testimonials .fsContent>header button.expand:before {
        transform: translate(-50%, -50%) rotate(-90deg)
    }
}

@media (min-width:961px) {
    .testimonials .fsContent>header button.expand {
        max-height: 0;
        padding: 0;
        opacity: 0;
        overflow: hidden
    }
}

.testimonials .fsContent .fsImage {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 1;
    transition: all .5s
}

.fsLiveMode .testimonials .fsContent .fsImage {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    filter: grayscale(0);
    top: 0
}

.fsLiveMode .testimonials .fsContent .fsImage:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 200px;
    bottom: 0;
    left: 0;
    transition: all .5s ease;
    background: linear-gradient(0deg, rgba(0, 0, 0, .8), rgba(0, 0, 0, 0))
}

.testimonials .fsContent .fsImage img {
    display: none
}

.fsLiveMode .testimonials .fsContent .fsElementContent {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 95vw;
    padding: 20px;
    left: 0;
    top: 0;
    z-index: 3;
    background: #f7f7f7;
    opacity: 0;
    border: 1px solid rgba(0, 51, 102, .25);
    pointer-events: none;
    overflow: scroll
}

@media (min-width:961px) {
    .fsLiveMode .testimonials .fsContent .fsElementContent {
        width: 300%;
        height: 100%;
        padding: 40px;
        left: 100%;
        overflow: hidden;
        transition: all .6s ease
    }
}

.fsLiveMode.accessible .testimonials .fsContent .fsElementContent {
    display: none
}

.testimonials .fsContent .fsElementContent button.close {
    border: 0;
    background: none;
    margin: 0;
    position: absolute;
    z-index: 2;
    top: 30px;
    right: 30px;
    padding: 0 37px 0 0;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: .95;
    text-transform: uppercase;
    color: #036;
    cursor: pointer
}

@media (min-width:961px) {
    .testimonials .fsContent .fsElementContent button.close {
        padding-right: 46px;
        font-size: 24px;
        letter-spacing: 3px
    }
}

.testimonials .fsContent .fsElementContent button.close:hover:after,
.testimonials .fsContent .fsElementContent button.close:hover:before {
    transform: translateY(-50%) rotate(180deg)
}

.testimonials .fsContent .fsElementContent button.close:after,
.testimonials .fsContent .fsElementContent button.close:before {
    content: "";
    position: absolute;
    width: 30px;
    height: 2px;
    right: 0;
    top: 50%;
    background-color: #036;
    transition: all .4s ease
}

@media (min-width:961px) {

    .testimonials .fsContent .fsElementContent button.close:after,
    .testimonials .fsContent .fsElementContent button.close:before {
        height: 1px
    }
}

.testimonials .fsContent .fsElementContent button.close:before {
    transform: translateY(-50%) rotate(45deg)
}

.testimonials .fsContent .fsElementContent button.close:after {
    transform: translateY(-50%) rotate(-45deg)
}

.testimonials .fsContent .fsElementContent h2.fsElementTitle {
    color: #036;
    margin-bottom: 30px
}

.testimonials .fsContent .fsElementContent h2.fsElementTitle:before {
    margin: 0
}

.testimonials .fsContent .fsElementContent a {
    margin-top: 50px;
    margin-right: auto;
    margin-bottom: 0;
    text-transform: uppercase;
    letter-spacing: 4px
}

.testimonials .fsContent .fsElementContent .fsElementFooterContent h2 {
    font-family: din-1451-lt-pro-engschrift, sans-serif;
    font-weight: 400;
    font-size: 30px;
    line-height: 45px;
    color: #036;
    text-transform: uppercase
}

.fsElement.fsLayout.news-events {
    position: relative;
    margin: 0 auto;
    max-width: 1180px;
    max-width: 1380px
}

@media (min-width:961px) {
    .fsElement.fsLayout.news-events {
        margin-bottom: 80px
    }
}

.fsElement.fsLayout.news-events .fsElement {
    position: relative
}

.fsLiveMode .fsElement.fsLayout.news-events .fsElement>header {
    position: relative;
    max-width: 680px;
    padding: 20px 30px;
    margin: 0 auto 20px;
    z-index: 1;
    display: flex;
    justify-content: center
}

@media (min-width:961px) {
    .fsLiveMode .fsElement.fsLayout.news-events .fsElement>header {
        clip-path: polygon(50% 0, 50% 0, 50% 100%, 50% 100%);
        transition: all .5s ease-out
    }
}

.fsLiveMode .fsElement.fsLayout.news-events .fsElement>header:after {
    content: "";
    position: absolute;
    width: 80%;
    height: 1px;
    left: 50%;
    top: 50%;
    transform: translateX(-50%);
    z-index: -1;
    background-color: #00b388
}

@media (min-width:961px) {
    .fsLiveMode .fsElement.fsLayout.news-events .fsElement>header:after {
        width: 100%
    }
}

.fsLiveMode .fsElement.fsLayout.news-events .fsElement>header h2.fsElementTitle {
    color: #036;
    font-weight: 400;
    font-family: din-1451-lt-pro-engschrift, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0;
    font-size: 26px;
    line-height: 35px;
    text-align: center;
    padding: 0 15px;
    margin-bottom: 0;
    background-color: #fff
}

@media (min-width:1025px) {
    .fsLiveMode .fsElement.fsLayout.news-events .fsElement>header h2.fsElementTitle {
        padding: 0 25px;
        font-size: 45px;
        line-height: 64px
    }
}

@media (min-width:1281px) {
    .fsLiveMode .fsElement.fsLayout.news-events .fsElement>header h2.fsElementTitle {
        padding: 0 45px;
        font-size: 60px;
        line-height: 81px
    }
}

.fsLiveMode .fsElement.fsLayout.news-events .fsElement>header h2.fsElementTitle:before {
    display: none
}

.fsLiveMode .fsElement.fsLayout.news-events .fsElement>header .fsElementHeaderContent {
    display: flex;
    flex-direction: column;
    max-width: 635px;
    margin-bottom: 0;
    color: #676a6b;
    letter-spacing: 0
}

@media (min-width:641px) {
    .fsLiveMode .fsElement.fsLayout.news-events .fsElement>header .fsElementHeaderContent {
        flex-direction: row
    }
}

@media (min-width:1025px) {
    .fsLiveMode .fsElement.fsLayout.news-events .fsElement>header .fsElementHeaderContent {
        font-size: 18px;
        line-height: 29px
    }
}

.fsLiveMode .fsElement.fsLayout.news-events .fsElement>header .fsElementHeaderContent:before {
    content: "";
    height: 1px;
    width: 100px;
    min-width: 100px;
    margin-bottom: 20px;
    background-color: #00a9e0
}

@media (min-width:641px) {
    .fsLiveMode .fsElement.fsLayout.news-events .fsElement>header .fsElementHeaderContent:before {
        width: 100px;
        min-width: 100px;
        margin-right: 30px;
        margin-bottom: 0
    }
}

.fsLiveMode.accessible .fsElement.fsLayout.news-events .fsElement>header,
.news-events-active .fsElement.fsLayout.news-events .fsElement>header {
    clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%)
}

.fsLiveMode .fsElement.fsLayout.news-events .fsElement>.fsElementContent {
    opacity: 0;
    transition: all .75s ease .4s
}

.fsLiveMode.accessible .fsElement.fsLayout.news-events .fsElement>.fsElementContent,
.fsLiveMode.news-events-active .fsElement.fsLayout.news-events .fsElement>.fsElementContent {
    opacity: 1
}

.fsElement.fsLayout.news-events .fsElement>footer {
    text-align: center
}

.fsElement.fsLayout.news-events .fsElement>footer a {
    color: #036;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 4px;
    font-weight: 700;
    border-color: #00a9e0;
    padding: 20px 25px
}

@media (max-width:640px) {
    .fsElement.fsLayout.news-events .fsElement>footer a {
        display: block;
        margin: 20px
    }
}

.fsElement.fsLayout.news-events .fsElement>footer a:before {
    content: "\E903";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    margin-left: 15px;
    position: relative;
    top: 0;
    float: right
}

.fsElement.fsLayout.news-events .fsElement>.fsElementContent>.fsElementSlideshow.slick-slider {
    padding: 0;
    margin-bottom: 0
}

.fsElement.fsLayout.news-events .fsElement .slick-arrow {
    background: none;
    padding: 0;
    position: absolute;
    width: 46px;
    height: 46px;
    margin: 0 10px;
    z-index: 1;
    bottom: 0;
    top: auto;
    right: auto;
    left: 50%;
    color: rgba(0, 0, 0, 0);
    border: 1px solid #036;
    cursor: pointer;
    transition: all .3s ease;
    overflow: visible
}

.fsElement.fsLayout.news-events .fsElement .slick-arrow:hover:before {
    width: 100%
}

.fsElement.fsLayout.news-events .fsElement .slick-arrow:hover:after {
    color: #fff
}

.fsElement.fsLayout.news-events .fsElement .slick-arrow:before {
    content: "";
    position: absolute;
    width: 0;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    transform: none;
    background-color: #036;
    transition: all .4s cubic-bezier(.12, .6, .28, 1.8)
}

.fsElement.fsLayout.news-events .fsElement .slick-arrow:after {
    content: "\E90C";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    position: absolute;
    line-height: 1;
    color: #036;
    top: 50%;
    left: 50%;
    line-height: .65;
    font-size: 26px;
    font-weight: 300;
    transform: translate(-50%, -50%);
    transition: all .3s ease
}

.fsElement.fsLayout.news-events .fsElement .slick-arrow.fsUpArrow {
    transform: translateX(calc(-100% + 1px)) rotate(-90deg)
}

.fsElement.fsLayout.news-events .fsElement .slick-arrow.fsLeftArrow {
    transform: translate(calc(-100% + 1px), -50%)
}

.fsElement.fsLayout.news-events .fsElement .slick-arrow.fsLeftArrow:before {
    left: auto;
    right: 0
}

.fsElement.fsLayout.news-events .fsElement .slick-arrow.fsLeftArrow:after {
    content: "\E90B"
}

.fsElement.fsLayout.news-events .fsPostElement>.fsElementContent>.fsElementSlideshow.slick-slider {
    padding-bottom: 83px
}

.fsElement.fsLayout.news-events .fsPostElement article {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 385px;
    padding: 20px;
    margin: 0 12.5px 25px;
    z-index: 0;
    background-color: #036
}

.fsElement.fsLayout.news-events .fsPostElement article .fsThumbnail {
    position: absolute;
    height: 100%;
    width: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 0;
    left: 0;
    top: 0;
    z-index: -1;
    pointer-events: none
}

.fsElement.fsLayout.news-events .fsPostElement article .fsThumbnail:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 170px;
    bottom: 0;
    left: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, .85), rgba(0, 0, 0, 0))
}

.fsElement.fsLayout.news-events .fsPostElement article .fsThumbnail img {
    display: none
}

.fsElement.fsLayout.news-events .fsPostElement article .fsTitle,
.fsElement.fsLayout.news-events .fsPostElement article .fsTitle a {
    color: #fff
}

.fsElement.fsLayout.news-events .fsCalendar>.fsElementContent>.fsElementSlideshow.slick-slider {
    padding-bottom: 60px
}

.fsElement.fsLayout.news-events .fsCalendar article {
    min-height: 180px;
    padding: 30px 30px 30px 160px;
    margin-bottom: 25px;
    background-color: #036;
    color: #fff;
    border: none
}

.fsElement.fsLayout.news-events .fsCalendar article:nth-child(2n) .fsDate {
    background-color: #4dcaac
}

.fsElement.fsLayout.news-events .fsCalendar article .fsDate {
    width: 135px;
    height: 100%;
    background-color: #4dc3e9;
    color: #036
}

@media (max-width:960px) {
    .fsElement.fsLayout.news-events .fsCalendar article .fsDate {
        position: absolute;
        left: 0;
        top: 0
    }
}

.fsElement.fsLayout.news-events .fsCalendar article .fsDate .fsDay {
    font-size: 76px;
    font-family: din-1451-lt-pro-engschrift, sans-serif;
    margin-bottom: 7px;
    font-weight: 300
}

.fsElement.fsLayout.news-events .fsCalendar article .fsDate .fsMonth,
.fsElement.fsLayout.news-events .fsCalendar article .fsDate .fsYear {
    font-size: 16px;
    text-transform: uppercase
}

.fsElement.fsLayout.news-events .fsCalendar article .fsTimeRange:before {
    display: none
}

.fsElement.fsLayout.news-events .fsCalendar article .fsAllDay,
.fsElement.fsLayout.news-events .fsCalendar article .fsTimeRange,
.fsElement.fsLayout.news-events .fsCalendar article a {
    color: #fff
}

.fsElement.fsLayout.news-events .fsCalendar footer .fsElementFooterContent {
    margin-top: 43px
}

.content-slideshow {
    position: relative;
    margin: 0 auto;
    max-width: 1180px;
    max-width: 1380px
}

body:not(.home) .content-slideshow {
    margin-bottom: 60px
}

@media (min-width:961px) {
    body:not(.home) .content-slideshow .fsListItems .fsTitle {
        font-size: 46px;
        line-height: 1.3;
        text-transform: none
    }
}

.content-slideshow .fsElementContent {
    position: relative
}

@media (min-width:961px) {
    .content-slideshow .fsElementContent {
        display: flex;
        justify-content: flex-end;
        align-items: flex-end
    }
}

@media (min-width:961px) {

    .home.fsLiveMode .content-slideshow .fsListItems,
    .home.fsLiveMode .content-slideshow .fsListItems:after,
    .home.fsLiveMode .content-slideshow .image-slider {
        transform: translateX(-50%);
        opacity: 0;
        transition: all .75s cubic-bezier(.53, -.43, .38, 1.4)
    }
}

@media (min-width:961px) {

    .home.fsLiveMode.accessible .content-slideshow .fsListItems,
    .home.fsLiveMode.accessible .content-slideshow .fsListItems:after,
    .home.fsLiveMode.accessible .content-slideshow .image-slider,
    .home.fsLiveMode.content-slideshow-active .content-slideshow .fsListItems,
    .home.fsLiveMode.content-slideshow-active .content-slideshow .fsListItems:after,
    .home.fsLiveMode.content-slideshow-active .content-slideshow .image-slider {
        transform: translateX(0);
        opacity: 1
    }
}

.content-slideshow .image-slider {
    border-left: 15px solid #fff;
    border-right: 15px solid #fff
}

@media (min-width:961px) {
    .fsLiveMode .content-slideshow .image-slider {
        position: absolute;
        height: 100%;
        left: 0;
        top: 0;
        overflow: hidden;
        width: 50vw;
        border: none;
        transition-delay: .25s
    }
}

.content-slideshow .image-slider picture {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    min-height: 170px
}

@media (min-width:961px) {
    .content-slideshow .image-slider picture {
        min-height: 420px
    }
}

@media (min-width:1281px) {
    .content-slideshow .image-slider picture {
        min-height: 520px
    }
}

.fsLiveMode .content-slideshow .image-slider picture img {
    display: none;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    object-fit: cover;
    object-position: center
}

.content-slideshow .image-slider .slick-dots {
    list-style: none;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding-left: 0;
    margin-bottom: 0;
    margin-top: 20px;
    position: absolute;
    left: 20px;
    bottom: 20px;
    z-index: 2
}

.content-slideshow .image-slider .slick-dots,
.content-slideshow .image-slider .slick-dots ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.content-slideshow .image-slider .slick-dots li {
    margin: 0;
    padding: 0;
    margin-top: 10px
}

.content-slideshow .image-slider .slick-dots li:not(:last-child) {
    margin-right: 10px
}

.content-slideshow .image-slider .slick-dots li.slick-active button {
    background-color: #fff
}

.content-slideshow .image-slider .slick-dots li button {
    background: none;
    margin: 0;
    padding: 0;
    position: relative;
    width: 13px;
    height: 13px;
    border: 1px solid #fff;
    color: rgba(0, 0, 0, 0);
    cursor: pointer;
    box-sizing: content-box
}

.content-slideshow .image-slider .slick-dots li button:after,
.content-slideshow .image-slider .slick-dots li button:before {
    content: "";
    position: absolute;
    width: 16px;
    height: 0;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-left: 2px solid #00b388;
    border-right: 2px solid #00b388;
    transition: all .5s cubic-bezier(.12, .6, .28, 2.15)
}

.content-slideshow .image-slider .slick-dots li button:after {
    transform: translate(-50%, -50%) rotate(90deg)
}

.content-slideshow .image-slider .slick-dots li button:hover:after,
.content-slideshow .image-slider .slick-dots li button:hover:before {
    height: 16px
}

.content-slideshow .image-slider .slick-arrow {
    background: none;
    padding: 0;
    position: absolute;
    width: 46px;
    height: 46px;
    margin: 0 10px;
    z-index: 1;
    bottom: 20px;
    right: 120px;
    color: rgba(0, 0, 0, 0);
    border: 1px solid #fff;
    cursor: pointer;
    transition: all .3s ease
}

.content-slideshow .image-slider .slick-arrow:hover {
    background-color: #fff
}

.content-slideshow .image-slider .slick-arrow:hover:after {
    color: #036
}

.content-slideshow .image-slider .slick-arrow:after {
    content: "\E90C";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    position: absolute;
    line-height: 1;
    color: #fff;
    top: 50%;
    left: 50%;
    font-size: 37px;
    font-weight: 300;
    transform: translate(-50%, -50%)
}

.content-slideshow .image-slider .slick-arrow.slick-prev {
    transform: translateX(calc(-100% + 1px))
}

.content-slideshow .image-slider .slick-arrow.slick-prev:after {
    content: "\E90B"
}

.content-slideshow .fsListItems {
    background-color: #036;
    position: relative;
    height: auto;
    padding: 70px 30px 80px;
    margin: 0;
    color: #fff
}

@media (min-width:961px) {
    .fsLiveMode .content-slideshow .fsListItems {
        margin: 35px 0 0;
        padding: 50px 60px;
        width: 55%
    }
}

@media (min-width:1025px) {
    .fsLiveMode .content-slideshow .fsListItems {
        padding: 80px 100px
    }
}

.content-slideshow .fsListItems:after {
    content: "";
    position: absolute;
    width: 115px;
    height: 10px;
    right: calc(100% - 50px);
    top: 36px;
    background-color: #00b388;
    transition-delay: .2s
}

.content-slideshow .fsListItems figcaption,
.content-slideshow .fsListItems figure {
    display: block
}

.content-slideshow .fsListItems a {
    margin-bottom: 0;
    margin-top: 20px;
    font-family: proxima-nova, sans-serif;
    font-size: 16px;
    line-height: 22px;
    background-color: #00a9e0;
    color: #036;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    letter-spacing: 4px
}

@media (min-width:961px) {
    .content-slideshow .fsListItems a {
        margin-top: 50px;
        padding: 20px 25px
    }
}

.content-slideshow .fsListItems a:before {
    content: "\E903";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    margin-left: 15px;
    float: right
}

.content-slideshow .fsListItems figcaption {
    color: #fff;
    font-size: 16px;
    line-height: 27px;
    font-weight: 400
}

.content-slideshow .fsListItems .fsTitle {
    font-family: din-1451-lt-pro-engschrift, sans-serif;
    font-weight: 400;
    font-size: 40px;
    line-height: 1.1;
    text-transform: uppercase
}

@media (min-width:1281px) {
    .content-slideshow .fsListItems .fsTitle {
        font-size: 70px
    }
}

.content-slideshow .controls {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 20px;
    left: 20px
}

@media (min-width:961px) {
    .content-slideshow .controls {
        right: 10px;
        bottom: 10px;
        left: auto;
        transition: all .6s ease .85s
    }
}

@media (min-width:1281px) {
    .content-slideshow .controls {
        right: 40px;
        bottom: 40px
    }
}

@media (min-width:961px) {
    .home .content-slideshow .controls {
        opacity: 0
    }
}

@media (min-width:961px) {
    .home.content-slideshow-active .content-slideshow .controls {
        opacity: 1
    }
}

.content-slideshow .controls .slick-dots {
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding-left: 0;
    margin-bottom: 0;
    margin-top: 5px
}

.content-slideshow .controls .slick-dots,
.content-slideshow .controls .slick-dots ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.content-slideshow .controls .slick-dots li {
    margin: 0;
    padding: 0;
    margin-top: 10px
}

.content-slideshow .controls .slick-dots li:not(:last-child) {
    margin-right: 10px
}

.content-slideshow .controls .slick-dots li.slick-active button {
    background-color: #fff
}

.content-slideshow .controls .slick-dots li button {
    background: none;
    margin: 0;
    padding: 0;
    position: relative;
    width: 13px;
    height: 13px;
    border: 1px solid #fff;
    color: rgba(0, 0, 0, 0);
    cursor: pointer;
    box-sizing: content-box
}

.content-slideshow .controls .slick-dots li button:after,
.content-slideshow .controls .slick-dots li button:before {
    content: "";
    position: absolute;
    width: 16px;
    height: 0;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-left: 2px solid #00b388;
    border-right: 2px solid #00b388;
    transition: all .5s cubic-bezier(.12, .6, .28, 2.15)
}

.content-slideshow .controls .slick-dots li button:after {
    transform: translate(-50%, -50%) rotate(90deg)
}

.content-slideshow .controls .slick-dots li button:hover:after,
.content-slideshow .controls .slick-dots li button:hover:before {
    height: 16px
}

.content-slideshow .controls .slick-dots li.slick-active button {
    background-color: #00b388
}

.content-slideshow .controls .slick-arrow {
    border: 0;
    background: none;
    padding: 0;
    width: 42px;
    height: 52px;
    z-index: 5;
    border-radius: 50%;
    border: 2px solid rgba(0, 0, 0, 0);
    color: rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(248, 84, 103, 0);
    transition: all .3s ease;
    cursor: pointer;
    box-sizing: content-box;
    overflow: hidden;
    z-index: 1;
    position: relative;
    transform: none;
    margin: 0 10px
}

.content-slideshow .controls .slick-arrow:before {
    content: "\E90C";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    position: absolute;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transform: none;
    left: 0;
    top: 0;
    font-size: .875rem;
    color: #036
}

.content-slideshow .controls .slick-arrow.fsLeftArrow:before,
.content-slideshow .controls .slick-arrow.fsPrevArrow:before,
.content-slideshow .controls .slick-arrow.slick-prev:before {
    transform: scaleX(-1)
}

.content-slideshow .controls .slick-arrow:hover:before {
    text-shadow: -10px 0 #00a9e0
}

.content-slideshow .controls .slick-arrow:before {
    text-shadow: 0 0 #00a9e0;
    transition: all .4s cubic-bezier(.12, .6, .28, 1.8);
    color: #fff;
    content: "\E902";
    transform: scaleX(1)
}

.content-slideshow .controls .slick-arrow.slick-prev:before {
    transform: scaleX(1)
}

.content-slideshow .controls .slick-arrow.slick-next {
    order: 3
}

.content-slideshow .controls .slick-arrow.slick-next:before {
    transform: scaleX(-1)
}

.landing .fsBreadcrumb,
.landing .nav-sub,
.landing .nav-tier {
    display: none
}

.portal-page .fsTwoColumnWideRightLayout>.fsDiv>.fsElement+.fsElement {
    margin-top: 2em
}

.colors ol {
    zoom: 1;
    padding: 0;
    list-style: none
}

.colors ol:after {
    display: table;
    clear: both;
    content: ""
}

.colors ol li {
    position: relative;
    float: left;
    width: 50%;
    min-width: 20%
}

@media (min-width:1180px) {
    .colors ol li {
        margin-bottom: 0
    }
}

.colors ol li:after {
    display: block;
    margin-top: 60px;
    background: #fff;
    padding-bottom: 20px
}

@media (min-width:800px) {
    .colors.main ol li {
        width: 33.33333%
    }
}

.colors.main ol li:first-of-type {
    background: #373737
}

.colors.main ol li:first-of-type:after {
    content: "#373737"
}

.colors.main ol li:nth-of-type(2) {
    background: #036
}

.colors.main ol li:nth-of-type(2):after {
    content: "#003366"
}

.colors.main ol li:nth-of-type(3) {
    background: #00a9e0
}

.colors.main ol li:nth-of-type(3):after {
    content: "#00A9E0"
}

@media (min-width:800px) {
    .colors.shade ol li {
        width: 10%
    }
}

.colors.shade ol li:first-of-type {
    background: #000
}

.colors.shade ol li:first-of-type:after {
    content: "#000000"
}

.colors.shade ol li:nth-of-type(2) {
    background: #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: "#ffffff"
}

.fonts ol {
    padding: 0;
    list-style: none
}

.fonts ol li:first-of-type {
    font-family: proxima-nova, sans-serif
}

.fonts ol li:first-of-type:after {
    content: "proxima-nova, 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: 54px / line-height: 64px"
}

.headers .fsElementContent h2:after {
    content: " - font-size: 24px / line-height: 29px"
}

.headers .fsElementContent h3:after {
    content: " - font-size: 20px / line-height: 24px"
}

.headers .fsElementContent h4:after {
    content: " - font-size: 16px / line-height: 19px"
}

.headers .fsElementContent h5:after {
    content: " - font-size: 17px / line-height: 20px"
}

.headers .fsElementContent h6:after {
    content: " - font-size: 13px / line-height: 16px"
}

@media print {

    #fsFooter,
    #fsHeader,
    #fsMenu,
    .fsThumbnail,
    .hide-for-print,
    .nav-main,
    .nav-social,
    .nav-sub,
    .nav-utility-footer,
    .nav-utility-header {
        display: none !important
    }

    #fsBannerLeft,
    #fsBannerRight,
    #fsPageContent {
        width: 100% !important
    }

    html {
        font-size: 100%
    }

    body {
        font-size: 62.5%
    }

    *,
    :after,
    :before {
        background: rgba(0, 0, 0, 0) !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important
    }

    .slick-slide {
        display: none !important
    }

    .slick-slide.slick-active {
        display: block !important
    }

    .slick-list,
    .slick-track {
        height: auto !important
    }

    .slick-track {
        transform: none !important
    }

    .slick-track,
    .slick-track .slick-slide {
        width: auto !important
    }

    a[class*=fs_style] {
        border-color: #000
    }

    a,
    a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " ("attr(href) ")"
    }

    abbr[title]:after {
        content: " ("attr(title) ")"
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: ""
    }

    pre {
        white-space: pre-wrap !important
    }

    blockquote,
    pre {
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img,
    tr {
        page-break-inside: avoid
    }

    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }

    h2,
    h3 {
        page-break-after: avoid
    }

    .fsPanel>header~.fsElementContent {
        display: block
    }
}

@charset "UTF-8";

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

.bpa-post-filter-1 {
    margin-bottom: 20px
}

body.fsComposeMode .fsTagFilter.bpa-post-filter-1.tag-dropdown>.fsElementContent,
body.fsComposeMode .fsTagFilter.bpa-post-filter-1.tag-dropdown>header h2 {
    display: block
}

.fsTagFilter.bpa-post-filter-1 {
    margin-top: 20px
}

.fsTagFilter.bpa-post-filter-1>header h2 {
    font-family: proxima-nova, sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px
}

.fsTagFilter.bpa-post-filter-1 .tags_trigger,
.fsTagFilter.bpa-post-filter-1.tag-dropdown>header h2 {
    display: none
}

.fsTagFilter.bpa-post-filter-1.tag-dropdown .tags_trigger {
    border: 0;
    background: none;
    font-family: proxima-nova, sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 55px;
    position: relative;
    background-color: #f8f8f8;
    padding: 0 0 0 20px;
    width: 100%;
    text-align: left;
    cursor: pointer;
    transition: all .3s;
    margin: 0 0 12px;
    display: block
}

@media (max-width:599px) {
    .fsTagFilter.bpa-post-filter-1.tag-dropdown .tags_trigger {
        font-size: 17px;
        line-height: 48px
    }
}

.fsTagFilter.bpa-post-filter-1.tag-dropdown .tags_trigger:before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    width: 35px;
    height: 35px;
    background-color: #fff;
    border-radius: 100%;
    right: 20px
}

.fsTagFilter.bpa-post-filter-1.tag-dropdown .tags_trigger:after {
    content: "\E90C";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    position: absolute;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    right: 32px;
    line-height: 1;
    color: #036;
    font-size: 20px
}

.fsTagFilter.bpa-post-filter-1.tag-dropdown .tags_trigger:focus,
.fsTagFilter.bpa-post-filter-1.tag-dropdown .tags_trigger:hover {
    background-color: #036;
    color: #fff
}

@media (max-width:699px) {
    .fsStyleOneThird .fsTagFilter.bpa-post-filter-1.tag-dropdown .tags_trigger {
        font-size: 17px;
        line-height: 48px
    }
}

.fsTagFilter.bpa-post-filter-1.tag-dropdown>.fsElementContent {
    display: none
}

.fsTagFilter.bpa-post-filter-1.tag-dropdown.is-active .tags_trigger:after {
    content: "\F107";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    right: 29px
}

.fsTagFilter.bpa-post-filter-1 .fsToolsList .fsTagLink {
    padding: 5px 10px;
    margin: 0 5px 10px 0;
    background-color: #f8f8f8;
    border-radius: 0;
    color: #373737;
    border: none;
    font-family: proxima-nova, sans-serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 24px;
    text-transform: none
}

.fsTagFilter.bpa-post-filter-1 .fsToolsList .fsStateSelected .fsTagLink,
.fsTagFilter.bpa-post-filter-1 .fsToolsList .fsTagLink:focus,
.fsTagFilter.bpa-post-filter-1 .fsToolsList .fsTagLink:hover {
    background-color: #036;
    color: #fff
}

body.fsComposeMode .fsCategoryFilter.bpa-post-filter-1.category-dropdown>.fsElementContent,
body.fsComposeMode .fsCategoryFilter.bpa-post-filter-1.category-dropdown>header h2 {
    display: block
}

.fsCategoryFilter.bpa-post-filter-1 {
    margin-top: 40px
}

@media (max-width:599px) {
    .fsCategoryFilter.bpa-post-filter-1 {
        margin-top: 24px
    }
}

.fsCategoryFilter.bpa-post-filter-1>header h2 {
    font-family: proxima-nova, sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    display: block
}

@media (max-width:599px) {
    .fsCategoryFilter.bpa-post-filter-1>header h2 {
        display: none
    }
}

.fsCategoryFilter.bpa-post-filter-1 .category_trigger {
    border: 0;
    background: none;
    font-family: proxima-nova, sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 55px;
    position: relative;
    background-color: #f8f8f8;
    padding: 0 0 0 20px;
    width: 100%;
    text-align: left;
    cursor: pointer;
    transition: all .3s;
    margin: 0 0 12px;
    display: block;
    display: none
}

@media (max-width:599px) {
    .fsCategoryFilter.bpa-post-filter-1 .category_trigger {
        font-size: 17px;
        line-height: 48px
    }
}

.fsCategoryFilter.bpa-post-filter-1 .category_trigger:before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    width: 35px;
    height: 35px;
    background-color: #fff;
    border-radius: 100%;
    right: 20px
}

.fsCategoryFilter.bpa-post-filter-1 .category_trigger:after {
    content: "\E90C";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    position: absolute;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    right: 32px;
    line-height: 1;
    color: #036;
    font-size: 20px
}

.fsCategoryFilter.bpa-post-filter-1 .category_trigger:focus,
.fsCategoryFilter.bpa-post-filter-1 .category_trigger:hover {
    background-color: #036;
    color: #fff
}

@media (max-width:699px) {
    .fsStyleOneThird .fsCategoryFilter.bpa-post-filter-1 .category_trigger {
        font-size: 17px;
        line-height: 48px
    }
}

@media (max-width:599px) {
    .fsCategoryFilter.bpa-post-filter-1 .category_trigger {
        display: block
    }
}

.fsCategoryFilter.bpa-post-filter-1>.fsElementContent {
    width: 100%;
    z-index: 2;
    display: block
}

@media (max-width:599px) {
    .fsCategoryFilter.bpa-post-filter-1>.fsElementContent {
        display: none
    }
}

.fsCategoryFilter.bpa-post-filter-1.category-dropdown {
    margin: 20px 0
}

.fsCategoryFilter.bpa-post-filter-1.category-dropdown>header h2 {
    display: none
}

.fsCategoryFilter.bpa-post-filter-1.category-dropdown .category_trigger {
    display: block
}

.fsCategoryFilter.bpa-post-filter-1.category-dropdown>.fsElementContent {
    display: none
}

.fsCategoryFilter.bpa-post-filter-1 .fsToolsList>li {
    display: block;
    border-bottom: 1px solid #e5e5e5
}

.fsCategoryFilter.bpa-post-filter-1 .fsToolsList>li:last-child {
    border-bottom: none
}

.fsCategoryFilter.bpa-post-filter-1 .fsToolsList>li:first-child .fsCategoryLink {
    padding-top: 0
}

.fsCategoryFilter.bpa-post-filter-1 .fsToolsList>li:first-child .fsCategoryLink:before {
    top: 7px
}

.fsCategoryFilter.bpa-post-filter-1 .fsToolsList .fsCategoryLink {
    position: relative;
    text-align: left;
    border: none;
    padding: 14px 25px;
    margin: 0;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 0;
    color: #373737;
    font-family: proxima-nova, sans-serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 24px;
    text-transform: none
}

.fsCategoryFilter.bpa-post-filter-1 .fsToolsList .fsCategoryLink:before {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    top: 21px;
    left: 0;
    border: 1px solid #00a9e0;
    border-radius: 100%;
    background: rgba(0, 0, 0, 0);
    transition: .3s
}

.fsCategoryFilter.bpa-post-filter-1 .fsToolsList .fsCategoryLink:focus,
.fsCategoryFilter.bpa-post-filter-1 .fsToolsList .fsCategoryLink:hover {
    color: #036;
    text-decoration: underline
}

.fsCategoryFilter.bpa-post-filter-1 .fsToolsList .fsStateSelected .fsCategoryLink:before {
    background-color: #00a9e0;
    transition: .3s
}

.fsCategoryFilter.bpa-post-filter-1 .fsToolsList .fsStateSelected .fsCategoryLink:focus {
    color: #373737
}

body:not(.fsComposeMode) .filter-search-container {
    position: relative;
    margin-top: 40px
}

@media (min-width:700px) {
    body:not(.fsComposeMode) .filter-search-container .fsCategoryFilter.bpa-post-filter-1>header {
        width: 280px
    }
}

body:not(.fsComposeMode) .filter-search-container .fsCategoryFilter.bpa-post-filter-1>header h2 {
    display: none
}

body:not(.fsComposeMode) .filter-search-container .fsCategoryFilter.bpa-post-filter-1 .category_trigger {
    display: block
}

body:not(.fsComposeMode) .filter-search-container .fsCategoryFilter.bpa-post-filter-1>.fsElementContent {
    display: none;
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e5e5
}

body:not(.fsComposeMode) .filter-search-container .fsCategoryFilter.bpa-post-filter-1.is-active>header .category_trigger:after {
    transform: translate3d(0, -50%, 0) rotate(90deg)
}

body:not(.fsComposeMode) .filter-search-container .fsCategoryFilter.bpa-post-filter-1 .fsToolsList {
    background: #fff;
    margin-bottom: 0
}

@media (min-width:700px) {
    body:not(.fsComposeMode) .filter-search-container .fsCategoryFilter.bpa-post-filter-1 .fsToolsList {
        display: flex;
        flex-wrap: wrap;
        overflow: hidden
    }
}

body:not(.fsComposeMode) .filter-search-container .fsCategoryFilter.bpa-post-filter-1 .fsToolsList>li {
    border-bottom: 1px solid #e5e5e5
}

@media (min-width:700px) {
    body:not(.fsComposeMode) .filter-search-container .fsCategoryFilter.bpa-post-filter-1 .fsToolsList>li {
        width: calc(33.33% - 20px);
        margin: 1px 10px -1px
    }
}

body:not(.fsComposeMode) .filter-search-container .fsCategoryFilter.bpa-post-filter-1 .fsToolsList>li:first-child .fsCategoryLink {
    padding-top: 9px
}

@media (max-width:599px) {
    body:not(.fsComposeMode) .filter-search-container .fsCategoryFilter.bpa-post-filter-1 .fsToolsList>li:last-child {
        border: 0
    }
}

body:not(.fsComposeMode) .filter-search-container .fsCategoryFilter.bpa-post-filter-1 .fsToolsList>li .fsCategoryLink {
    padding: 9px 25px 9px 40px
}

body:not(.fsComposeMode) .filter-search-container .fsCategoryFilter.bpa-post-filter-1 .fsToolsList>li .fsCategoryLink:after {
    display: none
}

body:not(.fsComposeMode) .filter-search-container .fsCategoryFilter.bpa-post-filter-1 .fsToolsList>li .fsCategoryLink:before {
    left: 20px;
    top: 16px
}

body:not(.fsComposeMode) .filter-search-container .fsSearch.bpa-post-filter-1 {
    margin-bottom: 20px
}

@media (min-width:700px) {
    body:not(.fsComposeMode) .filter-search-container .fsSearch.bpa-post-filter-1 {
        position: absolute;
        top: 0;
        right: 0;
        width: calc(100% - 300px);
        margin-bottom: 0
    }
}

.fsSearch.bpa-post-filter-1 .fsElementToolsSearch {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    background-color: #f8f8f8;
    padding: 15.5px 20px
}

@media (max-width:599px) {
    .fsSearch.bpa-post-filter-1 .fsElementToolsSearch {
        padding: 13px 20px
    }
}

.fsSearch.bpa-post-filter-1 .fsElementToolsKeyword {
    flex-grow: 1;
    margin-right: 5px
}

.fsSearch.bpa-post-filter-1 .fsElementToolsKeyword .fsStyleSearchField {
    border: none;
    background: none;
    padding: 0 30px 0 0;
    color: #373737;
    font-family: proxima-nova, sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 1
}

@media (max-width:599px) {
    .fsSearch.bpa-post-filter-1 .fsElementToolsKeyword .fsStyleSearchField {
        font-size: 17px
    }
}

.fsSearch.bpa-post-filter-1 .fsElementToolsKeyword .fsStyleSearchField::placeholder {
    color: #373737
}

.fsSearch.bpa-post-filter-1 .fsElementToolsKeyword .fsButtonClear {
    display: none
}

.fsSearch.bpa-post-filter-1 .fsElementToolsKeyword.buttonClearActive .fsButtonClear {
    display: block
}

.fsSearch.bpa-post-filter-1 .fsElementToolsSearchButton {
    margin: 0;
    width: 35px;
    color: rgba(0, 0, 0, 0);
    padding: 0;
    align-self: stretch;
    background-color: rgba(0, 0, 0, 0);
    position: relative;
    border: none
}

.fsSearch.bpa-post-filter-1 .fsElementToolsSearchButton:before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    width: 35px;
    height: 35px;
    background-color: #fff;
    border-radius: 100%
}

.fsSearch.bpa-post-filter-1 .fsElementToolsSearchButton:after {
    content: "\F002";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    position: absolute;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    width: 100%;
    text-align: center;
    top: 64%;
    left: 0;
    line-height: 1;
    color: #036;
    font-size: 16px;
    background-color: rgba(0, 0, 0, 0);
    border: none
}

.fsGrid.bpa-post-filter-1 .fsListItems {
    margin-left: -10px;
    margin-right: -10px
}

.fsGrid.bpa-post-filter-1 article {
    position: relative;
    text-align: center;
    margin: 0 0 20px;
    padding: 10px 20px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    border-bottom: 0
}

.fsGrid.bpa-post-filter-1 article.apple[class*=fsCategory] .fsTitle:before {
    content: "\E901";
    font-family: bpa-font-icons;
    font-weight: 400;
    speak: none;
    visibility: visible;
    opacity: 1
}

.fsGrid.bpa-post-filter-1 article.backpack[class*=fsCategory] .fsTitle:before {
    content: "\E902";
    font-family: bpa-font-icons;
    font-weight: 400;
    speak: none;
    visibility: visible;
    opacity: 1
}

.fsGrid.bpa-post-filter-1 article.bar-graph[class*=fsCategory] .fsTitle:before {
    content: "\E903";
    font-family: bpa-font-icons;
    font-weight: 400;
    speak: none;
    visibility: visible;
    opacity: 1
}

.fsGrid.bpa-post-filter-1 article.baseball[class*=fsCategory] .fsTitle:before {
    content: "\E904";
    font-family: bpa-font-icons;
    font-weight: 400;
    speak: none;
    visibility: visible;
    opacity: 1
}

.fsGrid.bpa-post-filter-1 article.book[class*=fsCategory] .fsTitle:before {
    content: "\E905";
    font-family: bpa-font-icons;
    font-weight: 400;
    speak: none;
    visibility: visible;
    opacity: 1
}

.fsGrid.bpa-post-filter-1 article.briefcase[class*=fsCategory] .fsTitle:before {
    content: "\E906";
    font-family: bpa-font-icons;
    font-weight: 400;
    speak: none;
    visibility: visible;
    opacity: 1
}

.fsGrid.bpa-post-filter-1 article.bullhorn[class*=fsCategory] .fsTitle:before {
    content: "\E907";
    font-family: bpa-font-icons;
    font-weight: 400;
    speak: none;
    visibility: visible;
    opacity: 1
}

.fsGrid.bpa-post-filter-1 article.bus[class*=fsCategory] .fsTitle:before {
    content: "\E908";
    font-family: bpa-font-icons;
    font-weight: 400;
    speak: none;
    visibility: visible;
    opacity: 1
}

.fsGrid.bpa-post-filter-1 article.calendar[class*=fsCategory] .fsTitle:before {
    content: "\E909";
    font-family: bpa-font-icons;
    font-weight: 400;
    speak: none;
    visibility: visible;
    opacity: 1
}

.fsGrid.bpa-post-filter-1 article.camera[class*=fsCategory] .fsTitle:before {
    content: "\E90A";
    font-family: bpa-font-icons;
    font-weight: 400;
    speak: none;
    visibility: visible;
    opacity: 1
}

.fsGrid.bpa-post-filter-1 article.certificate[class*=fsCategory] .fsTitle:before {
    content: "\E90B";
    font-family: bpa-font-icons;
    font-weight: 400;
    speak: none;
    visibility: visible;
    opacity: 1
}

.fsGrid.bpa-post-filter-1 article.check[class*=fsCategory] .fsTitle:before {
    content: "\E90C";
    font-family: bpa-font-icons;
    font-weight: 400;
    speak: none;
    visibility: visible;
    opacity: 1
}

.fsGrid.bpa-post-filter-1 article.chess[class*=fsCategory] .fsTitle:before {
    content: "\E90D";
    font-family: bpa-font-icons;
    font-weight: 400;
    speak: none;
    visibility: visible;
    opacity: 1
}

.fsGrid.bpa-post-filter-1 article.city[class*=fsCategory] .fsTitle:before {
    content: "\E90E";
    font-family: bpa-font-icons;
    font-weight: 400;
    speak: none;
    visibility: visible;
    opacity: 1
}

.fsGrid.bpa-post-filter-1 article.college[class*=fsCategory] .fsTitle:before {
    content: "\E90F";
    font-family: bpa-font-icons;
    font-weight: 400;
    speak: none;
    visibility: visible;
    opacity: 1
}

.fsGrid.bpa-post-filter-1 article.cross[class*=fsCategory] .fsTitle:before {
    content: "\E910";
    font-family: bpa-font-icons;
    font-weight: 400;
    speak: none;
    visibility: visible;
    opacity: 1
}

.fsGrid.bpa-post-filter-1 article.directory[class*=fsCategory] .fsTitle:before {
    content: "\E911";
    font-family: bpa-font-icons;
    font-weight: 400;
    speak: none;
    visibility: visible;
    opacity: 1
}

.fsGrid.bpa-post-filter-1 article.diversity[class*=fsCategory] .fsTitle:before {
    content: "\E912";
    font-family: bpa-font-icons;
    font-weight: 400;
    speak: none;
    visibility: visible;
    opacity: 1
}

.fsGrid.bpa-post-filter-1 article.door[class*=fsCategory] .fsTitle:before {
    content: "\E913";
    font-family: bpa-font-icons;
    font-weight: 400;
    speak: none;
    visibility: visible;
    opacity: 1
}

.fsGrid.bpa-post-filter-1 article.droplet[class*=fsCategory] .fsTitle:before {
    content: "\E914";
    font-family: bpa-font-icons;
    font-weight: 400;
    speak: none;
    visibility: visible;
    opacity: 1
}

.fsGrid.bpa-post-filter-1 article.enroll[class*=fsCategory] .fsTitle:before {
    content: "\E915";
    font-family: bpa-font-icons;
    font-weight: 400;
    speak: none;
    visibility: visible;
    opacity: 1
}

.fsGrid.bpa-post-filter-1 article.faq[class*=fsCategory] .fsTitle:before {
    content: "\E916";
    font-family: bpa-font-icons;
    font-weight: 400;
    speak: none;
    visibility: visible;
    opacity: 1
}

.fsGrid.bpa-post-filter-1 article.files[class*=fsCategory] .fsTitle:before {
    content: "\E917";
    font-family: bpa-font-icons;
    font-weight: 400;
    speak: none;
    visibility: visible;
    opacity: 1
}

.fsGrid.bpa-post-filter-1 article.football[class*=fsCategory] .fsTitle:before {
    content: "\E918";
    font-family: bpa-font-icons;
    font-weight: 400;
    speak: none;
    visibility: visible;
    opacity: 1
}

.fsGrid.bpa-post-filter-1 article.gift[class*=fsCategory] .fsTitle:before {
    content: "\E919";
    font-family: bpa-font-icons;
    font-weight: 400;
    speak: none;
    visibility: visible;
    opacity: 1
}

.fsGrid.bpa-post-filter-1 article.giving[class*=fsCategory] .fsTitle:before {
    content: "\E91A";
    font-family: bpa-font-icons;
    font-weight: 400;
    speak: none;
    visibility: visible;
    opacity: 1
}

.fsGrid.bpa-post-filter-1 article.globe[class*=fsCategory] .fsTitle:before {
    content: "\E91B";
    font-family: bpa-font-icons;
    font-weight: 400;
    speak: none;
    visibility: visible;
    opacity: 1
}

.fsGrid.bpa-post-filter-1 article.grad[class*=fsCategory] .fsTitle:before {
    content: "\E91C";
    font-family: bpa-font-icons;
    font-weight: 400;
    speak: none;
    visibility: visible;
    opacity: 1
}

.fsGrid.bpa-post-filter-1 article.group-boys[class*=fsCategory] .fsTitle:before {
    content: "\E91D";
    font-family: bpa-font-icons;
    font-weight: 400;
    speak: none;
    visibility: visible;
    opacity: 1
}

.fsGrid.bpa-post-filter-1 article.group-coed[class*=fsCategory] .fsTitle:before {
    content: "\E91E";
    font-family: bpa-font-icons;
    font-weight: 400;
    speak: none;
    visibility: visible;
    opacity: 1
}

.fsGrid.bpa-post-filter-1 article.group-girls[class*=fsCategory] .fsTitle:before {
    content: "\E926";
    font-family: bpa-font-icons;
    font-weight: 400;
    speak: none;
    visibility: visible;
    opacity: 1
}

.fsGrid.bpa-post-filter-1 article.group[class*=fsCategory] .fsTitle:before {
    content: "\E927";
    font-family: bpa-font-icons;
    font-weight: 400;
    speak: none;
    visibility: visible;
    opacity: 1
}

.fsGrid.bpa-post-filter-1 article.heart[class*=fsCategory] .fsTitle:before {
    content: "\E928";
    font-family: bpa-font-icons;
    font-weight: 400;
    speak: none;
    visibility: visible;
    opacity: 1
}

.fsGrid.bpa-post-filter-1 article.info[class*=fsCategory] .fsTitle:before {
    content: "\E929";
    font-family: bpa-font-icons;
    font-weight: 400;
    speak: none;
    visibility: visible;
    opacity: 1
}

.fsGrid.bpa-post-filter-1 article.jersey[class*=fsCategory] .fsTitle:before {
    content: "\E92A";
    font-family: bpa-font-icons;
    font-weight: 400;
    speak: none;
    visibility: visible;
    opacity: 1
}

.fsGrid.bpa-post-filter-1 article.leaf[class*=fsCategory] .fsTitle:before {
    content: "\E92B";
    font-family: bpa-font-icons;
    font-weight: 400;
    speak: none;
    visibility: visible;
    opacity: 1
}

.fsGrid.bpa-post-filter-1 article.lightbulb[class*=fsCategory] .fsTitle:before {
    content: "\E92C";
    font-family: bpa-font-icons;
    font-weight: 400;
    speak: none;
    visibility: visible;
    opacity: 1
}

.fsGrid.bpa-post-filter-1 article.link[class*=fsCategory] .fsTitle:before {
    content: "\E92D";
    font-family: bpa-font-icons;
    font-weight: 400;
    speak: none;
    visibility: visible;
    opacity: 1
}

.fsGrid.bpa-post-filter-1 article.list[class*=fsCategory] .fsTitle:before {
    content: "\E92E";
    font-family: bpa-font-icons;
    font-weight: 400;
    speak: none;
    visibility: visible;
    opacity: 1
}

.fsGrid.bpa-post-filter-1 article.location[class*=fsCategory] .fsTitle:before {
    content: "\E92F";
    font-family: bpa-font-icons;
    font-weight: 400;
    speak: none;
    visibility: visible;
    opacity: 1
}

.fsGrid.bpa-post-filter-1 article.lock[class*=fsCategory] .fsTitle:before {
    content: "\E930";
    font-family: bpa-font-icons;
    font-weight: 400;
    speak: none;
    visibility: visible;
    opacity: 1
}

.fsGrid.bpa-post-filter-1 article.map[class*=fsCategory] .fsTitle:before {
    content: "\E931";
    font-family: bpa-font-icons;
    font-weight: 400;
    speak: none;
    visibility: visible;
    opacity: 1
}

.fsGrid.bpa-post-filter-1 article.medal[class*=fsCategory] .fsTitle:before {
    content: "\E932";
    font-family: bpa-font-icons;
    font-weight: 400;
    speak: none;
    visibility: visible;
    opacity: 1
}

.fsGrid.bpa-post-filter-1 article.microscope[class*=fsCategory] .fsTitle:before {
    content: "\E933";
    font-family: bpa-font-icons;
    font-weight: 400;
    speak: none;
    visibility: visible;
    opacity: 1
}

.fsGrid.bpa-post-filter-1 article.music[class*=fsCategory] .fsTitle:before {
    content: "\E934";
    font-family: bpa-font-icons;
    font-weight: 400;
    speak: none;
    visibility: visible;
    opacity: 1
}

.fsGrid.bpa-post-filter-1 article.paint[class*=fsCategory] .fsTitle:before {
    content: "\E935";
    font-family: bpa-font-icons;
    font-weight: 400;
    speak: none;
    visibility: visible;
    opacity: 1
}

.fsGrid.bpa-post-filter-1 article.pencil[class*=fsCategory] .fsTitle:before {
    content: "\E936";
    font-family: bpa-font-icons;
    font-weight: 400;
    speak: none;
    visibility: visible;
    opacity: 1
}

.fsGrid.bpa-post-filter-1 article.person[class*=fsCategory] .fsTitle:before {
    content: "\E937";
    font-family: bpa-font-icons;
    font-weight: 400;
    speak: none;
    visibility: visible;
    opacity: 1
}

.fsGrid.bpa-post-filter-1 article.phone[class*=fsCategory] .fsTitle:before {
    content: "\E938";
    font-family: bpa-font-icons;
    font-weight: 400;
    speak: none;
    visibility: visible;
    opacity: 1
}

.fsGrid.bpa-post-filter-1 article.piggy-bank[class*=fsCategory] .fsTitle:before {
    content: "\E939";
    font-family: bpa-font-icons;
    font-weight: 400;
    speak: none;
    visibility: visible;
    opacity: 1
}

.fsGrid.bpa-post-filter-1 article.portion[class*=fsCategory] .fsTitle:before {
    content: "\E93A";
    font-family: bpa-font-icons;
    font-weight: 400;
    speak: none;
    visibility: visible;
    opacity: 1
}

.fsGrid.bpa-post-filter-1 article.question[class*=fsCategory] .fsTitle:before {
    content: "\E93B";
    font-family: bpa-font-icons;
    font-weight: 400;
    speak: none;
    visibility: visible;
    opacity: 1
}

.fsGrid.bpa-post-filter-1 article.ratio[class*=fsCategory] .fsTitle:before {
    content: "\E93C";
    font-family: bpa-font-icons;
    font-weight: 400;
    speak: none;
    visibility: visible;
    opacity: 1
}

.fsGrid.bpa-post-filter-1 article.robot[class*=fsCategory] .fsTitle:before {
    content: "\E93D";
    font-family: bpa-font-icons;
    font-weight: 400;
    speak: none;
    visibility: visible;
    opacity: 1
}

.fsGrid.bpa-post-filter-1 article.school[class*=fsCategory] .fsTitle:before {
    content: "\E93E";
    font-family: bpa-font-icons;
    font-weight: 400;
    speak: none;
    visibility: visible;
    opacity: 1
}

.fsGrid.bpa-post-filter-1 article.screens[class*=fsCategory] .fsTitle:before {
    content: "\E93F";
    font-family: bpa-font-icons;
    font-weight: 400;
    speak: none;
    visibility: visible;
    opacity: 1
}

.fsGrid.bpa-post-filter-1 article.settings[class*=fsCategory] .fsTitle:before {
    content: "\E940";
    font-family: bpa-font-icons;
    font-weight: 400;
    speak: none;
    visibility: visible;
    opacity: 1
}

.fsGrid.bpa-post-filter-1 article.shoe[class*=fsCategory] .fsTitle:before {
    content: "\E941";
    font-family: bpa-font-icons;
    font-weight: 400;
    speak: none;
    visibility: visible;
    opacity: 1
}

.fsGrid.bpa-post-filter-1 article.soccer[class*=fsCategory] .fsTitle:before {
    content: "\E942";
    font-family: bpa-font-icons;
    font-weight: 400;
    speak: none;
    visibility: visible;
    opacity: 1
}

.fsGrid.bpa-post-filter-1 article.sports[class*=fsCategory] .fsTitle:before {
    content: "\E943";
    font-family: bpa-font-icons;
    font-weight: 400;
    speak: none;
    visibility: visible;
    opacity: 1
}

.fsGrid.bpa-post-filter-1 article.star-of-david[class*=fsCategory] .fsTitle:before {
    content: "\E944";
    font-family: bpa-font-icons;
    font-weight: 400;
    speak: none;
    visibility: visible;
    opacity: 1
}

.fsGrid.bpa-post-filter-1 article.star[class*=fsCategory] .fsTitle:before {
    content: "\E945";
    font-family: bpa-font-icons;
    font-weight: 400;
    speak: none;
    visibility: visible;
    opacity: 1
}

.fsGrid.bpa-post-filter-1 article.store[class*=fsCategory] .fsTitle:before {
    content: "\E946";
    font-family: bpa-font-icons;
    font-weight: 400;
    speak: none;
    visibility: visible;
    opacity: 1
}

.fsGrid.bpa-post-filter-1 article.sun[class*=fsCategory] .fsTitle:before {
    content: "\E947";
    font-family: bpa-font-icons;
    font-weight: 400;
    speak: none;
    visibility: visible;
    opacity: 1
}

.fsGrid.bpa-post-filter-1 article.teacher[class*=fsCategory] .fsTitle:before {
    content: "\E948";
    font-family: bpa-font-icons;
    font-weight: 400;
    speak: none;
    visibility: visible;
    opacity: 1
}

.fsGrid.bpa-post-filter-1 article.theatre[class*=fsCategory] .fsTitle:before {
    content: "\E949";
    font-family: bpa-font-icons;
    font-weight: 400;
    speak: none;
    visibility: visible;
    opacity: 1
}

.fsGrid.bpa-post-filter-1 article.time[class*=fsCategory] .fsTitle:before {
    content: "\E94A";
    font-family: bpa-font-icons;
    font-weight: 400;
    speak: none;
    visibility: visible;
    opacity: 1
}

.fsGrid.bpa-post-filter-1 article.tree[class*=fsCategory] .fsTitle:before {
    content: "\E94B";
    font-family: bpa-font-icons;
    font-weight: 400;
    speak: none;
    visibility: visible;
    opacity: 1
}

.fsGrid.bpa-post-filter-1 article.trophy[class*=fsCategory] .fsTitle:before {
    content: "\E94C";
    font-family: bpa-font-icons;
    font-weight: 400;
    speak: none;
    visibility: visible;
    opacity: 1
}

.fsGrid.bpa-post-filter-1 article.warning[class*=fsCategory] .fsTitle:before {
    content: "\E94D";
    font-family: bpa-font-icons;
    font-weight: 400;
    speak: none;
    visibility: visible;
    opacity: 1
}

@media (min-width:600px) {
    .fsGrid.bpa-post-filter-1 article {
        width: 100%
    }
}

@media (min-width:800px) {
    .fsGrid.bpa-post-filter-1 article {
        width: 50%
    }
}

@media (min-width:1000px) {
    .fsGrid.bpa-post-filter-1 article {
        width: 33.33%
    }
}

.fsGrid.bpa-post-filter-1 article:before {
    content: "";
    position: absolute;
    top: 0;
    left: 10px;
    width: calc(100% - 20px);
    height: 100%;
    background-color: #f8f8f8
}

.fsGrid.bpa-post-filter-1 article>a,
.fsGrid.bpa-post-filter-1 article>div {
    position: relative;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

.fsGrid.bpa-post-filter-1 article>.fsTitle {
    position: relative;
    padding-bottom: 16px;
    transition: .4s;
    transform: translate3d(0, 33px, 0);
    color: #373737;
    font-family: proxima-nova, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    text-transform: none
}

.fsGrid.bpa-post-filter-1 article>.fsTitle a {
    color: inherit
}

.fsGrid.bpa-post-filter-1 article>.fsTitle:after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    bottom: 0;
    width: 30px;
    height: 3px;
    background-color: #00a9e0
}

.fsGrid.bpa-post-filter-1 article>.fsThumbnail {
    padding: 0;
    position: absolute;
    top: 0;
    left: 10px;
    width: calc(100% - 20px);
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat
}

.fsGrid.bpa-post-filter-1 article>.fsThumbnail:before {
    content: "";
    background: linear-gradient(180deg, rgba(0, 0, 0, .4), #000);
    opacity: .6;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all .4s
}

.fsGrid.bpa-post-filter-1 article>.fsThumbnail img {
    opacity: 0;
    visibility: hidden
}

.fsGrid.bpa-post-filter-1 article>.fsSummary {
    color: inherit;
    font-family: proxima-nova, sans-serif;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    margin-bottom: 0;
    margin-top: 12px;
    height: 66px;
    opacity: 0;
    overflow: hidden;
    transition: .4s;
    transform: scale(.5)
}

.fsGrid.bpa-post-filter-1 article>.fsReadMoreLink {
    position: absolute;
    width: 100%;
    height: 100%;
    color: rgba(0, 0, 0, 0);
    top: 0;
    left: 0
}

.fsGrid.bpa-post-filter-1 article.active {
    outline: 2px solid #e5e5e5
}

.fsGrid.bpa-post-filter-1 article.active>.fsTitle,
.fsGrid.bpa-post-filter-1 article:focus>.fsTitle,
.fsGrid.bpa-post-filter-1 article:hover>.fsTitle {
    transform: translateZ(0);
    transition: .4s
}

.fsGrid.bpa-post-filter-1 article.active>.fsThumbnail:before,
.fsGrid.bpa-post-filter-1 article:focus>.fsThumbnail:before,
.fsGrid.bpa-post-filter-1 article:hover>.fsThumbnail:before {
    background: linear-gradient(180deg, #000, #000);
    opacity: .8;
    transition: all .4s
}

.fsGrid.bpa-post-filter-1 article.active>.fsSummary,
.fsGrid.bpa-post-filter-1 article:focus>.fsSummary,
.fsGrid.bpa-post-filter-1 article:hover>.fsSummary {
    opacity: 1;
    transition: .4s;
    transform: scale(1)
}

.fsGrid.bpa-post-filter-1 article[class*=fsCategory] {
    padding: 20px 20px 30px
}

.fsGrid.bpa-post-filter-1 article[class*=fsCategory]>.fsTitle {
    transform: translateZ(0)
}

.fsGrid.bpa-post-filter-1 article[class*=fsCategory]>.fsTitle:before {
    content: "$";
    display: block;
    border-radius: 100%;
    width: 60px;
    height: 60px;
    color: #373737;
    background-color: #fff;
    margin: 0 auto 25px;
    line-height: 60px;
    font-size: 24px;
    font-weight: 400;
    visibility: hidden;
    opacity: 0
}

.fsGrid.bpa-post-filter-1 article[class*=fsCategory].active>.fsTitle,
.fsGrid.bpa-post-filter-1 article[class*=fsCategory]:focus>.fsTitle,
.fsGrid.bpa-post-filter-1 article[class*=fsCategory]:hover>.fsTitle {
    transform: translate3d(0, -42.5px, 0);
    transition: .4s
}

.fsGrid.bpa-post-filter-1 article[class*=fsCategory].active>.fsTitle:before,
.fsGrid.bpa-post-filter-1 article[class*=fsCategory]:focus>.fsTitle:before,
.fsGrid.bpa-post-filter-1 article[class*=fsCategory]:hover>.fsTitle:before {
    transform: scale(0);
    opacity: 0;
    transition: .4s
}

.fsGrid.bpa-post-filter-1 article[class*=fsCategory].active>.fsSummary,
.fsGrid.bpa-post-filter-1 article[class*=fsCategory]:focus>.fsSummary,
.fsGrid.bpa-post-filter-1 article[class*=fsCategory]:hover>.fsSummary {
    opacity: 1;
    transition: .4s;
    transform: translate3d(0, -42.5px, 0) scale(1)
}

.fsGrid.bpa-post-filter-1 article.has-summary[class*=fsCategory] {
    padding: 0 20px
}

.fsGrid.bpa-post-filter-1 article.has-summary[class*=fsCategory].icon>.fsTitle {
    transform: translate3d(0, 39px, 0)
}

.fsGrid.bpa-post-filter-1 article.has-summary[class*=fsCategory].active>.fsTitle,
.fsGrid.bpa-post-filter-1 article.has-summary[class*=fsCategory]:focus>.fsTitle,
.fsGrid.bpa-post-filter-1 article.has-summary[class*=fsCategory]:hover>.fsTitle {
    transform: translate3d(0, -42.5px, 0)
}

.fsGrid.bpa-post-filter-1 article.has-thumbnail>.fsTitle {
    color: #fff;
    text-shadow: 1px 1px 1px #000
}

.fsGrid.bpa-post-filter-1 article.has-thumbnail>.fsTitle:before {
    text-shadow: none
}

.fsGrid.bpa-post-filter-1 article.has-thumbnail>.fsTitle a {
    color: inherit
}

.fsGrid.bpa-post-filter-1 article.has-thumbnail>.fsSummary {
    color: #fff;
    text-shadow: 1px 1px 1px #000
}

.fsGrid.bpa-post-filter-1.dark article:before {
    background-color: #036
}

.fsGrid.bpa-post-filter-1.dark article>.fsTitle {
    color: #fff
}

.fsGrid.bpa-post-filter-1.dark article>.fsTitle a {
    color: inherit
}

.fsGrid.bpa-post-filter-1.dark article>.fsSummary {
    color: #fff
}

.fsStyleOneThird .fsGrid.bpa-post-filter-1 article {
    width: 100%
}