@charset "UTF-8";

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

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

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

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

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

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

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

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

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

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

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

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

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

h1 {
  margin-top: 0;
  font-weight: 400;
  font-family: semplicitapro, sans-serif;
  color: #242424;
  font-weight: 700;
  font-size: 40px;
  line-height: 48px;
  text-transform: uppercase;
  margin-bottom: 50px
}

@media (max-width:999px) {
  h1 {
    font-size: 1.875rem;
    line-height: 2.25rem
  }
}

h2 {
  font-size: 24px;
  line-height: 28.8px
}

h2,
h3 {
  margin-top: 0;
  font-weight: 400;
  font-family: semplicitapro, sans-serif;
  color: #242424;
  font-weight: 700;
  margin-bottom: 20px
}

h3 {
  font-size: 20px;
  line-height: 24px
}

h4 {
  font-size: 16px;
  line-height: 19.2px;
  text-transform: uppercase;
  margin-bottom: 20px
}

h4,
h5 {
  margin-top: 0;
  font-weight: 400;
  font-family: semplicitapro, sans-serif;
  color: #242424;
  font-weight: 700
}

h5 {
  font-size: 17px;
  line-height: 20.4px;
  margin-bottom: 10px
}

h6 {
  margin-top: 0;
  font-weight: 400;
  font-family: semplicitapro, sans-serif;
  color: #242424;
  font-weight: 700;
  font-size: 13px;
  line-height: 15.6px;
  text-transform: uppercase;
  color: #636363;
  margin-bottom: 20px
}

p {
  margin: 0 0 20px
}

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

hr {
  margin: 0 auto 20px
}

a {
  color: #006b9c;
  text-decoration: underline;
  font-weight: 700;
  transition: background .3s, color .3s
}

a:focus,
a:hover {
  text-decoration: none
}

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

.fsAthleticsEvent.fsTable .fsElementTable,
.fsAthleticsRoster .fsElementTable,
.registrationSummary .totalTable,
.registrationSummary table.registrations,
div#registerTypes table.registerTypeTable,
table.displayTable,
table.fs_style_40 {
  margin-bottom: 20px;
  line-height: 1.8125rem;
  font-size: 1.125rem
}

.fsAthleticsEvent.fsTable .fsElementTable td,
.fsAthleticsEvent.fsTable .fsElementTable th,
.fsAthleticsRoster .fsElementTable td,
.fsAthleticsRoster .fsElementTable th,
.registrationSummary .totalTable td,
.registrationSummary .totalTable th,
.registrationSummary table.registrations td,
.registrationSummary table.registrations th,
div#registerTypes table.registerTypeTable td,
div#registerTypes table.registerTypeTable th,
table.displayTable td,
table.displayTable th,
table.fs_style_40 td,
table.fs_style_40 th {
  vertical-align: top;
  border-bottom: none
}

.fsAthleticsEvent.fsTable .fsElementTable th,
.fsAthleticsRoster .fsElementTable th,
.registrationSummary .totalTable th,
.registrationSummary table.registrations th,
div#registerTypes table.registerTypeTable th,
table.displayTable th,
table.fs_style_40 th {
  padding: 10px 20px;
  background: #0b523f;
  color: #fff;
  text-align: left;
  line-height: 1.5625rem;
  font-family: semplicitapro, sans-serif;
  font-weight: 700
}

.fsAthleticsEvent.fsTable .fsElementTable td,
.fsAthleticsRoster .fsElementTable td,
.registrationSummary .totalTable td,
.registrationSummary table.registrations td,
div#registerTypes table.registerTypeTable td,
table.displayTable td,
table.fs_style_40 td {
  padding: 10px 20px;
  background: rgba(125, 184, 45, .1)
}

.fsAthleticsEvent.fsTable .fsElementTable tr:nth-of-type(odd) td,
.fsAthleticsRoster .fsElementTable tr:nth-of-type(odd) td,
.registrationSummary .totalTable tr:nth-of-type(odd) td,
.registrationSummary table.registrations tr:nth-of-type(odd) td,
div#registerTypes table.registerTypeTable tr:nth-of-type(odd) td,
table.displayTable tr:nth-of-type(odd) td,
table.fs_style_40 tr:nth-of-type(odd) td {
  background: rgba(125, 184, 45, .05)
}

.fsAthleticsEvent.fsTable .fsElementTable tr,
.fsAthleticsRoster .fsElementTable tr,
.registrationSummary .totalTable tr,
.registrationSummary table.registrations tr,
div#registerTypes table.registerTypeTable tr,
table.displayTable tr,
table.fs_style_40 tr {
  border-bottom: 1px solid #d0d3c4
}

.fsAthleticsEvent.fsTable .fsElementTable tr.fsLoadMoreButtonRow,
.fsAthleticsRoster .fsElementTable tr.fsLoadMoreButtonRow,
.registrationSummary .totalTable tr.fsLoadMoreButtonRow,
.registrationSummary table.registrations tr.fsLoadMoreButtonRow,
div#registerTypes table.registerTypeTable tr.fsLoadMoreButtonRow,
table.displayTable tr.fsLoadMoreButtonRow,
table.fs_style_40 tr.fsLoadMoreButtonRow {
  border-bottom: none
}

.fsAthleticsEvent.fsTable .fsElementTable tr.fsLoadMoreButtonRow>td,
.fsAthleticsRoster .fsElementTable tr.fsLoadMoreButtonRow>td,
.registrationSummary .totalTable tr.fsLoadMoreButtonRow>td,
.registrationSummary table.registrations tr.fsLoadMoreButtonRow>td,
div#registerTypes table.registerTypeTable tr.fsLoadMoreButtonRow>td,
table.displayTable tr.fsLoadMoreButtonRow>td,
table.fs_style_40 tr.fsLoadMoreButtonRow>td {
  background: none;
  padding: 20px 0
}

.fsAthleticsEvent.fsTable body:not(.fsComposeMode) .fsElementTable:last-child,
.fsAthleticsRoster body:not(.fsComposeMode) .fsElementTable:last-child,
.registrationSummary body:not(.fsComposeMode) .totalTable:last-child,
.registrationSummary body:not(.fsComposeMode) table.registrations:last-child,
body:not(.fsComposeMode) .fsAthleticsEvent.fsTable .fsElementTable:last-child,
body:not(.fsComposeMode) .fsAthleticsRoster .fsElementTable:last-child,
body:not(.fsComposeMode) .registrationSummary .totalTable:last-child,
body:not(.fsComposeMode) .registrationSummary table.registrations:last-child,
body:not(.fsComposeMode) div#registerTypes table.registerTypeTable:last-child,
body:not(.fsComposeMode) table.displayTable:last-child,
body:not(.fsComposeMode) table.fs_style_40:last-child,
div#registerTypes body:not(.fsComposeMode) table.registerTypeTable:last-child {
  margin-bottom: 0
}

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

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

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

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

.fs_style_52 {
  margin: 0 0 20px;
  padding: 15px 30px;
  background: #fff;
  color: #0b523f;
  border-radius: 0;
  cursor: pointer;
  text-align: center;
  transition: .3s;
  text-decoration: none;
  border-radius: 50px;
  font-size: .75rem;
  line-height: .875rem;
  font-weight: 400;
  text-transform: uppercase;
  display: inline-block;
  border: 1px solid #0b523f
}

.fs_style_52.on,
.fs_style_52:focus,
.fs_style_52:hover,
.fsStateSelected .fs_style_52 {
  background: #0b523f;
  color: #fff;
  transition: .3s
}

.fs_style_52 em {
  display: block;
  font-style: normal;
  text-transform: none;
  font-weight: 400;
  margin-top: 10px
}

@media (max-width:699px) {
  .fsThreeColumnLayout .fs_style_52 {
    display: block
  }
}

.fs_style_43 {
  border: 0;
  margin: 0 0 20px;
  padding: 15px 30px;
  background: #0b523f;
  color: #fff;
  border-radius: 0;
  cursor: pointer;
  text-align: center;
  transition: .3s;
  text-decoration: none;
  border-radius: 50px;
  font-size: .75rem;
  line-height: .875rem;
  font-weight: 400;
  text-transform: uppercase;
  display: inline-block
}

.fs_style_43.on,
.fs_style_43:focus,
.fs_style_43:hover,
.fsStateSelected .fs_style_43 {
  background: #d5f523;
  color: #0b523f;
  transition: .3s
}

.fs_style_43 em {
  display: block;
  font-style: normal;
  text-transform: none;
  font-weight: 400;
  margin-top: 10px
}

@media (max-width:699px) {
  .fsThreeColumnLayout .fs_style_43 {
    display: block
  }
}

.fs_style_44 {
  border: 0;
  margin: 0 0 20px;
  padding: 15px 30px;
  background: #d5f523;
  color: #131313;
  border-radius: 0;
  cursor: pointer;
  text-align: center;
  transition: .3s;
  text-decoration: none;
  border-radius: 50px;
  font-size: .75rem;
  line-height: .875rem;
  font-weight: 400;
  text-transform: uppercase;
  display: inline-block
}

.fs_style_44.on,
.fs_style_44:focus,
.fs_style_44:hover,
.fsStateSelected .fs_style_44 {
  background: #7db82d;
  color: #131313;
  transition: .3s
}

.fs_style_44 em {
  display: block;
  font-style: normal;
  text-transform: none;
  font-weight: 400;
  margin-top: 10px
}

@media (max-width:699px) {
  .fsThreeColumnLayout .fs_style_44 {
    display: block
  }
}

.fs_style_45 {
  border: 0;
  margin: 0 0 20px;
  padding: 15px 30px;
  background: #7db82d;
  color: #131313;
  border-radius: 0;
  cursor: pointer;
  text-align: center;
  transition: .3s;
  text-decoration: none;
  border-radius: 50px;
  font-size: .75rem;
  line-height: .875rem;
  font-weight: 400;
  text-transform: uppercase;
  display: inline-block
}

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

.fs_style_45 em {
  display: block;
  font-style: normal;
  text-transform: none;
  font-weight: 400;
  margin-top: 10px
}

@media (max-width:699px) {
  .fsThreeColumnLayout .fs_style_45 {
    display: block
  }
}

.fs_style_46 {
  border: 0;
  margin: 0 0 20px;
  padding: 15px 30px;
  background: #318632;
  color: #fff;
  border-radius: 0;
  cursor: pointer;
  text-align: center;
  transition: .3s;
  text-decoration: none;
  border-radius: 50px;
  font-size: .75rem;
  line-height: .875rem;
  font-weight: 400;
  text-transform: uppercase;
  display: inline-block
}

.fs_style_46.on,
.fs_style_46:focus,
.fs_style_46:hover,
.fsStateSelected .fs_style_46 {
  background: #0b523f;
  color: #fff;
  transition: .3s
}

.fs_style_46 em {
  display: block;
  font-style: normal;
  text-transform: none;
  font-weight: 400;
  margin-top: 10px
}

@media (max-width:699px) {
  .fsThreeColumnLayout .fs_style_46 {
    display: block
  }
}

.fs_style_47 {
  border: 0;
  margin: 0 0 20px;
  padding: 15px 30px;
  background: #006b9c;
  color: #fff;
  border-radius: 0;
  cursor: pointer;
  text-align: center;
  transition: .3s;
  text-decoration: none;
  border-radius: 50px;
  font-size: .75rem;
  line-height: .875rem;
  font-weight: 400;
  text-transform: uppercase;
  display: inline-block
}

.fs_style_47.on,
.fs_style_47:focus,
.fs_style_47:hover,
.fsStateSelected .fs_style_47 {
  background: #003f5b;
  color: #fff;
  transition: .3s
}

.fs_style_47 em {
  display: block;
  font-style: normal;
  text-transform: none;
  font-weight: 400;
  margin-top: 10px
}

@media (max-width:699px) {
  .fsThreeColumnLayout .fs_style_47 {
    display: block
  }
}

.fs_style_48 {
  margin: 0 0 20px;
  padding: 15px 30px;
  background: rgba(0, 0, 0, 0);
  color: #fff;
  border-radius: 0;
  cursor: pointer;
  text-align: center;
  transition: .3s;
  text-decoration: none;
  border-radius: 50px;
  font-size: .75rem;
  line-height: .875rem;
  font-weight: 400;
  text-transform: uppercase;
  display: inline-block;
  border: 1px solid #fff
}

.fs_style_48.on,
.fs_style_48:focus,
.fs_style_48:hover,
.fsStateSelected .fs_style_48 {
  background: #fff;
  color: #0b523f;
  transition: .3s
}

.fs_style_48 em {
  display: block;
  font-style: normal;
  text-transform: none;
  font-weight: 400;
  margin-top: 10px
}

@media (max-width:699px) {
  .fsThreeColumnLayout .fs_style_48 {
    display: block
  }
}

.fs_style_48:focus,
.fs_style_48:hover {
  border: 1px solid #fff
}

.fs_style_49 {
  margin: 0 0 20px;
  padding: 15px 30px;
  background: rgba(0, 0, 0, 0);
  color: #fff;
  border-radius: 0;
  cursor: pointer;
  text-align: center;
  transition: .3s;
  text-decoration: none;
  border-radius: 50px;
  font-size: .75rem;
  line-height: .875rem;
  font-weight: 400;
  text-transform: uppercase;
  display: inline-block;
  border: 1px solid #fff
}

.fs_style_49.on,
.fs_style_49:focus,
.fs_style_49:hover,
.fsStateSelected .fs_style_49 {
  background: #d5f523;
  color: #0b523f;
  transition: .3s
}

.fs_style_49 em {
  display: block;
  font-style: normal;
  text-transform: none;
  font-weight: 400;
  margin-top: 10px
}

@media (max-width:699px) {
  .fsThreeColumnLayout .fs_style_49 {
    display: block
  }
}

.fs_style_49:focus,
.fs_style_49:hover {
  border: 1px solid #d5f523
}

.fs_style_50 {
  font-size: 1.0625rem;
  line-height: 1.275rem;
  text-transform: uppercase;
  padding: 28px;
  font-weight: 700;
  border-radius: 4px
}

@media (min-width:800px) {
  .fs_style_50 {
    min-width: 280px
  }
}

.fs_style_38 {
  margin: 0 0 20px;
  background: #f8f8f8;
  color: #131313;
  border-radius: 0;
  cursor: pointer;
  text-align: center;
  transition: .3s;
  text-decoration: none;
  border-radius: 50px;
  font-size: .75rem;
  line-height: .875rem;
  font-weight: 400;
  text-transform: uppercase;
  display: inline-block;
  text-transform: none;
  font-size: 1rem;
  line-height: 1.4375rem;
  padding: 14px 24px;
  border-radius: 2px;
  border: 1px solid #cfcfcf
}

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

.fs_style_38 em {
  display: block;
  font-style: normal;
  text-transform: none;
  font-weight: 400;
  margin-top: 10px
}

@media (max-width:699px) {
  .fsThreeColumnLayout .fs_style_38 {
    display: block
  }
}

.fs_style_38:before {
  content: "\E91B";
  font-family: IcoMoon;
  font-smoothing: antialiased;
  font-weight: 400;
  speak: none;
  color: #006b9c;
  font-size: 1rem;
  margin-right: 15px;
  transition: color .3s
}

.fs_style_38:focus,
.fs_style_38:hover {
  color: #006b9c
}

.fs_style_38:focus:before,
.fs_style_38:hover:before {
  color: #7db82d
}

.fs_style_39 {
  margin: 0 0 20px;
  background: #f8f8f8;
  color: #131313;
  border-radius: 0;
  cursor: pointer;
  text-align: center;
  transition: .3s;
  text-decoration: none;
  border-radius: 50px;
  font-size: .75rem;
  line-height: .875rem;
  font-weight: 400;
  text-transform: uppercase;
  display: inline-block;
  text-transform: none;
  font-size: 1rem;
  line-height: 1.4375rem;
  padding: 14px 24px;
  border-radius: 2px;
  border: 1px solid #cfcfcf
}

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

.fs_style_39 em {
  display: block;
  font-style: normal;
  text-transform: none;
  font-weight: 400;
  margin-top: 10px
}

@media (max-width:699px) {
  .fsThreeColumnLayout .fs_style_39 {
    display: block
  }
}

.fs_style_39:before {
  content: "\E91A";
  font-family: IcoMoon;
  font-smoothing: antialiased;
  font-weight: 400;
  speak: none;
  color: #006b9c;
  font-size: 1rem;
  margin-right: 15px;
  transition: color .3s
}

.fs_style_39:focus,
.fs_style_39:hover {
  color: #006b9c
}

.fs_style_39:focus:before,
.fs_style_39:hover:before {
  color: #7db82d
}

.fs_style_51 {
  width: 100%;
  max-width: none
}

.fsStyleDefaultButton {
  border: 0;
  margin: 0 0 20px;
  padding: 15px 30px;
  background: #fff;
  color: #0b523f;
  border-radius: 0;
  cursor: pointer;
  text-align: center;
  transition: .3s;
  text-decoration: none;
  border-radius: 50px;
  font-size: .75rem;
  line-height: .875rem;
  font-weight: 400;
  text-transform: uppercase;
  display: inline-block;
  border: 1px solid #0b523f !important
}

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

.fsStyleDefaultButton em {
  display: block;
  font-style: normal;
  text-transform: none;
  font-weight: 400;
  margin-top: 10px
}

@media (max-width:699px) {
  .fsThreeColumnLayout .fsStyleDefaultButton {
    display: block
  }
}

.fsLoadMoreButton {
  margin: 0 0 20px;
  padding: 15px 30px;
  background: #fff;
  color: #0b523f;
  border-radius: 0;
  cursor: pointer;
  text-align: center;
  transition: .3s;
  text-decoration: none;
  border-radius: 50px;
  font-size: .75rem;
  line-height: .875rem;
  font-weight: 400;
  text-transform: uppercase;
  display: inline-block;
  border: 1px solid #0b523f
}

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

.fsLoadMoreButton em {
  display: block;
  font-style: normal;
  text-transform: none;
  font-weight: 400;
  margin-top: 10px
}

@media (max-width:699px) {
  .fsThreeColumnLayout .fsLoadMoreButton {
    display: block
  }
}

.fsLoadMoreButton.fsLoadMoreButton {
  margin-bottom: 0;
  font-weight: 700
}

.fsLoadMoreButton.fsSelectAll {
  margin: 0 0 20px;
  padding: 15px 30px;
  background: #fff;
  color: #0b523f;
  border-radius: 0;
  cursor: pointer;
  text-align: center;
  transition: .3s;
  text-decoration: none;
  border-radius: 50px;
  font-size: .75rem;
  line-height: .875rem;
  font-weight: 400;
  text-transform: uppercase;
  display: inline-block;
  border: 1px solid #0b523f
}

.fsLoadMoreButton.fsSelectAll.on,
.fsLoadMoreButton.fsSelectAll:focus,
.fsLoadMoreButton.fsSelectAll:hover,
.fsStateSelected .fsLoadMoreButton.fsSelectAll {
  background: #0b523f;
  color: #fff;
  transition: .3s
}

.fsLoadMoreButton.fsSelectAll em {
  display: block;
  font-style: normal;
  text-transform: none;
  font-weight: 400;
  margin-top: 10px
}

@media (max-width:699px) {
  .fsThreeColumnLayout .fsLoadMoreButton.fsSelectAll {
    display: block
  }
}

.fsStyleUpdateButton,
.j-paginate.juicer-button {
  border: 0;
  margin: 0 0 20px;
  padding: 15px 30px;
  background: #318632;
  color: #fff;
  border-radius: 0;
  cursor: pointer;
  text-align: center;
  transition: .3s;
  text-decoration: none;
  border-radius: 50px;
  font-size: .75rem;
  line-height: .875rem;
  font-weight: 400;
  text-transform: uppercase;
  display: inline-block;
  width: auto
}

.fsStateSelected .fsStyleUpdateButton,
.fsStateSelected .j-paginate.juicer-button,
.fsStyleUpdateButton.on,
.fsStyleUpdateButton:focus,
.fsStyleUpdateButton:hover,
.j-paginate.juicer-button.on,
.j-paginate.juicer-button:focus,
.j-paginate.juicer-button:hover {
  background: #0b523f;
  color: #fff;
  transition: .3s
}

.fsStyleUpdateButton em,
.j-paginate.juicer-button em {
  display: block;
  font-style: normal;
  text-transform: none;
  font-weight: 400;
  margin-top: 10px
}

@media (max-width:699px) {

  .fsThreeColumnLayout .fsStyleUpdateButton,
  .fsThreeColumnLayout .j-paginate.juicer-button {
    display: block
  }
}

.scroll {
  display: none
}

.hero-container .scroll,
body:not(.active-slider) .mobile-slider .scroll {
  display: block
}

.skip-container {
  position: absolute;
  bottom: 40px;
  right: 40px;
  display: none
}

.keyboard-active .skip-container {
  display: block
}

.skip-container a {
  pointer-events: all;
  text-decoration: none
}

.skip-container a:focus,
.skip-container a:hover {
  text-decoration: underline
}

.scroll-container {
  position: absolute;
  bottom: 50px;
  margin: 0;
  width: 100%;
  height: 100px;
  justify-content: center;
  pointer-events: none;
  display: flex;
  align-items: center;
  z-index: 99;
  display: none;
  opacity: 0
}

.fp-viewing-firstPage .hero-container .scroll-container {
  display: flex;
  position: fixed;
  opacity: 1;
  transition: opacity .5s
}

.fp-viewing-secondPage .hero-container .scroll-container {
  display: none
}

@media (min-width:1100px) {
  .scroll-container {
    bottom: 0
  }
}

.scroll-container.up {
  justify-content: flex-end;
  margin-right: 20px;
  margin-bottom: 20px;
  width: calc(100% - 20px)
}

.scroll-container.up a {
  pointer-events: all
}

.scroll-container.up a span:after {
  color: #318632
}

.scroll-container.up a:focus span:after,
.scroll-container.up a:hover span:after {
  color: #7db82d
}

@media (min-width:1100px) {
  .no-scroll .scroll-container {
    top: 0;
    left: 0;
    right: 0;
    justify-content: center
  }
}

.keyboard-active .scroll-container {
  display: flex;
  opacity: 1
}

.keyboard-active .scroll-container .scroll {
  display: block
}

.scroll-container.mobile {
  top: 72vh;
  display: flex;
  opacity: 1;
  display: fixed
}

@media (min-width:700px) {
  .scroll-container.mobile {
    top: 78vh
  }
}

@media (min-width:800px) {
  .scroll-container.mobile {
    top: 81vh
  }
}

.scroll-container.mobile .scroll {
  display: block
}

.scroll-container.mobile .scroll span:after {
  color: #959595
}

.active-slider .scroll-container.mobile {
  display: none
}

.scroll a {
  width: 60px;
  height: 60px;
  z-index: 1;
  display: flex;
  justify-content: center;
  border-radius: 50%;
  line-height: .5;
  pointer-events: all
}

.custom-post-slider .scroll {
  left: auto;
  right: 20px;
  transform: none
}

.juicer-feed a h3:focus,
.juicer-feed a h3:hover {
  text-decoration: underline
}

.fsElement {
  margin-bottom: 40px
}

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

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

.fsElementHeaderContent {
  margin-bottom: 20px
}

.fsElementFooterContent {
  margin-top: 20px
}

.fsPanel {
  margin-bottom: 0
}

.fsStyleDefaultField {
  border: 1px solid #cfcfcf
}

.fsList article {
  margin-bottom: 20px
}

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

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

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

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

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

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

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

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

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

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

.fsSlideshow.fsSlideshowHorizontal .fsElementSlideshow[data-arrows*=true] {
  padding: 0 calc(75px - 1em)
}
.fsStyleColumn-1.fsSlideshow.fsSlideshowHorizontal .fsElementSlideshow[data-arrows*=true] {
  padding: 0 calc(0px - 1em) !important
}

.fsSlideshow.fsSlideshowHorizontal article {
  padding-bottom: 0
}
.fsStyleColumn-1.fsSlideshow.fsSlideshowHorizontal article {
  margin: 0;
    padding: 0px !important;
}
body:not(.fsComposeMode) .post-slider .fsStyleColumn-1 .fsThumbnail{
    max-width:100%;
}

.fsStyleColumn-3.fsSlideshow.fsSlideshowHorizontal .fsElementSlideshow[data-arrows*=true] {
  padding: 0 calc(0px - 1em) !important
}

.fsStyleColumn-3.fsSlideshow.fsSlideshowHorizontal article {
  margin: 0;
    padding: 0px !important;
}
body:not(.fsComposeMode) .post-slider .fsStyleColumn-3 .fsThumbnail{
    max-width:100%;
}
.fsSlideshow .fsNextButton,
.fsSlideshow .fsPrevButton {
  overflow: hidden;
  border: 3px solid #fff;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0
}

.fsSlideshow .fsNextButton:before,
.fsSlideshow .fsPrevButton:before {
  color: #318632;
  font-size: 10px;
  transition: .3s;
  display: inline-block;
  line-height: 1;
  width: auto;
  height: auto;
  position: relative;
  font-family: IcoMoon;
  font-weight: 400
}

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

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

.fsSlideshow .fsNextButton:focus,
.fsSlideshow .fsNextButton:hover,
.fsSlideshow .fsPrevButton:focus,
.fsSlideshow .fsPrevButton:hover {
  background: #dbe278;
  transition: all .3s
}

.fsSlideshow .fsNextButton:focus:before,
.fsSlideshow .fsNextButton:hover:before,
.fsSlideshow .fsPrevButton:focus:before,
.fsSlideshow .fsPrevButton:hover:before {
  color: #318632;
  transition: .3s
}

.fsSlideshow .fsPrevButton:before {
    content: "\f104";
    color:#fff;
    font: normal normal normal 14px / 1 FontAwesome;
}

.fsSlideshow .fsNextButton:before {
  content: "\f105";
    color:#fff;
    font: normal normal normal 14px / 1 FontAwesome;
}

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

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

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

.fsSlideshow .fsPager li button:before {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #cfd38c;
  transition: .3s;
  opacity: 1
}

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

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

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

.fsDialogCloseButton {
  opacity: 1
}

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

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

.fsElementDialog {
  color: #303030
}

.fs_style_41,
.lead-in {
  font-size: 1.25rem;
  line-height: 1.75rem;
  color: #131313;
  font-family: semplicitapro, sans-serif
}

@media (min-width:1000px) {

  .fs_style_41,
  .lead-in {
    font-size: 1.875rem;
    line-height: 2.625rem
  }
}

blockquote {
  position: relative;
  margin: 30px 0;
  line-height: 1.8rem;
  text-align: center;
  border: 1px solid #d0d3c4;
  background: #f9faf6;
  padding: 30px;
  font-size: 1.125rem;
  font-family: semplicitapro, sans-serif
}

@media (min-width:1000px) {
  blockquote {
    font-size: 1.375rem;
    line-height: 2.0625rem;
    padding: 30px 45px;
    margin: 50px 0
  }
}

blockquote:before {
  content: "\E906";
  font-family: IcoMoon;
  font-smoothing: antialiased;
  font-weight: 400;
  speak: none;
  color: #7db82d;
  margin-bottom: 20px;
  font-size: 1.0625rem;
  display: block;
  line-height: 1
}

.fsStyleOneThird blockquote {
  font-size: 1.125rem
}

cite {
  display: block;
  margin: 20px 0 0;
  font-style: normal;
  font-family: semplicitapro, sans-serif;
  color: #636363;
  font-size: .875rem;
  line-height: 1.1875rem
}

cite:before {
  content: "- "
}

.callout,
.fs_style_42 {
  padding: 0 30px;
  font-size: 1.25rem;
  line-height: 2rem;
  display: block;
  margin: 30px 0;
  position: relative;
  color: #318632;
  font-family: semplicitapro, sans-serif;
  font-weight: 400
}

@media (min-width:1000px) {

  .callout,
  .fs_style_42 {
    font-size: 1.5rem;
    line-height: 2.1875rem;
    margin: 50px 0
  }
}

.callout:before,
.fs_style_42:before {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: #d5f523;
  content: ""
}

.callout.left,
.fs_style_42.left {
  float: left;
  margin-left: 20px
}

@media (min-width:500px) {

  .callout.left,
  .fs_style_42.left {
    width: 50%
  }
}

.callout.right,
.fs_style_42.right {
  float: right;
  margin-right: 20px
}

@media (min-width:500px) {

  .callout.right,
  .fs_style_42.right {
    width: 50%
  }
}

.fsStyleOneThird .callout,
.fsStyleOneThird .fs_style_42 {
  font-size: 1.125rem
}

.card {
  color: #fff;
  overflow: hidden
}

.card>header .fsElementHeaderContent {
  margin-bottom: 0
}

.card>header .fsElementHeaderContent img {
  width: 100%;
  display: block
}

.card>.fsElementContent {
  padding: 30px;
  font-size: 1.125rem;
  line-height: 1.8125rem
}

.card h2 {
  font-size: 1.5rem;
  line-height: 1.8125rem
}

.card h1,
.card h2,
.card h3,
.card h4,
.card h5,
.card h6 {
  color: inherit
}

.card a {
  color: #fff
}

.card.light {
  background: #f9faf6
}

.card.light,
.card.light a {
  color: #131313
}

.card.primary {
  background: #0b523f
}

.card.primary .fsTitle .fsPostLink,
.card.primary .fsTitle a {
  color: #fff
}

.card.secondary {
  background: #d5f523;
  color: #131313
}

.card.secondary a {
  color: #131313
}

.card.accent-1 {
  background: #7db82d;
  color: #131313
}

.card.accent-1 a {
  color: #131313
}

.card.accent-2 {
  background: #318632
}

.card.accent-2 .fsTitle .fsPostLink,
.card.accent-2 .fsTitle a {
  color: #fff
}

.card.accent-3 {
  background: #006b9c
}

.card.accent-3 .fsTitle .fsPostLink,
.card.accent-3 .fsTitle a {
  color: #fff
}

body:not(.fsComposeMode) .photo-round {
  height: 277px;
  width: 277px;
  border-radius: 50%;
  position: relative;
  overflow: hidden
}

body:not(.fsComposeMode) .photo-round img {
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  min-width: 100%
}

body:not(.fsComposeMode) .photo-border {
  height: 277px;
  width: 277px;
  border-radius: 50%;
  border-color: #7db82d #fff #318632 #d5f523;
  border-style: solid;
  border-width: 15px;
  position: relative;
  overflow: hidden
}

body:not(.fsComposeMode) .photo-border img {
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  min-width: 100%
}

body:not(.fsComposeMode) .photo-full-border {
  height: 100%;
  width: 100%;
  padding:10px;
  position: relative;
  overflow: hidden
}

body:not(.fsComposeMode) .photo-full-border img {
  -o-object-fit: cover;
  object-fit: cover;
  border: 2px solid #7db82d;
}

.fsResourceTypeImage figcaption {
  font-size: .9375rem;
  line-height: 1.3125rem;
  color: #303030;
  font-style: italic
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0
}

.full-background {
  width: 100vw;
  margin-left: 50%;
  transform: translateX(-50%);
  font-family: semplicitapro, sans-serif;
  padding: 40px
}

@media (min-width:1000px) {
  .full-background {
    padding: 100px 40px
  }
}

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

.full-background>.fsElementContent>header .fsElementTitle {
  color: #fff;
  font-size: 24px;
  line-height: 120%
}

.full-background.light {
  background: #f9faf6;
  color: #131313
}

.full-background.dark {
  background: #0b523f;
  color: #fff
}

.full-background.dark .fsElementTitle {
  color: #fff
}

.modal-video {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
  height: 395px;
  margin-bottom: 0
}

@media (max-width:699px) {
  .modal-video {
    overflow: hidden
  }
}

.modal-video:after {
  background: rgba(0, 0, 0, .2);
  top: 0
}

.modal-video:after,
.modal-video:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0
}

.modal-video:before {
  width: 100%;
  height: 20%;
  background: linear-gradient(0deg, rgba(0, 0, 0, .9) 0, rgba(0, 0, 0, 0));
  z-index: 1
}

.modal-video .fsResourceVideoWrapper {
  position: relative;
  height: 439px;
  width: 100%
}

@media (min-width:700px) {
  .fsStyleOneThird .modal-video .fsResourceVideoWrapper {
    height: 169px
  }
}

.modal-video .fsResourceVideoWrapper:after {
  content: "\E920";
  font-family: IcoMoon;
  font-smoothing: antialiased;
  speak: none;
  font-weight: 400;
  display: block;
  color: #fff;
  font-size: 50px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  z-index: 9
}

.modal-video .fsResourceVideoWrapper:focus:after,
.modal-video .fsResourceVideoWrapper:hover:after {
  opacity: .7
}

.modal-video .fsVideoPlayOverlay,
.modal-video video {
  display: none
}

@media (min-width:700px) {
  .modal-video {
    height: 439px;
    cursor: pointer
  }

  .fsStyleOneThird .modal-video {
    height: 169px
  }

  .modal-video>header .fsElementTitle {
    font-size: 32px;
    line-height: 37px;
    background: rgba(0, 0, 0, 0);
    transform: translateY(0)
  }

  .modal-video>header .fsElementTitle:before {
    font-size: 40px;
    margin-bottom: 10px;
    position: relative;
    left: auto;
    top: auto
  }
}

.video-container {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  padding: 20px;
  z-index: 9000;
  background: rgba(0, 0, 0, .5);
  opacity: 0;
  visibility: hidden;
  overflow-x: hidden;
  overflow-y: auto;
  display: flex;
  justify-content: center;
  align-items: center
}

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

@media (max-width:999px) {
  .video-container video {
    max-width: 100%
  }
}

.video-active .video-container {
  opacity: 1;
  visibility: visible;
  transition: all .3s
}

.video-container .close-video {
  border: 0;
  background: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 0;
  color: #000;
  cursor: pointer;
  z-index: 100;
  background: #d5f523;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center
}

.video-container .close-video:before {
  content: "\E915";
  font-family: IcoMoon;
  font-smoothing: antialiased;
  font-weight: 400;
  speak: none;
  font-size: 20px;
  line-height: 20px
}

.video-container .close-video:focus,
.video-container .close-video:hover {
  background: #7db82d
}

.fsAccountBarVisible .video-container .close-video {
  top: 56px;
  right: 7px
}

.video-active {
  overflow: hidden
}

.testimonial-container {
  background: #f9faf6;
  border: 1px solid #d0d3c4
}

.testimonial-container .fsResourceElement {
  line-height: 0
}

.testimonial-container blockquote {
  border: 0;
  margin: 0;
  padding: 30px 45px 40px
}

@media (max-width:699px) {
  .testimonial-container blockquote {
    font-size: 1.125rem;
    line-height: 1.6875rem;
    padding: 30px 20px
  }
}

.testimonial-container blockquote strong {
  font-size: 24px;
  line-height: 120%;
  color: #0b523f;
  margin-top: 30px;
  display: block
}

@media (max-width:699px) {
  .testimonial-container blockquote strong {
    font-size: 20px
  }
}

.testimonial-container blockquote cite {
  text-transform: uppercase;
  font-size: 13px;
  line-height: 120%;
  font-weight: 700
}

@media (max-width:699px) {
  .testimonial-container blockquote cite {
    font-size: 11px
  }
}

.testimonial-container blockquote cite:before {
  display: none
}

.fsStyleOneThird .testimonial-container blockquote {
  font-size: 1.125rem;
  line-height: 1.6875rem;
  padding: 30px 20px
}

.fsStyleOneThird .testimonial-container blockquote strong {
  font-size: 20px
}

.fsStyleOneThird .testimonial-container blockquote cite {
  font-size: 11px
}

.fsAccordion.numbers.fsPanelIconBefore .fsPanel>header~.fsElementContent {
  border-left: 1px solid #7db82d;
  padding: 10px 20px;
  margin-left: 80px;
  margin-bottom: 5px
}

.fsAccordion.numbers.fsPanelIconBefore .fsPanel>header {
  display: flex
}

.fsAccordion.numbers.fsPanelIconBefore .fsPanel>header h2 {
  padding: 5px 0 5px 80px;
  margin-bottom: 0
}

.fsAccordion.numbers.fsPanelIconBefore .fsPanel>header h2>a {
  border-left: 1px solid #7db82d;
  padding: 20px;
  display: block
}

.fsAccordion.numbers.fsPanelIconBefore .fsPanel>header h2:before {
  display: none
}

.fsAccordion.numbers.fsPanelIconBefore .fsPanel>header h2:after {
  content: "";
  height: 100%;
  background: #318632;
  width: 1px
}

.fsAccordion.numbers.fsPanelIconBefore .fsElementHeaderContent {
  font-size: 28px;
  line-height: 24px;
  color: #318632;
  font-family: nobel, sans-serif;
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-weight: 400;
  width: 60px;
  text-align: center
}

.fsAccordion.numbers.fsPanelIconBefore .fsPanel.fsStateOpen>header h2 {
  padding: 5px 0 0 80px
}

.fsAccordion.numbers.fsPanelIconBefore .fsPanel.fsStateOpen .fsElementHeaderContent {
  font-size: 28px;
  line-height: 24px;
  color: #318632;
  font-family: nobel, sans-serif
}

@media (max-width:899px) {
  .icon-portal .fsThreeColumnLayout {
    display: flex
  }
}

@media (max-width:899px) {
  .icon-portal .fsThreeColumnLayout .fsDiv {
    margin-top: 0 !important;
    width: 33.33%;
    padding: 0 10px;
    margin-bottom: 0
  }
}

@media (max-width:699px) {
  .icon-portal .fsTwoColumnLayout {
    display: flex;
    flex-flow: wrap
  }
}

@media (max-width:699px) {
  .icon-portal .fsTwoColumnLayout>.fsDiv {
    margin-top: 0 !important;
    width: 50%;
    padding: 0;
    margin-bottom: 0
  }
}

@media (max-width:699px) and (max-width:699px) {
  .icon-portal .fsTwoColumnLayout>.fsDiv .fsStyleColumn {
    padding: 0 10px
  }
}

.dashboard-icons.fsTwoColumnLayout .fsStyleColumn {
  display: flex;
  justify-content: center;
  width: 100% !important
}

.dashboard-icons.fsTwoColumnLayout .fsStyleColumn>.fsContent {
  margin: 0;
  padding: 0 10px
}

.icon-portal .fsTwoColumnWideRightLayout>.fsDiv.fsStyleTwoThirds {
  display: flex;
  flex-wrap: wrap
}

.icon-portal .fsStyleTwoThirds .fsContent {
  margin-bottom: 0
}

@media (max-width:449px) {
  .icon-portal .fsStyleTwoThirds .fsContent {
    font-size: 14px;
    line-height: 18px
  }
}

