@font-face {
  font-family: 'MuseoSans';
  src: url(../../../../assets/fonts/MuseoSans_300.otf);
  src: url(../../../../assets/fonts/MuseoSans_300.eot);
  src: url(../../../../assets/fonts/MuseoSans_300d41d.eot?#iefix) format("embedded-opentype"),url(../../../../assets/fonts/MuseoSans_300.ttf) format("truetype"),url(../../../../assets/fonts/MuseoSans_300.woff) format("woff"),url(../../../../assets/fonts/MuseoSans_300.woff2) format("woff2");
  font-weight: 300;
  font-style: normal
}

@font-face {
  font-family: 'MuseoSans';
  src: url(../../../../assets/fonts/MuseoSans_500.otf);
  src: url(../../../../assets/fonts/MuseoSans_500.eot);
  src: url(../../../../assets/fonts/MuseoSans_500d41d.eot?#iefix) format("embedded-opentype"),url(../../../../assets/fonts/MuseoSans_500.ttf) format("truetype"),url(../../../../assets/fonts/MuseoSans_500.woff) format("woff"),url(../../../../assets/fonts/MuseoSans_500.woff2) format("woff2");
  font-weight: 500;
  font-style: normal
}

@font-face {
  font-family: 'MuseoSans';
  src: url(../../../../assets/fonts/MuseoSans_700.otf);
  src: url(../../../../assets/fonts/MuseoSans_700.eot);
  src: url(../../../../assets/fonts/MuseoSans_700d41d.eot?#iefix) format("embedded-opentype"),url(../../../../assets/fonts/MuseoSans_700.ttf) format("truetype"),url(../../../../assets/fonts/MuseoSans_700.woff) format("woff"),url(../../../../assets/fonts/MuseoSans_700.woff2) format("woff2");
  font-weight: 700;
  font-style: normal
}

@font-face {
  font-family: 'MuseoSans';
  src: url(../../../../assets/fonts/MuseoSans_900.otf);
  src: url(../../../../assets/fonts/MuseoSans_900.eot);
  src: url(../../../../assets/fonts/MuseoSans_900d41d.eot?#iefix) format("embedded-opentype"),url(../../../../assets/fonts/MuseoSans_900.ttf) format("truetype"),url(../../../../assets/fonts/MuseoSans_900.woff) format("woff"),url(../../../../assets/fonts/MuseoSans_900.woff2) format("woff2");
  font-weight: 900;
  font-style: normal
}

.b-c-primary {
  background-color: #4644c7;
  color: #fff
}

.grid-relative {
  position: relative
}

.grid-container {
  padding-right: .625rem;
  padding-left: .625rem;
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto
}

@media print, screen and (min-width: 40em) {
  .grid-container {
      padding-right:.9375rem;
      padding-left: .9375rem
  }
}

.grid-container.fluid {
  padding-right: .625rem;
  padding-left: .625rem;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto
}

@media print, screen and (min-width: 40em) {
  .grid-container.fluid {
      padding-right:.9375rem;
      padding-left: .9375rem
  }
}

.grid-container.full {
  padding-right: 0;
  padding-left: 0;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto
}

.grid-x {
  display: flex;
  flex-flow: row wrap
}

.cell {
  flex: 0 0 auto;
  min-height: 0px;
  min-width: 0px;
  width: 100%
}

.cell.auto {
  flex: 1 1 0px
}

.cell.shrink {
  flex: 0 0 auto
}

.grid-x>.auto {
  width: auto
}

.grid-x>.shrink {
  width: auto
}

.grid-x>.small-shrink,.grid-x>.small-full,.grid-x>.small-1,.grid-x>.small-2,.grid-x>.small-3,.grid-x>.small-4,.grid-x>.small-5,.grid-x>.small-6,.grid-x>.small-7,.grid-x>.small-8,.grid-x>.small-9,.grid-x>.small-10,.grid-x>.small-11,.grid-x>.small-12 {
  flex-basis: auto
}

@media print, screen and (min-width: 40em) {
  .grid-x>.medium-shrink,.grid-x>.medium-full,.grid-x>.medium-1,.grid-x>.medium-2,.grid-x>.medium-3,.grid-x>.medium-4,.grid-x>.medium-5,.grid-x>.medium-6,.grid-x>.medium-7,.grid-x>.medium-8,.grid-x>.medium-9,.grid-x>.medium-10,.grid-x>.medium-11,.grid-x>.medium-12 {
      flex-basis:auto
  }
}

@media print, screen and (min-width: 64em) {
  .grid-x>.large-shrink,.grid-x>.large-full,.grid-x>.large-1,.grid-x>.large-2,.grid-x>.large-3,.grid-x>.large-4,.grid-x>.large-5,.grid-x>.large-6,.grid-x>.large-7,.grid-x>.large-8,.grid-x>.large-9,.grid-x>.large-10,.grid-x>.large-11,.grid-x>.large-12 {
      flex-basis:auto
  }
}

.grid-x>.small-1,.grid-x>.small-2,.grid-x>.small-3,.grid-x>.small-4,.grid-x>.small-5,.grid-x>.small-6,.grid-x>.small-7,.grid-x>.small-8,.grid-x>.small-9,.grid-x>.small-10,.grid-x>.small-11,.grid-x>.small-12 {
  flex: 0 0 auto
}

.grid-x>.small-1 {
  width: 8.33333%
}

.grid-x>.small-2 {
  width: 16.66667%
}

.grid-x>.small-3 {
  width: 25%
}

.grid-x>.small-4 {
  width: 33.33333%
}

.grid-x>.small-5 {
  width: 41.66667%
}

.grid-x>.small-6 {
  width: 50%
}

.grid-x>.small-7 {
  width: 58.33333%
}

.grid-x>.small-8 {
  width: 66.66667%
}

.grid-x>.small-9 {
  width: 75%
}

.grid-x>.small-10 {
  width: 83.33333%
}

.grid-x>.small-11 {
  width: 91.66667%
}

.grid-x>.small-12 {
  width: 100%
}

@media print, screen and (min-width: 40em) {
  .grid-x>.medium-auto {
      flex:1 1 0px;
      width: auto
  }

  .grid-x>.medium-shrink,.grid-x>.medium-1,.grid-x>.medium-2,.grid-x>.medium-3,.grid-x>.medium-4,.grid-x>.medium-5,.grid-x>.medium-6,.grid-x>.medium-7,.grid-x>.medium-8,.grid-x>.medium-9,.grid-x>.medium-10,.grid-x>.medium-11,.grid-x>.medium-12 {
      flex: 0 0 auto
  }

  .grid-x>.medium-shrink {
      width: auto
  }

  .grid-x>.medium-1 {
      width: 8.33333%
  }

  .grid-x>.medium-2 {
      width: 16.66667%
  }

  .grid-x>.medium-3 {
      width: 25%
  }

  .grid-x>.medium-4 {
      width: 33.33333%
  }

  .grid-x>.medium-5 {
      width: 41.66667%
  }

  .grid-x>.medium-6 {
      width: 50%
  }

  .grid-x>.medium-7 {
      width: 58.33333%
  }

  .grid-x>.medium-8 {
      width: 66.66667%
  }

  .grid-x>.medium-9 {
      width: 75%
  }

  .grid-x>.medium-10 {
      width: 83.33333%
  }

  .grid-x>.medium-11 {
      width: 91.66667%
  }

  .grid-x>.medium-12 {
      width: 100%
  }
}

@media print, screen and (min-width: 64em) {
  .grid-x>.large-auto {
      flex:1 1 0px;
      width: auto
  }

  .grid-x>.large-shrink,.grid-x>.large-1,.grid-x>.large-2,.grid-x>.large-3,.grid-x>.large-4,.grid-x>.large-5,.grid-x>.large-6,.grid-x>.large-7,.grid-x>.large-8,.grid-x>.large-9,.grid-x>.large-10,.grid-x>.large-11,.grid-x>.large-12 {
      flex: 0 0 auto
  }

  .grid-x>.large-shrink {
      width: auto
  }

  .grid-x>.large-1 {
      width: 8.33333%
  }

  .grid-x>.large-2 {
      width: 16.66667%
  }

  .grid-x>.large-3 {
      width: 25%
  }

  .grid-x>.large-4 {
      width: 33.33333%
  }

  .grid-x>.large-5 {
      width: 41.66667%
  }

  .grid-x>.large-6 {
      width: 50%
  }

  .grid-x>.large-7 {
      width: 58.33333%
  }

  .grid-x>.large-8 {
      width: 66.66667%
  }

  .grid-x>.large-9 {
      width: 75%
  }

  .grid-x>.large-10 {
      width: 83.33333%
  }

  .grid-x>.large-11 {
      width: 91.66667%
  }

  .grid-x>.large-12 {
      width: 100%
  }
}

.grid-margin-x:not(.grid-x)>.cell {
  width: auto
}

.grid-margin-y:not(.grid-y)>.cell {
  height: auto
}

.grid-margin-x {
  margin-left: -.625rem;
  margin-right: -.625rem
}

@media print, screen and (min-width: 40em) {
  .grid-margin-x {
      margin-left:-.9375rem;
      margin-right: -.9375rem
  }
}

.grid-margin-x>.cell {
  width: calc(100% - 1.25rem);
  margin-left: .625rem;
  margin-right: .625rem
}

@media print, screen and (min-width: 40em) {
  .grid-margin-x>.cell {
      width:calc(100% - 1.875rem);
      margin-left: .9375rem;
      margin-right: .9375rem
  }
}

.grid-margin-x>.auto {
  width: auto
}

.grid-margin-x>.shrink {
  width: auto
}

.grid-margin-x>.small-1 {
  width: calc(8.33333% - 1.25rem)
}

.grid-margin-x>.small-2 {
  width: calc(16.66667% - 1.25rem)
}

.grid-margin-x>.small-3 {
  width: calc(25% - 1.25rem)
}

.grid-margin-x>.small-4 {
  width: calc(33.33333% - 1.25rem)
}

.grid-margin-x>.small-5 {
  width: calc(41.66667% - 1.25rem)
}

.grid-margin-x>.small-6 {
  width: calc(50% - 1.25rem)
}

.grid-margin-x>.small-7 {
  width: calc(58.33333% - 1.25rem)
}

.grid-margin-x>.small-8 {
  width: calc(66.66667% - 1.25rem)
}

.grid-margin-x>.small-9 {
  width: calc(75% - 1.25rem)
}

.grid-margin-x>.small-10 {
  width: calc(83.33333% - 1.25rem)
}

.grid-margin-x>.small-11 {
  width: calc(91.66667% - 1.25rem)
}

.grid-margin-x>.small-12 {
  width: calc(100% - 1.25rem)
}

@media print, screen and (min-width: 40em) {
  .grid-margin-x>.auto {
      width:auto
  }

  .grid-margin-x>.shrink {
      width: auto
  }

  .grid-margin-x>.small-1 {
      width: calc(8.33333% - 1.875rem)
  }

  .grid-margin-x>.small-2 {
      width: calc(16.66667% - 1.875rem)
  }

  .grid-margin-x>.small-3 {
      width: calc(25% - 1.875rem)
  }

  .grid-margin-x>.small-4 {
      width: calc(33.33333% - 1.875rem)
  }

  .grid-margin-x>.small-5 {
      width: calc(41.66667% - 1.875rem)
  }

  .grid-margin-x>.small-6 {
      width: calc(50% - 1.875rem)
  }

  .grid-margin-x>.small-7 {
      width: calc(58.33333% - 1.875rem)
  }

  .grid-margin-x>.small-8 {
      width: calc(66.66667% - 1.875rem)
  }

  .grid-margin-x>.small-9 {
      width: calc(75% - 1.875rem)
  }

  .grid-margin-x>.small-10 {
      width: calc(83.33333% - 1.875rem)
  }

  .grid-margin-x>.small-11 {
      width: calc(91.66667% - 1.875rem)
  }

  .grid-margin-x>.small-12 {
      width: calc(100% - 1.875rem)
  }

  .grid-margin-x>.medium-auto {
      width: auto
  }

  .grid-margin-x>.medium-shrink {
      width: auto
  }

  .grid-margin-x>.medium-1 {
      width: calc(8.33333% - 1.875rem)
  }

  .grid-margin-x>.medium-2 {
      width: calc(16.66667% - 1.875rem)
  }

  .grid-margin-x>.medium-3 {
      width: calc(25% - 1.875rem)
  }

  .grid-margin-x>.medium-4 {
      width: calc(33.33333% - 1.875rem)
  }

  .grid-margin-x>.medium-5 {
      width: calc(41.66667% - 1.875rem)
  }

  .grid-margin-x>.medium-6 {
      width: calc(50% - 1.875rem)
  }

  .grid-margin-x>.medium-7 {
      width: calc(58.33333% - 1.875rem)
  }

  .grid-margin-x>.medium-8 {
      width: calc(66.66667% - 1.875rem)
  }

  .grid-margin-x>.medium-9 {
      width: calc(75% - 1.875rem)
  }

  .grid-margin-x>.medium-10 {
      width: calc(83.33333% - 1.875rem)
  }

  .grid-margin-x>.medium-11 {
      width: calc(91.66667% - 1.875rem)
  }

  .grid-margin-x>.medium-12 {
      width: calc(100% - 1.875rem)
  }
}

@media print, screen and (min-width: 64em) {
  .grid-margin-x>.large-auto {
      width:auto
  }

  .grid-margin-x>.large-shrink {
      width: auto
  }

  .grid-margin-x>.large-1 {
      width: calc(8.33333% - 1.875rem)
  }

  .grid-margin-x>.large-2 {
      width: calc(16.66667% - 1.875rem)
  }

  .grid-margin-x>.large-3 {
      width: calc(25% - 1.875rem)
  }

  .grid-margin-x>.large-4 {
      width: calc(33.33333% - 1.875rem)
  }

  .grid-margin-x>.large-5 {
      width: calc(41.66667% - 1.875rem)
  }

  .grid-margin-x>.large-6 {
      width: calc(50% - 1.875rem)
  }

  .grid-margin-x>.large-7 {
      width: calc(58.33333% - 1.875rem)
  }

  .grid-margin-x>.large-8 {
      width: calc(66.66667% - 1.875rem)
  }

  .grid-margin-x>.large-9 {
      width: calc(75% - 1.875rem)
  }

  .grid-margin-x>.large-10 {
      width: calc(83.33333% - 1.875rem)
  }

  .grid-margin-x>.large-11 {
      width: calc(91.66667% - 1.875rem)
  }

  .grid-margin-x>.large-12 {
      width: calc(100% - 1.875rem)
  }
}

.grid-padding-x .grid-padding-x {
  margin-right: -.625rem;
  margin-left: -.625rem
}

@media print, screen and (min-width: 40em) {
  .grid-padding-x .grid-padding-x {
      margin-right:-.9375rem;
      margin-left: -.9375rem
  }
}

.grid-container:not(.full)>.grid-padding-x {
  margin-right: -.625rem;
  margin-left: -.625rem
}

@media print, screen and (min-width: 40em) {
  .grid-container:not(.full)>.grid-padding-x {
      margin-right:-.9375rem;
      margin-left: -.9375rem
  }
}

.grid-padding-x>.cell {
  padding-right: .625rem;
  padding-left: .625rem
}

@media print, screen and (min-width: 40em) {
  .grid-padding-x>.cell {
      padding-right:.9375rem;
      padding-left: .9375rem
  }
}

.header {
  box-shadow: 0 .125rem .5rem rgba(0,0,0,0.3);
  position: relative;
  width: 100%;
  z-index: 10
}

.header .logo {
  display: block;
  font-size: 0;
  padding: .625rem;
  position: relative;
  z-index: 9;
  max-width: 50vw
}

@media print, screen and (min-width: 40em) {
  .header .logo {
      max-width:initial
  }
}

.header .logo svg {
  width: 8.75rem
}

@media print, screen and (min-width: 40em) {
  .header .logo svg {
      width:initial
  }
}

.header .logo svg .logo-main {
  fill: #4644c7
}

.header .logo:focus svg .svg-fill {
  fill: #000
}

.header .nav-menu-container {
  background-color: #4644c7;
  display: none;
  min-height: 100vh;
  left: 0;
  position: absolute;
  top: 0;
  transition: height 0.25s ease;
  width: 100%;
  z-index: 10
}

@media print, screen and (min-width: 64em) {
  .header .nav-menu-container {
      background-color:#4644c7;
      display: block;
      height: auto;
      min-height: auto;
      left: initial;
      position: relative;
      top: initial;
      width: auto
  }
}

.header .nav-menu-container.is-active {
  display: block;
  padding: 6.25rem 0 3.125rem
}

@media print, screen and (min-width: 64em) {
  .header .nav-menu-container.is-active {
      padding:0
  }
}

.header .nav-menu-container .nav ul {
  display: flex;
  justify-content: center;
  list-style: none;
  flex-direction: column;
  margin: 0;
  text-align: left
}

@media print, screen and (min-width: 64em) {
  .header .nav-menu-container .nav ul {
      flex-direction:row;
      margin: 0;
      text-align: center
  }
}

.header .nav-menu-container .nav ul li {
  display: inline-block;
  position: relative;
  margin: 0 1rem
}

@media print, screen and (min-width: 64em) {
  .header .nav-menu-container .nav ul li {
      margin:0
  }
}

.header .nav-menu-container .nav ul li a {
  color: #fff;
  display: inline-block;
  font-family: "MuseoSans",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
  font-weight: 500;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 0.7777777777777778rem;
  line-height: 1.0555555555555556rem;
  padding: 1.3888888888888888rem 0.8888888888888888rem
}

@media print, screen and (min-width: 40em) {
  .header .nav-menu-container .nav ul li a {
      font-size:0.7777777777777778rem;
      line-height: 1.0555555555555556rem
  }
}

@media print, screen and (min-width: 64em) {
  .header .nav-menu-container .nav ul li a {
      font-size: 0.7777777777777778rem;
      line-height: 1.0555555555555556rem;
      margin: 0 .3125rem;
      padding: 1.3888888888888888rem 0.8888888888888888rem
  }
}

.header .nav-menu-container .nav ul li a:first-of-type {
  margin-left: 0
}

.header .nav-menu-container .nav ul li a.active,.header .nav-menu-container .nav ul li a:hover {
  color: #fff;
  text-decoration: underline
}

@media print, screen and (min-width: 64em) {
  .header .nav-menu-container .nav ul li a.active:before,.header .nav-menu-container .nav ul li a:hover:before {
      background-color:#fff;
      bottom: 0;
      content: "";
      display: block;
      height: .25rem;
      left: 1rem;
      position: absolute;
      width: calc(100% - 2rem)
  }
}

@media print, screen and (min-width: 64em) {
  .header .nav-menu-container .nav ul li a.active,.header .nav-menu-container .nav ul li a:hover {
      text-decoration:none
  }
}

/* custom footer */
.custom-footer {
  background-color: #4644c7;
  padding: 3.125rem 0
}

.custom-footer .footer-logo {
  width: 6.375rem;
  display: block;
  fill: #fff;
  position: absolute;
  right: 0;
  top: -1.25rem
}

@media print, screen and (min-width: 40em) {
  .custom-footer .footer-logo {
      width:10.75rem
  }
}

.custom-footer .footer-links {
  list-style: none;
  margin: 0;
  padding: 0
}

.custom-footer .footer-links a {
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  font-family: "MuseoSans",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
  font-size: .875rem;
  font-weight: 300;
  line-height: 1rem
}

@media print, screen and (min-width: 40em) {
  .custom-footer .footer-links a {
      font-size:.0.8888888888888888rem;
      line-height: 1.7777777777777777rem
  }
}

.custom-footer .footer-links a:hover {
  text-decoration: underline
}

.custom-footer .footer-social {
  bottom: 0;
  position: absolute;
  right: 0;
  width: auto
}

@media print, screen and (min-width: 40em) {
  .custom-footer .footer-social {
      bottom:initial;
      margin-top: 3.5rem;
      position: relative;
      right: initial;
      width: 100%
  }
}

.custom-footer .footer-social ul {
  align-items: center;
  display: flex;
  list-style: none;
  margin: 0
}

.custom-footer .footer-social ul li {
  margin-left: 1rem
}

@media print, screen and (min-width: 40em) {
  .custom-footer .footer-social ul li {
      margin-left:0;
      margin-right: 1rem
  }
}

.custom-footer .footer-social ul li a {
  display: block
}

.custom-footer .footer-social ul li a:focus .svg-stroke {
  stroke: #000
}