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

.fsToolsList .fsStateSelected .fsStyleDefaultButton,
.fsToolsList .fsStateSelected .fsStyleDefaultButton.fsCategoryLink,
.fsToolsList .fsStateSelected .fsStyleDefaultButton.fsTagLink {
    background-color: #06729d;
    border-color: #06729d;
    color: #fff
}

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

@font-face {
	font-family: Absara Sans Headline Pro;
	src: url(../fonts/AbsaraSansHeadlinePro.woff) format("woff");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: Absara Sans Headline Pro;
	src: url(../fonts/AbsaraSansHeadlinePro-Medium.woff) format("woff");
	font-weight: 500;
	font-style: normal
}

@font-face {
	font-family: Absara Sans Headline Pro;
	src: url(../fonts/AbsaraSansHeadlinePro-Bold.woff) format("woff");
	font-weight: 700;
	font-style: normal
}

@font-face {
	font-family: Absara Sans Headline Pro;
	src: url(../fonts/AbsaraSansHeadlinePro-Thin.woff) format("woff");
	font-weight: 250;
	font-style: normal
}

@font-face {
	font-family: Absara Sans SC Offc Pro;
	src: url(../fonts/AbsaraSansSCOffcPro.woff) format("woff");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: Absara Sans SC Offc Pro;
	src: url(../fonts/AbsaraSansSCOffcProItalic.woff) format("woff");
	font-weight: 400;
	font-style: italic
}

@font-face {
	font-family: Absara Sans SC Offc Pro;
	src: url(../fonts/AbsaraSansSCOffcProMedium.woff) format("woff");
	font-weight: 500;
	font-style: normal
}

@font-face {
	font-family: Absara Sans SC Offc Pro;
	src: url(../fonts/AbsaraSansSCOffcProMediumItalic.woff) format("woff");
	font-weight: 500;
	font-style: italic
}

@font-face {
	font-family: Absara Sans Offc Pro;
	src: url(../fonts/AbsaraSansOffcPro.woff) format("woff");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: Absara Sans Offc Pro;
	src: url(../fonts/AbsaraSansOffcProBold.woff) format("woff");
	font-weight: 700;
	font-style: normal
}

@font-face {
	font-family: Absara Sans Offc Pro;
	src: url(../fonts/AbsaraSansOffcProItalic.woff) format("woff");
	font-weight: 400;
	font-style: italic
}

@font-face {
	font-family: Absara Sans Offc Pro;
	src: url(../fonts/AbsaraSansOffcProMedium.woff) format("woff");
	font-weight: 500;
	font-style: normal
}

.fsAthleticsRosterList li>div.fsRosterName,
.fsTitle,
.fsVimeoTitle,
.fsYoutubeTitle {
    margin: 0;
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 1.5625rem;
    color: #06729d
}

.fsAthleticsRosterList li>div.fsRosterName a,
.fsTitle a,
.fsVimeoTitle a,
.fsYoutubeTitle a {
    text-decoration: none
}

.fsAthleticsRosterList li>div.fsRosterName a:focus,
.fsAthleticsRosterList li>div.fsRosterName a:hover,
.fsTitle a:focus,
.fsTitle a:hover,
.fsVimeoTitle a:focus,
.fsVimeoTitle a:hover,
.fsYoutubeTitle a:focus,
.fsYoutubeTitle a:hover {
    text-decoration: underline
}

h1 {
    margin-top: 0;
    font-weight: 600;
    color: #242424;
    font-size: 2.9375rem;
    line-height: 3.5rem;
    font-weight: 800;
    text-transform: uppercase;
    color: #06729d;
    margin-bottom: 25px
}

h1:not(:first-child) {
    margin-top: 30px
}

h2 {
    margin-top: 0;
    font-weight: 600;
    font-size: 2.0625rem;
    line-height: 2.5rem;
    color: #242424;
    margin-bottom: 10px
}

h2:not(:first-child) {
    margin-top: 30px
}

h2.fsElementTitle {
    margin-bottom: 20px
}

h3 {
    margin-top: 0;
    font-weight: 600;
    color: #242424;
    font-size: 2.125rem;
    line-height: 2.5625rem;
    color: #06729d;
    margin-bottom: 10px
}

h3:not(:first-child) {
    margin-top: 30px
}

h4 {
    margin-top: 0;
    font-weight: 600;
    font-size: 1.4375rem;
    line-height: 1.75rem;
    text-transform: uppercase;
    color: #242424;
    margin-bottom: 10px
}

h4:not(:first-child) {
    margin-top: 30px
}

h5 {
    margin-top: 0;
    font-weight: 600;
    color: #242424;
    font-size: 1.4375rem;
    line-height: 1.75rem;
    color: #036;
    margin-bottom: 10px
}

h5:not(:first-child) {
    margin-top: 30px
}

h6 {
    margin-top: 0;
    font-weight: 600;
    color: #242424;
    font-size: 1.25rem;
    line-height: 1.5rem;
    color: #636363;
    text-transform: uppercase;
    margin-bottom: 10px
}

h6:not(:first-child) {
    margin-top: 30px
}

p {
    margin: 0 0 20px
}

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

hr {
    margin: 70px auto 50px;
    border: none;
    height: 1px;
    background-color: #babcbe;
    position: relative
}

hr:before {
    content: "\E909";
    color: #036;
    padding: 0 33px;
    background-color: #fff
}

hr:after,
hr:before {
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    position: absolute;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    top: -20px;
    font-size: 40px;
    line-height: 1
}

hr:after {
    content: "\E925";
    color: #fff;
    text-shadow: 0 0 1px #036
}

a {
    text-decoration: underline;
    color: #06729d;
    transition: background .3s, color .3s
}

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

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

.fsAthleticsEvent.fsTable .fsElementTable,
.fsAthleticsRoster .fsElementTable,
table.fs_style_50 {
    margin-bottom: 60px;
    width: 100%;
    position: relative;
    z-index: 10
}

.fsAthleticsEvent.fsTable .fsElementTable tr,
.fsAthleticsRoster .fsElementTable tr,
table.fs_style_50 tr {
    position: relative
}

.fsAthleticsEvent.fsTable .fsElementTable tbody tr,
.fsAthleticsRoster .fsElementTable tbody tr,
table.fs_style_50 tbody tr {
    background-color: #fff;
    border-bottom: 1px solid #fff;
    position: relative
}

.fsAthleticsEvent.fsTable .fsElementTable tbody tr td,
.fsAthleticsRoster .fsElementTable tbody tr td,
table.fs_style_50 tbody tr td {
    background-color: #f8f8f8
}

.fsAthleticsEvent.fsTable .fsElementTable tbody tr:nth-of-type(odd) td,
.fsAthleticsRoster .fsElementTable tbody tr:nth-of-type(odd) td,
table.fs_style_50 tbody tr:nth-of-type(odd) td {
    background-color: hsla(0, 0%, 89.8%, .5)
}

.fsAthleticsEvent.fsTable .fsElementTable td,
.fsAthleticsEvent.fsTable .fsElementTable th,
.fsAthleticsRoster .fsElementTable td,
.fsAthleticsRoster .fsElementTable th,
table.fs_style_50 td,
table.fs_style_50 th {
    vertical-align: top;
    border-bottom: none;
    padding: 13px 20px;
    font-size: 1rem;
    line-height: 1.625
}

.fsAthleticsEvent.fsTable .fsElementTable th,
.fsAthleticsRoster .fsElementTable th,
table.fs_style_50 th {
    padding: 19px 20px;
    text-align: left;
    color: #fff;
    font-size: 1.125rem;
    line-height: 1.22222;
    font-weight: 600;
    position: static;
    z-index: 1
}

.fsAthleticsEvent.fsTable .fsElementTable th:before,
.fsAthleticsRoster .fsElementTable th:before,
table.fs_style_50 th:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(109.63deg, #036 48.86%, #0579a2 117.2%);
    z-index: -1
}

.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_50:last-child {
    margin-bottom: 0
}

.table-overflow {
    overflow-x: auto;
    margin-bottom: 40px
}

@media (min-width:600px) {
    .table-overflow {
        margin-bottom: 40px
    }
}

@media (min-width:1100px) {
    .table-overflow {
        margin-bottom: 40px
    }
}

@media (min-width:600px) {

    .fsBannerLeft .table-overflow,
    .fsBannerRight .table-overflow,
    .fsFourColumnLayout>.fsDiv .table-overflow,
    .fsStyleOneThird .table-overflow,
    .fsThreeColumnLayout>.fsDiv .table-overflow {
        margin-bottom: 40px
    }
}

@media (min-width:1100px) {

    .fsBannerLeft .table-overflow,
    .fsBannerRight .table-overflow,
    .fsFourColumnLayout>.fsDiv .table-overflow,
    .fsStyleOneThird .table-overflow,
    .fsThreeColumnLayout>.fsDiv .table-overflow {
        margin-bottom: 40px
    }
}

.fsBannerLeft .table-overflow:last-child,
.fsBannerRight .table-overflow:last-child,
.fsFourColumnLayout>.fsDiv .table-overflow:last-child,
.fsStyleOneThird .table-overflow:last-child,
.fsThreeColumnLayout>.fsDiv .table-overflow:last-child {
    margin-bottom: 0
}

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

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

.fs_style_53 {
    color: #036;
    border: 1px solid #dfeecd;
    background: #dfeecd;
    padding: 19px 24px;
    margin: 0 10px 10px 0;
    border-radius: 0;
    text-align: center;
    text-decoration: none;
    font-weight: 600;
    font-family: myriad-pro-semi-condensed, sans-serif;
    font-size: .875rem;
    line-height: 1rem;
    box-shadow: none;
    text-transform: uppercase
}

.fs_style_53,
.fs_style_53:after {
    transition: .3s;
    display: inline-block
}

.fs_style_53:after {
    content: "\E906";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    font-size: 8px;
    color: #993f23;
    vertical-align: middle;
    margin-left: 8px
}

.fs_style_53.on,
.fs_style_53:focus,
.fs_style_53:hover,
.fsStateSelected .fs_style_53 {
    color: #036;
    border-color: #89b05d;
    background: #89b05d;
    transition: .4s
}

.fs_style_53.on:after,
.fs_style_53:focus:after,
.fs_style_53:hover:after,
.fsStateSelected .fs_style_53:after {
    color: #fff;
    transition: .3s;
    transform: translateX(5px)
}

.fs_style_53.fs_style_58 {
    word-break: break-word;
    margin-right: 0;
    margin-bottom: 40px;
    padding: 29px 24px;
    font-size: 1.25rem;
    line-height: 1.5rem
}

@media (min-width:600px) {
    .fs_style_53.fs_style_58 {
        padding: 29px 60px
    }
}

.fs_style_53.fs_style_58:after {
    display: none
}

.fs_style_53.fs_style_58 em {
    display: block;
    width: 100%;
    font-weight: 400;
    font-style: normal;
    font-family: myriad-pro-semi-condensed, sans-serif;
    font-size: 1rem;
    line-height: 1.625rem;
    margin-top: 4px;
    text-transform: none
}

.fsBannerLeft .fs_style_53.fs_style_58,
.fsBannerRight .fs_style_53.fs_style_58,
.fsFourColumnLayout>.fsDiv .fs_style_53.fs_style_58,
.fsStyleOneThird .fs_style_53.fs_style_58,
.fsThreeColumnLayout>.fsDiv .fs_style_53.fs_style_58 {
    display: block;
    width: 100%
}

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

.fs_style_53.fs_style_59 {
    display: block;
    margin: 0 0 10px;
    width: 100%
}

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

.fs_style_53.fsSelectAll,
.fsAccount .fs_style_53[type=submit] {
    border: 1px solid #dfeecd
}

.fs_style_53.fsSelectAll:focus,
.fs_style_53.fsSelectAll:hover,
.fsAccount .fs_style_53[type=submit]:focus,
.fsAccount .fs_style_53[type=submit]:hover {
    border-color: #89b05d
}

.fs_style_53.fsStyleFloatRight {
    margin-right: 0
}

.fs_style_53:not(:first-child) {
    margin-top: 0
}

footer .fs_style_53,
p:last-child .fs_style_53:last-child {
    margin: 0
}

.fsNavigation .fs_style_53 {
    padding: 15px 20px;
    color: #036;
    background-color: #dfeecd
}

.fsNavigation .fs_style_53:focus,
.fsNavigation .fs_style_53:hover {
    color: #036;
    background-color: #89b05d
}

.fs_style_54 {
    color: #036;
    border: 1px solid #eaebeb;
    background: #fff;
    padding: 19px 24px;
    margin: 0 10px 10px 0;
    border-radius: 0;
    text-align: center;
    text-decoration: none;
    font-weight: 600;
    font-family: myriad-pro-semi-condensed, sans-serif;
    font-size: .875rem;
    line-height: 1rem;
    box-shadow: none;
    text-transform: uppercase
}

.fs_style_54,
.fs_style_54:after {
    transition: .3s;
    display: inline-block
}

.fs_style_54:after {
    content: "\E906";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    font-size: 8px;
    color: #993f23;
    vertical-align: middle;
    margin-left: 8px
}

.fs_style_54.on,
.fs_style_54:focus,
.fs_style_54:hover,
.fsStateSelected .fs_style_54 {
    color: #fff;
    border-color: #036;
    background: #036;
    transition: .4s
}

.fs_style_54.on:after,
.fs_style_54:focus:after,
.fs_style_54:hover:after,
.fsStateSelected .fs_style_54:after {
    color: #fff;
    transition: .3s;
    transform: translateX(5px)
}

.fs_style_54.fs_style_58 {
    word-break: break-word;
    margin-right: 0;
    margin-bottom: 40px;
    padding: 29px 24px;
    font-size: 1.25rem;
    line-height: 1.5rem
}

@media (min-width:600px) {
    .fs_style_54.fs_style_58 {
        padding: 29px 60px
    }
}

.fs_style_54.fs_style_58:after {
    display: none
}

.fs_style_54.fs_style_58 em {
    display: block;
    width: 100%;
    font-weight: 400;
    font-style: normal;
    font-family: myriad-pro-semi-condensed, sans-serif;
    font-size: 1rem;
    line-height: 1.625rem;
    margin-top: 4px;
    text-transform: none
}

.fsBannerLeft .fs_style_54.fs_style_58,
.fsBannerRight .fs_style_54.fs_style_58,
.fsFourColumnLayout>.fsDiv .fs_style_54.fs_style_58,
.fsStyleOneThird .fs_style_54.fs_style_58,
.fsThreeColumnLayout>.fsDiv .fs_style_54.fs_style_58 {
    display: block;
    width: 100%
}

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

.fs_style_54.fs_style_59 {
    display: block;
    margin: 0 0 10px;
    width: 100%
}

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

.fs_style_54.fsSelectAll,
.fsAccount .fs_style_54[type=submit] {
    border: 1px solid #eaebeb
}

.fs_style_54.fsSelectAll:focus,
.fs_style_54.fsSelectAll:hover,
.fsAccount .fs_style_54[type=submit]:focus,
.fsAccount .fs_style_54[type=submit]:hover {
    border-color: #036
}

.fs_style_54.fsStyleFloatRight {
    margin-right: 0
}

.fs_style_54:not(:first-child) {
    margin-top: 0
}

footer .fs_style_54,
p:last-child .fs_style_54:last-child {
    margin: 0
}

.fsNavigation .fs_style_54 {
    padding: 15px 20px;
    color: #036;
    background-color: #fff
}

.fsNavigation .fs_style_54:focus,
.fsNavigation .fs_style_54:hover {
    color: #fff;
    background-color: #036
}

.fs_style_55 {
    color: #036;
    border: 1px solid #eaebeb;
    background: #eaebeb;
    padding: 19px 24px;
    margin: 0 10px 10px 0;
    border-radius: 0;
    text-align: center;
    text-decoration: none;
    font-weight: 600;
    font-family: myriad-pro-semi-condensed, sans-serif;
    font-size: .875rem;
    line-height: 1rem;
    box-shadow: none;
    text-transform: uppercase
}

.fs_style_55,
.fs_style_55:after {
    transition: .3s;
    display: inline-block
}

.fs_style_55:after {
    content: "\E906";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    font-size: 8px;
    color: #993f23;
    vertical-align: middle;
    margin-left: 8px
}

.fs_style_55.on,
.fs_style_55:focus,
.fs_style_55:hover,
.fsStateSelected .fs_style_55 {
    color: #fff;
    border-color: #036;
    background: #036;
    transition: .4s
}

.fs_style_55.on:after,
.fs_style_55:focus:after,
.fs_style_55:hover:after,
.fsStateSelected .fs_style_55:after {
    color: #fff;
    transition: .3s;
    transform: translateX(5px)
}

.fs_style_55.fs_style_58 {
    word-break: break-word;
    margin-right: 0;
    margin-bottom: 40px;
    padding: 29px 24px;
    font-size: 1.25rem;
    line-height: 1.5rem
}

@media (min-width:600px) {
    .fs_style_55.fs_style_58 {
        padding: 29px 60px
    }
}

.fs_style_55.fs_style_58:after {
    display: none
}

.fs_style_55.fs_style_58 em {
    display: block;
    width: 100%;
    font-weight: 400;
    font-style: normal;
    font-family: myriad-pro-semi-condensed, sans-serif;
    font-size: 1rem;
    line-height: 1.625rem;
    margin-top: 4px;
    text-transform: none
}

.fsBannerLeft .fs_style_55.fs_style_58,
.fsBannerRight .fs_style_55.fs_style_58,
.fsFourColumnLayout>.fsDiv .fs_style_55.fs_style_58,
.fsStyleOneThird .fs_style_55.fs_style_58,
.fsThreeColumnLayout>.fsDiv .fs_style_55.fs_style_58 {
    display: block;
    width: 100%
}

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

.fs_style_55.fs_style_59 {
    display: block;
    margin: 0 0 10px;
    width: 100%
}

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

.fs_style_55.fsSelectAll,
.fsAccount .fs_style_55[type=submit] {
    border: 1px solid #eaebeb
}

.fs_style_55.fsSelectAll:focus,
.fs_style_55.fsSelectAll:hover,
.fsAccount .fs_style_55[type=submit]:focus,
.fsAccount .fs_style_55[type=submit]:hover {
    border-color: #036
}

.fs_style_55.fsStyleFloatRight {
    margin-right: 0
}

.fs_style_55:not(:first-child) {
    margin-top: 0
}

footer .fs_style_55,
p:last-child .fs_style_55:last-child {
    margin: 0
}

.fsNavigation .fs_style_55 {
    padding: 15px 20px;
    color: #036;
    background-color: #eaebeb
}

.fsNavigation .fs_style_55:focus,
.fsNavigation .fs_style_55:hover {
    color: #fff;
    background-color: #036
}

.fs_style_56 {
    color: #036;
    border: 1px solid #d5f1fd;
    background: #d5f1fd;
    padding: 19px 24px;
    margin: 0 10px 10px 0;
    border-radius: 0;
    text-align: center;
    text-decoration: none;
    font-weight: 600;
    font-family: myriad-pro-semi-condensed, sans-serif;
    font-size: .875rem;
    line-height: 1rem;
    box-shadow: none;
    text-transform: uppercase
}

.fs_style_56,
.fs_style_56:after {
    transition: .3s;
    display: inline-block
}

.fs_style_56:after {
    content: "\E906";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    font-size: 8px;
    color: #993f23;
    vertical-align: middle;
    margin-left: 8px
}

.fs_style_56.on,
.fs_style_56:focus,
.fs_style_56:hover,
.fsStateSelected .fs_style_56 {
    color: #fff;
    border-color: #06729d;
    background: #06729d;
    transition: .4s
}

.fs_style_56.on:after,
.fs_style_56:focus:after,
.fs_style_56:hover:after,
.fsStateSelected .fs_style_56:after {
    color: #fff;
    transition: .3s;
    transform: translateX(5px)
}

.fs_style_56.fs_style_58 {
    word-break: break-word;
    margin-right: 0;
    margin-bottom: 40px;
    padding: 29px 24px;
    font-size: 1.25rem;
    line-height: 1.5rem
}

@media (min-width:600px) {
    .fs_style_56.fs_style_58 {
        padding: 29px 60px
    }
}

.fs_style_56.fs_style_58:after {
    display: none
}

.fs_style_56.fs_style_58 em {
    display: block;
    width: 100%;
    font-weight: 400;
    font-style: normal;
    font-family: myriad-pro-semi-condensed, sans-serif;
    font-size: 1rem;
    line-height: 1.625rem;
    margin-top: 4px;
    text-transform: none
}

.fsBannerLeft .fs_style_56.fs_style_58,
.fsBannerRight .fs_style_56.fs_style_58,
.fsFourColumnLayout>.fsDiv .fs_style_56.fs_style_58,
.fsStyleOneThird .fs_style_56.fs_style_58,
.fsThreeColumnLayout>.fsDiv .fs_style_56.fs_style_58 {
    display: block;
    width: 100%
}

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

.fs_style_56.fs_style_59 {
    display: block;
    margin: 0 0 10px;
    width: 100%
}

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

.fs_style_56.fsSelectAll,
.fsAccount .fs_style_56[type=submit] {
    border: 1px solid #d5f1fd
}

.fs_style_56.fsSelectAll:focus,
.fs_style_56.fsSelectAll:hover,
.fsAccount .fs_style_56[type=submit]:focus,
.fsAccount .fs_style_56[type=submit]:hover {
    border-color: #06729d
}

.fs_style_56.fsStyleFloatRight {
    margin-right: 0
}

.fs_style_56:not(:first-child) {
    margin-top: 0
}

footer .fs_style_56,
p:last-child .fs_style_56:last-child {
    margin: 0
}

.fsNavigation .fs_style_56 {
    padding: 15px 20px;
    color: #036;
    background-color: #d5f1fd
}

.fsNavigation .fs_style_56:focus,
.fsNavigation .fs_style_56:hover {
    color: #fff;
    background-color: #06729d
}

.fs_style_57 {
    border: 1px solid #fbd4c8;
    background: #fbd4c8;
    padding: 19px 24px;
    margin: 0 10px 10px 0;
    border-radius: 0;
    text-align: center;
    text-decoration: none;
    font-weight: 600;
    font-family: myriad-pro-semi-condensed, sans-serif;
    font-size: .875rem;
    line-height: 1rem;
    box-shadow: none;
    text-transform: uppercase
}

.fs_style_57,
.fs_style_57:after {
    color: #993f23;
    transition: .3s;
    display: inline-block
}

.fs_style_57:after {
    content: "\E906";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    font-size: 8px;
    vertical-align: middle;
    margin-left: 8px
}

.fs_style_57.on,
.fs_style_57:focus,
.fs_style_57:hover,
.fsStateSelected .fs_style_57 {
    color: #fff;
    border-color: #993f23;
    background: #993f23;
    transition: .4s
}

.fs_style_57.on:after,
.fs_style_57:focus:after,
.fs_style_57:hover:after,
.fsStateSelected .fs_style_57:after {
    color: #fff;
    transition: .3s;
    transform: translateX(5px)
}

.fs_style_57.fs_style_58 {
    word-break: break-word;
    margin-right: 0;
    margin-bottom: 40px;
    padding: 29px 24px;
    font-size: 1.25rem;
    line-height: 1.5rem
}

@media (min-width:600px) {
    .fs_style_57.fs_style_58 {
        padding: 29px 60px
    }
}

.fs_style_57.fs_style_58:after {
    display: none
}

.fs_style_57.fs_style_58 em {
    display: block;
    width: 100%;
    font-weight: 400;
    font-style: normal;
    font-family: myriad-pro-semi-condensed, sans-serif;
    font-size: 1rem;
    line-height: 1.625rem;
    margin-top: 4px;
    text-transform: none
}

.fsBannerLeft .fs_style_57.fs_style_58,
.fsBannerRight .fs_style_57.fs_style_58,
.fsFourColumnLayout>.fsDiv .fs_style_57.fs_style_58,
.fsStyleOneThird .fs_style_57.fs_style_58,
.fsThreeColumnLayout>.fsDiv .fs_style_57.fs_style_58 {
    display: block;
    width: 100%
}

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

.fs_style_57.fs_style_59 {
    display: block;
    margin: 0 0 10px;
    width: 100%
}

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

.fs_style_57.fsSelectAll,
.fsAccount .fs_style_57[type=submit] {
    border: 1px solid #fbd4c8
}

.fs_style_57.fsSelectAll:focus,
.fs_style_57.fsSelectAll:hover,
.fsAccount .fs_style_57[type=submit]:focus,
.fsAccount .fs_style_57[type=submit]:hover {
    border-color: #993f23
}

.fs_style_57.fsStyleFloatRight {
    margin-right: 0
}

.fs_style_57:not(:first-child) {
    margin-top: 0
}

footer .fs_style_57,
p:last-child .fs_style_57:last-child {
    margin: 0
}

.fsNavigation .fs_style_57 {
    padding: 15px 20px;
    color: #993f23;
    background-color: #fbd4c8
}

.fsNavigation .fs_style_57:focus,
.fsNavigation .fs_style_57:hover {
    color: #fff;
    background-color: #993f23
}

.fs_style_62 {
    color: #fff;
    border: 1px solid #036;
    background: #036;
    padding: 19px 24px;
    margin: 0 10px 10px 0;
    border-radius: 0;
    text-align: center;
    text-decoration: none;
    font-weight: 600;
    font-family: myriad-pro-semi-condensed, sans-serif;
    font-size: .875rem;
    line-height: 1rem;
    box-shadow: none;
    text-transform: uppercase
}

.fs_style_62,
.fs_style_62:after {
    transition: .3s;
    display: inline-block
}

.fs_style_62:after {
    content: "\E906";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    font-size: 8px;
    color: #993f23;
    vertical-align: middle;
    margin-left: 8px
}

.fs_style_62.on,
.fs_style_62:focus,
.fs_style_62:hover,
.fsStateSelected .fs_style_62 {
    color: #036;
    border-color: #eaebeb;
    background: #eaebeb;
    transition: .4s
}

.fs_style_62.on:after,
.fs_style_62:focus:after,
.fs_style_62:hover:after,
.fsStateSelected .fs_style_62:after {
    color: #fff;
    transition: .3s;
    transform: translateX(5px)
}

.fs_style_62.fs_style_58 {
    word-break: break-word;
    margin-right: 0;
    margin-bottom: 40px;
    padding: 29px 24px;
    font-size: 1.25rem;
    line-height: 1.5rem
}

@media (min-width:600px) {
    .fs_style_62.fs_style_58 {
        padding: 29px 60px
    }
}

.fs_style_62.fs_style_58:after {
    display: none
}

.fs_style_62.fs_style_58 em {
    display: block;
    width: 100%;
    font-weight: 400;
    font-style: normal;
    font-family: myriad-pro-semi-condensed, sans-serif;
    font-size: 1rem;
    line-height: 1.625rem;
    margin-top: 4px;
    text-transform: none
}

.fsBannerLeft .fs_style_62.fs_style_58,
.fsBannerRight .fs_style_62.fs_style_58,
.fsFourColumnLayout>.fsDiv .fs_style_62.fs_style_58,
.fsStyleOneThird .fs_style_62.fs_style_58,
.fsThreeColumnLayout>.fsDiv .fs_style_62.fs_style_58 {
    display: block;
    width: 100%
}

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

.fs_style_62.fs_style_59 {
    display: block;
    margin: 0 0 10px;
    width: 100%
}

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

.fs_style_62.fsSelectAll,
.fsAccount .fs_style_62[type=submit] {
    border: 1px solid #036
}

.fs_style_62.fsSelectAll:focus,
.fs_style_62.fsSelectAll:hover,
.fsAccount .fs_style_62[type=submit]:focus,
.fsAccount .fs_style_62[type=submit]:hover {
    border-color: #eaebeb
}

.fs_style_62.fsStyleFloatRight {
    margin-right: 0
}

.fs_style_62:not(:first-child) {
    margin-top: 0
}

footer .fs_style_62,
p:last-child .fs_style_62:last-child {
    margin: 0
}

.fsNavigation .fs_style_62 {
    padding: 15px 20px;
    color: #fff;
    background-color: #036
}

.fsNavigation .fs_style_62:focus,
.fsNavigation .fs_style_62:hover {
    color: #036;
    background-color: #eaebeb
}

.fs_style_62:after {
    color: #fff
}

.fs_style_62.on:after,
.fs_style_62:focus:after,
.fs_style_62:hover:after,
.fsStateSelected .fs_style_62:after {
    color: #036
}

.fs_style_60 {
    display: block;
    position: relative;
    transition: .3s;
    margin-bottom: 10px;
    width: 100%;
    padding: 14px 24px;
    background-color: #036;
    border: none;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1rem;
    line-height: 1.4375rem;
    text-decoration: none
}

@media (min-width:600px) {
    .fs_style_60 {
        width: auto;
        display: table
    }
}

.fs_style_60:before {
    content: "\E904";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    display: inline-block;
    font-size: 1rem;
    margin-right: 15px;
    vertical-align: middle;
    line-height: 1.33333
}

.fs_style_60:focus,
.fs_style_60:hover {
    color: #036;
    background: #d5f1fd;
    transition: .3s;
    text-decoration: none
}

.fs_style_61,
.fsBannerLeft .fs_style_60,
.fsBannerRight .fs_style_60,
.fsFourColumnLayout>.fsDiv .fs_style_60,
.fsStyleOneThird .fs_style_60,
.fsThreeColumnLayout>.fsDiv .fs_style_60,
.fsTwoColumnLayout .fs_style_60 {
    display: block;
    width: 100%
}

.fs_style_61 {
    position: relative;
    transition: .3s;
    margin-bottom: 10px;
    padding: 14px 24px;
    background-color: #89b05d;
    border: none;
    color: #036;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1rem;
    line-height: 1.4375rem;
    text-decoration: none
}

@media (min-width:600px) {
    .fs_style_61 {
        width: auto;
        display: table
    }
}

.fs_style_61:before {
    content: "\E903";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    display: inline-block;
    font-size: 1rem;
    margin-right: 15px;
    vertical-align: middle;
    line-height: 1.33333
}

.fs_style_61:focus,
.fs_style_61:hover {
    color: #036;
    background: #dfeecd;
    transition: .3s;
    text-decoration: none
}

.fsBannerLeft .fs_style_61,
.fsBannerRight .fs_style_61,
.fsFourColumnLayout>.fsDiv .fs_style_61,
.fsStyleOneThird .fs_style_61,
.fsThreeColumnLayout>.fsDiv .fs_style_61,
.fsTwoColumnLayout .fs_style_61 {
    display: block;
    width: 100%
}

.fs_style_61:before {
    color: #fff
}

.fs_style_61:focus:before,
.fs_style_61:hover:before {
    color: #89b05d
}

.fsStyleDefaultButton {
    color: #036;
    border: 1px solid #dfeecd;
    background: #dfeecd;
    padding: 19px 24px;
    margin: 0 10px 10px 0;
    border-radius: 0;
    text-align: center;
    text-decoration: none;
    transition: .3s;
    font-weight: 600;
    font-family: myriad-pro-semi-condensed, sans-serif;
    font-size: .875rem;
    line-height: 1rem;
    box-shadow: none;
    text-transform: uppercase;
    display: inline-block
}

.fsStyleDefaultButton:after {
    content: "\E906";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    font-size: 8px;
    color: #993f23;
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
    transition: .3s
}

.fsStateSelected .fsStyleDefaultButton,
.fsStyleDefaultButton.on,
.fsStyleDefaultButton:focus,
.fsStyleDefaultButton:hover {
    color: #036;
    border-color: #89b05d;
    background: #89b05d;
    transition: .4s
}

.fsStateSelected .fsStyleDefaultButton:after,
.fsStyleDefaultButton.on:after,
.fsStyleDefaultButton:focus:after,
.fsStyleDefaultButton:hover:after {
    color: #fff;
    transition: .3s;
    transform: translateX(5px)
}

.fsStyleDefaultButton.fs_style_58 {
    word-break: break-word;
    margin-right: 0;
    margin-bottom: 40px;
    padding: 29px 24px;
    font-size: 1.25rem;
    line-height: 1.5rem
}

@media (min-width:600px) {
    .fsStyleDefaultButton.fs_style_58 {
        padding: 29px 60px
    }
}

.fsStyleDefaultButton.fs_style_58:after {
    display: none
}

.fsStyleDefaultButton.fs_style_58 em {
    display: block;
    width: 100%;
    font-weight: 400;
    font-style: normal;
    font-family: myriad-pro-semi-condensed, sans-serif;
    font-size: 1rem;
    line-height: 1.625rem;
    margin-top: 4px;
    text-transform: none
}

.fsBannerLeft .fsStyleDefaultButton.fs_style_58,
.fsBannerRight .fsStyleDefaultButton.fs_style_58,
.fsFourColumnLayout>.fsDiv .fsStyleDefaultButton.fs_style_58,
.fsStyleOneThird .fsStyleDefaultButton.fs_style_58,
.fsThreeColumnLayout>.fsDiv .fsStyleDefaultButton.fs_style_58 {
    display: block;
    width: 100%
}

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

.fsStyleDefaultButton.fs_style_59 {
    display: block;
    margin: 0 0 10px;
    width: 100%
}

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

.fsAccount .fsStyleDefaultButton[type=submit],
.fsStyleDefaultButton.fsSelectAll {
    border: 1px solid #dfeecd
}

.fsAccount .fsStyleDefaultButton[type=submit]:focus,
.fsAccount .fsStyleDefaultButton[type=submit]:hover,
.fsStyleDefaultButton.fsSelectAll:focus,
.fsStyleDefaultButton.fsSelectAll:hover {
    border-color: #89b05d
}

.fsStyleDefaultButton.fsStyleFloatRight {
    margin-right: 0
}

.fsStyleDefaultButton:not(:first-child) {
    margin-top: 0
}

footer .fsStyleDefaultButton,
p:last-child .fsStyleDefaultButton:last-child {
    margin: 0
}

.fsNavigation .fsStyleDefaultButton {
    padding: 15px 20px;
    color: #036;
    background-color: #dfeecd
}

.fsNavigation .fsStyleDefaultButton:focus,
.fsNavigation .fsStyleDefaultButton:hover {
    color: #036;
    background-color: #89b05d
}

.fsStyleDefaultButton:after {
    display: none !important
}

.fsStyleDefaultButton.fsLoadMoreButton {
    margin-bottom: 0;
    padding: 15px 39px;
    font-size: 1rem;
    line-height: 1.0625rem
}

.fsBannerLeft .fsStyleDefaultButton.fsLoadMoreButton,
.fsBannerRight .fsStyleDefaultButton.fsLoadMoreButton,
.fsFourColumnLayout>.fsDiv .fsStyleDefaultButton.fsLoadMoreButton,
.fsStyleOneThird .fsStyleDefaultButton.fsLoadMoreButton,
.fsThreeColumnLayout>.fsDiv .fsStyleDefaultButton.fsLoadMoreButton {
    width: 100%;
    display: block
}

.fsStyleDefaultButton.fsSelectAll {
    margin-bottom: 5px;
    margin-right: 5px;
    padding: 7px 12px 5px;
    font-size: .875em;
    line-height: 1.2;
    font-family: myriad-pro-semi-condensed, sans-serif
}

.fsStyleUpdateButton {
    color: #036;
    border: 1px solid #dfeecd;
    background: #dfeecd;
    padding: 19px 24px;
    margin: 0 10px 10px 0;
    border-radius: 0;
    text-align: center;
    text-decoration: none;
    transition: .3s;
    font-weight: 600;
    font-family: myriad-pro-semi-condensed, sans-serif;
    font-size: .875rem;
    line-height: 1rem;
    box-shadow: none;
    text-transform: uppercase;
    display: inline-block
}

.fsStyleUpdateButton:after {
    content: "\E906";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    font-size: 8px;
    color: #993f23;
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
    transition: .3s
}

.fsStateSelected .fsStyleUpdateButton,
.fsStyleUpdateButton.on,
.fsStyleUpdateButton:focus,
.fsStyleUpdateButton:hover {
    color: #036;
    border-color: #89b05d;
    background: #89b05d;
    transition: .4s
}

.fsStateSelected .fsStyleUpdateButton:after,
.fsStyleUpdateButton.on:after,
.fsStyleUpdateButton:focus:after,
.fsStyleUpdateButton:hover:after {
    color: #fff;
    transition: .3s;
    transform: translateX(5px)
}

.fsStyleUpdateButton.fs_style_58 {
    word-break: break-word;
    margin-right: 0;
    margin-bottom: 40px;
    padding: 29px 24px;
    font-size: 1.25rem;
    line-height: 1.5rem
}

@media (min-width:600px) {
    .fsStyleUpdateButton.fs_style_58 {
        padding: 29px 60px
    }
}

.fsStyleUpdateButton.fs_style_58:after {
    display: none
}

.fsStyleUpdateButton.fs_style_58 em {
    display: block;
    width: 100%;
    font-weight: 400;
    font-style: normal;
    font-family: myriad-pro-semi-condensed, sans-serif;
    font-size: 1rem;
    line-height: 1.625rem;
    margin-top: 4px;
    text-transform: none
}

.fsBannerLeft .fsStyleUpdateButton.fs_style_58,
.fsBannerRight .fsStyleUpdateButton.fs_style_58,
.fsFourColumnLayout>.fsDiv .fsStyleUpdateButton.fs_style_58,
.fsStyleOneThird .fsStyleUpdateButton.fs_style_58,
.fsThreeColumnLayout>.fsDiv .fsStyleUpdateButton.fs_style_58 {
    display: block;
    width: 100%
}

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

.fsStyleUpdateButton.fs_style_59 {
    display: block;
    margin: 0 0 10px;
    width: 100%
}

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

.fsAccount .fsStyleUpdateButton[type=submit],
.fsStyleUpdateButton.fsSelectAll {
    border: 1px solid #dfeecd
}

.fsAccount .fsStyleUpdateButton[type=submit]:focus,
.fsAccount .fsStyleUpdateButton[type=submit]:hover,
.fsStyleUpdateButton.fsSelectAll:focus,
.fsStyleUpdateButton.fsSelectAll:hover {
    border-color: #89b05d
}

.fsStyleUpdateButton.fsStyleFloatRight {
    margin-right: 0
}

.fsStyleUpdateButton:not(:first-child) {
    margin-top: 0
}

footer .fsStyleUpdateButton,
p:last-child .fsStyleUpdateButton:last-child {
    margin: 0
}

.fsNavigation .fsStyleUpdateButton {
    padding: 15px 20px;
    color: #036;
    background-color: #dfeecd
}

.fsNavigation .fsStyleUpdateButton:focus,
.fsNavigation .fsStyleUpdateButton:hover {
    color: #036;
    background-color: #89b05d
}

.fsStyleUpdateButton:after {
    display: none
}

.fsElement {
    margin-bottom: 40px
}

@media (min-width:600px) {
    .fsElement {
        margin-bottom: 40px
    }
}

@media (min-width:1000px) {
    .fsElement {
        margin-bottom: 40px
    }
}

@media (min-width:600px) {

    .fsBannerLeft .fsElement,
    .fsBannerRight .fsElement,
    .fsFourColumnLayout>.fsDiv .fsElement,
    .fsStyleOneThird .fsElement,
    .fsThreeColumnLayout>.fsDiv .fsElement {
        margin-bottom: 40px
    }
}

@media (min-width:1000px) {

    .fsBannerLeft .fsElement,
    .fsBannerRight .fsElement,
    .fsFourColumnLayout>.fsDiv .fsElement,
    .fsStyleOneThird .fsElement,
    .fsThreeColumnLayout>.fsDiv .fsElement {
        margin-bottom: 40px
    }
}

.fsBannerLeft .fsElement:last-child,
.fsBannerRight .fsElement:last-child,
.fsElement:last-child,
.fsFourColumnLayout>.fsDiv .fsElement:last-child,
.fsStyleOneThird .fsElement:last-child,
.fsThreeColumnLayout>.fsDiv .fsElement:last-child {
    margin-bottom: 0
}

.fsElementHeaderContent {
    margin-bottom: 20px
}

.fsElementFooterContent {
    margin-top: 20px
}

.fsPanel {
    margin-bottom: 0
}

.fsAuthor,
.fsDateTime {
    font-weight: 500;
    font-size: .9375rem;
    line-height: 1.125rem;
    color: #636363
}

.fsAuthor+.fsDateTime {
    margin-top: 5px
}

.fsSummary {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.625;
    color: #636363
}

.fsSummary:not(:first-child) {
    margin-top: 15px
}

.fsSummary:not(:last-child) {
    margin-bottom: 15px
}

.fsReadMoreLink {
    display: table;
    font-size: 1rem;
    line-height: 1.1875rem;
    font-weight: 600
}

.fsStyleDefaultField {
    border: 1px solid #cfcfcf
}

.fsCategories {
    margin: 10px 0
}

.fsCategories:first-child {
    margin-top: 0
}

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

.fsCategories>.fsCategory {
    font-weight: 500;
    margin: 0 6px 5px 0;
    border: none;
    border-radius: 0;
    background-color: #d5f1fd;
    color: #131313;
    padding: 6px 8px;
    font-size: .625rem;
    line-height: .75rem;
    text-transform: uppercase
}

.fsTags {
    margin: 15px 0 10px
}

.fsTags:first-child {
    margin-top: 0
}

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

.fsTags>.fsTag {
    font-weight: 500;
    margin: 0 6px 5px 0;
    border-radius: 0;
    border: 1px solid #e5e5e5;
    padding: 6px 8px;
    font-size: .75rem;
    line-height: .9375rem;
    background-color: #fff;
    color: #131313
}

.fsTags+.fsPostLink.fsReadMoreLink {
    margin-top: 10px
}

.fsThumbnailMedium.fsBoardElement .fsThumbnail,
.fsThumbnailMedium.fsIssueElement .fsThumbnail,
.fsThumbnailMedium.fsLocationElement .fsThumbnail,
.fsThumbnailMedium.fsPostElement .fsThumbnail,
.fsThumbnailMedium.fsThumbnailRectangle .fsThumbnail,
.fsThumbnailMedium.fsThumbnailSquare .fsThumbnail {
    max-width: 300px
}

.fsList article {
    margin-bottom: 30px
}

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

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

.fsListNav .fsStyleDefaultList .fsListItem a:focus,
.fsListNav .fsStyleDefaultList .fsListItem a:hover {
    color: #06729d;
    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.fsSlideshowVertical .fsElementSlideshow[data-arrows*=true] {
    padding-top: 0;
    padding-bottom: 0
}

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

.fsSlideshow.fsSlideshowHorizontal .fsElementSlideshow[data-arrows*=true] .fsPager {
    max-width: calc(100% - 176px);
    margin-left: auto;
    margin-right: auto
}

.fsSlideshow.fsSlideshowHorizontal .fsElementSlideshow[data-arrows*=false],
.fsSlideshow.fsSlideshowHorizontal .fsElementSlideshow[data-dots*=true] {
    margin-bottom: 0
}

.fsSlideshow.fsSlideshowHorizontal .fsElementSlideshow[data-dots*=true]+.fsPrevButton {
    left: auto;
    right: 42px;
    top: calc(100% - 23px);
    border-right: 1px solid #e5e5e5
}

.fsSlideshow.fsSlideshowHorizontal .fsElementSlideshow[data-dots*=true]+.fsPrevButton+.fsNextButton {
    right: 0;
    left: auto;
    top: calc(100% - 23px)
}

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

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

.fsSlideshow .fsNextButton:before,
.fsSlideshow .fsPrevButton:before {
    color: #036;
    font-size: 14px;
    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;
    left: 1px
}

.fsSlideshow .fsNextButton.fsDownArrow,
.fsSlideshow .fsPrevButton.fsDownArrow {
    bottom: 5px
}

.fsSlideshow .fsNextButton.fsLeftArrow,
.fsSlideshow .fsNextButton.fsRightArrow,
.fsSlideshow .fsPrevButton.fsLeftArrow,
.fsSlideshow .fsPrevButton.fsRightArrow {
    position: absolute;
    transform: none;
    top: calc(100% + 30px);
    height: 20px;
    width: 44px
}

.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,
.fsSlideshow .fsPrevButton.fsLeftArrow {
    right: 50%;
    left: auto;
    border-right: 1px solid #e5e5e5
}

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

.fsSlideshow .fsNextButton.fsRightArrow,
.fsSlideshow .fsPrevButton.fsRightArrow {
    left: 50%;
    right: auto
}

.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: "\E91A"
}

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

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

.fsSlideshow .fsPager li {
    width: 9px;
    height: 9px;
    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: #babcbe;
    transition: .3s;
    opacity: 1
}

.fsSlideshow .fsPager li button:focus:before,
.fsSlideshow .fsPager li button:hover:before {
    background-color: #89b05d;
    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: #89b05d
}

.hp-panel.image-buttons .slick-arrow,
.social-slideshow .slick-arrow {
    border: 0;
    background: none;
    margin: 0;
    padding: 0;
    cursor: pointer;
    color: rgba(0, 0, 0, 0);
    overflow: hidden;
    position: absolute;
    transform: none;
    top: auto;
    bottom: 0;
    height: 20px;
    width: 33px;
    z-index: 100
}

.hp-panel.image-buttons .slick-arrow:before,
.social-slideshow .slick-arrow:before {
    color: #036;
    font-size: 14px;
    transition: .3s;
    display: inline-block;
    line-height: 1;
    width: auto;
    height: auto;
    position: absolute;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    font-family: IcoMoon;
    font-weight: 400
}

@media (min-width:900px) {

    .hp-panel.image-buttons .slick-arrow:before,
    .social-slideshow .slick-arrow:before {
        font-size: 14px
    }
}

.hp-panel.image-buttons .slick-arrow.slick-prev,
.social-slideshow .slick-arrow.slick-prev {
    right: 50%;
    left: auto;
    border-right: 1px solid #e5e5e5
}

.hp-panel.image-buttons .slick-arrow.slick-prev:before,
.social-slideshow .slick-arrow.slick-prev:before {
    left: 0
}

.hp-panel.image-buttons .slick-arrow.slick-next,
.social-slideshow .slick-arrow.slick-next {
    left: 50%;
    right: auto
}

.hp-panel.image-buttons .slick-arrow.slick-next:before,
.social-slideshow .slick-arrow.slick-next:before {
    right: 0
}

.hp-panel.image-buttons .slick-arrow:focus:before,
.hp-panel.image-buttons .slick-arrow:hover:before,
.social-slideshow .slick-arrow:focus:before,
.social-slideshow .slick-arrow:hover:before {
    color: #036;
    transition: .3s;
    transform: translate3d(0, -50%, 0) scale(.8)
}

.hp-panel.image-buttons .slick-prev:before,
.social-slideshow .slick-prev:before {
    content: "\E91A"
}

.hp-panel.image-buttons .slick-next:before,
.social-slideshow .slick-next:before {
    content: "\E91B"
}

.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_49,
.lead-in {
    font-weight: 600;
    font-size: 1.875rem;
    line-height: 1.1;
    margin-bottom: 30px
}

.fs_style_49,
.fs_style_51,
.fs_style_52,
.lead-in,
blockquote {
    display: block;
    font-family: ff-nexus-sans, Helvetica, san-serif;
    font-variant: small-caps;
    font-style: italic;
    color: #036
}

.fs_style_51,
.fs_style_52,
blockquote {
    position: relative;
    margin: 45px 0 30px;
    text-align: center;
    font-size: 1.375rem;
    line-height: 1.31818;
    font-weight: 500;
    border-top: 1px solid #e5e5e5;
    padding: 30px 0 0
}

@media (min-width:600px) {

    .fs_style_51,
    .fs_style_52,
    blockquote {
        font-size: 1.75rem;
        line-height: 1.10714
    }
}

.fsBannerLeft .fs_style_51,
.fsBannerLeft .fs_style_52,
.fsBannerLeft blockquote,
.fsBannerRight .fs_style_51,
.fsBannerRight .fs_style_52,
.fsBannerRight blockquote,
.fsFourColumnLayout>.fsDiv .fs_style_51,
.fsFourColumnLayout>.fsDiv .fs_style_52,
.fsFourColumnLayout>.fsDiv blockquote,
.fsStyleOneThird .fs_style_51,
.fsStyleOneThird .fs_style_52,
.fsStyleOneThird blockquote,
.fsThreeColumnLayout>.fsDiv .fs_style_51,
.fsThreeColumnLayout>.fsDiv .fs_style_52,
.fsThreeColumnLayout>.fsDiv blockquote {
    font-size: 1.375rem;
    line-height: 1.31818
}

.fs_style_51:before,
.fs_style_52:before,
blockquote:before {
    content: "\E908";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    position: absolute;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    top: -15px;
    font-style: normal;
    font-size: 27px;
    line-height: 1;
    color: #89b05d;
    padding: 0 24px;
    background-color: #fff
}

.fs_style_51:before {
    color: #993f23
}

.fs_style_48,
cite {
    display: block;
    font-style: normal;
    font-family: myriad-pro-semi-condensed, sans-serif;
    font-weight: 600;
    color: #373737;
    font-size: 1.125rem;
    line-height: 1.05556;
    margin-top: 20px
}

.fs_style_46,
.fs_style_47 {
    display: block;
    position: relative;
    margin: 30px 0;
    font-size: 1.375rem;
    line-height: 1.31818;
    font-family: ff-nexus-sans, Helvetica, san-serif;
    font-variant: small-caps;
    font-weight: 600;
    color: #036;
    padding: 0 0 0 30px;
    box-shadow: inset 3px 0 0 #993f23
}

.fs_style_47 {
    box-shadow: inset 3px 0 0 #89b05d
}

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

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

.fsNavigation li.icon-heart>a:before,
.fsNavigation li.icon-mascot>a:before,
.fsNavigation li.icon-news>a:before,
.fsNavigation li.icon-pencil>a:before {
    display: inline-block;
    margin-right: 8px;
    font-size: 16px;
    line-height: 1
}

.fsNavigation li.icon-heart>a:focus:before,
.fsNavigation li.icon-heart>a:hover:before,
.fsNavigation li.icon-mascot>a:focus:before,
.fsNavigation li.icon-mascot>a:hover:before,
.fsNavigation li.icon-news>a:focus:before,
.fsNavigation li.icon-news>a:hover:before,
.fsNavigation li.icon-pencil>a:focus:before,
.fsNavigation li.icon-pencil>a:hover:before {
    transition: .3s
}

.fsNavigation li.icon-pencil>a:before {
    content: "\E919";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

.fsNavigation li.icon-heart>a:before {
    content: "\E91E";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

.fsNavigation li.icon-news>a:before {
    content: "\E922"
}

.fsNavigation li.icon-mascot>a:before,
.fsNavigation li.icon-news>a:before {
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    font-size: 14px
}

.fsNavigation li.icon-mascot>a:before {
    content: "\E92E"
}

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

.fsNavigation a:focus,
.fsNavigation a:hover {
    color: #242424;
    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
}

.fsNavigation .has-expander {
    position: relative
}

.fsNavigation .has-expander>a {
    width: calc(100% - 22px);
    position: relative
}

.fsNavigation .expander {
    border: 0;
    background: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 44px;
    color: rgba(0, 0, 0, 0);
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    left: calc(100% - 22px);
    height: 54px
}

.fsNavigation .expander:before {
    content: "\F106";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    font-size: 16px;
    line-height: 1;
    position: absolute;
    right: 22px;
    top: 19px;
    color: #373737;
    transform-origin: right
}

@media (min-width:900px) {
    .fsHeader .fsNavigation .expander {
        display: none
    }
}

.fsNavigation .expanded>a>.expander:before {
    content: "\E918";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    font-size: 16px
}

.fsNavigation .fsNavLevel1>li.expanded>.expander:before {
    content: "\F107"
}

.fsNavigation .fsNavLevel2 .expander {
    height: 37px;
    right: auto;
    left: calc(100% - 22px)
}

.fsNavigation .fsNavLevel2 .expander:before {
    top: 10px;
    content: "\F107"
}

.fsNavigation .fsNavLevel2 li.expanded>.expander:before {
    content: "\F106"
}

.fsBreadcrumb>.fsElementContent {
    font-weight: 800;
    font-size: .9375rem;
    line-height: 1.2;
    text-transform: uppercase;
    color: #06729d
}

.fsBreadcrumb>.fsElementContent a {
    text-decoration: none;
    font-weight: inherit;
    color: #373737
}

.fsBreadcrumb>.fsElementContent a:focus,
.fsBreadcrumb>.fsElementContent a:hover {
    color: #06729d
}

.fsBreadcrumb ul li {
    display: inline-block
}

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

.fsHeader .fsBreadcrumb {
    background-color: #fff;
    padding-top: 50px
}

.fsHeader .fsBreadcrumb.nav-empty {
    display: none
}

@media screen and (max-width:899px) {
    .fsHeader .fsBreadcrumb {
        display: none
    }
}

.fsHeader .fsBreadcrumb>footer,
.fsHeader .fsBreadcrumb>header {
    display: none
}

.fsHeader .fsBreadcrumb>.fsElementContent {
    width: 1180px;
    max-width: calc(100% - 40px);
    margin: 0 auto
}

.fsPageBodyWrapper>.fsBreadcrumb {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto 70px;
    display: none
}

@media (min-width:1000px) {
    .fsPageBodyWrapper>.fsBreadcrumb {
        display: block
    }
}

.fsPageBodyWrapper>.fsBreadcrumb.nav-empty,
.fsPageBodyWrapper>.fsBreadcrumb header {
    display: none
}

.fsNavBreadcrumbSeperator.styled {
    position: relative;
    color: rgba(0, 0, 0, 0);
    line-height: 18px;
    margin: 0 2px
}

.fsNavBreadcrumbSeperator.styled:before {
    content: "\F105";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    color: #959595;
    font-size: 14px;
    display: inline-block;
    vertical-align: sub;
    z-index: 55;
    position: absolute;
    left: 1px;
    top: -1px
}

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

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

.nav-tier ul li a:focus,
.nav-tier ul li a:hover {
    color: #06729d;
    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: #06729d;
    background: #e5e5e5
}

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

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

.nav-tier ul li.fsNavCurrentPageAncestor>a:focus,
.nav-tier ul li.fsNavCurrentPageAncestor>a:hover {
    color: #06729d;
    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>header .fsElementTitle {
    margin-top: 0;
    font-weight: 600;
    font-size: 1.4375rem;
    line-height: 1.75rem;
    text-transform: uppercase;
    color: #242424;
    margin-bottom: 0;
    padding: 0 20px 20px;
    color: #06729d
}

.nav-sub>header .fsElementTitle:not(:first-child) {
    margin-top: 30px
}

.nav-sub>header .fsElementTitle:last-child {
    margin-bottom: 0
}

.nav-sub>.fsElementContent {
    padding: 15px 30px;
    background-color: #036;
    border-top: 5px solid #89b05d
}

@media screen and (max-width:899px) {
    .nav-sub>header {
        display: block;
        position: relative;
        background-color: #022f5c;
        color: #89b05d;
        transition: .3s;
        cursor: pointer;
        padding: 0
    }

    .nav-sub>header .fsElementTitle {
        font-weight: 800;
        font-size: 1.1875rem;
        line-height: 1.5rem;
        text-transform: uppercase;
        font-family: myriad-pro-semi-condensed, sans-serif;
        margin-bottom: 0;
        color: inherit
    }

    .nav-sub>header:focus-within,
    .nav-sub>header:hover {
        background-color: #022f5c;
        color: #89b05d
    }
}

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

@media screen and (max-width:899px) {
    .nav-sub>header .fsElementTitle {
        position: relative;
        padding-right: 40px
    }

    .nav-sub>header .nav-toggle {
        border: 0;
        background: none;
        margin: 0;
        padding: 0;
        position: absolute;
        top: 50%;
        transform: translate3d(0, -50%, 0);
        right: 0;
        color: rgba(0, 0, 0, 0);
        cursor: pointer;
        white-space: nowrap;
        overflow: hidden;
        line-height: 1;
        width: 55px;
        height: 50px
    }

    .nav-sub>header .nav-toggle:after {
        content: "\F105";
        font-family: IcoMoon;
        font-smoothing: antialiased;
        font-weight: 400;
        speak: none;
        font-size: 14px;
        line-height: 50px;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        text-align: center;
        color: #fff
    }

    .nav-sub>header>.fsElementTitle {
        padding: 13px 55px 13px 27px
    }

    .nav-sub>.fsElementContent {
        position: relative;
        display: block;
        background-color: #036;
        padding: 0;
        border: none
    }

    .nav-sub>.fsElementContent ul li a {
        display: block;
        padding: 9px 30px;
        color: #fff;
        background: rgba(0, 0, 0, 0);
        font-size: .875rem;
        line-height: 1rem;
        width: 100%
    }

    .nav-sub>.fsElementContent ul li a:focus,
    .nav-sub>.fsElementContent ul li a:hover {
        color: #89b05d;
        background: #022f5c
    }

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

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

    .nav-sub>.fsElementContent ul li.fsNavCurrentPageAncestor>a {
        color: #89b05d;
        background: #036
    }

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

    .nav-sub>.fsElementContent ul li.has-expander>.expander {
        width: 55px;
        height: 34px;
        right: 0;
        left: auto
    }

    .nav-sub>.fsElementContent ul li.has-expander>.expander:before {
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        right: auto;
        text-align: center;
        line-height: 34px;
        font-size: 14px
    }

    .nav-sub>.fsElementContent ul li.has-expander>.expander:focus,
    .nav-sub>.fsElementContent ul li.has-expander>.expander:hover {
        background-color: #022f5c
    }

    .nav-sub>.fsElementContent ul li.has-expander .fsNavPageInfo {
        margin: 0
    }

    .nav-sub>.fsElementContent .fsNavLevel1 {
        padding: 15px 0 30px
    }

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

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

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

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

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

    .nav-sub.active-nav>header {
        color: #89b05d;
        background-color: #022f5c
    }

    .nav-sub.active-nav>header .nav-toggle:after {
        content: "\F107"
    }
}

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

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

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

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

@media (min-width:900px) {
    .fsHeader .nav-sub {
        display: block;
        padding: 0;
        width: 100%;
        border-top: 1px solid rgba(213, 241, 253, .4)
    }

    .fsHeader .nav-sub .fsNavLevel1 {
        display: flex;
        flex-wrap: wrap;
        margin: 0 auto;
        text-align: center;
        justify-content: center
    }

    .fsHeader .nav-sub .fsNavLevel1>li {
        border: none;
        margin: 0 15px 5px
    }

    .fsHeader .nav-sub .fsNavLevel1>li .fsNavPageInfo {
        display: none
    }

    .fsHeader .nav-sub .fsNavLevel1>li>a {
        width: auto;
        padding: 0;
        font-weight: 600;
        font-size: 1em;
        line-height: 1.9375rem;
        color: #fff
    }

    .fsHeader .nav-sub .fsNavLevel1>li>a:focus,
    .fsHeader .nav-sub .fsNavLevel1>li>a:hover {
        color: #89b05d;
        text-decoration: none
    }

    .fsHeader .nav-sub .fsNavLevel1>li.fsNavCurrentPage>a {
        color: #89b05d
    }
}

@media (min-width:900px) {
    .fsHeader .nav-sub>.fsElementContent {
        border: none;
        padding: 18px 50px 16px
    }
}

.fsHeader .nav-sub.fsElement>header {
    display: block
}

@media (min-width:900px) {
    .fsHeader .nav-sub.fsElement>header {
        display: none
    }
}

.nav-horizontal-empty .fsHeader .nav-sub {
    display: none
}

@media screen and (max-width:899px) {
    .fsPageBodyWrapper .nav-sub {
        display: none
    }
}

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

.nav-sub .expander:before {
    transform-origin: center;
    transition: .3s;
    color: #fff
}

.nav-sub .expanded>a>.expander:before {
    content: "\F107"
}

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

.nav-sub ul li a {
    display: block;
    padding: 15px 0;
    color: #fff;
    background: rgba(0, 0, 0, 0);
    text-decoration: none;
    font-weight: 600;
    font-size: .875rem;
    line-height: 1.3125rem
}

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

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

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

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

.nav-sub ul li.expanded>.fsNavPageInfo {
    margin: 15px 0;
    transition: .3s
}

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

@media (min-width:900px) {
    .nav-sub .fsNavLevel1>li {
        border-bottom: 1px solid hsla(0, 0%, 89.8%, .13);
        transition: .3s
    }
}

.nav-sub .fsNavLevel1>li:focus,
.nav-sub .fsNavLevel1>li:hover {
    border-color: hsla(0, 0%, 89.8%, .5);
    transition: .3s
}

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

.nav-sub .fsNavLevel1>li>.fsNavPageInfo {
    margin-top: 0 !important
}

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

.nav-sub .fsNavLevel2 a {
    padding-top: 8px;
    padding-bottom: 8px;
    position: relative
}

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

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

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

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

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

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

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

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

.menu-button {
    border: 0;
    background: none;
    margin: 0;
    padding: 0;
    background-color: #fff;
    color: rgba(0, 0, 0, 0);
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    cursor: pointer;
    transition: .3s;
    width: 40px;
    height: 40px
}

@media (min-width:1000px) {
    .menu-button {
        width: 60px;
        height: 60px
    }
}

.menu-button:after,
.menu-button:before {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 3px;
    width: 23px;
    content: "";
    background: #036;
    border-radius: 3px
}

.menu-button:before {
    margin-top: -7px;
    transform: translate(-50%, -50%);
    transition: margin-top .3s, transform .3s
}

.menu-button:after {
    box-shadow: 0 7px 0 0 #036;
    transform: translate(-50%, -50%)
}

.menu-button:focus,
.menu-button:hover {
    background-color: #03284d;
    transition: .3s
}

.menu-button:focus:after,
.menu-button:focus:before,
.menu-button:hover:after,
.menu-button:hover:before {
    background: #fff;
    transition: .3s
}

.menu-button:focus:after,
.menu-button:hover:after {
    box-shadow: 0 7px 0 0 #fff
}

.drawer-is-active .menu-button:before {
    margin-top: 0;
    transform: translate(-50%, -50%) rotate(-45deg)
}

.drawer-is-active .menu-button:after {
    box-shadow: none;
    transform: translate(-50%, -50%) rotate(45deg)
}

.drawer-is-active .menu-button:focus,
.drawer-is-active .menu-button:hover {
    background-color: #89b05d;
    transition: .3s
}

.drawer-is-active .menu-button:focus:after,
.drawer-is-active .menu-button:focus:before,
.drawer-is-active .menu-button:hover:after,
.drawer-is-active .menu-button:hover:before {
    background: #036;
    transition: .3s
}

.close .menu-button {
    width: 40px;
    height: 40px
}

@media (min-width:1000px) {
    .close .menu-button {
        width: 50px;
        height: 50px
    }
}

@media (min-width:1100px) {
    .close .menu-button {
        width: 64px;
        height: 64px
    }
}

.fsMenu {
    position: absolute;
    z-index: 500;
    width: 100%;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s, transform .3s;
    left: 0;
    transform: translate3d(0, -20%, 0);
    transform: translateY(-20%);
    top: 0;
    height: 100vh;
    overflow: auto;
    max-width: 100vw;
    z-index: 1000;
    background: linear-gradient(109.63deg, #036 48.86%, #0579a2 117.2%)
}

@media (min-width:1000px) {
    .fsMenu {
        background: linear-gradient(68.05deg, #036 49.75%, #0579a2 177.91%)
    }
}

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

.fsMenu header {
    display: none
}

.fsMenu .fsElement {
    margin-bottom: 0
}

.fsMenu a {
    color: #fff
}

.fsMenu .nav-utility-header {
    margin-top: 20px;
    padding: 0;
    display: block;
    order: 60;
    width: 100%
}

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

.fsMenu .nav-utility-header .fsNavLevel1 {
    justify-content: center
}

.fsMenu .nav-utility-header .fsNavLevel1>li {
    color: #fff
}

.fsMenu .nav-utility-header .fsNavLevel1>li>a {
    color: #fff;
    text-decoration: none;
    white-space: nowrap
}

.fsMenu .header-logo {
    padding-left: 8px;
    max-width: calc(100% - 50px)
}

@media (min-width:1000px) {
    .fsMenu .header-logo {
        display: none
    }
}

.fsMenu .header-logo a {
    width: 177px;
    height: 36px;
    max-width: 100%
}

.menu-container {
    min-height: 48.6vw;
    height: 100%
}

@media (min-width:1440px) {
    .menu-container {
        min-height: 700px
    }
}

.menu-container>.fsElementContent {
    height: 100vh;
    min-height: 48.6vw;
    display: flex;
    flex-direction: column
}

@media (min-width:1440px) {
    .menu-container>.fsElementContent {
        min-height: 700px
    }
}

.menu-container>.fsElementContent .fsElement:last-child {
    padding-bottom: 30px
}

.nav-main {
    margin-bottom: 30px;
    padding: 0 30px
}

@media (min-width:1000px) {
    .nav-main {
        margin-bottom: 0;
        padding: 0;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        transform: translateZ(0);
        overflow: hidden
    }
}

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

@media (max-width:999px) {
    .nav-main.desktop {
        display: none
    }
}

.nav-main:before {
    content: "\E925";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    color: hsla(0, 0%, 100%, .02);
    line-height: 1;
    position: absolute;
    font-size: 85.41vw;
    left: -15vw;
    top: -17.5vw;
    display: none
}

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

@media (min-width:1440px) {
    .nav-main:before {
        font-size: 1230px;
        left: -216px;
        top: -252px
    }
}

@media (min-width:1000px) {
    .nav-main>header {
        display: block
    }
}

.nav-main>header .fsElementTitle {
    display: none
}

.nav-main>header .fsElementHeaderContent {
    background-size: cover;
    background-position: 50%;
    position: fixed;
    right: 0;
    top: 0;
    height: 100%;
    width: 39vw;
    overflow: hidden
}

.nav-main>header .fsElementHeaderContent img {
    display: block;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

@media (min-width:1000px) {
    .nav-main>.fsElementContent {
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        justify-content: center;
        width: 36.1vw
    }
}

.nav-main>.fsElementContent nav {
    position: relative
}

@media (min-width:1000px) {
    .nav-main .fsNavLevel1 {
        border-right: 1px solid hsla(0, 0%, 100%, .17);
        padding: 15px 0;
        max-height: calc(100vh - 255px);
        overflow: auto;
        min-height: 280px;
        display: flex;
        flex-direction: column;
        justify-content: center
    }
}

.nav-main .fsNavLevel1>li {
    border-bottom: 1px solid hsla(0, 0%, 100%, .1)
}

@media (min-width:1000px) {
    .nav-main .fsNavLevel1>li {
        border: none;
        display: block;
        padding: 0;
        position: static;
        text-align: right;
        margin: 4px 0
    }
}

@media (min-width:1440px) {
    .nav-main .fsNavLevel1>li {
        margin: 0
    }
}

.nav-main .fsNavLevel1>li:first-child {
    border-top: 1px solid hsla(0, 0%, 100%, .1)
}

@media (min-width:1000px) {
    .nav-main .fsNavLevel1>li:first-child {
        border: none
    }
}

.nav-main .fsNavLevel1>li a {
    text-decoration: none
}

.nav-main .fsNavLevel1>li:hover>a,
.nav-main .fsNavLevel1>li[class*=fsNavCurrentPage]>a {
    color: #89b05d;
    background: none
}

.nav-main .fsNavLevel1>li.fsNavCurrentPageAncestor>a:after {
    opacity: 1;
    visibility: visible
}

.nav-main .fsNavLevel1>li.fsNavCurrentPageAncestor>a:hover {
    color: #89b05d
}

.nav-main .fsNavLevel1>li>a {
    display: block;
    color: #fff;
    background: none;
    padding: 15px 0;
    font-size: 1.4375rem;
    line-height: 1.04348;
    transition: .3s;
    text-transform: uppercase;
    font-weight: 800
}

@media (min-width:1000px) {
    .nav-main .fsNavLevel1>li>a {
        position: relative;
        padding: 0 25px 0 0;
        width: auto;
        display: inline-block;
        font-size: 2.64vw;
        line-height: 1.31579;
        text-align: right;
        white-space: nowrap
    }
}

@media (min-width:1200px) {
    .nav-main .fsNavLevel1>li>a {
        padding: 0 37px 0 0
    }
}

@media (min-width:1440px) {
    .nav-main .fsNavLevel1>li>a {
        font-size: 2.375rem;
        line-height: 3.125rem
    }
}

.nav-main .fsNavLevel1>li>a:focus {
    color: #89b05d;
    background: none
}

@media (min-width:1000px) {
    .nav-main .fsNavLevel1>li:first-child>a {
        padding-top: 0
    }
}

@media (max-width:999px) {
    .nav-main .fsNavLevel1>li.has-expander>a {
        width: calc(100% - 38px)
    }
}

.nav-main .fsNavLevel1>li>.expander {
    width: 52px;
    left: calc(100% - 38px)
}

.nav-main .fsNavLevel1>li>.expander:before {
    content: "\F105";
    color: #fff;
    font-size: 14px
}

@media (min-width:1000px) {
    .nav-main .fsNavLevel1>li>.expander {
        display: none
    }
}

.nav-main .fsNavLevel1>li>.fsNavPageInfo {
    width: 100%
}

@media (min-width:1000px) {
    .nav-main .fsNavLevel1>li>.fsNavPageInfo {
        position: absolute;
        overflow: hidden;
        background: rgba(0, 0, 0, 0);
        text-align: left;
        left: calc(100% + 25px);
        display: flex;
        opacity: 0;
        width: 257px;
        height: calc(100vh - 255px);
        max-height: 0;
        transition: opacity .3s, left .3s, max-height 0s ease-out .3s;
        top: 0;
        bottom: 0;
        margin: auto 0
    }
}

@media (min-width:1000px) and (min-width:1200px) {
    .nav-main .fsNavLevel1>li>.fsNavPageInfo {
        left: calc(100% + 42px)
    }
}

.nav-main .fsNavLevel1>li.menu-item-open>a,
.nav-main .fsNavLevel1>li:focus>a,
.nav-main .fsNavLevel1>li:hover>a {
    transition: .3s;
    padding-right: 27px
}

.nav-main .fsNavLevel1>li.menu-item-open>a:after,
.nav-main .fsNavLevel1>li:focus>a:after,
.nav-main .fsNavLevel1>li:hover>a:after {
    opacity: 1;
    visibility: visible;
    transition: .3s
}

@media (min-width:1000px) {

    .nav-main .fsNavLevel1>li.menu-item-open>.fsNavPageInfo,
    .nav-main .fsNavLevel1>li:focus>.fsNavPageInfo,
    .nav-main .fsNavLevel1>li:hover>.fsNavPageInfo {
        overflow-y: auto;
        opacity: 1;
        transition: opacity .5s, left .5s, max-height 0s;
        max-height: calc(100vh - 255px);
        left: 100%
    }
}

.nav-main .fsNavLevel1>li.menu-item-open .expander,
.nav-main .fsNavLevel1>li.menu-item-open .fsNavPageThumbnail,
.nav-main .fsNavLevel1>li:focus .expander,
.nav-main .fsNavLevel1>li:focus .fsNavPageThumbnail,
.nav-main .fsNavLevel1>li:hover .expander,
.nav-main .fsNavLevel1>li:hover .fsNavPageThumbnail {
    visibility: visible;
    opacity: 1;
    transition: .3s
}

@media (min-width:1000px) {
    .nav-main .fsNavLevel2 {
        display: flex !important;
        flex-direction: column;
        justify-content: center
    }
}

@media (min-width:1000px) {
    .nav-main .fsNavLevel2 .fsNavPageInfo {
        display: none !important
    }
}

.nav-main,
.nav-main .fsNavLevel2 {
    position: relative
}

@media (min-width:1000px) {
    .nav-main .fsNavLevel2 {
        position: static;
        width: 100%
    }
}

.nav-main .fsNavLevel2 li a {
    display: block;
    color: #fff;
    background: none;
    padding: 7px 0;
    font-size: .875rem;
    line-height: 1rem;
    font-weight: 500
}

@media (min-width:1000px) {
    .nav-main .fsNavLevel2 li a {
        font-size: 1rem;
        line-height: 1.125rem;
        padding: 8px 0 8px 20px
    }
}

@media (min-width:1200px) {
    .nav-main .fsNavLevel2 li a {
        padding-left: 40px
    }
}

.nav-main .fsNavLevel2 li[class*=fsNavCurrentPage]>a,
.nav-main .fsNavLevel2 li a:focus,
.nav-main .fsNavLevel2 li a:hover {
    color: #89b05d;
    background: none
}

@media (min-width:1000px) {
    .nav-main .fsNavLevel2 li:first-child>a {
        padding-top: 25px
    }
}

.nav-main .fsNavLevel2>li:last-child {
    margin-bottom: 15px
}

@media (min-width:1000px) {
    .nav-main .fsNavLevel2>li:last-child {
        margin-bottom: 0
    }
}

.nav-main .fsNavPageThumbnail {
    background-size: cover;
    background-position: 50%;
    position: fixed;
    right: 0;
    top: 0;
    height: 100%;
    width: 39vw;
    overflow: hidden;
    display: none
}

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

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

@keyframes navAnimate {
    0% {
        opacity: 0;
        transform: translateX(-100px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@media (min-width:1000px) {
    .nav-main .fsNavLevel1>li>a {
        opacity: 0;
        transform: translateX(-100px);
        transition: .3s
    }

    .drawer-is-active .nav-main .fsNavLevel1>li>a {
        animation: navAnimate .75s .1s 1 forwards
    }

    .nav-main>header {
        opacity: 0;
        transition: .3s
    }

    .drawer-is-active .nav-main>header {
        opacity: 1;
        transition: .7s ease-in-out .2s
    }
}

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

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

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

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

.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: "\E91F";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

.nav-social .fsNavLevel1 [href*=linkedin]:before {
    content: "\E920";
    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: "\E930";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

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

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

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

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

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

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

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

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

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

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

.nav-social .fsNavLevel1 a {
    color: rgba(0, 0, 0, 0);
    white-space: nowrap;
    overflow: hidden;
    transition: .3s;
    display: block;
    line-height: 1;
    position: relative;
    border: 1px solid #fff;
    height: 37px;
    width: 37px;
    border-radius: 100%;
    background-color: #fff
}

.nav-social .fsNavLevel1 a:focus,
.nav-social .fsNavLevel1 a:hover {
    background: #d5f1fd;
    border-color: #fff;
    transition: .3s;
    transform: scale(1.1) translateY(-5px)
}

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

.nav-utility-header {
    margin-right: 5px;
    display: none
}

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

.nav-utility-header .fsNavLevel1 {
    display: flex
}

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

@media (min-width:350px) {
    .nav-utility-header .fsNavLevel1>li {
        margin: 0 15px
    }
}

.nav-utility-header .fsNavLevel1>li>a {
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 2.25rem;
    text-transform: uppercase;
    padding: 0
}

.nav-utility-header .fsNavLevel1>li>a:focus,
.nav-utility-header .fsNavLevel1>li>a:focus:before,
.nav-utility-header .fsNavLevel1>li>a:hover,
.nav-utility-header .fsNavLevel1>li>a:hover:before {
    color: #89b05d
}

.menu-utility-container {
    width: 100%;
    padding: 16px 20px 36px
}

@media (min-width:1000px) {
    .menu-utility-container {
        background-color: rgba(2, 47, 92, .28);
        padding: 20px
    }
}

@media (min-width:1100px) {
    .menu-utility-container {
        padding: 2.77vw
    }
}

@media (min-width:1440px) {
    .menu-utility-container {
        padding: 46px 42px
    }
}

.menu-utility-container>.fsElementContent {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

@media (min-width:1000px) {
    .menu-utility-container>.fsElementContent {
        flex-wrap: nowrap
    }
}

@media (max-width:999px) {
    .menu-utility-container .menu-toggle {
        order: 20
    }

    .menu-utility-container .menu-search {
        order: 30
    }

    .menu-utility-container .nav-utility-menu {
        order: 40
    }
}

.nav-utility-menu {
    width: 100%;
    margin: 0 -2px
}

@media (min-width:1000px) {
    .nav-utility-menu {
        margin: 0 2px;
        width: auto
    }
}

.nav-utility-menu .fsNavLevel1 {
    display: flex;
    flex-wrap: wrap
}

@media (min-width:1000px) {
    .nav-utility-menu .fsNavLevel1 {
        flex-wrap: nowrap
    }
}

.nav-utility-menu .fsNavLevel1>li {
    margin: 0 2px 4px;
    flex-grow: 1
}

@media (min-width:1000px) {
    .nav-utility-menu .fsNavLevel1>li {
        margin: 0 2px
    }
}

.nav-utility-menu .fsNavLevel1>li>a {
    background-color: hsla(0, 0%, 100%, .2);
    text-decoration: none;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 2.25rem;
    white-space: nowrap;
    font-size: .9375rem;
    padding: 7px 20px;
    display: block;
    text-align: center;
    color: #fff
}

@media (min-width:1100px) {
    .nav-utility-menu .fsNavLevel1>li>a {
        padding: 14px 20px
    }
}

@media (min-width:1200px) {
    .nav-utility-menu .fsNavLevel1>li>a {
        font-size: 1.25vw;
        padding: 14px 2vw
    }
}

@media (min-width:1440px) {
    .nav-utility-menu .fsNavLevel1>li>a {
        padding: 14px 30px;
        font-size: 1.125rem
    }
}

.nav-utility-menu .fsNavLevel1>li>a:focus,
.nav-utility-menu .fsNavLevel1>li>a:hover {
    color: #fff;
    background-color: #06729d
}

.nav-utility-menu .fsNavLevel1>li:nth-of-type(5n+2)>a:focus,
.nav-utility-menu .fsNavLevel1>li:nth-of-type(5n+2)>a:hover {
    background-color: #89b05d;
    color: #036
}

.nav-utility-menu .fsNavLevel1>li:nth-of-type(5n+3)>a:focus,
.nav-utility-menu .fsNavLevel1>li:nth-of-type(5n+3)>a:hover {
    background-color: #72caed;
    color: #036
}

.nav-utility-menu .fsNavLevel1>li:nth-of-type(5n+4)>a:focus,
.nav-utility-menu .fsNavLevel1>li:nth-of-type(5n+4)>a:hover {
    background-color: #3f3f3f
}

.nav-utility-menu .fsNavLevel1>li:nth-of-type(5n+5)>a:focus,
.nav-utility-menu .fsNavLevel1>li:nth-of-type(5n+5)>a:hover {
    background-color: #993f23
}

.nav-utility-menu .fsNavLevel1>li.fsNavCurrentPage:nth-of-type(5n+2)>a {
    background-color: #89b05d;
    color: #036
}

.nav-utility-menu .fsNavLevel1>li.fsNavCurrentPage:nth-of-type(5n+3)>a {
    background-color: #72caed;
    color: #036
}

.nav-utility-menu .fsNavLevel1>li.fsNavCurrentPage:nth-of-type(5n+4)>a {
    background-color: #3f3f3f
}

.nav-utility-menu .fsNavLevel1>li.fsNavCurrentPage:nth-of-type(5n+5)>a {
    background-color: #993f23
}

@keyframes menuAnimate {
    0% {
        opacity: 0;
        transform: translateY(-100px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@media (min-width:1000px) {
    .drawer-is-active .menu-utility-container>.fsElementContent {
        animation: menuAnimate .75s .1s 1 forwards
    }
}

.nav-utility-footer .fsNavLevel1>li>a {
    text-decoration: none;
    font-size: .875rem;
    line-height: 1.625rem;
    padding: 0
}

.nav-utility-footer .fsNavLevel1>li>a:focus,
.nav-utility-footer .fsNavLevel1>li>a:hover {
    color: #89b05d
}

.nav-utility-footer .fsNavLevel1>li.fsNavCurrentPage>a,
.nav-utility-footer .fsNavLevel1>li.fsNavCurrentPageAncestor>a {
    color: inherit
}

.nav-utility-footer .fsNavLevel1>li.fsNavCurrentPage>a:focus,
.nav-utility-footer .fsNavLevel1>li.fsNavCurrentPage>a:hover,
.nav-utility-footer .fsNavLevel1>li.fsNavCurrentPageAncestor>a:focus,
.nav-utility-footer .fsNavLevel1>li.fsNavCurrentPageAncestor>a:hover {
    color: #89b05d
}

.nav-accreditations {
    margin-bottom: 0;
    flex-grow: 1;
    order: 30;
    padding-right: 5px
}

@media (min-width:1200px) {
    .nav-accreditations {
        padding-right: 55px
    }
}

.nav-accreditations .fsNavLevel1 {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center
}

@media (min-width:1000px) {
    .nav-accreditations .fsNavLevel1 {
        justify-content: flex-end
    }
}

.nav-accreditations .fsNavLevel1 [href*=nais] {
    background-image: url(../images/nais.jpg)
}

.nav-accreditations .fsNavLevel1 [href*=aims] {
    background-image: url(../images/aims.jpg)
}

.nav-accreditations .fsNavLevel1 [href*=ibsc] {
    background-image: url(../images/ibsc.jpg)
}

.nav-accreditations .fsNavLevel1 [href*=miaa] {
    background-image: url(../images/MIAA-logo-gray.png)
}

.nav-accreditations .fsNavLevel1 [href*=niche] {
    background-image: url(../images/niche-2025-badge-top-boys-school-MD-gray.png)
}

.nav-accreditations .fsNavLevel1>li {
    margin: 6px 10px
}

@media (min-width:600px) {
    .nav-accreditations .fsNavLevel1>li {
        margin: 5px 10px
    }
}

@media (min-width:1000px) {
    .nav-accreditations .fsNavLevel1>li {
        margin: 5px 20px
    }
}

.nav-accreditations .fsNavLevel1>li>a {
    color: rgba(0, 0, 0, 0);
    white-space: nowrap;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0;
    min-width: 46px;
    min-height: 28px;
    padding: 0;
    transition: .3s;
    transform: translateZ(0) scale(1)
}

@media (min-width:600px) {
    .nav-accreditations .fsNavLevel1>li>a {
        min-height: 40px;
        min-width: 65px
    }
}

.nav-accreditations .fsNavLevel1>li>a[href*=nais] {
    width: 170px
}

@media (min-width:600px) {
    .nav-accreditations .fsNavLevel1>li>a[href*=nais] {
        width: 244px
    }
}

.nav-accreditations .fsNavLevel1>li>a[href*=aims] {
    width: 145px
}

@media (min-width:600px) {
    .nav-accreditations .fsNavLevel1>li>a[href*=aims] {
        width: 208px
    }
}

.nav-accreditations .fsNavLevel1>li>a[href*=ibsc] {
    width: 77px
}

@media (min-width:600px) {
    .nav-accreditations .fsNavLevel1>li>a[href*=ibsc] {
        width: 110px
    }
}

.nav-accreditations .fsNavLevel1>li>a[href*=miaa] {
    height: 46px;
    width: 46px
}

@media (min-width:600px) {
    .nav-accreditations .fsNavLevel1>li>a[href*=miaa] {
        height: 65px;
        width: 65px
    }
}

.nav-accreditations .fsNavLevel1>li>a:focus,
.nav-accreditations .fsNavLevel1>li>a:hover {
    transform: translateZ(0) scale(1.05);
    transition: .3s
}

.fsHeader {
    padding: 0;
    color: #fff;
    background-color: #036
}

.fsHeader header {
    display: none
}

.fsHeader .fsElement {
    margin-bottom: 0
}

.fsHeader a {
    color: #fff;
    text-decoration: none
}

.fsHeader a:focus,
.fsHeader a:hover {
    color: #fff
}

.header-container {
    padding: 16px 20px 19px 24px;
    width: 100%;
    left: 0;
    top: 0
}

@media (min-width:1000px) {
    .header-container {
        padding: 23px 20px 24px 24px
    }
}

@media (min-width:1200px) {
    .header-container {
        padding: 23px 3.125vw 24px 3.6vw
    }
}

@media (min-width:1440px) {
    .header-container {
        padding-left: 52px;
        padding-right: 45px
    }
}

.header-container>.fsElementContent,
.header-utility-container {
    display: flex;
    align-items: center
}

.header-utility-container {
    flex-grow: 1;
    justify-content: flex-end
}

.header-utility-container>.fsElementContent {
    display: flex;
    align-items: center
}

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

.header-logo {
    white-space: nowrap;
    margin-bottom: 0
}

@media (min-width:1000px) {
    .header-logo {
        max-width: calc(100% - 700px)
    }
}

.header-logo a {
    display: block;
    padding: 0;
    color: rgba(0, 0, 0, 0);
    background-image: url(../images/logo.svg);
    background-size: contain;
    background-position: 0;
    background-repeat: no-repeat;
    width: 177px;
    height: 36px;
    max-width: 100%
}

@media (min-width:1000px) {
    .header-logo a {
        width: 277px;
        height: 56px
    }
}

.header-logo a:focus,
.header-logo a:hover {
    color: rgba(0, 0, 0, 0)
}

.fsFooter {
    font-family: ff-nexus-sans, Arial, san-serif;
    font-size: .8125rem;
    line-height: 1.61538;
    padding-bottom: 25px
}

@media (min-width:600px) {
    .fsFooter {
        font-size: .875rem;
        line-height: 1.85714
    }
}

@media (min-width:1200px) {
    .fsFooter {
        font-size: .875rem
    }
}

.fsFooter .fsBanner {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center
}

@media (min-width:1000px) {
    .fsFooter .fsBanner {
        flex-direction: row;
        justify-content: space-between
    }
}

.fsFooter .fsBanner .school-details {
    margin-bottom: 25px
}

.fsFooter .fsElementTitle {
    font-family: ff-nexus-sans, Arial, san-serif;
    text-transform: uppercase;
    font-weight: 800;
    font-size: .9375rem;
    line-height: 1.8125rem;
    margin-bottom: 7px
}

.footer-container {
    width: 100%;
    background-color: #036;
    color: #fff;
    background-size: cover;
    position: relative;
    margin-bottom: 20px;
    padding: 25px 25px 50px
}

@media (min-width:600px) {
    .footer-container {
        padding-bottom: 75px
    }
}

@media (min-width:1000px) {
    .footer-container {
        margin-bottom: 5px
    }
}

@media (min-width:1200px) {
    .footer-container {
        padding: 30px 75px 100px
    }
}

.footer-container a,
.footer-container h1,
.footer-container h2,
.footer-container h3,
.footer-container h4,
.footer-container h5,
.footer-container h6 {
    color: inherit
}

.footer-container>header {
    display: none
}

.footer-container .fsElement {
    position: relative;
    z-index: 50
}

.footer-container .footer-bg-image {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
    opacity: .1
}

.footer-bg-image {
    margin-bottom: 0;
    background-size: auto 100%;
    background-position: -369px top
}

@media (min-width:600px) {
    .footer-bg-image {
        background-position: center -80px;
        background-size: 1440px 961px
    }
}

@media (min-width:1440px) {
    .footer-bg-image {
        background-size: auto 66.736vw
    }
}

.back-to-top {
    margin-bottom: 38px;
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

@media (min-width:600px) {
    .back-to-top {
        margin-bottom: 11px
    }
}

.back-to-top button {
    border: 0;
    background: none;
    margin: 0;
    color: #fff;
    font-family: ff-nexus-sans, Arial, san-serif;
    font-size: .8125rem;
    line-height: 1.8125rem;
    padding: 0 40px 0 0;
    position: relative;
    font-weight: 600;
    text-transform: uppercase;
    cursor: pointer
}

.back-to-top button:after {
    content: "\E902";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    font-size: 25px;
    line-height: 1;
    position: absolute;
    top: 0;
    right: 0;
    transition: .3s
}

.back-to-top button:focus:after,
.back-to-top button:hover:after {
    transition: .3s;
    transform: translateY(-10px)
}

.footer-logo {
    white-space: nowrap;
    margin: 0 auto 16px;
    width: 1180px;
    max-width: 100%
}

@media (min-width:600px) {
    .footer-logo {
        margin-bottom: 30px
    }
}

.footer-logo a {
    display: block;
    padding: 0;
    color: rgba(0, 0, 0, 0);
    background-image: url(../images/logo.svg);
    background-size: contain;
    background-position: 0;
    background-repeat: no-repeat;
    max-width: 100%;
    width: 244px;
    height: 49px
}

@media (min-width:600px) {
    .footer-logo a {
        width: 280px;
        height: 56px
    }
}

.footer-logo a:focus,
.footer-logo a:hover {
    color: rgba(0, 0, 0, 0)
}

.fsLayout.footer-content-wrapper {
    width: 1180px;
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap
}

@media (min-width:1000px) {
    .fsLayout.footer-content-wrapper {
        justify-content: space-between
    }
}

.fsLayout.footer-content-wrapper:after {
    display: none
}

.fsLayout.footer-content-wrapper>.fsStyleColumn {
    padding: 0;
    margin-bottom: 40px;
    width: 100%
}

@media (min-width:600px) {
    .fsLayout.footer-content-wrapper>.fsStyleColumn {
        width: 50%;
        margin-bottom: 0;
        padding-right: 30px
    }
}

@media (min-width:1000px) {
    .fsLayout.footer-content-wrapper>.fsStyleColumn {
        width: auto
    }
}

.fsLayout.footer-content-wrapper>.fsStyleColumn-last {
    width: 100%;
    padding: 0;
    margin-bottom: 0
}

@media (min-width:600px) {
    .fsLayout.footer-content-wrapper>.fsStyleColumn-last {
        margin-top: 40px
    }
}

@media (min-width:1000px) {
    .fsLayout.footer-content-wrapper>.fsStyleColumn-last {
        width: 42vw;
        margin: 0
    }
}

@media (min-width:1200px) {
    .fsLayout.footer-content-wrapper>.fsStyleColumn-last {
        width: 508px
    }
}

.school-details>.fsElementContent {
    text-transform: uppercase;
    font-weight: 500;
    font-family: ff-nexus-sans, Arial, san-serif;
    font-size: 1.0625rem;
    line-height: 1.70588
}

.school-details [itemprop=name] {
    margin-top: 0;
    font-weight: 600;
    font-size: 1.4375rem;
    line-height: 1.75rem;
    text-transform: uppercase;
    color: #242424;
    margin-bottom: 10px
}

.school-details [itemprop=name]:not(:first-child) {
    margin-top: 30px
}

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

.school-details a {
    color: inherit
}

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

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

html {
    font-family: myriad-pro-semi-condensed, sans-serif;
    background: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

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

@media (min-width:1000px) {
    body.drawer-is-active {
        height: 100vh;
        overflow: hidden
    }
}

#fsPageWrapper {
    overflow-x: hidden;
    position: relative
}

body.fsComposeMode #fsPageWrapper {
    overflow: visible
}

#fsPageBodyWrapper {
    background: #fff;
    padding: 50px 1.25em 120px
}

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

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

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

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

@media (min-width:900px) {
    #fsBannerLeft {
        padding-right: 30px;
        width: 230px;
        order: 1;
        margin-bottom: 0
    }
}

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

@media (min-width:900px) {
    .fsHasLeftBanner.fsHasRightBanner #fsBannerLeft {
        order: 1;
        padding-right: 30px;
        width: 230px
    }
}

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

@media (min-width:1100px) {
    .fsHasLeftBanner.fsHasRightBanner #fsBannerLeft {
        order: 1;
        padding-right: 30px;
        width: 230px
    }
}

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

#fsPageContent {
    width: 100%
}

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width:900px) {
    #fsBannerRight {
        padding-left: 40px;
        width: 300px;
        order: 1;
        margin-bottom: 0
    }
}

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

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

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

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

@media (min-width:1100px) {
    .fsHasLeftBanner.fsHasRightBanner #fsBannerRight {
        order: 1;
        padding-left: 40px;
        width: 300px
    }
}

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

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

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

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

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

@media (min-width:900px) {

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

.fsLayout.fsTwoColumnTopLayout {
    margin-left: 0;
    margin-right: 0
}

.fsLayout.fsTwoColumnTopLayout>.fsDiv {
    padding-left: 0;
    padding-right: 0
}

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

@media (min-width:800px) {
    .fsTwoColumnLayout>.fsDiv {
        width: 50%;
        float: left;
        padding-right: 1.25em;
        padding-left: 1.25em;
        margin-bottom: 0
    }
}

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

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

@media (min-width:900px) {

    .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:900px) {

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

@media (min-width:1000px) {

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

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

@media (min-width:900px) {

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

@media (min-width:1000px) {

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

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

@media (min-width:1100px) {

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

@media (min-width:1200px) {

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

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

@media (min-width:1100px) {

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

@media (min-width:1200px) {

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

@media (min-width:900px) {

    .fsHasElephantLeftLayout.fsHasRightBanner .fsStyleOneThird,
    .fsHasTwoColumnWideRightLayout.fsHasRightBanner .fsStyleOneThird {
        padding-right: 30px;
        width: 230px
    }
}

@media (min-width:1000px) {

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

@media (min-width:1100px) {

    .fsHasElephantLeftLayout.fsHasRightBanner .fsStyleOneThird,
    .fsHasTwoColumnWideRightLayout.fsHasRightBanner .fsStyleOneThird {
        padding-right: 30px;
        width: 230px
    }
}

@media (min-width:1200px) {

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

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

@media (min-width:900px) {

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

@media (min-width:1000px) {

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

@media (min-width:1100px) {

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

@media (min-width:1200px) {

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

@media (min-width:1100px) {

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

@media (min-width:1200px) {

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

@media (min-width:1100px) {

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

@media (min-width:1200px) {

    .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:1100px) {

    .fsHasElephantLeftLayout.fsHasLeftBanner .fsStyleOneThird,
    .fsHasTwoColumnWideRightLayout.fsHasLeftBanner .fsStyleOneThird {
        padding-right: 30px;
        width: 230px
    }
}

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

@media (min-width:1100px) {

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

@media (min-width:900px) {

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

@media (min-width:1100px) {

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

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

@media (min-width:900px) {

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

@media (min-width:1100px) {

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

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

@media (min-width:1100px) {

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

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

@media (min-width:1200px) {

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

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

@media (min-width:1200px) {

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

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

@media (min-width:900px) {

    .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:900px) {

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

@media (min-width:1000px) {

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

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

@media (min-width:900px) {

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

@media (min-width:1000px) {

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

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

@media (min-width:900px) {

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

@media (min-width:1000px) {

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

@media (min-width:1100px) {

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

@media (min-width:1200px) {

    .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:900px) {

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

@media (min-width:1000px) {

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

@media (min-width:1100px) {

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

@media (min-width:1200px) {

    .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:1100px) {

    .fsHasElephantRightLayout.fsHasLeftBanner .fsStyleOneThird,
    .fsHasTwoColumnWideLeftLayout.fsHasLeftBanner .fsStyleOneThird {
        padding-left: 40px;
        width: 300px
    }
}

@media (min-width:1200px) {

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

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

@media (min-width:1100px) {

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

@media (min-width:1200px) {

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

@media (min-width:1100px) {

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

@media (min-width:1200px) {

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

@media (min-width:1100px) {

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

@media (min-width:1200px) {

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

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

@media (min-width:1100px) {

    .fsHasElephantRightLayout.fsHasRightBanner .fsStyleOneThird,
    .fsHasTwoColumnWideLeftLayout.fsHasRightBanner .fsStyleOneThird {
        padding-left: 40px;
        width: 300px
    }
}

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

@media (min-width:1100px) {

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

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

@media (min-width:1100px) {

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

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

@media (min-width:900px) {

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

@media (min-width:1100px) {

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

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

@media (min-width:900px) {

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

@media (min-width:1100px) {

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

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

@media (min-width:1000px) {

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

@media (min-width:1100px) {

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

@media (min-width:1200px) {

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

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

@media (min-width:1000px) {

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

@media (min-width:1100px) {

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

@media (min-width:1200px) {

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

#fsPoweredByFinalsite {
    margin-bottom: 12px
}

@media (min-width:1000px) {
    #fsPoweredByFinalsite {
        margin-left: 25px;
        margin-bottom: 0
    }
}

@media (min-width:1200px) {
    #fsPoweredByFinalsite {
        margin-left: 75px
    }
}

@media (min-width:1330px) {
    #fsPoweredByFinalsite {
        margin-left: calc(50vw - 590px)
    }
}

.fsConstituent {
    word-break: break-word
}

.fsConstituent .fsElementPagination {
    margin: 10px 0
}

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

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

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

.fsConstituent.fsThumbnailAlignLeft .fsPhoto,
.fsConstituent.fsThumbnailAlignLeft .fsProfileImage {
    float: left;
    padding-right: 0
}

.fsConstituent.fsThumbnailAlignRight .fsPhoto,
.fsConstituent.fsThumbnailAlignRight .fsProfileImage {
    float: right;
    padding-left: 0
}

.fsConstituentProfile {
    position: relative
}

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

.fsConstituentProfile>div>strong {
    display: block
}

.fsConstituent .fsConstituentItem {
    float: none;
    width: calc(100% - 10px);
    margin: 0 auto 20px
}

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

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

.fsConstituent.directory-style .fsConstituentItem {
    position: relative;
    padding: 20px 20px 25px;
    color: #fff;
    text-align: center;
    font-size: 1rem;
    line-height: 1.4375rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    transition: padding .4s;
    background-color: #c4c4c4;
    min-height: 104vw;
    margin-bottom: 10px
}

@media (min-width:600px) {
    .fsConstituent.directory-style .fsConstituentItem {
        min-height: 390px
    }
}

.fsConstituent.directory-style .fsConstituentItem:before {
    content: "";
    width: 100%;
    height: 216px;
    background: linear-gradient(180deg, rgba(0, 51, 102, .0001), #173152 90.41%);
    opacity: .9;
    transform: matrix(-1, 0, 0, 1, 0, 0);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 20;
    transition: .4s
}

.fsConstituent.directory-style .fsConstituentItem>div,
.fsConstituent.directory-style .fsConstituentItem h3 {
    position: relative;
    z-index: 50
}

.fsConstituent.directory-style .fsConstituentItem .fsPhoto {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10
}

.fsConstituent.directory-style .fsConstituentItem .fsFullName,
.fsConstituent.directory-style .fsConstituentItem h3 {
    color: inherit;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 1.375rem;
    line-height: 1.75rem;
    margin: 0 0 5px
}

.fsConstituent.directory-style .fsConstituentItem .fsFullName a,
.fsConstituent.directory-style .fsConstituentItem h3 a {
    color: inherit;
    text-decoration: none
}

.fsConstituent.directory-style .fsConstituentItem:focus,
.fsConstituent.directory-style .fsConstituentItem:hover {
    padding-bottom: 35px;
    transition: padding .4s
}

.fsConstituent.directory-style .fsConstituentItem:focus:before,
.fsConstituent.directory-style .fsConstituentItem:hover:before {
    height: 319px;
    transition: .4s
}

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

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

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

.fsConstituentItem .fsPhoto img {
    display: block
}

div[class^=fsConstituentColumnLayout] {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px
}

@media (min-width:600px) {

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

@media (min-width:800px) {

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

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

.fsConstituent.fsProfile .fsFullName {
    margin-bottom: 10px
}

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

@media (min-width:800px) {

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

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

@media (min-width:800px) {

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

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

@media (min-width:600px) {

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

@media (min-width:800px) {

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

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

@media (min-width:800px) {

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

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

.fsProfileImage {
    margin-bottom: 10px
}

.fsProfileImage img {
    display: block
}

.fsProfileSection {
    margin-bottom: 10px
}

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

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

.fsConstituent.fsSearch {
    overflow: hidden
}

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

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

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

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

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

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

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

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

.fsConstituent.fsDialog .fsProfileImage:first-child {
    margin-top: 1em
}

.fsConstituent.fsDialog .fsProfileImage img {
    float: none;
    margin: 0
}

.fsConstituent .fsDialogContent {
    padding-top: 45px
}

.fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailLarge .fsProfileImage,
.fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall .fsProfileImage,
.fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailLarge .fsProfileImage,
.fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall .fsProfileImage {
    margin: 0 0 10px;
    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: 10px;
        float: left
    }
}

@media (min-width:800px) {

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

@media (min-width:800px) {

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

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

@media (min-width:600px) {

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

@media (min-width:800px) {

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

@media (min-width:800px) {

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

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

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

.fsAccordion .fsPanel>header:before,
.fsTabs .fsPanel>header:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(109.63deg, #036 48.86%, #0579a2 117.2%);
    opacity: 0;
    transition: .3s
}

.fsAccordion .fsPanel>header h2,
.fsTabs .fsPanel>header h2 {
    margin-bottom: 2px;
    display: block;
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 600;
    padding: 15px 20px;
    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: #e9f6fc;
    transition: .3s
}

.fsAccordion .fsPanel>header:hover h2,
.fsTabs .fsPanel>header:hover h2 {
    color: #036;
    transition: .3s
}

.fsAccordion .fsPanel>header:hover h2:after,
.fsAccordion .fsPanel>header:hover h2:before,
.fsTabs .fsPanel>header:hover h2:after,
.fsTabs .fsPanel>header:hover h2:before {
    color: #89b05d;
    transition: .3s
}

.fsAccordion .fsPanel>.fsElementContent,
.fsTabs .fsPanel>.fsElementContent {
    padding: 15px 20px
}

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

.fsAccordion .fsPanel.fsStateOpen>header:before,
.fsTabs .fsPanel.fsStateOpen>header:before {
    opacity: 1;
    transition: .3s
}

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

.fsAccordion .fsPanel.fsStateOpen>header h2:before,
.fsTabs .fsPanel.fsStateOpen>header h2:before {
    content: "\E928"
}

.fsPanelIconAfter.fsAccordion .fsPanel>header h2:after,
.fsPanelIconAfter.fsTabs .fsPanel>header h2:after,
.fsPanelIconBefore.fsAccordion .fsPanel>header h2:before,
.fsPanelIconBefore.fsTabs .fsPanel>header h2:before {
    content: "";
    border: none;
    width: auto;
    height: auto;
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    font-family: IcoMoon;
    font-size: 1rem;
    line-height: 1;
    transition: .3s;
    content: "\E928"
}

.fsPanelIconAfter.fsAccordion .fsPanel.fsStateOpen>header h2:after,
.fsPanelIconAfter.fsTabs .fsPanel.fsStateOpen>header h2:after,
.fsPanelIconBefore.fsAccordion .fsPanel.fsStateOpen>header h2:before,
.fsPanelIconBefore.fsTabs .fsPanel.fsStateOpen>header h2:before {
    content: "";
    border: none;
    width: auto;
    height: auto;
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    font-family: IcoMoon;
    font-size: 1rem;
    line-height: 1;
    transition: .3s;
    content: "\E928";
    color: #89b05d;
    transform: translate3d(0, -50%, 0) rotate(90deg)
}

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

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

.fsPanelIconAfter.fsAccordion .fsPanel>header h2:before,
.fsPanelIconAfter.fsTabs .fsPanel>header h2:before {
    display: none
}

.fsPanelIconAfter.fsAccordion .fsPanel>header h2:after,
.fsPanelIconAfter.fsTabs .fsPanel>header h2:after {
    right: 20px
}

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

.fsAthleticsEvent>.fsElementContent {
    width: 100%
}

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

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

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

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

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

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

.fsAthleticsEvent.fsList .fsListItems+button {
    margin-top: 60px
}

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

.fsAthleticsEvent.fsList .fsElementEventIcon img {
    vertical-align: middle
}

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

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

.fsAthleticsEvent.fsTable .fsAthleticsEventDetailLink {
    text-decoration: underline
}

.fsAthleticsEvent.fsTable .fsAthleticsEventDetailLink:focus,
.fsAthleticsEvent.fsTable .fsAthleticsEventDetailLink:hover {
    text-decoration: none
}

body.fsComposeMode .fsAthleticsEvent.fsTable>.fsElementContent {
    overflow-x: auto
}

.fsAthleticsEvent.fsDialog .fsAthleticsTitle {
    margin-top: 0;
    font-weight: 600;
    color: #242424;
    font-size: 2.125rem;
    line-height: 2.5625rem;
    color: #06729d;
    margin-bottom: 10px
}

.fsAthleticsEvent.fsDialog .fsAthleticsTitle:not(:first-child) {
    margin-top: 30px
}

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

.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: 30px;
    margin-bottom: 30px;
    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
}

.fsAthleticsTeam.fsProfile .fsElementEmpty {
    display: none
}

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

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

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

.fsBoardElement.fsList .fsListItems+button {
    margin-top: 60px
}

.fsCalendar article {
    position: relative;
    padding-left: 75px;
    min-height: 90px;
    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: #022f5c;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.fsCalendar .fsDate>span {
    display: block;
    font-size: .75rem;
    line-height: .9375rem;
    font-weight: 350;
    text-transform: uppercase
}

.fsCalendar .fsDate>span.fsMonth+.fsDay {
    margin-top: -5px
}

.fsCalendar .fsDate>span.fsDay {
    font-size: 1.875rem;
    line-height: 2.25rem;
    font-weight: 600
}

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

.fsCalendar .fsAllDay,
.fsCalendar .fsLocation,
.fsCalendar .fsTimeRange {
    margin-bottom: 4px;
    font-family: ff-nexus-sans, Helvetica, san-serif;
    font-variant: small-caps;
    font-style: normal;
    color: #131313;
    text-transform: uppercase
}

.fsCalendar .fsAllDay:before,
.fsCalendar .fsLocation:before,
.fsCalendar .fsTimeRange:before {
    color: #993f23;
    font-size: 12px;
    line-height: 1.16667
}

.fsCalendar .fsAllDay:before,
.fsCalendar .fsTimeRange:before {
    content: "\F017";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    margin-right: 5px
}

.fsCalendar .fsTimeRange:before {
    vertical-align: middle
}

.fsCalendar .fsLocation:before {
    content: "\E929";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    margin-right: 11px
}

.fsCalendar .fsDescription,
.fsCalendar .fsNotes {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.625;
    color: #373737
}

.fsCalendar .fsDescription:not(:first-child),
.fsCalendar .fsNotes:not(:first-child) {
    margin-top: 15px
}

.fsCalendar .fsDescription:not(:last-child),
.fsCalendar .fsNotes:not(:last-child) {
    margin-bottom: 15px
}

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

.fsCalendar .fsReadMoreLink {
    color: #036
}

.fsCalendar.fsList .fsListItems+button {
    margin-top: 0
}

.fsCalendar.fsGrid .fsCalendarDayView {
    margin-top: 20px
}

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

.fsCalendar.fsGrid .fsCalendarEventTitle {
    font-weight: 600
}

.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: #06729d;
        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: #06729d;
        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: #06729d;
        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 {
    color: #036;
    border: 1px solid #dfeecd;
    background: #dfeecd;
    padding: 19px 24px;
    border-radius: 0;
    text-align: center;
    text-decoration: none;
    transition: .3s;
    font-weight: 600;
    font-family: myriad-pro-semi-condensed, sans-serif;
    font-size: .875rem;
    line-height: 1rem;
    box-shadow: none;
    text-transform: uppercase;
    display: inline-block;
    display: table;
    margin: 20px auto
}

.scroll-up:after {
    content: "\E906";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    font-size: 8px;
    color: #993f23;
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
    transition: .3s
}

.fsStateSelected .scroll-up,
.scroll-up.on,
.scroll-up:focus,
.scroll-up:hover {
    color: #036;
    border-color: #89b05d;
    background: #89b05d;
    transition: .4s
}

.fsStateSelected .scroll-up:after,
.scroll-up.on:after,
.scroll-up:focus:after,
.scroll-up:hover:after {
    color: #fff;
    transition: .3s;
    transform: translateX(5px)
}

.scroll-up.fs_style_58 {
    word-break: break-word;
    margin-right: 0;
    margin-bottom: 40px;
    padding: 29px 24px;
    font-size: 1.25rem;
    line-height: 1.5rem
}

@media (min-width:600px) {
    .scroll-up.fs_style_58 {
        padding: 29px 60px
    }
}

.scroll-up.fs_style_58:after {
    display: none
}

.scroll-up.fs_style_58 em {
    display: block;
    width: 100%;
    font-weight: 400;
    font-style: normal;
    font-family: myriad-pro-semi-condensed, sans-serif;
    font-size: 1rem;
    line-height: 1.625rem;
    margin-top: 4px;
    text-transform: none
}

.fsBannerLeft .scroll-up.fs_style_58,
.fsBannerRight .scroll-up.fs_style_58,
.fsFourColumnLayout>.fsDiv .scroll-up.fs_style_58,
.fsStyleOneThird .scroll-up.fs_style_58,
.fsThreeColumnLayout>.fsDiv .scroll-up.fs_style_58 {
    display: block;
    width: 100%
}

body:not(.fsComposeMode) .scroll-up.fs_style_58:last-child {
    margin-bottom: 0
}

.scroll-up.fs_style_59 {
    display: block;
    margin: 0 0 10px;
    width: 100%
}

body:not(.fsComposeMode) .scroll-up.fs_style_59:last-child {
    margin-bottom: 0
}

.fsAccount .scroll-up[type=submit],
.scroll-up.fsSelectAll {
    border: 1px solid #dfeecd
}

.fsAccount .scroll-up[type=submit]:focus,
.fsAccount .scroll-up[type=submit]:hover,
.scroll-up.fsSelectAll:focus,
.scroll-up.fsSelectAll:hover {
    border-color: #89b05d
}

.scroll-up.fsStyleFloatRight {
    margin-right: 0
}

.scroll-up:not(:first-child) {
    margin-top: 0
}

footer .scroll-up,
p:last-child .scroll-up:last-child {
    margin: 0
}

.fsNavigation .scroll-up {
    padding: 15px 20px;
    color: #036;
    background-color: #dfeecd
}

.fsNavigation .scroll-up:focus,
.fsNavigation .scroll-up:hover {
    color: #036;
    background-color: #89b05d
}

.scroll-up:after {
    display: none
}

.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.fsSlideshowHorizontal .fsElementSlideshow {
    padding-left: 45px;
    padding-right: 45px;
    padding-bottom: 0
}

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

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: myriad-pro-semi-condensed, sans-serif;
    font-size: 16px;
    line-height: 26px;
    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: #06729d;
    margin-right: 10px;
    cursor: pointer;
    transition: .3s
}

.fsComposerFormEmbed form .linkLike:hover {
    color: #06729d
}

.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: #06729d;
    transition: .3s;
    outline: 0;
    float: left;
    line-height: 1;
    padding: 10px 0
}

.fsComposerFormEmbed form .pageBreak .nextPage:hover,
.fsComposerFormEmbed form .pageBreak .prevPage:hover {
    color: #06729d;
    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 {
    color: #036;
    border: 1px solid #dfeecd;
    background: #dfeecd;
    padding: 19px 24px;
    margin: 0 10px 10px 0;
    border-radius: 0;
    text-align: center;
    text-decoration: none;
    transition: .3s;
    font-weight: 600;
    font-family: myriad-pro-semi-condensed, sans-serif;
    font-size: .875rem;
    line-height: 1rem;
    box-shadow: none;
    text-transform: uppercase
}

.fsComposerFormEmbed form .submitBtn:after {
    content: "\E906";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    font-size: 8px;
    color: #993f23;
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
    transition: .3s
}

.fsComposerFormEmbed form .submitBtn.on,
.fsComposerFormEmbed form .submitBtn:focus,
.fsComposerFormEmbed form .submitBtn:hover,
.fsStateSelected .fsComposerFormEmbed form .submitBtn {
    color: #036;
    border-color: #89b05d;
    background: #89b05d;
    transition: .4s
}

.fsComposerFormEmbed form .submitBtn.on:after,
.fsComposerFormEmbed form .submitBtn:focus:after,
.fsComposerFormEmbed form .submitBtn:hover:after,
.fsStateSelected .fsComposerFormEmbed form .submitBtn:after {
    color: #fff;
    transition: .3s;
    transform: translateX(5px)
}

.fsComposerFormEmbed form .submitBtn.fs_style_58 {
    word-break: break-word;
    margin-right: 0;
    margin-bottom: 40px;
    padding: 29px 24px;
    font-size: 1.25rem;
    line-height: 1.5rem
}

@media (min-width:600px) {
    .fsComposerFormEmbed form .submitBtn.fs_style_58 {
        padding: 29px 60px
    }
}

.fsComposerFormEmbed form .submitBtn.fs_style_58:after {
    display: none
}

.fsComposerFormEmbed form .submitBtn.fs_style_58 em {
    display: block;
    width: 100%;
    font-weight: 400;
    font-style: normal;
    font-family: myriad-pro-semi-condensed, sans-serif;
    font-size: 1rem;
    line-height: 1.625rem;
    margin-top: 4px;
    text-transform: none
}

.fsBannerLeft .fsComposerFormEmbed form .submitBtn.fs_style_58,
.fsBannerRight .fsComposerFormEmbed form .submitBtn.fs_style_58,
.fsFourColumnLayout>.fsDiv .fsComposerFormEmbed form .submitBtn.fs_style_58,
.fsStyleOneThird .fsComposerFormEmbed form .submitBtn.fs_style_58,
.fsThreeColumnLayout>.fsDiv .fsComposerFormEmbed form .submitBtn.fs_style_58 {
    display: block;
    width: 100%
}

body:not(.fsComposeMode) .fsComposerFormEmbed form .submitBtn.fs_style_58:last-child {
    margin-bottom: 0
}

.fsComposerFormEmbed form .submitBtn.fs_style_59 {
    display: block;
    margin: 0 0 10px;
    width: 100%
}

body:not(.fsComposeMode) .fsComposerFormEmbed form .submitBtn.fs_style_59:last-child {
    margin-bottom: 0
}

.fsAccount .fsComposerFormEmbed form .submitBtn[type=submit],
.fsComposerFormEmbed form .submitBtn.fsSelectAll {
    border: 1px solid #dfeecd
}

.fsAccount .fsComposerFormEmbed form .submitBtn[type=submit]:focus,
.fsAccount .fsComposerFormEmbed form .submitBtn[type=submit]:hover,
.fsComposerFormEmbed form .submitBtn.fsSelectAll:focus,
.fsComposerFormEmbed form .submitBtn.fsSelectAll:hover {
    border-color: #89b05d
}

.fsComposerFormEmbed form .submitBtn.fsStyleFloatRight {
    margin-right: 0
}

.fsComposerFormEmbed form .submitBtn:not(:first-child) {
    margin-top: 0
}

footer .fsComposerFormEmbed form .submitBtn,
p:last-child .fsComposerFormEmbed form .submitBtn:last-child {
    margin: 0
}

.fsNavigation .fsComposerFormEmbed form .submitBtn {
    padding: 15px 20px;
    color: #036;
    background-color: #dfeecd
}

.fsNavigation .fsComposerFormEmbed form .submitBtn:focus,
.fsNavigation .fsComposerFormEmbed form .submitBtn:hover {
    color: #036;
    background-color: #89b05d
}

.fsComposerFormEmbed .ui-widget {
    font-family: myriad-pro-semi-condensed, 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
}

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

.fsError {
    margin-bottom: 50px
}

.fsLoginNewSuccess>button,
.fsResetCancel,
.fsResetContinue {
    color: #036;
    border: 1px solid #dfeecd;
    background: #dfeecd;
    padding: 19px 24px;
    margin: 0 10px 10px 0;
    border-radius: 0;
    text-align: center;
    text-decoration: none;
    transition: .3s;
    font-weight: 600;
    font-family: myriad-pro-semi-condensed, sans-serif;
    font-size: .875rem;
    line-height: 1rem;
    box-shadow: none;
    text-transform: uppercase;
    display: inline-block
}

.fsLoginNewSuccess>button:after,
.fsResetCancel:after,
.fsResetContinue:after {
    content: "\E906";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    font-size: 8px;
    color: #993f23;
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
    transition: .3s
}

.fsLoginNewSuccess>button.on,
.fsLoginNewSuccess>button:focus,
.fsLoginNewSuccess>button:hover,
.fsResetCancel.on,
.fsResetCancel:focus,
.fsResetCancel:hover,
.fsResetContinue.on,
.fsResetContinue:focus,
.fsResetContinue:hover,
.fsStateSelected .fsLoginNewSuccess>button,
.fsStateSelected .fsResetCancel,
.fsStateSelected .fsResetContinue {
    color: #036;
    border-color: #89b05d;
    background: #89b05d;
    transition: .4s
}

.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 {
    color: #fff;
    transition: .3s;
    transform: translateX(5px)
}

.fsLoginNewSuccess>button.fs_style_58,
.fsResetCancel.fs_style_58,
.fsResetContinue.fs_style_58 {
    word-break: break-word;
    margin-right: 0;
    margin-bottom: 40px;
    padding: 29px 24px;
    font-size: 1.25rem;
    line-height: 1.5rem
}

@media (min-width:600px) {

    .fsLoginNewSuccess>button.fs_style_58,
    .fsResetCancel.fs_style_58,
    .fsResetContinue.fs_style_58 {
        padding: 29px 60px
    }
}

.fsLoginNewSuccess>button.fs_style_58:after,
.fsResetCancel.fs_style_58:after,
.fsResetContinue.fs_style_58:after {
    display: none
}

.fsLoginNewSuccess>button.fs_style_58 em,
.fsResetCancel.fs_style_58 em,
.fsResetContinue.fs_style_58 em {
    display: block;
    width: 100%;
    font-weight: 400;
    font-style: normal;
    font-family: myriad-pro-semi-condensed, sans-serif;
    font-size: 1rem;
    line-height: 1.625rem;
    margin-top: 4px;
    text-transform: none
}

.fsBannerLeft .fsLoginNewSuccess>button.fs_style_58,
.fsBannerLeft .fsResetCancel.fs_style_58,
.fsBannerLeft .fsResetContinue.fs_style_58,
.fsBannerRight .fsLoginNewSuccess>button.fs_style_58,
.fsBannerRight .fsResetCancel.fs_style_58,
.fsBannerRight .fsResetContinue.fs_style_58,
.fsFourColumnLayout>.fsDiv .fsLoginNewSuccess>button.fs_style_58,
.fsFourColumnLayout>.fsDiv .fsResetCancel.fs_style_58,
.fsFourColumnLayout>.fsDiv .fsResetContinue.fs_style_58,
.fsStyleOneThird .fsLoginNewSuccess>button.fs_style_58,
.fsStyleOneThird .fsResetCancel.fs_style_58,
.fsStyleOneThird .fsResetContinue.fs_style_58,
.fsThreeColumnLayout>.fsDiv .fsLoginNewSuccess>button.fs_style_58,
.fsThreeColumnLayout>.fsDiv .fsResetCancel.fs_style_58,
.fsThreeColumnLayout>.fsDiv .fsResetContinue.fs_style_58 {
    display: block;
    width: 100%
}

body:not(.fsComposeMode) .fsLoginNewSuccess>button.fs_style_58:last-child,
body:not(.fsComposeMode) .fsResetCancel.fs_style_58:last-child,
body:not(.fsComposeMode) .fsResetContinue.fs_style_58:last-child {
    margin-bottom: 0
}

.fsLoginNewSuccess>button.fs_style_59,
.fsResetCancel.fs_style_59,
.fsResetContinue.fs_style_59 {
    display: block;
    margin: 0 0 10px;
    width: 100%
}

body:not(.fsComposeMode) .fsLoginNewSuccess>button.fs_style_59:last-child,
body:not(.fsComposeMode) .fsResetCancel.fs_style_59:last-child,
body:not(.fsComposeMode) .fsResetContinue.fs_style_59:last-child {
    margin-bottom: 0
}

.fsAccount .fsLoginNewSuccess>button[type=submit],
.fsAccount .fsResetCancel[type=submit],
.fsAccount .fsResetContinue[type=submit],
.fsLoginNewSuccess>button.fsSelectAll,
.fsResetCancel.fsSelectAll,
.fsResetContinue.fsSelectAll {
    border: 1px solid #dfeecd
}

.fsAccount .fsLoginNewSuccess>button[type=submit]:focus,
.fsAccount .fsLoginNewSuccess>button[type=submit]:hover,
.fsAccount .fsResetCancel[type=submit]:focus,
.fsAccount .fsResetCancel[type=submit]:hover,
.fsAccount .fsResetContinue[type=submit]:focus,
.fsAccount .fsResetContinue[type=submit]:hover,
.fsLoginNewSuccess>button.fsSelectAll:focus,
.fsLoginNewSuccess>button.fsSelectAll:hover,
.fsResetCancel.fsSelectAll:focus,
.fsResetCancel.fsSelectAll:hover,
.fsResetContinue.fsSelectAll:focus,
.fsResetContinue.fsSelectAll:hover {
    border-color: #89b05d
}

.fsLoginNewSuccess>button.fsStyleFloatRight,
.fsResetCancel.fsStyleFloatRight,
.fsResetContinue.fsStyleFloatRight {
    margin-right: 0
}

.fsLoginNewSuccess>button:not(:first-child),
.fsResetCancel:not(:first-child),
.fsResetContinue:not(:first-child) {
    margin-top: 0
}

footer .fsLoginNewSuccess>button,
footer .fsResetCancel,
footer .fsResetContinue,
p:last-child .fsLoginNewSuccess>button:last-child,
p:last-child .fsResetCancel:last-child,
p:last-child .fsResetContinue:last-child {
    margin: 0
}

.fsNavigation .fsLoginNewSuccess>button,
.fsNavigation .fsResetCancel,
.fsNavigation .fsResetContinue {
    padding: 15px 20px;
    color: #036;
    background-color: #dfeecd
}

.fsNavigation .fsLoginNewSuccess>button:focus,
.fsNavigation .fsLoginNewSuccess>button:hover,
.fsNavigation .fsResetCancel:focus,
.fsNavigation .fsResetCancel:hover,
.fsNavigation .fsResetContinue:focus,
.fsNavigation .fsResetContinue:hover {
    color: #036;
    background-color: #89b05d
}

.fsLoginNewSuccess>button:after,
.fsResetCancel:after,
.fsResetContinue:after {
    display: none
}

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

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

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

.fsNews.fsList .fsListItems+button {
    margin-top: 60px
}

.fsPostElement[class*=fsThumbnailAlign] article>.article-wrapper,
.fsPostElement article[class*=fsThumbnailAlign]>.article-wrapper {
    display: flex;
    flex-flow: row wrap;
    width: calc(100% + 30px);
    margin-left: -15px;
    margin-right: -15px
}

.fsPostElement[class*=fsThumbnailAlign] article>.article-wrapper>.article-image,
.fsPostElement article[class*=fsThumbnailAlign]>.article-wrapper>.article-image {
    flex: 0 1 auto;
    padding-left: 15px;
    padding-right: 15px
}

.fsPostElement[class*=fsThumbnailAlign] article>.article-wrapper>.article-image .fsThumbnail,
.fsPostElement article[class*=fsThumbnailAlign]>.article-wrapper>.article-image .fsThumbnail {
    float: none;
    margin-left: 0;
    margin-right: 0
}

.fsPostElement[class*=fsThumbnailAlign] article>.article-wrapper>.article-text,
.fsPostElement article[class*=fsThumbnailAlign]>.article-wrapper>.article-text {
    flex: 0 1 auto;
    padding-left: 15px;
    padding-right: 15px
}

.fsPostElement.fsThumbnailSmall article>.article-wrapper>.article-text,
.fsPostElement article.fsThumbnailSmall>.article-wrapper>.article-text {
    flex-grow: 1;
    flex-basis: calc(507492px - 99900%)
}

.fsPostElement.fsThumbnailMedium article>.article-wrapper>.article-text,
.fsPostElement article.fsThumbnailMedium>.article-wrapper>.article-text {
    flex-grow: 1;
    flex-basis: calc(679320px - 99900%)
}

.fsPostElement.fsThumbnailLarge article>.article-wrapper>.article-text,
.fsPostElement article.fsThumbnailLarge>.article-wrapper>.article-text {
    flex-grow: 1;
    flex-basis: calc(891108px - 99900%)
}

.fsPostElement.fsThumbnailXLarge article>.article-wrapper>.article-text,
.fsPostElement article.fsThumbnailXLarge>.article-wrapper>.article-text {
    flex-grow: 1;
    flex-basis: calc(1146852px - 99900%)
}

.fsPostElement.fsThumbnailRectangle.fsThumbnailSmall article>.article-wrapper>.article-image .fsThumbnail,
.fsPostElement.fsThumbnailSquare.fsThumbnailSmall article>.article-wrapper>.article-image .fsThumbnail {
    width: 128px;
    max-width: 100%
}

.fsPostElement.fsThumbnailRectangle.fsThumbnailMedium article>.article-wrapper>.article-image .fsThumbnail,
.fsPostElement.fsThumbnailSquare.fsThumbnailMedium article>.article-wrapper>.article-image .fsThumbnail {
    width: 300px;
    max-width: 100%
}

.fsPostElement.fsThumbnailRectangle.fsThumbnailLarge article>.article-wrapper>.article-image .fsThumbnail,
.fsPostElement.fsThumbnailSquare.fsThumbnailLarge article>.article-wrapper>.article-image .fsThumbnail {
    width: 512px;
    max-width: 100%
}

.fsPostElement.fsThumbnailRectangle.fsThumbnailXLarge article>.article-wrapper>.article-image .fsThumbnail,
.fsPostElement.fsThumbnailSquare.fsThumbnailXLarge article>.article-wrapper>.article-image .fsThumbnail {
    width: 768px;
    max-width: 100%
}

.fsPostElement .fsThumbnail {
    display: block;
    margin-bottom: 15px
}

.fsPostElement .fsThumbnail .fsCroppedImage,
.fsPostElement .fsThumbnail img {
    display: block
}

.fsPostElement .fsTitle {
    margin-bottom: 15px
}

.fsPostElement .fsAuthor,
.fsPostElement .fsDateTime {
    display: block
}

.fsPostElement .fsDateTime {
    margin-bottom: 15px
}

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

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

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

.fsPostElement.fsList article {
    margin-bottom: 40px;
    padding-bottom: 40px
}

.fsBannerLeft .fsPostElement.fsList article,
.fsBannerRight .fsPostElement.fsList article,
.fsFourColumnLayout>.fsDiv .fsPostElement.fsList article,
.fsStyleOneThird .fsPostElement.fsList article,
.fsThreeColumnLayout>.fsDiv .fsPostElement.fsList article {
    margin-bottom: 30px;
    padding-bottom: 30px
}

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

.fsPostElement.fsPost.fsSingleItem .fsBody {
    margin-top: 15px
}

.fsResourceElement .fsTitle {
    margin-bottom: 10px
}

.fsResourceElement figcaption {
    margin-top: 10px
}

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

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

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

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

.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: 30px;
    margin-bottom: 30px;
    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
}

.fsSearchElement.header-search {
    align-items: center;
    position: relative;
    min-height: 40px;
    width: 100%;
    justify-content: flex-end;
    margin-bottom: 0;
    display: flex
}

@media (min-width:700px) {
    .fsSearchElement.header-search {
        padding: 0;
        align-self: center;
        min-height: 0;
        width: auto
    }
}

.fsSearchElement.header-search>.fsElementContent {
    opacity: 0;
    transition: .3s;
    width: 0;
    overflow: hidden
}

.search-is-active .fsSearchElement.header-search>.fsElementContent {
    opacity: 1;
    transform: scale(1);
    transition: .3s;
    z-index: 300;
    width: 247px;
    overflow: visible
}

.search-is-active .fsSearchElement.header-search>.fsElementContent form {
    visibility: visible
}

.fsSearchElement.header-search form {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 300;
    visibility: hidden;
    background: #fff;
    border: none;
    height: 40px
}

.fsSearchElement.header-search form ::-webkit-input-placeholder {
    color: #373737
}

.fsSearchElement.header-search form :-moz-placeholder,
.fsSearchElement.header-search form ::-moz-placeholder {
    color: #373737;
    opacity: 1
}

.fsSearchElement.header-search form :-ms-input-placeholder {
    color: #373737
}

@media (min-width:1000px) {
    .fsSearchElement.header-search form {
        height: 60px
    }
}

.fsSearchElement.header-search form>.fsFieldLabel {
    display: block;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.fsSearchElement.header-search form>.fsSearchElementKeyword {
    margin: 0;
    flex-grow: 1;
    padding-left: 22px
}

.fsSearchElement.header-search form>.fsSearchElementKeyword input {
    border: none;
    padding: 0;
    outline: none;
    font-size: 1rem;
    line-height: 36px;
    background: #fff;
    border-radius: 0
}

.fsSearchElement.header-search form>.fsSearchElementSearchButton {
    border: 0;
    background: none;
    padding: 0;
    margin: 0;
    color: rgba(0, 0, 0, 0);
    cursor: pointer;
    transition: .3s;
    overflow: hidden;
    white-space: nowrap;
    box-shadow: none;
    background-color: #03284d;
    position: absolute;
    right: -40px;
    width: 40px;
    height: 40px
}

@media (min-width:1000px) {
    .fsSearchElement.header-search form>.fsSearchElementSearchButton {
        right: -60px;
        width: 60px;
        height: 60px
    }
}

.fsSearchElement.header-search form>.fsSearchElementSearchButton:before {
    content: "\E924";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 18px;
    line-height: 40px;
    transition: .3s;
    display: block
}

@media (min-width:1000px) {
    .fsSearchElement.header-search form>.fsSearchElementSearchButton:before {
        line-height: 60px
    }
}

.fsSearchElement.header-search form>.fsSearchElementSearchButton:focus:after,
.fsSearchElement.header-search form>.fsSearchElementSearchButton:hover:after {
    color: #06729d;
    transition: .3s
}

.fsSearchElement.header-search>footer .fsElementFooterContent {
    margin: 0
}

.fsSearchElement.header-search .fsElementToolsKeyword .fsButtonClear,
.fsSearchElement.header-search .fsSearchElementKeyword .fsButtonClear {
    height: 22px
}

.fsSearchElement.menu-search {
    overflow: hidden;
    position: relative;
    width: 100%;
    margin: 20px 0
}

@media (min-width:1000px) {
    .fsSearchElement.menu-search {
        width: 525px;
        flex-grow: 1;
        margin: 0
    }
}

.fsSearchElement.menu-search form {
    display: flex
}

.fsSearchElement.menu-search .fsFieldLabel {
    display: block;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.fsSearchElement.menu-search .fsSearchElementKeyword {
    order: 10;
    margin: 0;
    flex-grow: 1
}

.fsSearchElement.menu-search .fsSearchElementKeyword .fsStyleSearchField {
    height: 44px;
    background-color: hsla(0, 0%, 100%, .45);
    border: none;
    border-radius: 0
}

@media (min-width:1000px) {
    .fsSearchElement.menu-search .fsSearchElementKeyword .fsStyleSearchField {
        height: 50px
    }
}

@media (min-width:1100px) {
    .fsSearchElement.menu-search .fsSearchElementKeyword .fsStyleSearchField {
        height: 64px
    }
}

.fsSearchElement.menu-search .fsSearchElementSearchButton {
    width: 44px;
    height: 44px;
    background-color: hsla(0, 0%, 100%, .18);
    white-space: nowrap;
    color: rgba(0, 0, 0, 0);
    position: relative;
    border: none;
    margin-right: 1px
}

@media (min-width:1000px) {
    .fsSearchElement.menu-search .fsSearchElementSearchButton {
        width: 50px;
        height: 50px
    }
}

@media (min-width:1100px) {
    .fsSearchElement.menu-search .fsSearchElementSearchButton {
        width: 64px;
        height: 64px
    }
}

.fsSearchElement.menu-search .fsSearchElementSearchButton:before {
    content: "\E924";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 18px;
    line-height: 44px;
    transition: .3s;
    display: block
}

@media (min-width:1000px) {
    .fsSearchElement.menu-search .fsSearchElementSearchButton:before {
        line-height: 50px
    }
}

@media (min-width:1100px) {
    .fsSearchElement.menu-search .fsSearchElementSearchButton:before {
        line-height: 64px
    }
}

.fsSearchElement.menu-search .fsSearchElementSearchButton:focus,
.fsSearchElement.menu-search .fsSearchElementSearchButton:hover {
    background-color: #03284d;
    transition: .3s
}

.search-button {
    border: 0;
    background: none;
    padding: 0;
    color: rgba(0, 0, 0, 0);
    position: relative;
    cursor: pointer;
    transition: .3s;
    width: 46px;
    height: 40px;
    overflow: hidden;
    white-space: nowrap;
    margin: 0
}

@media (min-width:1000px) {
    .search-button {
        border-left: 1px solid #fff;
        width: 60px;
        height: 60px
    }
}

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

.search-button:before {
    content: "\E924";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 18px;
    line-height: 40px;
    transition: .3s
}

@media (min-width:1000px) {
    .search-button:before {
        line-height: 60px
    }
}

.search-button:focus,
.search-button:hover {
    background-color: #03284d;
    transition: .3s
}

.search-button:focus:before,
.search-button:hover:before {
    color: #fff
}

.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 {
    color: #036;
    border: 1px solid #dfeecd;
    background: #dfeecd;
    padding: 19px 24px;
    margin: 0 10px 10px 0;
    border-radius: 0;
    text-align: center;
    text-decoration: none;
    transition: .3s;
    font-weight: 600;
    font-family: myriad-pro-semi-condensed, sans-serif;
    font-size: .875rem;
    line-height: 1rem;
    box-shadow: none;
    text-transform: uppercase;
    display: inline-block
}

.vimeo_view_link a:after {
    content: "\E906";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    font-size: 8px;
    color: #993f23;
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
    transition: .3s
}

.fsStateSelected .vimeo_view_link a,
.vimeo_view_link a.on,
.vimeo_view_link a:focus,
.vimeo_view_link a:hover {
    color: #036;
    border-color: #89b05d;
    background: #89b05d;
    transition: .4s
}

.fsStateSelected .vimeo_view_link a:after,
.vimeo_view_link a.on:after,
.vimeo_view_link a:focus:after,
.vimeo_view_link a:hover:after {
    color: #fff;
    transition: .3s;
    transform: translateX(5px)
}

.vimeo_view_link a.fs_style_58 {
    word-break: break-word;
    margin-right: 0;
    margin-bottom: 40px;
    padding: 29px 24px;
    font-size: 1.25rem;
    line-height: 1.5rem
}

@media (min-width:600px) {
    .vimeo_view_link a.fs_style_58 {
        padding: 29px 60px
    }
}

.vimeo_view_link a.fs_style_58:after {
    display: none
}

.vimeo_view_link a.fs_style_58 em {
    display: block;
    width: 100%;
    font-weight: 400;
    font-style: normal;
    font-family: myriad-pro-semi-condensed, sans-serif;
    font-size: 1rem;
    line-height: 1.625rem;
    margin-top: 4px;
    text-transform: none
}

.fsBannerLeft .vimeo_view_link a.fs_style_58,
.fsBannerRight .vimeo_view_link a.fs_style_58,
.fsFourColumnLayout>.fsDiv .vimeo_view_link a.fs_style_58,
.fsStyleOneThird .vimeo_view_link a.fs_style_58,
.fsThreeColumnLayout>.fsDiv .vimeo_view_link a.fs_style_58 {
    display: block;
    width: 100%
}

body:not(.fsComposeMode) .vimeo_view_link a.fs_style_58:last-child {
    margin-bottom: 0
}

.vimeo_view_link a.fs_style_59 {
    display: block;
    margin: 0 0 10px;
    width: 100%
}

body:not(.fsComposeMode) .vimeo_view_link a.fs_style_59:last-child {
    margin-bottom: 0
}

.fsAccount .vimeo_view_link a[type=submit],
.vimeo_view_link a.fsSelectAll {
    border: 1px solid #dfeecd
}

.fsAccount .vimeo_view_link a[type=submit]:focus,
.fsAccount .vimeo_view_link a[type=submit]:hover,
.vimeo_view_link a.fsSelectAll:focus,
.vimeo_view_link a.fsSelectAll:hover {
    border-color: #89b05d
}

.vimeo_view_link a.fsStyleFloatRight {
    margin-right: 0
}

.vimeo_view_link a:not(:first-child) {
    margin-top: 0
}

footer .vimeo_view_link a,
p:last-child .vimeo_view_link a:last-child {
    margin: 0
}

.fsNavigation .vimeo_view_link a {
    padding: 15px 20px;
    color: #036;
    background-color: #dfeecd
}

.fsNavigation .vimeo_view_link a:focus,
.fsNavigation .vimeo_view_link a:hover {
    color: #036;
    background-color: #89b05d
}

.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 {
    color: #036;
    border: 1px solid #dfeecd;
    background: #dfeecd;
    padding: 19px 24px;
    margin: 0 10px 10px 0;
    border-radius: 0;
    text-align: center;
    text-decoration: none;
    transition: .3s;
    font-weight: 600;
    font-family: myriad-pro-semi-condensed, sans-serif;
    font-size: .875rem;
    line-height: 1rem;
    box-shadow: none;
    text-transform: uppercase;
    display: inline-block
}

.Youtube_view_link a:after {
    content: "\E906";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    font-size: 8px;
    color: #993f23;
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
    transition: .3s
}

.fsStateSelected .Youtube_view_link a,
.Youtube_view_link a.on,
.Youtube_view_link a:focus,
.Youtube_view_link a:hover {
    color: #036;
    border-color: #89b05d;
    background: #89b05d;
    transition: .4s
}

.fsStateSelected .Youtube_view_link a:after,
.Youtube_view_link a.on:after,
.Youtube_view_link a:focus:after,
.Youtube_view_link a:hover:after {
    color: #fff;
    transition: .3s;
    transform: translateX(5px)
}

.Youtube_view_link a.fs_style_58 {
    word-break: break-word;
    margin-right: 0;
    margin-bottom: 40px;
    padding: 29px 24px;
    font-size: 1.25rem;
    line-height: 1.5rem
}

@media (min-width:600px) {
    .Youtube_view_link a.fs_style_58 {
        padding: 29px 60px
    }
}

.Youtube_view_link a.fs_style_58:after {
    display: none
}

.Youtube_view_link a.fs_style_58 em {
    display: block;
    width: 100%;
    font-weight: 400;
    font-style: normal;
    font-family: myriad-pro-semi-condensed, sans-serif;
    font-size: 1rem;
    line-height: 1.625rem;
    margin-top: 4px;
    text-transform: none
}

.fsBannerLeft .Youtube_view_link a.fs_style_58,
.fsBannerRight .Youtube_view_link a.fs_style_58,
.fsFourColumnLayout>.fsDiv .Youtube_view_link a.fs_style_58,
.fsStyleOneThird .Youtube_view_link a.fs_style_58,
.fsThreeColumnLayout>.fsDiv .Youtube_view_link a.fs_style_58 {
    display: block;
    width: 100%
}

body:not(.fsComposeMode) .Youtube_view_link a.fs_style_58:last-child {
    margin-bottom: 0
}

.Youtube_view_link a.fs_style_59 {
    display: block;
    margin: 0 0 10px;
    width: 100%
}

body:not(.fsComposeMode) .Youtube_view_link a.fs_style_59:last-child {
    margin-bottom: 0
}

.fsAccount .Youtube_view_link a[type=submit],
.Youtube_view_link a.fsSelectAll {
    border: 1px solid #dfeecd
}

.fsAccount .Youtube_view_link a[type=submit]:focus,
.fsAccount .Youtube_view_link a[type=submit]:hover,
.Youtube_view_link a.fsSelectAll:focus,
.Youtube_view_link a.fsSelectAll:hover {
    border-color: #89b05d
}

.Youtube_view_link a.fsStyleFloatRight {
    margin-right: 0
}

.Youtube_view_link a:not(:first-child) {
    margin-top: 0
}

footer .Youtube_view_link a,
p:last-child .Youtube_view_link a:last-child {
    margin: 0
}

.fsNavigation .Youtube_view_link a {
    padding: 15px 20px;
    color: #036;
    background-color: #dfeecd
}

.fsNavigation .Youtube_view_link a:focus,
.fsNavigation .Youtube_view_link a:hover {
    color: #036;
    background-color: #89b05d
}

.j-paginate.juicer-button {
    color: #036;
    border: 1px solid #dfeecd;
    background: #dfeecd;
    padding: 19px 24px;
    border-radius: 0;
    text-align: center;
    text-decoration: none;
    transition: .3s;
    font-weight: 600;
    font-family: myriad-pro-semi-condensed, sans-serif;
    font-size: .875rem;
    line-height: 1rem;
    box-shadow: none;
    text-transform: uppercase;
    margin: auto
}

.j-paginate.juicer-button:after {
    content: "\E906";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    font-size: 8px;
    color: #993f23;
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
    transition: .3s
}

.fsStateSelected .j-paginate.juicer-button,
.j-paginate.juicer-button.on,
.j-paginate.juicer-button:focus,
.j-paginate.juicer-button:hover {
    color: #036;
    border-color: #89b05d;
    background: #89b05d;
    transition: .4s
}

.fsStateSelected .j-paginate.juicer-button:after,
.j-paginate.juicer-button.on:after,
.j-paginate.juicer-button:focus:after,
.j-paginate.juicer-button:hover:after {
    color: #fff;
    transition: .3s;
    transform: translateX(5px)
}

.j-paginate.juicer-button.fs_style_58 {
    word-break: break-word;
    margin-right: 0;
    margin-bottom: 40px;
    padding: 29px 24px;
    font-size: 1.25rem;
    line-height: 1.5rem
}

@media (min-width:600px) {
    .j-paginate.juicer-button.fs_style_58 {
        padding: 29px 60px
    }
}

.j-paginate.juicer-button.fs_style_58:after {
    display: none
}

.j-paginate.juicer-button.fs_style_58 em {
    display: block;
    width: 100%;
    font-weight: 400;
    font-style: normal;
    font-family: myriad-pro-semi-condensed, sans-serif;
    font-size: 1rem;
    line-height: 1.625rem;
    margin-top: 4px;
    text-transform: none
}

.fsBannerLeft .j-paginate.juicer-button.fs_style_58,
.fsBannerRight .j-paginate.juicer-button.fs_style_58,
.fsFourColumnLayout>.fsDiv .j-paginate.juicer-button.fs_style_58,
.fsStyleOneThird .j-paginate.juicer-button.fs_style_58,
.fsThreeColumnLayout>.fsDiv .j-paginate.juicer-button.fs_style_58 {
    display: block;
    width: 100%
}

body:not(.fsComposeMode) .j-paginate.juicer-button.fs_style_58:last-child {
    margin-bottom: 0
}

.j-paginate.juicer-button.fs_style_59 {
    display: block;
    margin: 0 0 10px;
    width: 100%
}

body:not(.fsComposeMode) .j-paginate.juicer-button.fs_style_59:last-child {
    margin-bottom: 0
}

.fsAccount .j-paginate.juicer-button[type=submit],
.j-paginate.juicer-button.fsSelectAll {
    border: 1px solid #dfeecd
}

.fsAccount .j-paginate.juicer-button[type=submit]:focus,
.fsAccount .j-paginate.juicer-button[type=submit]:hover,
.j-paginate.juicer-button.fsSelectAll:focus,
.j-paginate.juicer-button.fsSelectAll:hover {
    border-color: #89b05d
}

.j-paginate.juicer-button.fsStyleFloatRight {
    margin-right: 0
}

.j-paginate.juicer-button:not(:first-child) {
    margin-top: 0
}

footer .j-paginate.juicer-button,
p:last-child .j-paginate.juicer-button:last-child {
    margin: 0
}

.fsNavigation .j-paginate.juicer-button {
    padding: 15px 20px;
    color: #036;
    background-color: #dfeecd
}

.fsNavigation .j-paginate.juicer-button:focus,
.fsNavigation .j-paginate.juicer-button:hover {
    color: #036;
    background-color: #89b05d
}

.j-paginate.juicer-button:after {
    display: none
}

.fsTabs {
    padding: 0;
    background: none;
    border: 0;
    margin-bottom: 20px
}

.fsTabs .fsTabsNav {
    margin: 0;
    padding: 0;
    display: none;
    border-bottom: 1px solid #e5e5e5
}

@media (min-width:600px) {
    .fsTabs .fsTabsNav {
        display: block
    }
}

.fsTabs .fsTabsNav li {
    margin-right: 0
}

.fsTabs .fsTabsNav li a {
    display: block;
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 600;
    color: #373737;
    transition: .3s;
    background: #fff;
    color: #131313;
    margin: 0;
    padding: 12px 15px
}

.fsTabs .fsTabsNav li a:hover {
    background: #e9f6fc;
    color: #036;
    box-shadow: inset 1px 1px 0 #dce0e9, inset -1px 1px 0 #dce0e9
}

.fsTabs .fsTabsNav li.fsStateSelected a {
    background: #022f5c;
    color: #fff
}

@media (min-width:600px) {
    .fsTabs .fsPanel>.fsElementContent {
        padding: 20px 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 {
    color: #036;
    border: 1px solid #d5f1fd;
    background: #d5f1fd;
    border-radius: 0;
    text-align: center;
    text-decoration: none;
    transition: .3s;
    font-weight: 600;
    font-family: myriad-pro-semi-condensed, sans-serif;
    font-size: .875rem;
    line-height: 1rem;
    box-shadow: none;
    text-transform: uppercase;
    display: inline-block;
    margin: 0 5px 5px 0;
    padding: 7px 12px 5px;
    font-size: .875em;
    line-height: 1.2
}

.fsToolsList.fsStyleSelectList .fsStyleDefaultButton:after {
    content: "\E906";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    font-size: 8px;
    color: #993f23;
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
    transition: .3s
}

.fsStateSelected .fsToolsList.fsStyleSelectList .fsStyleDefaultButton,
.fsToolsList.fsStyleSelectList .fsStyleDefaultButton.on,
.fsToolsList.fsStyleSelectList .fsStyleDefaultButton:focus,
.fsToolsList.fsStyleSelectList .fsStyleDefaultButton:hover {
    color: #fff;
    border-color: #06729d;
    background: #06729d;
    transition: .4s
}

.fsStateSelected .fsToolsList.fsStyleSelectList .fsStyleDefaultButton:after,
.fsToolsList.fsStyleSelectList .fsStyleDefaultButton.on:after,
.fsToolsList.fsStyleSelectList .fsStyleDefaultButton:focus:after,
.fsToolsList.fsStyleSelectList .fsStyleDefaultButton:hover:after {
    color: #fff;
    transition: .3s;
    transform: translateX(5px)
}

.fsToolsList.fsStyleSelectList .fsStyleDefaultButton.fs_style_58 {
    word-break: break-word;
    margin-right: 0;
    margin-bottom: 40px;
    padding: 29px 24px;
    font-size: 1.25rem;
    line-height: 1.5rem
}

@media (min-width:600px) {
    .fsToolsList.fsStyleSelectList .fsStyleDefaultButton.fs_style_58 {
        padding: 29px 60px
    }
}

.fsToolsList.fsStyleSelectList .fsStyleDefaultButton.fs_style_58:after {
    display: none
}

.fsToolsList.fsStyleSelectList .fsStyleDefaultButton.fs_style_58 em {
    display: block;
    width: 100%;
    font-weight: 400;
    font-style: normal;
    font-family: myriad-pro-semi-condensed, sans-serif;
    font-size: 1rem;
    line-height: 1.625rem;
    margin-top: 4px;
    text-transform: none
}

.fsBannerLeft .fsToolsList.fsStyleSelectList .fsStyleDefaultButton.fs_style_58,
.fsBannerRight .fsToolsList.fsStyleSelectList .fsStyleDefaultButton.fs_style_58,
.fsFourColumnLayout>.fsDiv .fsToolsList.fsStyleSelectList .fsStyleDefaultButton.fs_style_58,
.fsStyleOneThird .fsToolsList.fsStyleSelectList .fsStyleDefaultButton.fs_style_58,
.fsThreeColumnLayout>.fsDiv .fsToolsList.fsStyleSelectList .fsStyleDefaultButton.fs_style_58 {
    display: block;
    width: 100%
}

body:not(.fsComposeMode) .fsToolsList.fsStyleSelectList .fsStyleDefaultButton.fs_style_58:last-child {
    margin-bottom: 0
}

.fsToolsList.fsStyleSelectList .fsStyleDefaultButton.fs_style_59 {
    display: block;
    margin: 0 0 10px;
    width: 100%
}

body:not(.fsComposeMode) .fsToolsList.fsStyleSelectList .fsStyleDefaultButton.fs_style_59:last-child {
    margin-bottom: 0
}

.fsAccount .fsToolsList.fsStyleSelectList .fsStyleDefaultButton[type=submit],
.fsToolsList.fsStyleSelectList .fsStyleDefaultButton.fsSelectAll {
    border: 1px solid #d5f1fd
}

.fsAccount .fsToolsList.fsStyleSelectList .fsStyleDefaultButton[type=submit]:focus,
.fsAccount .fsToolsList.fsStyleSelectList .fsStyleDefaultButton[type=submit]:hover,
.fsToolsList.fsStyleSelectList .fsStyleDefaultButton.fsSelectAll:focus,
.fsToolsList.fsStyleSelectList .fsStyleDefaultButton.fsSelectAll:hover {
    border-color: #06729d
}

.fsToolsList.fsStyleSelectList .fsStyleDefaultButton.fsStyleFloatRight {
    margin-right: 0
}

.fsToolsList.fsStyleSelectList .fsStyleDefaultButton:not(:first-child) {
    margin-top: 0
}

footer .fsToolsList.fsStyleSelectList .fsStyleDefaultButton,
p:last-child .fsToolsList.fsStyleSelectList .fsStyleDefaultButton:last-child {
    margin: 0
}

.fsNavigation .fsToolsList.fsStyleSelectList .fsStyleDefaultButton {
    padding: 15px 20px;
    color: #036;
    background-color: #d5f1fd
}

.fsNavigation .fsToolsList.fsStyleSelectList .fsStyleDefaultButton:focus,
.fsNavigation .fsToolsList.fsStyleSelectList .fsStyleDefaultButton:hover {
    color: #fff;
    background-color: #06729d
}

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

.fsMiniGrid .fsCalendarEventGrid .fsCalendarDaybox {
    box-shadow: inset -1px 0 0 0 #fff, inset 0 -1px 0 0 #fff;
    background: #e5e5e5;
    color: #373737;
    font-size: .875em;
    line-height: 1;
    padding: 10px 5px;
    transition: .3s
}

.fsMiniGrid .fsCalendarEventGrid .fsCalendarDaybox:hover {
    opacity: 1;
    background: #06729d !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: #06729d;
    color: #fff
}

.fsCalendarMonthYearPicker>.fsStyleUpdateButton {
    margin-bottom: 0;
    display: block;
    color: #fff;
    background-color: #242424
}

.content-card {
    padding: 25px 20px;
    background-color: #eaebeb;
    position: relative;
    overflow: hidden
}

.content-card:before {
    content: "\E925";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    position: absolute;
    right: -97px;
    top: -10px;
    font-size: 300px;
    line-height: 1;
    color: rgba(63, 63, 63, .08)
}

@media (min-width:900px) {
    .content-card {
        padding: 30px
    }
}

.content-card>.fsElementContent,
.content-card>footer,
.content-card>header {
    position: relative
}

.content-card a {
    color: #036
}

.image.content-card:before {
    display: none
}

.image.content-card>header {
    display: flex;
    flex-direction: column-reverse;
    margin-bottom: 0
}

.image.content-card>header .fsElementHeaderContent {
    margin-bottom: 30px;
    position: relative
}

.image.content-card>header .fsElementHeaderContent:before {
    content: "\E925";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    position: absolute;
    right: -101px;
    top: calc(100% - 13px);
    font-size: 325px;
    line-height: 1;
    color: rgba(63, 63, 63, .08);
    z-index: 15
}

.image.content-card>header .fsElementHeaderContent .fsImage {
    width: calc(100% + 40px);
    margin: -25px -20px 0;
    position: relative;
    z-index: 30
}

@media (min-width:900px) {
    .image.content-card>header .fsElementHeaderContent .fsImage {
        width: calc(100% + 60px);
        margin: -35px -30px 0
    }
}

.image.content-card>header .fsElementHeaderContent img {
    display: block;
    width: 100%
}

.content-card.teal {
    box-shadow: none;
    color: #fff;
    background-color: #06729d;
    position: relative
}

.content-card.teal:before {
    color: hsla(0, 0%, 100%, .12)
}

.content-card.teal .fs_style_49,
.content-card.teal a,
.content-card.teal blockquote,
.content-card.teal h1,
.content-card.teal h2,
.content-card.teal h3,
.content-card.teal h4,
.content-card.teal h5,
.content-card.teal h6 {
    color: inherit
}

.content-card.teal .fs_style_54 {
    color: #036
}

.content-card.teal .fs_style_54:focus,
.content-card.teal .fs_style_54:hover {
    color: #fff
}

.content-card.teal>header .fsElementHeaderContent .fsImage {
    border: none
}

.content-card.teal.image>header .fsElementHeaderContent:before {
    color: hsla(0, 0%, 100%, .12)
}

.content-card.blue {
    box-shadow: none;
    color: #fff;
    background-color: #036;
    position: relative
}

.content-card.blue:before {
    color: hsla(0, 0%, 100%, .12)
}

.content-card.blue .fs_style_49,
.content-card.blue a,
.content-card.blue blockquote,
.content-card.blue h1,
.content-card.blue h2,
.content-card.blue h3,
.content-card.blue h4,
.content-card.blue h5,
.content-card.blue h6 {
    color: inherit
}

.content-card.blue .fs_style_54 {
    color: #036
}

.content-card.blue .fs_style_54:focus,
.content-card.blue .fs_style_54:hover {
    color: #fff
}

.content-card.blue>header .fsElementHeaderContent .fsImage {
    border: none
}

.content-card.blue.image>header .fsElementHeaderContent:before {
    color: hsla(0, 0%, 100%, .12)
}

.content-card.blue a {
    color: #89b05d
}

.content-card.blue .fs_style_54:focus,
.content-card.blue .fs_style_54:hover {
    background-color: #d5f1fd;
    color: #036;
    border-color: #d5f1fd
}

.content-card.blue .fs_style_54:focus:after,
.content-card.blue .fs_style_54:hover:after {
    color: #993f23
}

.content-card.green {
    box-shadow: none;
    color: #fff;
    background-color: #89b05d;
    position: relative
}

.content-card.green:before {
    color: hsla(0, 0%, 100%, .12)
}

.content-card.green .fs_style_49,
.content-card.green a,
.content-card.green blockquote,
.content-card.green h1,
.content-card.green h2,
.content-card.green h3,
.content-card.green h4,
.content-card.green h5,
.content-card.green h6 {
    color: inherit
}

.content-card.green .fs_style_54 {
    color: #036
}

.content-card.green .fs_style_54:focus,
.content-card.green .fs_style_54:hover {
    color: #fff
}

.content-card.green>header .fsElementHeaderContent .fsImage {
    border: none
}

.content-card.green.image>header .fsElementHeaderContent:before {
    color: hsla(0, 0%, 100%, .12)
}

.content-card.green a,
.content-card.green h2,
.content-card.green p {
    color: #163051
}

.content-card.green a:focus,
.content-card.green a:hover {
    text-decoration: none
}

.content-card.red {
    box-shadow: none;
    color: #fff;
    background-color: #993f23;
    position: relative
}

.content-card.red:before {
    color: hsla(0, 0%, 100%, .12)
}

.content-card.red .fs_style_49,
.content-card.red a,
.content-card.red blockquote,
.content-card.red h1,
.content-card.red h2,
.content-card.red h3,
.content-card.red h4,
.content-card.red h5,
.content-card.red h6 {
    color: inherit
}

.content-card.red .fs_style_54 {
    color: #036
}

.content-card.red .fs_style_54:focus,
.content-card.red .fs_style_54:hover {
    color: #fff
}

.content-card.red>header .fsElementHeaderContent .fsImage {
    border: none
}

.content-card.red.image>header .fsElementHeaderContent:before {
    color: hsla(0, 0%, 100%, .12)
}

.fsBannerLeft .content-card,
.fsBannerRight .content-card,
.fsFourColumnLayout>.fsDiv .content-card,
.fsStyleOneThird .content-card,
.fsThreeColumnLayout>.fsDiv .content-card {
    padding: 30px 20px
}

.fsBannerLeft .content-card:before,
.fsBannerRight .content-card:before,
.fsFourColumnLayout>.fsDiv .content-card:before,
.fsStyleOneThird .content-card:before,
.fsThreeColumnLayout>.fsDiv .content-card:before {
    right: -68px;
    top: -7px;
    font-size: 200px
}

.fsBannerLeft .content-card.image>header .fsElementHeaderContent,
.fsBannerRight .content-card.image>header .fsElementHeaderContent,
.fsFourColumnLayout>.fsDiv .content-card.image>header .fsElementHeaderContent,
.fsStyleOneThird .content-card.image>header .fsElementHeaderContent,
.fsThreeColumnLayout>.fsDiv .content-card.image>header .fsElementHeaderContent {
    margin-bottom: 30px
}

.fsBannerLeft .content-card.image>header .fsElementHeaderContent:before,
.fsBannerRight .content-card.image>header .fsElementHeaderContent:before,
.fsFourColumnLayout>.fsDiv .content-card.image>header .fsElementHeaderContent:before,
.fsStyleOneThird .content-card.image>header .fsElementHeaderContent:before,
.fsThreeColumnLayout>.fsDiv .content-card.image>header .fsElementHeaderContent:before {
    font-size: 230px;
    right: -67px;
    top: calc(100% - 33px)
}

.fsBannerLeft .content-card.image>header .fsElementHeaderContent .fsImage,
.fsBannerRight .content-card.image>header .fsElementHeaderContent .fsImage,
.fsFourColumnLayout>.fsDiv .content-card.image>header .fsElementHeaderContent .fsImage,
.fsStyleOneThird .content-card.image>header .fsElementHeaderContent .fsImage,
.fsThreeColumnLayout>.fsDiv .content-card.image>header .fsElementHeaderContent .fsImage {
    width: calc(100% + 40px);
    margin: -30px -20px 0
}

@media (min-width:1000px) {
    .home .fsHeader {
        min-height: 100vh
    }
}

.home #fsPageBodyWrapper {
    padding: 0
}

.home #fsPageBody {
    max-width: 100%
}

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

.home .header-breadcrumb,
.home .nav-sub {
    display: none
}

.home .fsPageLayout>.fsDiv {
    margin-bottom: 0
}

.hero.hp-hero>header .fsElementHeaderContent {
    margin-bottom: 0;
    position: relative
}

@media (min-width:1000px) {
    .hero.hp-hero>header .fsElementHeaderContent br {
        display: none
    }
}

body:not(.fsComposeMode) .hero.hp-hero>header .fsElementHeaderContent {
    opacity: 0;
    transform: translateY(-200px);
    transition: .3s
}

body:not(.fsComposeMode) .hero.hp-hero>header:before {
    opacity: 0;
    transform: translate3d(-50%, -200px, 0);
    transition: .3s
}

body:not(.fsComposeMode) .hero.hp-hero>header:after {
    transform: translate3d(-50%, 0, 0) scaleY(0);
    transform-origin: top
}

body:not(.fsComposeMode) .hero.hp-hero.animate>header .fsElementHeaderContent {
    opacity: 1;
    transform: translateY(0);
    transition: 1s ease-in-out .5s
}

body:not(.fsComposeMode) .hero.hp-hero.animate>header:before {
    opacity: 1;
    transform: translate3d(-50%, 0, 0);
    transition: 1s ease-in-out .5s
}

body:not(.fsComposeMode) .hero.hp-hero.animate>header:after {
    transform: translate3d(-50%, 0, 0) scale(1);
    transition: 1s ease-in-out 1.5s
}

.hp-panel.intro {
    position: relative;
    overflow: hidden;
    z-index: 10;
    padding: 50px 25px 330px;
    margin-bottom: 0
}

@media (min-width:600px) {
    .hp-panel.intro {
        padding: 80px 0 165px
    }
}

@media (min-width:900px) {
    .hp-panel.intro {
        padding-top: 12.638vw;
        padding-bottom: calc(340px + 14.86vw)
    }
}

@media (min-width:1440px) {
    .hp-panel.intro {
        padding-top: 182px;
        padding-bottom: 554px
    }
}

.hp-panel.intro:before {
    content: "";
    width: 3px;
    background-color: #959595;
    position: absolute;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    top: 0;
    z-index: 100;
    height: 20px
}

@media (min-width:900px) {
    .hp-panel.intro:before {
        height: 3.68vw
    }
}

@media (min-width:1440px) {
    .hp-panel.intro:before {
        height: 53px
    }
}

.hp-panel.intro>.fsElementContent {
    position: static
}

@media (min-width:600px) {
    .hp-panel.intro>.fsElementContent {
        padding-left: 60px;
        padding-right: 25px
    }
}

@media (min-width:900px) {
    .hp-panel.intro>.fsElementContent {
        padding-left: 9.375vw
    }
}

@media (min-width:1440px) {
    .hp-panel.intro>.fsElementContent {
        padding-left: 135px
    }
}

.hp-panel.intro>.fsElementContent:before {
    content: "";
    width: 3px;
    z-index: 100;
    background-color: #959595;
    position: absolute;
    left: 80px;
    top: 20px;
    height: 40px;
    display: none
}

@media (min-width:600px) {
    .hp-panel.intro>.fsElementContent:before {
        display: block
    }
}

@media (min-width:900px) {
    .hp-panel.intro>.fsElementContent:before {
        left: calc(9.375vw + 35px);
        top: calc(3.68vw - 1px);
        height: 4.72vw
    }
}

@media (min-width:1440px) {
    .hp-panel.intro>.fsElementContent:before {
        left: 180px;
        top: 52px;
        height: 68px
    }
}

.hp-panel.intro>.fsElementContent:after {
    content: "";
    height: 3px;
    background-color: #959595;
    position: absolute;
    z-index: 100;
    top: 20px;
    width: calc(50% - 80px);
    right: calc(50% - 2px);
    display: none
}

@media (min-width:600px) {
    .hp-panel.intro>.fsElementContent:after {
        display: block
    }
}

@media (min-width:900px) {
    .hp-panel.intro>.fsElementContent:after {
        top: calc(3.68vw - 1px);
        width: calc(50% - 9.375vw - 35px)
    }
}

@media (min-width:1440px) {
    .hp-panel.intro>.fsElementContent:after {
        top: 52px;
        width: calc(50% - 178px);
        left: 180px;
        right: auto
    }
}

.hp-panel.intro .intro-text {
    position: relative;
    z-index: 50;
    margin-bottom: 0;
    max-width: 100%
}

@media (min-width:600px) {
    .hp-panel.intro .intro-text {
        width: 330px
    }
}

@media (min-width:900px) {
    .hp-panel.intro .intro-text {
        width: 537px
    }
}

.hp-panel.intro .intro-text:after {
    content: "";
    width: 3px;
    height: 120px;
    background-color: #959595;
    position: absolute;
    top: calc(100% + 20px);
    z-index: 100;
    left: 20px;
    display: none
}

@media (min-width:600px) {
    .hp-panel.intro .intro-text:after {
        display: block
    }
}

@media (min-width:900px) {
    .hp-panel.intro .intro-text:after {
        left: 35px;
        height: 267px;
        top: calc(100% + 34px)
    }
}

@media (min-width:1440px) {
    .hp-panel.intro .intro-text:after {
        left: 50px
    }
}

@media (min-width:600px) {
    .hp-panel.intro .intro-text>.fsElementContent {
        padding-right: 20px
    }
}

@media (min-width:900px) {
    .hp-panel.intro .intro-text>.fsElementContent {
        padding-right: 65px
    }
}

.hp-panel.intro .intro-image:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 110.28%;
    height: 174.5%;
    background: linear-gradient(275deg, hsla(0, 0%, 100%, .0001), #fff 90.41%);
    display: none
}

@media (min-width:600px) {
    .hp-panel.intro .intro-image:before {
        display: block
    }
}

.hp-panel.intro .intro-image:after {
    content: "";
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 80%;
    background: linear-gradient(0deg, hsla(0, 0%, 100%, .0001), #fff 90.41%)
}

@media (min-width:600px) {
    .hp-panel.intro .intro-image:after {
        height: 311px;
        transform: matrix(-1, 0, 0, 1, 0, 0);
        background: linear-gradient(180deg, hsla(0, 0%, 100%, .0001), #fff 90.41%)
    }
}

.hp-panel.intro .intro-image .fsResourceTypeImage {
    display: block;
    background-size: cover;
    background-position: 75%;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: auto;
    bottom: 0;
    width: 100%;
    height: 65%;
    z-index: -1;
    opacity: .85
}

@media (min-width:600px) {
    .hp-panel.intro .intro-image .fsResourceTypeImage {
        height: 100%;
        top: 0;
        bottom: auto;
        background-position: 100% 100%
    }
}

.hp-panel.intro .intro-image .fsResourceTypeImage img {
    opacity: 0;
    display: block;
    width: 100%;
    height: 100%
}

.intro-text {
    font-size: 1rem;
    line-height: 1.75;
    text-align: center
}

@media (min-width:600px) {
    .intro-text {
        font-size: .875rem;
        line-height: 1.71429;
        text-align: left
    }
}

@media (min-width:900px) {
    .intro-text {
        font-size: 1.125rem;
        line-height: 1.61111
    }
}

.intro-text>header {
    margin-bottom: 15px
}

@media (min-width:900px) {
    .intro-text>header {
        margin-bottom: 25px
    }
}

.intro-text>header .fsElementTitle {
    font-weight: 800;
    color: #06729d;
    text-transform: uppercase;
    font-size: 2.125rem;
    line-height: 1.17647
}

@media (min-width:600px) {
    .intro-text>header .fsElementTitle {
        line-height: 1.05882
    }
}

@media (min-width:900px) {
    .intro-text>header .fsElementTitle {
        font-size: 3rem;
        line-height: 1.04167
    }
}

.intro-text>header .fsElementTitle:last-child {
    margin-bottom: 0
}

body:not(.fsComposeMode) .hp-panel.intro:before {
    transform: translate3d(50%, 0, 0) scaleY(0);
    transform-origin: top
}

body:not(.fsComposeMode) .hp-panel.intro>.fsElementContent:before {
    transform: scaleY(0);
    transform-origin: top
}

body:not(.fsComposeMode) .hp-panel.intro>.fsElementContent:after {
    transform-origin: right;
    transform: scaleX(0)
}

body:not(.fsComposeMode) .hp-panel.intro .intro-text {
    opacity: 0;
    transform: translateY(200px)
}

body:not(.fsComposeMode) .hp-panel.intro .intro-text:after {
    transform: scaleY(0);
    opacity: 0;
    transform-origin: top
}

body:not(.fsComposeMode) .hp-panel.intro.animate>.fsElementContent:after,
body:not(.fsComposeMode) .hp-panel.intro.animate>.fsElementContent:before {
    transform: scale(1)
}

body:not(.fsComposeMode) .hp-panel.intro.animate:before {
    transform: translate3d(calc(50% - 2.5px), 0, 0) scale(1);
    transition: .5s ease-in-out 2.5s
}

@media (min-width:1000px) {
    body:not(.fsComposeMode) .hp-panel.intro.animate:before {
        transition: .5s
    }
}

body:not(.fsComposeMode) .hp-panel.intro.animate>.fsElementContent:after {
    transition: 1.25s ease-in-out 3s
}

@media (min-width:1000px) {
    body:not(.fsComposeMode) .hp-panel.intro.animate>.fsElementContent:after {
        transition: 1.25s ease-in-out .4s
    }
}

body:not(.fsComposeMode) .hp-panel.intro.animate>.fsElementContent:before {
    transition: .5s ease-in-out 4.25s
}

@media (min-width:1000px) {
    body:not(.fsComposeMode) .hp-panel.intro.animate>.fsElementContent:before {
        transition: .5s ease-in-out 1.55s
    }
}

body:not(.fsComposeMode) .hp-panel.intro.animate .intro-text {
    opacity: 1;
    transform: translateY(0);
    transition: 1s ease-in-out 3.55s
}

@media (min-width:1000px) {
    body:not(.fsComposeMode) .hp-panel.intro.animate .intro-text {
        transition: 1s ease-in-out 1.55s
    }
}

body:not(.fsComposeMode) .hp-panel.intro .intro-text.animate:after {
    opacity: 1;
    transform: scale(1);
    transition: 1s
}

.hp-panel.image-buttons {
    width: 100%;
    position: relative;
    z-index: 20;
    padding: 60px 25px 45px;
    margin: -60px auto 0
}

@media (min-width:600px) {
    .hp-panel.image-buttons {
        margin-top: -55px;
        padding: 32px 20px 0;
        width: calc(100% - 60px)
    }
}

@media (min-width:700px) {
    .hp-panel.image-buttons {
        padding: 32px 45px 0
    }
}

@media (min-width:900px) {
    .hp-panel.image-buttons {
        margin-top: -340px;
        width: calc(100% - 150px);
        transform: translateX(-15px);
        padding: 68px calc(9.375vw - 60px) 0
    }
}

@media (min-width:1440px) {
    .hp-panel.image-buttons {
        margin-left: 100px;
        width: calc(100% - 230px);
        transform: none;
        padding: 68px 64px 0
    }
}

.hp-panel.image-buttons:before {
    content: "";
    width: 3px;
    background-color: #959595;
    position: absolute;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    z-index: 100;
    height: 80px;
    top: -45px
}

@media (min-width:600px) {
    .hp-panel.image-buttons:before {
        left: 50px;
        transform: none;
        top: 0;
        height: 70px
    }
}

@media (min-width:900px) {
    .hp-panel.image-buttons:before {
        left: calc(9.375vw - 25px);
        height: 88px
    }
}

@media (min-width:1440px) {
    .hp-panel.image-buttons:before {
        left: 85px
    }
}

.hp-panel.image-buttons:after {
    content: "";
    width: 3px;
    background-color: #959595;
    z-index: 100;
    position: absolute;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    height: 80px;
    top: calc(100% - 35px)
}

@media (min-width:600px) {
    .hp-panel.image-buttons:after {
        transform: none;
        left: auto;
        right: -20px;
        height: calc(100% + 227px);
        top: 67px
    }
}

@media (min-width:900px) {
    .hp-panel.image-buttons:after {
        top: 88px;
        height: calc(100% + 207px)
    }
}

@media (min-width:1000px) {
    .hp-panel.image-buttons:after {
        height: calc(100% + 89px)
    }
}

@media (min-width:1440px) {
    .hp-panel.image-buttons:after {
        right: -47px
    }
}

.hp-panel.image-buttons>.fsElementContent,
.hp-panel.image-buttons>footer,
.hp-panel.image-buttons>header {
    position: relative;
    z-index: 20
}

.hp-panel.image-buttons>header {
    text-align: center;
    color: #fff;
    width: 100%;
    max-width: 100%;
    margin: 0 auto 30px;
    font-size: 1rem;
    line-height: 1.625
}

@media (min-width:600px) {
    .hp-panel.image-buttons>header {
        font-size: .875rem;
        line-height: 1.5
    }
}

@media (min-width:900px) {
    .hp-panel.image-buttons>header {
        margin-bottom: 38px
    }
}

@media (min-width:1100px) {
    .hp-panel.image-buttons>header {
        font-size: 1.125rem;
        line-height: 1.44444
    }
}

.hp-panel.image-buttons>header:before {
    content: "";
    width: 157px;
    height: 3px;
    background-color: #959595;
    position: absolute;
    top: 20px;
    z-index: 100;
    left: 0;
    display: none
}

@media (min-width:600px) {
    .hp-panel.image-buttons>header:before {
        left: 30px;
        top: 35px;
        width: 5vw;
        display: block
    }
}

@media (min-width:700px) {
    .hp-panel.image-buttons>header:before {
        left: 5px;
        width: 9.6354vw
    }
}

@media (min-width:900px) {
    .hp-panel.image-buttons>header:before {
        top: 20px;
        left: 35px;
        width: 10.54vw
    }
}

@media (min-width:1100px) {
    .hp-panel.image-buttons>header:before {
        width: 116px
    }
}

@media (min-width:1440px) {
    .hp-panel.image-buttons>header:before {
        left: 21px;
        width: 157px
    }
}

.hp-panel.image-buttons>header:after {
    content: "";
    height: 3px;
    background-color: #959595;
    position: absolute;
    z-index: 100;
    top: 35px;
    display: none
}

@media (min-width:600px) {
    .hp-panel.image-buttons>header:after {
        display: block;
        width: 16vw;
        right: -37px
    }
}

@media (min-width:700px) {
    .hp-panel.image-buttons>header:after {
        width: 20.7vw;
        right: -62px
    }
}

@media (min-width:900px) {
    .hp-panel.image-buttons>header:after {
        width: 19.27vw;
        right: calc(-9.375vw + 40px);
        top: 20px
    }
}

@media (min-width:1100px) {
    .hp-panel.image-buttons>header:after {
        width: 212px
    }
}

@media (min-width:1440px) {
    .hp-panel.image-buttons>header:after {
        right: -111px;
        width: 265px
    }
}

.hp-panel.image-buttons>header .fsElementTitle {
    font-weight: 800;
    color: inherit;
    text-transform: uppercase;
    margin: 0 auto 16px;
    font-size: 2.125rem;
    line-height: 2.5rem;
    max-width: 100%;
    padding: 0 15px
}

@media (min-width:600px) {
    .hp-panel.image-buttons>header .fsElementTitle {
        width: 424px;
        padding: 0 30px;
        line-height: 2.25rem
    }
}

@media (min-width:900px) {
    .hp-panel.image-buttons>header .fsElementTitle {
        padding: 0
    }
}

@media (min-width:1100px) {
    .hp-panel.image-buttons>header .fsElementTitle {
        padding: 0 145px;
        line-height: .83333;
        font-size: 3.333vw;
        width: 780px
    }
}

@media (min-width:1440px) {
    .hp-panel.image-buttons>header .fsElementTitle {
        font-size: 3rem;
        padding: 0 96px
    }
}

.hp-panel.image-buttons>header .fsElementHeaderContent {
    max-width: 350px;
    margin: 0 auto
}

@media (min-width:1100px) {
    .hp-panel.image-buttons>header .fsElementHeaderContent {
        max-width: 780px
    }
}

.hp-panel.image-buttons>.fsElementContent {
    width: 1080px;
    margin: 0 auto;
    max-width: 100%;
    position: static
}

@media (min-width:600px) {
    .hp-panel.image-buttons>.fsElementContent {
        display: grid;
        grid-gap: 12px 10px;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr
    }
}

@media (min-width:1100px) {
    .hp-panel.image-buttons>.fsElementContent {
        grid-template-rows: 275px 280px
    }
}

.hp-panel.image-buttons>.fsElementContent:before {
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(109.63deg, #036 48.86%, #0579a2 117.2%);
    position: absolute;
    left: 0;
    top: 0
}

@media (min-width:600px) {
    .hp-panel.image-buttons>.fsElementContent:before {
        height: calc(100% - 30px)
    }
}

@media (min-width:1000px) {
    .hp-panel.image-buttons>.fsElementContent:before {
        height: calc(100% - 86px)
    }
}

.hp-panel.image-buttons .image-button {
    margin-bottom: 0
}

.hp-panel.image-buttons .image-button article {
    padding-bottom: 83.18%
}

@media (min-width:600px) {
    .hp-panel.image-buttons .image-button article {
        padding-bottom: 165px
    }
}

@media (min-width:900px) {
    .hp-panel.image-buttons .image-button article {
        padding-bottom: 220px
    }
}

@media (min-width:1100px) {
    .hp-panel.image-buttons .image-button article {
        padding-bottom: 275px
    }
}

@media (min-width:1100px) {
    .hp-panel.image-buttons .image-button:first-of-type article {
        height: 292px
    }
}

@media (min-width:1100px) {
    .hp-panel.image-buttons .image-button:nth-of-type(4) article {
        min-height: 0;
        height: 260px;
        margin-top: 15px
    }
}

.hp-panel.image-buttons .image-button:last-of-type {
    grid-column: span 2
}

@media (min-width:1100px) {
    .hp-panel.image-buttons .image-button:last-of-type article {
        padding-bottom: 290px
    }
}

.hp-panel.image-buttons .image-button .button-inner>header {
    transform: translateY(70px)
}

@media (min-width:1100px) {
    .hp-panel.image-buttons .image-button .button-inner>header {
        transform: translateY(88px)
    }
}

.hp-panel.image-buttons .image-button .button-inner>header .fsElementTitle {
    font-size: 1.75rem;
    line-height: 2.5rem
}

@media (min-width:600px) {
    .hp-panel.image-buttons .image-button .button-inner>header .fsElementTitle {
        font-size: 1.0625rem;
        line-height: 1.05882
    }
}

@media (min-width:1000px) {
    .hp-panel.image-buttons .image-button .button-inner>header .fsElementTitle {
        font-size: 1.94vw;
        line-height: 1.07143
    }
}

@media (min-width:1440px) {
    .hp-panel.image-buttons .image-button .button-inner>header .fsElementTitle {
        font-size: 1.75rem;
        line-height: 1.75rem
    }
}

@media (min-width:600px) {
    .hp-panel.image-buttons .image-button .button-content {
        transform: translateY(72px);
        height: 72px;
        font-size: .875rem;
        line-height: 24px
    }
}

@media (min-width:1100px) {
    .hp-panel.image-buttons .image-button .button-content {
        transform: translateY(78px);
        font-size: 1.125rem;
        line-height: 26px;
        height: 78px
    }
}

@media (max-width:599px) {
    .hp-panel.image-buttons .image-button figcaption header {
        position: relative
    }

    .hp-panel.image-buttons .image-button figcaption header:before {
        content: "\E92B";
        font-family: IcoMoon;
        font-smoothing: antialiased;
        font-weight: 400;
        speak: none;
        width: 56px;
        height: 56px;
        line-height: 56px;
        border-radius: 100%;
        box-shadow: 0 0 18px rgba(0, 0, 0, .25);
        background-color: #89b05d;
        text-align: center;
        color: #fff;
        position: absolute;
        left: 50%;
        transform: translate3d(-50%, 0, 0);
        bottom: calc(100% + 80px);
        font-size: 26px
    }

    .hp-panel.image-buttons .image-button figcaption header:after {
        content: "Tap Here to Learn More";
        font-weight: 600;
        font-size: .875rem;
        line-height: 1rem;
        text-transform: uppercase;
        color: #fff;
        text-align: center;
        width: 90px;
        position: absolute;
        left: 50%;
        transform: translate3d(-50%, 0, 0);
        bottom: calc(100% + 34px)
    }
}

.hp-panel.image-buttons .slick-list {
    padding-bottom: 45px
}

.hp-panel.image-buttons .slick-arrow {
    bottom: 45px
}

.hp-panel.image-buttons .slick-arrow:before,
.hp-panel.image-buttons .slick-arrow:focus:before,
.hp-panel.image-buttons .slick-arrow:hover:before {
    color: #fff
}

.hp-panel.image-buttons .slick-arrow.slick-prev {
    left: auto;
    right: 60px
}

.hp-panel.image-buttons .slick-arrow.slick-next {
    left: auto;
    right: 27px
}

body:not(.fsComposeMode) .hp-panel.image-buttons:before {
    transform-origin: top;
    transform: scaleY(0);
    opacity: 0
}

body:not(.fsComposeMode) .hp-panel.image-buttons>header:after,
body:not(.fsComposeMode) .hp-panel.image-buttons>header:before {
    transform-origin: left;
    transform: scaleX(0)
}

body:not(.fsComposeMode) .hp-panel.image-buttons:after {
    transform-origin: top;
    transform: scaleY(0)
}

body:not(.fsComposeMode) .hp-panel.image-buttons>.fsElementContent:before {
    opacity: 0
}

body:not(.fsComposeMode) .hp-panel.image-buttons>header .fsElementHeaderContent,
body:not(.fsComposeMode) .hp-panel.image-buttons>header .fsElementTitle {
    opacity: 0;
    transform: translateY(100px)
}

body:not(.fsComposeMode) .hp-panel.image-buttons .image-button {
    opacity: 0
}

body:not(.fsComposeMode) .hp-panel.image-buttons .image-button:first-child,
body:not(.fsComposeMode) .hp-panel.image-buttons .image-button:nth-child(4) {
    transform: translate3d(-50px, 0, 0)
}

body:not(.fsComposeMode) .hp-panel.image-buttons .image-button:nth-child(2),
body:not(.fsComposeMode) .hp-panel.image-buttons .image-button:nth-child(3) {
    transform: translate3d(50px, 0, 0)
}

body:not(.fsComposeMode) .hp-panel.image-buttons .image-button:nth-child(5) {
    transform: translate3d(0, 50px, 0)
}

body:not(.fsComposeMode) .hp-panel.image-buttons.animate-left:before {
    transform: scale(1);
    opacity: 1;
    transition: .5s ease-in-out .25s
}

body:not(.fsComposeMode) .hp-panel.image-buttons.animate-left>header:before {
    transform: scale(1);
    transition: .6s ease-in-out .75s
}

body:not(.fsComposeMode) .hp-panel.image-buttons.animate-left>.fsElementContent:before {
    opacity: 1;
    transition: 1s ease-in-out .35s
}

body:not(.fsComposeMode) .hp-panel.image-buttons.animate-left>header .fsElementHeaderContent,
body:not(.fsComposeMode) .hp-panel.image-buttons.animate-left>header .fsElementTitle {
    opacity: 1;
    transform: translateY(0);
    transition: 1s ease-in-out 1s
}

body:not(.fsComposeMode) .hp-panel.image-buttons.animate-right>header:after {
    transform: scale(1);
    transition: .7s
}

body:not(.fsComposeMode) .hp-panel.image-buttons.animate-right:after {
    transform: scale(1);
    transition: 1s ease-in-out .7s
}

body:not(.fsComposeMode) .hp-panel.image-buttons.animate-right .image-button {
    opacity: 1;
    transform: translateZ(0) !important
}

body:not(.fsComposeMode) .hp-panel.image-buttons.animate-right .image-button:first-of-type {
    transition: .7s .3s
}

body:not(.fsComposeMode) .hp-panel.image-buttons.animate-right .image-button:nth-of-type(2) {
    transition: .7s .6s
}

body:not(.fsComposeMode) .hp-panel.image-buttons.animate-right .image-button:nth-of-type(3) {
    transition: .7s .9s
}

body:not(.fsComposeMode) .hp-panel.image-buttons.animate-right .image-button:nth-of-type(4) {
    transition: .7s 1.2s
}

body:not(.fsComposeMode) .hp-panel.image-buttons.animate-right .image-button:nth-of-type(5) {
    transition: .7s 1.5s
}

body:not(.fsComposeMode) .hp-panel.image-buttons.animate-right .image-button figcaption header:after,
body:not(.fsComposeMode) .hp-panel.image-buttons.animate-right .image-button figcaption header:before {
    opacity: 0;
    transform: translate3d(-50%, -100px, 0) scale(1.3);
    transition: .5s ease-in-out 4s
}

.hp-panel.facts {
    position: relative;
    overflow: hidden;
    z-index: 10;
    padding: 60px 0 155px;
    margin-bottom: 0
}

@media (min-width:600px) {
    .hp-panel.facts {
        margin-top: -86px;
        padding: 347px 0 155px
    }
}

@media (min-width:1000px) {
    .hp-panel.facts {
        padding-top: 207px;
        padding-bottom: 416px;
        margin-bottom: -228px;
        min-height: 1144px
    }
}

.hp-panel.facts:before {
    content: "";
    height: 3px;
    background-color: #959595;
    position: absolute;
    z-index: 100;
    right: 10px;
    width: 155px;
    top: 380px;
    width: 12vw;
    display: none
}

@media (min-width:600px) {
    .hp-panel.facts:before {
        display: block
    }
}

@media (min-width:700px) {
    .hp-panel.facts:before {
        width: 18vw
    }
}

@media (min-width:900px) {
    .hp-panel.facts:before {
        right: 70px
    }
}

@media (min-width:1000px) {
    .hp-panel.facts:before {
        width: 50px;
        top: 262px
    }
}

@media (min-width:1440px) {
    .hp-panel.facts:before {
        width: 37px;
        right: 83px
    }
}

.hp-panel.facts:after {
    content: "";
    width: 3px;
    height: 72px;
    background-color: #959595;
    position: absolute;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    bottom: 37px;
    z-index: 100
}

@media (min-width:1000px) {
    .hp-panel.facts:after {
        height: 107px;
        bottom: 266px
    }
}

.hp-panel.facts>.fsElementContent {
    position: static;
    padding: 0 10px
}

@media (min-width:700px) {
    .hp-panel.facts>.fsElementContent {
        padding: 0 60px
    }
}

@media (min-width:1000px) {
    .hp-panel.facts>.fsElementContent {
        padding-right: 150px
    }
}

.hp-panel.facts .facts-image:before {
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 286px;
    width: 100%;
    background: linear-gradient(180deg, hsla(0, 0%, 100%, .0001), #fff 90.41%);
    height: 374px
}

@media (min-width:600px) {
    .hp-panel.facts .facts-image:before {
        height: 690px;
        top: -30px;
        transform: none
    }
}

@media (min-width:1000px) {
    .hp-panel.facts .facts-image:before {
        bottom: 0;
        top: auto;
        height: 100%;
        width: 1208px;
        background: linear-gradient(90deg, hsla(0, 0%, 100%, .0001), #fff 90.41%)
    }
}

.hp-panel.facts .facts-image:after {
    content: "";
    height: 100%;
    position: absolute;
    left: 0;
    top: 300px;
    width: 100%;
    height: 281px;
    background: linear-gradient(180deg, hsla(0, 0%, 100%, .0001), #fff 90.41%);
    display: none
}

@media (min-width:600px) {
    .hp-panel.facts .facts-image:after {
        display: block
    }
}

@media (min-width:1000px) {
    .hp-panel.facts .facts-image:after {
        bottom: 0;
        top: auto;
        transform: matrix(-1, 0, 0, 1, 0, 0);
        height: 713px
    }
}

.hp-panel.facts .facts-image .fsResourceTypeImage {
    display: block;
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    width: 989px;
    z-index: -1;
    height: 660px;
    left: 0
}

@media (min-width:600px) {
    .hp-panel.facts .facts-image .fsResourceTypeImage {
        left: auto;
        right: 0;
        width: 100%
    }
}

@media (min-width:1000px) {
    .hp-panel.facts .facts-image .fsResourceTypeImage {
        right: -53px;
        height: 100%;
        width: calc(100% + 53px);
        background-position: 0 0
    }
}

.hp-panel.facts .facts-image .fsResourceTypeImage:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background: linear-gradient(180deg, hsla(0, 0%, 100%, .0001), #fff 90.41%);
    transform: matrix(1, 0, 0, -1, 0, 0);
    z-index: -1;
    height: 863px;
    height: 374px
}

@media (min-width:600px) {
    .hp-panel.facts .facts-image .fsResourceTypeImage:after {
        height: 474px
    }
}

@media (min-width:1000px) {
    .hp-panel.facts .facts-image .fsResourceTypeImage:after {
        height: 254px;
        top: -72px;
        z-index: 5;
        transform: rotate(-180deg)
    }
}

.hp-panel.facts .facts-image .fsResourceTypeImage img {
    opacity: 0;
    display: block;
    width: 100%;
    height: 100%
}

.hp-facts-container {
    position: relative;
    z-index: 20;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 0
}

@media (min-width:1000px) {
    .hp-facts-container {
        align-items: flex-end
    }
}

@media (min-width:700px) {

    .hp-facts-container>.fsElementContent,
    .hp-facts-container>footer {
        width: 646px
    }
}

@media (min-width:1440px) {

    .hp-facts-container>.fsElementContent,
    .hp-facts-container>footer {
        width: 44.86vw
    }
}

.hp-facts-container>header {
    text-align: center;
    width: 450px;
    max-width: 100%;
    padding: 0 15px;
    margin-bottom: 315px
}

@media (min-width:600px) {
    .hp-facts-container>header {
        margin-bottom: 0
    }
}

@media (min-width:700px) {
    .hp-facts-container>header {
        padding: 0
    }
}

@media (min-width:1000px) {
    .hp-facts-container>header {
        margin-bottom: 43px;
        text-align: right;
        width: 646px
    }
}

.hp-facts-container>header .fsElementTitle {
    font-weight: 800;
    color: #06729d;
    text-transform: uppercase;
    font-size: 2.125rem;
    line-height: 1.05882
}

@media (min-width:1000px) {
    .hp-facts-container>header .fsElementTitle {
        font-size: 3rem;
        line-height: 1.04167
    }
}

.hp-facts-container>.fsElementContent {
    display: grid;
    grid-template-rows: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr
}

@media (min-width:500px) {
    .hp-facts-container>.fsElementContent {
        grid-template-rows: 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr
    }
}

.hp-facts-container .hp-fact {
    margin-bottom: 0
}

@media (min-width:1440px) {
    .hp-facts-container .hp-fact {
        min-height: 12.9vw
    }
}

.hp-fact {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px;
    min-height: 160px;
    background-color: rgba(114, 202, 237, .4);
    position: relative
}

@media (min-width:600px) {
    .hp-fact {
        min-height: 186px
    }
}

.hp-fact:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #036;
    opacity: 0;
    transition: .4s
}

@media (min-width:500px) {
    .hp-fact:nth-of-type(2n) {
        background-color: hsla(0, 0%, 100%, .8)
    }

    .hp-fact:nth-of-type(2n):before {
        background-color: #f8f8f8
    }

    .hp-fact:nth-of-type(2n)>footer .fsElementFooterContent {
        color: #0785b7 !important
    }
}

@media (max-width:499px) {

    .hp-fact:nth-of-type(2),
    .hp-fact:nth-of-type(3),
    .hp-fact:nth-of-type(6) {
        background-color: hsla(0, 0%, 100%, .8)
    }

    .hp-fact:nth-of-type(2):before,
    .hp-fact:nth-of-type(3):before,
    .hp-fact:nth-of-type(6):before {
        background-color: #f8f8f8
    }

    .hp-fact:nth-of-type(2)>footer .fsElementFooterContent,
    .hp-fact:nth-of-type(3)>footer .fsElementFooterContent,
    .hp-fact:nth-of-type(6)>footer .fsElementFooterContent {
        color: #0785b7 !important
    }
}

.hp-fact>.fsElementContent,
.hp-fact>footer,
.hp-fact>header {
    position: relative
}

.hp-fact>header {
    margin-bottom: 8px
}

@media (min-width:600px) {
    .hp-fact>header {
        margin-bottom: 15px
    }
}

.hp-fact>header .fsElementHeaderContent {
    margin-bottom: 0;
    font-weight: 800;
    color: #06729d;
    text-transform: uppercase;
    transition: .3s;
    font-size: 2.1875rem;
    line-height: 1.14286
}

@media (min-width:600px) {
    .hp-fact>header .fsElementHeaderContent {
        font-size: 3.4375rem;
        line-height: .90909
    }
}

.hp-fact>.fsElementContent {
    order: 30
}

.hp-fact>footer .fsElementFooterContent {
    margin-top: 0;
    font-weight: 600;
    color: #0785b7;
    transition: .3s;
    font-size: 1.0625rem;
    line-height: 1.17647
}

@media (min-width:600px) {
    .hp-fact>footer .fsElementFooterContent {
        font-size: 1.1875rem;
        line-height: 1.05263
    }
}

.hp-fact:focus,
.hp-fact:hover {
    z-index: 20
}

.hp-fact:focus:before,
.hp-fact:hover:before {
    transition: .5s;
    opacity: 1;
    transform: scale(1.0465)
}

.hp-fact:focus>header .fsElementHeaderContent,
.hp-fact:hover>header .fsElementHeaderContent {
    transiton: .5s;
    color: #89b05d
}

.hp-fact:focus>footer .fsElementFooterContent,
.hp-fact:hover>footer .fsElementFooterContent {
    transiton: .5s;
    color: #fff
}

body:not(.fsComposeMode) .hp-panel.facts:before {
    transform: scaleX(0);
    transform-origin: right
}

body:not(.fsComposeMode) .hp-panel.facts .facts-image {
    opacity: 0;
    transition: .3s
}

body:not(.fsComposeMode) .hp-panel.facts .hp-facts-container>header {
    transform: translateX(-100px);
    opacity: 0;
    transition: .3s
}

body:not(.fsComposeMode) .hp-panel.facts .hp-fact {
    opacity: 0;
    transform: scale(.8)
}

body:not(.fsComposeMode) .hp-panel.facts .hp-fact:first-child,
body:not(.fsComposeMode) .hp-panel.facts .hp-fact:nth-child(4) {
    transform: scale(.8) translate3d(-75px, 0, 0)
}

body:not(.fsComposeMode) .hp-panel.facts .hp-fact:nth-child(2) {
    transform: scale(.8) translate3d(0, -75px, 0)
}

body:not(.fsComposeMode) .hp-panel.facts .hp-fact:nth-child(5) {
    transform: scale(.8) translate3d(0, 75px, 0)
}

body:not(.fsComposeMode) .hp-panel.facts .hp-fact:nth-child(3),
body:not(.fsComposeMode) .hp-panel.facts .hp-fact:nth-child(6) {
    transform: scale(.8) translate3d(75px, 0, 0)
}

body:not(.fsComposeMode) .hp-panel.facts:after {
    transform: scaleY(0);
    transform-origin: top
}

body:not(.fsComposeMode) .hp-panel.facts.animate-right:before {
    transform: scale(1);
    transition: .4s ease-in-out 1.7s
}

body:not(.fsComposeMode) .hp-panel.facts.fade-in .facts-image {
    opacity: 1;
    transition: 1.25s
}

body:not(.fsComposeMode) .hp-panel.facts.fade-in .hp-facts-container>header {
    opacity: 1;
    transform: translateX(0);
    transition: .75s
}

body:not(.fsComposeMode) .hp-panel.facts.fade-in .hp-fact {
    opacity: 1;
    transform: scale(1) translateZ(0) !important
}

body:not(.fsComposeMode) .hp-panel.facts.fade-in .hp-fact:first-of-type {
    transition: .5s .2s
}

body:not(.fsComposeMode) .hp-panel.facts.fade-in .hp-fact:nth-of-type(2) {
    transition: .5s .4s
}

body:not(.fsComposeMode) .hp-panel.facts.fade-in .hp-fact:nth-of-type(3) {
    transition: .5s .6s
}

body:not(.fsComposeMode) .hp-panel.facts.fade-in .hp-fact:nth-of-type(4) {
    transition: .5s .8s
}

body:not(.fsComposeMode) .hp-panel.facts.fade-in .hp-fact:nth-of-type(5) {
    transition: .5s 1s
}

body:not(.fsComposeMode) .hp-panel.facts.fade-in .hp-fact:nth-of-type(6) {
    transition: .5s 1.2s
}

body:not(.fsComposeMode) .hp-panel.facts.animate-down:after {
    transform: scale(1);
    transition: .7s
}

.hp-panel.cta-buttons {
    position: relative;
    z-index: 25;
    margin-bottom: 0
}

.hp-panel.cta-buttons>header {
    margin: 0 auto 44px;
    text-align: center;
    width: 702px;
    max-width: calc(100% - 40px)
}

.hp-panel.cta-buttons>header .fsElementTitle {
    font-weight: 800;
    color: #06729d;
    text-transform: uppercase;
    font-size: 2.125rem;
    line-height: 1.05882
}

@media (min-width:1000px) {
    .hp-panel.cta-buttons>header .fsElementTitle {
        font-size: 3rem;
        line-height: 1.04167
    }
}

@media (min-width:600px) {
    .hp-panel.cta-buttons>.fsElementContent {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr
    }
}

.hp-panel.cta-buttons .cta-button {
    margin-bottom: 0
}

.cta-button article {
    position: relative;
    overflow: hidden;
    height: 374px
}

@media (min-width:600px) {
    .cta-button article {
        height: 40vw
    }
}

@media (min-width:1440px) {
    .cta-button article {
        height: 576px
    }
}

.cta-button article picture {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: block;
    background-size: cover;
    background-position: 50%;
    transition: .5s
}

.cta-button article picture img {
    display: block;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.cta-button article figcaption {
    margin: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    color: #fff;
    text-align: center;
    padding: 55px 20px
}

.cta-button article figcaption:before {
    content: "";
    width: 100%;
    height: 282px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, .0001), #000 90.41%);
    opacity: .9;
    transform: matrix(-1, 0, 0, 1, 0, 0);
    transition: .5s
}

@media (min-width:600px) {
    .cta-button article figcaption {
        padding: 30px 15px
    }
}

@media (min-width:700px) {
    .cta-button article figcaption {
        padding: 40px 20px
    }
}

@media (min-width:900px) {
    .cta-button article figcaption {
        padding: 55px 20px
    }
}

@media (min-width:1100px) {
    .cta-button article figcaption {
        padding: 65px 30px
    }
}

.cta-button .button-inner {
    position: relative;
    z-index: 30
}

.cta-button .button-inner>header {
    display: flex;
    flex-direction: column-reverse;
    transition: .5s;
    transform: translateY(160px)
}

@media (min-width:600px) {
    .cta-button .button-inner>header {
        transform: translateY(135px)
    }
}

@media (min-width:700px) {
    .cta-button .button-inner>header {
        transform: translateY(150px)
    }
}

@media (min-width:900px) {
    .cta-button .button-inner>header {
        transform: translateY(170px)
    }
}

@media (min-width:1100px) {
    .cta-button .button-inner>header {
        transform: translateY(210px)
    }
}

.cta-button .button-inner>header .fsElementTitle {
    color: inherit;
    margin-bottom: 0;
    text-transform: uppercase;
    font-weight: 800;
    line-height: 1;
    font-size: 2.5rem
}

@media (min-width:600px) {
    .cta-button .button-inner>header .fsElementTitle {
        font-size: 1.4375rem
    }
}

@media (min-width:700px) {
    .cta-button .button-inner>header .fsElementTitle {
        font-size: 1.8125rem
    }
}

@media (min-width:1100px) {
    .cta-button .button-inner>header .fsElementTitle {
        font-size: 2.777vw
    }
}

@media (min-width:1440px) {
    .cta-button .button-inner>header .fsElementTitle {
        font-size: 2.5rem
    }
}

.cta-button .button-content {
    font-weight: 400;
    overflow: hidden;
    opacity: 0;
    transition: .5s;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transform: translateY(130px);
    font-size: 1.125rem;
    line-height: 26px;
    height: 130px
}

@media (min-width:600px) {
    .cta-button .button-content {
        transform: translateY(126px);
        font-size: .875rem;
        line-height: 21px;
        height: 126px
    }
}

@media (min-width:900px) {
    .cta-button .button-content {
        transform: translateY(138px);
        font-size: 1.125rem;
        line-height: 26px;
        height: 138px
    }
}

@media (min-width:1100px) {
    .cta-button .button-content {
        transform: translateY(180px);
        font-size: 1.4375rem;
        line-height: 30px;
        height: 180px
    }
}

.cta-button figure>.fsResourceLink {
    display: block
}

.cta-button figure>.fsResourceLink:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: linear-gradient(109.63deg, #036 48.86%, #0579a2 117.2%);
    opacity: 0;
    transition: .5s;
    z-index: 10
}

.cta-button figure>.fsResourceLink:after {
    content: "";
    width: 100%;
    height: 9px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #89b05d;
    transform: scaleX(0);
    transition: .5s;
    transform-origin: left;
    z-index: 50
}

.cta-button figure>.fsResourceLink:focus:before,
.cta-button figure>.fsResourceLink:hover:before {
    opacity: .82;
    transition: .7s
}

.cta-button figure>.fsResourceLink:focus:after,
.cta-button figure>.fsResourceLink:hover:after {
    transform: scale(1);
    transition: .5s
}

.cta-button figure>.fsResourceLink:focus picture,
.cta-button figure>.fsResourceLink:hover picture {
    transform: scale(1.2);
    transition: .7s;
    filter: grayscale(1)
}

.cta-button figure>.fsResourceLink:focus picture:before,
.cta-button figure>.fsResourceLink:hover picture:before {
    height: 432px;
    opacity: .5
}

.cta-button figure>.fsResourceLink:focus .button-inner>header,
.cta-button figure>.fsResourceLink:hover .button-inner>header {
    transform: translateY(-20px) scale(1.2);
    transition: .7s
}

@media (min-width:900px) {

    .cta-button figure>.fsResourceLink:focus .button-inner>header,
    .cta-button figure>.fsResourceLink:hover .button-inner>header {
        transform: translateY(-30px) scale(1.3)
    }
}

@media (min-width:1100px) {

    .cta-button figure>.fsResourceLink:focus .button-inner>header,
    .cta-button figure>.fsResourceLink:hover .button-inner>header {
        transform: translateY(-41px) scale(1.425)
    }
}

.cta-button figure>.fsResourceLink:focus .button-content,
.cta-button figure>.fsResourceLink:hover .button-content {
    opacity: 1;
    transform: translateY(0);
    transition: .7s
}

body:not(.fsComposeMode) .hp-panel.cta-buttons>header {
    opacity: 0;
    transition: .3s
}

body:not(.fsComposeMode) .hp-panel.cta-buttons .cta-button {
    opacity: 0
}

body:not(.fsComposeMode) .hp-panel.cta-buttons .cta-button:first-child {
    transform: translateX(-33vw)
}

body:not(.fsComposeMode) .hp-panel.cta-buttons .cta-button:nth-child(2) {
    transform: translateY(33vw)
}

body:not(.fsComposeMode) .hp-panel.cta-buttons .cta-button:nth-child(3) {
    transform: translateX(33vw)
}

body:not(.fsComposeMode) .hp-panel.cta-buttons .cta-button .button-inner>header {
    opacity: 0;
    margin-bottom: 200px
}

body:not(.fsComposeMode) .hp-panel.cta-buttons.animate>header {
    opacity: 1;
    transition: .75s ease-in-out .5s
}

body:not(.fsComposeMode) .hp-panel.cta-buttons.animate .cta-button {
    opacity: 1;
    transition: .75s ease-in-out 1s
}

body:not(.fsComposeMode) .hp-panel.cta-buttons.animate .cta-button:first-child {
    transform: translateX(0)
}

body:not(.fsComposeMode) .hp-panel.cta-buttons.animate .cta-button:nth-child(2) {
    transform: translateY(0)
}

body:not(.fsComposeMode) .hp-panel.cta-buttons.animate .cta-button:nth-child(3) {
    transform: translateX(0)
}

body:not(.fsComposeMode) .hp-panel.cta-buttons.animate .cta-button .button-inner>header {
    opacity: 1;
    margin-bottom: 0;
    transition: margin-bottom 1s ease-in-out 1s, opacity 1s ease-in-out 1s, transform .7s
}

.hp-panel.posts {
    position: relative;
    z-index: 15;
    margin-bottom: 0;
    padding-top: 424px;
    margin-top: -60px
}

@media (min-width:600px) {
    .hp-panel.posts {
        padding-top: 462px;
        margin-top: -155px
    }
}

@media (min-width:1000px) {
    .hp-panel.posts {
        padding-top: 700px;
        margin-top: -366px
    }
}

.hp-panel.posts>header {
    margin: 0 auto 25px;
    text-align: center;
    width: 438px;
    max-width: calc(100% - 40px);
    position: relative;
    z-index: 20
}

@media (min-width:1000px) {
    .hp-panel.posts>header {
        margin: 0 auto 30px;
        width: 608px
    }
}

.hp-panel.posts>header:before {
    content: "";
    height: 72px;
    width: 3px;
    background-color: #959595;
    position: absolute;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    bottom: calc(100% + 33px);
    left: auto;
    z-index: 100
}

@media (min-width:600px) {
    .hp-panel.posts>header:before {
        transform: none;
        left: auto;
        height: 287px;
        right: calc(100% + 40px);
        bottom: calc(100% - 28px)
    }
}

@media (min-width:1000px) {
    .hp-panel.posts>header:before {
        height: 383px
    }
}

@media (min-width:800px) {
    .hp-panel.posts>header:before {
        right: calc(100% + 100px)
    }
}

@media (min-width:1200px) {
    .hp-panel.posts>header:before {
        right: calc(100% + 189px)
    }
}

.hp-panel.posts>header:after {
    content: "";
    height: 3px;
    background-color: #959595;
    position: absolute;
    top: 25px;
    right: calc(100% + 15px);
    z-index: 100;
    width: 25px;
    display: none
}

@media (min-width:600px) {
    .hp-panel.posts>header:after {
        display: block
    }
}

@media (min-width:800px) {
    .hp-panel.posts>header:after {
        width: 85px
    }
}

@media (min-width:1200px) {
    .hp-panel.posts>header:after {
        width: 174px
    }
}

.hp-panel.posts>header .fsElementTitle {
    font-weight: 800;
    color: #06729d;
    text-transform: uppercase;
    font-size: 2.125rem;
    line-height: 1.05882
}

@media (min-width:1000px) {
    .hp-panel.posts>header .fsElementTitle {
        font-size: 3rem;
        line-height: 1.04167
    }
}

.hp-panel.posts .posts-panel-image {
    margin-bottom: 0
}

.hp-panel.posts .posts-panel-image:before {
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    width: 100%;
    height: 109px;
    background: linear-gradient(180deg, hsla(0, 0%, 100%, .0001), #fff 90.41%);
    transform: rotate(-180deg);
    top: 32px
}

@media (min-width:600px) {
    .hp-panel.posts .posts-panel-image:before {
        top: auto;
        bottom: 43vw;
        height: 294px;
        transform: matrix(-1, 0, 0, 1, 0, 0)
    }
}

@media (min-width:1000px) {
    .hp-panel.posts .posts-panel-image:before {
        height: 368px
    }
}

.hp-panel.posts .posts-panel-image:after {
    content: "";
    height: 100%;
    position: absolute;
    left: 0;
    top: 48.53vw;
    width: 100%;
    height: 122px;
    background: linear-gradient(180deg, hsla(0, 0%, 100%, .0001), #fff 90.41%);
    transform: matrix(-1, 0, 0, 1, 0, 0);
    display: none
}

@media (min-width:600px) {
    .hp-panel.posts .posts-panel-image:after {
        height: 316px;
        bottom: 43vw;
        top: auto;
        display: block
    }
}

@media (min-width:1000px) {
    .hp-panel.posts .posts-panel-image:after {
        height: 352px
    }
}

.hp-panel.posts .posts-panel-image .fsResourceTypeImage {
    display: block;
    background-size: calc(100% + 83px) auto;
    background-position: 50%;
    background-repeat: no-repeat;
    position: absolute;
    z-index: -1;
    opacity: .4;
    left: -20px;
    top: 0;
    width: calc(100% + 83px);
    min-height: 304px;
    height: 81vw
}

@media (min-width:600px) {
    .hp-panel.posts .posts-panel-image .fsResourceTypeImage {
        left: -58px;
        width: 1151px;
        height: 753px;
        background-size: cover;
        background-position: 0 0
    }
}

@media (min-width:1000px) {
    .hp-panel.posts .posts-panel-image .fsResourceTypeImage {
        left: auto;
        right: -53px;
        top: 0;
        width: calc(100% + 53px)
    }
}

.hp-panel.posts .posts-panel-image .fsResourceTypeImage:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #0c2340;
    mix-blend-mode: overlay
}

.hp-panel.posts .posts-panel-image .fsResourceTypeImage:after {
    content: "";
    height: 122px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: linear-gradient(180deg, hsla(0, 0%, 100%, .0001), #fff 90.41%);
    transform: matrix(-1, 0, 0, 1, 0, 0)
}

@media (min-width:600px) {
    .hp-panel.posts .posts-panel-image .fsResourceTypeImage:after {
        height: 226px;
        top: 0;
        bottom: auto;
        transform: rotate(-180deg)
    }
}

@media (min-width:1000px) {
    .hp-panel.posts .posts-panel-image .fsResourceTypeImage:after {
        height: 461px
    }
}

.hp-panel.posts .posts-panel-image .fsResourceTypeImage img {
    opacity: 0;
    display: block;
    width: 100%;
    height: 100%
}

.post-image-grid,
.post-image-grid>.fsElementContent {
    position: relative
}

@media (min-width:600px) {
    .post-image-grid>.fsElementContent {
        height: 43vw;
        background: #fff
    }
}

.post-image-grid>.fsElementContent>article.grid-only {
    display: none
}

.post-image-grid .fsListItems article {
    margin: 0;
    padding: 0;
    border: none;
    position: relative
}

.post-image-grid .fsListItems article:nth-child(n+22) {
    display: none
}

.post-image-grid .fsListItems.lightbox-slideshow {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 200;
    display: none
}

@media (min-width:600px) {
    .post-image-grid .fsListItems.lightbox-slideshow {
        display: block
    }
}

.post-image-grid .fsListItems.lightbox-slideshow .lightbox-close,
.post-image-grid .fsListItems.lightbox-slideshow .slick-arrow,
.post-image-grid .fsListItems.lightbox-slideshow .slick-list {
    opacity: 0;
    visibility: hidden;
    transition: .3s
}

.post-image-grid .fsListItems.lightbox-slideshow article {
    width: 100%;
    background-color: #036;
    display: grid;
    grid-template-columns: 45.55% auto;
    grid-template-rows: 100%;
    height: 43vw
}

.post-image-grid .fsListItems.lightbox-slideshow article:after {
    display: none
}

.post-image-grid .fsListItems.lightbox-slideshow .fsThumbnail {
    background-size: cover;
    background-position: 50%;
    margin: 0
}

.post-image-grid .fsListItems.lightbox-slideshow .fsThumbnail img {
    opacity: 0
}

.post-image-grid .fsListItems.lightbox-slideshow .post-content {
    color: #fff;
    padding: 30px 75px 50px 30px;
    position: relative
}

@media (min-width:800px) {
    .post-image-grid .fsListItems.lightbox-slideshow .post-content {
        padding: 65px 60px 50px 30px
    }
}

@media (min-width:900px) {
    .post-image-grid .fsListItems.lightbox-slideshow .post-content {
        padding: 75px 60px 75px 45px
    }
}

@media (min-width:1200px) {
    .post-image-grid .fsListItems.lightbox-slideshow .post-content {
        padding: 8.33vw 5.55vw 75px
    }
}

@media (min-width:1440px) {
    .post-image-grid .fsListItems.lightbox-slideshow .post-content {
        padding: 120px 80px 75px
    }
}

.post-image-grid .fsListItems.lightbox-slideshow .post-content a,
.post-image-grid .fsListItems.lightbox-slideshow .post-content h1,
.post-image-grid .fsListItems.lightbox-slideshow .post-content h2,
.post-image-grid .fsListItems.lightbox-slideshow .post-content h3,
.post-image-grid .fsListItems.lightbox-slideshow .post-content h4,
.post-image-grid .fsListItems.lightbox-slideshow .post-content h5,
.post-image-grid .fsListItems.lightbox-slideshow .post-content h6 {
    color: inherit
}

.post-image-grid .fsListItems.lightbox-slideshow .post-content .fsTitle {
    color: inherit;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 3px;
    overflow: hidden;
    font-size: 1.5rem;
    line-height: 1.875rem;
    max-height: 3.75rem
}

@media (min-width:1100px) {
    .post-image-grid .fsListItems.lightbox-slideshow .post-content .fsTitle {
        font-size: 2rem;
        line-height: 2.5rem;
        max-height: 5rem
    }
}

.post-image-grid .fsListItems.lightbox-slideshow .post-content .fsSummary {
    margin: 10px 0;
    font-family: ff-nexus-sans, Arial, san-serif;
    font-weight: 600;
    font-style: italic;
    color: inherit;
    overflow: hidden;
    font-size: .875rem;
    line-height: 1.25rem;
    height: 6.25rem
}

@media (min-width:700px) {
    .post-image-grid .fsListItems.lightbox-slideshow .post-content .fsSummary {
        height: 8.75rem
    }
}

@media (min-width:800px) {
    .post-image-grid .fsListItems.lightbox-slideshow .post-content .fsSummary {
        margin: 15px 0;
        font-size: 1.1875rem;
        line-height: 1.875rem;
        height: 7.5rem
    }
}

@media (min-width:1000px) {
    .post-image-grid .fsListItems.lightbox-slideshow .post-content .fsSummary {
        height: 11.25rem;
        margin: 25px 0
    }
}

@media (min-width:1100px) {
    .post-image-grid .fsListItems.lightbox-slideshow .post-content .fsSummary {
        font-size: 1.375rem;
        line-height: 2.25rem
    }
}

@media (min-width:1200px) {
    .post-image-grid .fsListItems.lightbox-slideshow .post-content .fsSummary {
        height: 13.5rem
    }
}

@media (min-width:1440px) {
    .post-image-grid .fsListItems.lightbox-slideshow .post-content .fsSummary {
        height: 15rem
    }
}

.post-image-grid .fsListItems.lightbox-slideshow .post-content .fsReadMoreLink {
    text-decoration: none;
    font-weight: 800;
    font-size: 1rem;
    line-height: 1.8125rem;
    text-transform: uppercase;
    flex-grow: 1;
    display: inline-flex;
    position: absolute;
    left: 30px;
    bottom: 25px
}

@media (min-width:900px) {
    .post-image-grid .fsListItems.lightbox-slideshow .post-content .fsReadMoreLink {
        bottom: 45px;
        left: 45px
    }
}

@media (min-width:1200px) {
    .post-image-grid .fsListItems.lightbox-slideshow .post-content .fsReadMoreLink {
        left: 5.55vw;
        bottom: 62px
    }
}

@media (min-width:1440px) {
    .post-image-grid .fsListItems.lightbox-slideshow .post-content .fsReadMoreLink {
        left: 120px
    }
}

.post-image-grid .fsListItems.lightbox-slideshow .post-content .fsReadMoreLink:before {
    content: "\E92A";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    font-size: 16px;
    margin-right: 8px;
    display: inline-block
}

.post-image-grid .fsListItems.lightbox-slideshow .post-content .fsReadMoreLink:focus,
.post-image-grid .fsListItems.lightbox-slideshow .post-content .fsReadMoreLink:hover {
    color: #89b05d
}

.post-image-grid .fsListItems.lightbox-slideshow .slick-dots {
    margin: 0;
    list-style: none;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    overflow: hidden;
    background: #fff;
    padding: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.post-image-grid .fsListItems.lightbox-slideshow .slick-dots>li {
    position: relative;
    overflow: hidden
}

.post-image-grid .fsListItems.lightbox-slideshow .slick-dots>li:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(109.63deg, #036 48.86%, #0579a2 117.2%);
    opacity: 0;
    transition: .3s;
    z-index: 10
}

.post-image-grid .fsListItems.lightbox-slideshow .slick-dots>li:after {
    content: "\E92C";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    border-radius: 100%;
    position: absolute;
    color: #fff;
    text-align: center;
    background-color: #89b05d;
    transform: translateX(55px);
    opacity: 0;
    transition: .4s;
    z-index: 30;
    width: 25px;
    height: 25px;
    right: 10px;
    top: 10px;
    line-height: 26px;
    font-size: 10px
}

@media (min-width:1000px) {
    .post-image-grid .fsListItems.lightbox-slideshow .slick-dots>li:after {
        width: 33px;
        height: 33px;
        right: 19px;
        top: 15px;
        line-height: 34px;
        font-size: 10px
    }
}

.post-image-grid .fsListItems.lightbox-slideshow .slick-dots>li>button {
    border: 0;
    background: none;
    margin: 0;
    padding: 0;
    cursor: pointer;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-size: cover;
    background-position: 50%;
    color: rgba(0, 0, 0, 0);
    transition: .4s
}

.post-image-grid .fsListItems.lightbox-slideshow .slick-dots>li:focus:before,
.post-image-grid .fsListItems.lightbox-slideshow .slick-dots>li:hover:before {
    opacity: .83;
    transition: .5s
}

.post-image-grid .fsListItems.lightbox-slideshow .slick-dots>li:focus:after,
.post-image-grid .fsListItems.lightbox-slideshow .slick-dots>li:hover:after {
    opacity: 1;
    transform: translateX(0);
    transition: .5s
}

.post-image-grid .fsListItems.lightbox-slideshow .slick-dots>li:focus button,
.post-image-grid .fsListItems.lightbox-slideshow .slick-dots>li:hover button {
    transform: scale(1.45);
    transition: .5s
}

.post-image-grid .fsListItems.lightbox-slideshow.show-overlay .lightbox-close,
.post-image-grid .fsListItems.lightbox-slideshow.show-overlay .slick-arrow,
.post-image-grid .fsListItems.lightbox-slideshow.show-overlay .slick-list {
    opacity: 1;
    visibility: visible;
    transition: .3s;
    z-index: 300
}

.post-image-grid .fsListItems.lightbox-slideshow.show-overlay .lightbox-close {
    z-index: 350
}

.post-image-grid .fsListItems.lightbox-slideshow.show-overlay .slick-dots {
    opacity: 0;
    transition: .3s
}

.post-image-grid .lightbox-close {
    border: 0;
    background: none;
    margin: 0;
    padding: 0;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    background-color: #89b05d;
    width: 61px;
    height: 61px;
    overflow: hidden;
    z-index: 300
}

.post-image-grid .lightbox-close:after {
    content: "\F00D";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    line-height: 61px;
    width: 100%;
    text-align: center;
    font-size: 24px
}

.post-image-grid .lightbox-close span {
    display: block;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.post-image-grid .lightbox-close:focus,
.post-image-grid .lightbox-close:hover {
    background-color: #03284d
}

.post-image-grid .slick-arrow {
    border: 0;
    background: none;
    margin: 0;
    padding: 0;
    cursor: pointer;
    color: rgba(0, 0, 0, 0);
    overflow: hidden;
    position: absolute;
    transform: none;
    top: auto;
    bottom: 67px;
    height: 20px;
    width: 44px;
    z-index: 100;
    bottom: 30px
}

@media (min-width:900px) {
    .post-image-grid .slick-arrow {
        bottom: 50px
    }
}

@media (min-width:1200px) {
    .post-image-grid .slick-arrow {
        bottom: 67px
    }
}

.post-image-grid .slick-arrow:before {
    color: #fff;
    font-size: 14px;
    transition: .3s;
    display: inline-block;
    line-height: 1;
    width: auto;
    height: auto;
    position: absolute;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    font-family: IcoMoon;
    font-weight: 400
}

.post-image-grid .slick-arrow.slick-prev {
    right: 95px;
    left: auto;
    border-right: 1px solid #e5e5e5
}

.post-image-grid .slick-arrow.slick-prev:before {
    left: 0
}

.post-image-grid .slick-arrow.slick-next {
    left: auto;
    right: 53px
}

.post-image-grid .slick-arrow.slick-next:before {
    right: 0
}

.post-image-grid .slick-arrow:focus:before,
.post-image-grid .slick-arrow:hover:before {
    color: #fff;
    transition: .3s;
    transform: translate3d(0, -50%, 0) scale(.8)
}

.post-image-grid .slick-prev:before {
    content: "\E91A"
}

.post-image-grid .slick-next:before {
    content: "\E91B"
}

.post-image-grid .mobile-slideshow {
    display: block;
    padding-bottom: 5px
}

@media (min-width:600px) {
    .post-image-grid .mobile-slideshow {
        display: none
    }
}

.post-image-grid .mobile-slideshow .slick-slide {
    position: relative
}

.post-image-grid .mobile-slideshow .slick-slide>div {
    display: flex
}

.post-image-grid .mobile-slideshow article {
    display: block;
    cursor: pointer
}

.post-image-grid .mobile-slideshow article .fsThumbnail {
    overflow: hidden;
    margin-bottom: 0;
    background-size: cover;
    background-position: 50%
}

.post-image-grid .mobile-slideshow article .fsThumbnail img {
    display: block;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.post-image-grid .mobile-slideshow article>.fsThumbnail {
    height: 0;
    padding-bottom: 100%;
    position: relative
}

.post-image-grid .mobile-slideshow article>.fsThumbnail:after {
    content: "\E92C";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    width: 25px;
    height: 25px;
    border-radius: 100%;
    position: absolute;
    right: 10px;
    top: 10px;
    color: #fff;
    line-height: 26px;
    font-size: 10px;
    text-align: center;
    background-color: #89b05d;
    transition: .4s;
    z-index: 30
}

.post-image-grid .mobile-slideshow article .lightbox-close,
.post-image-grid .mobile-slideshow article .post-content {
    display: none
}

.post-image-grid .mobile-slideshow article .post-content {
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(109.63deg, #036 48.86%, #0579a2 117.2%);
    width: 100%;
    height: calc(100% + 35px);
    z-index: 100;
    padding: 0 30px 30px;
    color: #fff;
    flex-direction: column
}

.post-image-grid .mobile-slideshow article .post-content a,
.post-image-grid .mobile-slideshow article .post-content h1,
.post-image-grid .mobile-slideshow article .post-content h2,
.post-image-grid .mobile-slideshow article .post-content h3,
.post-image-grid .mobile-slideshow article .post-content h4,
.post-image-grid .mobile-slideshow article .post-content h5,
.post-image-grid .mobile-slideshow article .post-content h6 {
    color: inherit
}

.post-image-grid .mobile-slideshow article .post-content .fsThumbnail {
    width: 100vw;
    height: 51vw;
    margin: 0 0 44px -30px
}

.post-image-grid .mobile-slideshow article .post-content .fsTitle {
    color: inherit;
    font-size: 1.5rem;
    line-height: 2.25rem;
    margin-bottom: 0;
    text-transform: uppercase;
    max-height: 4.5rem;
    overflow: hidden;
    min-height: 36px
}

.post-image-grid .mobile-slideshow article .post-content .fsSummary {
    margin: 25px 0;
    font-family: ff-nexus-sans, Arial, san-serif;
    font-weight: 600;
    font-style: italic;
    font-size: 1.1875rem;
    line-height: 1.875rem;
    color: inherit;
    height: 11.25rem;
    overflow: hidden
}

.post-image-grid .mobile-slideshow article .post-content .fsReadMoreLink {
    text-decoration: none;
    font-weight: 800;
    font-size: 1rem;
    line-height: 1.8125rem;
    text-transform: uppercase;
    display: inline-flex;
    align-self: flex-start;
    flex-grow: 1;
    align-items: flex-end
}

.post-image-grid .mobile-slideshow article .post-content .fsReadMoreLink:before {
    content: "\E92A";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    font-size: 16px;
    margin-right: 8px;
    display: inline-block
}

.post-image-grid .mobile-slideshow article .post-content .fsReadMoreLink:focus,
.post-image-grid .mobile-slideshow article .post-content .fsReadMoreLink:hover {
    color: #89b05d
}

.post-image-grid .mobile-slideshow article.lightbox-view {
    position: static
}

.post-image-grid .mobile-slideshow article.lightbox-view .post-content {
    display: flex
}

.post-image-grid .mobile-slideshow article.lightbox-view .lightbox-close {
    display: block
}

.post-image-grid .mobile-slideshow .slick-dots {
    padding: 0 100px;
    display: flex;
    list-style: none;
    margin: 18px auto 0;
    justify-content: center;
    align-items: center;
    font-size: 9px;
    line-height: 1
}

.post-image-grid .mobile-slideshow .slick-dots>li {
    margin: 0 4px
}

.post-image-grid .mobile-slideshow .slick-dots>li>button {
    border: 0;
    background: none;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, 0);
    width: 9px;
    height: 9px;
    border-radius: 100%;
    background-color: #babcbe;
    overflow: hidden;
    line-height: 9px;
    transition: .3s;
    cursor: pointer
}

.post-image-grid .mobile-slideshow .slick-dots>li.slick-active button,
.post-image-grid .mobile-slideshow .slick-dots>li>button:active,
.post-image-grid .mobile-slideshow .slick-dots>li>button:hover {
    background-color: #89b05d;
    transition: .3s
}

.post-image-grid .mobile-slideshow .slick-arrow {
    bottom: 0;
    width: 35px
}

.post-image-grid .mobile-slideshow .slick-arrow:before {
    color: #036
}

.post-image-grid .mobile-slideshow .slick-arrow.slick-prev {
    right: 56px
}

.post-image-grid .mobile-slideshow .slick-arrow.slick-next {
    right: 22px
}

.post-image-grid .mobile-slideshow .lightbox-close {
    display: none
}

.post-image-grid .mobile-slideshow.lightbox-open .slick-list {
    overflow: visible;
    z-index: 200
}

.post-image-grid .mobile-slideshow.lightbox-open .lightbox-close {
    display: block
}

.post-image-grid .mobile-slideshow-arrows {
    position: absolute;
    bottom: 30px;
    right: 10px
}

.post-image-grid .mobile-slideshow-arrows .slick-arrow:before {
    color: #fff
}

body.fsComposeMode .hp-panel.posts {
    overflow: hidden
}

body.fsComposeMode .hp-panel.posts .fsListItems {
    display: flex;
    flex-wrap: wrap
}

body.fsComposeMode .hp-panel.posts .fsListItems article {
    width: 14.28%;
    height: 205px;
    overflow: hidden
}

body:not(.fsComposeMode) .hp-panel.posts>header:before {
    transform: scaleY(0);
    transform-origin: top
}

body:not(.fsComposeMode) .hp-panel.posts>header:after {
    transform: scaleX(0);
    transform-origin: left
}

body:not(.fsComposeMode) .hp-panel.posts .posts-panel-image {
    opacity: 0;
    transition: .3s
}

body:not(.fsComposeMode) .hp-panel.posts>header .fsElementHeaderContent,
body:not(.fsComposeMode) .hp-panel.posts>header .fsElementTitle {
    opacity: 0;
    transform: translateX(100px)
}

body:not(.fsComposeMode) .hp-panel.posts .lightbox-slideshow .slick-dots>li {
    opacity: 0;
    transition: .3s
}

body:not(.fsComposeMode) .hp-panel.posts.fade-in>header:before {
    transform: scale(1);
    transition: .7s
}

body:not(.fsComposeMode) .hp-panel.posts.fade-in>header:after {
    transform: scale(1);
    transition: .5s ease-in-out .7s
}

body:not(.fsComposeMode) .hp-panel.posts.fade-in .posts-panel-image {
    opacity: 1;
    transition: 1.2s
}

body:not(.fsComposeMode) .hp-panel.posts.fade-in>header .fsElementHeaderContent,
body:not(.fsComposeMode) .hp-panel.posts.fade-in>header .fsElementTitle {
    opacity: 1;
    transform: translateX(0);
    transition: .7s ease-in-out .7s
}

body:not(.fsComposeMode) .hp-panel.posts.fade-thumbs .lightbox-slideshow .slick-dots>li {
    opacity: 1
}

body:not(.fsComposeMode) .hp-panel.posts.fade-thumbs .lightbox-slideshow .slick-dots>li:first-of-type {
    transition: .5s .1s
}

body:not(.fsComposeMode) .hp-panel.posts.fade-thumbs .lightbox-slideshow .slick-dots>li:nth-of-type(2) {
    transition: .5s .2s
}

body:not(.fsComposeMode) .hp-panel.posts.fade-thumbs .lightbox-slideshow .slick-dots>li:nth-of-type(3) {
    transition: .5s .3s
}

body:not(.fsComposeMode) .hp-panel.posts.fade-thumbs .lightbox-slideshow .slick-dots>li:nth-of-type(4) {
    transition: .5s .4s
}

body:not(.fsComposeMode) .hp-panel.posts.fade-thumbs .lightbox-slideshow .slick-dots>li:nth-of-type(5) {
    transition: .5s .5s
}

body:not(.fsComposeMode) .hp-panel.posts.fade-thumbs .lightbox-slideshow .slick-dots>li:nth-of-type(6) {
    transition: .5s .6s
}

body:not(.fsComposeMode) .hp-panel.posts.fade-thumbs .lightbox-slideshow .slick-dots>li:nth-of-type(7) {
    transition: .5s .7s
}

body:not(.fsComposeMode) .hp-panel.posts.fade-thumbs .lightbox-slideshow .slick-dots>li:nth-of-type(8) {
    transition: .5s .8s
}

body:not(.fsComposeMode) .hp-panel.posts.fade-thumbs .lightbox-slideshow .slick-dots>li:nth-of-type(9) {
    transition: .5s .9s
}

body:not(.fsComposeMode) .hp-panel.posts.fade-thumbs .lightbox-slideshow .slick-dots>li:nth-of-type(10) {
    transition: .5s 1s
}

body:not(.fsComposeMode) .hp-panel.posts.fade-thumbs .lightbox-slideshow .slick-dots>li:nth-of-type(11) {
    transition: .5s 1.1s
}

body:not(.fsComposeMode) .hp-panel.posts.fade-thumbs .lightbox-slideshow .slick-dots>li:nth-of-type(12) {
    transition: .5s 1.2s
}

body:not(.fsComposeMode) .hp-panel.posts.fade-thumbs .lightbox-slideshow .slick-dots>li:nth-of-type(13) {
    transition: .5s 1.3s
}

body:not(.fsComposeMode) .hp-panel.posts.fade-thumbs .lightbox-slideshow .slick-dots>li:nth-of-type(14) {
    transition: .5s 1.4s
}

body:not(.fsComposeMode) .hp-panel.posts.fade-thumbs .lightbox-slideshow .slick-dots>li:nth-of-type(15) {
    transition: .5s 1.5s
}

body:not(.fsComposeMode) .hp-panel.posts.fade-thumbs .lightbox-slideshow .slick-dots>li:nth-of-type(16) {
    transition: .5s 1.6s
}

body:not(.fsComposeMode) .hp-panel.posts.fade-thumbs .lightbox-slideshow .slick-dots>li:nth-of-type(17) {
    transition: .5s 1.7s
}

body:not(.fsComposeMode) .hp-panel.posts.fade-thumbs .lightbox-slideshow .slick-dots>li:nth-of-type(18) {
    transition: .5s 1.8s
}

body:not(.fsComposeMode) .hp-panel.posts.fade-thumbs .lightbox-slideshow .slick-dots>li:nth-of-type(19) {
    transition: .5s 1.9s
}

body:not(.fsComposeMode) .hp-panel.posts.fade-thumbs .lightbox-slideshow .slick-dots>li:nth-of-type(20) {
    transition: .5s 2s
}

body:not(.fsComposeMode) .hp-panel.posts.fade-thumbs .lightbox-slideshow .slick-dots>li:nth-of-type(21) {
    transition: .5s 2.1s
}

.hp-panel.social {
    position: relative;
    padding-top: 170px;
    padding-bottom: 0;
    background-size: 228px 268px;
    background-repeat: no-repeat;
    background-position: -103px -50px;
    background-color: #fff
}

@media (min-width:600px) {
    .hp-panel.social {
        background-image: url(../images/shield_fade.png);
        padding-top: 117px;
        background-attachment: fixed;
        background-size: 336px 396px;
        background-position: -90px calc(50% - 130px)
    }
}

@media (min-width:900px) {
    .hp-panel.social {
        padding-top: 221px
    }
}

.hp-panel.social:before {
    content: "";
    background-image: url(../images/shield_fade.png);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    height: 268px;
    width: 228px;
    position: absolute;
    top: -50px;
    left: -103px
}

@media (min-width:600px) {
    .hp-panel.social:before {
        display: none
    }
}

.hp-panel.social>header {
    margin: 0 auto 30px;
    text-align: center;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 calc(5.2vw + 40px)
}

@media (min-width:900px) {
    .hp-panel.social>header {
        padding: 0 18vw
    }
}

@media (min-width:1440px) {
    .hp-panel.social>header {
        padding: 0 240px
    }
}

.hp-panel.social>header:before {
    content: "";
    width: 3px;
    background-color: #959595;
    position: absolute;
    z-index: 100;
    bottom: calc(100% + 45px);
    left: 50%;
    transform: translateX(-50%);
    height: 72px
}

@media (min-width:600px) {
    .hp-panel.social>header:before {
        left: auto;
        right: 5.2vw;
        transform: none;
        bottom: calc(100% - 20px);
        height: 110px
    }
}

@media (min-width:900px) {
    .hp-panel.social>header:before {
        right: 8vw;
        bottom: calc(100% - 22px);
        height: 202px
    }
}

@media (min-width:1100px) {
    .hp-panel.social>header:before {
        bottom: calc(100% - 25px)
    }
}

@media (min-width:1440px) {
    .hp-panel.social>header:before {
        right: 120px
    }
}

.hp-panel.social>header:after {
    content: "";
    height: 3px;
    background-color: #fff;
    position: absolute;
    top: 20px;
    z-index: 100;
    width: 5.2vw;
    right: 0;
    display: none
}

@media (min-width:600px) {
    .hp-panel.social>header:after {
        display: block
    }
}

@media (min-width:900px) {
    .hp-panel.social>header:after {
        width: 8vw;
        top: 22px
    }
}

@media (min-width:1100px) {
    .hp-panel.social>header:after {
        top: 25px
    }
}

@media (min-width:1440px) {
    .hp-panel.social>header:after {
        width: 120px
    }
}

.hp-panel.social>header .fsElementTitle {
    font-weight: 800;
    color: #06729d;
    text-transform: uppercase;
    font-size: 2.125rem;
    line-height: 2.5rem;
    position: relative
}

@media (min-width:900px) {
    .hp-panel.social>header .fsElementTitle {
        font-size: 2.5625rem;
        line-height: 2.8125rem
    }
}

@media (min-width:1100px) {
    .hp-panel.social>header .fsElementTitle {
        font-size: 3rem;
        line-height: 3.125rem
    }
}

.hp-panel.social>header .fsElementTitle:before {
    content: "";
    width: 50vw;
    height: 3px;
    position: absolute;
    background-color: #959595;
    left: calc(100% + 20px);
    top: 20px;
    display: none
}

@media (min-width:600px) {
    .hp-panel.social>header .fsElementTitle:before {
        display: block
    }
}

@media (min-width:900px) {
    .hp-panel.social>header .fsElementTitle:before {
        top: 22px;
        left: calc(100% + 70px)
    }
}

@media (min-width:1100px) {
    .hp-panel.social>header .fsElementTitle:before {
        top: 25px
    }
}

.hp-panel.social>header .fsElementTitle:last-child {
    margin-bottom: 0
}

.hp-panel.social>.fsElementContent {
    padding-bottom: 60px
}

.hp-panel.social .nav-social {
    padding-left: 20px;
    padding-right: 100px
}

@media (min-width:700px) {
    .hp-panel.social .nav-social {
        padding-right: 40px
    }
}

@media (min-width:800px) {
    .hp-panel.social .nav-social {
        padding-right: calc(5.2vw + 30px)
    }
}

@media (min-width:900px) {
    .hp-panel.social .nav-social {
        padding-right: calc(8vw + 10px)
    }
}

@media (min-width:1440px) {
    .hp-panel.social .nav-social {
        padding-right: 130px
    }
}

@media (min-width:700px) {
    .hp-panel.social .nav-social .fsNavLevel1 {
        justify-content: flex-end
    }
}

.hp-panel.social .nav-social .fsNavLevel1>li>a {
    background-color: #d5f1fd;
    padding: 0
}

@media (max-width:899px) {
    .hp-panel.social .nav-social .fsNavLevel1>li>a {
        width: 35px;
        height: 35px
    }
}

.hp-panel.social .nav-social .fsNavLevel1>li>a:before {
    transition: .3s
}

@media (max-width:899px) {
    .hp-panel.social .nav-social .fsNavLevel1>li>a:before {
        font-size: 15px
    }
}

.hp-panel.social .nav-social .fsNavLevel1>li>a:focus,
.hp-panel.social .nav-social .fsNavLevel1>li>a:hover {
    background-color: #036
}

.hp-panel.social .nav-social .fsNavLevel1>li>a:focus:before,
.hp-panel.social .nav-social .fsNavLevel1>li>a:hover:before {
    color: #d5f1fd;
    transition: .3s
}

.social-slideshow {
    position: relative;
    margin-bottom: 0
}

.social-slideshow .slick-list {
    padding-bottom: 10px
}

@media (min-width:700px) {
    .social-slideshow .slick-list {
        padding-bottom: 20px
    }
}

.social-slideshow .slick-arrow {
    bottom: -30px
}

@media (min-width:700px) {
    .social-slideshow .slick-arrow {
        bottom: -20px
    }
}

@media (max-width:699px) {
    .social-slideshow .slick-arrow.slick-prev {
        left: auto;
        right: 60px
    }
}

@media (max-width:699px) {
    .social-slideshow .slick-arrow.slick-next {
        left: auto;
        right: 27px
    }
}

.social-slideshow .feed-post-link {
    position: relative;
    display: block
}

.social-slideshow .feed-post-link:after {
    content: "\E91F";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    border-radius: 100%;
    background-color: #036;
    color: #fff;
    text-align: center;
    position: absolute;
    transition: .3s;
    font-size: 17px;
    top: 18px;
    right: 24px;
    width: 40px;
    height: 40px;
    line-height: 40px
}

@media (min-width:400px) {
    .social-slideshow .feed-post-link:after {
        font-size: 13px;
        top: 13px;
        right: 18px;
        width: 30px;
        height: 30px;
        line-height: 30px
    }
}

@media (min-width:800px) {
    .social-slideshow .feed-post-link:after {
        font-size: 9px;
        top: 9px;
        right: 12px;
        width: 21px;
        height: 21px;
        line-height: 21px
    }
}

@media (min-width:900px) {
    .social-slideshow .feed-post-link:after {
        font-size: 13px;
        top: 13px;
        right: 18px;
        width: 30px;
        height: 30px;
        line-height: 30px
    }
}

@media (min-width:1100px) {
    .social-slideshow .feed-post-link:after {
        top: 17px;
        right: 23px;
        font-size: 17px;
        width: 39px;
        height: 39px;
        line-height: 39px
    }
}

.social-slideshow .feed-post-link:focus .feed-inner-wrap,
.social-slideshow .feed-post-link:hover .feed-inner-wrap {
    opacity: 1;
    transition: .5s
}

.social-slideshow .feed-post-link:focus:after,
.social-slideshow .feed-post-link:hover:after {
    color: #022f5c;
    background-color: #fff;
    transition: .3s
}

.social-slideshow .feed-image-wrap {
    height: 0;
    padding-bottom: 100%;
    background-size: cover;
    background-position: 50%
}

.social-slideshow .feed-image-wrap img {
    display: block;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.social-slideshow .feed-inner-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 20px;
    background-color: rgba(2, 47, 92, .85);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    opacity: 0;
    transiton: .5s
}

@media (min-width:400px) {
    .social-slideshow .feed-inner-wrap {
        padding: 15px
    }
}

@media (min-width:900px) {
    .social-slideshow .feed-inner-wrap {
        padding: 25px
    }
}

@media (min-width:1100px) {
    .social-slideshow .feed-inner-wrap {
        padding: 25px
    }
}

.social-slideshow .feed-inner-wrap .post-description {
    color: #fff;
    font-family: ff-nexus-sans, Arial, san-serif;
    font-size: 1.125rem;
    line-height: 1.5625rem;
    max-height: 150px
}

@media (min-width:400px) {
    .social-slideshow .feed-inner-wrap .post-description {
        max-height: 125px
    }
}

@media (min-width:1100px) {
    .social-slideshow .feed-inner-wrap .post-description {
        max-height: 9.375rem
    }
}

@media (min-width:1440px) {
    .social-slideshow .feed-inner-wrap .post-description {
        max-height: 12.5rem
    }
}

body:not(.fsComposeMode) .hp-panel.social:before {
    transform: translateY(-200px);
    opacity: 0;
    transition: .3s
}

body:not(.fsComposeMode) .hp-panel.social>header:before {
    transform: scaleY(0);
    transform-origin: top
}

body:not(.fsComposeMode) .hp-panel.social>header .fsElementTitle:before {
    transform: scaleX(0);
    transform-origin: right
}

body:not(.fsComposeMode) .hp-panel.social>header .fsElementTitle {
    color: #fff;
    transform: translateX(-100px)
}

body:not(.fsComposeMode) .hp-panel.social .feeds-post.animate {
    opacity: 0;
    transition: .3s
}

body:not(.fsComposeMode) .hp-panel.social.animate:before {
    transform: translateY(0);
    opacity: 1;
    transition: opacity .5s, transform 2s
}

body:not(.fsComposeMode) .hp-panel.social.animate>header:before {
    transform: scale(1);
    transition: .7s
}

body:not(.fsComposeMode) .hp-panel.social.animate>header .fsElementTitle:before {
    transform: scale(1);
    transition: 1.5s ease-in-out 0s
}

body:not(.fsComposeMode) .hp-panel.social.animate>header .fsElementTitle {
    color: #06729d;
    transform: translateX(0);
    transition: 1s ease-in-out .75s
}

body:not(.fsComposeMode) .hp-panel.social.fade-posts>.fsElementContent {
    background-color: #fff;
    transition: .5s ease-in-out .6s
}

body:not(.fsComposeMode) .hp-panel.social.fade-posts .feeds-post.animate {
    opacity: 1
}

body:not(.fsComposeMode) .hp-panel.social.fade-posts .feeds-post.animate[data-slick-index="0"] {
    transition: .5s
}

body:not(.fsComposeMode) .hp-panel.social.fade-posts .feeds-post.animate[data-slick-index="1"] {
    transition: .5s ease-in-out .2s
}

body:not(.fsComposeMode) .hp-panel.social.fade-posts .feeds-post.animate[data-slick-index="2"] {
    transition: .5s ease-in-out .4s
}

body:not(.fsComposeMode) .hp-panel.social.fade-posts .feeds-post.animate[data-slick-index="3"] {
    transition: .5s ease-in-out .6s
}

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

.colors.main ol li:nth-of-type(3):after {
    content: "#06729D"
}

@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: myriad-pro-semi-condensed, sans-serif
}

.fonts ol li:first-of-type:after {
    content: "myriad-pro-semi-condensed, 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: 47px / line-height: 56px"
}

.headers .fsElementContent h2:after {
    content: " - font-size: 33px / line-height: 40px"
}

.headers .fsElementContent h3:after {
    content: " - font-size: 34px / line-height: 41px"
}

.headers .fsElementContent h4:after,
.headers .fsElementContent h5:after {
    content: " - font-size: 23px / line-height: 28px"
}

.headers .fsElementContent h6:after {
    content: " - font-size: 20px / line-height: 24px"
}

body.fsLiveMode .hero {
    max-height: 0;
    overflow: hidden
}

body.fsLiveMode .hero img {
    width: 100%
}

body.hero-loaded .hero {
    max-height: none;
    overflow: visible
}

@media (min-width:1000px) {
    body.hero-loaded .header-container {
        position: fixed;
        top: 0;
        lef: 0;
        width: 100%;
        z-index: 500;
        transition: .3s
    }
}

@media (min-width:1200px) {
    body.hero-loaded .header-container {
        padding-top: 40px
    }
}

body.hero-loaded .header-container:before {
    content: "";
    width: 100%;
    height: 380px;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, .0001), #000 90.41%);
    opacity: .8;
    transform: matrix(1, 0, 0, -1, 0, 0);
    transition: .3s;
    display: none
}

@media (min-width:1000px) {
    body.hero-loaded .header-container:before {
        display: block
    }
}

body.hero-loaded .header-container>.fsElementContent {
    position: relative
}

@media (min-width:1000px) {
    body.hero-loaded .header-container.sticky-style {
        transition: .3s;
        background-color: #036;
        padding-top: 23px;
        padding-bottom: 22px;
        box-shadow: inset 0 -1px 0 rgba(213, 241, 253, .4)
    }
}

@media (min-width:1000px) {
    body.hero-loaded .header-container.sticky-style:before {
        transition: .3s;
        opacity: 0
    }
}

.hero .fsElementEmpty,
.hero article,
.hero article.fsResourceTypeImage picture,
.hero article.fsResourceTypeVideo figure,
.hero article.fsResourceTypeVideo video {
    height: 130.789vw
}

@media (min-width:380px) {

    .hero .fsElementEmpty,
    .hero article,
    .hero article.fsResourceTypeImage picture,
    .hero article.fsResourceTypeVideo figure,
    .hero article.fsResourceTypeVideo video {
        min-height: 497px;
        height: 68.457vw
    }
}

@media (min-width:600px) {

    .hero .fsElementEmpty,
    .hero article,
    .hero article.fsResourceTypeImage picture,
    .hero article.fsResourceTypeVideo figure,
    .hero article.fsResourceTypeVideo video {
        max-height: calc(100vh - 75px);
        height: 82.833vw
    }
}

@media (min-width:1000px) {

    .hero .fsElementEmpty,
    .hero article,
    .hero article.fsResourceTypeImage picture,
    .hero article.fsResourceTypeVideo figure,
    .hero article.fsResourceTypeVideo video {
        min-height: 700px;
        height: 100vh;
        max-height: 100vh
    }
}

.hero article.fsResourceTypeImage figcaption,
.hero article.fsResourceTypeVideo figcaption {
    padding: 20px
}

.hero {
    margin-bottom: 0;
    position: relative;
    overflow: hidden
}

.fsHeader .hero {
    width: 100%
}

.fsHeader .hero header {
    display: block
}

.hero>header {
    width: 1180px;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    z-index: 400;
    padding-bottom: 182px;
    max-width: calc(100% - 40px);
    text-align: center;
    color: #fff;
    font-weight: 250;
    text-transform: uppercase;
    text-shadow: 0 0 60px rgba(0, 0, 0, .71);
    line-height: 1.06061;
    font-size: 8.6842vw
}

@media (min-width:380px) {
    .hero>header {
        font-size: 2.0625rem
    }
}

@media (min-width:600px) {
    .hero>header {
        max-width: calc(100% - 60px);
        padding-bottom: 180px;
        font-size: 2.8125rem;
        line-height: .93333
    }
}

@media (min-width:1000px) {
    .hero>header {
        padding-bottom: 356px;
        font-size: 4.5833vw
    }
}

@media (min-width:1440px) {
    .hero>header {
        font-size: 4.125rem;
        line-height: 52px
    }
}

.hero>header:before {
    content: "\E925";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    line-height: 1;
    position: absolute;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    color: #fff;
    font-size: 56px;
    bottom: 94px
}

@media (min-width:1000px) {
    .hero>header:before {
        font-size: 94px;
        bottom: 227px
    }
}

.hero>header:after {
    content: "";
    width: 1px;
    position: absolute;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    bottom: 0;
    background-color: #fff;
    height: 60px
}

@media (min-width:1000px) {
    .hero>header:after {
        height: 186px
    }
}

.hero>header .fsElementTitle {
    font-size: inherit;
    color: inherit;
    line-height: inherit;
    font-weight: inherit
}

.hero>header .fsElementTitle:last-child {
    margin-bottom: 0
}

.hero .fsElementEmpty,
.hero article {
    position: relative;
    width: 100%;
    margin: 0
}

.hero article:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, .0001), #000 90.41%);
    opacity: .63;
    transform: matrix(-1, 0, 0, 1, 0, 0);
    z-index: 10
}

.hero article .fsTitle {
    color: #fff;
    font-size: 1.125rem;
    line-height: 1.5625rem;
    font-weight: 800;
    margin-bottom: 15px;
    text-align: left !important
}

@media (min-width:600px) {
    .hero article .fsTitle {
        margin-bottom: 15px;
        font-size: 1.3125rem;
        line-height: 1.8125rem
    }
}

.hero article .fsTitle.fsResourceName {
    display: none
}

.hero article .fsTitle.fsResourceName+h2,
.hero article .fsTitle.fsResourceName+h3,
.hero article .fsTitle.fsResourceName+h4,
.hero article .fsTitle.fsResourceName+h5,
.hero article .fsTitle.fsResourceName+h6 {
    margin-top: 0
}

.hero article .fsTitle:first-child:last-child {
    margin-bottom: 0
}

.hero article.fsResourceTypeImage.hide-caption figcaption,
.hero article.fsResourceTypeImage.no-text .inner {
    display: none
}

.hero article.fsResourceTypeImage figure {
    display: block;
    position: relative
}

.hero article.fsResourceTypeImage picture {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0);
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: inherit
}

.hero article.fsResourceTypeImage picture img {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    opacity: 0
}

body.fsComposeMode .fsPageBodyWrapper .hero article.fsResourceTypeImage picture img {
    opacity: 1
}

.hero article.fsResourceTypeVideo video {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    object-fit: cover
}

.hero article.fsResourceTypeVideo .fsVideoPlayOverlay {
    background-color: rgba(0, 0, 0, 0);
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: inherit
}

.hero article.fsResourceTypeVideo .fsVideoPlayOverlay:focus:before,
.hero article.fsResourceTypeVideo .fsVideoPlayOverlay:hover:before {
    color: rgba(0, 51, 102, .9)
}

.hero article.fsResourceTypeVideo .fsVideoPlayOverlay:before {
    content: "\E923";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    display: inline-block;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    color: hsla(0, 0%, 100%, .9);
    font-size: 20px;
    line-height: 60px;
    height: 60px;
    width: 60px;
    border: none;
    border-radius: 100%;
    background: rgba(6, 114, 157, .9);
    box-shadow: none;
    text-align: center;
    transition: all .3s
}

.hero article.fsResourceTypeVideo .fsVideoPlayOverlay:after {
    display: none
}

.hero.fsSingleItem.has-video {
    position: relative
}

.hero.fsSlideshow .fsElementSlideshow {
    position: relative;
    margin: 0 auto;
    padding: 0 !important
}

.hero.fsSlideshow .fsElementSlideshow .arrows,
.hero.fsSlideshow .fsElementSlideshow .fsElementSlideshowControls {
    transition: .5s;
    bottom: 17px
}

@media (min-width:1200px) {

    .hero.fsSlideshow .fsElementSlideshow .arrows,
    .hero.fsSlideshow .fsElementSlideshow .fsElementSlideshowControls {
        bottom: 48px
    }
}

.hero.fsSlideshow .fsElementSlideshow .arrows {
    z-index: 300;
    left: auto;
    position: absolute;
    right: 20px
}

@media (min-width:1200px) {
    .hero.fsSlideshow .fsElementSlideshow .arrows {
        right: 40px
    }
}

.hero.fsSlideshow .fsElementSlideshow .arrows .inner {
    display: flex;
    margin-bottom: 11px
}

.hero.fsSlideshow .fsElementSlideshow .arrows .fsNextButton,
.hero.fsSlideshow .fsElementSlideshow .arrows .fsPrevButton {
    margin: 0;
    padding: 0;
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    transform: translate(0)
}

.hero.fsSlideshow .fsElementSlideshow .arrows .fsNextButton:before,
.hero.fsSlideshow .fsElementSlideshow .arrows .fsPrevButton:before {
    color: #fff
}

.hero.fsSlideshow .fsElementSlideshow .arrows .fsNextButton:focus:before,
.hero.fsSlideshow .fsElementSlideshow .arrows .fsNextButton:hover:before,
.hero.fsSlideshow .fsElementSlideshow .arrows .fsPrevButton:focus:before,
.hero.fsSlideshow .fsElementSlideshow .arrows .fsPrevButton:hover:before {
    opacity: .7
}

.hero.fsSlideshow .fsElementSlideshow .fsElementSlideshowControls {
    position: absolute;
    min-width: 40px;
    height: 40px;
    left: 15px
}

@media (min-width:1200px) {
    .hero.fsSlideshow .fsElementSlideshow .fsElementSlideshowControls {
        left: 42px
    }
}

.hero.fsSlideshow .fsElementSlideshow .fsElementSlideshowControls button {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0)
}

.hero.fsSlideshow .fsElementSlideshow .fsSlideshowPause,
.hero.fsSlideshow .fsElementSlideshow .fsSlideshowPlay {
    margin: 0;
    padding: 0;
    width: 40px;
    height: 40px;
    position: absolute;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    transform: translate(0);
    border-radius: 100%;
    transition: .3s;
    opacity: 1;
    background: rgba(0, 0, 0, 0);
    overflow: hidden
}

.hero.fsSlideshow .fsElementSlideshow .fsSlideshowPause:before,
.hero.fsSlideshow .fsElementSlideshow .fsSlideshowPlay:before {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    display: block;
    margin: 0;
    padding: 0;
    background: none;
    color: #fff;
    font-size: 26px;
    line-height: 40px;
    text-align: center;
    height: 100%
}

.hero.fsSlideshow .fsElementSlideshow .fsSlideshowPause:focus,
.hero.fsSlideshow .fsElementSlideshow .fsSlideshowPause:hover,
.hero.fsSlideshow .fsElementSlideshow .fsSlideshowPlay:focus,
.hero.fsSlideshow .fsElementSlideshow .fsSlideshowPlay:hover {
    opacity: .7;
    transition: .3s
}

.hero.fsSlideshow .fsElementSlideshow .fsSlideshowPause:before {
    content: "\E905";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    font-size: 26px
}

.hero.fsSlideshow .fsElementSlideshow .fsSlideshowPlay:before {
    content: "\E923";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none
}

.hero.fsSlideshow .fsElementSlideshow .fsPager {
    padding: 0;
    position: absolute;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    line-height: 1;
    left: 0;
    right: 0;
    bottom: 45px
}

.hero.fsSlideshow .fsElementSlideshow[data-arrows*=true] {
    margin-bottom: 0
}

.hero.fsSlideshow article {
    padding: 0
}

.hero.fsSlideshow article.has-text figure {
    display: flex;
    flex-wrap: wrap
}

.hero.fsSlideshow article.hide-caption picture {
    max-height: 100%
}

.hero.fsSlideshow article.hide-caption figcaption {
    display: none
}

.hero.fsSlideshow .slick-track {
    display: flex
}

.hero.fsSlideshow .slick-track article figure,
.hero.fsSlideshow .slick-track article picture {
    height: 100%
}

.hero .fsElementEmpty {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center
}

body:not(.fsComposeMode) .fsPageBodyWrapper .hero {
    opacity: 0
}

.pause-video,
.play-video {
    border: 0;
    background: none;
    margin: 0;
    padding: 0;
    position: relative;
    width: 40px;
    height: 40px;
    position: absolute;
    left: 42px;
    bottom: 48px;
    z-index: 450;
    cursor: pointer;
    display: none
}

.pause-video:after,
.play-video:after {
    content: "\E905";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    color: #fff;
    line-height: 40px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 1.625rem;
    transition: .3s
}

.pause-video>span,
.play-video>span {
    display: block;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.pause-video:focus:after,
.pause-video:hover:after,
.play-video:focus:after,
.play-video:hover:after {
    color: #89b05d;
    transition: .3s
}

.playing .pause-video {
    display: block
}

.play-video:after {
    content: "\E923"
}

.paused .play-video {
    display: block
}

body:not(.fsComposeMode) .hero:not(.hp-hero)>header .fsElementHeaderContent {
    opacity: 0;
    transform: translateY(-200px);
    transition: .3s
}

body:not(.fsComposeMode) .hero:not(.hp-hero)>header:before {
    opacity: 0;
    transform: translate3d(-50%, -200px, 0);
    transition: .3s
}

body:not(.fsComposeMode) .hero:not(.hp-hero)>header:after {
    transform: translate3d(-50%, 0, 0) scaleY(0);
    transform-origin: top
}

body:not(.fsComposeMode) .hero:not(.hp-hero).animate-hero>header .fsElementHeaderContent {
    opacity: 1;
    transform: translateY(0);
    transition: 1s ease-in-out .5s
}

body:not(.fsComposeMode) .hero:not(.hp-hero).animate-hero>header:before {
    opacity: 1;
    transform: translate3d(-50%, 0, 0);
    transition: 1s ease-in-out .5s
}

body:not(.fsComposeMode) .hero:not(.hp-hero).animate-hero>header:after {
    transform: translate3d(-50%, 0, 0) scale(1);
    transition: 1s ease-in-out 1.5s
}

.image-button article {
    position: relative;
    overflow: hidden;
    height: 0;
    padding-bottom: 119.178%
}

.image-button article picture {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: block;
    background-size: cover;
    background-position: 50%;
    transition: .5s
}

body:not(.fsComposeMode) .image-button article picture img {
    display: block;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.image-button article figcaption {
    margin: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    color: #fff;
    padding: 20px 30px
}

@media (min-width:600px) {
    .image-button article figcaption {
        padding: 15px
    }
}

@media (min-width:700px) {
    .image-button article figcaption {
        padding: 15px 20px
    }
}

@media (min-width:1100px) {
    .image-button article figcaption {
        padding: 2.43vw
    }
}

@media (min-width:1440px) {
    .image-button article figcaption {
        padding: 35px
    }
}

.image-button article figcaption:before {
    content: "";
    width: 100%;
    height: 213px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, .0001), #000 90.41%);
    opacity: .9;
    transform: matrix(-1, 0, 0, 1, 0, 0);
    transition: .5s
}

.image-button .button-inner>header {
    display: flex;
    flex-direction: column-reverse;
    transition: .5s;
    transform: translateY(88px)
}

.image-button .button-inner>header .fsElementTitle {
    color: inherit;
    margin-bottom: 0;
    font-size: 1.75rem;
    line-height: 1.07143;
    text-transform: uppercase;
    font-weight: 800
}

@media (min-width:1440px) {
    .image-button .button-inner>header .fsElementTitle {
        line-height: 2.5rem
    }
}

.image-button .button-content {
    font-weight: 400;
    overflow: hidden;
    opacity: 0;
    transform: translateY(78px);
    transition: .5s;
    font-size: 1.125rem;
    line-height: 26px;
    height: 78px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.image-button figure>.fsResourceLink {
    display: block
}

.image-button figure>.fsResourceLink:before {
    content: "\E906";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    width: 33px;
    height: 33px;
    border-radius: 100%;
    position: absolute;
    right: 19px;
    top: 15px;
    color: #fff;
    line-height: 34px;
    font-size: 10px;
    text-align: center;
    background-color: #89b05d;
    transform: translateX(55px);
    opacity: 0;
    transition: .4s;
    z-index: 20
}

.image-button figure>.fsResourceLink:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: linear-gradient(109.63deg, #036 48.86%, #0579a2 117.2%);
    opacity: 0;
    transition: .5s
}

.image-button figure>.fsResourceLink:focus:before,
.image-button figure>.fsResourceLink:hover:before {
    opacity: 1;
    transform: translateX(0);
    transition: .5s
}

.image-button figure>.fsResourceLink:focus:after,
.image-button figure>.fsResourceLink:hover:after {
    opacity: .82;
    transition: .7s
}

.image-button figure>.fsResourceLink:focus picture,
.image-button figure>.fsResourceLink:hover picture {
    transform: scale(1.2);
    transition: .7s;
    filter: grayscale(1)
}

.image-button figure>.fsResourceLink:focus .button-inner,
.image-button figure>.fsResourceLink:hover .button-inner {
    position: relative;
    z-index: 30
}

.image-button figure>.fsResourceLink:focus .button-inner>header,
.image-button figure>.fsResourceLink:hover .button-inner>header {
    transform: translateY(-3px);
    transition: .7s
}

@media (min-width:1100px) {

    .image-button figure>.fsResourceLink:focus .button-inner>header,
    .image-button figure>.fsResourceLink:hover .button-inner>header {
        transform: translateY(-5px)
    }
}

.image-button figure>.fsResourceLink:focus .button-inner>header:after,
.image-button figure>.fsResourceLink:focus .button-inner>header:before,
.image-button figure>.fsResourceLink:hover .button-inner>header:after,
.image-button figure>.fsResourceLink:hover .button-inner>header:before {
    opacity: 0;
    visibility: hidden;
    transition: .3s
}

.image-button figure>.fsResourceLink:focus .button-content,
.image-button figure>.fsResourceLink:hover .button-content {
    opacity: 1;
    transform: translateY(0);
    transition: .7s
}

.image-button.single {
    max-width: 365px
}

@media (min-width:900px) {
    .image-button-container {
        margin-left: -10px;
        margin-right: -10px
    }
}

@media (min-width:900px) {
    .image-button-container>.fsDiv {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (min-width:600px) {
    .image-button-container .image-button article figcaption {
        padding: 30px 35px
    }
}

@media (min-width:600px) {
    .image-button-container.fsTwoColumnLayout {
        margin-left: -10px;
        margin-right: -10px
    }
}

@media (min-width:600px) {
    .image-button-container.fsTwoColumnLayout>.fsDiv {
        width: 50%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 0
    }
}

@media (min-width:600px) {
    .image-button-container.fsTwoColumnLayout .image-button article {
        padding-bottom: 68.8172%
    }
}

@media (min-width:600px) {
    .image-button-container.fsTwoColumnLayout .image-button article figcaption {
        padding: 20px
    }
}

@media (min-width:800px) {
    .image-button-container.fsTwoColumnLayout .image-button article figcaption {
        padding: 30px 35px
    }
}

@media (min-width:600px) {
    .image-button-container.fsThreeColumnLayout {
        margin-left: -10px;
        margin-right: -10px
    }
}

@media (min-width:600px) {
    .image-button-container.fsThreeColumnLayout>.fsDiv {
        width: 33.333%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 0
    }
}

.image-button-container.fsThreeColumnLayout .image-button article {
    padding-bottom: 118.9%
}

@media (min-width:600px) {
    .image-button-container.fsThreeColumnLayout .image-button article figcaption {
        padding: 20px
    }
}

@media (min-width:900px) {
    .image-button-container.fsThreeColumnLayout .image-button article figcaption {
        padding: 30px 35px
    }
}

.post-slideshow .fsListItems article {
    width: 100%;
    background-color: #036;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: 51vw auto
}

@media (min-width:700px) {
    .post-slideshow .fsListItems article {
        display: grid;
        grid-template-columns: 45.55% auto;
        grid-template-rows: 100%;
        min-height: 47.27vw
    }
}

@media (min-width:1100px) {
    .post-slideshow .fsListItems article {
        min-height: 520px
    }
}

.post-slideshow .fsListItems article:after {
    display: none
}

.post-slideshow .fsListItems article:not(.has-caption) .fsTitle {
    max-height: 100%
}

.post-slideshow .fsThumbnail {
    background-size: cover;
    background-position: 50%;
    margin: 0
}

.post-slideshow .fsThumbnail img {
    display: block;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.post-slideshow .post-content {
    color: #fff;
    position: relative;
    background: linear-gradient(109.63deg, #036 48.86%, #0579a2 117.2%);
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    flex-direction: column;
    padding: 45px 35px 35px
}

@media (min-width:700px) {
    .post-slideshow .post-content {
        padding: 30px 30px 25px
    }
}

@media (min-width:800px) {
    .post-slideshow .post-content {
        padding: 50px 40px
    }
}

@media (min-width:1100px) {
    .post-slideshow .post-content {
        padding: 65px 70px 50px 65px
    }
}

.post-slideshow .post-content a,
.post-slideshow .post-content h1,
.post-slideshow .post-content h2,
.post-slideshow .post-content h3,
.post-slideshow .post-content h4,
.post-slideshow .post-content h5,
.post-slideshow .post-content h6 {
    color: inherit
}

.post-slideshow .post-content .fsTitle {
    color: inherit;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 3px;
    overflow: hidden;
    font-size: 1.5rem;
    line-height: 1.875rem;
    max-height: 3.75rem;
    width: 100%
}

@media (min-width:1100px) {
    .post-slideshow .post-content .fsTitle {
        font-size: 2rem;
        line-height: 2.5rem;
        max-height: 5rem
    }
}

.post-slideshow .post-content .fsSummary {
    margin: 15px 0 30px;
    font-family: ff-nexus-sans, Arial, san-serif;
    font-weight: 600;
    font-style: italic;
    color: inherit;
    overflow: hidden;
    font-size: 1.1875rem;
    line-height: 1.875rem;
    width: 100%
}

@media (min-width:700px) {
    .post-slideshow .post-content .fsSummary {
        font-size: .875rem;
        line-height: 1.25rem;
        height: 8.75rem;
        margin: 10px 0
    }
}

@media (min-width:800px) {
    .post-slideshow .post-content .fsSummary {
        margin: 15px 0;
        font-size: 1.1875rem;
        line-height: 1.875rem;
        height: 7.5rem
    }
}

@media (min-width:1000px) {
    .post-slideshow .post-content .fsSummary {
        height: 11.25rem;
        margin: 25px 0
    }
}

@media (min-width:1100px) {
    .post-slideshow .post-content .fsSummary {
        font-size: 1.5rem;
        line-height: 2.25rem
    }
}

@media (min-width:1200px) {
    .post-slideshow .post-content .fsSummary {
        height: 15.75rem;
        margin: 40px 0
    }
}

.post-slideshow .post-content .fsReadMoreLink {
    text-decoration: none;
    font-weight: 800;
    font-size: 1rem;
    line-height: 1.8125rem;
    text-transform: uppercase;
    display: inline-flex;
    align-items: flex-end;
    flex-grow: 1
}

.post-slideshow .post-content .fsReadMoreLink:before {
    content: "\E92A";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    font-size: 16px;
    margin-right: 8px;
    display: inline-block
}

.post-slideshow .post-content .fsReadMoreLink:focus,
.post-slideshow .post-content .fsReadMoreLink:hover {
    color: #89b05d
}

.post-slideshow .fsCategories,
.post-slideshow .fsTags {
    width: 100%
}

.post-slideshow .fsCategories>li,
.post-slideshow .fsTags>li {
    font-family: ff-nexus-sans, Arial, san-serif;
    font-style: normal;
    font-weight: 800;
    font-size: 1.1875rem;
    line-height: 1.5rem;
    text-transform: uppercase;
    background: none;
    padding: 0;
    margin: 0;
    color: #fff;
    border: none
}

@media (min-width:1100px) {

    .post-slideshow .fsCategories>li,
    .post-slideshow .fsTags>li {
        font-size: 1.3125rem;
        line-height: 1.8125rem
    }
}

.post-slideshow .fsCategories>li:not(:last-child),
.post-slideshow .fsTags>li:not(:last-child) {
    margin-right: 6px
}

.post-slideshow .fsCategories>li:not(:last-child):after,
.post-slideshow .fsTags>li:not(:last-child):after {
    content: ","
}

@media (min-width:1200px) {

    .post-slideshow .fsCategories+.fsSummary,
    .post-slideshow .fsTags+.fsSummary {
        margin-top: 25px
    }
}

.post-slideshow .slick-arrow {
    border: 0;
    background: none;
    margin: 0;
    padding: 0;
    cursor: pointer;
    color: rgba(0, 0, 0, 0);
    overflow: hidden;
    position: absolute;
    transform: none;
    top: auto;
    bottom: 40px;
    height: 20px;
    width: 44px;
    z-index: 100
}

@media (min-width:700px) {
    .post-slideshow .slick-arrow {
        bottom: 30px
    }
}

@media (min-width:800px) {
    .post-slideshow .slick-arrow {
        bottom: 55px
    }
}

.post-slideshow .slick-arrow:before {
    color: #fff;
    font-size: 14px;
    transition: .3s;
    display: inline-block;
    line-height: 1;
    width: auto;
    height: auto;
    position: absolute;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    font-family: IcoMoon;
    font-weight: 400
}

.post-slideshow .slick-arrow.slick-prev {
    right: 95px;
    left: auto;
    border-right: 1px solid #e5e5e5
}

.post-slideshow .slick-arrow.slick-prev:before {
    left: 0
}

.post-slideshow .slick-arrow.slick-next {
    left: auto;
    right: 53px
}

.post-slideshow .slick-arrow.slick-next:before {
    right: 0
}

.post-slideshow .slick-arrow:focus:before,
.post-slideshow .slick-arrow:hover:before {
    color: #fff;
    transition: .3s;
    transform: translate3d(0, -50%, 0) scale(.8)
}

.post-slideshow .slick-prev:before {
    content: "\E91A"
}

.post-slideshow .slick-next:before {
    content: "\E91B"
}

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

[class*=infographic-].apple:before {
    content: "\E901" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].apple:after {
    content: "Custom Class: apple";
    display: block
}

[class*=infographic-].backpack:before {
    content: "\E902" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].backpack:after {
    content: "Custom Class: backpack";
    display: block
}

[class*=infographic-].bar-graph:before {
    content: "\E903" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].bar-graph:after {
    content: "Custom Class: bar-graph";
    display: block
}

[class*=infographic-].baseball:before {
    content: "\E904" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].baseball:after {
    content: "Custom Class: baseball";
    display: block
}

[class*=infographic-].book:before {
    content: "\E905" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].book:after {
    content: "Custom Class: book";
    display: block
}

[class*=infographic-].briefcase:before {
    content: "\E906" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].briefcase:after {
    content: "Custom Class: briefcase";
    display: block
}

[class*=infographic-].bullhorn:before {
    content: "\E907" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].bullhorn:after {
    content: "Custom Class: bullhorn";
    display: block
}

[class*=infographic-].bus:before {
    content: "\E908" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].bus:after {
    content: "Custom Class: bus";
    display: block
}

[class*=infographic-].calendar:before {
    content: "\E909" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].calendar:after {
    content: "Custom Class: calendar";
    display: block
}

[class*=infographic-].camera:before {
    content: "\E90A" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].camera:after {
    content: "Custom Class: camera";
    display: block
}

[class*=infographic-].car:before {
    content: "\E95A" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].car:after {
    content: "Custom Class: car";
    display: block
}

[class*=infographic-].certificate:before {
    content: "\E90B" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].certificate:after {
    content: "Custom Class: certificate";
    display: block
}

[class*=infographic-].check:before {
    content: "\E90C" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].check:after {
    content: "Custom Class: check";
    display: block
}

[class*=infographic-].chess:before {
    content: "\E90D" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].chess:after {
    content: "Custom Class: chess";
    display: block
}

[class*=infographic-].city:before {
    content: "\E90E" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].city:after {
    content: "Custom Class: city";
    display: block
}

[class*=infographic-].college:before {
    content: "\E90F" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].college:after {
    content: "Custom Class: college";
    display: block
}

[class*=infographic-].covid:before {
    content: "\E951" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].covid:after {
    content: "Custom Class: covid";
    display: block
}

[class*=infographic-].cross:before {
    content: "\E910" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].cross:after {
    content: "Custom Class: cross";
    display: block
}

[class*=infographic-].directory:before {
    content: "\E911" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].directory:after {
    content: "Custom Class: directory";
    display: block
}

[class*=infographic-].diversity:before {
    content: "\E912" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].diversity:after {
    content: "Custom Class: diversity";
    display: block
}

[class*=infographic-].dollar:before {
    content: "\E94F" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].dollar:after {
    content: "Custom Class: dollar";
    display: block
}

[class*=infographic-].door:before {
    content: "\E913" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].door:after {
    content: "Custom Class: door";
    display: block
}

[class*=infographic-].droplet:before {
    content: "\E914" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].droplet:after {
    content: "Custom Class: droplet";
    display: block
}

[class*=infographic-].enroll:before {
    content: "\E915" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].enroll:after {
    content: "Custom Class: enroll";
    display: block
}

[class*=infographic-].family:before {
    content: "\E954" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].family:after {
    content: "Custom Class: family";
    display: block
}

[class*=infographic-].faq:before {
    content: "\E916" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].faq:after {
    content: "Custom Class: faq";
    display: block
}

[class*=infographic-].files:before {
    content: "\E917" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].files:after {
    content: "Custom Class: files";
    display: block
}

[class*=infographic-].football:before {
    content: "\E918" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].football:after {
    content: "Custom Class: football";
    display: block
}

[class*=infographic-].gift:before {
    content: "\E919" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].gift:after {
    content: "Custom Class: gift";
    display: block
}

[class*=infographic-].giving:before {
    content: "\E91A" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].giving:after {
    content: "Custom Class: giving";
    display: block
}

[class*=infographic-].globe:before {
    content: "\E91B" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].globe:after {
    content: "Custom Class: globe";
    display: block
}

[class*=infographic-].grad:before {
    content: "\E91C" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].grad:after {
    content: "Custom Class: grad";
    display: block
}

[class*=infographic-].group-boys:before {
    content: "\E91D" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].group-boys:after {
    content: "Custom Class: group-boys";
    display: block
}

[class*=infographic-].group-coed:before {
    content: "\E91E" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].group-coed:after {
    content: "Custom Class: group-coed";
    display: block
}

[class*=infographic-].group-girls:before {
    content: "\E926" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].group-girls:after {
    content: "Custom Class: group-girls";
    display: block
}

[class*=infographic-].group:before {
    content: "\E927" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].group:after {
    content: "Custom Class: group";
    display: block
}

[class*=infographic-].health:before {
    content: "\E957" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].health:after {
    content: "Custom Class: health";
    display: block
}

[class*=infographic-].heart:before {
    content: "\E928" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].heart:after {
    content: "Custom Class: heart";
    display: block
}

[class*=infographic-].info:before {
    content: "\E929" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].info:after {
    content: "Custom Class: info";
    display: block
}

[class*=infographic-].jersey:before {
    content: "\E92A" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].jersey:after {
    content: "Custom Class: jersey";
    display: block
}

[class*=infographic-].leaf:before {
    content: "\E92B" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].leaf:after {
    content: "Custom Class: leaf";
    display: block
}

[class*=infographic-].lecturer:before {
    content: "\E958" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].lecturer:after {
    content: "Custom Class: lecturer";
    display: block
}

[class*=infographic-].lightbulb:before {
    content: "\E92C" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].lightbulb:after {
    content: "Custom Class: lightbulb";
    display: block
}

[class*=infographic-].link:before {
    content: "\E92D" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].link:after {
    content: "Custom Class: link";
    display: block
}

[class*=infographic-].list:before {
    content: "\E92E" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].list:after {
    content: "Custom Class: list";
    display: block
}

[class*=infographic-].location:before {
    content: "\E92F" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].location:after {
    content: "Custom Class: location";
    display: block
}

[class*=infographic-].lock:before {
    content: "\E930" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].lock:after {
    content: "Custom Class: lock";
    display: block
}

[class*=infographic-].map:before {
    content: "\E931" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].map:after {
    content: "Custom Class: map";
    display: block
}

[class*=infographic-].medal:before {
    content: "\E932" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].medal:after {
    content: "Custom Class: medal";
    display: block
}

[class*=infographic-].microscope:before {
    content: "\E933" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].microscope:after {
    content: "Custom Class: microscope";
    display: block
}

[class*=infographic-].mobile:before {
    content: "\E950" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].mobile:after {
    content: "Custom Class: mobile";
    display: block
}

[class*=infographic-].music:before {
    content: "\E934" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].music:after {
    content: "Custom Class: music";
    display: block
}

[class*=infographic-].networking:before {
    content: "\E959" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].networking:after {
    content: "Custom Class: networking";
    display: block
}

[class*=infographic-].paint:before {
    content: "\E935" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].paint:after {
    content: "Custom Class: paint";
    display: block
}

[class*=infographic-].parent:before {
    content: "\E953" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].parent:after {
    content: "Custom Class: parent";
    display: block
}

[class*=infographic-].paw:before {
    content: "\E955" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].paw:after {
    content: "Custom Class: paw";
    display: block
}

[class*=infographic-].pencil:before {
    content: "\E936" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].pencil:after {
    content: "Custom Class: pencil";
    display: block
}

[class*=infographic-].person:before {
    content: "\E937" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].person:after {
    content: "Custom Class: person";
    display: block
}

[class*=infographic-].phone:before {
    content: "\E938" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].phone:after {
    content: "Custom Class: phone";
    display: block
}

[class*=infographic-].piggy-bank:before {
    content: "\E939" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].piggy-bank:after {
    content: "Custom Class: piggy-bank";
    display: block
}

[class*=infographic-].portion:before {
    content: "\E93A" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].portion:after {
    content: "Custom Class: portion";
    display: block
}

[class*=infographic-].question:before {
    content: "\E93B" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].question:after {
    content: "Custom Class: question";
    display: block
}

[class*=infographic-].ratio:before {
    content: "\E93C" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].ratio:after {
    content: "Custom Class: ratio";
    display: block
}

[class*=infographic-].robot:before {
    content: "\E93D" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].robot:after {
    content: "Custom Class: robot";
    display: block
}

[class*=infographic-].school:before {
    content: "\E93E" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].school:after {
    content: "Custom Class: school";
    display: block
}

[class*=infographic-].screens:before {
    content: "\E93F" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].screens:after {
    content: "Custom Class: screens";
    display: block
}

[class*=infographic-].settings:before {
    content: "\E940" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].settings:after {
    content: "Custom Class: settings";
    display: block
}

[class*=infographic-].shoe:before {
    content: "\E941" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].shoe:after {
    content: "Custom Class: shoe";
    display: block
}

[class*=infographic-].soccer:before {
    content: "\E942" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].soccer:after {
    content: "Custom Class: soccer";
    display: block
}

[class*=infographic-].sports:before {
    content: "\E943" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].sports:after {
    content: "Custom Class: sports";
    display: block
}

[class*=infographic-].star-of-david:before {
    content: "\E944" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].star-of-david:after {
    content: "Custom Class: star-of-david";
    display: block
}

[class*=infographic-].star:before {
    content: "\E945" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].star:after {
    content: "Custom Class: star";
    display: block
}

[class*=infographic-].store:before {
    content: "\E946" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].store:after {
    content: "Custom Class: store";
    display: block
}

[class*=infographic-].strategy:before {
    content: "\E956" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].strategy:after {
    content: "Custom Class: strategy";
    display: block
}

[class*=infographic-].sun:before {
    content: "\E947" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].sun:after {
    content: "Custom Class: sun";
    display: block
}

[class*=infographic-].teacher:before {
    content: "\E948" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].teacher:after {
    content: "Custom Class: teacher";
    display: block
}

[class*=infographic-].theatre:before {
    content: "\E949" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].theatre:after {
    content: "Custom Class: theatre";
    display: block
}

[class*=infographic-].time:before {
    content: "\E94A" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].time:after {
    content: "Custom Class: time";
    display: block
}

[class*=infographic-].tree:before {
    content: "\E94B" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].tree:after {
    content: "Custom Class: tree";
    display: block
}

[class*=infographic-].trophy:before {
    content: "\E94C" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].trophy:after {
    content: "Custom Class: trophy";
    display: block
}

[class*=infographic-].virtual:before {
    content: "\E952" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].virtual:after {
    content: "Custom Class: virtual";
    display: block
}

[class*=infographic-].warning:before {
    content: "\E94D" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].warning:after {
    content: "Custom Class: warning";
    display: block
}

.bpa-icon-library .fsPageTitle {
    margin-bottom: 40px;
    text-align: center
}

.bpa-icon-library .bpa-infographic-1 {
    display: flex;
    flex-direction: column;
    text-align: center;
    margin-bottom: 30px
}

.bpa-icon-library .bpa-infographic-1[class*=infographic-]:before {
    content: "";
    font-family: bpa-font-icons;
    font-weight: 400;
    speak: none;
    visibility: visible !important;
    opacity: 1 !important
}

.bpa-icon-library .bpa-infographic-1:before {
    color: inherit;
    font-size: 50px;
    line-height: 1;
    font-weight: 500;
    margin-bottom: 20px
}

.bpa-icon-library .bpa-infographic-1>header .fsElementTitle {
    color: #036;
    font-size: 30px;
    line-height: 1.2;
    font-weight: 800;
    margin-bottom: 0
}

.bpa-icon-library .bpa-infographic-1>header .fsElementTitle:last-child {
    margin-bottom: 0
}

.bpa-icon-library .bpa-infographic-1>header .fsElementHeaderContent {
    color: #373737;
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    margin-bottom: 0
}

.bpa-icon-library .bpa-infographic-1>footer .fsElementFooterContent {
    font-size: 16px;
    line-height: 26px;
    margin-top: 20px
}

.bpa-icon-library .bpa-infographic-1>footer .fsElementFooterContent a {
    font-size: inherit;
    line-height: inherit;
    font-weight: 400;
    color: #06729d
}

.bpa-icon-library .bpa-infographic-1>footer .fsElementFooterContent a:focus,
.bpa-icon-library .bpa-infographic-1>footer .fsElementFooterContent a:hover {
    color: #06729d
}

.bpa-icon-library:not(.fsComposeMode) .bpa-infographic-1>footer,
.bpa-icon-library:not(.fsComposeMode) .bpa-infographic-1>header .fsElementHeaderContent {
    display: none
}

.icon-link a.apple {
    color: #252b33;
    background: #f7f8fb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    text-decoration: none;
    height: 0;
    padding: 0 20px 100%;
    transition: .5s;
    font-size: 1.25rem;
    line-height: 1.375rem;
    position: relative;
    z-index: 20
}

.icon-link a.apple:before {
    content: "\E901" !important;
    font-family: bpa-font-icons;
    display: block;
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: 30px;
    margin-top: calc(100% + 40px);
    color: #036;
    transition: .5s;
    position: relative;
    z-index: 30
}

.icon-link a.apple:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #036;
    transform: scale(1);
    opacity: 0;
    transition: .5s
}

.icon-link a.apple:focus,
.icon-link a.apple:hover {
    transition: .5s;
    color: #fff
}

.icon-link a.apple:focus:before,
.icon-link a.apple:hover:before {
    color: #fff;
    transition: .5s;
    transform: scale(.8)
}

.icon-link a.apple:focus:after,
.icon-link a.apple:hover:after {
    opacity: 1;
    transform: scale(1.085);
    transition: .5s
}

.teal a.apple:before {
    color: #06729d
}

.teal a.apple:after {
    background-color: #06729d
}

.green a.apple:before {
    color: #5e7b3d
}

.green a.apple:after {
    background-color: #5e7b3d
}

.grey a.apple:before {
    color: #78797a
}

.grey a.apple:after {
    background-color: #78797a
}

.red a.apple:before {
    color: #993f23
}

.red a.apple:after {
    background-color: #993f23
}

.icon-link a.backpack {
    color: #252b33;
    background: #f7f8fb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    text-decoration: none;
    height: 0;
    padding: 0 20px 100%;
    transition: .5s;
    font-size: 1.25rem;
    line-height: 1.375rem;
    position: relative;
    z-index: 20
}

.icon-link a.backpack:before {
    content: "\E902" !important;
    font-family: bpa-font-icons;
    display: block;
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: 30px;
    margin-top: calc(100% + 40px);
    color: #036;
    transition: .5s;
    position: relative;
    z-index: 30
}

.icon-link a.backpack:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #036;
    transform: scale(1);
    opacity: 0;
    transition: .5s
}

.icon-link a.backpack:focus,
.icon-link a.backpack:hover {
    transition: .5s;
    color: #fff
}

.icon-link a.backpack:focus:before,
.icon-link a.backpack:hover:before {
    color: #fff;
    transition: .5s;
    transform: scale(.8)
}

.icon-link a.backpack:focus:after,
.icon-link a.backpack:hover:after {
    opacity: 1;
    transform: scale(1.085);
    transition: .5s
}

.teal a.backpack:before {
    color: #06729d
}

.teal a.backpack:after {
    background-color: #06729d
}

.green a.backpack:before {
    color: #5e7b3d
}

.green a.backpack:after {
    background-color: #5e7b3d
}

.grey a.backpack:before {
    color: #78797a
}

.grey a.backpack:after {
    background-color: #78797a
}

.red a.backpack:before {
    color: #993f23
}

.red a.backpack:after {
    background-color: #993f23
}

.icon-link a.bar-graph {
    color: #252b33;
    background: #f7f8fb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    text-decoration: none;
    height: 0;
    padding: 0 20px 100%;
    transition: .5s;
    font-size: 1.25rem;
    line-height: 1.375rem;
    position: relative;
    z-index: 20
}

.icon-link a.bar-graph:before {
    content: "\E903" !important;
    font-family: bpa-font-icons;
    display: block;
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: 30px;
    margin-top: calc(100% + 40px);
    color: #036;
    transition: .5s;
    position: relative;
    z-index: 30
}

.icon-link a.bar-graph:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #036;
    transform: scale(1);
    opacity: 0;
    transition: .5s
}

.icon-link a.bar-graph:focus,
.icon-link a.bar-graph:hover {
    transition: .5s;
    color: #fff
}

.icon-link a.bar-graph:focus:before,
.icon-link a.bar-graph:hover:before {
    color: #fff;
    transition: .5s;
    transform: scale(.8)
}

.icon-link a.bar-graph:focus:after,
.icon-link a.bar-graph:hover:after {
    opacity: 1;
    transform: scale(1.085);
    transition: .5s
}

.teal a.bar-graph:before {
    color: #06729d
}

.teal a.bar-graph:after {
    background-color: #06729d
}

.green a.bar-graph:before {
    color: #5e7b3d
}

.green a.bar-graph:after {
    background-color: #5e7b3d
}

.grey a.bar-graph:before {
    color: #78797a
}

.grey a.bar-graph:after {
    background-color: #78797a
}

.red a.bar-graph:before {
    color: #993f23
}

.red a.bar-graph:after {
    background-color: #993f23
}

.icon-link a.baseball {
    color: #252b33;
    background: #f7f8fb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    text-decoration: none;
    height: 0;
    padding: 0 20px 100%;
    transition: .5s;
    font-size: 1.25rem;
    line-height: 1.375rem;
    position: relative;
    z-index: 20
}

.icon-link a.baseball:before {
    content: "\E904" !important;
    font-family: bpa-font-icons;
    display: block;
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: 30px;
    margin-top: calc(100% + 40px);
    color: #036;
    transition: .5s;
    position: relative;
    z-index: 30
}

.icon-link a.baseball:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #036;
    transform: scale(1);
    opacity: 0;
    transition: .5s
}

.icon-link a.baseball:focus,
.icon-link a.baseball:hover {
    transition: .5s;
    color: #fff
}

.icon-link a.baseball:focus:before,
.icon-link a.baseball:hover:before {
    color: #fff;
    transition: .5s;
    transform: scale(.8)
}

.icon-link a.baseball:focus:after,
.icon-link a.baseball:hover:after {
    opacity: 1;
    transform: scale(1.085);
    transition: .5s
}

.teal a.baseball:before {
    color: #06729d
}

.teal a.baseball:after {
    background-color: #06729d
}

.green a.baseball:before {
    color: #5e7b3d
}

.green a.baseball:after {
    background-color: #5e7b3d
}

.grey a.baseball:before {
    color: #78797a
}

.grey a.baseball:after {
    background-color: #78797a
}

.red a.baseball:before {
    color: #993f23
}

.red a.baseball:after {
    background-color: #993f23
}

.icon-link a.book {
    color: #252b33;
    background: #f7f8fb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    text-decoration: none;
    height: 0;
    padding: 0 20px 100%;
    transition: .5s;
    font-size: 1.25rem;
    line-height: 1.375rem;
    position: relative;
    z-index: 20
}

.icon-link a.book:before {
    content: "\E905" !important;
    font-family: bpa-font-icons;
    display: block;
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: 30px;
    margin-top: calc(100% + 40px);
    color: #036;
    transition: .5s;
    position: relative;
    z-index: 30
}

.icon-link a.book:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #036;
    transform: scale(1);
    opacity: 0;
    transition: .5s
}

.icon-link a.book:focus,
.icon-link a.book:hover {
    transition: .5s;
    color: #fff
}

.icon-link a.book:focus:before,
.icon-link a.book:hover:before {
    color: #fff;
    transition: .5s;
    transform: scale(.8)
}

.icon-link a.book:focus:after,
.icon-link a.book:hover:after {
    opacity: 1;
    transform: scale(1.085);
    transition: .5s
}

.teal a.book:before {
    color: #06729d
}

.teal a.book:after {
    background-color: #06729d
}

.green a.book:before {
    color: #5e7b3d
}

.green a.book:after {
    background-color: #5e7b3d
}

.grey a.book:before {
    color: #78797a
}

.grey a.book:after {
    background-color: #78797a
}

.red a.book:before {
    color: #993f23
}

.red a.book:after {
    background-color: #993f23
}

.icon-link a.briefcase {
    color: #252b33;
    background: #f7f8fb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    text-decoration: none;
    height: 0;
    padding: 0 20px 100%;
    transition: .5s;
    font-size: 1.25rem;
    line-height: 1.375rem;
    position: relative;
    z-index: 20
}

.icon-link a.briefcase:before {
    content: "\E906" !important;
    font-family: bpa-font-icons;
    display: block;
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: 30px;
    margin-top: calc(100% + 40px);
    color: #036;
    transition: .5s;
    position: relative;
    z-index: 30
}

.icon-link a.briefcase:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #036;
    transform: scale(1);
    opacity: 0;
    transition: .5s
}

.icon-link a.briefcase:focus,
.icon-link a.briefcase:hover {
    transition: .5s;
    color: #fff
}

.icon-link a.briefcase:focus:before,
.icon-link a.briefcase:hover:before {
    color: #fff;
    transition: .5s;
    transform: scale(.8)
}

.icon-link a.briefcase:focus:after,
.icon-link a.briefcase:hover:after {
    opacity: 1;
    transform: scale(1.085);
    transition: .5s
}

.teal a.briefcase:before {
    color: #06729d
}

.teal a.briefcase:after {
    background-color: #06729d
}

.green a.briefcase:before {
    color: #5e7b3d
}

.green a.briefcase:after {
    background-color: #5e7b3d
}

.grey a.briefcase:before {
    color: #78797a
}

.grey a.briefcase:after {
    background-color: #78797a
}

.red a.briefcase:before {
    color: #993f23
}

.red a.briefcase:after {
    background-color: #993f23
}

.icon-link a.bullhorn {
    color: #252b33;
    background: #f7f8fb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    text-decoration: none;
    height: 0;
    padding: 0 20px 100%;
    transition: .5s;
    font-size: 1.25rem;
    line-height: 1.375rem;
    position: relative;
    z-index: 20
}

.icon-link a.bullhorn:before {
    content: "\E907" !important;
    font-family: bpa-font-icons;
    display: block;
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: 30px;
    margin-top: calc(100% + 40px);
    color: #036;
    transition: .5s;
    position: relative;
    z-index: 30
}

.icon-link a.bullhorn:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #036;
    transform: scale(1);
    opacity: 0;
    transition: .5s
}

.icon-link a.bullhorn:focus,
.icon-link a.bullhorn:hover {
    transition: .5s;
    color: #fff
}

.icon-link a.bullhorn:focus:before,
.icon-link a.bullhorn:hover:before {
    color: #fff;
    transition: .5s;
    transform: scale(.8)
}

.icon-link a.bullhorn:focus:after,
.icon-link a.bullhorn:hover:after {
    opacity: 1;
    transform: scale(1.085);
    transition: .5s
}

.teal a.bullhorn:before {
    color: #06729d
}

.teal a.bullhorn:after {
    background-color: #06729d
}

.green a.bullhorn:before {
    color: #5e7b3d
}

.green a.bullhorn:after {
    background-color: #5e7b3d
}

.grey a.bullhorn:before {
    color: #78797a
}

.grey a.bullhorn:after {
    background-color: #78797a
}

.red a.bullhorn:before {
    color: #993f23
}

.red a.bullhorn:after {
    background-color: #993f23
}

.icon-link a.bus {
    color: #252b33;
    background: #f7f8fb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    text-decoration: none;
    height: 0;
    padding: 0 20px 100%;
    transition: .5s;
    font-size: 1.25rem;
    line-height: 1.375rem;
    position: relative;
    z-index: 20
}

.icon-link a.bus:before {
    content: "\E908" !important;
    font-family: bpa-font-icons;
    display: block;
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: 30px;
    margin-top: calc(100% + 40px);
    color: #036;
    transition: .5s;
    position: relative;
    z-index: 30
}

.icon-link a.bus:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #036;
    transform: scale(1);
    opacity: 0;
    transition: .5s
}

.icon-link a.bus:focus,
.icon-link a.bus:hover {
    transition: .5s;
    color: #fff
}

.icon-link a.bus:focus:before,
.icon-link a.bus:hover:before {
    color: #fff;
    transition: .5s;
    transform: scale(.8)
}

.icon-link a.bus:focus:after,
.icon-link a.bus:hover:after {
    opacity: 1;
    transform: scale(1.085);
    transition: .5s
}

.teal a.bus:before {
    color: #06729d
}

.teal a.bus:after {
    background-color: #06729d
}

.green a.bus:before {
    color: #5e7b3d
}

.green a.bus:after {
    background-color: #5e7b3d
}

.grey a.bus:before {
    color: #78797a
}

.grey a.bus:after {
    background-color: #78797a
}

.red a.bus:before {
    color: #993f23
}

.red a.bus:after {
    background-color: #993f23
}

.icon-link a.calendar {
    color: #252b33;
    background: #f7f8fb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    text-decoration: none;
    height: 0;
    padding: 0 20px 100%;
    transition: .5s;
    font-size: 1.25rem;
    line-height: 1.375rem;
    position: relative;
    z-index: 20
}

.icon-link a.calendar:before {
    content: "\E909" !important;
    font-family: bpa-font-icons;
    display: block;
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: 30px;
    margin-top: calc(100% + 40px);
    color: #036;
    transition: .5s;
    position: relative;
    z-index: 30
}

.icon-link a.calendar:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #036;
    transform: scale(1);
    opacity: 0;
    transition: .5s
}

.icon-link a.calendar:focus,
.icon-link a.calendar:hover {
    transition: .5s;
    color: #fff
}

.icon-link a.calendar:focus:before,
.icon-link a.calendar:hover:before {
    color: #fff;
    transition: .5s;
    transform: scale(.8)
}

.icon-link a.calendar:focus:after,
.icon-link a.calendar:hover:after {
    opacity: 1;
    transform: scale(1.085);
    transition: .5s
}

.teal a.calendar:before {
    color: #06729d
}

.teal a.calendar:after {
    background-color: #06729d
}

.green a.calendar:before {
    color: #5e7b3d
}

.green a.calendar:after {
    background-color: #5e7b3d
}

.grey a.calendar:before {
    color: #78797a
}

.grey a.calendar:after {
    background-color: #78797a
}

.red a.calendar:before {
    color: #993f23
}

.red a.calendar:after {
    background-color: #993f23
}

.icon-link a.camera {
    color: #252b33;
    background: #f7f8fb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    text-decoration: none;
    height: 0;
    padding: 0 20px 100%;
    transition: .5s;
    font-size: 1.25rem;
    line-height: 1.375rem;
    position: relative;
    z-index: 20
}

.icon-link a.camera:before {
    content: "\E90A" !important;
    font-family: bpa-font-icons;
    display: block;
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: 30px;
    margin-top: calc(100% + 40px);
    color: #036;
    transition: .5s;
    position: relative;
    z-index: 30
}

.icon-link a.camera:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #036;
    transform: scale(1);
    opacity: 0;
    transition: .5s
}

.icon-link a.camera:focus,
.icon-link a.camera:hover {
    transition: .5s;
    color: #fff
}

.icon-link a.camera:focus:before,
.icon-link a.camera:hover:before {
    color: #fff;
    transition: .5s;
    transform: scale(.8)
}

.icon-link a.camera:focus:after,
.icon-link a.camera:hover:after {
    opacity: 1;
    transform: scale(1.085);
    transition: .5s
}

.teal a.camera:before {
    color: #06729d
}

.teal a.camera:after {
    background-color: #06729d
}

.green a.camera:before {
    color: #5e7b3d
}

.green a.camera:after {
    background-color: #5e7b3d
}

.grey a.camera:before {
    color: #78797a
}

.grey a.camera:after {
    background-color: #78797a
}

.red a.camera:before {
    color: #993f23
}

.red a.camera:after {
    background-color: #993f23
}

.icon-link a.car {
    color: #252b33;
    background: #f7f8fb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    text-decoration: none;
    height: 0;
    padding: 0 20px 100%;
    transition: .5s;
    font-size: 1.25rem;
    line-height: 1.375rem;
    position: relative;
    z-index: 20
}

.icon-link a.car:before {
    content: "\E95A" !important;
    font-family: bpa-font-icons;
    display: block;
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: 30px;
    margin-top: calc(100% + 40px);
    color: #036;
    transition: .5s;
    position: relative;
    z-index: 30
}

.icon-link a.car:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #036;
    transform: scale(1);
    opacity: 0;
    transition: .5s
}

.icon-link a.car:focus,
.icon-link a.car:hover {
    transition: .5s;
    color: #fff
}

.icon-link a.car:focus:before,
.icon-link a.car:hover:before {
    color: #fff;
    transition: .5s;
    transform: scale(.8)
}

.icon-link a.car:focus:after,
.icon-link a.car:hover:after {
    opacity: 1;
    transform: scale(1.085);
    transition: .5s
}

.teal a.car:before {
    color: #06729d
}

.teal a.car:after {
    background-color: #06729d
}

.green a.car:before {
    color: #5e7b3d
}

.green a.car:after {
    background-color: #5e7b3d
}

.grey a.car:before {
    color: #78797a
}

.grey a.car:after {
    background-color: #78797a
}

.red a.car:before {
    color: #993f23
}

.red a.car:after {
    background-color: #993f23
}

.icon-link a.certificate {
    color: #252b33;
    background: #f7f8fb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    text-decoration: none;
    height: 0;
    padding: 0 20px 100%;
    transition: .5s;
    font-size: 1.25rem;
    line-height: 1.375rem;
    position: relative;
    z-index: 20
}

.icon-link a.certificate:before {
    content: "\E90B" !important;
    font-family: bpa-font-icons;
    display: block;
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: 30px;
    margin-top: calc(100% + 40px);
    color: #036;
    transition: .5s;
    position: relative;
    z-index: 30
}

.icon-link a.certificate:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #036;
    transform: scale(1);
    opacity: 0;
    transition: .5s
}

.icon-link a.certificate:focus,
.icon-link a.certificate:hover {
    transition: .5s;
    color: #fff
}

.icon-link a.certificate:focus:before,
.icon-link a.certificate:hover:before {
    color: #fff;
    transition: .5s;
    transform: scale(.8)
}

.icon-link a.certificate:focus:after,
.icon-link a.certificate:hover:after {
    opacity: 1;
    transform: scale(1.085);
    transition: .5s
}

.teal a.certificate:before {
    color: #06729d
}

.teal a.certificate:after {
    background-color: #06729d
}

.green a.certificate:before {
    color: #5e7b3d
}

.green a.certificate:after {
    background-color: #5e7b3d
}

.grey a.certificate:before {
    color: #78797a
}

.grey a.certificate:after {
    background-color: #78797a
}

.red a.certificate:before {
    color: #993f23
}

.red a.certificate:after {
    background-color: #993f23
}

.icon-link a.check {
    color: #252b33;
    background: #f7f8fb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    text-decoration: none;
    height: 0;
    padding: 0 20px 100%;
    transition: .5s;
    font-size: 1.25rem;
    line-height: 1.375rem;
    position: relative;
    z-index: 20
}

.icon-link a.check:before {
    content: "\E90C" !important;
    font-family: bpa-font-icons;
    display: block;
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: 30px;
    margin-top: calc(100% + 40px);
    color: #036;
    transition: .5s;
    position: relative;
    z-index: 30
}

.icon-link a.check:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #036;
    transform: scale(1);
    opacity: 0;
    transition: .5s
}

.icon-link a.check:focus,
.icon-link a.check:hover {
    transition: .5s;
    color: #fff
}

.icon-link a.check:focus:before,
.icon-link a.check:hover:before {
    color: #fff;
    transition: .5s;
    transform: scale(.8)
}

.icon-link a.check:focus:after,
.icon-link a.check:hover:after {
    opacity: 1;
    transform: scale(1.085);
    transition: .5s
}

.teal a.check:before {
    color: #06729d
}

.teal a.check:after {
    background-color: #06729d
}

.green a.check:before {
    color: #5e7b3d
}

.green a.check:after {
    background-color: #5e7b3d
}

.grey a.check:before {
    color: #78797a
}

.grey a.check:after {
    background-color: #78797a
}

.red a.check:before {
    color: #993f23
}

.red a.check:after {
    background-color: #993f23
}

.icon-link a.chess {
    color: #252b33;
    background: #f7f8fb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    text-decoration: none;
    height: 0;
    padding: 0 20px 100%;
    transition: .5s;
    font-size: 1.25rem;
    line-height: 1.375rem;
    position: relative;
    z-index: 20
}

.icon-link a.chess:before {
    content: "\E90D" !important;
    font-family: bpa-font-icons;
    display: block;
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: 30px;
    margin-top: calc(100% + 40px);
    color: #036;
    transition: .5s;
    position: relative;
    z-index: 30
}

.icon-link a.chess:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #036;
    transform: scale(1);
    opacity: 0;
    transition: .5s
}

.icon-link a.chess:focus,
.icon-link a.chess:hover {
    transition: .5s;
    color: #fff
}

.icon-link a.chess:focus:before,
.icon-link a.chess:hover:before {
    color: #fff;
    transition: .5s;
    transform: scale(.8)
}

.icon-link a.chess:focus:after,
.icon-link a.chess:hover:after {
    opacity: 1;
    transform: scale(1.085);
    transition: .5s
}

.teal a.chess:before {
    color: #06729d
}

.teal a.chess:after {
    background-color: #06729d
}

.green a.chess:before {
    color: #5e7b3d
}

.green a.chess:after {
    background-color: #5e7b3d
}

.grey a.chess:before {
    color: #78797a
}

.grey a.chess:after {
    background-color: #78797a
}

.red a.chess:before {
    color: #993f23
}

.red a.chess:after {
    background-color: #993f23
}

.icon-link a.city {
    color: #252b33;
    background: #f7f8fb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    text-decoration: none;
    height: 0;
    padding: 0 20px 100%;
    transition: .5s;
    font-size: 1.25rem;
    line-height: 1.375rem;
    position: relative;
    z-index: 20
}

.icon-link a.city:before {
    content: "\E90E" !important;
    font-family: bpa-font-icons;
    display: block;
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: 30px;
    margin-top: calc(100% + 40px);
    color: #036;
    transition: .5s;
    position: relative;
    z-index: 30
}

.icon-link a.city:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #036;
    transform: scale(1);
    opacity: 0;
    transition: .5s
}

.icon-link a.city:focus,
.icon-link a.city:hover {
    transition: .5s;
    color: #fff
}

.icon-link a.city:focus:before,
.icon-link a.city:hover:before {
    color: #fff;
    transition: .5s;
    transform: scale(.8)
}

.icon-link a.city:focus:after,
.icon-link a.city:hover:after {
    opacity: 1;
    transform: scale(1.085);
    transition: .5s
}

.teal a.city:before {
    color: #06729d
}

.teal a.city:after {
    background-color: #06729d
}

.green a.city:before {
    color: #5e7b3d
}

.green a.city:after {
    background-color: #5e7b3d
}

.grey a.city:before {
    color: #78797a
}

.grey a.city:after {
    background-color: #78797a
}

.red a.city:before {
    color: #993f23
}

.red a.city:after {
    background-color: #993f23
}

.icon-link a.college {
    color: #252b33;
    background: #f7f8fb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    text-decoration: none;
    height: 0;
    padding: 0 20px 100%;
    transition: .5s;
    font-size: 1.25rem;
    line-height: 1.375rem;
    position: relative;
    z-index: 20
}

.icon-link a.college:before {
    content: "\E90F" !important;
    font-family: bpa-font-icons;
    display: block;
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: 30px;
    margin-top: calc(100% + 40px);
    color: #036;
    transition: .5s;
    position: relative;
    z-index: 30
}

.icon-link a.college:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #036;
    transform: scale(1);
    opacity: 0;
    transition: .5s
}

.icon-link a.college:focus,
.icon-link a.college:hover {
    transition: .5s;
    color: #fff
}

.icon-link a.college:focus:before,
.icon-link a.college:hover:before {
    color: #fff;
    transition: .5s;
    transform: scale(.8)
}

.icon-link a.college:focus:after,
.icon-link a.college:hover:after {
    opacity: 1;
    transform: scale(1.085);
    transition: .5s
}

.teal a.college:before {
    color: #06729d
}

.teal a.college:after {
    background-color: #06729d
}

.green a.college:before {
    color: #5e7b3d
}

.green a.college:after {
    background-color: #5e7b3d
}

.grey a.college:before {
    color: #78797a
}

.grey a.college:after {
    background-color: #78797a
}

.red a.college:before {
    color: #993f23
}

.red a.college:after {
    background-color: #993f23
}

.icon-link a.covid {
    color: #252b33;
    background: #f7f8fb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    text-decoration: none;
    height: 0;
    padding: 0 20px 100%;
    transition: .5s;
    font-size: 1.25rem;
    line-height: 1.375rem;
    position: relative;
    z-index: 20
}

.icon-link a.covid:before {
    content: "\E951" !important;
    font-family: bpa-font-icons;
    display: block;
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: 30px;
    margin-top: calc(100% + 40px);
    color: #036;
    transition: .5s;
    position: relative;
    z-index: 30
}

.icon-link a.covid:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #036;
    transform: scale(1);
    opacity: 0;
    transition: .5s
}

.icon-link a.covid:focus,
.icon-link a.covid:hover {
    transition: .5s;
    color: #fff
}

.icon-link a.covid:focus:before,
.icon-link a.covid:hover:before {
    color: #fff;
    transition: .5s;
    transform: scale(.8)
}

.icon-link a.covid:focus:after,
.icon-link a.covid:hover:after {
    opacity: 1;
    transform: scale(1.085);
    transition: .5s
}

.teal a.covid:before {
    color: #06729d
}

.teal a.covid:after {
    background-color: #06729d
}

.green a.covid:before {
    color: #5e7b3d
}

.green a.covid:after {
    background-color: #5e7b3d
}

.grey a.covid:before {
    color: #78797a
}

.grey a.covid:after {
    background-color: #78797a
}

.red a.covid:before {
    color: #993f23
}

.red a.covid:after {
    background-color: #993f23
}

.icon-link a.cross {
    color: #252b33;
    background: #f7f8fb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    text-decoration: none;
    height: 0;
    padding: 0 20px 100%;
    transition: .5s;
    font-size: 1.25rem;
    line-height: 1.375rem;
    position: relative;
    z-index: 20
}

.icon-link a.cross:before {
    content: "\E910" !important;
    font-family: bpa-font-icons;
    display: block;
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: 30px;
    margin-top: calc(100% + 40px);
    color: #036;
    transition: .5s;
    position: relative;
    z-index: 30
}

.icon-link a.cross:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #036;
    transform: scale(1);
    opacity: 0;
    transition: .5s
}

.icon-link a.cross:focus,
.icon-link a.cross:hover {
    transition: .5s;
    color: #fff
}

.icon-link a.cross:focus:before,
.icon-link a.cross:hover:before {
    color: #fff;
    transition: .5s;
    transform: scale(.8)
}

.icon-link a.cross:focus:after,
.icon-link a.cross:hover:after {
    opacity: 1;
    transform: scale(1.085);
    transition: .5s
}

.teal a.cross:before {
    color: #06729d
}

.teal a.cross:after {
    background-color: #06729d
}

.green a.cross:before {
    color: #5e7b3d
}

.green a.cross:after {
    background-color: #5e7b3d
}

.grey a.cross:before {
    color: #78797a
}

.grey a.cross:after {
    background-color: #78797a
}

.red a.cross:before {
    color: #993f23
}

.red a.cross:after {
    background-color: #993f23
}

.icon-link a.directory {
    color: #252b33;
    background: #f7f8fb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    text-decoration: none;
    height: 0;
    padding: 0 20px 100%;
    transition: .5s;
    font-size: 1.25rem;
    line-height: 1.375rem;
    position: relative;
    z-index: 20
}

.icon-link a.directory:before {
    content: "\E911" !important;
    font-family: bpa-font-icons;
    display: block;
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: 30px;
    margin-top: calc(100% + 40px);
    color: #036;
    transition: .5s;
    position: relative;
    z-index: 30
}

.icon-link a.directory:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #036;
    transform: scale(1);
    opacity: 0;
    transition: .5s
}

.icon-link a.directory:focus,
.icon-link a.directory:hover {
    transition: .5s;
    color: #fff
}

.icon-link a.directory:focus:before,
.icon-link a.directory:hover:before {
    color: #fff;
    transition: .5s;
    transform: scale(.8)
}

.icon-link a.directory:focus:after,
.icon-link a.directory:hover:after {
    opacity: 1;
    transform: scale(1.085);
    transition: .5s
}

.teal a.directory:before {
    color: #06729d
}

.teal a.directory:after {
    background-color: #06729d
}

.green a.directory:before {
    color: #5e7b3d
}

.green a.directory:after {
    background-color: #5e7b3d
}

.grey a.directory:before {
    color: #78797a
}

.grey a.directory:after {
    background-color: #78797a
}

.red a.directory:before {
    color: #993f23
}

.red a.directory:after {
    background-color: #993f23
}

.icon-link a.diversity {
    color: #252b33;
    background: #f7f8fb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    text-decoration: none;
    height: 0;
    padding: 0 20px 100%;
    transition: .5s;
    font-size: 1.25rem;
    line-height: 1.375rem;
    position: relative;
    z-index: 20
}

.icon-link a.diversity:before {
    content: "\E912" !important;
    font-family: bpa-font-icons;
    display: block;
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: 30px;
    margin-top: calc(100% + 40px);
    color: #036;
    transition: .5s;
    position: relative;
    z-index: 30
}

.icon-link a.diversity:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #036;
    transform: scale(1);
    opacity: 0;
    transition: .5s
}

.icon-link a.diversity:focus,
.icon-link a.diversity:hover {
    transition: .5s;
    color: #fff
}

.icon-link a.diversity:focus:before,
.icon-link a.diversity:hover:before {
    color: #fff;
    transition: .5s;
    transform: scale(.8)
}

.icon-link a.diversity:focus:after,
.icon-link a.diversity:hover:after {
    opacity: 1;
    transform: scale(1.085);
    transition: .5s
}

.teal a.diversity:before {
    color: #06729d
}

.teal a.diversity:after {
    background-color: #06729d
}

.green a.diversity:before {
    color: #5e7b3d
}

.green a.diversity:after {
    background-color: #5e7b3d
}

.grey a.diversity:before {
    color: #78797a
}

.grey a.diversity:after {
    background-color: #78797a
}

.red a.diversity:before {
    color: #993f23
}

.red a.diversity:after {
    background-color: #993f23
}

.icon-link a.dollar {
    color: #252b33;
    background: #f7f8fb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    text-decoration: none;
    height: 0;
    padding: 0 20px 100%;
    transition: .5s;
    font-size: 1.25rem;
    line-height: 1.375rem;
    position: relative;
    z-index: 20
}

.icon-link a.dollar:before {
    content: "\E94F" !important;
    font-family: bpa-font-icons;
    display: block;
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: 30px;
    margin-top: calc(100% + 40px);
    color: #036;
    transition: .5s;
    position: relative;
    z-index: 30
}

.icon-link a.dollar:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #036;
    transform: scale(1);
    opacity: 0;
    transition: .5s
}

.icon-link a.dollar:focus,
.icon-link a.dollar:hover {
    transition: .5s;
    color: #fff
}

.icon-link a.dollar:focus:before,
.icon-link a.dollar:hover:before {
    color: #fff;
    transition: .5s;
    transform: scale(.8)
}

.icon-link a.dollar:focus:after,
.icon-link a.dollar:hover:after {
    opacity: 1;
    transform: scale(1.085);
    transition: .5s
}

.teal a.dollar:before {
    color: #06729d
}

.teal a.dollar:after {
    background-color: #06729d
}

.green a.dollar:before {
    color: #5e7b3d
}

.green a.dollar:after {
    background-color: #5e7b3d
}

.grey a.dollar:before {
    color: #78797a
}

.grey a.dollar:after {
    background-color: #78797a
}

.red a.dollar:before {
    color: #993f23
}

.red a.dollar:after {
    background-color: #993f23
}

.icon-link a.door {
    color: #252b33;
    background: #f7f8fb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    text-decoration: none;
    height: 0;
    padding: 0 20px 100%;
    transition: .5s;
    font-size: 1.25rem;
    line-height: 1.375rem;
    position: relative;
    z-index: 20
}

.icon-link a.door:before {
    content: "\E913" !important;
    font-family: bpa-font-icons;
    display: block;
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: 30px;
    margin-top: calc(100% + 40px);
    color: #036;
    transition: .5s;
    position: relative;
    z-index: 30
}

.icon-link a.door:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #036;
    transform: scale(1);
    opacity: 0;
    transition: .5s
}

.icon-link a.door:focus,
.icon-link a.door:hover {
    transition: .5s;
    color: #fff
}

.icon-link a.door:focus:before,
.icon-link a.door:hover:before {
    color: #fff;
    transition: .5s;
    transform: scale(.8)
}

.icon-link a.door:focus:after,
.icon-link a.door:hover:after {
    opacity: 1;
    transform: scale(1.085);
    transition: .5s
}

.teal a.door:before {
    color: #06729d
}

.teal a.door:after {
    background-color: #06729d
}

.green a.door:before {
    color: #5e7b3d
}

.green a.door:after {
    background-color: #5e7b3d
}

.grey a.door:before {
    color: #78797a
}

.grey a.door:after {
    background-color: #78797a
}

.red a.door:before {
    color: #993f23
}

.red a.door:after {
    background-color: #993f23
}

.icon-link a.droplet {
    color: #252b33;
    background: #f7f8fb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    text-decoration: none;
    height: 0;
    padding: 0 20px 100%;
    transition: .5s;
    font-size: 1.25rem;
    line-height: 1.375rem;
    position: relative;
    z-index: 20
}

.icon-link a.droplet:before {
    content: "\E914" !important;
    font-family: bpa-font-icons;
    display: block;
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: 30px;
    margin-top: calc(100% + 40px);
    color: #036;
    transition: .5s;
    position: relative;
    z-index: 30
}

.icon-link a.droplet:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #036;
    transform: scale(1);
    opacity: 0;
    transition: .5s
}

.icon-link a.droplet:focus,
.icon-link a.droplet:hover {
    transition: .5s;
    color: #fff
}

.icon-link a.droplet:focus:before,
.icon-link a.droplet:hover:before {
    color: #fff;
    transition: .5s;
    transform: scale(.8)
}

.icon-link a.droplet:focus:after,
.icon-link a.droplet:hover:after {
    opacity: 1;
    transform: scale(1.085);
    transition: .5s
}

.teal a.droplet:before {
    color: #06729d
}

.teal a.droplet:after {
    background-color: #06729d
}

.green a.droplet:before {
    color: #5e7b3d
}

.green a.droplet:after {
    background-color: #5e7b3d
}

.grey a.droplet:before {
    color: #78797a
}

.grey a.droplet:after {
    background-color: #78797a
}

.red a.droplet:before {
    color: #993f23
}

.red a.droplet:after {
    background-color: #993f23
}

.icon-link a.enroll {
    color: #252b33;
    background: #f7f8fb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    text-decoration: none;
    height: 0;
    padding: 0 20px 100%;
    transition: .5s;
    font-size: 1.25rem;
    line-height: 1.375rem;
    position: relative;
    z-index: 20
}

.icon-link a.enroll:before {
    content: "\E915" !important;
    font-family: bpa-font-icons;
    display: block;
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: 30px;
    margin-top: calc(100% + 40px);
    color: #036;
    transition: .5s;
    position: relative;
    z-index: 30
}

.icon-link a.enroll:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #036;
    transform: scale(1);
    opacity: 0;
    transition: .5s
}

.icon-link a.enroll:focus,
.icon-link a.enroll:hover {
    transition: .5s;
    color: #fff
}

.icon-link a.enroll:focus:before,
.icon-link a.enroll:hover:before {
    color: #fff;
    transition: .5s;
    transform: scale(.8)
}

.icon-link a.enroll:focus:after,
.icon-link a.enroll:hover:after {
    opacity: 1;
    transform: scale(1.085);
    transition: .5s
}

.teal a.enroll:before {
    color: #06729d
}

.teal a.enroll:after {
    background-color: #06729d
}

.green a.enroll:before {
    color: #5e7b3d
}

.green a.enroll:after {
    background-color: #5e7b3d
}

.grey a.enroll:before {
    color: #78797a
}

.grey a.enroll:after {
    background-color: #78797a
}

.red a.enroll:before {
    color: #993f23
}

.red a.enroll:after {
    background-color: #993f23
}

.icon-link a.family {
    color: #252b33;
    background: #f7f8fb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    text-decoration: none;
    height: 0;
    padding: 0 20px 100%;
    transition: .5s;
    font-size: 1.25rem;
    line-height: 1.375rem;
    position: relative;
    z-index: 20
}

.icon-link a.family:before {
    content: "\E954" !important;
    font-family: bpa-font-icons;
    display: block;
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: 30px;
    margin-top: calc(100% + 40px);
    color: #036;
    transition: .5s;
    position: relative;
    z-index: 30
}

.icon-link a.family:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #036;
    transform: scale(1);
    opacity: 0;
    transition: .5s
}

.icon-link a.family:focus,
.icon-link a.family:hover {
    transition: .5s;
    color: #fff
}

.icon-link a.family:focus:before,
.icon-link a.family:hover:before {
    color: #fff;
    transition: .5s;
    transform: scale(.8)
}

.icon-link a.family:focus:after,
.icon-link a.family:hover:after {
    opacity: 1;
    transform: scale(1.085);
    transition: .5s
}

.teal a.family:before {
    color: #06729d
}

.teal a.family:after {
    background-color: #06729d
}

.green a.family:before {
    color: #5e7b3d
}

.green a.family:after {
    background-color: #5e7b3d
}

.grey a.family:before {
    color: #78797a
}

.grey a.family:after {
    background-color: #78797a
}

.red a.family:before {
    color: #993f23
}

.red a.family:after {
    background-color: #993f23
}

.icon-link a.faq {
    color: #252b33;
    background: #f7f8fb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    text-decoration: none;
    height: 0;
    padding: 0 20px 100%;
    transition: .5s;
    font-size: 1.25rem;
    line-height: 1.375rem;
    position: relative;
    z-index: 20
}

.icon-link a.faq:before {
    content: "\E916" !important;
    font-family: bpa-font-icons;
    display: block;
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: 30px;
    margin-top: calc(100% + 40px);
    color: #036;
    transition: .5s;
    position: relative;
    z-index: 30
}

.icon-link a.faq:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #036;
    transform: scale(1);
    opacity: 0;
    transition: .5s
}

.icon-link a.faq:focus,
.icon-link a.faq:hover {
    transition: .5s;
    color: #fff
}

.icon-link a.faq:focus:before,
.icon-link a.faq:hover:before {
    color: #fff;
    transition: .5s;
    transform: scale(.8)
}

.icon-link a.faq:focus:after,
.icon-link a.faq:hover:after {
    opacity: 1;
    transform: scale(1.085);
    transition: .5s
}

.teal a.faq:before {
    color: #06729d
}

.teal a.faq:after {
    background-color: #06729d
}

.green a.faq:before {
    color: #5e7b3d
}

.green a.faq:after {
    background-color: #5e7b3d
}

.grey a.faq:before {
    color: #78797a
}

.grey a.faq:after {
    background-color: #78797a
}

.red a.faq:before {
    color: #993f23
}

.red a.faq:after {
    background-color: #993f23
}

.icon-link a.files {
    color: #252b33;
    background: #f7f8fb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    text-decoration: none;
    height: 0;
    padding: 0 20px 100%;
    transition: .5s;
    font-size: 1.25rem;
    line-height: 1.375rem;
    position: relative;
    z-index: 20
}

.icon-link a.files:before {
    content: "\E917" !important;
    font-family: bpa-font-icons;
    display: block;
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: 30px;
    margin-top: calc(100% + 40px);
    color: #036;
    transition: .5s;
    position: relative;
    z-index: 30
}

.icon-link a.files:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #036;
    transform: scale(1);
    opacity: 0;
    transition: .5s
}

.icon-link a.files:focus,
.icon-link a.files:hover {
    transition: .5s;
    color: #fff
}

.icon-link a.files:focus:before,
.icon-link a.files:hover:before {
    color: #fff;
    transition: .5s;
    transform: scale(.8)
}

.icon-link a.files:focus:after,
.icon-link a.files:hover:after {
    opacity: 1;
    transform: scale(1.085);
    transition: .5s
}

.teal a.files:before {
    color: #06729d
}

.teal a.files:after {
    background-color: #06729d
}

.green a.files:before {
    color: #5e7b3d
}

.green a.files:after {
    background-color: #5e7b3d
}

.grey a.files:before {
    color: #78797a
}

.grey a.files:after {
    background-color: #78797a
}

.red a.files:before {
    color: #993f23
}

.red a.files:after {
    background-color: #993f23
}

.icon-link a.football {
    color: #252b33;
    background: #f7f8fb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    text-decoration: none;
    height: 0;
    padding: 0 20px 100%;
    transition: .5s;
    font-size: 1.25rem;
    line-height: 1.375rem;
    position: relative;
    z-index: 20
}

.icon-link a.football:before {
    content: "\E918" !important;
    font-family: bpa-font-icons;
    display: block;
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: 30px;
    margin-top: calc(100% + 40px);
    color: #036;
    transition: .5s;
    position: relative;
    z-index: 30
}

.icon-link a.football:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #036;
    transform: scale(1);
    opacity: 0;
    transition: .5s
}

.icon-link a.football:focus,
.icon-link a.football:hover {
    transition: .5s;
    color: #fff
}

.icon-link a.football:focus:before,
.icon-link a.football:hover:before {
    color: #fff;
    transition: .5s;
    transform: scale(.8)
}

.icon-link a.football:focus:after,
.icon-link a.football:hover:after {
    opacity: 1;
    transform: scale(1.085);
    transition: .5s
}

.teal a.football:before {
    color: #06729d
}

.teal a.football:after {
    background-color: #06729d
}

.green a.football:before {
    color: #5e7b3d
}

.green a.football:after {
    background-color: #5e7b3d
}

.grey a.football:before {
    color: #78797a
}

.grey a.football:after {
    background-color: #78797a
}

.red a.football:before {
    color: #993f23
}

.red a.football:after {
    background-color: #993f23
}

.icon-link a.gift {
    color: #252b33;
    background: #f7f8fb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    text-decoration: none;
    height: 0;
    padding: 0 20px 100%;
    transition: .5s;
    font-size: 1.25rem;
    line-height: 1.375rem;
    position: relative;
    z-index: 20
}

.icon-link a.gift:before {
    content: "\E919" !important;
    font-family: bpa-font-icons;
    display: block;
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: 30px;
    margin-top: calc(100% + 40px);
    color: #036;
    transition: .5s;
    position: relative;
    z-index: 30
}

.icon-link a.gift:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #036;
    transform: scale(1);
    opacity: 0;
    transition: .5s
}

.icon-link a.gift:focus,
.icon-link a.gift:hover {
    transition: .5s;
    color: #fff
}

.icon-link a.gift:focus:before,
.icon-link a.gift:hover:before {
    color: #fff;
    transition: .5s;
    transform: scale(.8)
}

.icon-link a.gift:focus:after,
.icon-link a.gift:hover:after {
    opacity: 1;
    transform: scale(1.085);
    transition: .5s
}

.teal a.gift:before {
    color: #06729d
}

.teal a.gift:after {
    background-color: #06729d
}

.green a.gift:before {
    color: #5e7b3d
}

.green a.gift:after {
    background-color: #5e7b3d
}

.grey a.gift:before {
    color: #78797a
}

.grey a.gift:after {
    background-color: #78797a
}

.red a.gift:before {
    color: #993f23
}

.red a.gift:after {
    background-color: #993f23
}

.icon-link a.giving {
    color: #252b33;
    background: #f7f8fb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    text-decoration: none;
    height: 0;
    padding: 0 20px 100%;
    transition: .5s;
    font-size: 1.25rem;
    line-height: 1.375rem;
    position: relative;
    z-index: 20
}

.icon-link a.giving:before {
    content: "\E91A" !important;
    font-family: bpa-font-icons;
    display: block;
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: 30px;
    margin-top: calc(100% + 40px);
    color: #036;
    transition: .5s;
    position: relative;
    z-index: 30
}

.icon-link a.giving:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #036;
    transform: scale(1);
    opacity: 0;
    transition: .5s
}

.icon-link a.giving:focus,
.icon-link a.giving:hover {
    transition: .5s;
    color: #fff
}

.icon-link a.giving:focus:before,
.icon-link a.giving:hover:before {
    color: #fff;
    transition: .5s;
    transform: scale(.8)
}

.icon-link a.giving:focus:after,
.icon-link a.giving:hover:after {
    opacity: 1;
    transform: scale(1.085);
    transition: .5s
}

.teal a.giving:before {
    color: #06729d
}

.teal a.giving:after {
    background-color: #06729d
}

.green a.giving:before {
    color: #5e7b3d
}

.green a.giving:after {
    background-color: #5e7b3d
}

.grey a.giving:before {
    color: #78797a
}

.grey a.giving:after {
    background-color: #78797a
}

.red a.giving:before {
    color: #993f23
}

.red a.giving:after {
    background-color: #993f23
}

.icon-link a.globe {
    color: #252b33;
    background: #f7f8fb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    text-decoration: none;
    height: 0;
    padding: 0 20px 100%;
    transition: .5s;
    font-size: 1.25rem;
    line-height: 1.375rem;
    position: relative;
    z-index: 20
}

.icon-link a.globe:before {
    content: "\E91B" !important;
    font-family: bpa-font-icons;
    display: block;
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: 30px;
    margin-top: calc(100% + 40px);
    color: #036;
    transition: .5s;
    position: relative;
    z-index: 30
}

.icon-link a.globe:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #036;
    transform: scale(1);
    opacity: 0;
    transition: .5s
}

.icon-link a.globe:focus,
.icon-link a.globe:hover {
    transition: .5s;
    color: #fff
}

.icon-link a.globe:focus:before,
.icon-link a.globe:hover:before {
    color: #fff;
    transition: .5s;
    transform: scale(.8)
}

.icon-link a.globe:focus:after,
.icon-link a.globe:hover:after {
    opacity: 1;
    transform: scale(1.085);
    transition: .5s
}

.teal a.globe:before {
    color: #06729d
}

.teal a.globe:after {
    background-color: #06729d
}

.green a.globe:before {
    color: #5e7b3d
}

.green a.globe:after {
    background-color: #5e7b3d
}

.grey a.globe:before {
    color: #78797a
}

.grey a.globe:after {
    background-color: #78797a
}

.red a.globe:before {
    color: #993f23
}

.red a.globe:after {
    background-color: #993f23
}

.icon-link a.grad {
    color: #252b33;
    background: #f7f8fb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    text-decoration: none;
    height: 0;
    padding: 0 20px 100%;
    transition: .5s;
    font-size: 1.25rem;
    line-height: 1.375rem;
    position: relative;
    z-index: 20
}

.icon-link a.grad:before {
    content: "\E91C" !important;
    font-family: bpa-font-icons;
    display: block;
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: 30px;
    margin-top: calc(100% + 40px);
    color: #036;
    transition: .5s;
    position: relative;
    z-index: 30
}

.icon-link a.grad:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #036;
    transform: scale(1);
    opacity: 0;
    transition: .5s
}

.icon-link a.grad:focus,
.icon-link a.grad:hover {
    transition: .5s;
    color: #fff
}

.icon-link a.grad:focus:before,
.icon-link a.grad:hover:before {
    color: #fff;
    transition: .5s;
    transform: scale(.8)
}

.icon-link a.grad:focus:after,
.icon-link a.grad:hover:after {
    opacity: 1;
    transform: scale(1.085);
    transition: .5s
}

.teal a.grad:before {
    color: #06729d
}

.teal a.grad:after {
    background-color: #06729d
}

.green a.grad:before {
    color: #5e7b3d
}

.green a.grad:after {
    background-color: #5e7b3d
}

.grey a.grad:before {
    color: #78797a
}

.grey a.grad:after {
    background-color: #78797a
}

.red a.grad:before {
    color: #993f23
}

.red a.grad:after {
    background-color: #993f23
}

.icon-link a.group-boys {
    color: #252b33;
    background: #f7f8fb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    text-decoration: none;
    height: 0;
    padding: 0 20px 100%;
    transition: .5s;
    font-size: 1.25rem;
    line-height: 1.375rem;
    position: relative;
    z-index: 20
}

.icon-link a.group-boys:before {
    content: "\E91D" !important;
    font-family: bpa-font-icons;
    display: block;
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: 30px;
    margin-top: calc(100% + 40px);
    color: #036;
    transition: .5s;
    position: relative;
    z-index: 30
}

.icon-link a.group-boys:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #036;
    transform: scale(1);
    opacity: 0;
    transition: .5s
}

.icon-link a.group-boys:focus,
.icon-link a.group-boys:hover {
    transition: .5s;
    color: #fff
}

.icon-link a.group-boys:focus:before,
.icon-link a.group-boys:hover:before {
    color: #fff;
    transition: .5s;
    transform: scale(.8)
}

.icon-link a.group-boys:focus:after,
.icon-link a.group-boys:hover:after {
    opacity: 1;
    transform: scale(1.085);
    transition: .5s
}

.teal a.group-boys:before {
    color: #06729d
}

.teal a.group-boys:after {
    background-color: #06729d
}

.green a.group-boys:before {
    color: #5e7b3d
}

.green a.group-boys:after {
    background-color: #5e7b3d
}

.grey a.group-boys:before {
    color: #78797a
}

.grey a.group-boys:after {
    background-color: #78797a
}

.red a.group-boys:before {
    color: #993f23
}

.red a.group-boys:after {
    background-color: #993f23
}

.icon-link a.group-coed {
    color: #252b33;
    background: #f7f8fb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    text-decoration: none;
    height: 0;
    padding: 0 20px 100%;
    transition: .5s;
    font-size: 1.25rem;
    line-height: 1.375rem;
    position: relative;
    z-index: 20
}

.icon-link a.group-coed:before {
    content: "\E91E" !important;
    font-family: bpa-font-icons;
    display: block;
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: 30px;
    margin-top: calc(100% + 40px);
    color: #036;
    transition: .5s;
    position: relative;
    z-index: 30
}

.icon-link a.group-coed:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #036;
    transform: scale(1);
    opacity: 0;
    transition: .5s
}

.icon-link a.group-coed:focus,
.icon-link a.group-coed:hover {
    transition: .5s;
    color: #fff
}

.icon-link a.group-coed:focus:before,
.icon-link a.group-coed:hover:before {
    color: #fff;
    transition: .5s;
    transform: scale(.8)
}

.icon-link a.group-coed:focus:after,
.icon-link a.group-coed:hover:after {
    opacity: 1;
    transform: scale(1.085);
    transition: .5s
}

.teal a.group-coed:before {
    color: #06729d
}

.teal a.group-coed:after {
    background-color: #06729d
}

.green a.group-coed:before {
    color: #5e7b3d
}

.green a.group-coed:after {
    background-color: #5e7b3d
}

.grey a.group-coed:before {
    color: #78797a
}

.grey a.group-coed:after {
    background-color: #78797a
}

.red a.group-coed:before {
    color: #993f23
}

.red a.group-coed:after {
    background-color: #993f23
}

.icon-link a.group-girls {
    color: #252b33;
    background: #f7f8fb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    text-decoration: none;
    height: 0;
    padding: 0 20px 100%;
    transition: .5s;
    font-size: 1.25rem;
    line-height: 1.375rem;
    position: relative;
    z-index: 20
}

.icon-link a.group-girls:before {
    content: "\E926" !important;
    font-family: bpa-font-icons;
    display: block;
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: 30px;
    margin-top: calc(100% + 40px);
    color: #036;
    transition: .5s;
    position: relative;
    z-index: 30
}

.icon-link a.group-girls:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #036;
    transform: scale(1);
    opacity: 0;
    transition: .5s
}

.icon-link a.group-girls:focus,
.icon-link a.group-girls:hover {
    transition: .5s;
    color: #fff
}

.icon-link a.group-girls:focus:before,
.icon-link a.group-girls:hover:before {
    color: #fff;
    transition: .5s;
    transform: scale(.8)
}

.icon-link a.group-girls:focus:after,
.icon-link a.group-girls:hover:after {
    opacity: 1;
    transform: scale(1.085);
    transition: .5s
}

.teal a.group-girls:before {
    color: #06729d
}

.teal a.group-girls:after {
    background-color: #06729d
}

.green a.group-girls:before {
    color: #5e7b3d
}

.green a.group-girls:after {
    background-color: #5e7b3d
}

.grey a.group-girls:before {
    color: #78797a
}

.grey a.group-girls:after {
    background-color: #78797a
}

.red a.group-girls:before {
    color: #993f23
}

.red a.group-girls:after {
    background-color: #993f23
}

.icon-link a.group {
    color: #252b33;
    background: #f7f8fb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    text-decoration: none;
    height: 0;
    padding: 0 20px 100%;
    transition: .5s;
    font-size: 1.25rem;
    line-height: 1.375rem;
    position: relative;
    z-index: 20
}

.icon-link a.group:before {
    content: "\E927" !important;
    font-family: bpa-font-icons;
    display: block;
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: 30px;
    margin-top: calc(100% + 40px);
    color: #036;
    transition: .5s;
    position: relative;
    z-index: 30
}

.icon-link a.group:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #036;
    transform: scale(1);
    opacity: 0;
    transition: .5s
}

.icon-link a.group:focus,
.icon-link a.group:hover {
    transition: .5s;
    color: #fff
}

.icon-link a.group:focus:before,
.icon-link a.group:hover:before {
    color: #fff;
    transition: .5s;
    transform: scale(.8)
}

.icon-link a.group:focus:after,
.icon-link a.group:hover:after {
    opacity: 1;
    transform: scale(1.085);
    transition: .5s
}

.teal a.group:before {
    color: #06729d
}

.teal a.group:after {
    background-color: #06729d
}

.green a.group:before {
    color: #5e7b3d
}

.green a.group:after {
    background-color: #5e7b3d
}

.grey a.group:before {
    color: #78797a
}

.grey a.group:after {
    background-color: #78797a
}

.red a.group:before {
    color: #993f23
}

.red a.group:after {
    background-color: #993f23
}

.icon-link a.health {
    color: #252b33;
    background: #f7f8fb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    text-decoration: none;
    height: 0;
    padding: 0 20px 100%;
    transition: .5s;
    font-size: 1.25rem;
    line-height: 1.375rem;
    position: relative;
    z-index: 20
}

.icon-link a.health:before {
    content: "\E957" !important;
    font-family: bpa-font-icons;
    display: block;
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: 30px;
    margin-top: calc(100% + 40px);
    color: #036;
    transition: .5s;
    position: relative;
    z-index: 30
}

.icon-link a.health:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #036;
    transform: scale(1);
    opacity: 0;
    transition: .5s
}

.icon-link a.health:focus,
.icon-link a.health:hover {
    transition: .5s;
    color: #fff
}

.icon-link a.health:focus:before,
.icon-link a.health:hover:before {
    color: #fff;
    transition: .5s;
    transform: scale(.8)
}

.icon-link a.health:focus:after,
.icon-link a.health:hover:after {
    opacity: 1;
    transform: scale(1.085);
    transition: .5s
}

.teal a.health:before {
    color: #06729d
}

.teal a.health:after {
    background-color: #06729d
}

.green a.health:before {
    color: #5e7b3d
}

.green a.health:after {
    background-color: #5e7b3d
}

.grey a.health:before {
    color: #78797a
}

.grey a.health:after {
    background-color: #78797a
}

.red a.health:before {
    color: #993f23
}

.red a.health:after {
    background-color: #993f23
}

.icon-link a.heart {
    color: #252b33;
    background: #f7f8fb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    text-decoration: none;
    height: 0;
    padding: 0 20px 100%;
    transition: .5s;
    font-size: 1.25rem;
    line-height: 1.375rem;
    position: relative;
    z-index: 20
}

.icon-link a.heart:before {
    content: "\E928" !important;
    font-family: bpa-font-icons;
    display: block;
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: 30px;
    margin-top: calc(100% + 40px);
    color: #036;
    transition: .5s;
    position: relative;
    z-index: 30
}

.icon-link a.heart:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #036;
    transform: scale(1);
    opacity: 0;
    transition: .5s
}

.icon-link a.heart:focus,
.icon-link a.heart:hover {
    transition: .5s;
    color: #fff
}

.icon-link a.heart:focus:before,
.icon-link a.heart:hover:before {
    color: #fff;
    transition: .5s;
    transform: scale(.8)
}

.icon-link a.heart:focus:after,
.icon-link a.heart:hover:after {
    opacity: 1;
    transform: scale(1.085);
    transition: .5s
}

.teal a.heart:before {
    color: #06729d
}

.teal a.heart:after {
    background-color: #06729d
}

.green a.heart:before {
    color: #5e7b3d
}

.green a.heart:after {
    background-color: #5e7b3d
}

.grey a.heart:before {
    color: #78797a
}

.grey a.heart:after {
    background-color: #78797a
}

.red a.heart:before {
    color: #993f23
}

.red a.heart:after {
    background-color: #993f23
}

.icon-link a.info {
    color: #252b33;
    background: #f7f8fb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    text-decoration: none;
    height: 0;
    padding: 0 20px 100%;
    transition: .5s;
    font-size: 1.25rem;
    line-height: 1.375rem;
    position: relative;
    z-index: 20
}

.icon-link a.info:before {
    content: "\E929" !important;
    font-family: bpa-font-icons;
    display: block;
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: 30px;
    margin-top: calc(100% + 40px);
    color: #036;
    transition: .5s;
    position: relative;
    z-index: 30
}

.icon-link a.info:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #036;
    transform: scale(1);
    opacity: 0;
    transition: .5s
}

.icon-link a.info:focus,
.icon-link a.info:hover {
    transition: .5s;
    color: #fff
}

.icon-link a.info:focus:before,
.icon-link a.info:hover:before {
    color: #fff;
    transition: .5s;
    transform: scale(.8)
}

.icon-link a.info:focus:after,
.icon-link a.info:hover:after {
    opacity: 1;
    transform: scale(1.085);
    transition: .5s
}

.teal a.info:before {
    color: #06729d
}

.teal a.info:after {
    background-color: #06729d
}

.green a.info:before {
    color: #5e7b3d
}

.green a.info:after {
    background-color: #5e7b3d
}

.grey a.info:before {
    color: #78797a
}

.grey a.info:after {
    background-color: #78797a
}

.red a.info:before {
    color: #993f23
}

.red a.info:after {
    background-color: #993f23
}

.icon-link a.jersey {
    color: #252b33;
    background: #f7f8fb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    text-decoration: none;
    height: 0;
    padding: 0 20px 100%;
    transition: .5s;
    font-size: 1.25rem;
    line-height: 1.375rem;
    position: relative;
    z-index: 20
}

.icon-link a.jersey:before {
    content: "\E92A" !important;
    font-family: bpa-font-icons;
    display: block;
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: 30px;
    margin-top: calc(100% + 40px);
    color: #036;
    transition: .5s;
    position: relative;
    z-index: 30
}

.icon-link a.jersey:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #036;
    transform: scale(1);
    opacity: 0;
    transition: .5s
}

.icon-link a.jersey:focus,
.icon-link a.jersey:hover {
    transition: .5s;
    color: #fff
}

.icon-link a.jersey:focus:before,
.icon-link a.jersey:hover:before {
    color: #fff;
    transition: .5s;
    transform: scale(.8)
}

.icon-link a.jersey:focus:after,
.icon-link a.jersey:hover:after {
    opacity: 1;
    transform: scale(1.085);
    transition: .5s
}

.teal a.jersey:before {
    color: #06729d
}

.teal a.jersey:after {
    background-color: #06729d
}

.green a.jersey:before {
    color: #5e7b3d
}

.green a.jersey:after {
    background-color: #5e7b3d
}

.grey a.jersey:before {
    color: #78797a
}

.grey a.jersey:after {
    background-color: #78797a
}

.red a.jersey:before {
    color: #993f23
}

.red a.jersey:after {
    background-color: #993f23
}

.icon-link a.leaf {
    color: #252b33;
    background: #f7f8fb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    text-decoration: none;
    height: 0;
    padding: 0 20px 100%;
    transition: .5s;
    font-size: 1.25rem;
    line-height: 1.375rem;
    position: relative;
    z-index: 20
}

.icon-link a.leaf:before {
    content: "\E92B" !important;
    font-family: bpa-font-icons;
    display: block;
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: 30px;
    margin-top: calc(100% + 40px);
    color: #036;
    transition: .5s;
    position: relative;
    z-index: 30
}

.icon-link a.leaf:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #036;
    transform: scale(1);
    opacity: 0;
    transition: .5s
}

.icon-link a.leaf:focus,
.icon-link a.leaf:hover {
    transition: .5s;
    color: #fff
}

.icon-link a.leaf:focus:before,
.icon-link a.leaf:hover:before {
    color: #fff;
    transition: .5s;
    transform: scale(.8)
}

.icon-link a.leaf:focus:after,
.icon-link a.leaf:hover:after {
    opacity: 1;
    transform: scale(1.085);
    transition: .5s
}

.teal a.leaf:before {
    color: #06729d
}

.teal a.leaf:after {
    background-color: #06729d
}

.green a.leaf:before {
    color: #5e7b3d
}

.green a.leaf:after {
    background-color: #5e7b3d
}

.grey a.leaf:before {
    color: #78797a
}

.grey a.leaf:after {
    background-color: #78797a
}

.red a.leaf:before {
    color: #993f23
}

.red a.leaf:after {
    background-color: #993f23
}

.icon-link a.lecturer {
    color: #252b33;
    background: #f7f8fb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    text-decoration: none;
    height: 0;
    padding: 0 20px 100%;
    transition: .5s;
    font-size: 1.25rem;
    line-height: 1.375rem;
    position: relative;
    z-index: 20
}

.icon-link a.lecturer:before {
    content: "\E958" !important;
    font-family: bpa-font-icons;
    display: block;
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: 30px;
    margin-top: calc(100% + 40px);
    color: #036;
    transition: .5s;
    position: relative;
    z-index: 30
}

.icon-link a.lecturer:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #036;
    transform: scale(1);
    opacity: 0;
    transition: .5s
}

.icon-link a.lecturer:focus,
.icon-link a.lecturer:hover {
    transition: .5s;
    color: #fff
}

.icon-link a.lecturer:focus:before,
.icon-link a.lecturer:hover:before {
    color: #fff;
    transition: .5s;
    transform: scale(.8)
}

.icon-link a.lecturer:focus:after,
.icon-link a.lecturer:hover:after {
    opacity: 1;
    transform: scale(1.085);
    transition: .5s
}

.teal a.lecturer:before {
    color: #06729d
}

.teal a.lecturer:after {
    background-color: #06729d
}

.green a.lecturer:before {
    color: #5e7b3d
}

.green a.lecturer:after {
    background-color: #5e7b3d
}

.grey a.lecturer:before {
    color: #78797a
}

.grey a.lecturer:after {
    background-color: #78797a
}

.red a.lecturer:before {
    color: #993f23
}

.red a.lecturer:after {
    background-color: #993f23
}

.icon-link a.lightbulb {
    color: #252b33;
    background: #f7f8fb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    text-decoration: none;
    height: 0;
    padding: 0 20px 100%;
    transition: .5s;
    font-size: 1.25rem;
    line-height: 1.375rem;
    position: relative;
    z-index: 20
}

.icon-link a.lightbulb:before {
    content: "\E92C" !important;
    font-family: bpa-font-icons;
    display: block;
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: 30px;
    margin-top: calc(100% + 40px);
    color: #036;
    transition: .5s;
    position: relative;
    z-index: 30
}

.icon-link a.lightbulb:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #036;
    transform: scale(1);
    opacity: 0;
    transition: .5s
}

.icon-link a.lightbulb:focus,
.icon-link a.lightbulb:hover {
    transition: .5s;
    color: #fff
}

.icon-link a.lightbulb:focus:before,
.icon-link a.lightbulb:hover:before {
    color: #fff;
    transition: .5s;
    transform: scale(.8)
}

.icon-link a.lightbulb:focus:after,
.icon-link a.lightbulb:hover:after {
    opacity: 1;
    transform: scale(1.085);
    transition: .5s
}

.teal a.lightbulb:before {
    color: #06729d
}

.teal a.lightbulb:after {
    background-color: #06729d
}

.green a.lightbulb:before {
    color: #5e7b3d
}

.green a.lightbulb:after {
    background-color: #5e7b3d
}

.grey a.lightbulb:before {
    color: #78797a
}

.grey a.lightbulb:after {
    background-color: #78797a
}

.red a.lightbulb:before {
    color: #993f23
}

.red a.lightbulb:after {
    background-color: #993f23
}

.icon-link a.link {
    color: #252b33;
    background: #f7f8fb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    text-decoration: none;
    height: 0;
    padding: 0 20px 100%;
    transition: .5s;
    font-size: 1.25rem;
    line-height: 1.375rem;
    position: relative;
    z-index: 20
}

.icon-link a.link:before {
    content: "\E92D" !important;
    font-family: bpa-font-icons;
    display: block;
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: 30px;
    margin-top: calc(100% + 40px);
    color: #036;
    transition: .5s;
    position: relative;
    z-index: 30
}

.icon-link a.link:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #036;
    transform: scale(1);
    opacity: 0;
    transition: .5s
}

.icon-link a.link:focus,
.icon-link a.link:hover {
    transition: .5s;
    color: #fff
}

.icon-link a.link:focus:before,
.icon-link a.link:hover:before {
    color: #fff;
    transition: .5s;
    transform: scale(.8)
}

.icon-link a.link:focus:after,
.icon-link a.link:hover:after {
    opacity: 1;
    transform: scale(1.085);
    transition: .5s
}

.teal a.link:before {
    color: #06729d
}

.teal a.link:after {
    background-color: #06729d
}

.green a.link:before {
    color: #5e7b3d
}

.green a.link:after {
    background-color: #5e7b3d
}

.grey a.link:before {
    color: #78797a
}

.grey a.link:after {
    background-color: #78797a
}

.red a.link:before {
    color: #993f23
}

.red a.link:after {
    background-color: #993f23
}

.icon-link a.list {
    color: #252b33;
    background: #f7f8fb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    text-decoration: none;
    height: 0;
    padding: 0 20px 100%;
    transition: .5s;
    font-size: 1.25rem;
    line-height: 1.375rem;
    position: relative;
    z-index: 20
}

.icon-link a.list:before {
    content: "\E92E" !important;
    font-family: bpa-font-icons;
    display: block;
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: 30px;
    margin-top: calc(100% + 40px);
    color: #036;
    transition: .5s;
    position: relative;
    z-index: 30
}

.icon-link a.list:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #036;
    transform: scale(1);
    opacity: 0;
    transition: .5s
}

.icon-link a.list:focus,
.icon-link a.list:hover {
    transition: .5s;
    color: #fff
}

.icon-link a.list:focus:before,
.icon-link a.list:hover:before {
    color: #fff;
    transition: .5s;
    transform: scale(.8)
}

.icon-link a.list:focus:after,
.icon-link a.list:hover:after {
    opacity: 1;
    transform: scale(1.085);
    transition: .5s
}

.teal a.list:before {
    color: #06729d
}

.teal a.list:after {
    background-color: #06729d
}

.green a.list:before {
    color: #5e7b3d
}

.green a.list:after {
    background-color: #5e7b3d
}

.grey a.list:before {
    color: #78797a
}

.grey a.list:after {
    background-color: #78797a
}

.red a.list:before {
    color: #993f23
}

.red a.list:after {
    background-color: #993f23
}

.icon-link a.location {
    color: #252b33;
    background: #f7f8fb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    text-decoration: none;
    height: 0;
    padding: 0 20px 100%;
    transition: .5s;
    font-size: 1.25rem;
    line-height: 1.375rem;
    position: relative;
    z-index: 20
}

.icon-link a.location:before {
    content: "\E92F" !important;
    font-family: bpa-font-icons;
    display: block;
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: 30px;
    margin-top: calc(100% + 40px);
    color: #036;
    transition: .5s;
    position: relative;
    z-index: 30
}

.icon-link a.location:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #036;
    transform: scale(1);
    opacity: 0;
    transition: .5s
}

.icon-link a.location:focus,
.icon-link a.location:hover {
    transition: .5s;
    color: #fff
}

.icon-link a.location:focus:before,
.icon-link a.location:hover:before {
    color: #fff;
    transition: .5s;
    transform: scale(.8)
}

.icon-link a.location:focus:after,
.icon-link a.location:hover:after {
    opacity: 1;
    transform: scale(1.085);
    transition: .5s
}

.teal a.location:before {
    color: #06729d
}

.teal a.location:after {
    background-color: #06729d
}

.green a.location:before {
    color: #5e7b3d
}

.green a.location:after {
    background-color: #5e7b3d
}

.grey a.location:before {
    color: #78797a
}

.grey a.location:after {
    background-color: #78797a
}

.red a.location:before {
    color: #993f23
}

.red a.location:after {
    background-color: #993f23
}

.icon-link a.lock {
    color: #252b33;
    background: #f7f8fb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    text-decoration: none;
    height: 0;
    padding: 0 20px 100%;
    transition: .5s;
    font-size: 1.25rem;
    line-height: 1.375rem;
    position: relative;
    z-index: 20
}

.icon-link a.lock:before {
    content: "\E930" !important;
    font-family: bpa-font-icons;
    display: block;
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: 30px;
    margin-top: calc(100% + 40px);
    color: #036;
    transition: .5s;
    position: relative;
    z-index: 30
}

.icon-link a.lock:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #036;
    transform: scale(1);
    opacity: 0;
    transition: .5s
}

.icon-link a.lock:focus,
.icon-link a.lock:hover {
    transition: .5s;
    color: #fff
}

.icon-link a.lock:focus:before,
.icon-link a.lock:hover:before {
    color: #fff;
    transition: .5s;
    transform: scale(.8)
}

.icon-link a.lock:focus:after,
.icon-link a.lock:hover:after {
    opacity: 1;
    transform: scale(1.085);
    transition: .5s
}

.teal a.lock:before {
    color: #06729d
}

.teal a.lock:after {
    background-color: #06729d
}

.green a.lock:before {
    color: #5e7b3d
}

.green a.lock:after {
    background-color: #5e7b3d
}

.grey a.lock:before {
    color: #78797a
}

.grey a.lock:after {
    background-color: #78797a
}

.red a.lock:before {
    color: #993f23
}

.red a.lock:after {
    background-color: #993f23
}

.icon-link a.map {
    color: #252b33;
    background: #f7f8fb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    text-decoration: none;
    height: 0;
    padding: 0 20px 100%;
    transition: .5s;
    font-size: 1.25rem;
    line-height: 1.375rem;
    position: relative;
    z-index: 20
}

.icon-link a.map:before {
    content: "\E931" !important;
    font-family: bpa-font-icons;
    display: block;
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: 30px;
    margin-top: calc(100% + 40px);
    color: #036;
    transition: .5s;
    position: relative;
    z-index: 30
}

.icon-link a.map:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #036;
    transform: scale(1);
    opacity: 0;
    transition: .5s
}

.icon-link a.map:focus,
.icon-link a.map:hover {
    transition: .5s;
    color: #fff
}

.icon-link a.map:focus:before,
.icon-link a.map:hover:before {
    color: #fff;
    transition: .5s;
    transform: scale(.8)
}

.icon-link a.map:focus:after,
.icon-link a.map:hover:after {
    opacity: 1;
    transform: scale(1.085);
    transition: .5s
}

.teal a.map:before {
    color: #06729d
}

.teal a.map:after {
    background-color: #06729d
}

.green a.map:before {
    color: #5e7b3d
}

.green a.map:after {
    background-color: #5e7b3d
}

.grey a.map:before {
    color: #78797a
}

.grey a.map:after {
    background-color: #78797a
}

.red a.map:before {
    color: #993f23
}

.red a.map:after {
    background-color: #993f23
}

.icon-link a.medal {
    color: #252b33;
    background: #f7f8fb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    text-decoration: none;
    height: 0;
    padding: 0 20px 100%;
    transition: .5s;
    font-size: 1.25rem;
    line-height: 1.375rem;
    position: relative;
    z-index: 20
}

.icon-link a.medal:before {
    content: "\E932" !important;
    font-family: bpa-font-icons;
    display: block;
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: 30px;
    margin-top: calc(100% + 40px);
    color: #036;
    transition: .5s;
    position: relative;
    z-index: 30
}

.icon-link a.medal:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #036;
    transform: scale(1);
    opacity: 0;
    transition: .5s
}

.icon-link a.medal:focus,
.icon-link a.medal:hover {
    transition: .5s;
    color: #fff
}

.icon-link a.medal:focus:before,
.icon-link a.medal:hover:before {
    color: #fff;
    transition: .5s;
    transform: scale(.8)
}

.icon-link a.medal:focus:after,
.icon-link a.medal:hover:after {
    opacity: 1;
    transform: scale(1.085);
    transition: .5s
}

.teal a.medal:before {
    color: #06729d
}

.teal a.medal:after {
    background-color: #06729d
}

.green a.medal:before {
    color: #5e7b3d
}

.green a.medal:after {
    background-color: #5e7b3d
}

.grey a.medal:before {
    color: #78797a
}

.grey a.medal:after {
    background-color: #78797a
}

.red a.medal:before {
    color: #993f23
}

.red a.medal:after {
    background-color: #993f23
}

.icon-link a.microscope {
    color: #252b33;
    background: #f7f8fb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    text-decoration: none;
    height: 0;
    padding: 0 20px 100%;
    transition: .5s;
    font-size: 1.25rem;
    line-height: 1.375rem;
    position: relative;
    z-index: 20
}

.icon-link a.microscope:before {
    content: "\E933" !important;
    font-family: bpa-font-icons;
    display: block;
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: 30px;
    margin-top: calc(100% + 40px);
    color: #036;
    transition: .5s;
    position: relative;
    z-index: 30
}

.icon-link a.microscope:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #036;
    transform: scale(1);
    opacity: 0;
    transition: .5s
}

.icon-link a.microscope:focus,
.icon-link a.microscope:hover {
    transition: .5s;
    color: #fff
}

.icon-link a.microscope:focus:before,
.icon-link a.microscope:hover:before {
    color: #fff;
    transition: .5s;
    transform: scale(.8)
}

.icon-link a.microscope:focus:after,
.icon-link a.microscope:hover:after {
    opacity: 1;
    transform: scale(1.085);
    transition: .5s
}

.teal a.microscope:before {
    color: #06729d
}

.teal a.microscope:after {
    background-color: #06729d
}

.green a.microscope:before {
    color: #5e7b3d
}

.green a.microscope:after {
    background-color: #5e7b3d
}

.grey a.microscope:before {
    color: #78797a
}

.grey a.microscope:after {
    background-color: #78797a
}

.red a.microscope:before {
    color: #993f23
}

.red a.microscope:after {
    background-color: #993f23
}

.icon-link a.mobile {
    color: #252b33;
    background: #f7f8fb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    text-decoration: none;
    height: 0;
    padding: 0 20px 100%;
    transition: .5s;
    font-size: 1.25rem;
    line-height: 1.375rem;
    position: relative;
    z-index: 20
}

.icon-link a.mobile:before {
    content: "\E950" !important;
    font-family: bpa-font-icons;
    display: block;
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: 30px;
    margin-top: calc(100% + 40px);
    color: #036;
    transition: .5s;
    position: relative;
    z-index: 30
}

.icon-link a.mobile:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #036;
    transform: scale(1);
    opacity: 0;
    transition: .5s
}

.icon-link a.mobile:focus,
.icon-link a.mobile:hover {
    transition: .5s;
    color: #fff
}

.icon-link a.mobile:focus:before,
.icon-link a.mobile:hover:before {
    color: #fff;
    transition: .5s;
    transform: scale(.8)
}

.icon-link a.mobile:focus:after,
.icon-link a.mobile:hover:after {
    opacity: 1;
    transform: scale(1.085);
    transition: .5s
}

.teal a.mobile:before {
    color: #06729d
}

.teal a.mobile:after {
    background-color: #06729d
}

.green a.mobile:before {
    color: #5e7b3d
}

.green a.mobile:after {
    background-color: #5e7b3d
}

.grey a.mobile:before {
    color: #78797a
}

.grey a.mobile:after {
    background-color: #78797a
}

.red a.mobile:before {
    color: #993f23
}

.red a.mobile:after {
    background-color: #993f23
}

.icon-link a.music {
    color: #252b33;
    background: #f7f8fb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    text-decoration: none;
    height: 0;
    padding: 0 20px 100%;
    transition: .5s;
    font-size: 1.25rem;
    line-height: 1.375rem;
    position: relative;
    z-index: 20
}

.icon-link a.music:before {
    content: "\E934" !important;
    font-family: bpa-font-icons;
    display: block;
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: 30px;
    margin-top: calc(100% + 40px);
    color: #036;
    transition: .5s;
    position: relative;
    z-index: 30
}

.icon-link a.music:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #036;
    transform: scale(1);
    opacity: 0;
    transition: .5s
}

.icon-link a.music:focus,
.icon-link a.music:hover {
    transition: .5s;
    color: #fff
}

.icon-link a.music:focus:before,
.icon-link a.music:hover:before {
    color: #fff;
    transition: .5s;
    transform: scale(.8)
}

.icon-link a.music:focus:after,
.icon-link a.music:hover:after {
    opacity: 1;
    transform: scale(1.085);
    transition: .5s
}

.teal a.music:before {
    color: #06729d
}

.teal a.music:after {
    background-color: #06729d
}

.green a.music:before {
    color: #5e7b3d
}

.green a.music:after {
    background-color: #5e7b3d
}

.grey a.music:before {
    color: #78797a
}

.grey a.music:after {
    background-color: #78797a
}

.red a.music:before {
    color: #993f23
}

.red a.music:after {
    background-color: #993f23
}

.icon-link a.networking {
    color: #252b33;
    background: #f7f8fb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    text-decoration: none;
    height: 0;
    padding: 0 20px 100%;
    transition: .5s;
    font-size: 1.25rem;
    line-height: 1.375rem;
    position: relative;
    z-index: 20
}

.icon-link a.networking:before {
    content: "\E959" !important;
    font-family: bpa-font-icons;
    display: block;
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: 30px;
    margin-top: calc(100% + 40px);
    color: #036;
    transition: .5s;
    position: relative;
    z-index: 30
}

.icon-link a.networking:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #036;
    transform: scale(1);
    opacity: 0;
    transition: .5s
}

.icon-link a.networking:focus,
.icon-link a.networking:hover {
    transition: .5s;
    color: #fff
}

.icon-link a.networking:focus:before,
.icon-link a.networking:hover:before {
    color: #fff;
    transition: .5s;
    transform: scale(.8)
}

.icon-link a.networking:focus:after,
.icon-link a.networking:hover:after {
    opacity: 1;
    transform: scale(1.085);
    transition: .5s
}

.teal a.networking:before {
    color: #06729d
}

.teal a.networking:after {
    background-color: #06729d
}

.green a.networking:before {
    color: #5e7b3d
}

.green a.networking:after {
    background-color: #5e7b3d
}

.grey a.networking:before {
    color: #78797a
}

.grey a.networking:after {
    background-color: #78797a
}

.red a.networking:before {
    color: #993f23
}

.red a.networking:after {
    background-color: #993f23
}

.icon-link a.paint {
    color: #252b33;
    background: #f7f8fb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    text-decoration: none;
    height: 0;
    padding: 0 20px 100%;
    transition: .5s;
    font-size: 1.25rem;
    line-height: 1.375rem;
    position: relative;
    z-index: 20
}

.icon-link a.paint:before {
    content: "\E935" !important;
    font-family: bpa-font-icons;
    display: block;
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: 30px;
    margin-top: calc(100% + 40px);
    color: #036;
    transition: .5s;
    position: relative;
    z-index: 30
}

.icon-link a.paint:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #036;
    transform: scale(1);
    opacity: 0;
    transition: .5s
}

.icon-link a.paint:focus,
.icon-link a.paint:hover {
    transition: .5s;
    color: #fff
}

.icon-link a.paint:focus:before,
.icon-link a.paint:hover:before {
    color: #fff;
    transition: .5s;
    transform: scale(.8)
}

.icon-link a.paint:focus:after,
.icon-link a.paint:hover:after {
    opacity: 1;
    transform: scale(1.085);
    transition: .5s
}

.teal a.paint:before {
    color: #06729d
}

.teal a.paint:after {
    background-color: #06729d
}

.green a.paint:before {
    color: #5e7b3d
}

.green a.paint:after {
    background-color: #5e7b3d
}

.grey a.paint:before {
    color: #78797a
}

.grey a.paint:after {
    background-color: #78797a
}

.red a.paint:before {
    color: #993f23
}

.red a.paint:after {
    background-color: #993f23
}

.icon-link a.parent {
    color: #252b33;
    background: #f7f8fb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    text-decoration: none;
    height: 0;
    padding: 0 20px 100%;
    transition: .5s;
    font-size: 1.25rem;
    line-height: 1.375rem;
    position: relative;
    z-index: 20
}

.icon-link a.parent:before {
    content: "\E953" !important;
    font-family: bpa-font-icons;
    display: block;
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: 30px;
    margin-top: calc(100% + 40px);
    color: #036;
    transition: .5s;
    position: relative;
    z-index: 30
}

.icon-link a.parent:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #036;
    transform: scale(1);
    opacity: 0;
    transition: .5s
}

.icon-link a.parent:focus,
.icon-link a.parent:hover {
    transition: .5s;
    color: #fff
}

.icon-link a.parent:focus:before,
.icon-link a.parent:hover:before {
    color: #fff;
    transition: .5s;
    transform: scale(.8)
}

.icon-link a.parent:focus:after,
.icon-link a.parent:hover:after {
    opacity: 1;
    transform: scale(1.085);
    transition: .5s
}

.teal a.parent:before {
    color: #06729d
}

.teal a.parent:after {
    background-color: #06729d
}

.green a.parent:before {
    color: #5e7b3d
}

.green a.parent:after {
    background-color: #5e7b3d
}

.grey a.parent:before {
    color: #78797a
}

.grey a.parent:after {
    background-color: #78797a
}

.red a.parent:before {
    color: #993f23
}

.red a.parent:after {
    background-color: #993f23
}

.icon-link a.paw {
    color: #252b33;
    background: #f7f8fb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    text-decoration: none;
    height: 0;
    padding: 0 20px 100%;
    transition: .5s;
    font-size: 1.25rem;
    line-height: 1.375rem;
    position: relative;
    z-index: 20
}

.icon-link a.paw:before {
    content: "\E955" !important;
    font-family: bpa-font-icons;
    display: block;
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: 30px;
    margin-top: calc(100% + 40px);
    color: #036;
    transition: .5s;
    position: relative;
    z-index: 30
}

.icon-link a.paw:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #036;
    transform: scale(1);
    opacity: 0;
    transition: .5s
}

.icon-link a.paw:focus,
.icon-link a.paw:hover {
    transition: .5s;
    color: #fff
}

.icon-link a.paw:focus:before,
.icon-link a.paw:hover:before {
    color: #fff;
    transition: .5s;
    transform: scale(.8)
}

.icon-link a.paw:focus:after,
.icon-link a.paw:hover:after {
    opacity: 1;
    transform: scale(1.085);
    transition: .5s
}

.teal a.paw:before {
    color: #06729d
}

.teal a.paw:after {
    background-color: #06729d
}

.green a.paw:before {
    color: #5e7b3d
}

.green a.paw:after {
    background-color: #5e7b3d
}

.grey a.paw:before {
    color: #78797a
}

.grey a.paw:after {
    background-color: #78797a
}

.red a.paw:before {
    color: #993f23
}

.red a.paw:after {
    background-color: #993f23
}

.icon-link a.pencil {
    color: #252b33;
    background: #f7f8fb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    text-decoration: none;
    height: 0;
    padding: 0 20px 100%;
    transition: .5s;
    font-size: 1.25rem;
    line-height: 1.375rem;
    position: relative;
    z-index: 20
}

.icon-link a.pencil:before {
    content: "\E936" !important;
    font-family: bpa-font-icons;
    display: block;
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: 30px;
    margin-top: calc(100% + 40px);
    color: #036;
    transition: .5s;
    position: relative;
    z-index: 30
}

.icon-link a.pencil:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #036;
    transform: scale(1);
    opacity: 0;
    transition: .5s
}

.icon-link a.pencil:focus,
.icon-link a.pencil:hover {
    transition: .5s;
    color: #fff
}

.icon-link a.pencil:focus:before,
.icon-link a.pencil:hover:before {
    color: #fff;
    transition: .5s;
    transform: scale(.8)
}

.icon-link a.pencil:focus:after,
.icon-link a.pencil:hover:after {
    opacity: 1;
    transform: scale(1.085);
    transition: .5s
}

.teal a.pencil:before {
    color: #06729d
}

.teal a.pencil:after {
    background-color: #06729d
}

.green a.pencil:before {
    color: #5e7b3d
}

.green a.pencil:after {
    background-color: #5e7b3d
}

.grey a.pencil:before {
    color: #78797a
}

.grey a.pencil:after {
    background-color: #78797a
}

.red a.pencil:before {
    color: #993f23
}

.red a.pencil:after {
    background-color: #993f23
}

.icon-link a.person {
    color: #252b33;
    background: #f7f8fb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    text-decoration: none;
    height: 0;
    padding: 0 20px 100%;
    transition: .5s;
    font-size: 1.25rem;
    line-height: 1.375rem;
    position: relative;
    z-index: 20
}

.icon-link a.person:before {
    content: "\E937" !important;
    font-family: bpa-font-icons;
    display: block;
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: 30px;
    margin-top: calc(100% + 40px);
    color: #036;
    transition: .5s;
    position: relative;
    z-index: 30
}

.icon-link a.person:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #036;
    transform: scale(1);
    opacity: 0;
    transition: .5s
}

.icon-link a.person:focus,
.icon-link a.person:hover {
    transition: .5s;
    color: #fff
}

.icon-link a.person:focus:before,
.icon-link a.person:hover:before {
    color: #fff;
    transition: .5s;
    transform: scale(.8)
}

.icon-link a.person:focus:after,
.icon-link a.person:hover:after {
    opacity: 1;
    transform: scale(1.085);
    transition: .5s
}

.teal a.person:before {
    color: #06729d
}

.teal a.person:after {
    background-color: #06729d
}

.green a.person:before {
    color: #5e7b3d
}

.green a.person:after {
    background-color: #5e7b3d
}

.grey a.person:before {
    color: #78797a
}

.grey a.person:after {
    background-color: #78797a
}

.red a.person:before {
    color: #993f23
}

.red a.person:after {
    background-color: #993f23
}

.icon-link a.phone {
    color: #252b33;
    background: #f7f8fb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    text-decoration: none;
    height: 0;
    padding: 0 20px 100%;
    transition: .5s;
    font-size: 1.25rem;
    line-height: 1.375rem;
    position: relative;
    z-index: 20
}

.icon-link a.phone:before {
    content: "\E938" !important;
    font-family: bpa-font-icons;
    display: block;
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: 30px;
    margin-top: calc(100% + 40px);
    color: #036;
    transition: .5s;
    position: relative;
    z-index: 30
}

.icon-link a.phone:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #036;
    transform: scale(1);
    opacity: 0;
    transition: .5s
}

.icon-link a.phone:focus,
.icon-link a.phone:hover {
    transition: .5s;
    color: #fff
}

.icon-link a.phone:focus:before,
.icon-link a.phone:hover:before {
    color: #fff;
    transition: .5s;
    transform: scale(.8)
}

.icon-link a.phone:focus:after,
.icon-link a.phone:hover:after {
    opacity: 1;
    transform: scale(1.085);
    transition: .5s
}

.teal a.phone:before {
    color: #06729d
}

.teal a.phone:after {
    background-color: #06729d
}

.green a.phone:before {
    color: #5e7b3d
}

.green a.phone:after {
    background-color: #5e7b3d
}

.grey a.phone:before {
    color: #78797a
}

.grey a.phone:after {
    background-color: #78797a
}

.red a.phone:before {
    color: #993f23
}

.red a.phone:after {
    background-color: #993f23
}

.icon-link a.piggy-bank {
    color: #252b33;
    background: #f7f8fb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    text-decoration: none;
    height: 0;
    padding: 0 20px 100%;
    transition: .5s;
    font-size: 1.25rem;
    line-height: 1.375rem;
    position: relative;
    z-index: 20
}

.icon-link a.piggy-bank:before {
    content: "\E939" !important;
    font-family: bpa-font-icons;
    display: block;
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: 30px;
    margin-top: calc(100% + 40px);
    color: #036;
    transition: .5s;
    position: relative;
    z-index: 30
}

.icon-link a.piggy-bank:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #036;
    transform: scale(1);
    opacity: 0;
    transition: .5s
}

.icon-link a.piggy-bank:focus,
.icon-link a.piggy-bank:hover {
    transition: .5s;
    color: #fff
}

.icon-link a.piggy-bank:focus:before,
.icon-link a.piggy-bank:hover:before {
    color: #fff;
    transition: .5s;
    transform: scale(.8)
}

.icon-link a.piggy-bank:focus:after,
.icon-link a.piggy-bank:hover:after {
    opacity: 1;
    transform: scale(1.085);
    transition: .5s
}

.teal a.piggy-bank:before {
    color: #06729d
}

.teal a.piggy-bank:after {
    background-color: #06729d
}

.green a.piggy-bank:before {
    color: #5e7b3d
}

.green a.piggy-bank:after {
    background-color: #5e7b3d
}

.grey a.piggy-bank:before {
    color: #78797a
}

.grey a.piggy-bank:after {
    background-color: #78797a
}

.red a.piggy-bank:before {
    color: #993f23
}

.red a.piggy-bank:after {
    background-color: #993f23
}

.icon-link a.portion {
    color: #252b33;
    background: #f7f8fb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    text-decoration: none;
    height: 0;
    padding: 0 20px 100%;
    transition: .5s;
    font-size: 1.25rem;
    line-height: 1.375rem;
    position: relative;
    z-index: 20
}

.icon-link a.portion:before {
    content: "\E93A" !important;
    font-family: bpa-font-icons;
    display: block;
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: 30px;
    margin-top: calc(100% + 40px);
    color: #036;
    transition: .5s;
    position: relative;
    z-index: 30
}

.icon-link a.portion:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #036;
    transform: scale(1);
    opacity: 0;
    transition: .5s
}

.icon-link a.portion:focus,
.icon-link a.portion:hover {
    transition: .5s;
    color: #fff
}

.icon-link a.portion:focus:before,
.icon-link a.portion:hover:before {
    color: #fff;
    transition: .5s;
    transform: scale(.8)
}

.icon-link a.portion:focus:after,
.icon-link a.portion:hover:after {
    opacity: 1;
    transform: scale(1.085);
    transition: .5s
}

.teal a.portion:before {
    color: #06729d
}

.teal a.portion:after {
    background-color: #06729d
}

.green a.portion:before {
    color: #5e7b3d
}

.green a.portion:after {
    background-color: #5e7b3d
}

.grey a.portion:before {
    color: #78797a
}

.grey a.portion:after {
    background-color: #78797a
}

.red a.portion:before {
    color: #993f23
}

.red a.portion:after {
    background-color: #993f23
}

.icon-link a.question {
    color: #252b33;
    background: #f7f8fb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    text-decoration: none;
    height: 0;
    padding: 0 20px 100%;
    transition: .5s;
    font-size: 1.25rem;
    line-height: 1.375rem;
    position: relative;
    z-index: 20
}

.icon-link a.question:before {
    content: "\E93B" !important;
    font-family: bpa-font-icons;
    display: block;
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: 30px;
    margin-top: calc(100% + 40px);
    color: #036;
    transition: .5s;
    position: relative;
    z-index: 30
}

.icon-link a.question:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #036;
    transform: scale(1);
    opacity: 0;
    transition: .5s
}

.icon-link a.question:focus,
.icon-link a.question:hover {
    transition: .5s;
    color: #fff
}

.icon-link a.question:focus:before,
.icon-link a.question:hover:before {
    color: #fff;
    transition: .5s;
    transform: scale(.8)
}

.icon-link a.question:focus:after,
.icon-link a.question:hover:after {
    opacity: 1;
    transform: scale(1.085);
    transition: .5s
}

.teal a.question:before {
    color: #06729d
}

.teal a.question:after {
    background-color: #06729d
}

.green a.question:before {
    color: #5e7b3d
}

.green a.question:after {
    background-color: #5e7b3d
}

.grey a.question:before {
    color: #78797a
}

.grey a.question:after {
    background-color: #78797a
}

.red a.question:before {
    color: #993f23
}

.red a.question:after {
    background-color: #993f23
}

.icon-link a.ratio {
    color: #252b33;
    background: #f7f8fb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    text-decoration: none;
    height: 0;
    padding: 0 20px 100%;
    transition: .5s;
    font-size: 1.25rem;
    line-height: 1.375rem;
    position: relative;
    z-index: 20
}

.icon-link a.ratio:before {
    content: "\E93C" !important;
    font-family: bpa-font-icons;
    display: block;
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: 30px;
    margin-top: calc(100% + 40px);
    color: #036;
    transition: .5s;
    position: relative;
    z-index: 30
}

.icon-link a.ratio:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #036;
    transform: scale(1);
    opacity: 0;
    transition: .5s
}

.icon-link a.ratio:focus,
.icon-link a.ratio:hover {
    transition: .5s;
    color: #fff
}

.icon-link a.ratio:focus:before,
.icon-link a.ratio:hover:before {
    color: #fff;
    transition: .5s;
    transform: scale(.8)
}

.icon-link a.ratio:focus:after,
.icon-link a.ratio:hover:after {
    opacity: 1;
    transform: scale(1.085);
    transition: .5s
}

.teal a.ratio:before {
    color: #06729d
}

.teal a.ratio:after {
    background-color: #06729d
}

.green a.ratio:before {
    color: #5e7b3d
}

.green a.ratio:after {
    background-color: #5e7b3d
}

.grey a.ratio:before {
    color: #78797a
}

.grey a.ratio:after {
    background-color: #78797a
}

.red a.ratio:before {
    color: #993f23
}

.red a.ratio:after {
    background-color: #993f23
}

.icon-link a.robot {
    color: #252b33;
    background: #f7f8fb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    text-decoration: none;
    height: 0;
    padding: 0 20px 100%;
    transition: .5s;
    font-size: 1.25rem;
    line-height: 1.375rem;
    position: relative;
    z-index: 20
}

.icon-link a.robot:before {
    content: "\E93D" !important;
    font-family: bpa-font-icons;
    display: block;
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: 30px;
    margin-top: calc(100% + 40px);
    color: #036;
    transition: .5s;
    position: relative;
    z-index: 30
}

.icon-link a.robot:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #036;
    transform: scale(1);
    opacity: 0;
    transition: .5s
}

.icon-link a.robot:focus,
.icon-link a.robot:hover {
    transition: .5s;
    color: #fff
}

.icon-link a.robot:focus:before,
.icon-link a.robot:hover:before {
    color: #fff;
    transition: .5s;
    transform: scale(.8)
}

.icon-link a.robot:focus:after,
.icon-link a.robot:hover:after {
    opacity: 1;
    transform: scale(1.085);
    transition: .5s
}

.teal a.robot:before {
    color: #06729d
}

.teal a.robot:after {
    background-color: #06729d
}

.green a.robot:before {
    color: #5e7b3d
}

.green a.robot:after {
    background-color: #5e7b3d
}

.grey a.robot:before {
    color: #78797a
}

.grey a.robot:after {
    background-color: #78797a
}

.red a.robot:before {
    color: #993f23
}

.red a.robot:after {
    background-color: #993f23
}

.icon-link a.school {
    color: #252b33;
    background: #f7f8fb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    text-decoration: none;
    height: 0;
    padding: 0 20px 100%;
    transition: .5s;
    font-size: 1.25rem;
    line-height: 1.375rem;
    position: relative;
    z-index: 20
}

.icon-link a.school:before {
    content: "\E93E" !important;
    font-family: bpa-font-icons;
    display: block;
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: 30px;
    margin-top: calc(100% + 40px);
    color: #036;
    transition: .5s;
    position: relative;
    z-index: 30
}

.icon-link a.school:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #036;
    transform: scale(1);
    opacity: 0;
    transition: .5s
}

.icon-link a.school:focus,
.icon-link a.school:hover {
    transition: .5s;
    color: #fff
}

.icon-link a.school:focus:before,
.icon-link a.school:hover:before {
    color: #fff;
    transition: .5s;
    transform: scale(.8)
}

.icon-link a.school:focus:after,
.icon-link a.school:hover:after {
    opacity: 1;
    transform: scale(1.085);
    transition: .5s
}

.teal a.school:before {
    color: #06729d
}

.teal a.school:after {
    background-color: #06729d
}

.green a.school:before {
    color: #5e7b3d
}

.green a.school:after {
    background-color: #5e7b3d
}

.grey a.school:before {
    color: #78797a
}

.grey a.school:after {
    background-color: #78797a
}

.red a.school:before {
    color: #993f23
}

.red a.school:after {
    background-color: #993f23
}

.icon-link a.screens {
    color: #252b33;
    background: #f7f8fb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    text-decoration: none;
    height: 0;
    padding: 0 20px 100%;
    transition: .5s;
    font-size: 1.25rem;
    line-height: 1.375rem;
    position: relative;
    z-index: 20
}

.icon-link a.screens:before {
    content: "\E93F" !important;
    font-family: bpa-font-icons;
    display: block;
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: 30px;
    margin-top: calc(100% + 40px);
    color: #036;
    transition: .5s;
    position: relative;
    z-index: 30
}

.icon-link a.screens:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #036;
    transform: scale(1);
    opacity: 0;
    transition: .5s
}

.icon-link a.screens:focus,
.icon-link a.screens:hover {
    transition: .5s;
    color: #fff
}

.icon-link a.screens:focus:before,
.icon-link a.screens:hover:before {
    color: #fff;
    transition: .5s;
    transform: scale(.8)
}

.icon-link a.screens:focus:after,
.icon-link a.screens:hover:after {
    opacity: 1;
    transform: scale(1.085);
    transition: .5s
}

.teal a.screens:before {
    color: #06729d
}

.teal a.screens:after {
    background-color: #06729d
}

.green a.screens:before {
    color: #5e7b3d
}

.green a.screens:after {
    background-color: #5e7b3d
}

.grey a.screens:before {
    color: #78797a
}

.grey a.screens:after {
    background-color: #78797a
}

.red a.screens:before {
    color: #993f23
}

.red a.screens:after {
    background-color: #993f23
}

.icon-link a.settings {
    color: #252b33;
    background: #f7f8fb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    text-decoration: none;
    height: 0;
    padding: 0 20px 100%;
    transition: .5s;
    font-size: 1.25rem;
    line-height: 1.375rem;
    position: relative;
    z-index: 20
}

.icon-link a.settings:before {
    content: "\E940" !important;
    font-family: bpa-font-icons;
    display: block;
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: 30px;
    margin-top: calc(100% + 40px);
    color: #036;
    transition: .5s;
    position: relative;
    z-index: 30
}

.icon-link a.settings:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #036;
    transform: scale(1);
    opacity: 0;
    transition: .5s
}

.icon-link a.settings:focus,
.icon-link a.settings:hover {
    transition: .5s;
    color: #fff
}

.icon-link a.settings:focus:before,
.icon-link a.settings:hover:before {
    color: #fff;
    transition: .5s;
    transform: scale(.8)
}

.icon-link a.settings:focus:after,
.icon-link a.settings:hover:after {
    opacity: 1;
    transform: scale(1.085);
    transition: .5s
}

.teal a.settings:before {
    color: #06729d
}

.teal a.settings:after {
    background-color: #06729d
}

.green a.settings:before {
    color: #5e7b3d
}

.green a.settings:after {
    background-color: #5e7b3d
}

.grey a.settings:before {
    color: #78797a
}

.grey a.settings:after {
    background-color: #78797a
}

.red a.settings:before {
    color: #993f23
}

.red a.settings:after {
    background-color: #993f23
}

.icon-link a.shoe {
    color: #252b33;
    background: #f7f8fb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    text-decoration: none;
    height: 0;
    padding: 0 20px 100%;
    transition: .5s;
    font-size: 1.25rem;
    line-height: 1.375rem;
    position: relative;
    z-index: 20
}

.icon-link a.shoe:before {
    content: "\E941" !important;
    font-family: bpa-font-icons;
    display: block;
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: 30px;
    margin-top: calc(100% + 40px);
    color: #036;
    transition: .5s;
    position: relative;
    z-index: 30
}

.icon-link a.shoe:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #036;
    transform: scale(1);
    opacity: 0;
    transition: .5s
}

.icon-link a.shoe:focus,
.icon-link a.shoe:hover {
    transition: .5s;
    color: #fff
}

.icon-link a.shoe:focus:before,
.icon-link a.shoe:hover:before {
    color: #fff;
    transition: .5s;
    transform: scale(.8)
}

.icon-link a.shoe:focus:after,
.icon-link a.shoe:hover:after {
    opacity: 1;
    transform: scale(1.085);
    transition: .5s
}

.teal a.shoe:before {
    color: #06729d
}

.teal a.shoe:after {
    background-color: #06729d
}

.green a.shoe:before {
    color: #5e7b3d
}

.green a.shoe:after {
    background-color: #5e7b3d
}

.grey a.shoe:before {
    color: #78797a
}

.grey a.shoe:after {
    background-color: #78797a
}

.red a.shoe:before {
    color: #993f23
}

.red a.shoe:after {
    background-color: #993f23
}

.icon-link a.soccer {
    color: #252b33;
    background: #f7f8fb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    text-decoration: none;
    height: 0;
    padding: 0 20px 100%;
    transition: .5s;
    font-size: 1.25rem;
    line-height: 1.375rem;
    position: relative;
    z-index: 20
}

.icon-link a.soccer:before {
    content: "\E942" !important;
    font-family: bpa-font-icons;
    display: block;
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: 30px;
    margin-top: calc(100% + 40px);
    color: #036;
    transition: .5s;
    position: relative;
    z-index: 30
}

.icon-link a.soccer:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #036;
    transform: scale(1);
    opacity: 0;
    transition: .5s
}

.icon-link a.soccer:focus,
.icon-link a.soccer:hover {
    transition: .5s;
    color: #fff
}

.icon-link a.soccer:focus:before,
.icon-link a.soccer:hover:before {
    color: #fff;
    transition: .5s;
    transform: scale(.8)
}

.icon-link a.soccer:focus:after,
.icon-link a.soccer:hover:after {
    opacity: 1;
    transform: scale(1.085);
    transition: .5s
}

.teal a.soccer:before {
    color: #06729d
}

.teal a.soccer:after {
    background-color: #06729d
}

.green a.soccer:before {
    color: #5e7b3d
}

.green a.soccer:after {
    background-color: #5e7b3d
}

.grey a.soccer:before {
    color: #78797a
}

.grey a.soccer:after {
    background-color: #78797a
}

.red a.soccer:before {
    color: #993f23
}

.red a.soccer:after {
    background-color: #993f23
}

.icon-link a.sports {
    color: #252b33;
    background: #f7f8fb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    text-decoration: none;
    height: 0;
    padding: 0 20px 100%;
    transition: .5s;
    font-size: 1.25rem;
    line-height: 1.375rem;
    position: relative;
    z-index: 20
}

.icon-link a.sports:before {
    content: "\E943" !important;
    font-family: bpa-font-icons;
    display: block;
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: 30px;
    margin-top: calc(100% + 40px);
    color: #036;
    transition: .5s;
    position: relative;
    z-index: 30
}

.icon-link a.sports:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #036;
    transform: scale(1);
    opacity: 0;
    transition: .5s
}

.icon-link a.sports:focus,
.icon-link a.sports:hover {
    transition: .5s;
    color: #fff
}

.icon-link a.sports:focus:before,
.icon-link a.sports:hover:before {
    color: #fff;
    transition: .5s;
    transform: scale(.8)
}

.icon-link a.sports:focus:after,
.icon-link a.sports:hover:after {
    opacity: 1;
    transform: scale(1.085);
    transition: .5s
}

.teal a.sports:before {
    color: #06729d
}

.teal a.sports:after {
    background-color: #06729d
}

.green a.sports:before {
    color: #5e7b3d
}

.green a.sports:after {
    background-color: #5e7b3d
}

.grey a.sports:before {
    color: #78797a
}

.grey a.sports:after {
    background-color: #78797a
}

.red a.sports:before {
    color: #993f23
}

.red a.sports:after {
    background-color: #993f23
}

.icon-link a.star-of-david {
    color: #252b33;
    background: #f7f8fb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    text-decoration: none;
    height: 0;
    padding: 0 20px 100%;
    transition: .5s;
    font-size: 1.25rem;
    line-height: 1.375rem;
    position: relative;
    z-index: 20
}

.icon-link a.star-of-david:before {
    content: "\E944" !important;
    font-family: bpa-font-icons;
    display: block;
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: 30px;
    margin-top: calc(100% + 40px);
    color: #036;
    transition: .5s;
    position: relative;
    z-index: 30
}

.icon-link a.star-of-david:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #036;
    transform: scale(1);
    opacity: 0;
    transition: .5s
}

.icon-link a.star-of-david:focus,
.icon-link a.star-of-david:hover {
    transition: .5s;
    color: #fff
}

.icon-link a.star-of-david:focus:before,
.icon-link a.star-of-david:hover:before {
    color: #fff;
    transition: .5s;
    transform: scale(.8)
}

.icon-link a.star-of-david:focus:after,
.icon-link a.star-of-david:hover:after {
    opacity: 1;
    transform: scale(1.085);
    transition: .5s
}

.teal a.star-of-david:before {
    color: #06729d
}

.teal a.star-of-david:after {
    background-color: #06729d
}

.green a.star-of-david:before {
    color: #5e7b3d
}

.green a.star-of-david:after {
    background-color: #5e7b3d
}

.grey a.star-of-david:before {
    color: #78797a
}

.grey a.star-of-david:after {
    background-color: #78797a
}

.red a.star-of-david:before {
    color: #993f23
}

.red a.star-of-david:after {
    background-color: #993f23
}

.icon-link a.star {
    color: #252b33;
    background: #f7f8fb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    text-decoration: none;
    height: 0;
    padding: 0 20px 100%;
    transition: .5s;
    font-size: 1.25rem;
    line-height: 1.375rem;
    position: relative;
    z-index: 20
}

.icon-link a.star:before {
    content: "\E945" !important;
    font-family: bpa-font-icons;
    display: block;
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: 30px;
    margin-top: calc(100% + 40px);
    color: #036;
    transition: .5s;
    position: relative;
    z-index: 30
}

.icon-link a.star:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #036;
    transform: scale(1);
    opacity: 0;
    transition: .5s
}

.icon-link a.star:focus,
.icon-link a.star:hover {
    transition: .5s;
    color: #fff
}

.icon-link a.star:focus:before,
.icon-link a.star:hover:before {
    color: #fff;
    transition: .5s;
    transform: scale(.8)
}

.icon-link a.star:focus:after,
.icon-link a.star:hover:after {
    opacity: 1;
    transform: scale(1.085);
    transition: .5s
}

.teal a.star:before {
    color: #06729d
}

.teal a.star:after {
    background-color: #06729d
}

.green a.star:before {
    color: #5e7b3d
}

.green a.star:after {
    background-color: #5e7b3d
}

.grey a.star:before {
    color: #78797a
}

.grey a.star:after {
    background-color: #78797a
}

.red a.star:before {
    color: #993f23
}

.red a.star:after {
    background-color: #993f23
}

.icon-link a.store {
    color: #252b33;
    background: #f7f8fb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    text-decoration: none;
    height: 0;
    padding: 0 20px 100%;
    transition: .5s;
    font-size: 1.25rem;
    line-height: 1.375rem;
    position: relative;
    z-index: 20
}

.icon-link a.store:before {
    content: "\E946" !important;
    font-family: bpa-font-icons;
    display: block;
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: 30px;
    margin-top: calc(100% + 40px);
    color: #036;
    transition: .5s;
    position: relative;
    z-index: 30
}

.icon-link a.store:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #036;
    transform: scale(1);
    opacity: 0;
    transition: .5s
}

.icon-link a.store:focus,
.icon-link a.store:hover {
    transition: .5s;
    color: #fff
}

.icon-link a.store:focus:before,
.icon-link a.store:hover:before {
    color: #fff;
    transition: .5s;
    transform: scale(.8)
}

.icon-link a.store:focus:after,
.icon-link a.store:hover:after {
    opacity: 1;
    transform: scale(1.085);
    transition: .5s
}

.teal a.store:before {
    color: #06729d
}

.teal a.store:after {
    background-color: #06729d
}

.green a.store:before {
    color: #5e7b3d
}

.green a.store:after {
    background-color: #5e7b3d
}

.grey a.store:before {
    color: #78797a
}

.grey a.store:after {
    background-color: #78797a
}

.red a.store:before {
    color: #993f23
}

.red a.store:after {
    background-color: #993f23
}

.icon-link a.strategy {
    color: #252b33;
    background: #f7f8fb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    text-decoration: none;
    height: 0;
    padding: 0 20px 100%;
    transition: .5s;
    font-size: 1.25rem;
    line-height: 1.375rem;
    position: relative;
    z-index: 20
}

.icon-link a.strategy:before {
    content: "\E956" !important;
    font-family: bpa-font-icons;
    display: block;
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: 30px;
    margin-top: calc(100% + 40px);
    color: #036;
    transition: .5s;
    position: relative;
    z-index: 30
}

.icon-link a.strategy:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #036;
    transform: scale(1);
    opacity: 0;
    transition: .5s
}

.icon-link a.strategy:focus,
.icon-link a.strategy:hover {
    transition: .5s;
    color: #fff
}

.icon-link a.strategy:focus:before,
.icon-link a.strategy:hover:before {
    color: #fff;
    transition: .5s;
    transform: scale(.8)
}

.icon-link a.strategy:focus:after,
.icon-link a.strategy:hover:after {
    opacity: 1;
    transform: scale(1.085);
    transition: .5s
}

.teal a.strategy:before {
    color: #06729d
}

.teal a.strategy:after {
    background-color: #06729d
}

.green a.strategy:before {
    color: #5e7b3d
}

.green a.strategy:after {
    background-color: #5e7b3d
}

.grey a.strategy:before {
    color: #78797a
}

.grey a.strategy:after {
    background-color: #78797a
}

.red a.strategy:before {
    color: #993f23
}

.red a.strategy:after {
    background-color: #993f23
}

.icon-link a.sun {
    color: #252b33;
    background: #f7f8fb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    text-decoration: none;
    height: 0;
    padding: 0 20px 100%;
    transition: .5s;
    font-size: 1.25rem;
    line-height: 1.375rem;
    position: relative;
    z-index: 20
}

.icon-link a.sun:before {
    content: "\E947" !important;
    font-family: bpa-font-icons;
    display: block;
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: 30px;
    margin-top: calc(100% + 40px);
    color: #036;
    transition: .5s;
    position: relative;
    z-index: 30
}

.icon-link a.sun:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #036;
    transform: scale(1);
    opacity: 0;
    transition: .5s
}

.icon-link a.sun:focus,
.icon-link a.sun:hover {
    transition: .5s;
    color: #fff
}

.icon-link a.sun:focus:before,
.icon-link a.sun:hover:before {
    color: #fff;
    transition: .5s;
    transform: scale(.8)
}

.icon-link a.sun:focus:after,
.icon-link a.sun:hover:after {
    opacity: 1;
    transform: scale(1.085);
    transition: .5s
}

.teal a.sun:before {
    color: #06729d
}

.teal a.sun:after {
    background-color: #06729d
}

.green a.sun:before {
    color: #5e7b3d
}

.green a.sun:after {
    background-color: #5e7b3d
}

.grey a.sun:before {
    color: #78797a
}

.grey a.sun:after {
    background-color: #78797a
}

.red a.sun:before {
    color: #993f23
}

.red a.sun:after {
    background-color: #993f23
}

.icon-link a.teacher {
    color: #252b33;
    background: #f7f8fb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    text-decoration: none;
    height: 0;
    padding: 0 20px 100%;
    transition: .5s;
    font-size: 1.25rem;
    line-height: 1.375rem;
    position: relative;
    z-index: 20
}

.icon-link a.teacher:before {
    content: "\E948" !important;
    font-family: bpa-font-icons;
    display: block;
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: 30px;
    margin-top: calc(100% + 40px);
    color: #036;
    transition: .5s;
    position: relative;
    z-index: 30
}

.icon-link a.teacher:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #036;
    transform: scale(1);
    opacity: 0;
    transition: .5s
}

.icon-link a.teacher:focus,
.icon-link a.teacher:hover {
    transition: .5s;
    color: #fff
}

.icon-link a.teacher:focus:before,
.icon-link a.teacher:hover:before {
    color: #fff;
    transition: .5s;
    transform: scale(.8)
}

.icon-link a.teacher:focus:after,
.icon-link a.teacher:hover:after {
    opacity: 1;
    transform: scale(1.085);
    transition: .5s
}

.teal a.teacher:before {
    color: #06729d
}

.teal a.teacher:after {
    background-color: #06729d
}

.green a.teacher:before {
    color: #5e7b3d
}

.green a.teacher:after {
    background-color: #5e7b3d
}

.grey a.teacher:before {
    color: #78797a
}

.grey a.teacher:after {
    background-color: #78797a
}

.red a.teacher:before {
    color: #993f23
}

.red a.teacher:after {
    background-color: #993f23
}

.icon-link a.theatre {
    color: #252b33;
    background: #f7f8fb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    text-decoration: none;
    height: 0;
    padding: 0 20px 100%;
    transition: .5s;
    font-size: 1.25rem;
    line-height: 1.375rem;
    position: relative;
    z-index: 20
}

.icon-link a.theatre:before {
    content: "\E949" !important;
    font-family: bpa-font-icons;
    display: block;
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: 30px;
    margin-top: calc(100% + 40px);
    color: #036;
    transition: .5s;
    position: relative;
    z-index: 30
}

.icon-link a.theatre:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #036;
    transform: scale(1);
    opacity: 0;
    transition: .5s
}

.icon-link a.theatre:focus,
.icon-link a.theatre:hover {
    transition: .5s;
    color: #fff
}

.icon-link a.theatre:focus:before,
.icon-link a.theatre:hover:before {
    color: #fff;
    transition: .5s;
    transform: scale(.8)
}

.icon-link a.theatre:focus:after,
.icon-link a.theatre:hover:after {
    opacity: 1;
    transform: scale(1.085);
    transition: .5s
}

.teal a.theatre:before {
    color: #06729d
}

.teal a.theatre:after {
    background-color: #06729d
}

.green a.theatre:before {
    color: #5e7b3d
}

.green a.theatre:after {
    background-color: #5e7b3d
}

.grey a.theatre:before {
    color: #78797a
}

.grey a.theatre:after {
    background-color: #78797a
}

.red a.theatre:before {
    color: #993f23
}

.red a.theatre:after {
    background-color: #993f23
}

.icon-link a.time {
    color: #252b33;
    background: #f7f8fb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    text-decoration: none;
    height: 0;
    padding: 0 20px 100%;
    transition: .5s;
    font-size: 1.25rem;
    line-height: 1.375rem;
    position: relative;
    z-index: 20
}

.icon-link a.time:before {
    content: "\E94A" !important;
    font-family: bpa-font-icons;
    display: block;
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: 30px;
    margin-top: calc(100% + 40px);
    color: #036;
    transition: .5s;
    position: relative;
    z-index: 30
}

.icon-link a.time:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #036;
    transform: scale(1);
    opacity: 0;
    transition: .5s
}

.icon-link a.time:focus,
.icon-link a.time:hover {
    transition: .5s;
    color: #fff
}

.icon-link a.time:focus:before,
.icon-link a.time:hover:before {
    color: #fff;
    transition: .5s;
    transform: scale(.8)
}

.icon-link a.time:focus:after,
.icon-link a.time:hover:after {
    opacity: 1;
    transform: scale(1.085);
    transition: .5s
}

.teal a.time:before {
    color: #06729d
}

.teal a.time:after {
    background-color: #06729d
}

.green a.time:before {
    color: #5e7b3d
}

.green a.time:after {
    background-color: #5e7b3d
}

.grey a.time:before {
    color: #78797a
}

.grey a.time:after {
    background-color: #78797a
}

.red a.time:before {
    color: #993f23
}

.red a.time:after {
    background-color: #993f23
}

.icon-link a.tree {
    color: #252b33;
    background: #f7f8fb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    text-decoration: none;
    height: 0;
    padding: 0 20px 100%;
    transition: .5s;
    font-size: 1.25rem;
    line-height: 1.375rem;
    position: relative;
    z-index: 20
}

.icon-link a.tree:before {
    content: "\E94B" !important;
    font-family: bpa-font-icons;
    display: block;
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: 30px;
    margin-top: calc(100% + 40px);
    color: #036;
    transition: .5s;
    position: relative;
    z-index: 30
}

.icon-link a.tree:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #036;
    transform: scale(1);
    opacity: 0;
    transition: .5s
}

.icon-link a.tree:focus,
.icon-link a.tree:hover {
    transition: .5s;
    color: #fff
}

.icon-link a.tree:focus:before,
.icon-link a.tree:hover:before {
    color: #fff;
    transition: .5s;
    transform: scale(.8)
}

.icon-link a.tree:focus:after,
.icon-link a.tree:hover:after {
    opacity: 1;
    transform: scale(1.085);
    transition: .5s
}

.teal a.tree:before {
    color: #06729d
}

.teal a.tree:after {
    background-color: #06729d
}

.green a.tree:before {
    color: #5e7b3d
}

.green a.tree:after {
    background-color: #5e7b3d
}

.grey a.tree:before {
    color: #78797a
}

.grey a.tree:after {
    background-color: #78797a
}

.red a.tree:before {
    color: #993f23
}

.red a.tree:after {
    background-color: #993f23
}

.icon-link a.trophy {
    color: #252b33;
    background: #f7f8fb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    text-decoration: none;
    height: 0;
    padding: 0 20px 100%;
    transition: .5s;
    font-size: 1.25rem;
    line-height: 1.375rem;
    position: relative;
    z-index: 20
}

.icon-link a.trophy:before {
    content: "\E94C" !important;
    font-family: bpa-font-icons;
    display: block;
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: 30px;
    margin-top: calc(100% + 40px);
    color: #036;
    transition: .5s;
    position: relative;
    z-index: 30
}

.icon-link a.trophy:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #036;
    transform: scale(1);
    opacity: 0;
    transition: .5s
}

.icon-link a.trophy:focus,
.icon-link a.trophy:hover {
    transition: .5s;
    color: #fff
}

.icon-link a.trophy:focus:before,
.icon-link a.trophy:hover:before {
    color: #fff;
    transition: .5s;
    transform: scale(.8)
}

.icon-link a.trophy:focus:after,
.icon-link a.trophy:hover:after {
    opacity: 1;
    transform: scale(1.085);
    transition: .5s
}

.teal a.trophy:before {
    color: #06729d
}

.teal a.trophy:after {
    background-color: #06729d
}

.green a.trophy:before {
    color: #5e7b3d
}

.green a.trophy:after {
    background-color: #5e7b3d
}

.grey a.trophy:before {
    color: #78797a
}

.grey a.trophy:after {
    background-color: #78797a
}

.red a.trophy:before {
    color: #993f23
}

.red a.trophy:after {
    background-color: #993f23
}

.icon-link a.virtual {
    color: #252b33;
    background: #f7f8fb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    text-decoration: none;
    height: 0;
    padding: 0 20px 100%;
    transition: .5s;
    font-size: 1.25rem;
    line-height: 1.375rem;
    position: relative;
    z-index: 20
}

.icon-link a.virtual:before {
    content: "\E952" !important;
    font-family: bpa-font-icons;
    display: block;
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: 30px;
    margin-top: calc(100% + 40px);
    color: #036;
    transition: .5s;
    position: relative;
    z-index: 30
}

.icon-link a.virtual:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #036;
    transform: scale(1);
    opacity: 0;
    transition: .5s
}

.icon-link a.virtual:focus,
.icon-link a.virtual:hover {
    transition: .5s;
    color: #fff
}

.icon-link a.virtual:focus:before,
.icon-link a.virtual:hover:before {
    color: #fff;
    transition: .5s;
    transform: scale(.8)
}

.icon-link a.virtual:focus:after,
.icon-link a.virtual:hover:after {
    opacity: 1;
    transform: scale(1.085);
    transition: .5s
}

.teal a.virtual:before {
    color: #06729d
}

.teal a.virtual:after {
    background-color: #06729d
}

.green a.virtual:before {
    color: #5e7b3d
}

.green a.virtual:after {
    background-color: #5e7b3d
}

.grey a.virtual:before {
    color: #78797a
}

.grey a.virtual:after {
    background-color: #78797a
}

.red a.virtual:before {
    color: #993f23
}

.red a.virtual:after {
    background-color: #993f23
}

.icon-link a.warning {
    color: #252b33;
    background: #f7f8fb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    text-decoration: none;
    height: 0;
    padding: 0 20px 100%;
    transition: .5s;
    font-size: 1.25rem;
    line-height: 1.375rem;
    position: relative;
    z-index: 20
}

.icon-link a.warning:before {
    content: "\E94D" !important;
    font-family: bpa-font-icons;
    display: block;
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: 30px;
    margin-top: calc(100% + 40px);
    color: #036;
    transition: .5s;
    position: relative;
    z-index: 30
}

.icon-link a.warning:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #036;
    transform: scale(1);
    opacity: 0;
    transition: .5s
}

.icon-link a.warning:focus,
.icon-link a.warning:hover {
    transition: .5s;
    color: #fff
}

.icon-link a.warning:focus:before,
.icon-link a.warning:hover:before {
    color: #fff;
    transition: .5s;
    transform: scale(.8)
}

.icon-link a.warning:focus:after,
.icon-link a.warning:hover:after {
    opacity: 1;
    transform: scale(1.085);
    transition: .5s
}

.teal a.warning:before {
    color: #06729d
}

.teal a.warning:after {
    background-color: #06729d
}

.green a.warning:before {
    color: #5e7b3d
}

.green a.warning:after {
    background-color: #5e7b3d
}

.grey a.warning:before {
    color: #78797a
}

.grey a.warning:after {
    background-color: #78797a
}

.red a.warning:before {
    color: #993f23
}

.red a.warning:after {
    background-color: #993f23
}

.fsTabs.icon-grid .fsTabsNav li a {
    color: #636363;
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 1.5rem;
    text-transform: uppercase;
    padding: 12px 20px;
    box-shadow: 0 1px 0 0 #036;
    position: relative;
    z-index: 10
}

.fsTabs.icon-grid .fsTabsNav li a:before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #036;
    position: absolute;
    left: 0;
    top: 0;
    transform-origin: bottom;
    transform: scaleY(0);
    transition: .3s;
    z-index: -1
}

.fsTabs.icon-grid .fsTabsNav li a:focus,
.fsTabs.icon-grid .fsTabsNav li a:hover {
    background: rgba(0, 0, 0, 0);
    color: #fff
}

.fsTabs.icon-grid .fsTabsNav li a:focus:before,
.fsTabs.icon-grid .fsTabsNav li a:hover:before {
    transition: .3s;
    transform: scale(1)
}

.fsTabs.icon-grid .fsTabsNav li:nth-of-type(5n+2) a {
    box-shadow: 0 1px 0 0 #06729d
}

.fsTabs.icon-grid .fsTabsNav li:nth-of-type(5n+2) a:before {
    background-color: #06729d
}

.fsTabs.icon-grid .fsTabsNav li:nth-of-type(5n+3) a {
    box-shadow: 0 1px 0 0 #5e7b3d
}

.fsTabs.icon-grid .fsTabsNav li:nth-of-type(5n+3) a:before {
    background-color: #5e7b3d
}

.fsTabs.icon-grid .fsTabsNav li:nth-of-type(5n+4) a {
    box-shadow: 0 1px 0 0 #78797a
}

.fsTabs.icon-grid .fsTabsNav li:nth-of-type(5n+4) a:before {
    background-color: #78797a
}

.fsTabs.icon-grid .fsTabsNav li:nth-of-type(5n+5) a {
    box-shadow: 0 1px 0 0 #993f23
}

.fsTabs.icon-grid .fsTabsNav li:nth-of-type(5n+5) a:before {
    background-color: #993f23
}

.fsTabs.icon-grid .fsTabsNav li.fsStateSelected a {
    color: #fff
}

.fsTabs.icon-grid .fsTabsNav li.fsStateSelected a:before {
    transform: scale(1)
}

.fsTabs.icon-grid>.fsElementContent>.fsPanel>header .fsElementTitle {
    background-color: #036;
    color: #fff;
    text-transform: uppercase
}

.fsTabs.icon-grid>.fsElementContent>.fsPanel:nth-of-type(5n+2)>header .fsElementTitle {
    background-color: #06729d
}

.fsTabs.icon-grid>.fsElementContent>.fsPanel:nth-of-type(5n+3)>header .fsElementTitle {
    background-color: #5e7b3d
}

.fsTabs.icon-grid>.fsElementContent>.fsPanel:nth-of-type(5n+4)>header .fsElementTitle {
    background-color: #78797a
}

.fsTabs.icon-grid>.fsElementContent>.fsPanel:nth-of-type(5n+5)>header .fsElementTitle {
    background-color: #993f23
}

.icon-grid-container>.fsElementContent {
    display: grid;
    grid-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr))
}

.icon-grid-container .icon-link {
    margin-bottom: 0
}

.icon-grid-container .icon-link:first-child:last-child {
    max-width: 210px
}

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

[class*=infographic-].apple:before {
    content: "\E901" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].apple:after {
    content: "Custom Class: apple";
    display: block
}

[class*=infographic-].backpack:before {
    content: "\E902" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].backpack:after {
    content: "Custom Class: backpack";
    display: block
}

[class*=infographic-].bar-graph:before {
    content: "\E903" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].bar-graph:after {
    content: "Custom Class: bar-graph";
    display: block
}

[class*=infographic-].baseball:before {
    content: "\E904" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].baseball:after {
    content: "Custom Class: baseball";
    display: block
}

[class*=infographic-].book:before {
    content: "\E905" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].book:after {
    content: "Custom Class: book";
    display: block
}

[class*=infographic-].briefcase:before {
    content: "\E906" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].briefcase:after {
    content: "Custom Class: briefcase";
    display: block
}

[class*=infographic-].bullhorn:before {
    content: "\E907" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].bullhorn:after {
    content: "Custom Class: bullhorn";
    display: block
}

[class*=infographic-].bus:before {
    content: "\E908" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].bus:after {
    content: "Custom Class: bus";
    display: block
}

[class*=infographic-].calendar:before {
    content: "\E909" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].calendar:after {
    content: "Custom Class: calendar";
    display: block
}

[class*=infographic-].camera:before {
    content: "\E90A" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].camera:after {
    content: "Custom Class: camera";
    display: block
}

[class*=infographic-].car:before {
    content: "\E95A" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].car:after {
    content: "Custom Class: car";
    display: block
}

[class*=infographic-].certificate:before {
    content: "\E90B" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].certificate:after {
    content: "Custom Class: certificate";
    display: block
}

[class*=infographic-].check:before {
    content: "\E90C" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].check:after {
    content: "Custom Class: check";
    display: block
}

[class*=infographic-].chess:before {
    content: "\E90D" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].chess:after {
    content: "Custom Class: chess";
    display: block
}

[class*=infographic-].city:before {
    content: "\E90E" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].city:after {
    content: "Custom Class: city";
    display: block
}

[class*=infographic-].college:before {
    content: "\E90F" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].college:after {
    content: "Custom Class: college";
    display: block
}

[class*=infographic-].covid:before {
    content: "\E951" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].covid:after {
    content: "Custom Class: covid";
    display: block
}

[class*=infographic-].cross:before {
    content: "\E910" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].cross:after {
    content: "Custom Class: cross";
    display: block
}

[class*=infographic-].directory:before {
    content: "\E911" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].directory:after {
    content: "Custom Class: directory";
    display: block
}

[class*=infographic-].diversity:before {
    content: "\E912" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].diversity:after {
    content: "Custom Class: diversity";
    display: block
}

[class*=infographic-].dollar:before {
    content: "\E94F" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].dollar:after {
    content: "Custom Class: dollar";
    display: block
}

[class*=infographic-].door:before {
    content: "\E913" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].door:after {
    content: "Custom Class: door";
    display: block
}

[class*=infographic-].droplet:before {
    content: "\E914" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].droplet:after {
    content: "Custom Class: droplet";
    display: block
}

[class*=infographic-].enroll:before {
    content: "\E915" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].enroll:after {
    content: "Custom Class: enroll";
    display: block
}

[class*=infographic-].family:before {
    content: "\E954" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].family:after {
    content: "Custom Class: family";
    display: block
}

[class*=infographic-].faq:before {
    content: "\E916" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].faq:after {
    content: "Custom Class: faq";
    display: block
}

[class*=infographic-].files:before {
    content: "\E917" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].files:after {
    content: "Custom Class: files";
    display: block
}

[class*=infographic-].football:before {
    content: "\E918" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].football:after {
    content: "Custom Class: football";
    display: block
}

[class*=infographic-].gift:before {
    content: "\E919" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].gift:after {
    content: "Custom Class: gift";
    display: block
}

[class*=infographic-].giving:before {
    content: "\E91A" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].giving:after {
    content: "Custom Class: giving";
    display: block
}

[class*=infographic-].globe:before {
    content: "\E91B" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].globe:after {
    content: "Custom Class: globe";
    display: block
}

[class*=infographic-].grad:before {
    content: "\E91C" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].grad:after {
    content: "Custom Class: grad";
    display: block
}

[class*=infographic-].group-boys:before {
    content: "\E91D" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].group-boys:after {
    content: "Custom Class: group-boys";
    display: block
}

[class*=infographic-].group-coed:before {
    content: "\E91E" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].group-coed:after {
    content: "Custom Class: group-coed";
    display: block
}

[class*=infographic-].group-girls:before {
    content: "\E926" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].group-girls:after {
    content: "Custom Class: group-girls";
    display: block
}

[class*=infographic-].group:before {
    content: "\E927" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].group:after {
    content: "Custom Class: group";
    display: block
}

[class*=infographic-].health:before {
    content: "\E957" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].health:after {
    content: "Custom Class: health";
    display: block
}

[class*=infographic-].heart:before {
    content: "\E928" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].heart:after {
    content: "Custom Class: heart";
    display: block
}

[class*=infographic-].info:before {
    content: "\E929" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].info:after {
    content: "Custom Class: info";
    display: block
}

[class*=infographic-].jersey:before {
    content: "\E92A" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].jersey:after {
    content: "Custom Class: jersey";
    display: block
}

[class*=infographic-].leaf:before {
    content: "\E92B" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].leaf:after {
    content: "Custom Class: leaf";
    display: block
}

[class*=infographic-].lecturer:before {
    content: "\E958" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].lecturer:after {
    content: "Custom Class: lecturer";
    display: block
}

[class*=infographic-].lightbulb:before {
    content: "\E92C" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].lightbulb:after {
    content: "Custom Class: lightbulb";
    display: block
}

[class*=infographic-].link:before {
    content: "\E92D" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].link:after {
    content: "Custom Class: link";
    display: block
}

[class*=infographic-].list:before {
    content: "\E92E" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].list:after {
    content: "Custom Class: list";
    display: block
}

[class*=infographic-].location:before {
    content: "\E92F" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].location:after {
    content: "Custom Class: location";
    display: block
}

[class*=infographic-].lock:before {
    content: "\E930" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].lock:after {
    content: "Custom Class: lock";
    display: block
}

[class*=infographic-].map:before {
    content: "\E931" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].map:after {
    content: "Custom Class: map";
    display: block
}

[class*=infographic-].medal:before {
    content: "\E932" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].medal:after {
    content: "Custom Class: medal";
    display: block
}

[class*=infographic-].microscope:before {
    content: "\E933" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].microscope:after {
    content: "Custom Class: microscope";
    display: block
}

[class*=infographic-].mobile:before {
    content: "\E950" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].mobile:after {
    content: "Custom Class: mobile";
    display: block
}

[class*=infographic-].music:before {
    content: "\E934" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].music:after {
    content: "Custom Class: music";
    display: block
}

[class*=infographic-].networking:before {
    content: "\E959" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].networking:after {
    content: "Custom Class: networking";
    display: block
}

[class*=infographic-].paint:before {
    content: "\E935" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].paint:after {
    content: "Custom Class: paint";
    display: block
}

[class*=infographic-].parent:before {
    content: "\E953" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].parent:after {
    content: "Custom Class: parent";
    display: block
}

[class*=infographic-].paw:before {
    content: "\E955" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].paw:after {
    content: "Custom Class: paw";
    display: block
}

[class*=infographic-].pencil:before {
    content: "\E936" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].pencil:after {
    content: "Custom Class: pencil";
    display: block
}

[class*=infographic-].person:before {
    content: "\E937" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].person:after {
    content: "Custom Class: person";
    display: block
}

[class*=infographic-].phone:before {
    content: "\E938" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].phone:after {
    content: "Custom Class: phone";
    display: block
}

[class*=infographic-].piggy-bank:before {
    content: "\E939" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].piggy-bank:after {
    content: "Custom Class: piggy-bank";
    display: block
}

[class*=infographic-].portion:before {
    content: "\E93A" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].portion:after {
    content: "Custom Class: portion";
    display: block
}

[class*=infographic-].question:before {
    content: "\E93B" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].question:after {
    content: "Custom Class: question";
    display: block
}

[class*=infographic-].ratio:before {
    content: "\E93C" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].ratio:after {
    content: "Custom Class: ratio";
    display: block
}

[class*=infographic-].robot:before {
    content: "\E93D" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].robot:after {
    content: "Custom Class: robot";
    display: block
}

[class*=infographic-].school:before {
    content: "\E93E" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].school:after {
    content: "Custom Class: school";
    display: block
}

[class*=infographic-].screens:before {
    content: "\E93F" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].screens:after {
    content: "Custom Class: screens";
    display: block
}

[class*=infographic-].settings:before {
    content: "\E940" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].settings:after {
    content: "Custom Class: settings";
    display: block
}

[class*=infographic-].shoe:before {
    content: "\E941" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].shoe:after {
    content: "Custom Class: shoe";
    display: block
}

[class*=infographic-].soccer:before {
    content: "\E942" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].soccer:after {
    content: "Custom Class: soccer";
    display: block
}

[class*=infographic-].sports:before {
    content: "\E943" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].sports:after {
    content: "Custom Class: sports";
    display: block
}

[class*=infographic-].star-of-david:before {
    content: "\E944" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].star-of-david:after {
    content: "Custom Class: star-of-david";
    display: block
}

[class*=infographic-].star:before {
    content: "\E945" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].star:after {
    content: "Custom Class: star";
    display: block
}

[class*=infographic-].store:before {
    content: "\E946" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].store:after {
    content: "Custom Class: store";
    display: block
}

[class*=infographic-].strategy:before {
    content: "\E956" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].strategy:after {
    content: "Custom Class: strategy";
    display: block
}

[class*=infographic-].sun:before {
    content: "\E947" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].sun:after {
    content: "Custom Class: sun";
    display: block
}

[class*=infographic-].teacher:before {
    content: "\E948" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].teacher:after {
    content: "Custom Class: teacher";
    display: block
}

[class*=infographic-].theatre:before {
    content: "\E949" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].theatre:after {
    content: "Custom Class: theatre";
    display: block
}

[class*=infographic-].time:before {
    content: "\E94A" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].time:after {
    content: "Custom Class: time";
    display: block
}

[class*=infographic-].tree:before {
    content: "\E94B" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].tree:after {
    content: "Custom Class: tree";
    display: block
}

[class*=infographic-].trophy:before {
    content: "\E94C" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].trophy:after {
    content: "Custom Class: trophy";
    display: block
}

[class*=infographic-].virtual:before {
    content: "\E952" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].virtual:after {
    content: "Custom Class: virtual";
    display: block
}

[class*=infographic-].warning:before {
    content: "\E94D" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].warning:after {
    content: "Custom Class: warning";
    display: block
}

.bpa-icon-library .fsPageTitle {
    margin-bottom: 40px;
    text-align: center
}

.bpa-icon-library .bpa-infographic-1 {
    display: flex;
    flex-direction: column;
    text-align: center;
    margin-bottom: 30px
}

.bpa-icon-library .bpa-infographic-1[class*=infographic-]:before {
    content: "";
    font-family: bpa-font-icons;
    font-weight: 400;
    speak: none;
    visibility: visible !important;
    opacity: 1 !important
}

.bpa-icon-library .bpa-infographic-1:before {
    color: inherit;
    font-size: 50px;
    line-height: 1;
    font-weight: 500;
    margin-bottom: 20px
}

.bpa-icon-library .bpa-infographic-1>header .fsElementTitle {
    color: #036;
    font-size: 30px;
    line-height: 1.2;
    font-weight: 800;
    margin-bottom: 0
}

.bpa-icon-library .bpa-infographic-1>header .fsElementTitle:last-child {
    margin-bottom: 0
}

.bpa-icon-library .bpa-infographic-1>header .fsElementHeaderContent {
    color: #373737;
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    margin-bottom: 0
}

.bpa-icon-library .bpa-infographic-1>footer .fsElementFooterContent {
    font-size: 16px;
    line-height: 26px;
    margin-top: 20px
}

.bpa-icon-library .bpa-infographic-1>footer .fsElementFooterContent a {
    font-size: inherit;
    line-height: inherit;
    font-weight: 400;
    color: #06729d
}

.bpa-icon-library .bpa-infographic-1>footer .fsElementFooterContent a:focus,
.bpa-icon-library .bpa-infographic-1>footer .fsElementFooterContent a:hover {
    color: #06729d
}

.bpa-icon-library:not(.fsComposeMode) .bpa-infographic-1>footer,
.bpa-icon-library:not(.fsComposeMode) .bpa-infographic-1>header .fsElementHeaderContent {
    display: none
}

.bpa-athletics-board-1 {
    margin-top: 40px;
    margin-bottom: 40px
}

.bpa-athletics-board-1:first-child {
    margin-top: 0
}

.bpa-athletics-board-1>.fsElementContent {
    border-top: 1px solid #adafb4;
    border-bottom: 1px solid #adafb4;
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end
}

.bpa-athletics-board-1.small>.fsElementContent {
    padding: 20px 0
}

.bpa-athletics-toggle-1 {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
    width: 100%;
    order: 1
}

@media (min-width:900px) {
    .bpa-athletics-toggle-1 {
        width: 170px;
        flex-direction: column;
        justify-content: space-between;
        padding-right: 30px;
        margin-bottom: 0
    }
}

body:not(.fsComposeMode) .bpa-athletics-toggle-1>footer,
body:not(.fsComposeMode) .bpa-athletics-toggle-1>header {
    display: none
}

.bpa-athletics-toggle-1>.fsElementContent {
    display: flex;
    flex-grow: 1;
    justify-content: space-around
}

@media (min-width:900px) {
    .bpa-athletics-toggle-1>.fsElementContent {
        flex-direction: column
    }
}

.bpa-athletics-toggle-1>.fsElementContent button {
    color: #fff;
    border: 1px solid #036;
    background: #036;
    border-radius: 0;
    text-align: center;
    text-decoration: none;
    transition: .3s;
    font-weight: 600;
    font-family: myriad-pro-semi-condensed, sans-serif;
    font-size: .875rem;
    line-height: 1rem;
    box-shadow: none;
    text-transform: uppercase;
    display: inline-block;
    border-radius: 5px;
    margin: 0 0 10px;
    padding: 19px 20px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    flex-grow: 1
}

.bpa-athletics-toggle-1>.fsElementContent button:after {
    content: "\E906";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    font-size: 8px;
    color: #993f23;
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
    transition: .3s
}

.bpa-athletics-toggle-1>.fsElementContent button.on,
.bpa-athletics-toggle-1>.fsElementContent button:focus,
.bpa-athletics-toggle-1>.fsElementContent button:hover,
.fsStateSelected .bpa-athletics-toggle-1>.fsElementContent button {
    color: #fff;
    border-color: #06729d;
    background: #06729d;
    transition: .4s
}

.bpa-athletics-toggle-1>.fsElementContent button.on:after,
.bpa-athletics-toggle-1>.fsElementContent button:focus:after,
.bpa-athletics-toggle-1>.fsElementContent button:hover:after,
.fsStateSelected .bpa-athletics-toggle-1>.fsElementContent button:after {
    color: #fff;
    transition: .3s;
    transform: translateX(5px)
}

.bpa-athletics-toggle-1>.fsElementContent button.fs_style_58 {
    word-break: break-word;
    margin-right: 0;
    margin-bottom: 40px;
    padding: 29px 24px;
    font-size: 1.25rem;
    line-height: 1.5rem
}

@media (min-width:600px) {
    .bpa-athletics-toggle-1>.fsElementContent button.fs_style_58 {
        padding: 29px 60px
    }
}

.bpa-athletics-toggle-1>.fsElementContent button.fs_style_58:after {
    display: none
}

.bpa-athletics-toggle-1>.fsElementContent button.fs_style_58 em {
    display: block;
    width: 100%;
    font-weight: 400;
    font-style: normal;
    font-family: myriad-pro-semi-condensed, sans-serif;
    font-size: 1rem;
    line-height: 1.625rem;
    margin-top: 4px;
    text-transform: none
}

.fsBannerLeft .bpa-athletics-toggle-1>.fsElementContent button.fs_style_58,
.fsBannerRight .bpa-athletics-toggle-1>.fsElementContent button.fs_style_58,
.fsFourColumnLayout>.fsDiv .bpa-athletics-toggle-1>.fsElementContent button.fs_style_58,
.fsStyleOneThird .bpa-athletics-toggle-1>.fsElementContent button.fs_style_58,
.fsThreeColumnLayout>.fsDiv .bpa-athletics-toggle-1>.fsElementContent button.fs_style_58 {
    display: block;
    width: 100%
}

body:not(.fsComposeMode) .bpa-athletics-toggle-1>.fsElementContent button.fs_style_58:last-child {
    margin-bottom: 0
}

.bpa-athletics-toggle-1>.fsElementContent button.fs_style_59 {
    display: block;
    margin: 0 0 10px;
    width: 100%
}

body:not(.fsComposeMode) .bpa-athletics-toggle-1>.fsElementContent button.fs_style_59:last-child {
    margin-bottom: 0
}

.bpa-athletics-toggle-1>.fsElementContent button.fsSelectAll,
.fsAccount .bpa-athletics-toggle-1>.fsElementContent button[type=submit] {
    border: 1px solid #036
}

.bpa-athletics-toggle-1>.fsElementContent button.fsSelectAll:focus,
.bpa-athletics-toggle-1>.fsElementContent button.fsSelectAll:hover,
.fsAccount .bpa-athletics-toggle-1>.fsElementContent button[type=submit]:focus,
.fsAccount .bpa-athletics-toggle-1>.fsElementContent button[type=submit]:hover {
    border-color: #06729d
}

.bpa-athletics-toggle-1>.fsElementContent button.fsStyleFloatRight {
    margin-right: 0
}

.bpa-athletics-toggle-1>.fsElementContent button:not(:first-child) {
    margin-top: 0
}

footer .bpa-athletics-toggle-1>.fsElementContent button,
p:last-child .bpa-athletics-toggle-1>.fsElementContent button:last-child {
    margin: 0
}

.fsNavigation .bpa-athletics-toggle-1>.fsElementContent button {
    padding: 15px 20px;
    color: #fff;
    background-color: #036
}

.fsNavigation .bpa-athletics-toggle-1>.fsElementContent button:focus,
.fsNavigation .bpa-athletics-toggle-1>.fsElementContent button:hover {
    color: #fff;
    background-color: #06729d
}

.bpa-athletics-toggle-1>.fsElementContent button:after {
    display: none
}

.bpa-athletics-toggle-1>.fsElementContent button:last-child {
    margin: 0
}

.bpa-athletics-toggle-1>.fsElementContent button.on {
    cursor: default
}

@media (max-width:899px) {
    .bpa-athletics-toggle-1>.fsElementContent button {
        margin: 0;
        width: calc(50% - 5px);
        flex-grow: 0
    }
}

.bpa-athletic-events-1 {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0;
    height: 0;
    overflow: hidden;
    order: 5;
    width: 100%
}

@media (min-width:900px) {
    .bpa-athletic-events-1 {
        width: calc(100% - 170px)
    }
}

.bpa-athletic-events-1>.fsElementContent {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

@media (min-width:900px) {
    .bpa-athletic-events-1>.fsElementContent {
        width: calc(100% - 170px)
    }
}

.bpa-athletic-events-1 .fsListItems {
    display: flex !important;
    white-space: nowrap;
    overflow: hidden;
    padding-left: 15px;
    position: relative;
    padding-right: 40px
}

.bpa-athletic-events-1 .fsListItems:before {
    content: "";
    position: absolute;
    top: 0;
    right: 15px;
    height: 100%;
    width: 16%;
    background: linear-gradient(-90deg, #fff, hsla(0, 0%, 100%, 0) 98.88%, hsla(0, 0%, 100%, 0));
    z-index: 15
}

@media (min-width:900px) {
    .bpa-athletic-events-1 .fsListItems:before {
        right: 40px
    }
}

.bpa-athletic-events-1 .fsListItems.slick-slider {
    display: block
}

.bpa-athletic-events-1 .fsListItems.slick-slider .fsLoadMoreButton {
    display: none
}

.bpa-athletic-events-1 .fsListItems article {
    display: inline-block;
    margin-bottom: 0;
    padding: 5px 25px;
    border-bottom: none;
    color: #373737;
    font-family: inherit;
    font-size: 14px;
    line-height: 1.28;
    font-weight: 700;
    box-shadow: -1px 0 0 0 #131313;
    height: auto;
    white-space: normal;
    max-width: 300px;
    max-width: 60vw
}

@media (min-width:900px) {
    .bpa-athletic-events-1 .fsListItems article {
        max-width: 38.75vw
    }
}

.bpa-athletic-events-1 .fsListItems article>div {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    margin-bottom: 5px
}

.bpa-athletic-events-1 .fsListItems article .fsDateTime {
    font-weight: 500
}

.bpa-athletic-events-1 .fsListItems article .fsDateTime .fsMeridian {
    text-transform: lowercase
}

.bpa-athletic-events-1 .fsListItems article .fsTitle {
    display: block;
    color: #06729d;
    font-family: inherit;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: normal
}

.bpa-athletic-events-1 .fsListItems article .fsAthleticsOpponents {
    display: block;
    color: #6d676e;
    font-style: normal;
    margin-bottom: 10px
}

.bpa-athletic-events-1 .fsListItems article .fsAthleticsAdvantage {
    font-weight: 400
}

.bpa-athletic-events-1 .fsListItems article .fsAthleticsEventReadMoreLink {
    margin: 0;
    color: #06729d
}

.bpa-athletic-events-1 .fsListItems article .fsAthleticsEventReadMoreLink:focus,
.bpa-athletic-events-1 .fsListItems article .fsAthleticsEventReadMoreLink:hover {
    color: #06729d
}

.bpa-athletic-events-1 .fsListItems article.fsAthleticsStatusCancelled .fsAthleticsAdvantage,
.bpa-athletic-events-1 .fsListItems article.fsAthleticsStatusChanged .fsAthleticsAdvantage,
.bpa-athletic-events-1 .fsListItems article.fsAthleticsStatusPostponed .fsAthleticsAdvantage {
    display: none
}

.bpa-athletic-events-1 .fsListItems article .fsAthleticsScore {
    border-left: 1px solid #373737;
    padding-left: 4px;
    margin-left: 2px;
    display: inline-block
}

.bpa-athletic-events-1 .fsListItems.small {
    white-space: normal;
    flex-direction: column;
    overflow: visible;
    padding: 0 25px
}

.bpa-athletic-events-1 .fsListItems.small:before {
    display: none
}

.bpa-athletic-events-1 .fsListItems.small article {
    max-width: 100%;
    box-shadow: none;
    height: 100%;
    padding: 0
}

.bpa-athletic-events-1 .fsListItems.small .slick-arrow.slick-prev {
    left: -20px
}

.bpa-athletic-events-1 .fsListItems.small .slick-arrow.slick-prev:before {
    left: 20px
}

.bpa-athletic-events-1 .fsListItems.small .slick-arrow.slick-next {
    right: -20px
}

.bpa-athletic-events-1 .fsListItems.small .slick-arrow.slick-next:before {
    right: 20px
}

.bpa-athletic-events-1>footer {
    display: flex;
    flex-direction: column;
    width: 100%
}

@media (min-width:900px) {
    .bpa-athletic-events-1>footer {
        width: 170px;
        padding-left: 30px
    }
}

.bpa-athletic-events-1>footer .fsElementFooterContent {
    margin-top: 30px
}

@media (min-width:900px) {
    .bpa-athletic-events-1>footer .fsElementFooterContent {
        display: flex;
        flex-wrap: wrap;
        flex-grow: 1;
        margin-top: 0
    }
}

.bpa-athletic-events-1>footer a {
    color: #fff;
    border: 1px solid #78797a;
    background: #78797a;
    border-radius: 0;
    text-align: center;
    text-decoration: none;
    transition: .3s;
    font-weight: 600;
    font-family: myriad-pro-semi-condensed, sans-serif;
    font-size: .875rem;
    line-height: 1rem;
    box-shadow: none;
    text-transform: uppercase;
    display: inline-block;
    border-radius: 5px;
    margin: 0 0 10px;
    padding: 19px 20px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    flex-grow: 1;
    height: 100%
}

.bpa-athletic-events-1>footer a:after {
    content: "\E906";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    font-size: 8px;
    color: #993f23;
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
    transition: .3s
}

.bpa-athletic-events-1>footer a.on,
.bpa-athletic-events-1>footer a:focus,
.bpa-athletic-events-1>footer a:hover,
.fsStateSelected .bpa-athletic-events-1>footer a {
    color: #fff;
    border-color: #036;
    background: #036;
    transition: .4s
}

.bpa-athletic-events-1>footer a.on:after,
.bpa-athletic-events-1>footer a:focus:after,
.bpa-athletic-events-1>footer a:hover:after,
.fsStateSelected .bpa-athletic-events-1>footer a:after {
    color: #fff;
    transition: .3s;
    transform: translateX(5px)
}

.bpa-athletic-events-1>footer a.fs_style_58 {
    word-break: break-word;
    margin-right: 0;
    margin-bottom: 40px;
    padding: 29px 24px;
    font-size: 1.25rem;
    line-height: 1.5rem
}

@media (min-width:600px) {
    .bpa-athletic-events-1>footer a.fs_style_58 {
        padding: 29px 60px
    }
}

.bpa-athletic-events-1>footer a.fs_style_58:after {
    display: none
}

.bpa-athletic-events-1>footer a.fs_style_58 em {
    display: block;
    width: 100%;
    font-weight: 400;
    font-style: normal;
    font-family: myriad-pro-semi-condensed, sans-serif;
    font-size: 1rem;
    line-height: 1.625rem;
    margin-top: 4px;
    text-transform: none
}

.fsBannerLeft .bpa-athletic-events-1>footer a.fs_style_58,
.fsBannerRight .bpa-athletic-events-1>footer a.fs_style_58,
.fsFourColumnLayout>.fsDiv .bpa-athletic-events-1>footer a.fs_style_58,
.fsStyleOneThird .bpa-athletic-events-1>footer a.fs_style_58,
.fsThreeColumnLayout>.fsDiv .bpa-athletic-events-1>footer a.fs_style_58 {
    display: block;
    width: 100%
}

body:not(.fsComposeMode) .bpa-athletic-events-1>footer a.fs_style_58:last-child {
    margin-bottom: 0
}

.bpa-athletic-events-1>footer a.fs_style_59 {
    display: block;
    margin: 0 0 10px;
    width: 100%
}

body:not(.fsComposeMode) .bpa-athletic-events-1>footer a.fs_style_59:last-child {
    margin-bottom: 0
}

.bpa-athletic-events-1>footer a.fsSelectAll,
.fsAccount .bpa-athletic-events-1>footer a[type=submit] {
    border: 1px solid #78797a
}

.bpa-athletic-events-1>footer a.fsSelectAll:focus,
.bpa-athletic-events-1>footer a.fsSelectAll:hover,
.fsAccount .bpa-athletic-events-1>footer a[type=submit]:focus,
.fsAccount .bpa-athletic-events-1>footer a[type=submit]:hover {
    border-color: #036
}

.bpa-athletic-events-1>footer a.fsStyleFloatRight {
    margin-right: 0
}

.bpa-athletic-events-1>footer a:not(:first-child) {
    margin-top: 0
}

footer .bpa-athletic-events-1>footer a,
p:last-child .bpa-athletic-events-1>footer a:last-child {
    margin: 0
}

.fsNavigation .bpa-athletic-events-1>footer a {
    padding: 15px 20px;
    color: #fff;
    background-color: #78797a
}

.fsNavigation .bpa-athletic-events-1>footer a:focus,
.fsNavigation .bpa-athletic-events-1>footer a:hover {
    color: #fff;
    background-color: #036
}

.bpa-athletic-events-1>footer a:after {
    display: none
}

.bpa-athletic-events-1>footer a:last-child {
    margin: 0
}

.bpa-athletic-events-1 .slick-track {
    display: flex
}

.bpa-athletic-events-1 .slick-arrow {
    width: 40px;
    height: 44px;
    border: none;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    z-index: 20;
    cursor: pointer;
    color: rgba(0, 0, 0, 0);
    overflow: hidden;
    white-space: nowrap;
    background: rgba(0, 0, 0, 0)
}

.bpa-athletic-events-1 .slick-arrow:before {
    color: #adafb4;
    font-size: 28px;
    line-height: 1;
    position: absolute;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    left: 0;
    transition: .3s
}

.bpa-athletic-events-1 .slick-arrow:focus:before,
.bpa-athletic-events-1 .slick-arrow:hover:before {
    transition: .3s;
    color: #036
}

.bpa-athletic-events-1 .slick-arrow:focus {
    outline: none
}

.bpa-athletic-events-1 .slick-arrow:focus:before {
    box-shadow: 0 1px 0 0 #036
}

.bpa-athletic-events-1 .slick-arrow.slick-prev {
    left: 0;
    right: auto
}

.bpa-athletic-events-1 .slick-arrow.slick-prev:before {
    content: "\E922";
    font-family: bpa-font-icons;
    font-weight: 400;
    speak: none
}

.bpa-athletic-events-1 .slick-arrow.slick-next {
    left: auto;
    right: 0
}

.bpa-athletic-events-1 .slick-arrow.slick-next:before {
    left: auto;
    right: 0;
    content: "\E921";
    font-family: bpa-font-icons;
    font-weight: 400;
    speak: none
}

.bpa-athletic-events-1.on {
    margin-bottom: 0;
    height: auto;
    overflow: visible;
    order: 3
}

.fsBannerLeft .bpa-athletics-board-1>.fsElementContent,
.fsBannerRight .bpa-athletics-board-1>.fsElementContent,
.fsFourColumnLayout>.fsDiv .bpa-athletics-board-1>.fsElementContent,
.fsHasLeftBanner .bpa-athletics-board-1>.fsElementContent,
.fsHasRightBanner .bpa-athletics-board-1>.fsElementContent,
.fsStyleOneThird .bpa-athletics-board-1>.fsElementContent,
.fsStyleTwoThirds .bpa-athletics-board-1>.fsElementContent,
.fsThreeColumnLayout>.fsDiv .bpa-athletics-board-1>.fsElementContent,
.fsTwoColumnLayout .bpa-athletics-board-1>.fsElementContent {
    border: 1px solid #adafb4;
    padding: 20px
}

.fsBannerLeft .bpa-athletics-toggle-1,
.fsBannerRight .bpa-athletics-toggle-1,
.fsFourColumnLayout>.fsDiv .bpa-athletics-toggle-1,
.fsHasLeftBanner .bpa-athletics-toggle-1,
.fsHasRightBanner .bpa-athletics-toggle-1,
.fsStyleOneThird .bpa-athletics-toggle-1,
.fsStyleTwoThirds .bpa-athletics-toggle-1,
.fsThreeColumnLayout>.fsDiv .bpa-athletics-toggle-1,
.fsTwoColumnLayout .bpa-athletics-toggle-1 {
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 20px;
    padding-right: 0
}

.fsBannerLeft .bpa-athletics-toggle-1>.fsElementContent,
.fsBannerRight .bpa-athletics-toggle-1>.fsElementContent,
.fsFourColumnLayout>.fsDiv .bpa-athletics-toggle-1>.fsElementContent,
.fsHasLeftBanner .bpa-athletics-toggle-1>.fsElementContent,
.fsHasRightBanner .bpa-athletics-toggle-1>.fsElementContent,
.fsStyleOneThird .bpa-athletics-toggle-1>.fsElementContent,
.fsStyleTwoThirds .bpa-athletics-toggle-1>.fsElementContent,
.fsThreeColumnLayout>.fsDiv .bpa-athletics-toggle-1>.fsElementContent,
.fsTwoColumnLayout .bpa-athletics-toggle-1>.fsElementContent {
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap
}

.fsBannerLeft .bpa-athletics-toggle-1>.fsElementContent button,
.fsBannerRight .bpa-athletics-toggle-1>.fsElementContent button,
.fsFourColumnLayout>.fsDiv .bpa-athletics-toggle-1>.fsElementContent button,
.fsHasLeftBanner .bpa-athletics-toggle-1>.fsElementContent button,
.fsHasRightBanner .bpa-athletics-toggle-1>.fsElementContent button,
.fsStyleOneThird .bpa-athletics-toggle-1>.fsElementContent button,
.fsStyleTwoThirds .bpa-athletics-toggle-1>.fsElementContent button,
.fsThreeColumnLayout>.fsDiv .bpa-athletics-toggle-1>.fsElementContent button,
.fsTwoColumnLayout .bpa-athletics-toggle-1>.fsElementContent button {
    margin: 0 0 10px !important;
    min-width: calc(50% - 5px);
    width: auto;
    flex-grow: 0
}

.fsBannerLeft .bpa-athletic-events-1,
.fsBannerLeft .bpa-athletic-events-1>.fsElementContent,
.fsBannerRight .bpa-athletic-events-1,
.fsBannerRight .bpa-athletic-events-1>.fsElementContent,
.fsFourColumnLayout>.fsDiv .bpa-athletic-events-1,
.fsFourColumnLayout>.fsDiv .bpa-athletic-events-1>.fsElementContent,
.fsHasLeftBanner .bpa-athletic-events-1,
.fsHasLeftBanner .bpa-athletic-events-1>.fsElementContent,
.fsHasRightBanner .bpa-athletic-events-1,
.fsHasRightBanner .bpa-athletic-events-1>.fsElementContent,
.fsStyleOneThird .bpa-athletic-events-1,
.fsStyleOneThird .bpa-athletic-events-1>.fsElementContent,
.fsStyleTwoThirds .bpa-athletic-events-1,
.fsStyleTwoThirds .bpa-athletic-events-1>.fsElementContent,
.fsThreeColumnLayout>.fsDiv .bpa-athletic-events-1,
.fsThreeColumnLayout>.fsDiv .bpa-athletic-events-1>.fsElementContent,
.fsTwoColumnLayout .bpa-athletic-events-1,
.fsTwoColumnLayout .bpa-athletic-events-1>.fsElementContent {
    width: 100%
}

.fsBannerLeft .bpa-athletic-events-1>footer,
.fsBannerRight .bpa-athletic-events-1>footer,
.fsFourColumnLayout>.fsDiv .bpa-athletic-events-1>footer,
.fsHasLeftBanner .bpa-athletic-events-1>footer,
.fsHasRightBanner .bpa-athletic-events-1>footer,
.fsStyleOneThird .bpa-athletic-events-1>footer,
.fsStyleTwoThirds .bpa-athletic-events-1>footer,
.fsThreeColumnLayout>.fsDiv .bpa-athletic-events-1>footer,
.fsTwoColumnLayout .bpa-athletic-events-1>footer {
    width: 100%;
    padding-left: 0
}

.fsBannerLeft .bpa-athletic-events-1>footer .fsElementFooterContent,
.fsBannerRight .bpa-athletic-events-1>footer .fsElementFooterContent,
.fsFourColumnLayout>.fsDiv .bpa-athletic-events-1>footer .fsElementFooterContent,
.fsHasLeftBanner .bpa-athletic-events-1>footer .fsElementFooterContent,
.fsHasRightBanner .bpa-athletic-events-1>footer .fsElementFooterContent,
.fsStyleOneThird .bpa-athletic-events-1>footer .fsElementFooterContent,
.fsStyleTwoThirds .bpa-athletic-events-1>footer .fsElementFooterContent,
.fsThreeColumnLayout>.fsDiv .bpa-athletic-events-1>footer .fsElementFooterContent,
.fsTwoColumnLayout .bpa-athletic-events-1>footer .fsElementFooterContent {
    display: block;
    margin-top: 30px
}

.bpa-athletics-board-1.footer,
.bpa-athletics-board-1.header {
    margin: 0;
    width: 100%;
    position: relative
}

body:not(.fsComposeMode) .bpa-athletics-board-1.footer>header,
body:not(.fsComposeMode) .bpa-athletics-board-1.header>header {
    display: none
}

.bpa-athletics-board-1.footer>.fsElementContent,
.bpa-athletics-board-1.header>.fsElementContent {
    border: none
}

body:not(.fsDraftMode) .fsPageBodyWrapper .bpa-athletics-board-1.footer,
body:not(.fsDraftMode) .fsPageBodyWrapper .bpa-athletics-board-1.header {
    opacity: 0
}

body.fsComposeMode #fsPageWrapper>.bpa-athletics-board-1.footer:after,
body.fsComposeMode #fsPageWrapper>.bpa-athletics-board-1.header:after,
body.fsDraftMode:not(.fsComposeMode) .fsPageBodyWrapper .bpa-athletics-board-1.footer:after,
body.fsDraftMode:not(.fsComposeMode) .fsPageBodyWrapper .bpa-athletics-board-1.header:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .9);
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 50
}

body.fsComposeMode #fsPageWrapper>.bpa-athletics-board-1.footer:after,
body.fsComposeMode #fsPageWrapper>.bpa-athletics-board-1.header:after {
    content: 'to view/update the settings, please refresh the page with "COMPOSE" mode on'
}

body.fsDraftMode:not(.fsComposeMode) .fsPageBodyWrapper .bpa-athletics-board-1.footer:after,
body.fsDraftMode:not(.fsComposeMode) .fsPageBodyWrapper .bpa-athletics-board-1.header:after {
    content: 'Please refresh the page with "COMPOSE" toggle turned OFF for correct rendering'
}

.bpa-athletics-board-1.header {
    background-color: #f3f3f3
}

.bpa-athletics-board-1.header .bpa-athletic-events-1 .fsListItems:before {
    background: linear-gradient(-90deg, #f3f3f3, hsla(0, 0%, 95.3%, 0) 98.88%, hsla(0, 0%, 95.3%, 0))
}

.bpa-athletics-board-1.footer {
    background-color: #f3f3f3
}

.bpa-athletics-board-1.footer .bpa-athletic-events-1 .fsListItems:before {
    background: linear-gradient(-90deg, #f3f3f3, hsla(0, 0%, 95.3%, 0) 98.88%, hsla(0, 0%, 95.3%, 0))
}

body.fsComposeMode .bpa-athletic-events-1,
body.fsComposeMode .bpa-athletics-toggle-1 {
    width: 100%;
    height: auto
}

body.fsComposeMode .bpa-athletics-toggle-1 {
    padding-right: 0
}

body.fsComposeMode .bpa-athletics-toggle-1>.fsElementContent {
    flex-direction: row
}

body.fsComposeMode .bpa-athletics-toggle-1>.fsElementContent button {
    margin: 0 10px 0 0
}

body.fsComposeMode .bpa-athletics-toggle-1>.fsElementContent button:last-child {
    margin: 0
}

body.fsComposeMode .bpa-athletic-events-1 .fsListItems {
    padding-right: 40px
}

body.fsComposeMode .bpa-athletic-events-1 .fsListItems:before {
    display: none
}

body.fsComposeMode .bpa-athletic-events-1.on {
    order: 5
}

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

[class*=infographic-].apple:before {
    content: "\E901" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].apple:after {
    content: "Custom Class: apple";
    display: block
}

[class*=infographic-].backpack:before {
    content: "\E902" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].backpack:after {
    content: "Custom Class: backpack";
    display: block
}

[class*=infographic-].bar-graph:before {
    content: "\E903" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].bar-graph:after {
    content: "Custom Class: bar-graph";
    display: block
}

[class*=infographic-].baseball:before {
    content: "\E904" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].baseball:after {
    content: "Custom Class: baseball";
    display: block
}

[class*=infographic-].book:before {
    content: "\E905" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].book:after {
    content: "Custom Class: book";
    display: block
}

[class*=infographic-].briefcase:before {
    content: "\E906" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].briefcase:after {
    content: "Custom Class: briefcase";
    display: block
}

[class*=infographic-].bullhorn:before {
    content: "\E907" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].bullhorn:after {
    content: "Custom Class: bullhorn";
    display: block
}

[class*=infographic-].bus:before {
    content: "\E908" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].bus:after {
    content: "Custom Class: bus";
    display: block
}

[class*=infographic-].calendar:before {
    content: "\E909" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].calendar:after {
    content: "Custom Class: calendar";
    display: block
}

[class*=infographic-].camera:before {
    content: "\E90A" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].camera:after {
    content: "Custom Class: camera";
    display: block
}

[class*=infographic-].car:before {
    content: "\E95A" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].car:after {
    content: "Custom Class: car";
    display: block
}

[class*=infographic-].certificate:before {
    content: "\E90B" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].certificate:after {
    content: "Custom Class: certificate";
    display: block
}

[class*=infographic-].check:before {
    content: "\E90C" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].check:after {
    content: "Custom Class: check";
    display: block
}

[class*=infographic-].chess:before {
    content: "\E90D" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].chess:after {
    content: "Custom Class: chess";
    display: block
}

[class*=infographic-].city:before {
    content: "\E90E" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].city:after {
    content: "Custom Class: city";
    display: block
}

[class*=infographic-].college:before {
    content: "\E90F" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].college:after {
    content: "Custom Class: college";
    display: block
}

[class*=infographic-].covid:before {
    content: "\E951" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].covid:after {
    content: "Custom Class: covid";
    display: block
}

[class*=infographic-].cross:before {
    content: "\E910" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].cross:after {
    content: "Custom Class: cross";
    display: block
}

[class*=infographic-].directory:before {
    content: "\E911" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].directory:after {
    content: "Custom Class: directory";
    display: block
}

[class*=infographic-].diversity:before {
    content: "\E912" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].diversity:after {
    content: "Custom Class: diversity";
    display: block
}

[class*=infographic-].dollar:before {
    content: "\E94F" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].dollar:after {
    content: "Custom Class: dollar";
    display: block
}

[class*=infographic-].door:before {
    content: "\E913" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].door:after {
    content: "Custom Class: door";
    display: block
}

[class*=infographic-].droplet:before {
    content: "\E914" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].droplet:after {
    content: "Custom Class: droplet";
    display: block
}

[class*=infographic-].enroll:before {
    content: "\E915" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].enroll:after {
    content: "Custom Class: enroll";
    display: block
}

[class*=infographic-].family:before {
    content: "\E954" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].family:after {
    content: "Custom Class: family";
    display: block
}

[class*=infographic-].faq:before {
    content: "\E916" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].faq:after {
    content: "Custom Class: faq";
    display: block
}

[class*=infographic-].files:before {
    content: "\E917" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].files:after {
    content: "Custom Class: files";
    display: block
}

[class*=infographic-].football:before {
    content: "\E918" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].football:after {
    content: "Custom Class: football";
    display: block
}

[class*=infographic-].gift:before {
    content: "\E919" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].gift:after {
    content: "Custom Class: gift";
    display: block
}

[class*=infographic-].giving:before {
    content: "\E91A" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].giving:after {
    content: "Custom Class: giving";
    display: block
}

[class*=infographic-].globe:before {
    content: "\E91B" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].globe:after {
    content: "Custom Class: globe";
    display: block
}

[class*=infographic-].grad:before {
    content: "\E91C" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].grad:after {
    content: "Custom Class: grad";
    display: block
}

[class*=infographic-].group-boys:before {
    content: "\E91D" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].group-boys:after {
    content: "Custom Class: group-boys";
    display: block
}

[class*=infographic-].group-coed:before {
    content: "\E91E" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].group-coed:after {
    content: "Custom Class: group-coed";
    display: block
}

[class*=infographic-].group-girls:before {
    content: "\E926" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].group-girls:after {
    content: "Custom Class: group-girls";
    display: block
}

[class*=infographic-].group:before {
    content: "\E927" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].group:after {
    content: "Custom Class: group";
    display: block
}

[class*=infographic-].health:before {
    content: "\E957" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].health:after {
    content: "Custom Class: health";
    display: block
}

[class*=infographic-].heart:before {
    content: "\E928" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].heart:after {
    content: "Custom Class: heart";
    display: block
}

[class*=infographic-].info:before {
    content: "\E929" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].info:after {
    content: "Custom Class: info";
    display: block
}

[class*=infographic-].jersey:before {
    content: "\E92A" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].jersey:after {
    content: "Custom Class: jersey";
    display: block
}

[class*=infographic-].leaf:before {
    content: "\E92B" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].leaf:after {
    content: "Custom Class: leaf";
    display: block
}

[class*=infographic-].lecturer:before {
    content: "\E958" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].lecturer:after {
    content: "Custom Class: lecturer";
    display: block
}

[class*=infographic-].lightbulb:before {
    content: "\E92C" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].lightbulb:after {
    content: "Custom Class: lightbulb";
    display: block
}

[class*=infographic-].link:before {
    content: "\E92D" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].link:after {
    content: "Custom Class: link";
    display: block
}

[class*=infographic-].list:before {
    content: "\E92E" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].list:after {
    content: "Custom Class: list";
    display: block
}

[class*=infographic-].location:before {
    content: "\E92F" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].location:after {
    content: "Custom Class: location";
    display: block
}

[class*=infographic-].lock:before {
    content: "\E930" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].lock:after {
    content: "Custom Class: lock";
    display: block
}

[class*=infographic-].map:before {
    content: "\E931" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].map:after {
    content: "Custom Class: map";
    display: block
}

[class*=infographic-].medal:before {
    content: "\E932" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].medal:after {
    content: "Custom Class: medal";
    display: block
}

[class*=infographic-].microscope:before {
    content: "\E933" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].microscope:after {
    content: "Custom Class: microscope";
    display: block
}

[class*=infographic-].mobile:before {
    content: "\E950" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].mobile:after {
    content: "Custom Class: mobile";
    display: block
}

[class*=infographic-].music:before {
    content: "\E934" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].music:after {
    content: "Custom Class: music";
    display: block
}

[class*=infographic-].networking:before {
    content: "\E959" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].networking:after {
    content: "Custom Class: networking";
    display: block
}

[class*=infographic-].paint:before {
    content: "\E935" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].paint:after {
    content: "Custom Class: paint";
    display: block
}

[class*=infographic-].parent:before {
    content: "\E953" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].parent:after {
    content: "Custom Class: parent";
    display: block
}

[class*=infographic-].paw:before {
    content: "\E955" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].paw:after {
    content: "Custom Class: paw";
    display: block
}

[class*=infographic-].pencil:before {
    content: "\E936" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].pencil:after {
    content: "Custom Class: pencil";
    display: block
}

[class*=infographic-].person:before {
    content: "\E937" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].person:after {
    content: "Custom Class: person";
    display: block
}

[class*=infographic-].phone:before {
    content: "\E938" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].phone:after {
    content: "Custom Class: phone";
    display: block
}

[class*=infographic-].piggy-bank:before {
    content: "\E939" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].piggy-bank:after {
    content: "Custom Class: piggy-bank";
    display: block
}

[class*=infographic-].portion:before {
    content: "\E93A" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].portion:after {
    content: "Custom Class: portion";
    display: block
}

[class*=infographic-].question:before {
    content: "\E93B" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].question:after {
    content: "Custom Class: question";
    display: block
}

[class*=infographic-].ratio:before {
    content: "\E93C" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].ratio:after {
    content: "Custom Class: ratio";
    display: block
}

[class*=infographic-].robot:before {
    content: "\E93D" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].robot:after {
    content: "Custom Class: robot";
    display: block
}

[class*=infographic-].school:before {
    content: "\E93E" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].school:after {
    content: "Custom Class: school";
    display: block
}

[class*=infographic-].screens:before {
    content: "\E93F" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].screens:after {
    content: "Custom Class: screens";
    display: block
}

[class*=infographic-].settings:before {
    content: "\E940" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].settings:after {
    content: "Custom Class: settings";
    display: block
}

[class*=infographic-].shoe:before {
    content: "\E941" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].shoe:after {
    content: "Custom Class: shoe";
    display: block
}

[class*=infographic-].soccer:before {
    content: "\E942" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].soccer:after {
    content: "Custom Class: soccer";
    display: block
}

[class*=infographic-].sports:before {
    content: "\E943" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].sports:after {
    content: "Custom Class: sports";
    display: block
}

[class*=infographic-].star-of-david:before {
    content: "\E944" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].star-of-david:after {
    content: "Custom Class: star-of-david";
    display: block
}

[class*=infographic-].star:before {
    content: "\E945" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].star:after {
    content: "Custom Class: star";
    display: block
}

[class*=infographic-].store:before {
    content: "\E946" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].store:after {
    content: "Custom Class: store";
    display: block
}

[class*=infographic-].strategy:before {
    content: "\E956" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].strategy:after {
    content: "Custom Class: strategy";
    display: block
}

[class*=infographic-].sun:before {
    content: "\E947" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].sun:after {
    content: "Custom Class: sun";
    display: block
}

[class*=infographic-].teacher:before {
    content: "\E948" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].teacher:after {
    content: "Custom Class: teacher";
    display: block
}

[class*=infographic-].theatre:before {
    content: "\E949" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].theatre:after {
    content: "Custom Class: theatre";
    display: block
}

[class*=infographic-].time:before {
    content: "\E94A" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].time:after {
    content: "Custom Class: time";
    display: block
}

[class*=infographic-].tree:before {
    content: "\E94B" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].tree:after {
    content: "Custom Class: tree";
    display: block
}

[class*=infographic-].trophy:before {
    content: "\E94C" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].trophy:after {
    content: "Custom Class: trophy";
    display: block
}

[class*=infographic-].virtual:before {
    content: "\E952" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].virtual:after {
    content: "Custom Class: virtual";
    display: block
}

[class*=infographic-].warning:before {
    content: "\E94D" !important;
    font-family: bpa-font-icons
}

[class*=infographic-].warning:after {
    content: "Custom Class: warning";
    display: block
}

.bpa-icon-library .fsPageTitle {
    margin-bottom: 40px;
    text-align: center
}

.bpa-icon-library .bpa-infographic-1 {
    display: flex;
    flex-direction: column;
    text-align: center;
    margin-bottom: 30px
}

.bpa-icon-library .bpa-infographic-1[class*=infographic-]:before {
    content: "";
    font-family: bpa-font-icons;
    font-weight: 400;
    speak: none;
    visibility: visible !important;
    opacity: 1 !important
}

.bpa-icon-library .bpa-infographic-1:before {
    color: inherit;
    font-size: 50px;
    line-height: 1;
    font-weight: 500;
    margin-bottom: 20px
}

.bpa-icon-library .bpa-infographic-1>header .fsElementTitle {
    color: #036;
    font-size: 30px;
    line-height: 1.2;
    font-weight: 800;
    margin-bottom: 0
}

.bpa-icon-library .bpa-infographic-1>header .fsElementTitle:last-child {
    margin-bottom: 0
}

.bpa-icon-library .bpa-infographic-1>header .fsElementHeaderContent {
    color: #373737;
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    margin-bottom: 0
}

.bpa-icon-library .bpa-infographic-1>footer .fsElementFooterContent {
    font-size: 16px;
    line-height: 26px;
    margin-top: 20px
}

.bpa-icon-library .bpa-infographic-1>footer .fsElementFooterContent a {
    font-size: inherit;
    line-height: inherit;
    font-weight: 400;
    color: #06729d
}

.bpa-icon-library .bpa-infographic-1>footer .fsElementFooterContent a:focus,
.bpa-icon-library .bpa-infographic-1>footer .fsElementFooterContent a:hover {
    color: #06729d
}

.bpa-icon-library:not(.fsComposeMode) .bpa-infographic-1>footer,
.bpa-icon-library:not(.fsComposeMode) .bpa-infographic-1>header .fsElementHeaderContent {
    display: none
}

.icon-apple>.fsTitle:before {
    font-family: bpa-font-icons;
    content: "\E901" !important
}

.icon-backpack>.fsTitle:before {
    font-family: bpa-font-icons;
    content: "\E902" !important
}

.icon-bar-graph>.fsTitle:before {
    font-family: bpa-font-icons;
    content: "\E903" !important
}

.icon-baseball>.fsTitle:before {
    font-family: bpa-font-icons;
    content: "\E904" !important
}

.icon-book>.fsTitle:before {
    font-family: bpa-font-icons;
    content: "\E905" !important
}

.icon-briefcase>.fsTitle:before {
    font-family: bpa-font-icons;
    content: "\E906" !important
}

.icon-bullhorn>.fsTitle:before {
    font-family: bpa-font-icons;
    content: "\E907" !important
}

.icon-bus>.fsTitle:before {
    font-family: bpa-font-icons;
    content: "\E908" !important
}

.icon-calendar>.fsTitle:before {
    font-family: bpa-font-icons;
    content: "\E909" !important
}

.icon-camera>.fsTitle:before {
    font-family: bpa-font-icons;
    content: "\E90A" !important
}

.icon-car>.fsTitle:before {
    font-family: bpa-font-icons;
    content: "\E95A" !important
}

.icon-certificate>.fsTitle:before {
    font-family: bpa-font-icons;
    content: "\E90B" !important
}

.icon-check>.fsTitle:before {
    font-family: bpa-font-icons;
    content: "\E90C" !important
}

.icon-chess>.fsTitle:before {
    font-family: bpa-font-icons;
    content: "\E90D" !important
}

.icon-city>.fsTitle:before {
    font-family: bpa-font-icons;
    content: "\E90E" !important
}

.icon-college>.fsTitle:before {
    font-family: bpa-font-icons;
    content: "\E90F" !important
}

.icon-covid>.fsTitle:before {
    font-family: bpa-font-icons;
    content: "\E951" !important
}

.icon-cross>.fsTitle:before {
    font-family: bpa-font-icons;
    content: "\E910" !important
}

.icon-directory>.fsTitle:before {
    font-family: bpa-font-icons;
    content: "\E911" !important
}

.icon-diversity>.fsTitle:before {
    font-family: bpa-font-icons;
    content: "\E912" !important
}

.icon-dollar>.fsTitle:before {
    font-family: bpa-font-icons;
    content: "\E94F" !important
}

.icon-door>.fsTitle:before {
    font-family: bpa-font-icons;
    content: "\E913" !important
}

.icon-droplet>.fsTitle:before {
    font-family: bpa-font-icons;
    content: "\E914" !important
}

.icon-enroll>.fsTitle:before {
    font-family: bpa-font-icons;
    content: "\E915" !important
}

.icon-family>.fsTitle:before {
    font-family: bpa-font-icons;
    content: "\E954" !important
}

.icon-faq>.fsTitle:before {
    font-family: bpa-font-icons;
    content: "\E916" !important
}

.icon-files>.fsTitle:before {
    font-family: bpa-font-icons;
    content: "\E917" !important
}

.icon-football>.fsTitle:before {
    font-family: bpa-font-icons;
    content: "\E918" !important
}

.icon-gift>.fsTitle:before {
    font-family: bpa-font-icons;
    content: "\E919" !important
}

.icon-giving>.fsTitle:before {
    font-family: bpa-font-icons;
    content: "\E91A" !important
}

.icon-globe>.fsTitle:before {
    font-family: bpa-font-icons;
    content: "\E91B" !important
}

.icon-grad>.fsTitle:before {
    font-family: bpa-font-icons;
    content: "\E91C" !important
}

.icon-group-boys>.fsTitle:before {
    font-family: bpa-font-icons;
    content: "\E91D" !important
}

.icon-group-coed>.fsTitle:before {
    font-family: bpa-font-icons;
    content: "\E91E" !important
}

.icon-group-girls>.fsTitle:before {
    font-family: bpa-font-icons;
    content: "\E926" !important
}

.icon-group>.fsTitle:before {
    font-family: bpa-font-icons;
    content: "\E927" !important
}

.icon-health>.fsTitle:before {
    font-family: bpa-font-icons;
    content: "\E957" !important
}

.icon-heart>.fsTitle:before {
    font-family: bpa-font-icons;
    content: "\E928" !important
}

.icon-info>.fsTitle:before {
    font-family: bpa-font-icons;
    content: "\E929" !important
}

.icon-jersey>.fsTitle:before {
    font-family: bpa-font-icons;
    content: "\E92A" !important
}

.icon-leaf>.fsTitle:before {
    font-family: bpa-font-icons;
    content: "\E92B" !important
}

.icon-lecturer>.fsTitle:before {
    font-family: bpa-font-icons;
    content: "\E958" !important
}

.icon-lightbulb>.fsTitle:before {
    font-family: bpa-font-icons;
    content: "\E92C" !important
}

.icon-link>.fsTitle:before {
    font-family: bpa-font-icons;
    content: "\E92D" !important
}

.icon-list>.fsTitle:before {
    font-family: bpa-font-icons;
    content: "\E92E" !important
}

.icon-location>.fsTitle:before {
    font-family: bpa-font-icons;
    content: "\E92F" !important
}

.icon-lock>.fsTitle:before {
    font-family: bpa-font-icons;
    content: "\E930" !important
}

.icon-map>.fsTitle:before {
    font-family: bpa-font-icons;
    content: "\E931" !important
}

.icon-medal>.fsTitle:before {
    font-family: bpa-font-icons;
    content: "\E932" !important
}

.icon-microscope>.fsTitle:before {
    font-family: bpa-font-icons;
    content: "\E933" !important
}

.icon-mobile>.fsTitle:before {
    font-family: bpa-font-icons;
    content: "\E950" !important
}

.icon-music>.fsTitle:before {
    font-family: bpa-font-icons;
    content: "\E934" !important
}

.icon-networking>.fsTitle:before {
    font-family: bpa-font-icons;
    content: "\E959" !important
}

.icon-paint>.fsTitle:before {
    font-family: bpa-font-icons;
    content: "\E935" !important
}

.icon-parent>.fsTitle:before {
    font-family: bpa-font-icons;
    content: "\E953" !important
}

.icon-paw>.fsTitle:before {
    font-family: bpa-font-icons;
    content: "\E955" !important
}

.icon-pencil>.fsTitle:before {
    font-family: bpa-font-icons;
    content: "\E936" !important
}

.icon-person>.fsTitle:before {
    font-family: bpa-font-icons;
    content: "\E937" !important
}

.icon-phone>.fsTitle:before {
    font-family: bpa-font-icons;
    content: "\E938" !important
}

.icon-piggy-bank>.fsTitle:before {
    font-family: bpa-font-icons;
    content: "\E939" !important
}

.icon-portion>.fsTitle:before {
    font-family: bpa-font-icons;
    content: "\E93A" !important
}

.icon-question>.fsTitle:before {
    font-family: bpa-font-icons;
    content: "\E93B" !important
}

.icon-ratio>.fsTitle:before {
    font-family: bpa-font-icons;
    content: "\E93C" !important
}

.icon-robot>.fsTitle:before {
    font-family: bpa-font-icons;
    content: "\E93D" !important
}

.icon-school>.fsTitle:before {
    font-family: bpa-font-icons;
    content: "\E93E" !important
}

.icon-screens>.fsTitle:before {
    font-family: bpa-font-icons;
    content: "\E93F" !important
}

.icon-settings>.fsTitle:before {
    font-family: bpa-font-icons;
    content: "\E940" !important
}

.icon-shoe>.fsTitle:before {
    font-family: bpa-font-icons;
    content: "\E941" !important
}

.icon-soccer>.fsTitle:before {
    font-family: bpa-font-icons;
    content: "\E942" !important
}

.icon-sports>.fsTitle:before {
    font-family: bpa-font-icons;
    content: "\E943" !important
}

.icon-star-of-david>.fsTitle:before {
    font-family: bpa-font-icons;
    content: "\E944" !important
}

.icon-star>.fsTitle:before {
    font-family: bpa-font-icons;
    content: "\E945" !important
}

.icon-store>.fsTitle:before {
    font-family: bpa-font-icons;
    content: "\E946" !important
}

.icon-strategy>.fsTitle:before {
    font-family: bpa-font-icons;
    content: "\E956" !important
}

.icon-sun>.fsTitle:before {
    font-family: bpa-font-icons;
    content: "\E947" !important
}

.icon-teacher>.fsTitle:before {
    font-family: bpa-font-icons;
    content: "\E948" !important
}

.icon-theatre>.fsTitle:before {
    font-family: bpa-font-icons;
    content: "\E949" !important
}

.icon-time>.fsTitle:before {
    font-family: bpa-font-icons;
    content: "\E94A" !important
}

.icon-tree>.fsTitle:before {
    font-family: bpa-font-icons;
    content: "\E94B" !important
}

.icon-trophy>.fsTitle:before {
    font-family: bpa-font-icons;
    content: "\E94C" !important
}

.icon-virtual>.fsTitle:before {
    font-family: bpa-font-icons;
    content: "\E952" !important
}

.icon-warning>.fsTitle:before {
    font-family: bpa-font-icons;
    content: "\E94D" !important
}

.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: myriad-pro-semi-condensed, sans-serif;
    font-size: 20px;
    font-weight: 800;
    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: myriad-pro-semi-condensed, sans-serif;
    font-size: 20px;
    font-weight: 800;
    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: "\F105";
    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: #06729d;
    font-size: 25px
}

.fsTagFilter.bpa-post-filter-1.tag-dropdown .tags_trigger:focus,
.fsTagFilter.bpa-post-filter-1.tag-dropdown .tags_trigger:hover {
    background-color: #06729d;
    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: myriad-pro-semi-condensed, sans-serif;
    font-size: 15px;
    font-weight: 700;
    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: #06729d;
    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: myriad-pro-semi-condensed, sans-serif;
    font-size: 20px;
    font-weight: 800;
    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: myriad-pro-semi-condensed, sans-serif;
    font-size: 20px;
    font-weight: 800;
    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: "\F105";
    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: #06729d;
    font-size: 25px
}

.fsCategoryFilter.bpa-post-filter-1 .category_trigger:focus,
.fsCategoryFilter.bpa-post-filter-1 .category_trigger:hover {
    background-color: #06729d;
    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
    }
}

@media (max-width:599px) {
    .fsCategoryFilter.bpa-post-filter-1.is-active>header .category_trigger:after {
        content: "\F107";
        font-family: IcoMoon;
        font-smoothing: antialiased;
        font-weight: 400;
        speak: none;
        right: 29px
    }
}

.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: myriad-pro-semi-condensed, sans-serif;
    font-size: 15px;
    font-weight: 700;
    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 #06729d;
    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: #06729d
}

.fsCategoryFilter.bpa-post-filter-1 .fsToolsList .fsStateSelected .fsCategoryLink:before {
    background-color: #06729d;
    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 {
    content: "\F107";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    right: 29px
}

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: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: myriad-pro-semi-condensed, sans-serif;
    font-size: 20px;
    font-weight: 800;
    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;
    margin: 0;
    top: -1px
}

.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: 0;
    min-width: 0
}

.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: "\E924";
    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;
    left: 0;
    line-height: 1;
    color: #06729d;
    font-size: 16px;
    display: block;
    margin: 0
}

.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;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    padding: 20px 20px 30px
}

.fsGrid.bpa-post-filter-1 article[class*=icon-] .fsTitle {
    position: relative
}

.fsGrid.bpa-post-filter-1 article[class*=icon-] .fsTitle:before {
    content: "";
    font-family: bpa-font-icons;
    font-weight: 400;
    speak: none;
    visibility: visible !important;
    opacity: 1 !important
}

@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, 39px, 0);
    color: #373737;
    font-family: myriad-pro-semi-condensed, sans-serif;
    font-size: 16px;
    font-weight: 700;
    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: #06729d
}

.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, 0), #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: myriad-pro-semi-condensed, sans-serif;
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    margin-bottom: 0;
    margin-top: 12px;
    height: 78px;
    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>.fsTitle,
.fsGrid.bpa-post-filter-1 article:focus>.fsTitle,
.fsGrid.bpa-post-filter-1 article:hover>.fsTitle {
    transform: translateZ(0)
}

.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 {
    transform: scale(1)
}

.fsGrid.bpa-post-filter-1 article>.fsTitle {
    transform: translateZ(0)
}

.fsGrid.bpa-post-filter-1 article>.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.active>.fsTitle,
.fsGrid.bpa-post-filter-1 article:focus>.fsTitle,
.fsGrid.bpa-post-filter-1 article:hover>.fsTitle {
    transform: translate3d(0, -42.5px, 0);
    transition: .4s
}

.fsGrid.bpa-post-filter-1 article.active>.fsTitle:before,
.fsGrid.bpa-post-filter-1 article:focus>.fsTitle:before,
.fsGrid.bpa-post-filter-1 article:hover>.fsTitle:before {
    transform: scale(0);
    opacity: 0;
    transition: .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: translate3d(0, -42.5px, 0) scale(1)
}

.fsGrid.bpa-post-filter-1 article.has-summary[class*=icon-]>.fsTitle {
    transform: translate3d(0, 45px, 0)
}

.fsGrid.bpa-post-filter-1 article.has-summary.active>.fsTitle,
.fsGrid.bpa-post-filter-1 article.has-summary:focus>.fsTitle,
.fsGrid.bpa-post-filter-1 article.has-summary: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%
}

.bpa-icon-library .fsContent {
    position: relative;
    padding-top: 20px
}

.bpa-icon-library .fsContent[class*=icon]:before {
    content: "";
    font-family: bpa-font-icons;
    font-weight: 400;
    speak: none;
    font-size: 50px
}

.bpa-icon-library .icon-apple:before {
    content: "\E901" !important
}

.bpa-icon-library .icon-backpack:before {
    content: "\E902" !important
}

.bpa-icon-library .icon-bar-graph:before {
    content: "\E903" !important
}

.bpa-icon-library .icon-baseball:before {
    content: "\E904" !important
}

.bpa-icon-library .icon-book:before {
    content: "\E905" !important
}

.bpa-icon-library .icon-briefcase:before {
    content: "\E906" !important
}

.bpa-icon-library .icon-bullhorn:before {
    content: "\E907" !important
}

.bpa-icon-library .icon-bus:before {
    content: "\E908" !important
}

.bpa-icon-library .icon-calendar:before {
    content: "\E909" !important
}

.bpa-icon-library .icon-camera:before {
    content: "\E90A" !important
}

.bpa-icon-library .icon-car:before {
    content: "\E95A" !important
}

.bpa-icon-library .icon-certificate:before {
    content: "\E90B" !important
}

.bpa-icon-library .icon-check:before {
    content: "\E90C" !important
}

.bpa-icon-library .icon-chess:before {
    content: "\E90D" !important
}

.bpa-icon-library .icon-city:before {
    content: "\E90E" !important
}

.bpa-icon-library .icon-college:before {
    content: "\E90F" !important
}

.bpa-icon-library .icon-covid:before {
    content: "\E951" !important
}

.bpa-icon-library .icon-cross:before {
    content: "\E910" !important
}

.bpa-icon-library .icon-directory:before {
    content: "\E911" !important
}

.bpa-icon-library .icon-diversity:before {
    content: "\E912" !important
}

.bpa-icon-library .icon-dollar:before {
    content: "\E94F" !important
}

.bpa-icon-library .icon-door:before {
    content: "\E913" !important
}

.bpa-icon-library .icon-droplet:before {
    content: "\E914" !important
}

.bpa-icon-library .icon-enroll:before {
    content: "\E915" !important
}

.bpa-icon-library .icon-family:before {
    content: "\E954" !important
}

.bpa-icon-library .icon-faq:before {
    content: "\E916" !important
}

.bpa-icon-library .icon-files:before {
    content: "\E917" !important
}

.bpa-icon-library .icon-football:before {
    content: "\E918" !important
}

.bpa-icon-library .icon-gift:before {
    content: "\E919" !important
}

.bpa-icon-library .icon-giving:before {
    content: "\E91A" !important
}

.bpa-icon-library .icon-globe:before {
    content: "\E91B" !important
}

.bpa-icon-library .icon-grad:before {
    content: "\E91C" !important
}

.bpa-icon-library .icon-group-boys:before {
    content: "\E91D" !important
}

.bpa-icon-library .icon-group-coed:before {
    content: "\E91E" !important
}

.bpa-icon-library .icon-group-girls:before {
    content: "\E926" !important
}

.bpa-icon-library .icon-group:before {
    content: "\E927" !important
}

.bpa-icon-library .icon-health:before {
    content: "\E957" !important
}

.bpa-icon-library .icon-heart:before {
    content: "\E928" !important
}

.bpa-icon-library .icon-info:before {
    content: "\E929" !important
}

.bpa-icon-library .icon-jersey:before {
    content: "\E92A" !important
}

.bpa-icon-library .icon-leaf:before {
    content: "\E92B" !important
}

.bpa-icon-library .icon-lecturer:before {
    content: "\E958" !important
}

.bpa-icon-library .icon-lightbulb:before {
    content: "\E92C" !important
}

.bpa-icon-library .icon-link:before {
    content: "\E92D" !important
}

.bpa-icon-library .icon-list:before {
    content: "\E92E" !important
}

.bpa-icon-library .icon-location:before {
    content: "\E92F" !important
}

.bpa-icon-library .icon-lock:before {
    content: "\E930" !important
}

.bpa-icon-library .icon-map:before {
    content: "\E931" !important
}

.bpa-icon-library .icon-medal:before {
    content: "\E932" !important
}

.bpa-icon-library .icon-microscope:before {
    content: "\E933" !important
}

.bpa-icon-library .icon-mobile:before {
    content: "\E950" !important
}

.bpa-icon-library .icon-music:before {
    content: "\E934" !important
}

.bpa-icon-library .icon-networking:before {
    content: "\E959" !important
}

.bpa-icon-library .icon-paint:before {
    content: "\E935" !important
}

.bpa-icon-library .icon-parent:before {
    content: "\E953" !important
}

.bpa-icon-library .icon-paw:before {
    content: "\E955" !important
}

.bpa-icon-library .icon-pencil:before {
    content: "\E936" !important
}

.bpa-icon-library .icon-person:before {
    content: "\E937" !important
}

.bpa-icon-library .icon-phone:before {
    content: "\E938" !important
}

.bpa-icon-library .icon-piggy-bank:before {
    content: "\E939" !important
}

.bpa-icon-library .icon-portion:before {
    content: "\E93A" !important
}

.bpa-icon-library .icon-question:before {
    content: "\E93B" !important
}

.bpa-icon-library .icon-ratio:before {
    content: "\E93C" !important
}

.bpa-icon-library .icon-robot:before {
    content: "\E93D" !important
}

.bpa-icon-library .icon-school:before {
    content: "\E93E" !important
}

.bpa-icon-library .icon-screens:before {
    content: "\E93F" !important
}

.bpa-icon-library .icon-settings:before {
    content: "\E940" !important
}

.bpa-icon-library .icon-shoe:before {
    content: "\E941" !important
}

.bpa-icon-library .icon-soccer:before {
    content: "\E942" !important
}

.bpa-icon-library .icon-sports:before {
    content: "\E943" !important
}

.bpa-icon-library .icon-star-of-david:before {
    content: "\E944" !important
}

.bpa-icon-library .icon-star:before {
    content: "\E945" !important
}

.bpa-icon-library .icon-store:before {
    content: "\E946" !important
}

.bpa-icon-library .icon-strategy:before {
    content: "\E956" !important
}

.bpa-icon-library .icon-sun:before {
    content: "\E947" !important
}

.bpa-icon-library .icon-teacher:before {
    content: "\E948" !important
}

.bpa-icon-library .icon-theatre:before {
    content: "\E949" !important
}

.bpa-icon-library .icon-time:before {
    content: "\E94A" !important
}

.bpa-icon-library .icon-tree:before {
    content: "\E94B" !important
}

.bpa-icon-library .icon-trophy:before {
    content: "\E94C" !important
}

.bpa-icon-library .icon-virtual:before {
    content: "\E952" !important
}

.bpa-icon-library .icon-warning:before {
    content: "\E94D" !important
}