.icon-portal .stories-blog .fsReadMoreLink {
  font-weight: 700
}

.icon-portal .stories-blog .fsListItems article {
  padding-bottom: 20px;
  border-bottom: 1px solid #cfcfcf
}

.icon-portal .fsStyleTwoThirds .fsContent {
  margin-top: 0 !important;
  width: 33.33%;
  padding: 0 10px;
  margin-bottom: 20px
}

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

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

.fsNavigation a {
  display: block;
  padding: 10px 0;
  color: #636363;
  background: rgba(0, 0, 0, 0);
  text-decoration: none
}

.fsNavigation a:focus,
.fsNavigation a:hover {
  color: #f8f7b7
}

.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>a {
  padding-right: 30px;
  position: relative
}

.fsNavigation .expander {
  border: 0;
  background: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 100%;
  font-size: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer
}

.fsNavigation .expander:before {
  content: "\E90A";
  font-family: IcoMoon;
  font-smoothing: antialiased;
  font-weight: 400;
  speak: none;
  font-size: .3125rem;
  color: #636363;
  transition: color .3s
}

.fsNavigation .expander:focus:before,
.fsNavigation .expander:hover:before {
  color: #f8f7b7
}

.fsNavigation .expanded>a {
  font-weight: 400;
  color: #303030
}

.fsNavigation .expanded>a>.expander:before {
  transform: rotate(90deg);
  position: absolute;
  right: 0
}

.fsBreadcrumb {
  margin-bottom: 20px
}

@media (max-width:799px) {
  .fsBreadcrumb {
    display: none
  }
}

.fsBreadcrumb ul li {
  display: inline-block;
  font-size: .75rem;
  color: #131313;
  text-transform: uppercase;
  font-weight: 400
}

.fsBreadcrumb ul li a {
  display: inline-block;
  padding: 0;
  color: #636363;
  font-weight: 400
}

.fsBreadcrumb ul li a:focus,
.fsBreadcrumb ul li a:hover {
  text-decoration: underline
}

.fsBreadcrumb ul li .fsNavBreadcrumbSeperator:before {
  content: "\F105";
  font-family: IcoMoon;
  font-smoothing: antialiased;
  font-weight: 400;
  speak: none;
  margin-right: 5px;
  margin-left: 5px;
  color: #636363
}

.breadcrumb-empty .fsBreadcrumb {
  display: none
}

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

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

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

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

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

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

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

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

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

body:not(.has-internal-hero) .nav-tier {
  position: relative;
  max-width: 1180px;
  border: 1px solid #d0d3c4;
  box-shadow: none;
  margin: 15px auto 0
}

.nav-tier {
  background: #f9faf6;
  box-shadow: inset 0 -1px 0 #d0d3c4;
  padding: 28px 40px;
  display: flex;
  justify-content: center
}

@media (max-width:799px) {
  .nav-tier {
    display: none
  }
}

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

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

.nav-tier ul li {
  display: inline-block;
  position: relative
}

.nav-tier ul li a {
  display: block;
  padding: 6px 12px;
  color: #636363;
  background: rgba(0, 0, 0, 0);
  font-size: .9375rem;
  line-height: 1.3125rem;
  letter-spacing: .3px;
  font-weight: 600;
  font-family: semplicitapro, sans-serif
}

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

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

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

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

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

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

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

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

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

.nav-sub {
  margin: 0;
  display: none
}

@media screen and (max-width:699px) {
  .nav-sub>header {
    display: block;
    position: relative;
    padding: 20px;
    background-color: #f9faf6;
    color: #0b523f;
    transition: .3s;
    cursor: pointer;
    box-shadow: inset 0 -1px 0 #d0d3c4
  }

  .nav-sub>header .fsElementTitle {
    margin-top: 0;
    font-weight: 400;
    font-family: semplicitapro, sans-serif;
    color: #242424;
    font-weight: 700;
    font-size: 17px;
    line-height: 20.4px;
    margin-bottom: 0;
    color: #0b523f;
    font-size: 1rem
  }

  .nav-sub>header:focus-within,
  .nav-sub>header:hover {
    background-color: #f9faf6;
    color: #318632
  }
}

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

@media screen and (max-width:699px) {
  .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: 20px;
    color: inherit;
    cursor: pointer;
    font-size: 0;
    line-height: 1
  }

  .nav-sub>header .nav-toggle:after {
    content: "\E90A";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    font-size: .3125rem
  }

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

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

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

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

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

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

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

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

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

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

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

  .nav-sub.active-nav>header {
    color: #318632;
    background-color: #f9faf6;
    box-shadow: none
  }

  .nav-sub.active-nav>header .nav-toggle:after {
    content: "\E90A";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    transform: rotate(90deg);
    position: absolute;
    right: 0
  }
}

@media (max-width:699px) {
  .nav-sub {
    background: #f9faf6;
    box-shadow: inset 0 -1px 0 #d0d3c4
  }

  body:not(.has-internal-hero) .nav-sub {
    margin: 15px 20px 0;
    border: 1px solid #d0d3c4
  }

  body:not(.has-internal-hero) .nav-sub>header {
    box-shadow: none
  }

  .nav-sub>.fsElementContent nav {
    padding: 0 20px
  }
}

@media (min-width:700px) {
  .nav-sub {
    display: block;
    padding: 15px 30px;
    background-color: #f8f8f8;
    margin-bottom: 70px;
    border: 1px solid #d0d3c4
  }
}

.nav-sub .fsNavLevel2,
.nav-sub .fsNavLevel3,
.nav-sub .fsNavLevel4,
.nav-sub .fsNavLevel5 {
  display: none
}

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

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

@media (max-width:699px) {
  .nav-sub .expander {
    right: 0
  }

  .nav-sub .expander:focus:before,
  .nav-sub .expander:hover:before {
    color: #318632
  }

  .nav-sub .expander:before {
    color: #0b523f
  }
}

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

.fsHeader .nav-sub {
  display: block
}

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

.fsPageBodyWrapper .nav-sub>header {
  padding: 20px 20px 0
}

.fsPageBodyWrapper .nav-sub .fsNavCurrentPage>a {
  font-weight: 700
}

.fsPageBodyWrapper .nav-sub .fsNavCurrentPage>a:focus,
.fsPageBodyWrapper .nav-sub .fsNavCurrentPage>a:hover {
  text-decoration: none
}

.fsPageBodyWrapper .nav-sub ul li a {
  font-size: .9375rem;
  line-height: 1.40625rem
}

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

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

.nav-sub ul li a {
  display: block;
  padding: 10px 0;
  color: #636363;
  background: rgba(0, 0, 0, 0);
  font-weight: 400
}

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

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

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

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

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

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

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

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

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

.nav-sub .fsNavLevel1>li>a {
  padding: 15px 0
}

.nav-sub .fsNavLevel2 {
  margin-bottom: 15px;
  margin-top: 5px
}

@media (max-width:799px) {
  .nav-sub .fsNavLevel2 {
    margin-left: 16px
  }
}

.nav-sub .fsNavLevel2>li>a {
  box-shadow: inset 3px 0 0 #d0d3c4;
  padding-left: 20px
}

.nav-sub .fsNavLevel3 {
  margin-bottom: 15px;
  margin-top: 15px;
  margin-left: 15px
}

.nav-sub .fsNavLevel3>li>a {
  box-shadow: inset 3px 0 0 #d0d3c4;
  padding: 10px 20px 10px 35px
}

@media (min-width:800px) {
  .nav-sub .fsNavLevel3>li>a {
    padding-left: 20px
  }
}

.nav-sub .fsNavLevel4 {
  margin-bottom: 15px;
  margin-top: 15px;
  margin-left: 20px
}

.nav-sub .fsNavLevel4>li>a {
  box-shadow: inset 3px 0 0 #d0d3c4;
  padding: 10px 20px 10px 35px
}

@media (min-width:800px) {
  .nav-sub .fsNavLevel4>li>a {
    padding-left: 20px
  }
}

.nav-sub .fsNavLevel5 {
  margin-bottom: 15px;
  margin-left: 25px
}

.nav-sub .fsNavLevel5>li>a {
  box-shadow: inset 3px 0 0 #d0d3c4;
  padding: 10px 20px 10px 35px
}

@media (min-width:800px) {
  .nav-sub .fsNavLevel5>li>a {
    padding-left: 20px
  }
}

.nav-main {
  margin-bottom: 0
}

.fsHeader .nav-main {
  display: none
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.drawer-trigger {
  position: fixed;
  top: 20px;
  right: 20px;
  width: 50px;
  height: 50px;
  z-index: 9
}

@media (min-width:1000px) {
  .drawer-trigger {
    top: 40px;
    right: 40px;
    width: 67px;
    height: 67px
  }
}

.fsAccountBarVisible .drawer-trigger {
  top: 50px
}

.mobile-toggle {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  border: 0;
  background: none;
  margin: 0;
  padding: 0;
  width: 50px;
  height: 50px;
  background: #329b47;
  border-radius: 50%;
  cursor: pointer;
  transition: background .3s
}

@media (min-width:1000px) {
  .mobile-toggle {
    width: 67px;
    height: 67px
  }
}

.mobile-toggle:hover {
  background: #7db82d
}

.mobile-toggle:after,
.mobile-toggle:before {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 2px;
  width: 40%;
  content: "";
  background: #fff
}

.mobile-toggle:before {
  margin-top: -.42105em;
  transform: translate(-50%, -50%);
  transition: margin-top .3s, transform .3s
}

.mobile-toggle:after {
  box-shadow: 0 .42105em 0 0 #fff;
  transform: translate(-50%, -50%);
  transition: box-shadow .3s, transform .3s
}

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

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

#fsMenu {
  position: fixed;
  top: 0;
  right: 0;
  transform: translate(100%);
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 999;
  transition: all .3s
}

@media (min-width:700px) {
  #fsMenu {
    max-width: 100%
  }
}

@media (min-width:1000px) {
  #fsMenu {
    max-width: 100%;
    height: 100vh;
      overflow-y:auto;
  }
}

.drawer-is-active #fsMenu {
  transform: translate(0)
}

.fsAccountBarVisible #fsMenu {
  top: 45px
}

.fsMenu {
  position: relative;
  height: 100%;
  overflow-y: auto;
  visibility: hidden;
  opacity: 0;
  background: #000;
  padding: 20px
}

@media (min-width:1000px) {
  .fsMenu {
    padding: 60px 56px
  }
}

.drawer-is-active .fsMenu {
  visibility: visible;
  opacity: 1
}

.nav-main {
  margin: 0;
  display: none
}

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

.nav-main>header {
  display: none
}

.nav-main .fsNavLevel1 {
  position: relative;
  text-align: left;
  display: flex;
  flex-direction: column;
  padding: 0;
  margin-top: 27px
}

.nav-main .fsNavLevel1>li {
  width: 186px;
  text-align: right
}

.nav-main .fsNavLevel1>li:last-child {
  margin-bottom: 0
}

.nav-main .fsNavLevel1>li a {
  font-family: semplicitapro, sans-serif
}

.nav-main .fsNavLevel1>li>a {
  position: relative;
  font-weight: 300;
  font-size: 18px;
  line-height: 22px;
  color: #0b523f;
  text-decoration: none;
  transition: all .3s;
  font-size: 22px;
  line-height: 31px;
  text-transform: uppercase;
  padding: 20px 0
}

.nav-main .fsNavLevel1>li>a:after {
  content: "";
  background: #7db82d;
  height: 1px;
  width: 60px;
  position: absolute;
  right: -90px;
  opacity: 0;
  transition: opacity .2s;
  transform: translateY(-50%);
  top: 50%
}

.nav-main .fsNavLevel1>li>a:focus {
  color: #0b523f;
  background: rgba(0, 0, 0, 0);
  text-decoration: none
}

.nav-main .fsNavLevel1>li>a:focus:after {
  opacity: 1
}

.nav-main .fsNavLevel1>li.menu-item-open>a,
.nav-main .fsNavLevel1>li:hover>a {
  color: #0b523f;
  background: rgba(0, 0, 0, 0);
  text-decoration: none
}

.nav-main .fsNavLevel1>li.menu-item-open>a:after,
.nav-main .fsNavLevel1>li:hover>a:after {
  opacity: 1
}

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

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

@media (min-width:1000px) {

  html.js .nav-main .fsNavLevel1>li>.fsNavPageInfo,
  html:not(.js) .nav-main .fsNavLevel1>li.menu-item-open>.fsNavPageInfo {
    top: 10px;
    left: 300px;
    height: 100%
  }
}

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

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

@media (min-width:1000px) {
  html:not(.js) .nav-main .fsNavLevel1>li>.fsNavPageInfo {
    top: 10px;
    left: 300px;
    height: 100%
  }
}

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

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

.nav-main .fsNavLevel2 li a {
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  text-transform: uppercase;
  color: #0b523f;
  text-decoration: none;
  padding: 12px 15px;
  text-transform: none;
  font-size: 1.125rem;
  line-height: 1.5625rem
}

.nav-main .fsNavLevel2 li[class*=fsNavCurrentPage]>a,
.nav-main .fsNavLevel2 li a:focus,
.nav-main .fsNavLevel2 li a:hover {
  text-decoration: underline
}

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

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

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

.mobile-nav-main .fsNavLevel2,
.mobile-nav-main .fsNavLevel3,
.mobile-nav-main .fsNavLevel4,
.mobile-nav-main .fsNavLevel5 {
  display: none
}

.mobile-nav-main .expander {
  right: 20px;
  width: 100%;
}
.panel-content ul li{
    margin-top:40px;
}
.mobile-nav-main .expander:before {
  color: #636363;
  font-size: 19px;
  content: "\F105";
  font-family: IcoMoon;
  font-smoothing: antialiased;
  font-weight: 400;
  speak: none
}

.mobile-nav-main .expanded>a>.expander:before {
  content: "\F107";
  font-family: IcoMoon;
  font-smoothing: antialiased;
  font-weight: 400;
  speak: none;
  transform: none
}

.mobile-nav-main .expanded>a>.expander:hover:before {
  color: #303030
}

.mobile-nav-main .expanded a {
  color: #636363
}

.mobile-nav-main a {
  font-family: semplicitapro, sans-serif;
  font-weight: 400
}

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

.mobile-nav-main [class*=fsNavCurrentPage]>a {
  text-decoration: underline
}

.mobile-nav-main .fsNavLevel1>li>a {
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 1.125rem;
  line-height: 1.5625rem;
  color: #f8f7b7
}

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

.mobile-nav-main .fsNavLevel2 a {
  font-size: 1rem;
  line-height: 1.39688rem;
  color: #fff
}

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

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

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

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

.mobile-utility li.nav-button {
  display: none
}

.mobile-utility a {
  font-size: .75rem;
  line-height: 1.0625rem;
  color: #0b523f;
  text-transform: uppercase;
  font-family: semplicitapro, sans-serif;
  font-weight: 600
}

.focusOn {
  opacity: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.nav-social .fsNavLevel1 a {
  color: #0b523f;
  text-indent: -9999px;
  position: relative;
  border: 2px solid #318632;
  height: 44px;
  width: 44px;
  border-radius: 100%
}

.nav-social .fsNavLevel1 a:focus,
.nav-social .fsNavLevel1 a:hover {
  background: #318632;
  border-color: #318632;
  color: #fff
}

.nav-social .fsNavLevel1 a:before {
  font-size: 1.25rem;
  display: block;
  text-indent: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

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

.nav-utility-header ul li {
  padding: 0
}

@media (max-width:699px) {
  .nav-utility-header ul li {
    display: none
  }
}

.nav-utility-header ul li.nav-button {
  border: 0;
  background: #318632;
  color: #fff;
  border-radius: 0;
  cursor: pointer;
  text-align: center;
  transition: .3s;
  text-decoration: none;
  border-radius: 50px;
  font-size: .75rem;
  line-height: .875rem;
  font-weight: 400;
  text-transform: uppercase;
  display: inline-block;
  padding: 0;
  margin: 0 20px 34px 0
}

.fsStateSelected .nav-utility-header ul li.nav-button,
.nav-utility-header ul li.nav-button.on,
.nav-utility-header ul li.nav-button:focus,
.nav-utility-header ul li.nav-button:hover {
  background: #0b523f;
  color: #fff;
  transition: .3s
}

.nav-utility-header ul li.nav-button em {
  display: block;
  font-style: normal;
  text-transform: none;
  font-weight: 400;
  margin-top: 10px
}

@media (max-width:699px) {
  .fsThreeColumnLayout .nav-utility-header ul li.nav-button {
    display: block
  }
}

@media (max-width:699px) {
  .nav-utility-header ul li.nav-button {
    display: block;
    margin-bottom: 13px
  }
}

.nav-utility-header ul li.nav-button a {
  padding: 10px 20px;
  color: #fff
}

.nav-utility-header ul li.nav-button a:after {
  display: none
}

.nav-utility-header ul li.nav-button a:focus,
.nav-utility-header ul li.nav-button a:hover {
  text-decoration: none
}

.nav-utility-header ul li:last-child a:after {
  display: none
}

.nav-utility-header ul a {
  font-size: .75rem;
  line-height: 1.0625rem;
  text-transform: uppercase;
  font-family: semplicitapro, sans-serif;
  color: #0b523f;
  position: relative
}

@media (min-width:1000px) {
  .nav-utility-header ul a {
    font-size: .875rem
  }
}

.nav-utility-header ul a:after {
  content: "";
  background: #7db82d;
  width: 1px;
  height: 10px;
  margin-left: 12px;
  margin-right: 12px;
  display: inline-block
}

.nav-utility-header ul a:focus,
.nav-utility-header ul a:hover {
  text-decoration: underline;
  color: #0b523f
}

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

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

#fsHeader {
  padding: 0
}

.header-container {
  position: relative;
  margin: 0;
  z-index: 9
}

.has-internal-hero .header-container {
  position: absolute;
  top: 0;
  left: 20px;
  right: 20px
}

@media (min-width:1000px) {
  .has-internal-hero .header-container {
    left: 40px;
    right: 40px
  }
}

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

body:not(.has-internal-hero):not(.home) .site-info-container {
  border-bottom: 1px solid #cfcfcf
}

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

@media (min-width:1000px) {
  .site-info-container {
    padding: 40px 0;
    height: 150px
  }
}

.site-info-container a {
  display: block;
  padding: 0px 0;
  color: rgba(0, 0, 0, 0);
  width: 197px;
  height: 50px;
  margin-left: 20px;
  background-size: cover
}
.site-info-container a img{
    max-width:80px;
    float: left;
    border-radius: 50%;
    margin-right:10px;
    box-shadow: 0px 30px 70px 0px rgb(255 255 255 / 91%);
}
.site-info-container a h1{
    color: #329b47;
    margin:0;
    padding-top:30px;
    font-family: 'georgiab';
    font-weight: 700;
    font-size: 22px;
    line-height: 21px;
}
.site-info-container a p{
    color: #fff;
    font-size: 16px;
    margin-bottom:0px;
    font-weight: 400;
}

@media (min-width:1000px) {
  .site-info-container a {
    width: 268px;
    height: 68px;
    position: absolute;
    left: 40px;
    margin-left: 0
  }
}

.has-internal-hero .site-info-container a {
  background: url(images/logo-white-2022.svg) no-repeat;
  background-size: cover;
  margin-left: 0
}

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

#fsFooter {
  padding: 0 20px 20px;
  color: #329b47;
  position: relative
}

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

#fsFooter .fsBanner:after {
  content: normal
}

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

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

#fsFooter .address-container {
  font-family: semplicitapro, sans-serif;
  font-weight: 400;
  margin-bottom: 0
}

#fsFooter .address-container>.fsElementContent {
  display: flex;
  justify-content: space-around
}

@media (max-width:999px) {
  #fsFooter .address-container>.fsElementContent {
    flex-flow: column
  }
}

#fsFooter .address-container>.fsElementContent>.fsElement {
  text-align: center;
  margin-bottom: 50px
}

@media (min-width:1000px) {
  #fsFooter .address-container>.fsElementContent>.fsElement {
    margin: 0
  }
}

#fsFooter .address-container>.fsElementContent>.fsElement:last-of-type {
  margin-bottom: 0
}

#fsFooter .utility-container {
  display: block;
  justify-content: center;
  flex-basis: 100%;
  margin-bottom: 0
}

#fsFooter .nav-social {
  margin: 60px 0
}

@media (min-width:1000px) {
  #fsFooter .nav-social {
    margin: 60px 0
  }
}

.phone-container {
  display: flex;
  justify-content: center;
  font-size: 1rem;
  line-height: 1.8125rem;
  color: #0b523f;
  font-weight: 700;
  margin-top: 40px;
  padding-bottom: 40px
}

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

.school-details [itemprop=name] {
  margin-top: 0;
  font-weight: 400;
  font-family: semplicitapro, sans-serif;
  color: #242424;
  font-weight: 700;
  font-size: 16px;
  line-height: 19.2px;
  text-transform: uppercase;
  color: #0b523f;
  font-size: .875rem;
  line-height: 1.3125rem;
  margin-bottom: 13px
}

.school-details [itemprop=address] {
  color: #303030;
  font-size: 1rem;
  line-height: 1.8125rem
}

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

@media (max-width:999px) {
  .school-details [itemprop=telephone] {
    margin-bottom: 50px
  }
}

.school-details a {
  color: inherit
}

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

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

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

body {
  font-size: 19px;
  line-height: 29px;
  color: #303030;
  font-weight: 300
}

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

body.fsComposeMode #fsPageWrapper {
  overflow: visible
}

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

@media (min-width:1000px) {
  body:not(.has-internal-hero):not(.home) #fsPageBodyWrapper {
    padding-top: 80px
  }
}

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

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

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

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

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

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

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

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

#fsPageContent {
  width: 100%
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width:700px) {

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

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

@media (min-width:900px) {
  .fsThreeColumnLayout .fsDiv {
    width: 33.33333%
  }
}

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

@media (min-width:1000px) {
  .fsFourColumnLayout .fsDiv {
    width: 25%
  }
}

.fsLayout .fsStyleOneThird,
.fsLayout .fsStyleTwoThirds {
  float: none
}

.fsLayout .fsStyleTwoThirds>.fsDiv {
  padding-left: 0;
  padding-right: 0;
  float: none
}

@media (min-width:700px) {
  .fsLayout .fsStyleTwoThirds>.fsTwoColumnLayout {
    margin-right: -20px;
    margin-left: -20px
  }
}

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

@media (min-width:700px) {

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

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

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

@media (min-width:700px) {

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

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

@media (min-width:800px) {

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

@media (min-width:1000px) {

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

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

@media (min-width:800px) {

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

@media (min-width:1000px) {

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

@media (min-width:700px) {

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

@media (min-width:800px) {

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

@media (min-width:1000px) {

  .fsHasElephantLeftLayout.fsHasRightBanner .fsStyleOneThird,
  .fsHasTwoColumnWideRightLayout.fsHasRightBanner .fsStyleOneThird {
    padding-right: 100px;
    width: 340px
  }
}

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

@media (min-width:700px) {

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

@media (min-width:800px) {

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

@media (min-width:1000px) {

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

@media (min-width:800px) {

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

@media (min-width:1000px) {

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

@media (min-width:800px) {

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

@media (min-width:1000px) {

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

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

@media (min-width:800px) {

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

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

@media (min-width:800px) {

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

@media (min-width:700px) {

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

@media (min-width:800px) {

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

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

@media (min-width:700px) {

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

@media (min-width:800px) {

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

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

@media (min-width:800px) {

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

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

@media (min-width:1000px) {

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

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

@media (min-width:1000px) {

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

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

@media (min-width:700px) {

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

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

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

@media (min-width:700px) {

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

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

@media (min-width:700px) {

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

@media (min-width:800px) {

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

@media (min-width:1000px) {

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

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

@media (min-width:700px) {

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

@media (min-width:800px) {

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

@media (min-width:1000px) {

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

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

@media (min-width:800px) {

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

@media (min-width:1000px) {

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

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

@media (min-width:800px) {

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

@media (min-width:1000px) {

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

@media (min-width:800px) {

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

@media (min-width:1000px) {

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

@media (min-width:800px) {

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

@media (min-width:1000px) {

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

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

@media (min-width:800px) {

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

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

@media (min-width:800px) {

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

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

@media (min-width:800px) {

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

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

@media (min-width:700px) {

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

@media (min-width:800px) {

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

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

@media (min-width:700px) {

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

@media (min-width:800px) {

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

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

@media (min-width:700px) {

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

@media (min-width:800px) {

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

@media (min-width:1000px) {

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

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

@media (min-width:700px) {

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

@media (min-width:800px) {

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

@media (min-width:1000px) {

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

#fsPoweredByFinalsite {
  width: 100%;
  position: relative;
  max-width: 1180px;
  background-position: 50%;
  margin: 0 auto 45px
}

.fsConstituent {
  word-break: break-word
}

.fsConstituent .fsElementPagination {
  margin: 20px 0;
  text-align: center;
  font-size: 13px;
  line-height: 120%;
  color: #636363;
  font-family: semplicitapro, sans-serif
}

.fsConstituent .fsElementPagination a {
  border: 1px solid #cfcfcf;
  box-sizing: border-box;
  border-radius: 15px;
  background: #f9faf6;
  width: 30px;
  height: 30px;
  display: inline-flex;
  text-decoration: none;
  justify-content: center;
  align-items: center;
  color: #0b523f
}

.fsConstituent .fsElementPagination a:focus,
.fsConstituent .fsElementPagination a:hover {
  background: #318632;
  color: #fff
}

.fsConstituent .fsElementPagination .fsPaginationLabel {
  display: block;
  margin-top: 20px
}

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

.fsConstituentProfile>div>strong {
  display: block
}

.fsConstituent .fsConstituentItem {
  float: none;
  width: calc(100% - 20px);
  margin: 0 auto 20px;
  border: 1px solid #cfcfcf;
  border-radius: 6px;
  padding: 20px
}

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

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

.fsConstituentItem {
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  top: 0;
  transition: all .3s
}

.fsConstituentItem:focus,
.fsConstituentItem:hover {
  box-shadow: 0 4px 15px rgba(0, 0, 0, .15);
  top: -10px
}

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

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

.fsConstituentItem .fsFullName {
  margin: 20px 0 10px
}

.fsConstituentItem .fsFullName a {
  font-size: 17px;
  line-height: 120%;
  color: #131313;
  text-decoration: none
}

.fsConstituentItem .fsFullName a:focus,
.fsConstituentItem .fsFullName a:hover {
  text-decoration: underline
}

.fsConstituentItem .fsTitles {
  color: #636363;
  font-size: 13px;
  line-height: 120%;
  text-transform: uppercase
}

.fsConstituentItem .fsPhoto {
  min-height: 300px;
  position: relative;
  overflow: hidden;
  border-radius: 4px
}

.fsConstituentItem .fsPhoto img {
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%
}

.fsConstituentItem:not(.fsHasPhoto):before {
  content: "";
  height: 0;
  padding-bottom: 100%;
  width: 100%;
  display: block;
  min-height: 300px;
  border-radius: 4px
}

.svg .fsConstituentItem:not(.fsHasPhoto):before {
  background: url(images/profile-logo.svg) no-repeat 0 50%;
  background-size: cover
}

.no-svg .fsConstituentItem:not(.fsHasPhoto):before {
  background: url(images/profile-logo.png) no-repeat 0 50%;
  background-size: cover
}

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

@media (min-width:600px) {

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

@media (min-width:800px) {

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

.fsConstituentColumnLayout_3 .fsConstituentItem:not(.fsHasPhoto):before,
.fsConstituentColumnLayout_3 .fsPhoto {
  min-height: 400px
}

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

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

.fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge .fsHasPhoto .fsProfileImage,
.fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall .fsHasPhoto .fsProfileImage,
.fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge .fsHasPhoto .fsProfileImage,
.fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall .fsHasPhoto .fsProfileImage {
  margin: 0 0 20px;
  padding: 0;
  float: none
}

.fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge .fsHasPhoto>div:not(.fsProfileImage),
.fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge .fsHasPhoto>h3,
.fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall .fsHasPhoto>div:not(.fsProfileImage),
.fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall .fsHasPhoto>h3,
.fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge .fsHasPhoto>div:not(.fsProfileImage),
.fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge .fsHasPhoto>h3,
.fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall .fsHasPhoto>div:not(.fsProfileImage),
.fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall .fsHasPhoto>h3 {
  float: none;
  width: 100%
}

@media (min-width:800px) {

  .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge .fsHasPhoto>div:not(.fsProfileImage),
  .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge .fsHasPhoto>h3,
  .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall .fsHasPhoto>div:not(.fsProfileImage),
  .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall .fsHasPhoto>h3,
  .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge .fsHasPhoto>div:not(.fsProfileImage),
  .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge .fsHasPhoto>h3,
  .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall .fsHasPhoto>div:not(.fsProfileImage),
  .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall .fsHasPhoto>h3 {
    padding: 0
  }
}

.fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge .fsHasPhoto>h3:first-child,
.fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall .fsHasPhoto>h3:first-child,
.fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge .fsHasPhoto>h3:first-child,
.fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall .fsHasPhoto>h3:first-child {
  padding: 0
}

.fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge .fsHasPhoto .fsProfileImage,
.fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge .fsHasPhoto .fsProfileImage {
  float: none
}

@media (min-width:600px) {

  .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge .fsHasPhoto .fsProfileImage,
  .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge .fsHasPhoto .fsProfileImage {
    max-width: 40%
  }
}

@media (min-width:1000px) {

  .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge.fsThumbnailRectangle .fsHasPhoto .fsProfileImage,
  .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge.fsThumbnailSquare .fsHasPhoto .fsProfileImage,
  .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge.fsThumbnailRectangle .fsHasPhoto .fsProfileImage,
  .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge.fsThumbnailSquare .fsHasPhoto .fsProfileImage {
    max-width: 512px
  }
}

@media (min-width:600px) {

  .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall .fsHasPhoto .fsProfileImage,
  .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall .fsHasPhoto .fsProfileImage {
    max-width: 25%
  }
}

@media (min-width:800px) {

  .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailRectangle .fsHasPhoto .fsProfileImage,
  .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailSquare .fsHasPhoto .fsProfileImage,
  .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailRectangle .fsHasPhoto .fsProfileImage,
  .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailSquare .fsHasPhoto .fsProfileImage {
    max-width: 128px
  }
}

.fsConstituent.fsProfile.fsThumbnailAlignLeft .fsProfileSection:after,
.fsConstituent.fsProfile.fsThumbnailAlignRight .fsProfileSection:after {
  display: none
}

.fsConstituent.fsProfile.fsThumbnailAlignLeft .fsProfileSectionData,
.fsConstituent.fsProfile.fsThumbnailAlignRight .fsProfileSectionData {
  float: none;
  display: block;
  width: 100%
}

.fsConstituent.fsProfile.fsThumbnailAlignLeft .fsProfileSectionData>div,
.fsConstituent.fsProfile.fsThumbnailAlignRight .fsProfileSectionData>div {
  clear: none
}

@media (min-width:600px) {

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

@media (min-width:800px) {

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

@media (min-width:1000px) {

  .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge.fsThumbnailRectangle .fsHasPhoto>div:not(.fsProfileImage),
  .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge.fsThumbnailRectangle .fsHasPhoto>h3,
  .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge.fsThumbnailSquare .fsHasPhoto>div:not(.fsProfileImage),
  .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge.fsThumbnailSquare .fsHasPhoto>h3 {
    padding-left: 532px
  }
}

@media (min-width:800px) {

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

@media (min-width:800px) {

  .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailRectangle .fsHasPhoto>div:not(.fsProfileImage),
  .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailRectangle .fsHasPhoto>h3,
  .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailSquare .fsHasPhoto>div:not(.fsProfileImage),
  .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailSquare .fsHasPhoto>h3 {
    padding-left: 148px
  }
}

@media (min-width:600px) {

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

@media (min-width:800px) {

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

@media (min-width:1000px) {

  .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge.fsThumbnailRectangle .fsHasPhoto>div:not(.fsProfileImage),
  .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge.fsThumbnailRectangle .fsHasPhoto>h3,
  .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge.fsThumbnailSquare .fsHasPhoto>div:not(.fsProfileImage),
  .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge.fsThumbnailSquare .fsHasPhoto>h3 {
    padding-right: 532px
  }
}

@media (min-width:800px) {

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

@media (min-width:800px) {

  .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailRectangle .fsHasPhoto>div:not(.fsProfileImage),
  .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailRectangle .fsHasPhoto>h3,
  .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailSquare .fsHasPhoto>div:not(.fsProfileImage),
  .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailSquare .fsHasPhoto>h3 {
    padding-right: 148px
  }
}

.fsProfileImage {
  margin-bottom: 20px
}

.fsProfileImage img {
  display: block
}

.fsProfileSection {
  margin-bottom: 20px
}

.fsProfileSection h4 {
  margin: 0 0 1rem
}

.fsProfileSectionData {
  margin-bottom: 1em
}

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

.fsProfileSectionData.fsTitle {
  font-weight: inherit;
  font-size: 19px;
  line-height: 29px
}

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

.fsProfileSectionData.fsStyleHalf {
  width: 100%
}

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

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

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

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

.fsConstituent.fsSearch {
  overflow: hidden
}

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

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

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

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

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

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

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

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

@media (min-width:1000px) {
  .fsConstituent.fsDialog {
    min-width: 1000px
  }
}

@media (min-width:1200px) {
  .fsConstituent.fsDialog {
    min-width: 1180px
  }
}

.fsConstituent.fsDialog .fsConstituentProfile {
  display: flex;
  font-size: 16px;
  line-height: 160%;
  font-family: semplicitapro, sans-serif;
  font-weight: 400
}

@media (max-width:999px) {
  .fsConstituent.fsDialog .fsConstituentProfile {
    flex-flow: column
  }
}

.fsConstituent.fsDialog .fsConstituentProfile:not(.fsHasPhoto):before {
  content: "";
  min-height: 246px;
  min-width: 260px;
  position: relative;
  overflow: hidden;
  border-radius: 4px;
  margin-right: 50px
}

.svg .fsConstituent.fsDialog .fsConstituentProfile:not(.fsHasPhoto):before {
  background: url(images/profile-logo.svg) no-repeat 0 50%;
  background-size: cover
}

.no-svg .fsConstituent.fsDialog .fsConstituentProfile:not(.fsHasPhoto):before {
  background: url(images/profile-logo.png) no-repeat 0 50%;
  background-size: cover
}

@media (max-width:999px) {
  .fsConstituent.fsDialog .fsConstituentProfile:not(.fsHasPhoto):before {
    height: 280px;
    width: 210px;
    min-width: 0;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px
  }
}

@media (min-width:1000px) {
  .fsConstituent.fsDialog .fsConstituentProfile:not(.fsHasPhoto):before {
    height: 460px;
    min-width: 360px
  }
}

.fsConstituent.fsDialog strong {
  font-size: 16px;
  line-height: 120%;
  text-transform: uppercase;
  font-family: semplicitapro, sans-serif;
  margin-bottom: 5px;
  width: 100%;
  display: block
}

.fsConstituent.fsDialog .fsProfileImage {
  min-height: 246px;
  min-width: 260px;
  position: relative;
  overflow: hidden;
  border-radius: 4px;
  margin-right: 50px
}

@media (max-width:999px) {
  .fsConstituent.fsDialog .fsProfileImage {
    height: 280px;
    width: 210px;
    min-width: 0;
    display: inline-block;
    margin-left: auto;
    margin-right: auto
  }
}

@media (min-width:1000px) {
  .fsConstituent.fsDialog .fsProfileImage {
    height: 460px;
    min-width: 360px
  }
}

.fsConstituent.fsDialog .fsProfileImage img {
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%
}

.fsConstituent.fsDialog .content-wrap {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  flex: 1 1 auto
}

.fsConstituent.fsDialog .content-wrap>div {
  flex-wrap: wrap;
  flex: 100%;
  margin-bottom: 15px
}

.fsConstituent.fsDialog .content-wrap .name-wrap {
  order: 0
}

.fsConstituent.fsDialog .content-wrap .fsClassOf {
  order: 1
}

.fsConstituent.fsDialog .content-wrap .fsTitles {
  order: 2
}

.fsConstituent.fsDialog .content-wrap .fsJobTitle {
  order: 3
}

.fsConstituent.fsDialog .content-wrap .fsDepartments {
  order: 4
}

.fsConstituent.fsDialog .content-wrap .fsPhones {
  order: 5
}

.fsConstituent.fsDialog .content-wrap .fsPhones br {
  display: none
}

.fsConstituent.fsDialog .content-wrap .fsBiography {
  order: 6;
  margin-top: 0
}

.fsConstituent.fsDialog .content-wrap .fsDegrees {
  order: 7
}

.fsConstituent.fsDialog .name-wrap {
  display: flex;
  align-items: center;
  order: 0;
  width: 100%;
  margin-bottom: 15px
}

@media (max-width:999px) {
  .fsConstituent.fsDialog .name-wrap {
    flex-flow: wrap
  }
}

.fsConstituent.fsDialog .name-wrap .fsFullName {
  margin: 0;
  order: 1;
  color: #0b523f;
  font-size: 24px;
  line-height: 120%
}

.fsConstituent.fsDialog .name-wrap .fsFullName a {
  font-size: 17px;
  line-height: 120%;
  color: #131313;
  text-decoration: none
}

.fsConstituent.fsDialog .name-wrap .fsFullName a:focus,
.fsConstituent.fsDialog .name-wrap .fsFullName a:hover {
  text-decoration: underline
}

.fsConstituent.fsDialog .name-wrap .fsFullName .fsEmail {
  margin-left: auto
}

.fsConstituent.fsDialog .name-wrap .fsCustom7 {
  order: 2;
  position: relative;
  font-size: 0;
  width: 25px;
  height: 20px;
  margin-left: 10px;
  cursor: pointer
}

.fsConstituent.fsDialog .name-wrap .fsCustom7 strong {
  display: none
}

.fsConstituent.fsDialog .name-wrap .fsCustom7:after {
  content: "\E90D";
  font-family: IcoMoon;
  font-smoothing: antialiased;
  font-weight: 400;
  speak: none;
  font-size: 26px;
  color: #636363;
  position: absolute;
  top: 0
}

.fsConstituent.fsDialog .name-wrap .fsCustom7:focus:after,
.fsConstituent.fsDialog .name-wrap .fsCustom7:hover:after {
  color: #318632
}

.fsConstituent.fsDialog .name-wrap .fsEmail {
  order: 3;
  margin: 10px 0
}

@media (min-width:1000px) {
  .fsConstituent.fsDialog .name-wrap .fsEmail {
    margin: 0 0 0 auto
  }
}

.fsConstituent.fsDialog .name-wrap .fsEmail strong {
  display: none
}

.fsConstituent.fsDialog .name-wrap .fsEmail a {
  text-decoration: none
}

.fsConstituent.fsDialog .name-wrap .fsEmail a:focus .fsEmailIcon,
.fsConstituent.fsDialog .name-wrap .fsEmail a:hover .fsEmailIcon {
  background: #0b523f
}

.fsConstituent.fsDialog .name-wrap .fsEmail .fsEmailIcon {
  border-radius: 20px;
  background: #318632;
  color: #fff;
  padding: 8px 25px;
  opacity: 1;
  display: flex;
  align-items: center;
  transition: all .3s
}

@media (max-width:999px) {
  .fsConstituent.fsDialog .name-wrap .fsEmail .fsEmailIcon {
    margin-left: 25px
  }
}

.fsConstituent.fsDialog .name-wrap .fsEmail .fsEmailIcon:before {
  color: #fff;
  margin-right: 10px
}

.fsConstituent.fsDialog .name-wrap .fsEmail .fsEmailIcon:after {
  content: "Email";
  color: #fff;
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  font-family: semplicitapro, sans-serif
}

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

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

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

.fsConstituent .fsProfileSection3 {
  order: 2;
  width: 100%;
  display: block
}

.fsConstituent .fsProfileSection8 {
  order: 3;
  width: 100%;
  display: block
}

.fsConstituent .fsProfileSection9 {
  order: 9;
  width: 100%;
  display: block
}

.fsConstituent .fsProfileSection117 {
  order: 11;
  width: 100%;
  display: block
}

.fsConstituent .fsProfileSection1,
.fsConstituent .fsProfileSection95 {
  order: 10
}

.fsConstituent .fsTitles {
  font-size: 13px;
  line-height: 120%;
  text-transform: uppercase;
  margin-bottom: 30px;
  order: 2;
  width: 100%;
  display: block
}

.fsConstituent .fsTitles strong {
  display: none
}

.fsConstituent .fsDegrees {
  order: 4
}

@media (max-width:999px) {
  .fsConstituent .fsDegrees {
    width: 100%;
    margin-bottom: 20px
  }
}

@media (min-width:1000px) {
  .fsConstituent .fsDegrees {
    flex: 0 0 65% !important;
    display: flex;
    flex-flow: column
  }
}

.fsConstituent .fsDepartments {
  order: 3
}

@media (max-width:999px) {
  .fsConstituent .fsDepartments {
    width: 100%;
    margin-bottom: 20px
  }
}

@media (min-width:1000px) {
  .fsConstituent .fsDepartments {
    flex: 0 0 35% !important;
    flex-flow: column;
    display: flex;
    padding-right: 30px
  }
}

.fsConstituent .fsBiography {
  order: 5;
  width: 100%;
  margin-top: 20px
}

.fsConstituent .fsBiography>br {
  display: none
}

.fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailLarge .fsProfileImage,
.fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall .fsProfileImage,
.fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailLarge .fsProfileImage,
.fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall .fsProfileImage {
  margin: 0 0 20px;
  padding: 0;
  float: none
}

.fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailLarge>div:not(.fsProfileImage),
.fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailLarge>h3,
.fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall>div:not(.fsProfileImage),
.fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall>h3,
.fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailLarge>div:not(.fsProfileImage),
.fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailLarge>h3,
.fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall>div:not(.fsProfileImage),
.fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall>h3 {
  float: none;
  width: 100%
}

@media (min-width:800px) {

  .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailLarge>div:not(.fsProfileImage),
  .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailLarge>h3,
  .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall>div:not(.fsProfileImage),
  .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall>h3,
  .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailLarge>div:not(.fsProfileImage),
  .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailLarge>h3,
  .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall>div:not(.fsProfileImage),
  .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall>h3 {
    padding: 0
  }
}

.fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailLarge>h3:first-child,
.fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall>h3:first-child,
.fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailLarge>h3:first-child,
.fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall>h3:first-child {
  padding: 0
}

.fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailLarge .fsProfileImage,
.fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailLarge .fsProfileImage {
  float: none
}

@media (min-width:600px) {

  .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailLarge .fsProfileImage,
  .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailLarge .fsProfileImage {
    max-width: 40%
  }
}

@media (min-width:600px) {

  .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall .fsProfileImage,
  .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall .fsProfileImage {
    max-width: 25%
  }
}

@media (min-width:800px) {

  .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailRectangle .fsProfileImage,
  .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailSquare .fsProfileImage,
  .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailRectangle .fsProfileImage,
  .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailSquare .fsProfileImage {
    max-width: 128px
  }
}

.fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft .fsProfileSection:after,
.fsElementDialog .fsHasPhoto.fsThumbnailAlignRight .fsProfileSection:after {
  display: none
}

.fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft .fsProfileSectionData,
.fsElementDialog .fsHasPhoto.fsThumbnailAlignRight .fsProfileSectionData {
  float: none;
  display: block;
  width: 100%
}

.fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft .fsProfileSectionData>div,
.fsElementDialog .fsHasPhoto.fsThumbnailAlignRight .fsProfileSectionData>div {
  clear: none
}

@media (min-width:600px) {

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

@media (min-width:800px) {

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

@media (min-width:800px) {

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

@media (min-width:800px) {

  .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailRectangle>div:not(.fsProfileImage),
  .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailRectangle>h3,
  .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailSquare>div:not(.fsProfileImage),
  .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailSquare>h3 {
    padding-left: 148px
  }
}

@media (min-width:600px) {

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

@media (min-width:800px) {

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

@media (min-width:800px) {

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

@media (min-width:800px) {

  .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailRectangle>div:not(.fsProfileImage),
  .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailRectangle>h3,
  .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailSquare>div:not(.fsProfileImage),
  .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailSquare>h3 {
    padding-right: 148px
  }
}

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

.fsAccordion .fsPanel>header,
.fsTabs .fsPanel>header {
  position: relative;
  cursor: pointer;
  background: #fff;
  transition: .3s;
  border-top: 1px solid #e5e5e5
}

.fsAccordion .fsPanel>header h2,
.fsTabs .fsPanel>header h2 {
  margin-top: 0;
  font-weight: 400;
  font-family: semplicitapro, sans-serif;
  color: #242424;
  font-weight: 700;
  font-size: 24px;
  line-height: 28.8px;
  margin-bottom: 2px;
  display: block;
  font-size: 20px;
  padding: 20px 0;
  color: #303030;
  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: #fff;
  transition: .3s
}

.fsAccordion .fsPanel>header:hover h2,
.fsTabs .fsPanel>header:hover h2 {
  color: #318632;
  transition: .3s
}

.fsAccordion .fsPanel>.fsElementContent,
.fsTabs .fsPanel>.fsElementContent {
  padding: 0 0 20px
}

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

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

.fsAccordion .fsPanel.fsStateOpen>header h2:before,
.fsTabs .fsPanel.fsStateOpen>header h2:before {
  content: "-"
}

.fsPanelIconAfter.fsAccordion .fsPanel>header h2:after,
.fsPanelIconAfter.fsTabs .fsPanel>header h2:after,
.fsPanelIconBefore.fsAccordion .fsPanel>header h2:before,
.fsPanelIconBefore.fsTabs .fsPanel>header h2:before {
  content: "";
  border: none;
  width: auto;
  height: auto;
  position: absolute;
  margin: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: .8125rem;
  color: #303030;
  font-weight: 700;
  content: "\E909";
  font-family: IcoMoon;
  font-smoothing: antialiased;
  font-weight: 400;
  speak: none
}

.fsPanelIconAfter.fsAccordion .fsPanel.fsStateOpen>header h2:after,
.fsPanelIconAfter.fsTabs .fsPanel.fsStateOpen>header h2:after,
.fsPanelIconBefore.fsAccordion .fsPanel.fsStateOpen>header h2:before,
.fsPanelIconBefore.fsTabs .fsPanel.fsStateOpen>header h2:before {
  content: "";
  border: none;
  width: auto;
  height: auto;
  position: absolute;
  margin: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: .8125rem;
  color: #303030;
  font-weight: 700;
  content: "\E908";
  font-family: IcoMoon;
  font-smoothing: antialiased;
  font-weight: 400;
  speak: none
}

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

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

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

.fsPanelIconAfter.fsAccordion .fsPanel>header h2:before,
.fsPanelIconAfter.fsTabs .fsPanel>header h2:before {
  display: none
}

.fsPanelIconAfter.fsAccordion .fsPanel>header h2:after,
.fsPanelIconAfter.fsTabs .fsPanel>header h2:after {
  right: 13.33333px
}

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

.hide-bell .fsAlertFeeds .fsAlertsIcon {
  display: none
}

.fsAthleticsEvent>.fsElementContent {
  width: 100%
}

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

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

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

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

.fsAthleticsEvent .fsAthleticsEventDetailLink {
  text-decoration: underline
}

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

.fsAthleticsEvent.fsList .fsElementEventIcon {
  margin-right: 10px;
  line-height: 1
}

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

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

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

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

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

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

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

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

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

@media (min-width:801px) {

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

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

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

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

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

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

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

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

  .fsAthleticsEvent.fsTable .fsElementTable td:before {
    display: inline-block;
    font-weight: 700
  }

  .fsAthleticsEvent.fsTable .fsElementTable td.fsTitle:before {
    content: "Team: "
  }

  .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsOpponents,
  .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsOpponents .fsAthleticsOpponentNames,
  .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsOpponents .fsAthleticsVs {
    display: inline-block
  }

  .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsOpponents:before {
    content: "Opponent: "
  }

  .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsDate .fsDateTime {
    display: inline-block
  }

  .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsDate:before {
    content: "Date: "
  }

  .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsTime .fsDateTime {
    display: inline-block
  }

  .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsTime:before {
    content: "Time: "
  }

  .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsLocations:before {
    content: "Location: "
  }

  .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsAdvantage:before {
    content: "Advantage: "
  }

  .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsEventType:before {
    content: "Type: "
  }

  .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsDetails:before {
    content: "Details: "
  }

  .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsResult:before {
    content: "Result: "
  }

  .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsScore:before {
    content: "Score: "
  }

  .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsAlerts:before {
    content: "Alerts: "
  }

  .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsDismissal:before {
    content: "Dismissal: "
  }

  .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsDeparture:before {
    content: "Departure: "
  }

  .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsReturn:before {
    content: "Return Time: "
  }

  .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsPickup:before {
    content: "Pickup Time: "
  }

  .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsRecap:before {
    content: "Recap: "
  }

  .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsStatus:before {
    content: "Status: "
  }
}

.fsAthleticsEvent.fsTable .fsAthleticsVs+div {
  display: inline
}

.fsAthleticsEvent.fsTable .fsAthleticsDepartureLabel,
.fsAthleticsEvent.fsTable .fsAthleticsDismissalLabel,
.fsAthleticsEvent.fsTable .fsAthleticsPickupLabel,
.fsAthleticsEvent.fsTable .fsAthleticsReturnLabel {
  display: none
}

.fsAthleticsEvent.fsTable .fsAthleticsDismissal .fsDateTime {
  display: inline-block
}

@media (min-width:800px) {
  .fsAthleticsEvent.fsTable .fsAthleticsDismissal .fsDateTime {
    display: block
  }
}

body.fsComposeMode .fsAthleticsEvent.fsTable>.fsElementContent {
  overflow-x: auto
}

.fsAthleticsEvent.fsDialog {
  margin: auto
}

.fsAthleticsEvent.fsDialog .fsAthleticsTitle {
  margin-top: 0;
  font-weight: 400;
  font-family: semplicitapro, sans-serif;
  color: #242424;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 20px
}

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

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

.fsAthleticsRoster .fsElementTable td:before,
.fsAthleticsRosterList li>div:before {
  margin-right: 5px;
  display: inline-block;
  font-weight: 700
}

.fsAthleticsRoster .fsElementTable td.fsRosterPlayerNumber:before,
.fsAthleticsRosterList li>div.fsRosterPlayerNumber:before {
  content: "Number: "
}

.fsAthleticsRoster .fsElementTable td.fsRosterName:before,
.fsAthleticsRosterList li>div.fsRosterName:before {
  content: "Name: "
}

.fsAthleticsRoster .fsElementTable td.fsRosterPosition:before,
.fsAthleticsRosterList li>div.fsRosterPosition:before {
  content: "Position: "
}

.fsAthleticsRoster .fsElementTable td.fsRosterClass:before,
.fsAthleticsRosterList li>div.fsRosterClass:before {
  content: "Class: "
}

.fsAthleticsRoster .fsElementTable td.fsRosterGradeLevel:before,
.fsAthleticsRosterList li>div.fsRosterGradeLevel:before {
  content: "Grade: "
}

.fsAthleticsRoster .fsElementTable td.fsRosterHometown:before,
.fsAthleticsRosterList li>div.fsRosterHometown:before {
  content: "Hometown: "
}

.fsAthleticsRoster .fsElementTable td.fsRosterHeight:before,
.fsAthleticsRosterList li>div.fsRosterHeight:before {
  content: "Height: "
}

.fsAthleticsRoster .fsElementTable td.fsRosterWeight:before,
.fsAthleticsRosterList li>div.fsRosterWeight:before {
  content: "Weight: "
}

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

@media (min-width:800px) {
  .fsAthleticsRoster .fsElementTable td:before {
    display: none
  }
}

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

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

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

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

.fsAthleticsRosterContent {
  margin-bottom: 20px
}

.fsAthleticsRosterContent:empty,
.fsAthleticsRosterContent:last-child {
  margin-bottom: 0
}

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

.fsAthleticsRosterList li {
  margin: 0;
  padding: 0;
  padding-bottom: 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
}

.fsAthleticsTeamIcon {
  margin-right: 10px
}

.fsBoardElement.fsThumbnailAlignLeft .fsThumbnail {
  float: none
}

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

.fsBoardElement.fsThumbnailAlignRight .fsThumbnail {
  float: none
}

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

.fsCalendar article {
  position: relative;
  padding-left: 75px;
  min-height: 60px;
  padding-top: 0
}

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

.fsCalendar .fsDate {
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  height: 60px;
  width: 60px;
  color: #fff;
  background: #0b523f;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center
}

.fsCalendar .fsDate>span {
  display: block
}

.fsCalendar .fsDate>span.fsMonth {
  font-size: .625rem;
  line-height: .875rem;
  text-transform: uppercase;
  font-weight: 700
}

.fsCalendar .fsDate>span.fsDay {
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-weight: 700
}

.fsCalendar .fsTitle {
  font-size: 18px;
  line-height: 25px;
  font-family: semplicitapro, sans-serif;
  margin-bottom: 15px;
  color: #131313
}

.fsCalendar .fsTitle .fsCalendarEventLink {
  text-decoration: none;
  font-size: 18px;
  line-height: 25px;
  color: #131313
}

.fsCalendar .fsAllDay,
.fsCalendar .fsTimeRange {
  font-size: 12px;
  line-height: 14px;
  margin-bottom: 4px;
  color: #636363
}

.fsCalendar .fsAllDay:before,
.fsCalendar .fsTimeRange:before {
  content: "\F017";
  font-family: IcoMoon;
  font-smoothing: antialiased;
  font-weight: 400;
  speak: none;
  color: #7db82d;
  margin-right: 5px
}

.fsCalendar .fsLocation {
  font-size: 12px;
  line-height: 14px;
  text-transform: uppercase;
  margin-bottom: 10px;
  color: #636363
}

.fsCalendar .fsLocation:before {
  content: "\E904";
  font-family: IcoMoon;
  font-smoothing: antialiased;
  font-weight: 400;
  speak: none;
  color: #7db82d;
  margin-right: 5px
}

.fsCalendar .fsDescription,
.fsCalendar .fsNotes {
  font-size: 15px;
  line-height: 140%;
  margin-bottom: 18px
}

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

.fsCalendar .fsCalendarEventLink {
  font-size: 13px;
  line-height: 120%;
  text-decoration: none;
  font-weight: 700
}

.fsCalendar .fsCalendarEventLink:focus,
.fsCalendar .fsCalendarEventLink:hover {
  text-decoration: underline;
  color: #000
}

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

.fsCalendarEventGrid .fsCalendarRow {
  display: flex
}

.fsCalendarEventGrid .fsCalendarRow .fsCalendarToday {
  background-color: rgba(11, 82, 63, .1)
}

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

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

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

.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: #303030;
    background: #fff;
    transition: .3s
  }

  .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarWeekendDayBox>div:focus,
  .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarWeekendDayBox>div:focus .fsCalendarOutOfRange,
  .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarWeekendDayBox>div:hover,
  .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarWeekendDayBox>div:hover .fsCalendarOutOfRange,
  .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox:not(.fsCalendarWeekendDayBox):focus,
  .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox:not(.fsCalendarWeekendDayBox):focus .fsCalendarOutOfRange,
  .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox:not(.fsCalendarWeekendDayBox):hover,
  .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox:not(.fsCalendarWeekendDayBox):hover .fsCalendarOutOfRange {
    color: #fff;
    background: #039;
    transition: .3s
  }

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

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

  .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsStateHasEvents .fsCalendarDate:after {
    content: "\25CF";
    font-size: 10px;
    display: block;
    line-height: .5;
    transform: translate3d(0, 3px, 0)
  }

  .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarWeekendDayBox>div {
    position: relative;
    min-height: 22px;
    width: 100%;
    padding: 0;
    overflow: hidden
  }

  .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarWeekendDayBox>div:first-child {
    box-shadow: inset 0 -1px 0 0 #cfcfcf
  }

  .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarWeekendDayBox>div:not([tabIndex]) .fsCalendarDate {
    margin-bottom: 0
  }

  .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarWeekendDayBox>div:not([tabIndex]) .fsCalendarDate:after {
    display: none
  }

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

  .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarWeekendDayBox>div.selected:focus,
  .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarWeekendDayBox>div.selected:hover {
    color: #fff;
    background: #039;
    transition: .3s
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.scroll-up {
  border: 0;
  padding: 15px 30px;
  background: #0b523f;
  color: #fff;
  border-radius: 0;
  cursor: pointer;
  text-align: center;
  transition: .3s;
  text-decoration: none;
  border-radius: 50px;
  font-size: .75rem;
  line-height: .875rem;
  font-weight: 400;
  text-transform: uppercase;
  display: inline-block;
  display: table;
  margin: 20px auto
}

.fsStateSelected .scroll-up,
.scroll-up.on,
.scroll-up:focus,
.scroll-up:hover {
  background: #d5f523;
  color: #0b523f;
  transition: .3s
}

.scroll-up em {
  display: block;
  font-style: normal;
  text-transform: none;
  font-weight: 400;
  margin-top: 10px
}

@media (max-width:699px) {
  .fsThreeColumnLayout .scroll-up {
    display: block
  }
}

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

@media (max-width:699px) {
  .fsCalendar.fsSlideshow article {
    position: relative;
    padding-left: 20px;
    display: flex;
    flex-direction: column
  }
}

.fsCalendar.fsSlideshow .fsDate {
  height: 80px;
  border-radius: 0
}

@media (max-width:699px) {
  .fsCalendar.fsSlideshow .fsDate {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px
  }
}

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

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

.fsCalendar.fsEvent .fsDate {
  height: 80px;
  border-radius: 0
}

@media (max-width:699px) {
  .fsCalendar.fsDialog article {
    position: relative;
    padding-left: 0;
    display: flex;
    flex-direction: column
  }
}

.fsCalendar.fsDialog .fsDate {
  height: 80px;
  border-radius: 0
}

@media (max-width:699px) {
  .fsCalendar.fsDialog .fsDate {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px
  }
}

input,
select,
textarea {
  padding: 5px;
  max-width: 100%
}

.fsComposerFormEmbed,
.pagetype_eventReg {
  background: none
}

.fsComposerFormEmbed body,
.pagetype_eventReg body {
  margin: 0
}

.fsComposerFormEmbed form,
.pagetype_eventReg form {
  zoom: 1
}

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

.fsComposerFormEmbed form input,
.fsComposerFormEmbed form select,
.fsComposerFormEmbed form textarea,
.pagetype_eventReg form input,
.pagetype_eventReg form select,
.pagetype_eventReg form textarea {
  font-family: nobel, sans-serif;
  font-size: 19px;
  line-height: 29px;
  color: #303030
}

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

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

.fsComposerFormEmbed form fieldset,
.pagetype_eventReg form fieldset {
  padding: 0
}

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

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

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

.fsComposerFormEmbed form .elementRow,
.pagetype_eventReg form .elementRow {
  max-width: 100%;
  margin: 0
}

.fsComposerFormEmbed form .elementRow:last-child .elementContainer:last-child,
.pagetype_eventReg form .elementRow:last-child .elementContainer:last-child {
  margin-bottom: 0
}

.fsComposerFormEmbed form .elementContainer,
.pagetype_eventReg form .elementContainer {
  margin: 0 0 20px;
  padding: 0
}

@media screen and (max-width:599px) {

  .fsComposerFormEmbed form .elementContainer,
  .pagetype_eventReg form .elementContainer {
    width: 100%
  }
}

.fsComposerFormEmbed form .elementContainer label,
.pagetype_eventReg form .elementContainer label {
  margin-bottom: 2px
}

.fsComposerFormEmbed form .elementContainer label.horizontal,
.pagetype_eventReg form .elementContainer label.horizontal {
  white-space: normal;
  margin-right: 10px !important
}

.fsComposerFormEmbed form .elementContainer label.horizontal:last-child,
.pagetype_eventReg form .elementContainer label.horizontal:last-child {
  margin-right: 0
}

.fsComposerFormEmbed form .elementContainer hr,
.pagetype_eventReg form .elementContainer hr {
  margin: 0 auto
}

.fsComposerFormEmbed form .elementContainer p:last-child,
.pagetype_eventReg form .elementContainer p:last-child {
  margin-bottom: 0
}

@media screen and (max-width:599px) {

  .fsComposerFormEmbed form .elementBody>input,
  .pagetype_eventReg form .elementBody>input {
    width: 100%
  }
}

.fsComposerFormEmbed form .elementBody>.descText,
.pagetype_eventReg form .elementBody>.descText {
  margin-bottom: 10px
}

.fsComposerFormEmbed form .labelLeft .elementContainer .groupLabel,
.fsComposerFormEmbed form .labelLeft .elementContainer label,
.pagetype_eventReg form .labelLeft .elementContainer .groupLabel,
.pagetype_eventReg 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,
  .pagetype_eventReg form .labelLeft .elementContainer .groupLabel,
  .pagetype_eventReg form .labelLeft .elementContainer label {
    width: 20%;
    padding-right: 10px;
    text-align: right;
    float: left
  }
}

@media (min-width:600px) {

  .fsComposerFormEmbed form .labelLeft .elementContainer>label,
  .pagetype_eventReg form .labelLeft .elementContainer>label {
    padding: 5px 10px 5px 5px
  }
}

.fsComposerFormEmbed form .labelLeft .elementContainer .groupLabel label,
.pagetype_eventReg form .labelLeft .elementContainer .groupLabel label {
  width: 100%
}

.fsComposerFormEmbed form .labelLeft .elementContainer fieldset label,
.pagetype_eventReg form .labelLeft .elementContainer fieldset label {
  width: auto
}

.fsComposerFormEmbed form .labelLeft .elementBody,
.pagetype_eventReg form .labelLeft .elementBody {
  margin: 0;
  width: 100%;
  float: none
}

@media (min-width:600px) {

  .fsComposerFormEmbed form .labelLeft .elementBody,
  .pagetype_eventReg form .labelLeft .elementBody {
    width: 80%;
    float: left
  }
}

.fsComposerFormEmbed form .linkLike,
.pagetype_eventReg form .linkLike {
  color: #006b9c;
  margin-right: 10px;
  cursor: pointer;
  transition: .3s
}

.fsComposerFormEmbed form .linkLike:hover,
.pagetype_eventReg form .linkLike:hover {
  color: #039
}

.fsComposerFormEmbed form .required,
.pagetype_eventReg form .required {
  color: #0b523f
}

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

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

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

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

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

.fsComposerFormEmbed form .elementColumn,
.pagetype_eventReg form .elementColumn {
  zoom: 1;
  margin-bottom: 20px;
  max-width: 100%
}

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

@media screen and (max-width:599px) {

  .fsComposerFormEmbed form .elementColumn,
  .pagetype_eventReg form .elementColumn {
    float: none !important;
    width: 100% !important
  }
}

.fsComposerFormEmbed form .elementColumn .elementContainer,
.pagetype_eventReg form .elementColumn .elementContainer {
  margin-bottom: 0
}

.fsComposerFormEmbed form .elementColumn .elementBody>input,
.pagetype_eventReg form .elementColumn .elementBody>input {
  width: 100%
}

.fsComposerFormEmbed form .pageBreak,
.pagetype_eventReg form .pageBreak {
  zoom: 1
}

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

.fsComposerFormEmbed form .pageBreak .nextPage,
.fsComposerFormEmbed form .pageBreak .prevPage,
.pagetype_eventReg form .pageBreak .nextPage,
.pagetype_eventReg form .pageBreak .prevPage {
  background: none;
  border: none;
  color: #006b9c;
  transition: .3s;
  outline: 0;
  float: left;
  line-height: 1;
  padding: 10px 0
}

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

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

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

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

.fsComposerFormEmbed form .submitBtn,
.pagetype_eventReg form .submitBtn {
  border: 0;
  margin: 0 0 20px;
  padding: 15px 30px;
  background: #0b523f;
  color: #fff;
  border-radius: 0;
  cursor: pointer;
  text-align: center;
  transition: .3s;
  text-decoration: none;
  border-radius: 50px;
  font-size: .75rem;
  line-height: .875rem;
  font-weight: 400;
  text-transform: uppercase
}

.fsComposerFormEmbed form .submitBtn.on,
.fsComposerFormEmbed form .submitBtn:focus,
.fsComposerFormEmbed form .submitBtn:hover,
.fsStateSelected .fsComposerFormEmbed form .submitBtn,
.fsStateSelected .pagetype_eventReg form .submitBtn,
.pagetype_eventReg form .submitBtn.on,
.pagetype_eventReg form .submitBtn:focus,
.pagetype_eventReg form .submitBtn:hover {
  background: #d5f523;
  color: #0b523f;
  transition: .3s
}

.fsComposerFormEmbed form .submitBtn em,
.pagetype_eventReg form .submitBtn em {
  display: block;
  font-style: normal;
  text-transform: none;
  font-weight: 400;
  margin-top: 10px
}

@media (max-width:699px) {

  .fsThreeColumnLayout .fsComposerFormEmbed form .submitBtn,
  .fsThreeColumnLayout .pagetype_eventReg form .submitBtn {
    display: block
  }
}

.fsComposerFormEmbed .ui-widget,
.pagetype_eventReg .ui-widget {
  font-family: nobel, sans-serif;
  max-width: 100%
}

.fsComposerFormEmbed .ui-datepicker:empty,
.pagetype_eventReg .ui-datepicker:empty {
  display: none
}

.fsComposerFormEmbed .ui-datepicker .ui-datepicker-header,
.pagetype_eventReg .ui-datepicker .ui-datepicker-header {
  background: none;
  border: none
}

.fsComposerFormEmbed .ui-datepicker .ui-datepicker-next,
.fsComposerFormEmbed .ui-datepicker .ui-datepicker-prev,
.pagetype_eventReg .ui-datepicker .ui-datepicker-next,
.pagetype_eventReg .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,
.pagetype_eventReg .ui-datepicker .ui-datepicker-next span,
.pagetype_eventReg .ui-datepicker .ui-datepicker-prev span {
  display: none
}

.fsComposerFormEmbed .ui-datepicker .ui-datepicker-next:before,
.fsComposerFormEmbed .ui-datepicker .ui-datepicker-prev:before,
.pagetype_eventReg .ui-datepicker .ui-datepicker-next:before,
.pagetype_eventReg .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,
.pagetype_eventReg .ui-datepicker .ui-datepicker-next:hover:before,
.pagetype_eventReg .ui-datepicker .ui-datepicker-prev:hover:before {
  transition: .3s;
  opacity: .5
}

.fsComposerFormEmbed .ui-datepicker .ui-datepicker-next:before,
.pagetype_eventReg .ui-datepicker .ui-datepicker-next:before {
  content: "\203A"
}

.fsComposerFormEmbed .ui-datepicker .ui-datepicker-prev:before,
.pagetype_eventReg .ui-datepicker .ui-datepicker-prev:before {
  content: "\2039"
}

.fsComposerFormEmbed .ui-datepicker .ui-datepicker-next-hover,
.pagetype_eventReg .ui-datepicker .ui-datepicker-next-hover {
  right: 2px;
  top: 2px
}

.fsComposerFormEmbed .ui-datepicker .ui-datepicker-prev-hover,
.pagetype_eventReg .ui-datepicker .ui-datepicker-prev-hover {
  left: 2px;
  top: 2px
}

.fsComposerFormEmbed .ui-datepicker .ui-state-default,
.pagetype_eventReg .ui-datepicker .ui-state-default {
  background: rgba(0, 0, 0, .05);
  text-align: center
}

.fsComposerFormEmbed .ui-datepicker .ui-state-active,
.pagetype_eventReg .ui-datepicker .ui-state-active {
  background: rgba(0, 0, 0, .1)
}

.fsComposerFormEmbed .ui-datepicker .ui-state-highlight,
.pagetype_eventReg .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
}

.fsAccount .fsLoginUsernameCheck {
  font-size: 0
}

.fsAccount .fsLoginUsernameCheck:before {
  content: "Email Address";
  font-size: 19px
}

.fsAccount .fsLoginForgotPasswordLink a {
  display: block;
  font-size: 0
}

.fsAccount .fsLoginForgotPasswordLink a:before {
  content: "Forgot Email or Password";
  font-size: 19px
}

.fsAccount .fsStaggeredLoginSubmit span:first-of-type {
  font-size: 0
}

.fsAccount .fsStaggeredLoginSubmit span:first-of-type .fsStaggeredLoginUsernameDisplay,
.fsAccount .fsStaggeredLoginSubmit span:first-of-type a {
  font-size: 19px
}

.fsAccount .fsStaggeredLoginSubmit span:first-of-type strong {
  padding-right: 5px
}

.fsAccount .fsStaggeredLoginSubmit span:first-of-type:before {
  content: "Email: ";
  font-size: 19px
}

.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 {
  border: 0;
  margin: 0 0 20px;
  padding: 15px 30px;
  background: #0b523f;
  color: #fff;
  border-radius: 0;
  cursor: pointer;
  text-align: center;
  transition: .3s;
  text-decoration: none;
  border-radius: 50px;
  font-size: .75rem;
  line-height: .875rem;
  font-weight: 400;
  text-transform: uppercase;
  display: inline-block
}

.fsLoginNewSuccess>button.on,
.fsLoginNewSuccess>button:focus,
.fsLoginNewSuccess>button:hover,
.fsResetCancel.on,
.fsResetCancel:focus,
.fsResetCancel:hover,
.fsResetContinue.on,
.fsResetContinue:focus,
.fsResetContinue:hover,
.fsStateSelected .fsLoginNewSuccess>button,
.fsStateSelected .fsResetCancel,
.fsStateSelected .fsResetContinue {
  background: #d5f523;
  color: #0b523f;
  transition: .3s
}

.fsLoginNewSuccess>button em,
.fsResetCancel em,
.fsResetContinue em {
  display: block;
  font-style: normal;
  text-transform: none;
  font-weight: 400;
  margin-top: 10px
}

@media (max-width:699px) {

  .fsThreeColumnLayout .fsLoginNewSuccess>button,
  .fsThreeColumnLayout .fsResetCancel,
  .fsThreeColumnLayout .fsResetContinue {
    display: block
  }
}

.fsLoginNewSuccess button {
  margin-top: 20px
}

.fsNews.fsThumbnailAlignLeft .fsThumbnail {
  float: none
}

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

.fsNews.fsThumbnailAlignRight .fsThumbnail {
  float: none
}

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

.fsPostElement.fsThumbnailAlignLeft .fsThumbnail {
  float: none
}

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

.fsPostElement.fsThumbnailAlignRight .fsThumbnail {
  float: none
}

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

.fsPostElement .fsThumbnail.fsPostLink {
  margin-top: 0
}

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

.fsPostElement .fsCategory {
  font-size: .625rem;
  line-height: .75rem;
  text-transform: uppercase;
  color: #131313;
  background: #e5e5e5;
  padding: 6px 8px;
  margin-right: 6px;
  font-weight: 400
}

.fsPostElement .fsTitle {
  font-size: 1.125rem;
  line-height: 1.5625rem;
  color: #242424;
  margin: 15px 0;
  font-family: semplicitapro, sans-serif;
  font-weight: 700
}

.fsPostElement .fsTitle .fsPostLink {
  font-size: 1.125rem;
  line-height: 1.5625rem;
  text-decoration: none;
  color: #242424
}

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

.fsPostElement .fsAuthor {
  font-size: 14px;
  line-height: 120%;
  display: block;
  margin-bottom: 5px
}

.fsPostElement .fsDateTime {
  font-size: 14px;
  line-height: 120%;
  display: block;
  margin-bottom: 15px
}

.fsPostElement .fsSummary {
  font-size: 16px;
  line-height: 160%;
  margin-bottom: 15px
}

.fsPostElement .fsTag {
  font-size: 12px;
  line-height: 14px;
  margin-right: 6px;
  color: #636363;
  padding: 6px 15px;
  border: 1px solid #e5e5e5;
  border-radius: 60px;
  background: #fff
}

.fsPostElement .fsPostLink {
  font-weight: 700;
  font-size: 16px;
  line-height: 120%;
  text-decoration: none;
  margin-top: 15px;
  display: block
}

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

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

@media (min-width:600px) {

  .fsPostElement.fsList.fsThumbnailAlignLeft .fsCategories,
  .fsPostElement.fsList.fsThumbnailAlignLeft article,
  .fsPostElement.fsList.fsThumbnailAlignRight .fsCategories,
  .fsPostElement.fsList.fsThumbnailAlignRight article {
    display: flex
  }
}

.fsPostElement.fsList.fsThumbnailAlignLeft .fsCategories .fsThumbnail,
.fsPostElement.fsList.fsThumbnailAlignLeft article .fsThumbnail,
.fsPostElement.fsList.fsThumbnailAlignRight .fsCategories .fsThumbnail,
.fsPostElement.fsList.fsThumbnailAlignRight article .fsThumbnail {
  min-width: 150px
}

.fsPostElement.fsList.fsThumbnailAlignLeft .fsCategories,
.fsPostElement.fsList.fsThumbnailAlignLeft .fsCategory,
.fsPostElement.fsList.fsThumbnailAlignRight .fsCategories,
.fsPostElement.fsList.fsThumbnailAlignRight .fsCategory {
  margin-top: 0
}

@media (min-width:1000px) {

  .fsPostElement.fsList.fsThumbnailAlignLeft.fsThumbnailMedium article .fsThumbnail,
  .fsPostElement.fsList.fsThumbnailAlignRight.fsThumbnailMedium article .fsThumbnail {
    min-width: 256px
  }
}

#billingInfo fieldset,
#eventTopBar .eventTopCont,
#eventTopBar div.activeAttendeeBar,
.registrationSummary .totalTable,
.registrationSummary table.registrations {
  box-shadow: none;
  border-radius: 0
}

.attendeeName span.editInfo,
.priceRow .toggleRow,
td.nameRow .toggleRow {
  display: inline-block;
  background-image: none;
  border: none;
  background-color: #131313;
  padding: 0 .7em;
  color: #303030;
  height: 20px;
  line-height: 20px
}

#eventRegSubmiBtn,
#eventRegSubmiBtn #fixRegistration,
#eventRegSubmiBtn #registerAttendees,
#eventRegSubmiBtn #submitSessions,
#eventRegSubmiBtn .backBtn,
#eventRegSubmiBtn .forwardBtn,
#showHideEventDetails,
.bottomButtons #fixRegistration,
.bottomButtons #registerAttendees,
.bottomButtons #submitSessions,
.bottomButtons .backBtn,
.bottomButtons .forwardBtn {
  width: auto !important;
  padding: 15px 30px !important;
  margin-left: 5px !important;
  margin-right: 5px !important;
  text-shadow: none !important;
  position: static
}

.pagetype_eventReg {
  background: rgba(0, 0, 0, 0)
}

#bodydiv {
  font-family: nobel, sans-serif;
  font-size: 19px;
  line-height: 29px;
  color: #303030
}

#bodydiv * {
  text-shadow: none
}

#bodydiv input {
  border: 1px solid #cfcfcf;
  font-family: nobel, sans-serif;
  font-size: 19px;
  line-height: 29px;
  color: #303030
}

#acct_bar,
#poweredby,
.quickAdd,
span.quickAddMessage {
  display: none
}

#eventTopBar {
  font-size: 19px;
  line-height: 29px
}

#eventTopBar .eventTopCont {
  background-color: #242424 !important
}

@media (max-width:799px) {
  #eventTopBar .eventTopCont {
    display: flex;
    flex-wrap: wrap
  }
}

#eventTopBar .L_Content {
  color: #fff
}

#eventTopBar div.activeAttendeeBar {
  color: #303030;
  background-color: #e5e5e5 !important;
  border: none !important
}

#eventTopBar div.activeAttendeeBar .attendeeInfo {
  border: 0
}

@media (max-width:599px) {

  #eventTopBar div.activeAttendeeBar .attendeeInfo,
  #eventTopBar div.activeAttendeeBar .attendeeTotal {
    display: block;
    width: 100%
  }
}

.eventTitle {
  margin-top: 0;
  font-weight: 400;
  font-family: semplicitapro, sans-serif;
  color: #242424;
  font-weight: 700;
  font-size: 24px;
  line-height: 28.8px;
  margin-bottom: 20px;
  color: #fff
}

.attendeeName .firstName,
.attendeeName .lastName {
  color: #0b523f
}

.attendeeName span.editInfo {
  margin-left: 10px;
  text-transform: uppercase;
  background-color: #318632;
  color: #fff;
  font-weight: 700
}

@media (max-width:799px) {
  #contentdiv .reg_Progress {
    position: static !important;
    margin-top: -56px !important;
    order: -1
  }
}

#contentdiv .reg_Progress .ui-widget-content {
  border: none;
  border-radius: 0;
  height: 25px
}

#contentdiv .reg_Progress .ui-progressbar-value {
  border: 1px solid #d5f523;
  background: #d5f523;
  margin: 0;
  border-radius: 0
}

#eventContent {
  padding: 20px 0
}

#showHideEventDetails {
  border: 0;
  margin: 0 0 20px;
  padding: 15px 30px;
  background: #0b523f;
  color: #fff;
  border-radius: 0;
  cursor: pointer;
  text-align: center;
  transition: .3s;
  text-decoration: none;
  border-radius: 50px;
  font-size: .75rem;
  line-height: .875rem;
  font-weight: 400;
  text-transform: uppercase;
  display: inline-block
}

#showHideEventDetails.on,
#showHideEventDetails:focus,
#showHideEventDetails:hover,
.fsStateSelected #showHideEventDetails {
  background: #d5f523;
  color: #0b523f;
  transition: .3s
}

#showHideEventDetails em {
  display: block;
  font-style: normal;
  text-transform: none;
  font-weight: 400;
  margin-top: 10px
}

@media (max-width:699px) {
  .fsThreeColumnLayout #showHideEventDetails {
    display: block
  }
}

#eventDetails {
  background-color: #e5e5e5;
  border-radius: 0
}

div#registerTypes table.registerTypeTable {
  box-shadow: none;
  border: 0;
  font-size: 19px;
  line-height: 29px;
  margin: 0
}

div#registerTypes table.registerTypeTable .registerTypeHead {
  background-image: none
}

div#registerTypes table.registerTypeTable tr:nth-child(2n),
div#registerTypes table.registerTypeTable tr:nth-child(odd) {
  background: none
}

div#registerTypes table.registerTypeTable tr th {
  color: #fff !important
}

div#registerTypes table.registerTypeTable tr td {
  border: none;
  background: rgba(0, 0, 0, 0) !important
}

div#registerTypes table.registerTypeTable tr td:attendeeTblRow {
  padding: 0
}

div#registerTypes table.registerTypeTable tfoot {
  background-image: none;
  background-color: #e5e5e5
}

div#registerTypes table.registerTypeTable tfoot td {
  border: 0
}

table.displayTable {
  box-shadow: none;
  font-size: 19px;
  line-height: 29px;
  margin: 0
}

table.displayTable .tableHeader {
  text-shadow: none
}

table.displayTable tr:nth-child(2n),
table.displayTable tr:nth-child(odd) {
  background: none
}

table.displayTable td {
  background: rgba(0, 0, 0, 0) !important
}

table.displayTable .active .detailToggle .toggleIcon:before {
  content: "\2212";
  background-color: #0b523f;
  color: #fff
}

table.displayTable .attendCol input[type=checkbox]+label:before {
  width: 20px;
  height: 20px;
  background: #fff;
  border-radius: 50%;
  color: #318632;
  position: relative;
  top: 3px;
  left: 5px
}

table.displayTable .attendCol input[type=checkbox]:checked+label:before {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #318632;
  box-shadow: inset 0 0 0 2px #fff
}

table.displayTable .attendCol input[type=radio]:checked+label:before {
  background: #318632;
  border-color: #318632
}

table.displayTable .attendCol .joinWaitlistButton {
  margin: 5px;
  padding: 5px 10px;
  background-color: #fff;
  color: #0b523f;
  border-radius: 0;
  text-transform: uppercase
}

table.displayTable .required {
  color: #d5f523
}

button.attendAdd,
button.attendRemove {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0
}

.priceRow button.attendAdd,
td.nameRow button.attendAdd {
  background-image: none;
  width: 24px;
  height: 24px;
  text-indent: 0;
  font-size: 22px;
  color: #0b523f;
  border-radius: 50%;
  border: 1px solid #0b523f;
  background-color: #fff
}

.priceRow button.attendAdd:focus,
.priceRow button.attendAdd:hover,
td.nameRow button.attendAdd:focus,
td.nameRow button.attendAdd:hover {
  background-color: #0b523f;
  color: #fff
}

.countRow button {
  background-image: none;
  width: 24px;
  height: 24px;
  text-indent: 0;
  text-shadow: none;
  font-size: 22px;
  color: #303030;
  border-radius: 50%;
  border: 1px solid #303030;
  background: rgba(0, 0, 0, 0)
}

.countRow button:hover {
  background-color: #131313;
  color: #fff
}

.countRow .attendeeCount {
  padding: 0;
  background-color: rgba(0, 0, 0, 0)
}

span.detailToggle {
  color: #0b523f
}

span.detailToggle .toggleIcon {
  background-image: none !important;
  text-indent: 0;
  color: #0b523f;
  padding: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 0;
  width: 24px;
  height: 24px;
  min-width: 24px;
  margin-left: 5px
}

span.detailToggle .toggleIcon:before {
  content: "+";
  display: inline-block;
  font-size: 19px;
  border: 1px solid #0b523f;
  color: #0b523f;
  width: 100%;
  height: 100%;
  line-height: 20px;
  text-align: center;
  border-radius: 50%
}

span.detailToggle:hover .toggleIcon:before {
  background-color: #0b523f;
  color: #fff
}

table.registerAttendees {
  padding: 5px 0;
  background: rgba(0, 0, 0, 0);
  box-shadow: none
}

.displayGroupTitle {
  margin-top: 0;
  font-weight: 400;
  font-family: semplicitapro, sans-serif;
  color: #242424;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 20px
}

@media screen and (max-width:800px) {
  .displayGroup {
    padding: 0
  }

  table.registerTypeTable,
  table.registerTypeTable tbody,
  table.registerTypeTable td,
  table.registerTypeTable tr:not(.registerTypeRow_btm) {
    display: block;
    background: rgba(0, 0, 0, 0)
  }

  table.registerTypeTable tr.registerTypeHead {
    display: none
  }

  table.registerTypeTable tr.registerTypeRow_top {
    background: rgba(0, 0, 0, 0)
  }

  table.registerTypeTable tr.registerTypeRow_top>td {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 20px;
    border: 0;
    padding: 0 15px !important
  }

  table.registerTypeTable tr.registerTypeRow_top>td:before {
    display: block;
    font-weight: 700;
    width: 75%
  }

  table.registerTypeTable tr.registerTypeRow_top>td.nameRow:before {
    content: "Type:"
  }

  table.registerTypeTable tr.registerTypeRow_top>td.countRow:before {
    content: "Quantity:"
  }

  table.registerTypeTable tr.registerTypeRow_top>td.priceRow:before {
    content: "Price:"
  }

  table.registerTypeTable tfoot {
    display: table;
    width: 100%;
    background-image: none;
    background-color: rgba(0, 0, 0, 0)
  }

  table.registerTypeTable tfoot tr {
    display: table-row
  }

  table.registerTypeTable tfoot td {
    display: table-cell;
    border: 0
  }

  table.registerAttendees {
    display: block
  }

  table.registerAttendees tr.registerHead {
    display: none
  }

  table.registerAttendees tr.regAttendRow {
    display: block
  }
}

@media screen and (max-width:800px) and (max-width:799px) {
  table.registerAttendees tr.regAttendRow {
    background-color: #e5e5e5 !important;
    border-radius: 4px;
    margin-bottom: 20px
  }

  table.registerAttendees tr.regAttendRow input {
    background-color: #fff
  }
}

@media screen and (max-width:800px) {
  table.registerAttendees tr.regAttendRow>td {
    display: block;
    width: 100%;
    margin-bottom: 20px
  }

  table.registerAttendees tr.regAttendRow>td:before {
    text-transform: uppercase;
    font-weight: 500
  }

  table.registerAttendees tr.regAttendRow>td.deleteRow {
    display: flex;
    align-items: center
  }

  table.registerAttendees tr.regAttendRow>td.deleteRow:after {
    content: "Remove";
    margin-left: 5px
  }

  table.registerAttendees tr.regAttendRow>td.firstInput:before {
    content: "First Name: "
  }

  table.registerAttendees tr.regAttendRow>td.lastInput:before {
    content: "Last Name: "
  }

  table.registerAttendees tr.regAttendRow>td.emailInput:before {
    content: "Email Address: "
  }

  table.displayTable {
    display: block;
    box-shadow: none
  }

  table.displayTable .tableHeader {
    display: none
  }

  table.displayTable .sessionRow_head>td:not(.nameCol) {
    margin: 0 20px !important
  }

  table.displayTable .sessionRow,
  table.displayTable tbody {
    display: block;
    width: 100%;
    height: auto !important
  }

  table.displayTable .sessionRow td,
  table.displayTable tbody td {
    display: block;
    width: 100%;
    padding: 0 !important;
    border: none !important;
    text-align: left
  }

  table.displayTable .sessionRow td.detailCol,
  table.displayTable tbody td.detailCol {
    background: rgba(0, 0, 0, 0)
  }

  table.displayTable .sessionRow td.detailCol .sessionDetails,
  table.displayTable tbody td.detailCol .sessionDetails {
    padding: 10px 20px;
    margin-bottom: 20px
  }

  table.displayTable .sessionRow td:before,
  table.displayTable tbody td:before {
    font-weight: 700
  }

  table.displayTable .sessionRow .seatCol:before,
  table.displayTable tbody .seatCol:before {
    content: "Seats: "
  }

  table.displayTable .sessionRow .locationCol:before,
  table.displayTable tbody .locationCol:before {
    content: "Location: "
  }

  table.displayTable .sessionRow .presenterCol:before,
  table.displayTable tbody .presenterCol:before {
    content: "Presenter: "
  }

  table.displayTable .sessionRow .attendCol:before,
  table.displayTable tbody .attendCol:before {
    content: "Attend: "
  }

  table.displayTable .sessionRow .feeCol:before,
  table.displayTable tbody .feeCol:before {
    content: "Fee: "
  }

  table.displayTable .sessionRow .feeCol.noneOptionCol .noneLabel,
  table.displayTable tbody .feeCol.noneOptionCol .noneLabel {
    display: inline
  }

  table.displayTable .sessionRow .nameCol,
  table.displayTable tbody .nameCol {
    background-color: #0b523f !important;
    color: #fff;
    font-weight: 700;
    padding: 10px 15px !important;
    order: -1;
    position: relative;
    border-radius: 4px 4px 0 0
  }

  table.displayTable .sessionRow .nameCol input[type=checkbox]+label:before,
  table.displayTable tbody .nameCol input[type=checkbox]+label:before {
    border: none
  }

  table.displayTable .sessionRow .nameCol .detailToggle,
  table.displayTable tbody .nameCol .detailToggle {
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center
  }

  table.displayTable .sessionRow .nameCol .detailToggle .toggleIcon:before,
  table.displayTable tbody .nameCol .detailToggle .toggleIcon:before {
    background-color: #fff;
    color: #0b523f
  }

  table.displayTable .sessionRow.sessionRow_head,
  table.displayTable tbody.sessionRow_head {
    background-color: #e5e5e5 !important;
    border-radius: 4px 4px 0 0;
    display: flex;
    flex-direction: column;
    margin-top: 20px
  }

  table.displayTable .sessionRow.sessionRow_head td:first-child,
  table.displayTable tbody.sessionRow_head td:first-child {
    margin-top: 20px !important
  }

  table.displayTable .sessionRow.sessionRow_detail,
  table.displayTable tbody.sessionRow_detail {
    background-color: #e5e5e5 !important;
    border-radius: 0 0 4px 4px
  }
}

@media screen and (max-width:800px) and (max-width:799px) {

  table.displayTable .sessionRow.sessionRow_detail.hide,
  table.displayTable tbody.sessionRow_detail.hide {
    display: none !important
  }

  table.displayTable .sessionRow.sessionRow_detail.hide[style="display: table-row;"],
  table.displayTable tbody.sessionRow_detail.hide[style="display: table-row;"] {
    display: block !important
  }
}

@media screen and (max-width:800px) {
  table.displayTable .noneOptionRow {
    display: block;
    width: 100%
  }

  #HPCI_CC_form,
  #HPCI_iFrameGuide {
    width: 100% !important
  }
}

.removeRegBtn {
  background-image: none;
  width: 20px;
  height: 20px;
  text-indent: 0;
  text-align: center;
  font-size: 0;
  line-height: 16px;
  color: #fff;
  border-radius: 50%;
  border: 1px solid #a00;
  background-color: #a00;
  text-decoration: none
}

.removeRegBtn:before {
  content: "\E909";
  font-family: icomoon;
  font-size: 16px
}

#eventRegSubmiBtn,
.bottomButtons {
  margin-bottom: 40px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end
}

#eventRegSubmiBtn #registerAttendees,
#eventRegSubmiBtn #submitSessions,
#eventRegSubmiBtn .forwardBtn,
.bottomButtons #registerAttendees,
.bottomButtons #submitSessions,
.bottomButtons .forwardBtn {
  border: 0;
  margin: 0 0 20px;
  padding: 15px 30px;
  background: #0b523f;
  color: #fff;
  border-radius: 0;
  cursor: pointer;
  text-align: center;
  transition: .3s;
  text-decoration: none;
  border-radius: 50px;
  font-size: .75rem;
  line-height: .875rem;
  font-weight: 400;
  text-transform: uppercase;
  display: inline-block;
  margin-left: 20px !important
}

#eventRegSubmiBtn #registerAttendees.on,
#eventRegSubmiBtn #registerAttendees:focus,
#eventRegSubmiBtn #registerAttendees:hover,
#eventRegSubmiBtn #submitSessions.on,
#eventRegSubmiBtn #submitSessions:focus,
#eventRegSubmiBtn #submitSessions:hover,
#eventRegSubmiBtn .forwardBtn.on,
#eventRegSubmiBtn .forwardBtn:focus,
#eventRegSubmiBtn .forwardBtn:hover,
.bottomButtons #registerAttendees.on,
.bottomButtons #registerAttendees:focus,
.bottomButtons #registerAttendees:hover,
.bottomButtons #submitSessions.on,
.bottomButtons #submitSessions:focus,
.bottomButtons #submitSessions:hover,
.bottomButtons .forwardBtn.on,
.bottomButtons .forwardBtn:focus,
.bottomButtons .forwardBtn:hover,
.fsStateSelected #eventRegSubmiBtn #registerAttendees,
.fsStateSelected #eventRegSubmiBtn #submitSessions,
.fsStateSelected #eventRegSubmiBtn .forwardBtn,
.fsStateSelected .bottomButtons #registerAttendees,
.fsStateSelected .bottomButtons #submitSessions,
.fsStateSelected .bottomButtons .forwardBtn {
  background: #d5f523;
  color: #0b523f;
  transition: .3s
}

#eventRegSubmiBtn #registerAttendees em,
#eventRegSubmiBtn #submitSessions em,
#eventRegSubmiBtn .forwardBtn em,
.bottomButtons #registerAttendees em,
.bottomButtons #submitSessions em,
.bottomButtons .forwardBtn em {
  display: block;
  font-style: normal;
  text-transform: none;
  font-weight: 400;
  margin-top: 10px
}

@media (max-width:699px) {

  .fsThreeColumnLayout #eventRegSubmiBtn #registerAttendees,
  .fsThreeColumnLayout #eventRegSubmiBtn #submitSessions,
  .fsThreeColumnLayout #eventRegSubmiBtn .forwardBtn,
  .fsThreeColumnLayout .bottomButtons #registerAttendees,
  .fsThreeColumnLayout .bottomButtons #submitSessions,
  .fsThreeColumnLayout .bottomButtons .forwardBtn {
    display: block
  }
}

#eventRegSubmiBtn #fixRegistration,
#eventRegSubmiBtn .backBtn,
.bottomButtons #fixRegistration,
.bottomButtons .backBtn {
  border: 0;
  margin: 0 0 20px;
  padding: 15px 30px;
  background: #303030;
  color: #fff;
  border-radius: 0;
  cursor: pointer;
  text-align: center;
  transition: .3s;
  text-decoration: none;
  border-radius: 50px;
  font-size: .75rem;
  line-height: .875rem;
  font-weight: 400;
  text-transform: uppercase;
  display: inline-block
}

#eventRegSubmiBtn #fixRegistration.on,
#eventRegSubmiBtn #fixRegistration:focus,
#eventRegSubmiBtn #fixRegistration:hover,
#eventRegSubmiBtn .backBtn.on,
#eventRegSubmiBtn .backBtn:focus,
#eventRegSubmiBtn .backBtn:hover,
.bottomButtons #fixRegistration.on,
.bottomButtons #fixRegistration:focus,
.bottomButtons #fixRegistration:hover,
.bottomButtons .backBtn.on,
.bottomButtons .backBtn:focus,
.bottomButtons .backBtn:hover,
.fsStateSelected #eventRegSubmiBtn #fixRegistration,
.fsStateSelected #eventRegSubmiBtn .backBtn,
.fsStateSelected .bottomButtons #fixRegistration,
.fsStateSelected .bottomButtons .backBtn {
  background: #d5f523;
  color: #0b523f;
  transition: .3s
}

#eventRegSubmiBtn #fixRegistration em,
#eventRegSubmiBtn .backBtn em,
.bottomButtons #fixRegistration em,
.bottomButtons .backBtn em {
  display: block;
  font-style: normal;
  text-transform: none;
  font-weight: 400;
  margin-top: 10px
}

@media (max-width:699px) {

  .fsThreeColumnLayout #eventRegSubmiBtn #fixRegistration,
  .fsThreeColumnLayout #eventRegSubmiBtn .backBtn,
  .fsThreeColumnLayout .bottomButtons #fixRegistration,
  .fsThreeColumnLayout .bottomButtons .backBtn {
    display: block
  }
}

#eventRegSubmiBtn {
  border: 0;
  margin: 0 0 20px;
  padding: 15px 30px;
  background: #0b523f;
  color: #fff;
  border-radius: 0;
  cursor: pointer;
  text-align: center;
  transition: .3s;
  text-decoration: none;
  border-radius: 50px;
  font-size: .75rem;
  line-height: .875rem;
  font-weight: 400;
  text-transform: uppercase;
  display: inline-block;
  position: relative;
  bottom: 15px
}

#eventRegSubmiBtn.on,
#eventRegSubmiBtn:focus,
#eventRegSubmiBtn:hover,
.fsStateSelected #eventRegSubmiBtn {
  background: #d5f523;
  color: #0b523f;
  transition: .3s
}

#eventRegSubmiBtn em {
  display: block;
  font-style: normal;
  text-transform: none;
  font-weight: 400;
  margin-top: 10px
}

@media (max-width:699px) {
  .fsThreeColumnLayout #eventRegSubmiBtn {
    display: block
  }
}

.elementRow {
  background-color: rgba(0, 0, 0, 0) !important
}

.sectionTitle {
  margin-top: 0;
  font-weight: 400;
  font-family: semplicitapro, sans-serif;
  color: #242424;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 20px
}

.registrationSummary .totalTable,
.registrationSummary table.registrations {
  margin: 0
}

#billingInfo fieldset {
  width: 100%;
  padding: 0
}

#billingInfo fieldset legend {
  margin-top: 0;
  font-weight: 400;
  font-family: semplicitapro, sans-serif;
  color: #242424;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 20px
}

.fsResourceElement .fsTitle {
  margin-bottom: 10px
}

.fsResourceElement figcaption {
  margin-top: 10px
}

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

.fsResourceElement.fsListNav .fsTitle {
  font-size: 19px;
  line-height: 29px;
  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.site-search form {
  display: flex;
  flex-flow: row-reverse;
  background: #fff;
  border: 1px solid rgba(125, 184, 45, .5);
  border-radius: 80px;
  align-items: center;
  height: 50px;
  margin-top: 20px;
  margin-bottom: 50px
}

@media (min-width:1000px) {
  .fsSearchElement.site-search form {
    height: 60px;
    border-radius: 6px;
    margin-top: 0;
    margin-bottom: 0
  }
}

.fsSearchElement.site-search form input {
  background: rgba(0, 0, 0, 0);
  border: 0;
  font-size: 1.125rem;
  font-family: semplicitapro, sans-serif
}

.fsSearchElement.site-search .fsFieldLabel {
  display: block;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px
}

.fsSearchElement.site-search .fsSearchElementSearchButton {
  width: 50px;
  border: 0;
  background: none;
  margin: 0;
  position: relative;
  font-size: 0;
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: center
}

.fsSearchElement.site-search .fsSearchElementSearchButton:before {
  content: "\E905";
  font-family: IcoMoon;
  font-smoothing: antialiased;
  font-weight: 400;
  speak: none;
  color: #959595;
  font-size: 1rem
}

.fsSearchElement.site-search .fsSearchElementSearchButton:focus:before,
.fsSearchElement.site-search .fsSearchElementSearchButton:hover:before {
  color: #318632
}

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

.fsVimeo,
.fsVimeo iframe.fsSocialVideoFrame {
  margin-bottom: 20px
}

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

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

.fsVimeoList .fsVimeoListItem {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #e5e5e5;
  transition: opacity .3s;
  opacity: .6;
  cursor: pointer
}

.fsVimeoList .fsVimeoListItem:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none
}

.fsVimeoList .fsVimeoListItem:hover {
  border: none;
  border-bottom: 1px solid #e5e5e5;
  padding: 0 0 20px;
  opacity: 1;
  transition: opacity .3s
}

.fsVimeoList .fsVimeoListItem:hover:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0
}

.fsVimeoThumb {
  margin-bottom: 10px;
  margin-right: 20px
}

@media (min-width:600px) {
  .fsVimeoThumb {
    float: left;
    margin-bottom: 0
  }
}

.vimeo_view_link a {
  border: 0;
  margin: 0 0 20px;
  padding: 15px 30px;
  background: #0b523f;
  color: #fff;
  border-radius: 0;
  cursor: pointer;
  text-align: center;
  transition: .3s;
  text-decoration: none;
  border-radius: 50px;
  font-size: .75rem;
  line-height: .875rem;
  font-weight: 400;
  text-transform: uppercase;
  display: inline-block
}

.fsStateSelected .vimeo_view_link a,
.vimeo_view_link a.on,
.vimeo_view_link a:focus,
.vimeo_view_link a:hover {
  background: #d5f523;
  color: #0b523f;
  transition: .3s
}

.vimeo_view_link a em {
  display: block;
  font-style: normal;
  text-transform: none;
  font-weight: 400;
  margin-top: 10px
}

@media (max-width:699px) {
  .fsThreeColumnLayout .vimeo_view_link a {
    display: block
  }
}

.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 {
  border: 0;
  margin: 0 0 20px;
  padding: 15px 30px;
  background: #0b523f;
  color: #fff;
  border-radius: 0;
  cursor: pointer;
  text-align: center;
  transition: .3s;
  text-decoration: none;
  border-radius: 50px;
  font-size: .75rem;
  line-height: .875rem;
  font-weight: 400;
  text-transform: uppercase;
  display: inline-block
}

.fsStateSelected .Youtube_view_link a,
.Youtube_view_link a.on,
.Youtube_view_link a:focus,
.Youtube_view_link a:hover {
  background: #d5f523;
  color: #0b523f;
  transition: .3s
}

.Youtube_view_link a em {
  display: block;
  font-style: normal;
  text-transform: none;
  font-weight: 400;
  margin-top: 10px
}

@media (max-width:699px) {
  .fsThreeColumnLayout .Youtube_view_link a {
    display: block
  }
}

.fsTabs {
  padding: 0;
  background: none;
  border: 0;
  margin-bottom: 20px
}

.fsTabs .fsTabsNav {
  margin: 0;
  padding: 0;
  display: none
}

@media (min-width:600px) {
  .fsTabs .fsTabsNav {
    display: block;
    position: relative
  }

  .fsTabs .fsTabsNav:after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 2px;
    content: "";
    background: #e5e5e5;
    height: 1px;
    z-index: 0
  }
}

.fsTabs .fsTabsNav li {
  margin-right: 6px
}

.fsTabs .fsTabsNav li a {
  margin-top: 0;
  font-family: semplicitapro, sans-serif;
  color: #242424;
  font-weight: 700;
  font-size: 24px;
  line-height: 28.8px;
  margin-bottom: 2px;
  display: block;
  font-size: 20px;
  color: #303030;
  transition: .3s;
  background: #f8f8f8;
  color: #131313;
  border: 1px solid #e5e5e5;
  z-index: 1;
  position: relative;
  font-size: 1.125rem;
  line-height: 1.5rem;
  font-weight: 400;
  padding: 15px 12px
}

.fsTabs .fsTabsNav li a:hover {
  background: #e5e5e5;
  color: #131313
}

.fsTabs .fsTabsNav li.fsStateSelected a {
  background: #fff;
  color: #131313;
  box-shadow: inset 0 4px 0 #7db82d;
  border-bottom: 1px solid #fff
}

.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 {
  margin-bottom: 5px;
  padding: 7px 12px;
  font-size: .875em;
  line-height: 1.2
}

.fsBannerLeft .fsElementToolsSearch,
.fsBannerRight .fsElementToolsSearch,
.fsFourColumnLayout>.fsDiv .fsElementToolsSearch,
.fsStyleOneThird .fsElementToolsSearch,
.fsThreeColumnLayout>.fsDiv .fsElementToolsSearch,
.fsTwoColumnLayout .fsElementToolsSearch {
  display: flex;
  flex-wrap: wrap
}

.fsBannerLeft .fsElementToolsSearch>div,
.fsBannerRight .fsElementToolsSearch>div,
.fsFourColumnLayout>.fsDiv .fsElementToolsSearch>div,
.fsStyleOneThird .fsElementToolsSearch>div,
.fsThreeColumnLayout>.fsDiv .fsElementToolsSearch>div,
.fsTwoColumnLayout .fsElementToolsSearch>div {
  width: 100%
}

.fsBannerLeft .fsElementToolsSearch .fsFieldContainer,
.fsBannerRight .fsElementToolsSearch .fsFieldContainer,
.fsFourColumnLayout>.fsDiv .fsElementToolsSearch .fsFieldContainer,
.fsStyleOneThird .fsElementToolsSearch .fsFieldContainer,
.fsThreeColumnLayout>.fsDiv .fsElementToolsSearch .fsFieldContainer,
.fsTwoColumnLayout .fsElementToolsSearch .fsFieldContainer {
  display: flex;
  flex-wrap: wrap
}

.fsBannerLeft .fsElementToolsSearch .fsFieldContainer .fsStyleDefaultField,
.fsBannerRight .fsElementToolsSearch .fsFieldContainer .fsStyleDefaultField,
.fsFourColumnLayout>.fsDiv .fsElementToolsSearch .fsFieldContainer .fsStyleDefaultField,
.fsStyleOneThird .fsElementToolsSearch .fsFieldContainer .fsStyleDefaultField,
.fsThreeColumnLayout>.fsDiv .fsElementToolsSearch .fsFieldContainer .fsStyleDefaultField,
.fsTwoColumnLayout .fsElementToolsSearch .fsFieldContainer .fsStyleDefaultField {
  flex-grow: 1
}

.fsBannerLeft .fsElementToolsSearch .fsElementToolsSearchButton,
.fsBannerRight .fsElementToolsSearch .fsElementToolsSearchButton,
.fsFourColumnLayout>.fsDiv .fsElementToolsSearch .fsElementToolsSearchButton,
.fsStyleOneThird .fsElementToolsSearch .fsElementToolsSearchButton,
.fsThreeColumnLayout>.fsDiv .fsElementToolsSearch .fsElementToolsSearchButton,
.fsTwoColumnLayout .fsElementToolsSearch .fsElementToolsSearchButton {
  width: 100%
}

.fsElementToolsSearch .fsSeparator {
  margin: 0 5px;
  display: inline-block;
  text-align: center
}

.fsElementToolsKeyword+.fsElementToolsDateRange {
  margin-top: 10px
}

.fsElementToolsSearchButton {
  margin: 10px 0 0
}

.fsLegend .fsElementControls {
  margin-bottom: 5px
}

.fsLegend .fsElementControls label input:checked+span {
  background: #242424;
  color: #fff
}

.fsLegend .fsElementControls label input+span {
  color: #242424;
  background: #e5e5e5
}

.fsMiniGrid .fsCalendarEventGrid {
  max-width: 100%;
  width: 280px
}

.fsMiniGrid .fsCalendarEventGrid .fsCalendarDaybox {
  box-shadow: inset -1px 0 0 0 #fff, inset 0 -1px 0 0 #fff;
  background: #e5e5e5;
  color: #373737;
  font-size: .875em;
  line-height: 1;
  padding: 10px 5px;
  transition: .3s
}

.fsMiniGrid .fsCalendarEventGrid .fsCalendarDaybox:hover {
  opacity: 1;
  background: #039 !important;
  color: #fff !important;
  transition: .3s
}

.fsMiniGrid .fsCalendarEventGrid .fsCalendarDaybox:last-child {
  box-shadow: inset 0 -1px 0 0 #fff
}

.fsMiniGrid .fsCalendarEventGrid .fsCalendarDaybox.fsStateHasEvents {
  padding-bottom: 12px;
  background: #e5e5e5;
  color: #373737
}

.fsMiniGrid .fsCalendarEventGrid .fsCalendarDaybox.fsStateHasEvents .fsCalendarDate:after {
  content: "\25CF";
  font-size: 8px;
  display: block;
  line-height: .5;
  transform: translate3d(0, 2px, 0)
}

.fsMiniGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarOutOfRange {
  background: #f8f8f8;
  color: #636363
}

.fsMiniGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarToday {
  background: #006b9c;
  color: #fff
}

.fsCalendarMonthYearPicker>.fsStyleUpdateButton {
  margin-bottom: 0;
  display: block;
  color: #fff;
  background-color: #242424
}

.module {
  padding: 20px;
  color: #fff
}

.module a,
.module h1,
.module h2,
.module h3,
.module h4,
.module h5,
.module h6 {
  color: inherit
}

.module {
  background: #0b523f
}

.home .infographic-container,
.home .news-events-container,
.home .post-slider-container {
  padding-top: 30px;
  position: relative;
  padding-bottom: 35px
}

@media (min-width:1000px) {

  .home .infographic-container,
  .home .news-events-container,
  .home .post-slider-container {
    padding-top: 70px;
    padding-bottom: 70px
  }
}

.home .infographic-container>header .fsElementTitle,
.home .news-events-container>header .fsElementTitle,
.home .post-slider-container>header .fsElementTitle {
  font-size: 1.25rem;
  line-height: 1.75rem;
  text-transform: uppercase;
  color: #318632;
  text-align: center;
  font-weight: 400;
  margin-bottom: 40px
}

@media (min-width:1000px) {

  .home .infographic-container>header .fsElementTitle,
  .home .news-events-container>header .fsElementTitle,
  .home .post-slider-container>header .fsElementTitle {
    font-size: 1.75rem;
    line-height: 2.4375rem;
    margin-bottom: 60px
  }
}

.home #fsPageBodyWrapper {
  padding: 0
}

.home #fsPageBody {
  max-width: none
}

.home .fsLayout .fsDiv {
  margin-bottom: 0
}

.home .fsFooter {
  background: #fff
}

.home .fsElement {
  margin-bottom: 0
}

@media (max-width:999px) {
  .home .header-container {
    margin-top: 60px
  }

  .home .header-container .site-info-container {
    text-align: center
  }

  .home .header-container .site-info-container a {
    background-position: 50%;
    display: inline-block
  }
}

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

.home .fsBreadcrumb,
.home .nav-sub,
.home .nav-tier {
  display: none
}

.home .fsHeader {
  position: absolute;
  left: 0;
  right: 0;
  top: 0
}

.home .no-scroll {
  background: #fff
}

.home .info-slider {
  background: #fff;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center
}

@media (min-width:1100px) {
  .home .info-slider {
    padding: 80px 40px
  }
}

@media (min-width:1200px) {
  .home .infographic-container>header .fsElementTitle {
    margin-bottom: 0
  }
}

.home .infographic-box {
  position: relative;
  margin: 0 auto;
  max-width: 1180px
}

.home .infographic-box>.fsDiv {
  display: flex;
  justify-content: center
}

.home .featured-event {
  margin-bottom: 80px
}

@media (max-width:999px) {
  .home .featured-event {
    margin-bottom: 20px
  }
}

.home .news-events-container {
  position: relative;
  margin: 0 auto;
  max-width: 1180px;
  padding-bottom: 140px
}

@media (min-width:1000px) {
  .home .news-events-container {
    padding: 0 40px;
    margin-bottom: 100px
  }
}

@media (min-width:1200px) {
  .home .news-events-container {
    padding: 0
  }
}

.fsComposeMode .fsHeader,
.fsComposeMode .home-hero,
.fsComposeMode .home-hero-intro,
.fsComposeMode .intro-container .fsElementContent header {
  position: relative
}

.fsComposeMode .intro-container.panel-1 .fsElementContent header {
  opacity: 1
}

.fsComposeMode .intro-container {
  height: auto
}

.fsComposeMode .home-hero-intro img,
.fsComposeMode .home-hero img {
  display: block;
  position: relative
}

.fsComposeMode .hero-container {
  height: auto;
  width: auto;
  display: block
}

.fsComposeMode .home-hero,
.fsComposeMode .home-hero-intro {
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  top: auto;
  left: auto
}

.fsComposeMode .intro-container .fsElementContent header {
  width: auto;
  height: auto;
  left: auto;
  top: auto;
  transform: none
}

.fsComposeMode .home-hero .fsListItems>article,
.fsComposeMode .intro-container .fsListItems>article {
  max-width: 200px
}

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

.colors.main ol li:first-of-type:after {
  content: "#303030"
}

.colors.main ol li:nth-of-type(2) {
  background: #0b523f
}

.colors.main ol li:nth-of-type(2):after {
  content: "#0B523F"
}

.colors.main ol li:nth-of-type(3) {
  background: #d5f523
}

.colors.main ol li:nth-of-type(3):after {
  content: "#D5F523"
}

@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: nobel, sans-serif
}

.fonts ol li:first-of-type:after {
  content: "nobel, 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: 40px / line-height: 48px"
}

.headers .fsElementContent h2:after {
  content: " - font-size: 24px / line-height: 28.8px"
}

.headers .fsElementContent h3:after {
  content: " - font-size: 20px / line-height: 24px"
}

.headers .fsElementContent h4:after {
  content: " - font-size: 16px / line-height: 19.2px"
}

.headers .fsElementContent h5:after {
  content: " - font-size: 17px / line-height: 20.4px"
}

.headers .fsElementContent h6:after {
  content: " - font-size: 13px / line-height: 15.6px"
}

.info-slider {
  background: #fff;
  padding: 80px 20px;
  position: relative;
  margin: 0 auto;
  max-width: 1180px
}

.info-slider>.fsElementContent {
  display: flex;
  justify-content: flex-start;
  align-items: top
}

@media (max-width:1099px) {
  .info-slider>.fsElementContent {
    flex-direction: column
  }
}

@media (min-width:1100px) {
  .info-slider>.fsElementContent {
    flex-flow: row
  }
}

.info-slider>.fsElementContent .slick-thumbnails {
  margin-bottom: 0;
  width: 100%;
  max-width: 100%;
  position: relative
}

@media (min-width:1100px) {
  .info-slider>.fsElementContent .slick-thumbnails {
    width: 600px;
    max-width: 37.5rem
  }
}

.info-slider>.fsElementContent .slick-articles {
  width: 100%;
  max-width: 100%;
  margin-bottom: 0
}

@media (min-width:700px) {
  .info-slider>.fsElementContent .slick-articles {
    max-width: 75%;
    margin-left: auto;
    margin-right: auto
  }
}

@media (min-width:1100px) {
  .info-slider>.fsElementContent .slick-articles {
    max-width: 45%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center
  }
}

.info-slider .slick-thumbnails .slick-list {
  padding: 0
}

.info-slider .slick-thumbnails .fsThumbnail {
  margin-left: auto;
  margin-right: auto;
  border-color: #7db82d #fff #318632 #d5f523;
  border-style: solid;
  border-width: 10px;
  border-radius: 50%;
  max-width: 28.4375rem;
  max-height: 28.4375rem;
  position: relative;
  overflow: hidden;
  width: 300px;
  height: 300px;
  margin-top: 0
}

@media (min-width:700px) {
  .info-slider .slick-thumbnails .fsThumbnail {
    width: 455px;
    height: 455px
  }
}

@media (min-width:1000px) {
  .info-slider .slick-thumbnails .fsThumbnail {
    border-color: #7db82d #fff #318632 #d5f523;
    border-style: solid;
    border-width: 20px;
    width: 600px;
    height: 600px;
    max-width: 37.5rem;
    max-height: 37.5rem
  }
}

.info-slider .slick-thumbnails .slick-current .fsThumbnail img {
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  min-width: 100%
}

@media (max-width:1099px) {
  .info-slider .slick-thumbnails .fsThumbnail {
    margin-left: auto;
    margin-right: auto
  }
}

.info-slider .slick-thumbnails .fsThumbnail img {
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  min-width: 100%
}

.info-slider .slick-thumbnails .slick-slide {
  padding-top: 0
}

.info-slider .slick-thumbnails>footer {
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  left: 0;
  right: 0
}

.info-slider .slick-thumbnails>footer .fsElementFooterContent {
  text-align: right
}

.info-slider .slick-thumbnails>footer .slick-arrows-container {
  position: absolute;
  top: 50%;
  left: -20px;
  right: -20px;
  text-align: center;
  transform: translateY(-50%);
  display: flex;
  justify-content: space-between
}

@media (max-width:999px) {
  .info-slider .slick-thumbnails>footer .slick-arrows-container {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto
  }
}

@media (max-width:699px) {
  .info-slider .slick-thumbnails>footer .slick-arrows-container {
    max-width: 343px
  }
}

@media (min-width:1000px) {
  .info-slider .slick-thumbnails>footer .slick-arrows-container {
    left: 50%;
    transform: translate(-50%, -50%);
    width: 650px
  }
}

.info-slider .slick-thumbnails>footer .slick-arrows-container:after {
  content: "";
  background: rgba(48, 48, 48, .27);
  width: 0px;
  height: 40px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 5px
}

.info-slider .slick-thumbnails>footer .slick-arrows-container .slick-arrow {
  font-size: 0;
  background-color: #fff;
  color: rgba(0, 0, 0, 0);
  width: 3.125rem;
  height: 3.125rem;
  position: relative;
  cursor: pointer;
  transition: .5s;
  border: 1px solid #dbe278;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: all
}

@media (min-width:1000px) {
  .info-slider .slick-thumbnails>footer .slick-arrows-container .slick-arrow {
    width: 3.75rem;
    height: 3.75rem
  }
}

.info-slider .slick-thumbnails>footer .slick-arrows-container .slick-arrow:focus,
.info-slider .slick-thumbnails>footer .slick-arrows-container .slick-arrow:hover {
  background: #dbe278
}

.info-slider .slick-thumbnails>footer .slick-arrows-container .slick-arrow:before {
  font-size: .625rem;
  color: #303030;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: auto;
  color: #318632
}

@media (min-width:1000px) {
  .info-slider .slick-thumbnails>footer .slick-arrows-container .slick-arrow:before {
    font-size: .75rem
  }
}

.info-slider .slick-thumbnails>footer .slick-arrows-container .slick-arrow.slick-prev:before {
  content: "\f104";
  font: normal normal normal 14px / 1 FontAwesome;
  font-smoothing: antialiased;
  speak: none
}

.info-slider .slick-thumbnails>footer .slick-arrows-container .slick-arrow.slick-next:before {
  content: "\f105";
  font: normal normal normal 14px / 1 FontAwesome;
  font-smoothing: antialiased;
  speak: none
}

.info-slider .slick-thumbnails>footer .slick-arrows-container .slick-arrow {
  width: 50px;
  height: 50px
}

@media (min-width:700px) {
  .info-slider .slick-thumbnails>footer .slick-arrows-container .slick-arrow {
    width: 70px;
    height: 70px
  }
}

.info-slider .slick-articles {
  padding: 0
}

@media (min-width:600px) {
  .info-slider .slick-articles {
    padding: 0
  }
}

.info-slider .slick-articles>header {
  margin-bottom: 1.25rem;
  position: relative
}

@media (min-width:600px) {
  .info-slider .slick-articles>header {
    margin-bottom: 3.125rem
  }
}

.info-slider .slick-articles>header .fsElementTitle {
  font-size: 1.8125rem;
  line-height: 1;
  color: #fff;
  padding-left: 2.1875rem;
  position: relative
}

@media (min-width:900px) {
  .info-slider .slick-articles>header .fsElementTitle {
    font-size: 2.5625rem;
    padding-left: 2.5rem
  }
}

.info-slider .slick-articles>header .fsElementTitle:before {
  content: "";
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  height: 2.125rem;
  width: 2.25rem;
  position: absolute;
  top: 0;
  left: -.625rem
}

@media (min-width:600px) {
  .info-slider .slick-articles>header .fsElementTitle:before {
    height: 4.25rem;
    width: 4.5rem;
    top: -.3125rem;
    left: -2.5rem
  }
}

.info-slider .slick-articles>.fsElementContent {
  font-size: 1.3125rem;
  line-height: 1.875rem
}

.info-slider .slick-articles>.fsElementContent .fsListItems {
  font-size: 1.5625rem;
  line-height: 2.375rem;
  margin: 0
}

.info-slider .slick-articles .slick-slide {
  display: flex;
  flex-flow: column;
  padding-right: 0;
  padding-bottom: 0;
  margin-bottom: 0;
  justify-content: center
}

@media (min-width:1100px) {
  .info-slider .slick-articles .slick-slide {
    padding-left: 3.125rem
  }
}

.info-slider .slick-articles .slick-slide .fsTitle {
  color: #318632;
  font-size: 1.5625rem;
  line-height: 2.5rem;
  font-weight: 600
}

@media (max-width:1099px) {
  .info-slider .slick-articles .slick-slide .fsTitle {
    text-align: center
  }
}

@media (min-width:1100px) {
  .info-slider .slick-articles .slick-slide .fsTitle {
    font-size: 1.875rem;
    line-height: 3rem;
    max-width: 85%
  }
}

.info-slider .slick-articles .fsBody {
  font-family: semplicitapro, sans-serif;
  font-size: 1.25rem;
  line-height: 2rem;
  text-align: left;
  margin-bottom: 0;
  color: #303030;
  padding-top: 20px;
  position: relative;
  padding-bottom: 20px
}

@media (max-width:1099px) {
  .info-slider .slick-articles .fsBody {
    padding-top: 0;
    font-size: 1.125rem;
    line-height: 1.8125rem;
    padding-bottom: 0;
    text-align: center
  }
}

.info-slider .slick-slider .slick-slide {
  color: #fff;
  border-bottom: 0
}

@media (max-width:1099px) {
  .info-slider .slick-slider .slick-slide {
    margin-bottom: 0
  }
}

body:not(.fsComposeMode) .infographic-slider {
  position: relative;
  margin: 0 auto;
  max-width: 1180px
}

@media (min-width:1000px) {
  body:not(.fsComposeMode) .infographic-slider>.fsElementContent {
    display: flex;
    justify-content: space-between
  }
}

body:not(.fsComposeMode) .infographic-slider>.fsElementContent article {
  display: flex;
  justify-content: center
}

body:not(.fsComposeMode) .infographic-slider>.fsElementContent article img {
  width: 100%;
  height: auto
}

body:not(.fsComposeMode) .infographic-slider .info-container {
  width: 380px;
  height: 380px;
  background-size: contain;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  color: #fff;
  text-align: center;
  align-items: stretch;
  font-family: nobel, sans-serif;
  font-size: 14px;
  line-height: 16.8px;
  background-position: 50%;
  background-repeat: no-repeat
}

@media (min-width:700px) {
  body:not(.fsComposeMode) .infographic-slider .info-container {
    width: 540px;
    height: 540px;
    font-size: 17px;
    line-height: 20px
  }
}

body:not(.fsComposeMode) .infographic-slider .info-container>header {
    display: block;
    margin-top: -162px;
    color: #000;
    margin-bottom: 81px;
}

body:not(.fsComposeMode) .infographic-slider .info-container>.fsElementContent {
  min-height: 280px
}

@media (min-width:700px) {
  body:not(.fsComposeMode) .infographic-slider .info-container>.fsElementContent {
    min-height: 380px
  }
}

body:not(.fsComposeMode) .infographic-slider .info-container>.fsElementContent>.fsElement:first-of-type,
body:not(.fsComposeMode) .infographic-slider .info-container>.fsElementContent>.fsElement:last-of-type {
  max-width: 100px;
  margin-left: auto;
  margin-right: auto;
  min-height: 65px
}

@media (min-width:700px) {

  body:not(.fsComposeMode) .infographic-slider .info-container>.fsElementContent>.fsElement:first-of-type,
  body:not(.fsComposeMode) .infographic-slider .info-container>.fsElementContent>.fsElement:last-of-type {
    min-height: 100px;
    max-width: 30%
  }
}

body:not(.fsComposeMode) .infographic-slider .info-container h2.fsElementTitle {
  font-size: 24px;
  line-height: 28.8px;
  color: #fff;
  font-weight: 400;
  margin-bottom: 0
}

@media (min-width:700px) {
  body:not(.fsComposeMode) .infographic-slider .info-container h2.fsElementTitle {
    font-size: 34px;
    line-height: 41px
  }
}

body:not(.fsComposeMode) .infographic-slider .info-container .fsContainer>header {
  display: none
}

body:not(.fsComposeMode) .infographic-slider .info-container .fsContainer>.fsElementContent {
  display: flex;
  flex-flow: row;
  justify-content: space-between;
  padding: 25px 40px 10px;
  min-height: 100px
}

@media (max-width:699px) {
  body:not(.fsComposeMode) .infographic-slider .info-container .fsContainer>.fsElementContent {
    max-width: 372px;
    margin-left: auto;
    margin-right: auto
  }
}

@media (min-width:700px) {
  body:not(.fsComposeMode) .infographic-slider .info-container .fsContainer>.fsElementContent {
    padding: 30px 50px;
    min-height: 180px;
    max-width: 540px;
    margin-left: auto;
    margin-right: auto
  }
}

body:not(.fsComposeMode) .infographic-slider .info-container .fsContainer>.fsElementContent>.fsElement {
  flex-basis: 30%
}

body:not(.fsComposeMode) .post-slider {
  position: relative;
  margin: 0 auto;
  max-width: 1180px
}

body:not(.fsComposeMode) .post-slider>header {
  position: absolute;
  top: calc(50% - 20px);
  transform: translateY(-50%);
  left: 35px;
  right: 35px;
  z-index: 1;
  pointer-events: none
}

body:not(.fsComposeMode) .post-slider>header .fsElementTitle {
  display: none
}

body:not(.fsComposeMode) .post-slider>header .slick-arrows-container {
  display: flex;
  justify-content: space-between;
  flex-basis: 100%;
  margin-left: -16px;
  margin-right: -16px;
  pointer-events: none
}

body:not(.fsComposeMode) .post-slider>header .slick-arrows-container .slick-arrow {
  font-size: 0;
  background-color: #fff;
  color: rgba(0, 0, 0, 0);
  width: 3.125rem;
  height: 3.125rem;
  position: relative;
  cursor: pointer;
  transition: .5s;
  border: 1px solid #dbe278;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: all
}

@media (min-width:1000px) {
  body:not(.fsComposeMode) .post-slider>header .slick-arrows-container .slick-arrow {
    width: 3.75rem;
    height: 3.75rem
  }
}

body:not(.fsComposeMode) .post-slider>header .slick-arrows-container .slick-arrow:focus,
body:not(.fsComposeMode) .post-slider>header .slick-arrows-container .slick-arrow:hover {
  background: #dbe278
}

body:not(.fsComposeMode) .post-slider>header .slick-arrows-container .slick-arrow:before {
  font-size: .625rem;
  color: #303030;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: auto;
  color: #318632
}

@media (min-width:1000px) {
  body:not(.fsComposeMode) .post-slider>header .slick-arrows-container .slick-arrow:before {
    font-size: .75rem
  }
}

body:not(.fsComposeMode) .post-slider>header .slick-arrows-container .slick-arrow.slick-prev:before {
  content: "\E90B";
  font-family: IcoMoon;
  font-smoothing: antialiased;
  font-weight: 400;
  speak: none
}

body:not(.fsComposeMode) .post-slider>header .slick-arrows-container .slick-arrow.slick-next:before {
  content: "\E90C";
  font-family: IcoMoon;
  font-smoothing: antialiased;
  font-weight: 400;
  speak: none
}

@media (min-width:1100px) {
  body:not(.fsComposeMode) .post-slider>header .slick-arrows-container {
    margin-left: -36px;
    margin-right: -36px
  }
}

@media (max-width:999px) {
  body:not(.fsComposeMode) .post-slider>header .slick-arrows-container {
    display: none
  }
}

body:not(.fsComposeMode) .post-slider article {
  position: relative;
  z-index: 1;
  color: #fff;
  margin: 0 30px;
  overflow: hidden;
  padding-bottom: 0;
  background-size: cover
}

@media (max-width:999px) {
  body:not(.fsComposeMode) .post-slider article {
    background: #fff;
    border: 1px solid #cfcfcf;
    color: #636363;
    background-image: none !important;
    margin: 0 5px
  }
}

@media (min-width:1000px) {
  body:not(.fsComposeMode) .post-slider article {
    height: 320px;
    margin-bottom: 0
  }
}

@media (min-width:1000px) {
  body:not(.fsComposeMode) .post-slider article:before {
    /*background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .8));*/
    background:none;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 160px;
    content: ""
  }
}

@media (min-width:1000px) {
  body:not(.fsComposeMode) .post-slider article:after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    content: "";
    background: rgba(11, 82, 63, 0);
    opacity: 0;
    transition: opacity .5s;
    visibility: visible;
    height: 100%;
    z-index: 9
  }
}

body:not(.fsComposeMode) .post-slider article.active:after,
body:not(.fsComposeMode) .post-slider article:focus:after,
body:not(.fsComposeMode) .post-slider article:hover:after {
  opacity: 1
}

@media (min-width:1000px) {

  body:not(.fsComposeMode) .post-slider article.active .content-wrap:before,
  body:not(.fsComposeMode) .post-slider article:focus .content-wrap:before,
  body:not(.fsComposeMode) .post-slider article:hover .content-wrap:before {
    opacity: 0
  }

  body:not(.fsComposeMode) .post-slider article.active .content-wrap .fsSummary,
  body:not(.fsComposeMode) .post-slider article:focus .content-wrap .fsSummary,
  body:not(.fsComposeMode) .post-slider article:hover .content-wrap .fsSummary {
    opacity: 1;
    max-height: 100%;
    padding-bottom: 40px;
    font-size: 1rem;
    line-height: 1.1875rem;
    font-family: semplicitapro, sans-serif;
    transition-duration: .3s, .4s;
    transition-property: max-height, opacity;
    transition-delay: 0s, 0s
  }
}

@media (min-width:1000px) and (min-width:1000px) {

  body:not(.fsComposeMode) .post-slider article.active .content-wrap .fsSummary,
  body:not(.fsComposeMode) .post-slider article:focus .content-wrap .fsSummary,
  body:not(.fsComposeMode) .post-slider article:hover .content-wrap .fsSummary {
    padding-bottom: 20px
  }
}

body:not(.fsComposeMode) .post-slider article picture {
  display: block;
  max-height: 320px;
  overflow: hidden
}

body:not(.fsComposeMode) .post-slider article img {
  width: 100%
}

@media (min-width:1000px) {
  body:not(.fsComposeMode) .post-slider article img {
    display: block;
    height: 320px;
    object-fit: cover;
  }
}

body:not(.fsComposeMode) .post-slider article .content-wrap {
  position: absolute;
  color: #636363;
  top:0;
  padding: 20px 40px 0;
  font-size: 1.125rem;
  line-height: 1.5625rem;
  font-weight: 400;
  z-index:999999;
}

@media (min-width:1000px) {
  body:not(.fsComposeMode) .post-slider article .content-wrap {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    color: #fff;
      z-index:999999;
  }
}

body:not(.fsComposeMode) .post-slider article .content-wrap .fsTitle {
  margin-bottom: 20px
}

@media (min-width:1000px) {
  body:not(.fsComposeMode) .post-slider article .content-wrap .fsTitle {
    color: #fff
  }
}

body:not(.fsComposeMode) .post-slider article .content-wrap .fsTitle .fsPostLink {
  color: #636363;
  font-size: 1.125rem;
  line-height: 1.5625rem;
  transition: all .5s
}

@media (min-width:1000px) {
  body:not(.fsComposeMode) .post-slider article .content-wrap .fsTitle .fsPostLink {
    color: #fff
  }
}

body:not(.fsComposeMode) .post-slider article .content-wrap .fsSummary {
  padding-bottom: 20px
}

@media (min-width:1000px) {
  body:not(.fsComposeMode) .post-slider article .content-wrap .fsSummary {
    flex: 0 0 auto;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition-duration: .1s;
    transition-property: max-height, opacity;
    transition-delay: 0s, 0;
    margin-bottom: 0;
    padding-bottom: 0
  }
}

body:not(.fsComposeMode) .post-slider .fsThumbnail {
  margin: 0
  object-fit: cover;
  height: 320px;
}

body:not(.fsComposeMode) .post-slider .fsPostLink.fsReadMoreLink {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: block;
  z-index: 999;
  text-indent: -99999px
}

@media (max-width:999px) {
  body:not(.fsComposeMode) .post-slider .slick-track {
    display: flex !important
  }

  body:not(.fsComposeMode) .post-slider .slick-slide {
    height: inherit !important
  }
}

body:not(.fsComposeMode) .post-slider .slick-dots {
  padding: 0;
  list-style: none;
  text-align: center;
  margin: 30px 25px 0;
  line-height: 0
}

body:not(.fsComposeMode) .post-slider .slick-dots li {
  display: inline-block;
  margin-left: 12px
}

body:not(.fsComposeMode) .post-slider .slick-dots li:first-child {
  margin-left: 0
}

body:not(.fsComposeMode) .post-slider .slick-dots button {
  background-color: #cfd38c;
  padding: 0;
  border-radius: 100%;
  height: 6px;
  width: 6px;
  border: 1px solid #cfd38c;
  color: rgba(0, 0, 0, 0);
  overflow: hidden;
  cursor: pointer;
  transition: all .3s
}

body:not(.fsComposeMode) .post-slider .slick-dots .slick-active button,
body:not(.fsComposeMode) .post-slider .slick-dots button:focus,
body:not(.fsComposeMode) .post-slider .slick-dots button:hover {
  border: 1px solid #0b523f;
  background-color: #0b523f
}

body:not(.fsComposeMode) .events-slider {
  position: relative
}

@media (max-width:999px) {
  body:not(.fsComposeMode) .events-slider {
    overflow: hidden;
    margin-left: 15px
  }
}

@media (min-width:1000px) {
  body:not(.fsComposeMode) .events-slider {
    margin-left: 0;
    margin-right: 0
  }
}

@media (min-width:1300px) {
  body:not(.fsComposeMode) .events-slider {
    margin-left: -35px;
    margin-right: -35px
  }
}

@media (max-width:999px) {
  body:not(.fsComposeMode) .events-slider .slick-list {
    padding: 0 20px 0 0
  }
}

@media (max-width:999px) {
  body:not(.fsComposeMode) .events-slider .slick-track {
    margin-left: 15px
  }
}

body:not(.fsComposeMode) .events-slider article {
  margin: 0 5px;
  border: 0;
  padding-bottom: 0
}

@media (max-width:999px) {
  body:not(.fsComposeMode) .events-slider article {
    margin-left: -10px;
    margin-right: 20px
  }
}

@media (min-width:1000px) {
  body:not(.fsComposeMode) .events-slider article {
    margin: 0 32px
  }
}

body:not(.fsComposeMode) .events-slider .fsTitle .fsPostLink {
  font-size: 1rem;
  line-height: 1.5rem
}

body:not(.fsComposeMode) .events-slider .fsThumbnail {
  margin: 0
}

body:not(.fsComposeMode) .events-slider>header {
  position: absolute;
  top: 0;
  height: 220px;
  left: 0;
  right: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  pointer-events: none
}

@media (min-width:1000px) {
  body:not(.fsComposeMode) .events-slider>header {
    height: 170px
  }
}

@media (min-width:1100px) {
  body:not(.fsComposeMode) .events-slider>header {
    height: 220px
  }
}

body:not(.fsComposeMode) .events-slider>header>.fsElementTitle {
  display: none
}

body:not(.fsComposeMode) .events-slider>header .slick-arrows-container {
  display: flex;
  justify-content: space-between;
  flex-basis: 100%
}

body:not(.fsComposeMode) .events-slider>header .slick-arrows-container .slick-arrow {
  font-size: 0;
  background-color: #fff;
  color: rgba(0, 0, 0, 0);
  width: 3.125rem;
  height: 3.125rem;
  position: relative;
  cursor: pointer;
  transition: .5s;
  border: 1px solid #dbe278;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: all
}

@media (min-width:1000px) {
  body:not(.fsComposeMode) .events-slider>header .slick-arrows-container .slick-arrow {
    width: 3.75rem;
    height: 3.75rem
  }
}

body:not(.fsComposeMode) .events-slider>header .slick-arrows-container .slick-arrow:focus,
body:not(.fsComposeMode) .events-slider>header .slick-arrows-container .slick-arrow:hover {
  background: #dbe278
}

body:not(.fsComposeMode) .events-slider>header .slick-arrows-container .slick-arrow:before {
  font-size: .625rem;
  color: #303030;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: auto;
  color: #318632
}

@media (min-width:1000px) {
  body:not(.fsComposeMode) .events-slider>header .slick-arrows-container .slick-arrow:before {
    font-size: .75rem
  }
}

body:not(.fsComposeMode) .events-slider>header .slick-arrows-container .slick-arrow.slick-prev:before {
  content: "\E90B";
  font-family: IcoMoon;
  font-smoothing: antialiased;
  font-weight: 400;
  speak: none
}

body:not(.fsComposeMode) .events-slider>header .slick-arrows-container .slick-arrow.slick-next:before {
  content: "\E90C";
  font-family: IcoMoon;
  font-smoothing: antialiased;
  font-weight: 400;
  speak: none
}

body:not(.fsComposeMode) .events-slider>footer>.fsElementFooterContent {
  display: flex;
  justify-content: center;
  margin-top: 60px
}

body:not(.fsComposeMode) .events-slider>footer>.fsElementFooterContent a {
  margin: 0 15px
}

body:not(.fsComposeMode) .events-slider>footer>.fsElementFooterContent p {
  margin-bottom: 0
}

.slick-dots {
  padding: 0;
  list-style: none;
  text-align: center;
  margin: 30px 25px 0;
  line-height: 0
}

.slick-dots li {
  display: inline-block;
  margin-left: 12px
}

.slick-dots li:first-child {
  margin-left: 0
}

.slick-dots button {
  background-color: #cfd38c;
  padding: 0;
  border-radius: 100%;
  height: 6px;
  width: 6px;
  border: 1px solid #cfd38c;
  color: rgba(0, 0, 0, 0);
  overflow: hidden;
  cursor: pointer;
  transition: all .3s
}

.slick-dots .slick-active button,
.slick-dots button:focus,
.slick-dots button:hover {
  border: 1px solid #0b523f;
  background-color: #0b523f
}

body:not(.fsComposeMode) .scroll-arrow>header {
  display: none
}

.up .scroll span:after {
  content: "\F077";
  font-family: IcoMoon;
  font-smoothing: antialiased;
  font-weight: 400;
  speak: none
}

.scroll {
  position: relative
}

.scroll span {
  display: block;
  color: #0b523f;
  position: absolute
}

.scroll span:after {
  content: "\F078";
  font-family: IcoMoon;
  font-smoothing: antialiased;
  font-weight: 400;
  speak: none;
  font-size: 20px;
  color: #fff
}

.hero-container .scroll span:after {
  color: #959595
}

@media (max-width:999px) {
  .scroll span:after {
    color: #959595
  }
}

.scroll span.one {
  -webkit-animation: animeone 3s linear infinite;
  animation: animeone 3s linear infinite;
  opacity: 0;
  transform: scale(.4)
}

.scroll span.two {
  -webkit-animation: animetwo 3s linear infinite;
  animation: animetwo 3s linear infinite;
  opacity: 1
}

.scroll span.three {
  -webkit-animation: animethree 3s linear infinite;
  animation: animethree 3s linear infinite;
  opacity: 1
}

.scroll span.four {
  -webkit-animation: animefour 3s linear infinite;
  animation: animefour 3s linear infinite;
  opacity: 0;
  transform: scale(.4)
}

@-webkit-keyframes animeone {

  0%,
  10% {
    opacity: 0;
    transform: translateY(0) scale(.4)
  }

  33.3%,
  43.3% {
    opacity: 1;
    transform: translateY(20px)
  }

  66.6%,
  76.6% {
    opacity: 1;
    transform: translateY(30px)
  }

  to {
    opacity: 0;
    transform: translateY(50px) scale(.4)
  }
}

@keyframes animeone {

  0%,
  10% {
    opacity: 0;
    transform: translateY(0) scale(.4)
  }

  33.3%,
  43.3% {
    opacity: 1;
    transform: translateY(20px)
  }

  66.6%,
  76.6% {
    opacity: 1;
    transform: translateY(30px)
  }

  to {
    opacity: 0;
    transform: translateY(50px) scale(.4)
  }
}

@-webkit-keyframes animetwo {

  0%,
  10% {
    opacity: 1;
    transform: translateY(20px)
  }

  33.3%,
  43.3% {
    opacity: 1;
    transform: translateY(30px)
  }

  66.6%,
  76.6% {
    opacity: 0;
    transform: translateY(50px) scale(.4)
  }

  to {
    opacity: 0;
    transform: translateY(0) scale(.4)
  }
}

@keyframes animetwo {

  0%,
  10% {
    opacity: 1;
    transform: translateY(20px)
  }

  33.3%,
  43.3% {
    opacity: 1;
    transform: translateY(30px)
  }

  66.6%,
  76.6% {
    opacity: 0;
    transform: translateY(50px) scale(.4)
  }

  to {
    opacity: 0;
    transform: translateY(0) scale(.4)
  }
}

@-webkit-keyframes animethree {

  0%,
  10% {
    opacity: 1;
    transform: translateY(30px)
  }

  33.3%,
  43.3% {
    opacity: 0;
    transform: translateY(50px) scale(.4)
  }

  66.6%,
  76.6% {
    opacity: 0;
    transform: translateY(0) scale(.4)
  }

  to {
    opacity: 1;
    transform: translateY(20px)
  }
}

@keyframes animethree {

  0%,
  10% {
    opacity: 1;
    transform: translateY(30px)
  }

  33.3%,
  43.3% {
    opacity: 0;
    transform: translateY(50px) scale(.4)
  }

  66.6%,
  76.6% {
    opacity: 0;
    transform: translateY(0) scale(.4)
  }

  to {
    opacity: 1;
    transform: translateY(20px)
  }
}

@-webkit-keyframes animefour {

  0%,
  10% {
    opacity: 0;
    transform: translateY(50px) scale(.4)
  }

  33.3%,
  43.3% {
    opacity: 0;
    transform: translateY(0) scale(.4)
  }

  66.6%,
  76.6% {
    opacity: 1;
    transform: translateY(20px)
  }

  to {
    opacity: 1;
    transform: translateY(30px)
  }
}

@keyframes animefour {

  0%,
  10% {
    opacity: 0;
    transform: translateY(50px) scale(.4)
  }

  33.3%,
  43.3% {
    opacity: 0;
    transform: translateY(0) scale(.4)
  }

  66.6%,
  76.6% {
    opacity: 1;
    transform: translateY(20px)
  }

  to {
    opacity: 1;
    transform: translateY(30px)
  }
}

body:not(.fsComposeMode).desktop-fp .fsGrid .fsListItems>article {
  margin-bottom: 0;
  padding: 0
}

body:not(.fsComposeMode).desktop-fp .intro-container .hero-container {
  position: relative
}

@media (min-width:700px) {
  body:not(.fsComposeMode).desktop-fp .intro-container {
    height: 100vh
  }
}

body:not(.fsComposeMode).desktop-fp .intro-container .fsGrid .fsListItems {
  margin: 0
}

body:not(.fsComposeMode).desktop-fp .hero-container {
  height: 100vh;
  width: 100vw;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative
}

body:not(.fsComposeMode).desktop-fp .home-hero,
body:not(.fsComposeMode).desktop-fp .home-hero-intro {
  display: block;
  height: 322px;
  width: 322px;
  border-radius: 50%;
  border-color: #7db82d #fff #318632 #f8f7b7;
  border-style: solid;
  border-width: 15px;
  position: fixed;
  overflow: hidden;
  top: 50%;
  left: 50%;
  margin-top: -161px;
  margin-left: -161px;
  transition: all .5s;
}

@media (min-width:1024px) {

  body:not(.fsComposeMode).desktop-fp .home-hero,
  body:not(.fsComposeMode).desktop-fp .home-hero-intro {
    margin-top: -35vh;
    margin-left: -35vh;
    height: 70vh;
    width: 70vh;
    position: fixed
  }
}

body:not(.fsComposeMode).desktop-fp .home-hero-intro img,
body:not(.fsComposeMode).desktop-fp .home-hero img {
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  min-width: 100%;
  transition: all .5s
}

body:not(.fsComposeMode).desktop-fp .intro-container.fp-completely {
  overflow: visible
}

body:not(.fsComposeMode).desktop-fp .intro-container.fp-completely .home-hero {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0;
  border: 0;
  margin-top: 0;
  margin-left: 0
}

@media (min-width:1024px) {

  body:not(.fsComposeMode).desktop-fp.active-panel.fp-viewing-secondPage .panel-1 .home-hero,
  body:not(.fsComposeMode).desktop-fp.fp-viewing-3rdPage .panel-1 .home-hero {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 0;
    border: 0;
    margin-top: 0;
    margin-left: 0;
    transform: none
  }
}

body:not(.fsComposeMode).desktop-fp .intro-container {
  position: relative;
  margin: 0;
  height: 100vh
}

body:not(.fsComposeMode).desktop-fp .intro-container>header {
  display: none
}

body:not(.fsComposeMode).desktop-fp .intro-container .circle-content {
  position: fixed;
  background: hsla(0, 0%, 100%, .9);
  width: 52vh;
  height: 52vh;
  top: 50%;
  left: calc(50% + 180px);
  transform: translate(-50%, -50%);
  border-radius: 50%;
  align-items: center;
  color: #303030;
  font-size: 1.0625rem;
  line-height: 1.5625rem;
  font-family: semplicitapro, sans-serif;
  display: flex;
  flex-flow: column;
  justify-content: center;
  text-align: center;
  padding: 10px 30px;
  overflow: hidden
}

body:not(.fsComposeMode).desktop-fp .intro-container .circle-content>.fsElementHeaderContent h2 {
  font-size: 2.875rem;
  line-height: 4rem;
  text-transform: uppercase;
  color: #0b523f;
  margin-bottom: 0
}

body:not(.fsComposeMode).desktop-fp .intro-container .circle-content>.fsElementHeaderContent strong {
  font-size: 1.5rem;
  line-height: 2.125rem;
  font-weight: 400;
  color: #0b523f
}

body:not(.fsComposeMode).desktop-fp .intro-container header {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 73vh;
  height: 73vh;
  border-radius: 50%;
  border: 3px solid hsla(0, 0%, 100%, .5);
  border-right-color: rgba(0, 0, 0, 0);
  opacity: 1
}

body:not(.fsComposeMode).desktop-fp .intro-container header>.fsElementTitle {
  display: none
}

body:not(.fsComposeMode).desktop-fp .intro-container article {
  height: 100vh;
  width: 100vw;
  background-size: cover;
  background-position: 50%
}

body:not(.fsComposeMode).desktop-fp .intro-container article img {
  display: none
}

body:not(.fsComposeMode).desktop-fp .intro-container>.fsElementContent {
  display: flex;
  flex-direction: column
}

@media (min-width:700px) {
  body:not(.fsComposeMode).desktop-fp .intro-container>.fsElementContent {
    flex-direction: row;
    flex-wrap: wrap;
    height: 100%
  }
}

body:not(.fsComposeMode).desktop-fp .hero-container.fp-section {
  background: #e8c69c52
}

body:not(.fsComposeMode).desktop-fp:not(.first-panel-done):not(.fp-viewing-firstPage) .intro-container.panel-1 .circle-content {
  opacity: 0 !important;
  transition: all .5s;
  width: 23vh !important;
  height: 23vh !important;
  transition: all .4s !important
}

body:not(.fsComposeMode).desktop-fp:not(.first-panel-done):not(.fp-viewing-firstPage) .intro-container.panel-1 .circle-content .fsElementHeaderContent {
  opacity: 0;
  min-width: 300px
}

body:not(.fsComposeMode).desktop-fp:not(.first-panel-done):not(.fp-viewing-firstPage) .intro-container.panel-1 header {
  width: 44vh;
  height: 44vh;
  transition: all .4s;
  border-color: rgba(0, 0, 0, 0);
  opacity: 0
}

body:not(.fsComposeMode).desktop-fp:not(.first-panel-done):not(.fp-viewing-firstPage) .intro-container.panel-1.active.fp-completely header {
  width: 73vh;
  height: 73vh;
  opacity: 1 !important;
  transition: all .4s;
  border-color: hsla(0, 0%, 100%, .5) rgba(0, 0, 0, 0) hsla(0, 0%, 100%, .5) hsla(0, 0%, 100%, .5);
  transition-delay: .3s
}

body:not(.fsComposeMode).desktop-fp:not(.first-panel-done):not(.fp-viewing-firstPage) .intro-container.panel-1.active.fp-completely .circle-content {
  opacity: 1 !important;
  width: 44vh !important;
  height: 44vh !important;
  transition: all .4s !important;
  transition-delay: .6s
}

body:not(.fsComposeMode).desktop-fp:not(.first-panel-done):not(.fp-viewing-firstPage) .intro-container.panel-1.active.fp-completely .circle-content .fsElementHeaderContent {
  opacity: 1;
  transition: opacity .3s;
  transition-delay: .5s
}

body:not(.fsComposeMode).desktop-fp.fp-viewing-firstPage.first-panel-done .intro-container.panel-1 header,
body:not(.fsComposeMode).desktop-fp.fp-viewing-firstPage .intro-container.panel-1 header {
  opacity: 0
}

body:not(.fsComposeMode).desktop-fp.fp-viewing-firstPage .intro-container.panel-2 header,
body:not(.fsComposeMode).desktop-fp.fp-viewing-firstPage .intro-container.panel-3 header,
body:not(.fsComposeMode).desktop-fp.fp-viewing-secondPage .intro-container.panel-2 header,
body:not(.fsComposeMode).desktop-fp.fp-viewing-secondPage .intro-container.panel-3 header {
  opacity: 0;
  transition-delay: 35s;
  transition: opacity .5s
}

body:not(.fsComposeMode).desktop-fp.fp-viewing-secondPage .panel-1.active header {
  z-index: 9
}

body:not(.fsComposeMode).desktop-fp.fp-viewing-secondPage .small-circle {
  opacity: 0
}

body:not(.fsComposeMode).desktop-fp .panel-1 .circle-content .fsElementHeaderContent,
body:not(.fsComposeMode).desktop-fp .panel-2 .circle-content .fsElementHeaderContent,
body:not(.fsComposeMode).desktop-fp .panel-3 .circle-content .fsElementHeaderContent {
  transform: translateX(-1000px);
  opacity: 0;
  transition: transform .46s cubic-bezier(.16, .68, .43, .99), opacity .46s ease-in-out
}

body:not(.fsComposeMode).desktop-fp .panel-1.active .circle-content,
body:not(.fsComposeMode).desktop-fp .panel-2.active .circle-content,
body:not(.fsComposeMode).desktop-fp .panel-3.active .circle-content {
  opacity: 1;
  transition-delay: 0s
}

body:not(.fsComposeMode).desktop-fp .panel-1.active .circle-content .fsElementHeaderContent,
body:not(.fsComposeMode).desktop-fp .panel-2.active .circle-content .fsElementHeaderContent,
body:not(.fsComposeMode).desktop-fp .panel-3.active .circle-content .fsElementHeaderContent {
  transform: translateX(0);
  opacity: 1;
  transition-delay: .4s
}

body:not(.fsComposeMode).desktop-fp.fp-viewing-firstPage .panel-1 .circle-content {
  opacity: 0
}

body:not(.fsComposeMode).desktop-fp.fp-viewing-firstPage .panel-1 .circle-content .fsElementHeaderContent,
body:not(.fsComposeMode).desktop-fp.fp-viewing-secondPage .panel-2 .circle-content .fsElementHeaderContent {
  transform: translateX(1000px);
  opacity: 0;
  transition: transform 1.86s cubic-bezier(.16, .68, .43, .99), opacity .46s ease-in-out
}

body:not(.fsComposeMode).desktop-fp.fp-viewing-3rdPage .panel-3 .circle-content {
  opacity: 0;
  transition-delay: .4s
}

body:not(.fsComposeMode).desktop-fp.fp-viewing-3rdPage .panel-3 .circle-content .fsElementHeaderContent,
body:not(.fsComposeMode).desktop-fp.fp-viewing-4thPage .panel-4 .circle-content .fsElementHeaderContent {
  transform: translateX(1000px);
  opacity: 0;
  transition: transform 3s cubic-bezier(.16, .68, .43, .99), opacity .46s ease-in-out
}

body:not(.fsComposeMode).desktop-fp.fp-viewing-3rdPage .panel-2 .circle-content,
body:not(.fsComposeMode).desktop-fp.fp-viewing-4thPage .panel-2 .circle-content {
  opacity: 1 !important;
  transition: none;
  transition-delay: none
}

body:not(.fsComposeMode).hide-fullpage .home-hero,
body:not(.fsComposeMode).hide-fullpage .intro-container header {
  position: absolute
}

.mobile-fp .mobile-slider {
  position: relative;
  top: 0;
  display: block;
  z-index: 1;
  height: 90vh
}

.mobile-fp .mobile-slider .intro-container {
  min-width: 100vw
}

.mobile-fp .mobile-slider .slick-dots {
  bottom: 8vh;
  left: 0;
  right: 0;
  position: absolute;
  display: none !important
}

@media (min-width:800px) {
  .mobile-fp .mobile-slider .slick-dots {
    bottom: 1vh
  }
}

.mobile-fp .mobile-slider .fsContainer {
  display: flex;
  flex-flow: column-reverse
}

.mobile-fp .mobile-slider .fsContainer .fsElementHeaderContent {
  display: flex;
  justify-content: center;
  background: #fff;
  flex-direction: column;
  align-items: center;
  font-family: semplicitapro, sans-serif;
  padding: 20px
}

.mobile-fp .mobile-slider .fsContainer .fsElementHeaderContent h2 {
  font-size: 2.875rem;
  line-height: 4rem;
  text-transform: uppercase;
  font-family: semplicitapro, sans-serif;
  color: #0b523f;
  margin-bottom: 0;
  text-align: center
}

.mobile-fp .mobile-slider .fsContainer .fsElementHeaderContent strong {
  font-size: 1.5rem;
  line-height: 2.125rem;
  color: #0b523f;
  font-weight: 400
}

.mobile-fp .mobile-slider .fsContainer .fsElementHeaderContent p {
  text-align: center;
  font-weight: 400;
  font-size: 1.0625rem;
  line-height: 1.5625rem
}

.mobile-fp .mobile-slider .fsContainer article {
  height: 56vh;
  background-size: cover;
  opacity: 0
}

.mobile-fp .mobile-slider .fsContainer article img {
  display: none
}

.mobile-fp .mobile-slider .home-hero {
  display: block
}

.mobile-fp .mobile-slider .home-hero header {
  opacity: 0
}

.mobile-fp .mobile-slider .home-hero article {
  display: block;
  height: 322px;
  width: 322px;
  border-radius: 50%;
  border-color: #7db82d #fff #318632 #d5f523;
  border-style: solid;
  border-width: 15px;
  position: fixed;
  overflow: hidden;
  top: calc(50% - 161px);
  left: calc(50% - 161px);
  position: absolute;
  opacity: 1;
  transition: all .2s ease-out
}

@media (min-width:800px) {
  .mobile-fp .mobile-slider .home-hero article {
    height: 522px;
    width: 522px;
    top: calc(50% - 261px);
    left: calc(50% - 261px)
  }
}

.mobile-fp .mobile-slider .slick-current.fsContainer {
  display: block
}

.mobile-fp .mobile-slider .slick-current.fsContainer header {
  opacity: 0
}

.mobile-fp .mobile-slider .slick-current.fsContainer article {
  display: block;
  height: 322px;
  width: 322px;
  border-radius: 50%;
  border-color: #7db82d #fff #318632 #d5f523;
  border-style: solid;
  border-width: 15px;
  position: fixed;
  overflow: hidden;
  top: calc(50% - 161px);
  left: calc(50% - 197px);
  position: absolute;
  opacity: 1;
  transition: all .2s ease-out
}

@media (min-width:800px) {
  .mobile-fp .mobile-slider .slick-current.fsContainer article {
    height: 522px;
    width: 522px;
    top: calc(50% - 261px);
    left: calc(50% - 261px)
  }
}

.mobile-fp.active-slider .hero-container .home-hero {
  display: none
}

.mobile-fp.active-slider .slick-current.fsContainer header {
  opacity: 1
}

.mobile-fp.active-slider .slick-dots {
  display: block !important
}

.mobile-fp.active-slider .site-info-container {
  display: none
}

.mobile-fp.active-slider .mobile-slider .intro-container {
  height: auto;
  display: flex;
  flex-flow: column-reverse
}

.mobile-fp.active-slider .mobile-slider .intro-container .fsElementContent {
  display: flex
}

.mobile-fp.active-slider .mobile-slider .intro-container .fsResourceElement {
  height: 56vh;
  background-size: cover;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0;
  border: 0;
  margin-top: 0;
  margin-left: 0;
  display: flex !important
}

.mobile-fp.active-slider .mobile-slider .intro-container .fsResourceElement header {
  opacity: 1;
  transition-delay: .3s;
  transition: opacity .4s
}

.mobile-fp.active-slider .mobile-slider .intro-container article {
  opacity: 1;
  background-size: cover;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0;
  border: 0;
  display: flex;
  min-height: 257px;
  min-height: 44vh;
  display: block;
  width: 100vw;
  background-position: 50%
}

@media (min-width:800px) {
  .mobile-fp.active-slider .mobile-slider .intro-container article {
    min-height: 60vh;
    background-size: cover
  }
}

.mobile-fp .mobile-slider .intro-container {
  height: 100vh;
  width: 100vw;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative
}

.mobile-fp .hero-container {
  position: relative;
  height: 20px;
  width: 100vw;
  z-index: 1
}

.mobile-fp .hero-container .fsResourceElement {
  display: block;
  height: 322px;
  width: 322px;
  border-radius: 50%;
  border: 15px solid rgba(0, 0, 0, 0);
  overflow: hidden;
  top: 50%;
  left: 50%;
  margin-top: -151px;
  margin-left: -161px;
  position: fixed;
  transition: none;
  display: none
}

.mobile-fp .hero-container .fsResourceElement article {
  position: absolute;
  width: 100%;
  height: 100%
}

.mobile-fp .hero-container .fsResourceElement article img {
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  width: 100%;
  height: 100%
}

body:not(.fsComposeMode).desktop-fp .pic-1 .fsListItems article {
  display: none !important
}

body:not(.fsComposeMode).desktop-fp .pic-1 .fsListItems article:first-child {
  display: block !important
}

body:not(.fsComposeMode).desktop-fp .pic-2 .fsListItems article {
  display: none !important
}

body:not(.fsComposeMode).desktop-fp .pic-2 .fsListItems article:nth-child(2) {
  display: block !important
}

body:not(.fsComposeMode).desktop-fp .pic-3 .fsListItems article {
  display: none !important
}

body:not(.fsComposeMode).desktop-fp .pic-3 .fsListItems article:nth-child(3) {
  display: block !important
}

body:not(.fsComposeMode).desktop-fp .hero-container.pic-1+.panel-1 .fsListItems article {
  display: none !important
}

body:not(.fsComposeMode).desktop-fp .hero-container.pic-1+.panel-1 .fsListItems article:first-child {
  display: block !important
}

body:not(.fsComposeMode).desktop-fp .hero-container.pic-2+.panel-1 .fsListItems article {
  display: none !important
}

body:not(.fsComposeMode).desktop-fp .hero-container.pic-2+.panel-1 .fsListItems article:nth-child(2) {
  display: block !important
}

body:not(.fsComposeMode).desktop-fp .hero-container.pic-3+.panel-1 .fsListItems article {
  display: none !important
}

body:not(.fsComposeMode).desktop-fp .hero-container.pic-3+.panel-1 .fsListItems article:nth-child(3) {
  display: block !important
}

body:not(.fsComposeMode).desktop-fp.fp-viewing-firstPage .panel-1 {
  opacity: 0;
  transition: .2s
}

body:not(.fsComposeMode).desktop-fp .panel-1 {
  opacity: 1
}

body:not(.fsComposeMode).desktop-fp .panel-1 .home-hero {
  width: 100%;
  height: 100%;
  border-radius: 0;
  border: 0;
  margin-top: 0;
  margin-left: 0;
  position: fixed;
  top: 0;
  left: 0
}

body:not(.fsComposeMode).desktop-fp .panel-1 .home-hero:before {
  content: "";
  position: absolute;
  border: 50vw solid #fff;
  border-radius: 50%;
  z-index: 99999;
  position: fixed;
  top: 50%;
  left: 50%;
  animation: circle 1.25s;
  animation-fill-mode: forwards;
  -webkit-animation: circle 1.25s;
  -webkit-animation-fill-mode: forwards
}

body:not(.fsComposeMode).desktop-fp.fp-viewing-secondPage.first-panel-done .panel-1.active .home-hero:before {
  display: none
}

body:not(.fsComposeMode).desktop-fp.fp-viewing-secondPage .panel-1.active .home-hero:before {
  border: 50vw solid #fff;
  border-radius: 50%;
  position: fixed;
  animation: circleAnime 1.5s;
  animation-fill-mode: forwards;
  -webkit-animation: circleAnime 1.5s;
  -webkit-animation-fill-mode: forwards
}

body:not(.fsComposeMode).desktop-fp.fp-viewing-secondPage .panel-1.active .circle-content {
  transition-delay: 1.5s !important;
    z-index: 2;
}

body:not(.fsComposeMode).desktop-fp.fp-viewing-3rdPage .home-hero:before {
  display: none
}

body:not(.fsComposeMode).desktop-fp.fp-viewing-4thPage .panel-2 article {
  position: fixed;
  top: 0;
  left: 0
}

@-webkit-keyframes circleAnime {
  0% {
    margin-top: -65vw;
    margin-left: -65vw;
    height: 130vw;
    width: 130vw
  }

  to {
    margin-top: -150vw;
    margin-left: -150vw;
    height: 300vw;
    width: 300vw
  }
}

@keyframes circleAnime {
  0% {
    margin-top: -65vw;
    margin-left: -65vw;
    height: 130vw;
    width: 130vw
  }

  to {
    margin-top: -150vw;
    margin-left: -150vw;
    height: 300vw;
    width: 300vw
  }
}

@-webkit-keyframes circle {
  0% {
    margin-top: -150vw;
    margin-left: -150vw;
    height: 300vw;
    width: 300vw
  }

  to {
    margin-top: -65vw;
    margin-left: -65vw;
    height: 130vw;
    width: 130vw
  }
}

@keyframes circle {
  0% {
    margin-top: -150vw;
    margin-left: -150vw;
    height: 300vw;
    width: 300vw
  }

  to {
    margin-top: -65vw;
    margin-left: -65vw;
    height: 130vw;
    width: 130vw
  }
}

.mobile-fp .panel-1 .fsListItems article {
  display: none !important
}

.mobile-fp .panel-1 .fsListItems article:first-child {
  display: block !important
}

.mobile-fp .panel-2 .fsListItems article {
  display: none !important
}

.mobile-fp .panel-2 .fsListItems article:nth-child(2) {
  display: block !important
}

.mobile-fp .panel-3 .fsListItems article {
  display: none !important
}

.mobile-fp .panel-3 .fsListItems article:nth-child(3) {
  display: block !important
}

body:not(.fsComposeMode) .image-button {
  background-size: cover;
  background-position: top;
  overflow: hidden;
  position: relative;
  height: 280px;
  color: #fff
}

body:not(.fsComposeMode) .image-button .entrylink {
  text-decoration: none;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: flex !important;
  flex-direction: column;
  justify-content: flex-end;
  flex-grow: 1;
  color: #fff
}

body:not(.fsComposeMode) .image-button .image-button-content {
  padding: 20px;
  position: relative;
  z-index: 2
}

body:not(.fsComposeMode) .image-button .image-button-content>header,
body:not(.fsComposeMode) .image-button .image-button-content>header h2.fsElementTitle {
  margin-bottom: 0
}

body:not(.fsComposeMode) .image-button .image-button-content>header>.fsElementHeaderContent {
  margin-top: 5px;
  margin-bottom: 0
}

body:not(.fsComposeMode) .image-button .image-button-content>header>.fsElementHeaderContent strong {
  font-size: 18px;
  line-height: 140%
}

body:not(.fsComposeMode) .image-button .image-button-content>header>.fsElementHeaderContent a {
  color: #fff;
  text-decoration: none
}

body:not(.fsComposeMode) .image-button .image-button-content>header>.fsElementHeaderContent a:focus,
body:not(.fsComposeMode) .image-button .image-button-content>header>.fsElementHeaderContent a:hover {
  text-decoration: underline
}

body:not(.fsComposeMode) .image-button .image-button-content>header>.fsElementHeaderContent p {
  margin-bottom: 0
}

body:not(.fsComposeMode) .image-button .image-button-content>.fsElementContent {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  height: auto;
  transition: all .3s ease-in-out
}

body:not(.fsComposeMode) .image-button .image-button-content>.fsElementContent p:last-child {
  margin: 0
}

body:not(.fsComposeMode) .image-button .image-button-content>footer {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  height: auto;
  transition: all .3s ease-in-out;
  padding-bottom: 30px
}

body:not(.fsComposeMode) .image-button .image-button-content>footer>.fsElementFooterContent {
  margin-top: 15px
}

body:not(.fsComposeMode) .image-button .image-button-content>footer>.fsElementFooterContent p {
  margin: 0
}

body:not(.fsComposeMode) .image-button.active .image-button-content>.fsElementContent,
body:not(.fsComposeMode) .image-button.active .image-button-content>footer,
body:not(.fsComposeMode) .image-button:focus .image-button-content>.fsElementContent,
body:not(.fsComposeMode) .image-button:focus .image-button-content>footer,
body:not(.fsComposeMode) .image-button:hover .image-button-content>.fsElementContent,
body:not(.fsComposeMode) .image-button:hover .image-button-content>footer {
  opacity: 1;
  transition: all .8s ease-in-out
}

body:not(.fsComposeMode) .image-button:before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .8));
  left: 0;
  transition: .3s;
  z-index: 2
}

body:not(.fsComposeMode) .image-button:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 50%;
  left: 0;
  bottom: 0;
  background: #0b523f;
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s;
  z-index: 1
}

body:not(.fsComposeMode) .image-button.active:after,
body:not(.fsComposeMode) .image-button:hover:after {
  opacity: .5;
  visibility: visible;
  transition: opacity .3s;
  height: 100%
}

body:not(.fsComposeMode) .image-button.active .image-button-content>.fsElementContent,
body:not(.fsComposeMode) .image-button.active .image-button-content>footer,
body:not(.fsComposeMode) .image-button:hover .image-button-content>.fsElementContent,
body:not(.fsComposeMode) .image-button:hover .image-button-content>footer {
  max-height: 280px
}

body:not(.fsComposeMode) .image-button .image-button-content {
  font-family: semplicitapro, sans-serif
}

body:not(.fsComposeMode) .image-button .image-button-content>header h2.fsElementTitle {
  font-weight: 600;
  font-size: 25px;
  line-height: 32px
}

body:not(.fsComposeMode) .image-button .image-button-content>header .fsElementHeaderContent {
  font-weight: 600;
  font-size: 14px;
  line-height: 22px
}

body:not(.fsComposeMode) .image-button .image-button-content>.fsElementContent {
  font-size: 16px;
  line-height: 25px
}

body:not(.fsComposeMode) .image-button .image-button-content>footer>.fsElementFooterContent a {
  color: #fff;
  font-weight: 600
}

body:not(.fsComposeMode) .image-button .image-button-content>footer>.fsElementFooterContent a:hover {
  text-decoration: underline
}

.button-slider {
  position: relative
}

.button-slider>header {
  position: absolute;
  top: 0;
  height: 280px;
  left: -20px;
  right: -20px;
  z-index: 1;
  display: flex;
  align-items: center;
  pointer-events: none
}

.button-slider>header .fsElementTitle {
  display: none
}

.button-slider .image-button {
  margin: 0 10px
}

.button-slider .slick-arrows-container {
  display: flex;
  justify-content: space-between;
  flex-basis: 100%
}

.button-slider .slick-arrows-container .slick-arrow {
  font-size: 0;
  background-color: #fff;
  color: rgba(0, 0, 0, 0);
  width: 3.125rem;
  height: 3.125rem;
  position: relative;
  cursor: pointer;
  transition: .5s;
  border: 1px solid #dbe278;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: all
}

@media (min-width:1000px) {
  .button-slider .slick-arrows-container .slick-arrow {
    width: 3.75rem;
    height: 3.75rem
  }
}

.button-slider .slick-arrows-container .slick-arrow:focus,
.button-slider .slick-arrows-container .slick-arrow:hover {
  background: #dbe278
}

.button-slider .slick-arrows-container .slick-arrow:before {
  font-size: .625rem;
  color: #303030;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: auto;
  color: #318632
}

@media (min-width:1000px) {
  .button-slider .slick-arrows-container .slick-arrow:before {
    font-size: .75rem
  }
}

.button-slider .slick-arrows-container .slick-arrow.slick-prev:before {
  content: "\E90B";
  font-family: IcoMoon;
  font-smoothing: antialiased;
  font-weight: 400;
  speak: none
}

.button-slider .slick-arrows-container .slick-arrow.slick-next:before {
  content: "\E90C";
  font-family: IcoMoon;
  font-smoothing: antialiased;
  font-weight: 400;
  speak: none
}

.featured-event {
  margin-bottom: 80px
}

@media (max-width:999px) {
  .featured-event {
    padding: 0 20px;
    margin-bottom: 20px
  }
}

.featured-event .fsCroppedImage {
  display: none
}

.featured-event article {
  display: flex
}

@media (max-width:999px) {
  .featured-event article {
    flex-flow: column
  }
}

.featured-event .fsThumbnail {
  max-height: 170px;
  background-size: cover;
  margin: 0 40px 0 0;
  min-height: 170px;
  overflow: hidden;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat
}

@media (min-width:700px) {
  .featured-event .fsThumbnail {
    min-height: 300px;
    min-width: 400px;
    background-size: cover
  }
}

@media (min-width:1000px) {
  .featured-event .fsThumbnail {
    max-height: 300px;
    max-width: 590px
  }
}

.featured-event .fsThumbnail img {
  display: none
}

.featured-event .content-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center
}

@media (max-width:999px) {
  .featured-event .content-wrap {
    text-align: center
  }
}

.featured-event .content-wrap .fsTitle .fsPostLink {
  font-size: 1.125rem;
  line-height: 1.6875rem;
  color: #131313
}

@media (min-width:1000px) {
  .featured-event .content-wrap .fsTitle .fsPostLink {
    font-size: 1.5rem;
    line-height: 2.25rem
  }
}

.featured-event .content-wrap .fsSummary {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  font-family: semplicitapro, sans-serif
}

@media (min-width:1000px) {
  .featured-event .content-wrap .fsSummary {
    font-size: 1.125rem;
    line-height: 1.6875rem
  }
}

.featured-event.right article {
  flex-direction: row-reverse
}

@media (max-width:999px) {
  .featured-event.right article {
    flex-flow: column
  }
}

@media (min-width:1000px) {
  .featured-event.right .fsThumbnail {
    margin: 0 0 0 40px
  }
}

.featured-event.background {
  background: #f9faf6;
  padding: 20px 40px
}

@media (min-width:1000px) {
  .featured-event.background {
    padding: 70px 120px;
    width: 100vw;
    margin-left: 50%;
    transform: translateX(-50%)
  }
}

body.fsComposeMode .fsTagFilter.post-filter.tag-dropdown>.fsElementContent,
body.fsComposeMode .fsTagFilter.post-filter.tag-dropdown>header h2 {
  display: block
}

.fsTagFilter.post-filter {
  margin-top: 20px
}

.fsTagFilter.post-filter>header h2 {
  font-family: semplicitapro, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px
}

.fsTagFilter.post-filter.tag-dropdown>header h2,
.fsTagFilter.post-filter .tags_trigger {
  display: none
}

.fsTagFilter.post-filter.tag-dropdown .tags_trigger {
  background: none;
  font-family: semplicitapro, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 55px;
  position: relative;
  background-color: #f9faf5;
  padding: 0 0 0 20px;
  width: 100%;
  text-align: left;
  cursor: pointer;
  transition: all .3s;
  margin: 0 0 12px;
  display: block;
  border: 1px solid #d0d3c4
}

@media (max-width:599px) {
  .fsTagFilter.post-filter.tag-dropdown .tags_trigger {
    font-size: 17px;
    line-height: 48px
  }
}

.fsTagFilter.post-filter.tag-dropdown .tags_trigger:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translate3d(0, -50%, 0);
  width: 35px;
  height: 35px;
  right: 20px
}

.fsTagFilter.post-filter.tag-dropdown .tags_trigger:after {
  content: "\E908";
  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: #000;
  font-size: 18px
}

.fsTagFilter.post-filter.tag-dropdown .tags_trigger:focus,
.fsTagFilter.post-filter.tag-dropdown .tags_trigger:hover {
  background-color: #318632;
  color: #fff
}

.fsTagFilter.post-filter.tag-dropdown .tags_trigger:focus:after,
.fsTagFilter.post-filter.tag-dropdown .tags_trigger:hover:after {
  color: #fff
}

@media (max-width:699px) {
  .fsStyleOneThird .fsTagFilter.post-filter.tag-dropdown .tags_trigger {
    font-size: 17px;
    line-height: 48px
  }
}

.fsTagFilter.post-filter.tag-dropdown>.fsElementContent {
  display: none
}

.fsTagFilter.post-filter.tag-dropdown.is-active .tags_trigger:after {
  content: "\F107";
  font-family: IcoMoon;
  font-smoothing: antialiased;
  font-weight: 400;
  speak: none;
  right: 29px
}

.fsTagFilter.post-filter .fsToolsList .fsTagLink {
  padding: 5px 10px;
  margin: 0 5px 10px 0;
  background-color: #f8f8f8;
  border-radius: 0;
  color: #303030;
  border: none;
  font-family: nobel, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 24px;
  text-transform: none
}

.fsTagFilter.post-filter .fsToolsList .fsStateSelected .fsTagLink,
.fsTagFilter.post-filter .fsToolsList .fsTagLink:focus,
.fsTagFilter.post-filter .fsToolsList .fsTagLink:hover {
  background-color: #d5f523;
  color: #fff
}

body.fsComposeMode .fsCategoryFilter.post-filter.category-dropdown>.fsElementContent,
body.fsComposeMode .fsCategoryFilter.post-filter.category-dropdown>header h2 {
  display: block
}

.fsCategoryFilter.post-filter {
  margin-top: 40px
}

@media (max-width:599px) {
  .fsCategoryFilter.post-filter {
    margin-top: 24px
  }
}

.fsCategoryFilter.post-filter>header h2 {
  font-family: semplicitapro, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  display: block
}

@media (max-width:599px) {
  .fsCategoryFilter.post-filter>header h2 {
    display: none
  }
}

.fsCategoryFilter.post-filter .category_trigger {
  background: none;
  font-family: semplicitapro, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 55px;
  position: relative;
  background-color: #f9faf5;
  padding: 0 0 0 20px;
  width: 100%;
  text-align: left;
  cursor: pointer;
  transition: all .3s;
  margin: 0 0 12px;
  display: block;
  border: 1px solid #d0d3c4;
  display: none
}

@media (max-width:599px) {
  .fsCategoryFilter.post-filter .category_trigger {
    font-size: 17px;
    line-height: 48px
  }
}

.fsCategoryFilter.post-filter .category_trigger:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translate3d(0, -50%, 0);
  width: 35px;
  height: 35px;
  right: 20px
}

.fsCategoryFilter.post-filter .category_trigger:after {
  content: "\E908";
  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: #000;
  font-size: 18px
}

.fsCategoryFilter.post-filter .category_trigger:focus,
.fsCategoryFilter.post-filter .category_trigger:hover {
  background-color: #318632;
  color: #fff
}

.fsCategoryFilter.post-filter .category_trigger:focus:after,
.fsCategoryFilter.post-filter .category_trigger:hover:after {
  color: #fff
}

@media (max-width:699px) {
  .fsStyleOneThird .fsCategoryFilter.post-filter .category_trigger {
    font-size: 17px;
    line-height: 48px
  }
}

@media (max-width:599px) {
  .fsCategoryFilter.post-filter .category_trigger {
    display: block
  }
}

.fsCategoryFilter.post-filter>.fsElementContent {
  width: 100%;
  z-index: 2;
  display: block
}

@media (max-width:599px) {
  .fsCategoryFilter.post-filter>.fsElementContent {
    display: none
  }
}

@media (max-width:599px) {
  .fsCategoryFilter.post-filter.is-active>header .category_trigger:after {
    right: 29px
  }
}

.fsCategoryFilter.post-filter.category-dropdown {
  margin: 20px 0
}

.fsCategoryFilter.post-filter.category-dropdown>header h2 {
  display: none
}

.fsCategoryFilter.post-filter.category-dropdown .category_trigger {
  display: block
}

.fsCategoryFilter.post-filter.category-dropdown>.fsElementContent {
  display: none
}

.fsCategoryFilter.post-filter .fsToolsList>li {
  display: block;
  border-bottom: 1px solid #e5e5e5
}

.fsCategoryFilter.post-filter .fsToolsList>li:last-child {
  border-bottom: none
}

.fsCategoryFilter.post-filter .fsToolsList>li:first-child .fsCategoryLink {
  padding-top: 0
}

.fsCategoryFilter.post-filter .fsToolsList>li:first-child .fsCategoryLink:before {
  top: 7px
}

.fsCategoryFilter.post-filter .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: #303030;
  font-family: semplicitapro, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 24px;
  text-transform: none
}

.fsCategoryFilter.post-filter .fsToolsList .fsCategoryLink:before {
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  top: 21px;
  left: 0;
  border: 1px solid #318632;
  border-radius: 100%;
  background: rgba(0, 0, 0, 0);
  transition: .3s
}

.fsCategoryFilter.post-filter .fsToolsList .fsCategoryLink:focus,
.fsCategoryFilter.post-filter .fsToolsList .fsCategoryLink:hover {
  color: #0b523f
}

.fsCategoryFilter.post-filter .fsToolsList .fsStateSelected .fsCategoryLink:before {
  background-color: #318632;
  transition: .3s
}

.fsCategoryFilter.post-filter .fsToolsList .fsStateSelected .fsCategoryLink:focus {
  color: #303030
}

body:not(.fsComposeMode) .filter-search-container {
  position: relative;
  margin-top: 40px
}

@media (min-width:700px) {
  body:not(.fsComposeMode) .filter-search-container .fsCategoryFilter.post-filter>header {
    width: 280px
  }
}

body:not(.fsComposeMode) .filter-search-container .fsCategoryFilter.post-filter>header h2 {
  display: none
}

body:not(.fsComposeMode) .filter-search-container .fsCategoryFilter.post-filter .category_trigger {
  display: block
}

body:not(.fsComposeMode) .filter-search-container .fsCategoryFilter.post-filter>.fsElementContent {
  display: none;
  padding-bottom: 10px;
  border-bottom: 1px solid #e5e5e5
}

body:not(.fsComposeMode) .filter-search-container .fsCategoryFilter.post-filter.is-active>header .category_trigger:after {
  content: "\E908";
  font-family: IcoMoon;
  font-smoothing: antialiased;
  font-weight: 400;
  speak: none;
  right: 29px
}

body:not(.fsComposeMode) .filter-search-container .fsCategoryFilter.post-filter .fsToolsList {
  background: #fff;
  margin-bottom: 0
}

@media (min-width:700px) {
  body:not(.fsComposeMode) .filter-search-container .fsCategoryFilter.post-filter .fsToolsList {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden
  }
}

body:not(.fsComposeMode) .filter-search-container .fsCategoryFilter.post-filter .fsToolsList>li {
  border-bottom: 1px solid #e5e5e5
}

@media (min-width:700px) {
  body:not(.fsComposeMode) .filter-search-container .fsCategoryFilter.post-filter .fsToolsList>li {
    width: calc(33.33% - 20px);
    margin: 1px 10px -1px
  }
}

body:not(.fsComposeMode) .filter-search-container .fsCategoryFilter.post-filter .fsToolsList>li:first-child .fsCategoryLink {
  padding-top: 9px
}

@media (max-width:599px) {
  body:not(.fsComposeMode) .filter-search-container .fsCategoryFilter.post-filter .fsToolsList>li:last-child {
    border: 0
  }
}

body:not(.fsComposeMode) .filter-search-container .fsCategoryFilter.post-filter .fsToolsList>li .fsCategoryLink {
  padding: 9px 25px 9px 40px
}

body:not(.fsComposeMode) .filter-search-container .fsCategoryFilter.post-filter .fsToolsList>li .fsCategoryLink:before {
  left: 20px;
  top: 16px
}

body:not(.fsComposeMode) .filter-search-container .fsSearch.post-filter {
  margin-bottom: 20px
}

@media (min-width:700px) {
  body:not(.fsComposeMode) .filter-search-container .fsSearch.post-filter {
    position: absolute;
    top: 0;
    right: 0;
    width: calc(100% - 300px);
    margin-bottom: 0
  }
}

.fsSearch.post-filter .fsElementToolsSearch {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  background-color: #f9faf5;
  padding: 15.5px 20px;
  border: 1px solid #d0d3c4
}

@media (max-width:599px) {
  .fsSearch.post-filter .fsElementToolsSearch {
    padding: 13px 20px
  }
}

.fsSearch.post-filter .fsElementToolsKeyword {
  flex-grow: 1;
  margin-right: 5px
}

.fsSearch.post-filter .fsElementToolsKeyword .fsStyleSearchField {
  border: none;
  background: none;
  padding: 0 30px 0 0;
  color: #252b33;
  font-family: semplicitapro, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1
}

@media (max-width:599px) {
  .fsSearch.post-filter .fsElementToolsKeyword .fsStyleSearchField {
    font-size: 17px
  }
}

.fsSearch.post-filter .fsElementToolsKeyword .fsStyleSearchField::-webkit-input-placeholder {
  color: #252b33
}

.fsSearch.post-filter .fsElementToolsKeyword .fsStyleSearchField::-moz-placeholder {
  color: #252b33
}

.fsSearch.post-filter .fsElementToolsKeyword .fsStyleSearchField:-ms-input-placeholder {
  color: #252b33
}

.fsSearch.post-filter .fsElementToolsKeyword .fsStyleSearchField::-ms-input-placeholder {
  color: #252b33
}

.fsSearch.post-filter .fsElementToolsKeyword .fsStyleSearchField::placeholder {
  color: #252b33
}

.fsSearch.post-filter .fsElementToolsKeyword .fsButtonClear {
  display: none !important
}

.fsSearch.post-filter .fsElementToolsKeyword.buttonClearActive .fsButtonClear {
  display: block
}

.fsSearch.post-filter .fsElementToolsSearchButton {
  margin: 0;
  width: 35px;
  overflow: hidden;
  color: rgba(0, 0, 0, 0);
  padding: 0;
  align-self: stretch;
  background-color: rgba(0, 0, 0, 0);
  position: relative;
  border: 0 !important;
  min-width: 0
}

.fsSearch.post-filter .fsElementToolsSearchButton:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translate3d(0, -50%, 0);
  width: 35px;
  height: 35px;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 100%
}

.fsSearch.post-filter .fsElementToolsSearchButton:after {
  content: "\F002";
  font-family: IcoMoon;
  font-smoothing: antialiased;
  font-weight: 400;
  speak: none;
  position: absolute;
  top: 50%;
  transform: translate3d(0, -50%, 0);
  width: 100%;
  text-align: center;
  left: 0;
  line-height: 1;
  color: #000;
  font-size: 16px
}

.fsSearch.post-filter .fsElementToolsSearchButton:focus:after,
.fsSearch.post-filter .fsElementToolsSearchButton:hover:after {
  color: #318632
}

.fsGrid.post-filter .fsListItems {
  margin-left: -10px;
  margin-right: -10px
}

.fsGrid.post-filter article {
  position: relative;
  margin: 0 0 20px;
  padding: 20px;
  display: flex;
  flex-wrap: wrap;
  overflow: visible !important
}

@media (min-width:600px) {
  .fsGrid.post-filter article {
    width: 100%
  }
}

@media (min-width:800px) {
  .fsGrid.post-filter article {
    width: 50%
  }
}

@media (min-width:1000px) {
  .fsGrid.post-filter article {
    width: 25%;
    padding: 60px 30px
  }
}

.fsGrid.post-filter article:before {
  content: "";
  position: absolute;
  top: 0;
  left: 10px;
  width: calc(100% - 20px);
  height: 100%;
  background-color: #f9faf5;
  border: 1px solid #d0d3c4
}

.fsGrid.post-filter article>a,
.fsGrid.post-filter article>div {
  position: relative;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px
}

.fsGrid.post-filter article>.fsTitle {
  position: relative;
  color: #303030;
  font-family: semplicitapro, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  display: block;
  margin: 10px 0 15px
}

@media (max-width:999px) {
  .fsGrid.post-filter article>.fsTitle {
    padding-right: 50px
  }
}

.fsGrid.post-filter article>.fsTitle a {
  color: inherit
}

.fsGrid.post-filter article>.fsTitle:after {
  content: "";
  bottom: 0;
  width: 30px;
  height: 3px;
  background-color: #d5f523;
  content: "\E908";
  font-family: IcoMoon;
  font-smoothing: antialiased;
  font-weight: 400;
  speak: none;
  color: #000;
  font-size: 20px;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 0;
  top: -20px;
  position: absolute
}

@media (min-width:1000px) {
  .fsGrid.post-filter article>.fsTitle:after {
    top: -50px
  }
}

.fsGrid.post-filter article>.fsThumbnail {
  padding: 0;
  position: absolute;
  top: 0;
  left: 10px;
  width: calc(100% - 20px);
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat
}

.fsGrid.post-filter 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.post-filter article>.fsThumbnail img {
  opacity: 0;
  visibility: hidden
}

.fsGrid.post-filter article>.fsReadMoreLink {
  position: absolute;
  width: 100%;
  height: 100%;
  color: rgba(0, 0, 0, 0);
  top: 0;
  left: 0
}

.fsStyleOneThird .fsGrid.post-filter article {
  width: 100%
}

.fsGrid.post-filter.post-image-overlay article:before {
  background-color: rgba(0, 0, 0, .2);
  z-index: 1
}

.fsGrid.post-filter.post-image-overlay article>.fsSummary,
.fsGrid.post-filter.post-image-overlay article>.fsTitle {
  color: #fff;
  z-index: 10
}

.fsGrid.post-filter.post-image-overlay article>.fsReadMoreLink {
  z-index: 10
}

@media (max-width:699px) {
  .filtered-posts .tag-filter {
    margin-bottom: 0
  }
}

.filtered-posts .tag-filter .fsToolsList {
  display: flex;
  justify-content: space-between
}

@media (max-width:699px) {
  .filtered-posts .tag-filter .fsToolsList {
    flex-flow: wrap
  }
}

.filtered-posts .tag-filter .fsToolsList li {
  flex: 1 1 0;
  display: flex;
  margin-right: 20px
}

@media (max-width:699px) {
  .filtered-posts .tag-filter .fsToolsList li {
    flex-basis: 25%;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 5px
  }
}

.filtered-posts .tag-filter .fsToolsList li:last-child {
  margin-right: 0
}

.filtered-posts .tag-filter .fsToolsList li:first-child .fsTagLink:before {
  display: none
}

.filtered-posts .tag-filter .fsToolsList li:nth-child(2) .fsTagLink:before {
  content: "\E911";
  font-family: IcoMoon;
  font-smoothing: antialiased;
  font-weight: 400;
  speak: none
}

.filtered-posts .tag-filter .fsToolsList li:nth-child(3) .fsTagLink:before {
  content: "\E910";
  font-family: IcoMoon;
  font-smoothing: antialiased;
  font-weight: 400;
  speak: none
}

.filtered-posts .tag-filter .fsToolsList li:nth-child(4) .fsTagLink:before {
  content: "\E90F";
  font-family: IcoMoon;
  font-smoothing: antialiased;
  font-weight: 400;
  speak: none
}

.filtered-posts .tag-filter .fsToolsList li:nth-child(5) .fsTagLink:before {
  content: "\E90E";
  font-family: IcoMoon;
  font-smoothing: antialiased;
  font-weight: 400;
  speak: none
}

.filtered-posts .tag-filter .fsToolsList li.fsStateSelected .fsTagLink,
.filtered-posts .tag-filter .fsToolsList li:focus .fsTagLink,
.filtered-posts .tag-filter .fsToolsList li:hover .fsTagLink {
  background: #318632;
  color: #fff;
  box-shadow: none
}

.filtered-posts .tag-filter .fsTagLink {
  flex: 1 1 0;
  display: flex;
  padding: 20px;
  align-items: center;
  justify-content: center;
  border-radius: 0;
  background: #f9faf5;
  box-shadow: inset 0 4px 0 #d0d3c4;
  border: 0;
  min-height: 100px;
  position: relative;
  flex-direction: column;
  font-size: 14px;
  line-height: 20px;
  text-transform: none;
  font-family: semplicitapro, sans-serif;
  font-weight: 700
}

.filtered-posts .tag-filter .fsTagLink:focus,
.filtered-posts .tag-filter .fsTagLink:hover {
  color: #0b523f
}

.filtered-posts .tag-filter .fsTagLink:before {
  color: #7db82d;
  font-size: 2.5rem;
  margin-bottom: 15px;
  margin-top: 10px;
  display: block
}

.filtered-posts .post-filter {
  margin-bottom: 20px
}

.cta-links>.fsElementContent {
  display: flex;
  justify-content: center;
  flex-flow: wrap
}

.cta-links>footer>.fsElementFooterContent {
  position: relative;
  max-width: 700px;
  font-size: 1.0625rem;
  line-height: 1.5625rem;
  text-align: center;
  color: #0b523f;
  font-family: semplicitapro, sans-serif;
  margin: 40px auto 0;
  padding: 0 20px
}

@media (min-width:1000px) {
  .cta-links>footer>.fsElementFooterContent {
    margin-top: 60px;
    padding: 0
  }
}

.cta-links .cta-box {
  display: flex;
  flex-flow: column-reverse;
  align-items: center;
  margin: 0 10px
}

@media (min-width:1000px) {
  .cta-links .cta-box {
    margin: 0 30px;
    max-width: 33.33%
  }
}

.cta-links .cta-box header h2 {
  margin: 15px 0 0;
  font-size: .9375rem;
  line-height: 1.40625rem;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  color: #0b523f;
  transition: all .3s;
  border: 1px solid rgba(0, 0, 0, 0)
}

@media (min-width:700px) {
  .cta-links .cta-box header h2 {
    font-size: 1.125rem;
    line-height: 1.6875rem
  }
}

.cta-links .cta-box .fsResourceLink {
  display: flex;
  flex-flow: column;
  align-items: center
}

.cta-links .cta-box .fsResourceLink:focus picture,
.cta-links .cta-box .fsResourceLink:hover picture {
  border: 1px solid #000;
  -webkit-filter: drop-shadow(0 4px 4px rgba(0, 0, 0, .25));
  filter: drop-shadow(0 4px 4px rgba(0, 0, 0, .25))
}

.cta-links .cta-box .fsResourceLink:focus header h2,
.cta-links .cta-box .fsResourceLink:hover header h2 {
  color: #318632
}

.cta-links .cta-box picture {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0);
  position: relative;
  transform: all .3s;
  display: block
}

@media (min-width:700px) {
  .cta-links .cta-box picture {
    width: 180px;
    height: 180px
  }
}

.cta-links .cta-box picture img {
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  min-width: 100%
}

.loading-spinner {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999999;
  background-color: #fff;
  height: 100%;
  width: 100%;
  visibility: visible;
  opacity: 1;
  transition: visibility 0s linear 0s, opacity .5s
}

.loading-spinner .js-loading-spinner-copy {
  position: absolute;
  visibility: hidden;
  width: 1px;
  height: 1px;
  margin: 0
}

body.fsDraftMode .loading-spinner {
  display: none;
  position: static;
  height: auto;
  width: auto
}

.all-set .loading-spinner {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s linear .5s, opacity .5s
}

.lds-circle {
  display: inline-block;
  transform: translateZ(1px)
}

.lds-circle>div {
  display: inline-block;
  width: 64px;
  height: 64px;
  margin: 8px;
  border-radius: 50%;
  background: #0b523f;
  -webkit-animation: lds-circle 2.4s cubic-bezier(0, .2, .8, 1) infinite;
  animation: lds-circle 2.4s cubic-bezier(0, .2, .8, 1) infinite
}

@-webkit-keyframes lds-circle {

  0%,
  to {
    -webkit-animation-timing-function: cubic-bezier(.5, 0, 1, .5);
    animation-timing-function: cubic-bezier(.5, 0, 1, .5)
  }

  0% {
    transform: rotateY(0deg)
  }

  50% {
    transform: rotateY(5turn);
    -webkit-animation-timing-function: cubic-bezier(0, .5, .5, 1);
    animation-timing-function: cubic-bezier(0, .5, .5, 1)
  }

  to {
    transform: rotateY(10turn)
  }
}

@keyframes lds-circle {

  0%,
  to {
    -webkit-animation-timing-function: cubic-bezier(.5, 0, 1, .5);
    animation-timing-function: cubic-bezier(.5, 0, 1, .5)
  }

  0% {
    transform: rotateY(0deg)
  }

  50% {
    transform: rotateY(5turn);
    -webkit-animation-timing-function: cubic-bezier(0, .5, .5, 1);
    animation-timing-function: cubic-bezier(0, .5, .5, 1)
  }

  to {
    transform: rotateY(10turn)
  }
}

body.fsLiveMode .hero {
  max-height: none;
  overflow: hidden
}

body.fsLiveMode .hero img {
  width: 100%
}

body.hero-loaded .hero {
  max-height: none;
  overflow: visible;
  position: relative;
  margin: 0
}

@media (max-width:999px) {
  body.hero-loaded .hero:before {
    background: linear-gradient(180deg, #000, rgba(0, 0, 0, 0));
    opacity: .7;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 147px;
    content: ""
  }
}

body.hero-loaded .hero>header {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 511px;
  height: 511px;
  border-radius: 50%;
  border: 3px solid hsla(0, 0%, 100%, .5);
  border-right-color: rgba(0, 0, 0, 0);
  border-left-color: rgba(0, 0, 0, 0);
}

@media (max-width:999px) {
  body.hero-loaded .hero>header {
    display: none
  }
}

body.hero-loaded .hero>header>.fsElementTitle {
  position: absolute;
  background: hsla(0, 0%, 100%, .9);
  width: 200px;
  height: 200px;
  top: 50%;
  left: calc(50% + 100px);
  transform: translate(-50%, -50%);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  color: #0b523f;
  font-size: 1.5rem;
  font-family: semplicitapro, sans-serif
}
body.hero-loaded .hero>header>.fsElementFirstTitle {
  position: absolute;
  background: hsla(0, 0%, 100%, .9);
  width: 200px;
  height: 200px;
  top: 50%;
  left: calc(50% + 100px);
  transform: translate(-50%, -50%);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  color: #0b523f;
  font-size: 1.5rem;
  font-family: semplicitapro, sans-serif
}

@media (min-width:1000px) {
  body.hero-loaded .hero>header>.fsElementTitle {
    width: 280px;
    height: 280px;
    left: calc(50% + 180px);
    text-align: center
  }
  body.hero-loaded .hero>header>.fsElementFirstTitle {
    width: 280px;
    height: 280px;
    left: calc(0% - -75px);
    text-align: center
  }
}

body.hero-loaded .hero article {
  background-size: cover;
  min-height: 295px;
  background-position: 50%
}

@media (min-width:1000px) {
  body.hero-loaded .hero article {
    min-height: 560px
  }
}

body.hero-loaded .hero article img {
  display: none
}

@media print {

  #fsFooter,
  #fsHeader,
  #fsMenu,
  .fsThumbnail,
  .hide-for-print,
  .nav-main,
  .nav-social,
  .nav-sub,
  .nav-utility-footer,
  .nav-utility-header {
    display: none !important
  }

  #fsBannerLeft,
  #fsBannerRight,
  #fsPageContent {
    width: 100% !important
  }

  html {
    font-size: 100%
  }

  body {
    font-size: 62.5%
  }

  *,
  :after,
  :before {
    background: 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
  }
}

.fp-enabled body,
html.fp-enabled {
  margin: 0;
  padding: 0;
  overflow: hidden;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.fp-section {
  position: relative;
  box-sizing: border-box
}

.fp-slide {
  float: left
}

.fp-slide,
.fp-slidesContainer {
  height: 100%;
  display: block
}

.fp-slides {
  z-index: 1;
  height: 100%;
  overflow: hidden;
  position: relative;
  transition: all .3s ease-out
}

.fp-section.fp-table,
.fp-slide.fp-table {
  display: table;
  table-layout: fixed;
  width: 100%
}

.fp-tableCell {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%
}

.fp-slidesContainer {
  float: left;
  position: relative
}

.fp-controlArrow {
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
  position: absolute;
  z-index: 4;
  top: 50%;
  cursor: pointer;
  width: 0;
  height: 0;
  border-style: solid;
  margin-top: -38px;
  transform: translateZ(0)
}

.fp-controlArrow.fp-prev {
  left: 15px;
  width: 0;
  border-width: 38.5px 34px 38.5px 0;
  border-color: rgba(0, 0, 0, 0) #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)
}

.fp-controlArrow.fp-next {
  right: 15px;
  border-width: 38.5px 0 38.5px 34px;
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff
}

.fp-scrollable {
  position: relative
}

.fp-scrollable,
.fp-scroller {
  overflow: hidden
}

.iScrollIndicator {
  border: 0 !important
}

.fp-notransition {
  transition: none !important
}

#fp-nav {
  position: fixed;
  z-index: 100;
  top: 50%;
  opacity: 1;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translate3d(0, -50%, 0)
}

#fp-nav.fp-right {
  right: 17px
}

#fp-nav.fp-left {
  left: 17px
}

.fp-slidesNav {
  position: absolute;
  z-index: 4;
  opacity: 1;
  transform: translateZ(0);
  left: 0 !important;
  right: 0;
  margin: 0 auto !important
}

.fp-slidesNav.fp-bottom {
  bottom: 17px
}

.fp-slidesNav.fp-top {
  top: 17px
}

#fp-nav ul,
.fp-slidesNav ul {
  margin: 0;
  padding: 0
}

#fp-nav ul li,
.fp-slidesNav ul li {
  display: block;
  width: 14px;
  height: 13px;
  margin: 7px;
  position: relative
}

.fp-slidesNav ul li {
  display: inline-block
}

#fp-nav ul li a,
.fp-slidesNav ul li a {
  display: block;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  text-decoration: none
}

#fp-nav ul li:hover a.active span,
#fp-nav ul li a.active span,
.fp-slidesNav ul li:hover a.active span,
.fp-slidesNav ul li a.active span {
  height: 12px;
  width: 12px;
  margin: -6px 0 0 -6px;
  border-radius: 100%
}

#fp-nav ul li a span,
.fp-slidesNav ul li a span {
  border-radius: 50%;
  position: absolute;
  z-index: 1;
  height: 4px;
  width: 4px;
  border: 0;
  background: #333;
  left: 50%;
  top: 50%;
  margin: -2px 0 0 -2px;
  transition: all .1s ease-in-out
}

#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span {
  width: 10px;
  height: 10px;
  margin: -5px 0 0 -5px
}

#fp-nav ul li .fp-tooltip {
  position: absolute;
  top: -2px;
  color: #fff;
  font-size: 14px;
  font-family: arial, helvetica, sans-serif;
  white-space: nowrap;
  max-width: 220px;
  overflow: hidden;
  display: block;
  opacity: 0;
  width: 0;
  cursor: pointer
}

#fp-nav.fp-show-active a.active+.fp-tooltip,
#fp-nav ul li:hover .fp-tooltip {
  transition: opacity .2s ease-in;
  width: auto;
  opacity: 1
}

#fp-nav ul li .fp-tooltip.fp-right {
  right: 20px
}

#fp-nav ul li .fp-tooltip.fp-left {
  left: 20px
}

.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell,
.fp-responsive .fp-auto-height-responsive.fp-section,
.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell {
  height: auto !important
}

.fp-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0
}

.bpa-thermometer-1 {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 50px
}

@media (max-width:599px) {
  .bpa-thermometer-1 {
    justify-content: center
  }
}

.fsBannerLeft .bpa-thermometer-1,
.fsBannerRight .bpa-thermometer-1,
.fsFourColumnLayout>.fsDiv .bpa-thermometer-1,
.fsStyleOneThird .bpa-thermometer-1,
.fsThreeColumnLayout>.fsDiv .bpa-thermometer-1 {
  justify-content: center
}

.fsBannerLeft .bpa-thermometer-1>.fsElementContent,
.fsBannerRight .bpa-thermometer-1>.fsElementContent,
.fsFourColumnLayout>.fsDiv .bpa-thermometer-1>.fsElementContent,
.fsStyleOneThird .bpa-thermometer-1>.fsElementContent,
.fsThreeColumnLayout>.fsDiv .bpa-thermometer-1>.fsElementContent {
  text-align: center
}

.bpa-thermometer-1>.fsElementContent {
  order: 3;
  display: flex;
  flex-direction: column;
  justify-content: center
}

.bpa-thermometer-1>.fsElementContent ul {
  list-style: none;
  padding: 0;
  margin: 0 0 30px;
  display: flex;
  flex-direction: column-reverse
}

.bpa-thermometer-1>.fsElementContent ul li {
  font-size: 19px;
  line-height: 29px;
  padding: 9px 0
}

.bpa-thermometer-1>.fsElementContent ul li:before {
  color: #0b523f;
  display: block;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px
}

.bpa-thermometer-1>.fsElementContent ul li:first-of-type:before {
  content: "Gifts Received"
}

.bpa-thermometer-1>.fsElementContent ul li:last-of-type:before {
  content: "Giving Day Goal"
}

.bpa-thermometer-1 .therm-wrapper {
  height: 360px;
  width: 95px;
  overflow: hidden;
  position: relative
}

.bpa-thermometer-1 .therm-wrapper svg {
  display: block;
  z-index: 2;
  position: relative
}

.bpa-thermometer-1 .therm-wrapper svg .filler {
  fill: #0b523f
}

.bpa-thermometer-1 .therm-wrapper svg .inner-border {
  fill: #fff
}

.bpa-thermometer-1 .therm-wrapper svg .outer-border {
  fill: #ddd
}

.bpa-thermometer-1 .therm-wrapper svg .lines line {
  stroke: #ddd
}

.bpa-thermometer-1 .therm-wrapper svg rect.inner-fill {
  fill: #131313;
  transition: height .5s
}

.bpa-thermometer-1 .therm-wrapper svg rect.inner-fill.animate {
  transition: height .5s
}

.bpa-thermometer-1 .therm-wrapper .percentage {
  color: #fff;
  font-size: 25px;
  font-weight: 700;
  line-height: 95px;
  position: absolute;
  bottom: 0;
  height: 95px;
  width: 95px;
  text-align: center;
  z-index: 5
}

.bpa-thermometer-1.dark {
  background: #0b523f;
  padding: 20px;
  color: #fff
}

.bpa-thermometer-1.dark a,
.bpa-thermometer-1.dark h1,
.bpa-thermometer-1.dark h2,
.bpa-thermometer-1.dark h3,
.bpa-thermometer-1.dark h4,
.bpa-thermometer-1.dark h5,
.bpa-thermometer-1.dark h6 {
  color: inherit
}

.bpa-thermometer-1.dark .percentage {
  color: #0b523f
}

.bpa-thermometer-1.dark svg .filler {
  fill: #fff
}

.bpa-thermometer-1.dark svg .inner-border {
  fill: #0b523f
}

.bpa-thermometer-1.dark svg .outer-border {
  fill: #fff
}

.bpa-thermometer-1.dark svg .lines line {
  stroke: #fff
}

.bpa-thermometer-1.dark svg rect.inner-fill {
  fill: rgba(11, 82, 63, .7)
}

.bpa-thermometer-1.dark ul li,
.bpa-thermometer-1.dark ul li:before {
  color: #fff
}

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

.icon-library .fsElement.fsContent,
.icon-library header {
  display: flex;
  flex-direction: column
}

.icon-library .fsElement.fsContent.apple:before,
.icon-library header.apple:before {
  content: "\E901";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.backpack:before,
.icon-library header.backpack:before {
  content: "\E902";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.bar-graph:before,
.icon-library header.bar-graph:before {
  content: "\E903";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.baseball:before,
.icon-library header.baseball:before {
  content: "\E904";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.book:before,
.icon-library header.book:before {
  content: "\E905";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.briefcase:before,
.icon-library header.briefcase:before {
  content: "\E906";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.bullhorn:before,
.icon-library header.bullhorn:before {
  content: "\E907";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.bus:before,
.icon-library header.bus:before {
  content: "\E908";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.calendar:before,
.icon-library header.calendar:before {
  content: "\E909";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.camera:before,
.icon-library header.camera:before {
  content: "\E90A";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.certificate:before,
.icon-library header.certificate:before {
  content: "\E90B";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.check:before,
.icon-library header.check:before {
  content: "\E90C";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.chess:before,
.icon-library header.chess:before {
  content: "\E90D";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.city:before,
.icon-library header.city:before {
  content: "\E90E";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.college:before,
.icon-library header.college:before {
  content: "\E90F";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.covid:before,
.icon-library header.covid:before {
  content: "\E951";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.cross:before,
.icon-library header.cross:before {
  content: "\E910";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.directory:before,
.icon-library header.directory:before {
  content: "\E911";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.diversity:before,
.icon-library header.diversity:before {
  content: "\E912";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.dollar:before,
.icon-library header.dollar:before {
  content: "\E94F";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.door:before,
.icon-library header.door:before {
  content: "\E913";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.droplet:before,
.icon-library header.droplet:before {
  content: "\E914";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.enroll:before,
.icon-library header.enroll:before {
  content: "\E915";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.family:before,
.icon-library header.family:before {
  content: "\E954";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.faq:before,
.icon-library header.faq:before {
  content: "\E916";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.files:before,
.icon-library header.files:before {
  content: "\E917";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.football:before,
.icon-library header.football:before {
  content: "\E918";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.gift:before,
.icon-library header.gift:before {
  content: "\E919";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.giving:before,
.icon-library header.giving:before {
  content: "\E91A";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.globe:before,
.icon-library header.globe:before {
  content: "\E91B";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.grad:before,
.icon-library header.grad:before {
  content: "\E91C";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.group-boys:before,
.icon-library header.group-boys:before {
  content: "\E91D";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.group-coed:before,
.icon-library header.group-coed:before {
  content: "\E91E";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.group-girls:before,
.icon-library header.group-girls:before {
  content: "\E926";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.group:before,
.icon-library header.group:before {
  content: "\E927";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.heart:before,
.icon-library header.heart:before {
  content: "\E928";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.info:before,
.icon-library header.info:before {
  content: "\E929";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.jersey:before,
.icon-library header.jersey:before {
  content: "\E92A";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.leaf:before,
.icon-library header.leaf:before {
  content: "\E92B";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.lightbulb:before,
.icon-library header.lightbulb:before {
  content: "\E92C";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.link:before,
.icon-library header.link:before {
  content: "\E92D";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.list:before,
.icon-library header.list:before {
  content: "\E92E";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.location:before,
.icon-library header.location:before {
  content: "\E92F";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.lock:before,
.icon-library header.lock:before {
  content: "\E930";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.map:before,
.icon-library header.map:before {
  content: "\E931";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.medal:before,
.icon-library header.medal:before {
  content: "\E932";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.microscope:before,
.icon-library header.microscope:before {
  content: "\E933";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.mobile:before,
.icon-library header.mobile:before {
  content: "\E950";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.music:before,
.icon-library header.music:before {
  content: "\E934";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.paint:before,
.icon-library header.paint:before {
  content: "\E935";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.parent:before,
.icon-library header.parent:before {
  content: "\E953";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.pencil:before,
.icon-library header.pencil:before {
  content: "\E936";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.person:before,
.icon-library header.person:before {
  content: "\E937";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.phone:before,
.icon-library header.phone:before {
  content: "\E938";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.piggy-bank:before,
.icon-library header.piggy-bank:before {
  content: "\E939";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.portion:before,
.icon-library header.portion:before {
  content: "\E93A";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.question:before,
.icon-library header.question:before {
  content: "\E93B";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.ratio:before,
.icon-library header.ratio:before {
  content: "\E93C";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.robot:before,
.icon-library header.robot:before {
  content: "\E93D";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.school:before,
.icon-library header.school:before {
  content: "\E93E";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.screens:before,
.icon-library header.screens:before {
  content: "\E93F";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.settings:before,
.icon-library header.settings:before {
  content: "\E940";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.shoe:before,
.icon-library header.shoe:before {
  content: "\E941";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.soccer:before,
.icon-library header.soccer:before {
  content: "\E942";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.sports:before,
.icon-library header.sports:before {
  content: "\E943";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.star-of-david:before,
.icon-library header.star-of-david:before {
  content: "\E944";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.star:before,
.icon-library header.star:before {
  content: "\E945";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.store:before,
.icon-library header.store:before {
  content: "\E946";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.sun:before,
.icon-library header.sun:before {
  content: "\E947";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.teacher:before,
.icon-library header.teacher:before {
  content: "\E948";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.theatre:before,
.icon-library header.theatre:before {
  content: "\E949";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.time:before,
.icon-library header.time:before {
  content: "\E94A";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.tree:before,
.icon-library header.tree:before {
  content: "\E94B";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.trophy:before,
.icon-library header.trophy:before {
  content: "\E94C";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.virtual:before,
.icon-library header.virtual:before {
  content: "\E952";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.warning:before,
.icon-library header.warning:before {
  content: "\E94D";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent:before,
.icon-library header:before {
  font-size: 50px;
  line-height: 1;
  padding-bottom: 20px
}

.profile-box.apple>header:before {
  content: "\E901";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.backpack>header:before {
  content: "\E902";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.bar-graph>header:before {
  content: "\E903";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.baseball>header:before {
  content: "\E904";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.book>header:before {
  content: "\E905";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.briefcase>header:before {
  content: "\E906";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.bullhorn>header:before {
  content: "\E907";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.bus>header:before {
  content: "\E908";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.calendar>header:before {
  content: "\E909";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.camera>header:before {
  content: "\E90A";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.certificate>header:before {
  content: "\E90B";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.check>header:before {
  content: "\E90C";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.chess>header:before {
  content: "\E90D";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.city>header:before {
  content: "\E90E";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.college>header:before {
  content: "\E90F";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.covid>header:before {
  content: "\E951";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.cross>header:before {
  content: "\E910";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.directory>header:before {
  content: "\E911";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.diversity>header:before {
  content: "\E912";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.dollar>header:before {
  content: "\E94F";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.door>header:before {
  content: "\E913";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.droplet>header:before {
  content: "\E914";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.enroll>header:before {
  content: "\E915";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.family>header:before {
  content: "\E954";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.faq>header:before {
  content: "\E916";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.files>header:before {
  content: "\E917";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.football>header:before {
  content: "\E918";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.gift>header:before {
  content: "\E919";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.giving>header:before {
  content: "\E91A";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.globe>header:before {
  content: "\E91B";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.grad>header:before {
  content: "\E91C";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.group-boys>header:before {
  content: "\E91D";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.group-coed>header:before {
  content: "\E91E";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.group-girls>header:before {
  content: "\E926";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.group>header:before {
  content: "\E927";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.heart>header:before {
  content: "\E928";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.info>header:before {
  content: "\E929";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.jersey>header:before {
  content: "\E92A";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.leaf>header:before {
  content: "\E92B";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.lightbulb>header:before {
  content: "\E92C";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.link>header:before {
  content: "\E92D";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.list>header:before {
  content: "\E92E";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.location>header:before {
  content: "\E92F";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.lock>header:before {
  content: "\E930";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.map>header:before {
  content: "\E931";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.medal>header:before {
  content: "\E932";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.microscope>header:before {
  content: "\E933";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.mobile>header:before {
  content: "\E950";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.music>header:before {
  content: "\E934";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.paint>header:before {
  content: "\E935";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.parent>header:before {
  content: "\E953";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.pencil>header:before {
  content: "\E936";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.person>header:before {
  content: "\E937";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.phone>header:before {
  content: "\E938";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.piggy-bank>header:before {
  content: "\E939";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.portion>header:before {
  content: "\E93A";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.question>header:before {
  content: "\E93B";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.ratio>header:before {
  content: "\E93C";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.robot>header:before {
  content: "\E93D";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.school>header:before {
  content: "\E93E";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.screens>header:before {
  content: "\E93F";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.settings>header:before {
  content: "\E940";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.shoe>header:before {
  content: "\E941";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.soccer>header:before {
  content: "\E942";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.sports>header:before {
  content: "\E943";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.star-of-david>header:before {
  content: "\E944";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.star>header:before {
  content: "\E945";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.store>header:before {
  content: "\E946";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.sun>header:before {
  content: "\E947";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.teacher>header:before {
  content: "\E948";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.theatre>header:before {
  content: "\E949";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.time>header:before {
  content: "\E94A";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.tree>header:before {
  content: "\E94B";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.trophy>header:before {
  content: "\E94C";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.virtual>header:before {
  content: "\E952";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.warning>header:before {
  content: "\E94D";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box:before {
  font-size: 50px;
  line-height: 1;
  padding-bottom: 20px
}

.green-cta.apple:before {
  content: "\E901"
}

.green-cta.apple:before,
.green-cta.backpack:before {
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.green-cta.backpack:before {
  content: "\E902"
}

.green-cta.bar-graph:before {
  content: "\E903";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.green-cta.baseball:before {
  content: "\E904"
}

.green-cta.baseball:before,
.green-cta.book:before {
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.green-cta.book:before {
  content: "\E905"
}

.green-cta.briefcase:before {
  content: "\E906";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.green-cta.bullhorn:before {
  content: "\E907"
}

.green-cta.bullhorn:before,
.green-cta.bus:before {
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.green-cta.bus:before {
  content: "\E908"
}

.green-cta.calendar:before {
  content: "\E909"
}

.green-cta.calendar:before,
.green-cta.camera:before {
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.green-cta.camera:before {
  content: "\E90A"
}

.green-cta.certificate:before {
  content: "\E90B";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.green-cta.check:before {
  content: "\E90C"
}

.green-cta.check:before,
.green-cta.chess:before {
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.green-cta.chess:before {
  content: "\E90D"
}

.green-cta.city:before {
  content: "\E90E"
}

.green-cta.city:before,
.green-cta.college:before {
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.green-cta.college:before {
  content: "\E90F"
}

.green-cta.covid:before {
  content: "\E951"
}

.green-cta.covid:before,
.green-cta.cross:before {
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.green-cta.cross:before {
  content: "\E910"
}

.green-cta.directory:before {
  content: "\E911";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.green-cta.diversity:before {
  content: "\E912"
}

.green-cta.diversity:before,
.green-cta.dollar:before {
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.green-cta.dollar:before {
  content: "\E94F"
}

.green-cta.door:before {
  content: "\E913"
}

.green-cta.door:before,
.green-cta.droplet:before {
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.green-cta.droplet:before {
  content: "\E914"
}

.green-cta.enroll:before {
  content: "\E915"
}

.green-cta.enroll:before,
.green-cta.family:before {
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.green-cta.family:before {
  content: "\E954"
}

.green-cta.faq:before {
  content: "\E916"
}

.green-cta.faq:before,
.green-cta.files:before {
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.green-cta.files:before {
  content: "\E917"
}

.green-cta.football:before {
  content: "\E918"
}

.green-cta.football:before,
.green-cta.gift:before {
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.green-cta.gift:before {
  content: "\E919"
}

.green-cta.giving:before {
  content: "\E91A"
}

.green-cta.giving:before,
.green-cta.globe:before {
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.green-cta.globe:before {
  content: "\E91B"
}

.green-cta.grad:before {
  content: "\E91C"
}

.green-cta.grad:before,
.green-cta.group-boys:before {
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.green-cta.group-boys:before {
  content: "\E91D"
}

.green-cta.group-coed:before {
  content: "\E91E";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.green-cta.group-girls:before {
  content: "\E926";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.green-cta.group:before {
  content: "\E927"
}

.green-cta.group:before,
.green-cta.heart:before {
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.green-cta.heart:before {
  content: "\E928"
}

.green-cta.info:before {
  content: "\E929"
}

.green-cta.info:before,
.green-cta.jersey:before {
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.green-cta.jersey:before {
  content: "\E92A"
}

.green-cta.leaf:before {
  content: "\E92B"
}

.green-cta.leaf:before,
.green-cta.lightbulb:before {
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.green-cta.lightbulb:before {
  content: "\E92C"
}

.green-cta.link:before {
  content: "\E92D"
}

.green-cta.link:before,
.green-cta.list:before {
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.green-cta.list:before {
  content: "\E92E"
}

.green-cta.location:before {
  content: "\E92F"
}

.green-cta.location:before,
.green-cta.lock:before {
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.green-cta.lock:before {
  content: "\E930"
}

.green-cta.map:before {
  content: "\E931"
}

.green-cta.map:before,
.green-cta.medal:before {
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.green-cta.medal:before {
  content: "\E932"
}

.green-cta.microscope:before {
  content: "\E933";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.green-cta.mobile:before {
  content: "\E950"
}

.green-cta.mobile:before,
.green-cta.music:before {
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.green-cta.music:before {
  content: "\E934"
}

.green-cta.paint:before {
  content: "\E935"
}

.green-cta.paint:before,
.green-cta.parent:before {
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.green-cta.parent:before {
  content: "\E953"
}

.green-cta.pencil:before {
  content: "\E936"
}

.green-cta.pencil:before,
.green-cta.person:before {
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.green-cta.person:before {
  content: "\E937"
}

.green-cta.phone:before {
  content: "\E938"
}

.green-cta.phone:before,
.green-cta.piggy-bank:before {
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.green-cta.piggy-bank:before {
  content: "\E939"
}

.green-cta.portion:before {
  content: "\E93A"
}

.green-cta.portion:before,
.green-cta.question:before {
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.green-cta.question:before {
  content: "\E93B"
}

.green-cta.ratio:before {
  content: "\E93C"
}

.green-cta.ratio:before,
.green-cta.robot:before {
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.green-cta.robot:before {
  content: "\E93D"
}

.green-cta.school:before {
  content: "\E93E"
}

.green-cta.school:before,
.green-cta.screens:before {
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.green-cta.screens:before {
  content: "\E93F"
}

.green-cta.settings:before {
  content: "\E940"
}

.green-cta.settings:before,
.green-cta.shoe:before {
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.green-cta.shoe:before {
  content: "\E941"
}

.green-cta.soccer:before {
  content: "\E942"
}

.green-cta.soccer:before,
.green-cta.sports:before {
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.green-cta.sports:before {
  content: "\E943"
}

.green-cta.star-of-david:before {
  content: "\E944";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.green-cta.star:before {
  content: "\E945"
}

.green-cta.star:before,
.green-cta.store:before {
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.green-cta.store:before {
  content: "\E946"
}

.green-cta.sun:before {
  content: "\E947"
}

.green-cta.sun:before,
.green-cta.teacher:before {
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.green-cta.teacher:before {
  content: "\E948"
}

.green-cta.theatre:before {
  content: "\E949"
}

.green-cta.theatre:before,
.green-cta.time:before {
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.green-cta.time:before {
  content: "\E94A"
}

.green-cta.tree:before {
  content: "\E94B"
}

.green-cta.tree:before,
.green-cta.trophy:before {
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.green-cta.trophy:before {
  content: "\E94C"
}

.green-cta.virtual:before {
  content: "\E952"
}

.green-cta.virtual:before,
.green-cta.warning:before {
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.green-cta.warning:before {
  content: "\E94D"
}

.search-icon-nav ul li.apple:before {
  content: "\E901";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.backpack:before {
  content: "\E902";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.bar-graph:before {
  content: "\E903";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.baseball:before {
  content: "\E904";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.book:before {
  content: "\E905";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.briefcase:before {
  content: "\E906";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.bullhorn:before {
  content: "\E907";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.bus:before {
  content: "\E908";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.calendar:before {
  content: "\E909";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.camera:before {
  content: "\E90A";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.certificate:before {
  content: "\E90B";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.check:before {
  content: "\E90C";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.chess:before {
  content: "\E90D";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.city:before {
  content: "\E90E";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.college:before {
  content: "\E90F";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.covid:before {
  content: "\E951";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.cross:before {
  content: "\E910";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.directory:before {
  content: "\E911";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.diversity:before {
  content: "\E912";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.dollar:before {
  content: "\E94F";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.door:before {
  content: "\E913";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.droplet:before {
  content: "\E914";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.enroll:before {
  content: "\E915";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.family:before {
  content: "\E954";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.faq:before {
  content: "\E916";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.files:before {
  content: "\E917";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.football:before {
  content: "\E918";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.gift:before {
  content: "\E919";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.giving:before {
  content: "\E91A";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.globe:before {
  content: "\E91B";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.grad:before {
  content: "\E91C";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.group-boys:before {
  content: "\E91D";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.group-coed:before {
  content: "\E91E";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.group-girls:before {
  content: "\E926";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.group:before {
  content: "\E927";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.heart:before {
  content: "\E928";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.info:before {
  content: "\E929";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.jersey:before {
  content: "\E92A";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.leaf:before {
  content: "\E92B";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.lightbulb:before {
  content: "\E92C";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.link:before {
  content: "\E92D";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.list:before {
  content: "\E92E";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.location:before {
  content: "\E92F";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.lock:before {
  content: "\E930";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.map:before {
  content: "\E931";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.medal:before {
  content: "\E932";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.microscope:before {
  content: "\E933";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.mobile:before {
  content: "\E950";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.music:before {
  content: "\E934";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.paint:before {
  content: "\E935";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.parent:before {
  content: "\E953";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.pencil:before {
  content: "\E936";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.person:before {
  content: "\E937";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.phone:before {
  content: "\E938";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.piggy-bank:before {
  content: "\E939";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.portion:before {
  content: "\E93A";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.question:before {
  content: "\E93B";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.ratio:before {
  content: "\E93C";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.robot:before {
  content: "\E93D";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.school:before {
  content: "\E93E";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.screens:before {
  content: "\E93F";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.settings:before {
  content: "\E940";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.shoe:before {
  content: "\E941";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.soccer:before {
  content: "\E942";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.sports:before {
  content: "\E943";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.star-of-david:before {
  content: "\E944";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.star:before {
  content: "\E945";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.store:before {
  content: "\E946";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.sun:before {
  content: "\E947";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.teacher:before {
  content: "\E948";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.theatre:before {
  content: "\E949";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.time:before {
  content: "\E94A";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.tree:before {
  content: "\E94B";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.trophy:before {
  content: "\E94C";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.virtual:before {
  content: "\E952";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.warning:before {
  content: "\E94D";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.library-icons .bpa-infographic-1:before {
  text-align: center
}

.library-icons footer {
  display: none
}

.fsGrid.bpa-image-slideshow-1 {
  margin-bottom: 50px
}

.fsGrid.bpa-image-slideshow-1 .fsListItems {
  margin: 0 auto;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, .2)
}

body:not(.fsComposeMode) .fsGrid.bpa-image-slideshow-1 .fsListItems:not(.slick-initialized) {
  display: flex;
  flex-wrap: nowrap;
  height: 580px;
  opacity: 0;
  visibility: hidden
}

.fsGrid.bpa-image-slideshow-1 article {
  position: relative;
  overflow: hidden;
  padding: 0;
  height: auto
}

@media (min-width:700px) {
  .fsGrid.bpa-image-slideshow-1 article {
    padding-top: 64px;
    min-height: 47.54098vw
  }
}

@media (min-width:900px) {
  .fsGrid.bpa-image-slideshow-1 article {
    padding-top: 84px
  }
}

@media (min-width:1220px) {
  .fsGrid.bpa-image-slideshow-1 article {
    min-height: 580px
  }
}

.fsGrid.bpa-image-slideshow-1 article a {
  text-decoration: none
}

.fsGrid.bpa-image-slideshow-1 article a:focus,
.fsGrid.bpa-image-slideshow-1 article a:hover {
  text-decoration: underline
}

.fsGrid.bpa-image-slideshow-1 article .fsTitle {
  margin-top: 0;
  font-weight: 400;
  font-family: semplicitapro, sans-serif;
  color: #242424;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 24px;
  padding-top: 64px
}

@media (min-width:700px) {
  .fsGrid.bpa-image-slideshow-1 article .fsTitle {
    width: 50%;
    padding-top: 0
  }
}

.fsGrid.bpa-image-slideshow-1 article .fsTitle:after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  bottom: 0;
  width: 40px;
  height: 4px;
  background-color: rgba(0, 0, 0, .2)
}

.fsGrid.bpa-image-slideshow-1 article .fsTitle a {
  color: inherit
}

.fsGrid.bpa-image-slideshow-1 article .fsTitle.fsResourceName {
  display: none
}

.fsGrid.bpa-image-slideshow-1 article>.fsTitle {
  padding-left: 20px;
  padding-right: 20px
}

@media (min-width:700px) {
  .fsGrid.bpa-image-slideshow-1 article>.fsTitle {
    padding-left: 0;
    padding-right: 0;
    width: calc(50% - 40px);
    margin-left: 20px
  }
}

@media (min-width:900px) {
  .fsGrid.bpa-image-slideshow-1 article>.fsTitle {
    width: calc(50% - 60px);
    margin-left: 30px
  }
}

.fsGrid.bpa-image-slideshow-1 article figure {
  display: flex;
  flex-direction: column-reverse
}

@media (min-width:700px) {
  .fsGrid.bpa-image-slideshow-1 article figure {
    display: block
  }
}

.fsGrid.bpa-image-slideshow-1 article picture {
  background-size: cover;
  background-position: 50%;
  display: block;
  width: 100%
}

@media (min-width:700px) {
  .fsGrid.bpa-image-slideshow-1 article picture {
    overflow: hidden;
    position: absolute;
    width: 50%;
    height: 100%;
    right: 0;
    top: 0
  }
}

.fsGrid.bpa-image-slideshow-1 article picture img {
  display: block;
  width: 100%
}

@media (min-width:700px) {
  .fsGrid.bpa-image-slideshow-1 article picture img {
    display: block;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
  }
}

.fsGrid.bpa-image-slideshow-1 article figcaption {
  margin-top: 0;
  text-align: center;
  padding: 0 20px 30px;
  color: #303030;
  font-family: semplicitapro, sans-serif;
  font-size: 19px;
  line-height: 29px;
  font-weight: 400;
  font-style: normal
}

@media (min-width:700px) {
  .fsGrid.bpa-image-slideshow-1 article figcaption {
    width: 50%;
    padding: 0 20px 87px;
    width: calc(50% - 10px);
    max-height: calc(47.54098vw - 84px);
    overflow: auto
  }
}

@media (min-width:900px) {
  .fsGrid.bpa-image-slideshow-1 article figcaption {
    padding: 0 20px 87px 30px;
    max-height: calc(47.54098vw - 114px)
  }
}

@media (min-width:1220px) {
  .fsGrid.bpa-image-slideshow-1 article figcaption {
    max-height: 466px
  }
}

.fsGrid.bpa-image-slideshow-1 article figcaption h2 {
  padding-bottom: 0
}

.fsGrid.bpa-image-slideshow-1 article figcaption h2:before {
  display: none
}

@media (min-width:700px) {
  .fsGrid.bpa-image-slideshow-1 article figcaption .fsTitle {
    margin-left: auto;
    margin-right: auto;
    width: 100%
  }
}

@media (min-width:700px) {
  .fsGrid.bpa-image-slideshow-1 article.has-caption {
    position: relative
  }
}

@media (min-width:700px) {
  .fsGrid.bpa-image-slideshow-1 article.has-caption:before {
    content: "";
    position: absolute;
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .85) 51.8%, #fff);
    height: 100px;
    width: calc(50% - 50px);
    left: 20px;
    bottom: 20px;
    z-index: 10;
    height: 87px
  }
}

@media (min-width:900px) {
  .fsGrid.bpa-image-slideshow-1 article.has-caption:before {
    width: calc(50% - 60px);
    left: 30px;
    bottom: 30px
  }
}

.fsGrid.bpa-image-slideshow-1 article.has-caption:not(.has-title) {
  padding-top: 64px
}

@media (min-width:900px) {
  .fsGrid.bpa-image-slideshow-1 article.has-caption:not(.has-title) {
    padding-top: 84px
  }
}

.fsGrid.bpa-image-slideshow-1 article:not(.has-caption) {
  display: flex;
  flex-direction: column
}

@media (min-width:700px) {
  .fsGrid.bpa-image-slideshow-1 article:not(.has-caption) {
    display: block
  }
}

.fsGrid.bpa-image-slideshow-1 article:not(.has-caption)>figure {
  order: 2
}

.fsGrid.bpa-image-slideshow-1 article:not(.has-caption)>figure+.fsTitle {
  margin-bottom: 20px
}

.fsGrid.bpa-image-slideshow-1 article:not(.has-caption) .fsTitle {
  margin-bottom: 0;
  padding-bottom: 0
}

.fsGrid.bpa-image-slideshow-1 article:not(.has-caption) .fsTitle:after {
  display: none
}

.fsGrid.bpa-image-slideshow-1 article:not(.has-caption):not(.has-title) {
  padding-top: 0;
  min-height: auto
}

.fsGrid.bpa-image-slideshow-1 article:not(.has-caption):not(.has-title) picture {
  width: 100%;
  position: relative;
  height: auto
}

.fsGrid.bpa-image-slideshow-1 article:not(.has-caption):not(.has-title) picture img {
  height: auto;
  width: 100%;
  position: relative;
  margin: 0
}

.fsGrid.bpa-image-slideshow-1 .slick-arrow {
  width: 44px;
  height: 44px;
  border: none;
  padding: 0;
  margin: 0;
  background: rgba(0, 0, 0, .42);
  position: absolute;
  left: 0;
  top: 0;
  transform: translateZ(0);
  z-index: 20;
  transition: .3s;
  cursor: pointer;
  color: rgba(0, 0, 0, 0);
  overflow: hidden;
  white-space: nowrap
}

.fsGrid.bpa-image-slideshow-1 .slick-arrow:before {
  color: #fff;
  font-size: 24px;
  line-height: 1;
  position: absolute;
  top: 50%;
  transform: translate3d(0, -50%, 0);
  left: 0;
  width: 100%;
  text-align: center
}

.fsGrid.bpa-image-slideshow-1 .slick-arrow:focus,
.fsGrid.bpa-image-slideshow-1 .slick-arrow:hover {
  background: rgba(0, 0, 0, .5);
  transition: .3s
}

.fsGrid.bpa-image-slideshow-1 .slick-arrow.slick-prev:before {
  content: "\E922";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.fsGrid.bpa-image-slideshow-1 .slick-arrow.slick-next {
  left: 45px
}

.fsGrid.bpa-image-slideshow-1 .slick-arrow.slick-next:before {
  content: "\E921";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.fsBannerLeft .fsGrid.bpa-image-slideshow-1 article,
.fsBannerRight .fsGrid.bpa-image-slideshow-1 article,
.fsFourColumnLayout>.fsDiv .fsGrid.bpa-image-slideshow-1 article,
.fsStyleOneThird .fsGrid.bpa-image-slideshow-1 article,
.fsThreeColumnLayout>.fsDiv .fsGrid.bpa-image-slideshow-1 article,
.fsTwoColumnLayout .fsGrid.bpa-image-slideshow-1 article {
  padding-top: 64px;
  padding-bottom: 0;
  display: flex;
  min-height: auto
}

.fsBannerLeft .fsGrid.bpa-image-slideshow-1 article:not(.has-caption):not(.has-title),
.fsBannerRight .fsGrid.bpa-image-slideshow-1 article:not(.has-caption):not(.has-title),
.fsFourColumnLayout>.fsDiv .fsGrid.bpa-image-slideshow-1 article:not(.has-caption):not(.has-title),
.fsStyleOneThird .fsGrid.bpa-image-slideshow-1 article:not(.has-caption):not(.has-title),
.fsThreeColumnLayout>.fsDiv .fsGrid.bpa-image-slideshow-1 article:not(.has-caption):not(.has-title),
.fsTwoColumnLayout .fsGrid.bpa-image-slideshow-1 article:not(.has-caption):not(.has-title) {
  padding-top: 0
}

.fsBannerLeft .fsGrid.bpa-image-slideshow-1 article:before,
.fsBannerRight .fsGrid.bpa-image-slideshow-1 article:before,
.fsFourColumnLayout>.fsDiv .fsGrid.bpa-image-slideshow-1 article:before,
.fsStyleOneThird .fsGrid.bpa-image-slideshow-1 article:before,
.fsThreeColumnLayout>.fsDiv .fsGrid.bpa-image-slideshow-1 article:before,
.fsTwoColumnLayout .fsGrid.bpa-image-slideshow-1 article:before {
  display: none
}

.fsBannerLeft .fsGrid.bpa-image-slideshow-1 article .fsTitle,
.fsBannerRight .fsGrid.bpa-image-slideshow-1 article .fsTitle,
.fsFourColumnLayout>.fsDiv .fsGrid.bpa-image-slideshow-1 article .fsTitle,
.fsStyleOneThird .fsGrid.bpa-image-slideshow-1 article .fsTitle,
.fsThreeColumnLayout>.fsDiv .fsGrid.bpa-image-slideshow-1 article .fsTitle,
.fsTwoColumnLayout .fsGrid.bpa-image-slideshow-1 article .fsTitle {
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 0;
  margin-left: 0
}

.fsBannerLeft .fsGrid.bpa-image-slideshow-1 article figure,
.fsBannerRight .fsGrid.bpa-image-slideshow-1 article figure,
.fsFourColumnLayout>.fsDiv .fsGrid.bpa-image-slideshow-1 article figure,
.fsStyleOneThird .fsGrid.bpa-image-slideshow-1 article figure,
.fsThreeColumnLayout>.fsDiv .fsGrid.bpa-image-slideshow-1 article figure,
.fsTwoColumnLayout .fsGrid.bpa-image-slideshow-1 article figure {
  display: flex;
  order: 2
}

.fsBannerLeft .fsGrid.bpa-image-slideshow-1 article figcaption,
.fsBannerRight .fsGrid.bpa-image-slideshow-1 article figcaption,
.fsFourColumnLayout>.fsDiv .fsGrid.bpa-image-slideshow-1 article figcaption,
.fsStyleOneThird .fsGrid.bpa-image-slideshow-1 article figcaption,
.fsThreeColumnLayout>.fsDiv .fsGrid.bpa-image-slideshow-1 article figcaption,
.fsTwoColumnLayout .fsGrid.bpa-image-slideshow-1 article figcaption {
  padding: 0 20px 30px;
  width: 100%;
  max-height: 100%
}

.fsBannerLeft .fsGrid.bpa-image-slideshow-1 article figcaption .fsTitle,
.fsBannerRight .fsGrid.bpa-image-slideshow-1 article figcaption .fsTitle,
.fsFourColumnLayout>.fsDiv .fsGrid.bpa-image-slideshow-1 article figcaption .fsTitle,
.fsStyleOneThird .fsGrid.bpa-image-slideshow-1 article figcaption .fsTitle,
.fsThreeColumnLayout>.fsDiv .fsGrid.bpa-image-slideshow-1 article figcaption .fsTitle,
.fsTwoColumnLayout .fsGrid.bpa-image-slideshow-1 article figcaption .fsTitle {
  padding-left: 0;
  padding-right: 0
}

.fsBannerLeft .fsGrid.bpa-image-slideshow-1 article picture,
.fsBannerRight .fsGrid.bpa-image-slideshow-1 article picture,
.fsFourColumnLayout>.fsDiv .fsGrid.bpa-image-slideshow-1 article picture,
.fsStyleOneThird .fsGrid.bpa-image-slideshow-1 article picture,
.fsThreeColumnLayout>.fsDiv .fsGrid.bpa-image-slideshow-1 article picture,
.fsTwoColumnLayout .fsGrid.bpa-image-slideshow-1 article picture {
  width: 100%;
  height: auto;
  position: relative;
  overflow: visible
}

body.fsComposeMode .fsBannerLeft .fsGrid.bpa-image-slideshow-1 article picture,
body.fsComposeMode .fsBannerRight .fsGrid.bpa-image-slideshow-1 article picture,
body.fsComposeMode .fsFourColumnLayout>.fsDiv .fsGrid.bpa-image-slideshow-1 article picture,
body.fsComposeMode .fsStyleOneThird .fsGrid.bpa-image-slideshow-1 article picture,
body.fsComposeMode .fsThreeColumnLayout>.fsDiv .fsGrid.bpa-image-slideshow-1 article picture,
body.fsComposeMode .fsTwoColumnLayout .fsGrid.bpa-image-slideshow-1 article picture {
  width: 100%
}

.fsBannerLeft .fsGrid.bpa-image-slideshow-1 article picture img,
.fsBannerRight .fsGrid.bpa-image-slideshow-1 article picture img,
.fsFourColumnLayout>.fsDiv .fsGrid.bpa-image-slideshow-1 article picture img,
.fsStyleOneThird .fsGrid.bpa-image-slideshow-1 article picture img,
.fsThreeColumnLayout>.fsDiv .fsGrid.bpa-image-slideshow-1 article picture img,
.fsTwoColumnLayout .fsGrid.bpa-image-slideshow-1 article picture img {
  height: auto;
  width: 100%;
  margin: 0;
  position: relative
}

.fsHasLeftBanner .fsGrid.bpa-image-slideshow-1 article,
.fsHasRightBanner .fsGrid.bpa-image-slideshow-1 article,
.fsStyleTwoThirds .fsGrid.bpa-image-slideshow-1 article {
  min-height: auto
}

.fsHasLeftBanner .fsGrid.bpa-image-slideshow-1 article:before,
.fsHasRightBanner .fsGrid.bpa-image-slideshow-1 article:before,
.fsStyleTwoThirds .fsGrid.bpa-image-slideshow-1 article:before {
  display: none
}

@media (min-width:1000px) {

  .fsHasLeftBanner .fsGrid.bpa-image-slideshow-1 article:before,
  .fsHasRightBanner .fsGrid.bpa-image-slideshow-1 article:before,
  .fsStyleTwoThirds .fsGrid.bpa-image-slideshow-1 article:before {
    display: block;
    width: calc(50% - 40px);
    left: 20px;
    bottom: 20px
  }
}

@media (min-width:1000px) {

  .fsHasLeftBanner .fsGrid.bpa-image-slideshow-1 article,
  .fsHasRightBanner .fsGrid.bpa-image-slideshow-1 article,
  .fsStyleTwoThirds .fsGrid.bpa-image-slideshow-1 article {
    min-height: 34.64851vw;
    padding-top: 64px
  }
}

@media (min-width:1220px) {

  .fsHasLeftBanner .fsGrid.bpa-image-slideshow-1 article,
  .fsHasRightBanner .fsGrid.bpa-image-slideshow-1 article,
  .fsStyleTwoThirds .fsGrid.bpa-image-slideshow-1 article {
    min-height: 422.71186px
  }
}

.fsHasLeftBanner .fsGrid.bpa-image-slideshow-1 article figure,
.fsHasRightBanner .fsGrid.bpa-image-slideshow-1 article figure,
.fsStyleTwoThirds .fsGrid.bpa-image-slideshow-1 article figure {
  display: flex
}

@media (min-width:1000px) {

  .fsHasLeftBanner .fsGrid.bpa-image-slideshow-1 article figure,
  .fsHasRightBanner .fsGrid.bpa-image-slideshow-1 article figure,
  .fsStyleTwoThirds .fsGrid.bpa-image-slideshow-1 article figure {
    display: block
  }
}

@media (max-width:999px) {

  .fsHasLeftBanner .fsGrid.bpa-image-slideshow-1 article picture,
  .fsHasRightBanner .fsGrid.bpa-image-slideshow-1 article picture,
  .fsStyleTwoThirds .fsGrid.bpa-image-slideshow-1 article picture {
    width: 100%;
    height: auto;
    position: relative
  }

  .fsHasLeftBanner .fsGrid.bpa-image-slideshow-1 article picture img,
  .fsHasRightBanner .fsGrid.bpa-image-slideshow-1 article picture img,
  .fsStyleTwoThirds .fsGrid.bpa-image-slideshow-1 article picture img {
    height: auto;
    width: 100%;
    margin: 0;
    position: relative;
    opacity: 0
  }
}

@media (min-width:1000px) {

  .fsHasLeftBanner .fsGrid.bpa-image-slideshow-1 article figcaption,
  .fsHasRightBanner .fsGrid.bpa-image-slideshow-1 article figcaption,
  .fsStyleTwoThirds .fsGrid.bpa-image-slideshow-1 article figcaption {
    padding: 0 10px 87px 20px;
    max-height: calc(34.64851vw - 84px)
  }
}

@media (min-width:1220px) {

  .fsHasLeftBanner .fsGrid.bpa-image-slideshow-1 article figcaption,
  .fsHasRightBanner .fsGrid.bpa-image-slideshow-1 article figcaption,
  .fsStyleTwoThirds .fsGrid.bpa-image-slideshow-1 article figcaption {
    max-height: 338.71186px
  }
}

@media (max-width:999px) {

  .fsHasLeftBanner .fsGrid.bpa-image-slideshow-1 article figcaption,
  .fsHasRightBanner .fsGrid.bpa-image-slideshow-1 article figcaption,
  .fsStyleTwoThirds .fsGrid.bpa-image-slideshow-1 article figcaption {
    width: 100%;
    max-height: 100%;
    padding: 0 20px 30px
  }
}

@media (max-width:999px) {

  .fsHasLeftBanner .fsGrid.bpa-image-slideshow-1 article.has-title:not(.has-caption),
  .fsHasRightBanner .fsGrid.bpa-image-slideshow-1 article.has-title:not(.has-caption),
  .fsStyleTwoThirds .fsGrid.bpa-image-slideshow-1 article.has-title:not(.has-caption) {
    display: flex
  }

  .fsHasLeftBanner .fsGrid.bpa-image-slideshow-1 article.has-title:not(.has-caption) .fsTitle,
  .fsHasRightBanner .fsGrid.bpa-image-slideshow-1 article.has-title:not(.has-caption) .fsTitle,
  .fsStyleTwoThirds .fsGrid.bpa-image-slideshow-1 article.has-title:not(.has-caption) .fsTitle {
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%
  }
}

body.fsComposeMode .fsGrid.bpa-image-slideshow-1 .fsListItems:not(.slick-initialized) article {
  min-height: auto
}

.fsGrid.bpa-image-slideshow-1.dark .fsListItems {
  background: #0b523f;
  border: none
}

.fsGrid.bpa-image-slideshow-1.dark article .fsTitle {
  color: #fff
}

.fsGrid.bpa-image-slideshow-1.dark article .fsTitle:after {
  background-color: hsla(0, 0%, 100%, .2)
}

.fsGrid.bpa-image-slideshow-1.dark article figcaption {
  color: #fff
}

.fsGrid.bpa-image-slideshow-1.dark article figcaption a {
  color: #fff;
  text-decoration: underline;
  -webkit-text-decoration-style: solid;
  text-decoration-style: solid
}

.fsGrid.bpa-image-slideshow-1.dark article figcaption a:focus,
.fsGrid.bpa-image-slideshow-1.dark article figcaption a:hover {
  -webkit-text-decoration-style: dotted;
  text-decoration-style: dotted
}

.fsGrid.bpa-image-slideshow-1.dark article.has-caption:before {
  background: linear-gradient(180deg, rgba(11, 82, 63, 0), rgba(11, 82, 63, .85) 51.8%, #0b523f)
}

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

.icon-library .fsElement.fsContent,
.icon-library header {
  display: flex;
  flex-direction: column
}

.icon-library .fsElement.fsContent.apple:before,
.icon-library header.apple:before {
  content: "\E901";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.backpack:before,
.icon-library header.backpack:before {
  content: "\E902";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.bar-graph:before,
.icon-library header.bar-graph:before {
  content: "\E903";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.baseball:before,
.icon-library header.baseball:before {
  content: "\E904";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.book:before,
.icon-library header.book:before {
  content: "\E905";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.briefcase:before,
.icon-library header.briefcase:before {
  content: "\E906";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.bullhorn:before,
.icon-library header.bullhorn:before {
  content: "\E907";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.bus:before,
.icon-library header.bus:before {
  content: "\E908";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.calendar:before,
.icon-library header.calendar:before {
  content: "\E909";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.camera:before,
.icon-library header.camera:before {
  content: "\E90A";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.certificate:before,
.icon-library header.certificate:before {
  content: "\E90B";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.check:before,
.icon-library header.check:before {
  content: "\E90C";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.chess:before,
.icon-library header.chess:before {
  content: "\E90D";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.city:before,
.icon-library header.city:before {
  content: "\E90E";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.college:before,
.icon-library header.college:before {
  content: "\E90F";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.covid:before,
.icon-library header.covid:before {
  content: "\E951";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.cross:before,
.icon-library header.cross:before {
  content: "\E910";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.directory:before,
.icon-library header.directory:before {
  content: "\E911";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.diversity:before,
.icon-library header.diversity:before {
  content: "\E912";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.dollar:before,
.icon-library header.dollar:before {
  content: "\E94F";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.door:before,
.icon-library header.door:before {
  content: "\E913";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.droplet:before,
.icon-library header.droplet:before {
  content: "\E914";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.enroll:before,
.icon-library header.enroll:before {
  content: "\E915";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.family:before,
.icon-library header.family:before {
  content: "\E954";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.faq:before,
.icon-library header.faq:before {
  content: "\E916";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.files:before,
.icon-library header.files:before {
  content: "\E917";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.football:before,
.icon-library header.football:before {
  content: "\E918";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.gift:before,
.icon-library header.gift:before {
  content: "\E919";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.giving:before,
.icon-library header.giving:before {
  content: "\E91A";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.globe:before,
.icon-library header.globe:before {
  content: "\E91B";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.grad:before,
.icon-library header.grad:before {
  content: "\E91C";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.group-boys:before,
.icon-library header.group-boys:before {
  content: "\E91D";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.group-coed:before,
.icon-library header.group-coed:before {
  content: "\E91E";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.group-girls:before,
.icon-library header.group-girls:before {
  content: "\E926";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.group:before,
.icon-library header.group:before {
  content: "\E927";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.heart:before,
.icon-library header.heart:before {
  content: "\E928";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.info:before,
.icon-library header.info:before {
  content: "\E929";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.jersey:before,
.icon-library header.jersey:before {
  content: "\E92A";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.leaf:before,
.icon-library header.leaf:before {
  content: "\E92B";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.lightbulb:before,
.icon-library header.lightbulb:before {
  content: "\E92C";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.link:before,
.icon-library header.link:before {
  content: "\E92D";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.list:before,
.icon-library header.list:before {
  content: "\E92E";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.location:before,
.icon-library header.location:before {
  content: "\E92F";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.lock:before,
.icon-library header.lock:before {
  content: "\E930";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.map:before,
.icon-library header.map:before {
  content: "\E931";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.medal:before,
.icon-library header.medal:before {
  content: "\E932";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.microscope:before,
.icon-library header.microscope:before {
  content: "\E933";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.mobile:before,
.icon-library header.mobile:before {
  content: "\E950";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.music:before,
.icon-library header.music:before {
  content: "\E934";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.paint:before,
.icon-library header.paint:before {
  content: "\E935";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.parent:before,
.icon-library header.parent:before {
  content: "\E953";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.pencil:before,
.icon-library header.pencil:before {
  content: "\E936";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.person:before,
.icon-library header.person:before {
  content: "\E937";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.phone:before,
.icon-library header.phone:before {
  content: "\E938";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.piggy-bank:before,
.icon-library header.piggy-bank:before {
  content: "\E939";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.portion:before,
.icon-library header.portion:before {
  content: "\E93A";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.question:before,
.icon-library header.question:before {
  content: "\E93B";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.ratio:before,
.icon-library header.ratio:before {
  content: "\E93C";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.robot:before,
.icon-library header.robot:before {
  content: "\E93D";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.school:before,
.icon-library header.school:before {
  content: "\E93E";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.screens:before,
.icon-library header.screens:before {
  content: "\E93F";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.settings:before,
.icon-library header.settings:before {
  content: "\E940";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.shoe:before,
.icon-library header.shoe:before {
  content: "\E941";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.soccer:before,
.icon-library header.soccer:before {
  content: "\E942";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.sports:before,
.icon-library header.sports:before {
  content: "\E943";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.star-of-david:before,
.icon-library header.star-of-david:before {
  content: "\E944";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.star:before,
.icon-library header.star:before {
  content: "\E945";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.store:before,
.icon-library header.store:before {
  content: "\E946";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.sun:before,
.icon-library header.sun:before {
  content: "\E947";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.teacher:before,
.icon-library header.teacher:before {
  content: "\E948";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.theatre:before,
.icon-library header.theatre:before {
  content: "\E949";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.time:before,
.icon-library header.time:before {
  content: "\E94A";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.tree:before,
.icon-library header.tree:before {
  content: "\E94B";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.trophy:before,
.icon-library header.trophy:before {
  content: "\E94C";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.virtual:before,
.icon-library header.virtual:before {
  content: "\E952";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent.warning:before,
.icon-library header.warning:before {
  content: "\E94D";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.icon-library .fsElement.fsContent:before,
.icon-library header:before {
  font-size: 50px;
  line-height: 1;
  padding-bottom: 20px
}

.profile-box.apple>header:before {
  content: "\E901";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.backpack>header:before {
  content: "\E902";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.bar-graph>header:before {
  content: "\E903";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.baseball>header:before {
  content: "\E904";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.book>header:before {
  content: "\E905";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.briefcase>header:before {
  content: "\E906";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.bullhorn>header:before {
  content: "\E907";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.bus>header:before {
  content: "\E908";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.calendar>header:before {
  content: "\E909";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.camera>header:before {
  content: "\E90A";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.certificate>header:before {
  content: "\E90B";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.check>header:before {
  content: "\E90C";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.chess>header:before {
  content: "\E90D";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.city>header:before {
  content: "\E90E";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.college>header:before {
  content: "\E90F";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.covid>header:before {
  content: "\E951";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.cross>header:before {
  content: "\E910";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.directory>header:before {
  content: "\E911";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.diversity>header:before {
  content: "\E912";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.dollar>header:before {
  content: "\E94F";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.door>header:before {
  content: "\E913";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.droplet>header:before {
  content: "\E914";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.enroll>header:before {
  content: "\E915";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.family>header:before {
  content: "\E954";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.faq>header:before {
  content: "\E916";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.files>header:before {
  content: "\E917";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.football>header:before {
  content: "\E918";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.gift>header:before {
  content: "\E919";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.giving>header:before {
  content: "\E91A";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.globe>header:before {
  content: "\E91B";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.grad>header:before {
  content: "\E91C";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.group-boys>header:before {
  content: "\E91D";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.group-coed>header:before {
  content: "\E91E";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.group-girls>header:before {
  content: "\E926";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.group>header:before {
  content: "\E927";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.heart>header:before {
  content: "\E928";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.info>header:before {
  content: "\E929";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.jersey>header:before {
  content: "\E92A";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.leaf>header:before {
  content: "\E92B";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.lightbulb>header:before {
  content: "\E92C";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.link>header:before {
  content: "\E92D";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.list>header:before {
  content: "\E92E";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.location>header:before {
  content: "\E92F";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.lock>header:before {
  content: "\E930";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.map>header:before {
  content: "\E931";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.medal>header:before {
  content: "\E932";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.microscope>header:before {
  content: "\E933";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.mobile>header:before {
  content: "\E950";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.music>header:before {
  content: "\E934";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.paint>header:before {
  content: "\E935";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.parent>header:before {
  content: "\E953";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.pencil>header:before {
  content: "\E936";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.person>header:before {
  content: "\E937";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.phone>header:before {
  content: "\E938";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.piggy-bank>header:before {
  content: "\E939";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.portion>header:before {
  content: "\E93A";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.question>header:before {
  content: "\E93B";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.ratio>header:before {
  content: "\E93C";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.robot>header:before {
  content: "\E93D";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.school>header:before {
  content: "\E93E";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.screens>header:before {
  content: "\E93F";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.settings>header:before {
  content: "\E940";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.shoe>header:before {
  content: "\E941";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.soccer>header:before {
  content: "\E942";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.sports>header:before {
  content: "\E943";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.star-of-david>header:before {
  content: "\E944";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.star>header:before {
  content: "\E945";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.store>header:before {
  content: "\E946";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.sun>header:before {
  content: "\E947";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.teacher>header:before {
  content: "\E948";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.theatre>header:before {
  content: "\E949";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.time>header:before {
  content: "\E94A";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.tree>header:before {
  content: "\E94B";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.trophy>header:before {
  content: "\E94C";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.virtual>header:before {
  content: "\E952";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box.warning>header:before {
  content: "\E94D";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.profile-box:before {
  font-size: 50px;
  line-height: 1;
  padding-bottom: 20px
}

.green-cta.apple:before {
  content: "\E901"
}

.green-cta.apple:before,
.green-cta.backpack:before {
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.green-cta.backpack:before {
  content: "\E902"
}

.green-cta.bar-graph:before {
  content: "\E903";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.green-cta.baseball:before {
  content: "\E904"
}

.green-cta.baseball:before,
.green-cta.book:before {
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.green-cta.book:before {
  content: "\E905"
}

.green-cta.briefcase:before {
  content: "\E906";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.green-cta.bullhorn:before {
  content: "\E907"
}

.green-cta.bullhorn:before,
.green-cta.bus:before {
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.green-cta.bus:before {
  content: "\E908"
}

.green-cta.calendar:before {
  content: "\E909"
}

.green-cta.calendar:before,
.green-cta.camera:before {
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.green-cta.camera:before {
  content: "\E90A"
}

.green-cta.certificate:before {
  content: "\E90B";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.green-cta.check:before {
  content: "\E90C"
}

.green-cta.check:before,
.green-cta.chess:before {
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.green-cta.chess:before {
  content: "\E90D"
}

.green-cta.city:before {
  content: "\E90E"
}

.green-cta.city:before,
.green-cta.college:before {
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.green-cta.college:before {
  content: "\E90F"
}

.green-cta.covid:before {
  content: "\E951"
}

.green-cta.covid:before,
.green-cta.cross:before {
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.green-cta.cross:before {
  content: "\E910"
}

.green-cta.directory:before {
  content: "\E911";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.green-cta.diversity:before {
  content: "\E912"
}

.green-cta.diversity:before,
.green-cta.dollar:before {
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.green-cta.dollar:before {
  content: "\E94F"
}

.green-cta.door:before {
  content: "\E913"
}

.green-cta.door:before,
.green-cta.droplet:before {
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.green-cta.droplet:before {
  content: "\E914"
}

.green-cta.enroll:before {
  content: "\E915"
}

.green-cta.enroll:before,
.green-cta.family:before {
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.green-cta.family:before {
  content: "\E954"
}

.green-cta.faq:before {
  content: "\E916"
}

.green-cta.faq:before,
.green-cta.files:before {
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.green-cta.files:before {
  content: "\E917"
}

.green-cta.football:before {
  content: "\E918"
}

.green-cta.football:before,
.green-cta.gift:before {
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.green-cta.gift:before {
  content: "\E919"
}

.green-cta.giving:before {
  content: "\E91A"
}

.green-cta.giving:before,
.green-cta.globe:before {
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.green-cta.globe:before {
  content: "\E91B"
}

.green-cta.grad:before {
  content: "\E91C"
}

.green-cta.grad:before,
.green-cta.group-boys:before {
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.green-cta.group-boys:before {
  content: "\E91D"
}

.green-cta.group-coed:before {
  content: "\E91E";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.green-cta.group-girls:before {
  content: "\E926";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.green-cta.group:before {
  content: "\E927"
}

.green-cta.group:before,
.green-cta.heart:before {
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.green-cta.heart:before {
  content: "\E928"
}

.green-cta.info:before {
  content: "\E929"
}

.green-cta.info:before,
.green-cta.jersey:before {
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.green-cta.jersey:before {
  content: "\E92A"
}

.green-cta.leaf:before {
  content: "\E92B"
}

.green-cta.leaf:before,
.green-cta.lightbulb:before {
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.green-cta.lightbulb:before {
  content: "\E92C"
}

.green-cta.link:before {
  content: "\E92D"
}

.green-cta.link:before,
.green-cta.list:before {
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.green-cta.list:before {
  content: "\E92E"
}

.green-cta.location:before {
  content: "\E92F"
}

.green-cta.location:before,
.green-cta.lock:before {
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.green-cta.lock:before {
  content: "\E930"
}

.green-cta.map:before {
  content: "\E931"
}

.green-cta.map:before,
.green-cta.medal:before {
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.green-cta.medal:before {
  content: "\E932"
}

.green-cta.microscope:before {
  content: "\E933";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.green-cta.mobile:before {
  content: "\E950"
}

.green-cta.mobile:before,
.green-cta.music:before {
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.green-cta.music:before {
  content: "\E934"
}

.green-cta.paint:before {
  content: "\E935"
}

.green-cta.paint:before,
.green-cta.parent:before {
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.green-cta.parent:before {
  content: "\E953"
}

.green-cta.pencil:before {
  content: "\E936"
}

.green-cta.pencil:before,
.green-cta.person:before {
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.green-cta.person:before {
  content: "\E937"
}

.green-cta.phone:before {
  content: "\E938"
}

.green-cta.phone:before,
.green-cta.piggy-bank:before {
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.green-cta.piggy-bank:before {
  content: "\E939"
}

.green-cta.portion:before {
  content: "\E93A"
}

.green-cta.portion:before,
.green-cta.question:before {
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.green-cta.question:before {
  content: "\E93B"
}

.green-cta.ratio:before {
  content: "\E93C"
}

.green-cta.ratio:before,
.green-cta.robot:before {
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.green-cta.robot:before {
  content: "\E93D"
}

.green-cta.school:before {
  content: "\E93E"
}

.green-cta.school:before,
.green-cta.screens:before {
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.green-cta.screens:before {
  content: "\E93F"
}

.green-cta.settings:before {
  content: "\E940"
}

.green-cta.settings:before,
.green-cta.shoe:before {
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.green-cta.shoe:before {
  content: "\E941"
}

.green-cta.soccer:before {
  content: "\E942"
}

.green-cta.soccer:before,
.green-cta.sports:before {
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.green-cta.sports:before {
  content: "\E943"
}

.green-cta.star-of-david:before {
  content: "\E944";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.green-cta.star:before {
  content: "\E945"
}

.green-cta.star:before,
.green-cta.store:before {
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.green-cta.store:before {
  content: "\E946"
}

.green-cta.sun:before {
  content: "\E947"
}

.green-cta.sun:before,
.green-cta.teacher:before {
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.green-cta.teacher:before {
  content: "\E948"
}

.green-cta.theatre:before {
  content: "\E949"
}

.green-cta.theatre:before,
.green-cta.time:before {
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.green-cta.time:before {
  content: "\E94A"
}

.green-cta.tree:before {
  content: "\E94B"
}

.green-cta.tree:before,
.green-cta.trophy:before {
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.green-cta.trophy:before {
  content: "\E94C"
}

.green-cta.virtual:before {
  content: "\E952"
}

.green-cta.virtual:before,
.green-cta.warning:before {
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.green-cta.warning:before {
  content: "\E94D"
}

.search-icon-nav ul li.apple:before {
  content: "\E901";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.backpack:before {
  content: "\E902";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.bar-graph:before {
  content: "\E903";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.baseball:before {
  content: "\E904";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.book:before {
  content: "\E905";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.briefcase:before {
  content: "\E906";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.bullhorn:before {
  content: "\E907";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.bus:before {
  content: "\E908";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.calendar:before {
  content: "\E909";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.camera:before {
  content: "\E90A";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.certificate:before {
  content: "\E90B";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.check:before {
  content: "\E90C";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.chess:before {
  content: "\E90D";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.city:before {
  content: "\E90E";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.college:before {
  content: "\E90F";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.covid:before {
  content: "\E951";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.cross:before {
  content: "\E910";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.directory:before {
  content: "\E911";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.diversity:before {
  content: "\E912";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.dollar:before {
  content: "\E94F";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.door:before {
  content: "\E913";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.droplet:before {
  content: "\E914";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.enroll:before {
  content: "\E915";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.family:before {
  content: "\E954";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.faq:before {
  content: "\E916";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.files:before {
  content: "\E917";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.football:before {
  content: "\E918";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.gift:before {
  content: "\E919";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.giving:before {
  content: "\E91A";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.globe:before {
  content: "\E91B";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.grad:before {
  content: "\E91C";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.group-boys:before {
  content: "\E91D";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.group-coed:before {
  content: "\E91E";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.group-girls:before {
  content: "\E926";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.group:before {
  content: "\E927";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.heart:before {
  content: "\E928";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.info:before {
  content: "\E929";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.jersey:before {
  content: "\E92A";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.leaf:before {
  content: "\E92B";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.lightbulb:before {
  content: "\E92C";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.link:before {
  content: "\E92D";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.list:before {
  content: "\E92E";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.location:before {
  content: "\E92F";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.lock:before {
  content: "\E930";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.map:before {
  content: "\E931";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.medal:before {
  content: "\E932";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.microscope:before {
  content: "\E933";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.mobile:before {
  content: "\E950";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.music:before {
  content: "\E934";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.paint:before {
  content: "\E935";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.parent:before {
  content: "\E953";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.pencil:before {
  content: "\E936";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.person:before {
  content: "\E937";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.phone:before {
  content: "\E938";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.piggy-bank:before {
  content: "\E939";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.portion:before {
  content: "\E93A";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.question:before {
  content: "\E93B";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.ratio:before {
  content: "\E93C";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.robot:before {
  content: "\E93D";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.school:before {
  content: "\E93E";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.screens:before {
  content: "\E93F";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.settings:before {
  content: "\E940";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.shoe:before {
  content: "\E941";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.soccer:before {
  content: "\E942";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.sports:before {
  content: "\E943";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.star-of-david:before {
  content: "\E944";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.star:before {
  content: "\E945";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.store:before {
  content: "\E946";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.sun:before {
  content: "\E947";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.teacher:before {
  content: "\E948";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.theatre:before {
  content: "\E949";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.time:before {
  content: "\E94A";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.tree:before {
  content: "\E94B";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.trophy:before {
  content: "\E94C";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.virtual:before {
  content: "\E952";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.search-icon-nav ul li.warning:before {
  content: "\E94D";
  font-family: bpa-font-icons;
  font-weight: 400;
  speak: none
}

.library-icons .bpa-infographic-1:before {
  text-align: center
}

.library-icons footer {
  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 {
  border: 0;
  background: #0b523f;
  color: #fff;
  border-radius: 0;
  text-align: center;
  transition: .3s;
  text-decoration: none;
  border-radius: 50px;
  font-size: .75rem;
  line-height: .875rem;
  font-weight: 400;
  text-transform: uppercase;
  display: inline-block;
  margin: 0 0 10px;
  padding: 15px 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.on,
.bpa-athletics-toggle-1>.fsElementContent button:focus,
.bpa-athletics-toggle-1>.fsElementContent button:hover,
.fsStateSelected .bpa-athletics-toggle-1>.fsElementContent button {
  background: #d5f523;
  color: #0b523f;
  transition: .3s
}

.bpa-athletics-toggle-1>.fsElementContent button em {
  display: block;
  font-style: normal;
  text-transform: none;
  font-weight: 400;
  margin-top: 10px
}

@media (max-width:699px) {
  .fsThreeColumnLayout .bpa-athletics-toggle-1>.fsElementContent button {
    display: block
  }
}

.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: #303030;
  font-family: inherit;
  font-size: 14px;
  line-height: 1.28;
  font-weight: 600;
  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 .fsMeridian {
  text-transform: lowercase
}

.bpa-athletic-events-1 .fsListItems article .fsTitle {
  display: block;
  color: #d5f523;
  font-family: inherit;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: normal
}

.bpa-athletic-events-1 .fsListItems article .fsAthleticsOpponents {
  display: block;
  color: #6d676e;
  font-style: italic;
  margin-bottom: 10px
}

.bpa-athletic-events-1 .fsListItems article .fsAthleticsEventReadMoreLink {
  margin: 0;
  color: #006b9c
}

.bpa-athletic-events-1 .fsListItems article .fsAthleticsEventReadMoreLink:focus,
.bpa-athletic-events-1 .fsListItems article .fsAthleticsEventReadMoreLink:hover {
  color: #039
}

.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 #303030;
  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 {
  border: 0;
  background: #318632;
  color: #fff;
  border-radius: 0;
  text-align: center;
  transition: .3s;
  text-decoration: none;
  border-radius: 50px;
  font-size: .75rem;
  line-height: .875rem;
  font-weight: 400;
  text-transform: uppercase;
  display: inline-block;
  margin: 0 0 10px;
  padding: 15px 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.on,
.bpa-athletic-events-1>footer a:focus,
.bpa-athletic-events-1>footer a:hover,
.fsStateSelected .bpa-athletic-events-1>footer a {
  background: #d5f523;
  color: #0b523f;
  transition: .3s
}

.bpa-athletic-events-1>footer a em {
  display: block;
  font-style: normal;
  text-transform: none;
  font-weight: 400;
  margin-top: 10px
}

@media (max-width:699px) {
  .fsThreeColumnLayout .bpa-athletic-events-1>footer a {
    display: block
  }
}

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

.bpa-athletic-events-1 .slick-arrow:focus {
  outline: none
}

.bpa-athletic-events-1 .slick-arrow:focus:before {
  box-shadow: 0 1px 0 0 #0b523f
}

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

.bgLayout{
    background: #f8eddf42;
    padding: 70px 0px 30px;
}

.shadow {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    height: 100%;
    max-height: 320px;
    min-height: 320px;
    padding-bottom: 4px;
    position: relative;
    overflow: hidden;
}
.shadow marquee{
    max-height:353px;
}
.news {
    padding: 20px;
}
.news ul {
    padding-left: 20px !important;
    margin-left: 10px !important;
    list-style-type: none;
}
.news ul:before {
    content: ' ';
    background: #96e1c5;
    display: inline-block;
    position: absolute;
    left: 10px;
    width: 2px;
    height: 100%;
    z-index: 400;
}
.news ul li {
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-family: semplicitapro, sans-serif;
}
.news ul > li:before {
    content: ' ';
    background: white;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #004b2f;
    left: 2px;
    width: 20px;
    height: 20px;
    z-index: 400;
}
.news p{
    font-size: 14px;
    margin:5px 0px;
}
.news .btn-outline-success {
    color: #28a745;
    border-color: #28a745;
}
.news .date {
    font-size: 14px;
    font-weight: 600;
    color: #4da456;
}
.news .heading {
    font-size: 16px;
    font-weight: 500;
    font-family: semplicitapro, sans-serif;
    color: #000;
}
.news .btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid #004b2f;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 300;
    text-decoration: none;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.fsStyleColumn-2{
}

.navbar-brand img {
    max-width: 80px;
    float: left;
    border-radius: 50%;
    margin-right: 10px;
    box-shadow: 0px 6px 70px 0px rgb(255 255 255 / 91%);
}
.navbar-brand h1 {
    color: #fff;
    margin: 0;
    padding-top: 18px;
    font-family: 'georgiab';
    font-weight: 700;
    font-size: 22px;
}
.widget.widget_about .contact-list li {
    position: relative;
    font-size: 17px;
    color: #ffffff;
    background: rgba(0, 0, 0, 0);
    text-decoration: none;
    font-weight: 300;
}
.widget.widget_about .contact-list li:not(:last-child) {
    margin-bottom: 20px;
}
.footer .widget .widget-title {
    margin-bottom: 23px;
    color: #fff;
    font-family: 'georgiar';
    padding-left: 0px;
    text-transform: uppercase;
    font-weight: 500;
    margin-top: 40px;
}
.widget.widget_nav_menu ul li:not(:last-child) {
    margin-bottom: 12px;
}
.widget.widget_nav_menu ul li a{
    display: block;
    padding: 0px 0;
    color: #ffffff;
    background: rgba(0, 0, 0, 0);
    text-decoration: none;
    font-weight: 300;
}
.footer-bottom {
    padding: 30px 0;
    position: relative;
    line-height: 1;
    color: #ffffff;
}
.footer-bottom:after {
    width: 100%;
    height: 1px;
    left: 0;
    top: 0;
    opacity: .7;
    position: absolute;
    content: "";
    background: #fff;
}
.text-right{
    text-align: right;
}
.text-right a{
    color:#fff;
    font-weight: 400;
}
.toggle-btn {
    position: fixed;
    right: -80px;
    top: 67%;
    font-weight: 300;
    width: 170px;
    z-index: 99999;
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
}
.admis .toggle-btn{
    top:35% !important;
}

.admis .toggle-btn a {
  animation: blinker 1s linear infinite;
  color:#f00;
  font-weight:500;
  font-size:16px;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.toggle-btn, .close-btn {
    background-color: #f6f5b5;
    color: #21923a;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    width: 228px;
    font-weight: 300;
    text-transform: uppercase;
    text-align: center;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
[type="button"], [type="reset"], [type="submit"], button {
    -webkit-appearance: button;
}
.panel-content {
    padding: 20px;
}

.panel-content {
    position: fixed;
    top: 0;
    right: -300px;
    width: 300px;
    height: 100%;
    background-color: #f1f1f1;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    transition: right 0.3s ease;
    z-index: 1000;
}
.panel-content.open {
    right: 0;
}
.panel-content ul li{
    list-style-type: none;
    margin-bottom: 20px;
    font-size: 20px;
}
.panel-content ul li a{
    font-weight: normal;
    color:#000;
}
a{
    text-decoration: none;
}
.mnbnr p{
    margin-bottom: 4px !important;
    text-align: center;
}
.mnbnr p span {
    background: #4da456;
    padding: 5px;
    margin-right: 10px;
    color: #fff;
    width: 30px;
    display: inline-block;
    text-align: center;
    height: 30px;
    border-radius: 50%;
}
.paged{
    color:#fff !important;
}
.director{
    font-size:22px;
    color:#329b47;
    margin-bottom:10px;
}
.fs_style_42{
    width:100%;
}
.spd img {
    margin-bottom: 20px;
    box-shadow: 0px 0px 15px #ccc;
    padding: 10px;
    border-radius: 4px;
}
.image-button-content{
    padding:0px !important;
}
.suggestion_form{
    width:100%;
    margin:0px 50px;
    box-shadow: 0px 0px 15px #ccc;
    padding: 10px;
    border-radius: 4px;
}
.suggestion_form label{
    width:100%;
}
.suggestion_form input, textarea{
    width:100%;
    margin-top:0px;
    margin-bottom:20px;
}
.gallerys a{
    width:100%;
    color:#329b47;
    font-weight:normal;
    display: grid;
    text-align: center;
    background:#f6f5b552;
    padding:5px 5px;
    min-height:240px;
    align-items:center;
    margin-bottom:20px;
    border-radius:5px;
    box-shadow:0px 3px 15px -3px #329b47;
}