.oswald {
  font-family: 'Oswald', sans-serif
}
.museo-light {
  font-family: 'museo-sans', sans-serif;
  font-weight: 300;
  font-style: normal
}
.museo-medium {
  font-family: 'museo-sans', sans-serif;
  font-weight: 500;
  font-style: normal
}
.museo-regular {
  font-family: 'museo-sans', sans-serif;
  font-style: normal;
  font-weight: 700
}
.sanchez {
  font-family: 'Sanchez', serif
}
img {
  font-size: 12px;
  color: transparent;
  font-family: 'museo-sans', sans-serif
}
.purple {
  color: #592C82
}
.cta {
  color: #008094
}
#content-wrapper:focus {
  outline-style: none;
  box-shadow: none;
  border-color: transparent
}
.breadcrumbs {
  padding: 8px 0;
  margin-bottom: 0 !important
}
.breadcrumbs .row {
  max-width: 87.5rem
}
.breadcrumbs ul {
  list-style-type: none;
  margin-bottom: 0
}
.breadcrumbs ul li, .breadcrumbs ul a {
  font-size: 12px;
  font-weight: 500 !important;
  line-height: 15.6px;
  color: #595959
}
.breadcrumbs ul li:not(:last-child)::after {
  position: relative;
  content: "";
  display: inline-block;
  width: 0.3rem;
  height: 0.3rem;
  border-right: 0.1em solid #592C82;
  border-top: 0.1em solid #592C82;
  transform: rotate(45deg);
  margin: 0 0.7rem 0.1rem 0.6rem
}
.breadcrumbs .back-arrow {
  padding: 12px 16px
}
.breadcrumbs .back-arrow:before {
  content: "\f104";
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  font-size: 11px;
  color: #592C82;
  border: none;
  margin-top: -25px;
  margin-right: 11px
}
[type="submit"] {
  border-radius: 36px !important;
  border: 1px solid #008094;
  line-height: 1.6
}
[type="submit"]:hover {
  cursor: pointer
}
[type="submit"].submit-secondary {
  border: none
}
[type="submit"].submit-nav {
  border: none
}
form#b2c-form [type='submit'], form#b2b-form [type='submit'], form#seo_brand_cta [type='submit'], form#inline_seo_brand_cta [type='submit'] {
  margin: 40px auto 0px
}
form#inline_seo_brand_cta, form#inline_engage_cta {
  display: inline-block
}
.hqy-button {
  font-size: 16px;
  padding: 18px 40px;
  border-radius: 36px;
  display: inline-block;
  font-family: 'museo-sans';
  font-weight: 700;
  margin-bottom: 0px
}
.primary-btn {
  color: white;
  background-color: #008094;
  text-align: center
}
.primary-btn:hover {
  color: white;
  background-color: #006A7D;
  box-shadow: 0px 5px 6px #00000029
}
.primary-btn:active {
  background-color: #006A7D
}
.primary-btn:focus {
  box-shadow: 0px 0px 6px #00AAC6;
  color: white
}
.purple-primary-btn {
  color: white;
  background-color: #592C82;
  border: 1px solid #592C82
}
.purple-primary-btn:hover {
  box-shadow: 0px 5px 6px #00000029;
  background-color: #4c256f
}
.secondary-btn {
  font-size: 16px;
  color: #008094;
  font-family: 'museo-sans';
  font-weight: 500
}
.secondary-btn .far {
  margin-left: 5px
}
.secondary-btn:hover {
  font-family: 'museo-sans';
  text-shadow: -0.01ex 0 black, 0.01ex 0 black;
  color: #006A7D
}
.secondary-btn:hover .active-arrow {
  transform: translateX(10px);
  transition-duration: .3s
}
.secondary-btn:focus {
  font-size: 16px;
  border-radius: 36px;
  margin-bottom: 0px;
  background-color: #F1F1F2;
  color: #006A7D
}
.tertiary-link {
  color: #008094;
  font-family: 'museo-sans';
  font-weight: 500;
  display: inline-block
}
.tertiary-link:hover {
  text-decoration: underline;
  color: #006A7D;
  text-shadow: -0.01ex 0 black, 0.01ex 0 black
}
.tertiary-link:active {
  color: #006A7D
}
.inline-link {
  text-decoration: underline;
  color: #008094
}
.inline-link:hover {
  color: #006A7D;
  text-shadow: -0.01ex 0 black, 0.01ex 0 #006A7D
}
.brand-padding {
  padding-left: 24px;
  padding-right: 24px
}
.orbit .orbit-controls {
  display: none
}
.orbit .orbit-controls.qme-controls {
  display: block
}
.orbit .orbit-controls.qme-controls button:hover, .orbit .orbit-controls.qme-controls button:active, .orbit .orbit-controls.qme-controls button:focus {
  background-color: transparent;
  cursor: pointer
}
.orbit .orbit-controls.qme-controls button:focus {
  outline: none
}
.orbit .orbit-bullets button {
  background-color: #93949A;
  height: 16px;
  width: 16px
}
.orbit .orbit-bullets button.is-active {
  background-color: #00A0BD
}
.orbit .orbit-container:focus {
  outline-color: #008094;
  outline-style: auto;
  outline-width: 1px
}
.center {
  text-align: center
}
.small-purple-bullets {
  list-style: none;
  margin-bottom: 2rem
}
.small-purple-bullets li:before {
  content: "";
  height: 5px;
  width: 5px;
  background-color: #592C82;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  margin-top: 11px
}
.small-purple-bullets .bullet-list {
  margin-left: 1.5rem;
  margin-bottom: 0.6rem
}
.divider {
  background-color: #592C82;
  height: 200px;
  width: 2px;
  border-radius: 3px;
  margin: 0px auto
}
.one-partner-icon-band {
  padding-top: 72px;
  padding-bottom: 72px;
  background-color: #F1F1F2
}
.one-partner-icon-band .product-icon-band {
  width: 100%
}
.ready-to-act-cta {
  text-align: center
}
.ready-to-act-cta #cta-content .secondary-btn {
  margin-left: 50px
}
@media screen and (max-width: 647px) and (min-width: 639px) {
  .ready-to-act-cta #cta-content .secondary-btn {
    margin-left: 44px
  }
}
.ready-to-act-cta #cta-content p {
  margin-bottom: 40px
}
.ready-to-act-cta#persona {
  margin-top: 120px;
  margin-bottom: 160px
}
.ready-to-act-cta#persona .benefits-advisors form {
  display: inline-block
}
.ready-to-act-cta#persona form#seo_brand_cta [type='submit'] {
  margin-top: 0px
}
.ready-to-act-cta.product {
  margin-top: 120px;
  margin-bottom: 120px
}
p sup > a {
  color: #212121;
  font-size: 100%
}
p sup {
  font-size: 50%;
  top: -0.9em
}
h3 sup {
  font-size: 50%;
  top: -1.25em
}
.article-section {
  margin: 80px 0px
}
.article-section .header {
  text-align: center
}
.article-section .header h3 {
  color: #595959;
  margin-bottom: 35px;
  text-transform: none;
  font-size: 18px
}
.article-section .article-container {
  padding: 20px
}
.article-section .article-container .article-img {
  width: 100%
}
.article-section .article-container h5 {
  color: #595959;
  font-size: 14px;
  padding: 22px 0px 10px
}
.article-section .article-container h4 {
  font-size: 24px;
  margin-bottom: 70px;
  color: #212121
}
.article-section .article-container:hover {
  border-radius: 6px;
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transition-duration: .6s
}
.card-purple-header {
  margin-bottom: 20px;
  border-radius: 6px;
  box-shadow: 0px 3px 20px #00000029
}
.card-purple-header .card-header {
  padding: 6px 24px 6px 24px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  background-color: #592C82
}
.card-purple-header .card-header h5.card-header-h5 {
  font-size: 21px;
  margin-bottom: 0px;
  color: #ffffff
}
.card-purple-header .card-body {
  padding: 24px 24px 20px 24px
}
.card-purple-header .card-body .table-icon {
  margin: -3px 3px 0px 0px
}
.card-purple-header .card-body .card-phone-link {
  margin-bottom: 8px;
  font-size: 20px;
  color: #212121;
  display: block
}
.card-purple-header .card-body .card-phone-link:hover {
  text-shadow: -0.01ex 0 black, 0.01ex 0 black
}
.card-purple-header .card-body p.card-hours-p {
  font-size: 16px;
  margin-bottom: 20px;
  color: #595959
}
#disclosures {
  margin-bottom: 20px
}
#disclosures a {
  color: white;
  line-height: 1.3;
  font-size: 12px
}
#disclosures a:focus {
  color: black
}
#mobile-menu .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a {
  padding-top: 20px;
  padding-bottom: 20px
}
#mobile-menu .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {
  content: "\f105";
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  color: #592C82;
  border: none;
  margin-top: -10px;
  right: 1.4rem
}
#mobile-menu .accordion-menu .is-accordion-submenu-parent[aria-expanded='true'] > a::after {
  transform: rotate(90deg);
  right: 1rem;
  margin-top: -4px
}
#mobile-menu ul li a {
  color: #212121;
  font-family: 'museo-sans', sans-serif;
  font-style: normal;
  font-weight: 300
}
#mobile-menu #social-icon-row {
  margin: 30px 16px 20px 15px
}
#mobile-menu #social-icon-row h4 {
  font-size: 14px
}
#mobile-menu #social-icon-row .social-icons {
  color: #212121;
  margin: 10px 15px 50px 0px
}
.mouse-icon {
  border: 2px solid #592C82;
  border-radius: 16px;
  height: 40px;
  width: 24px;
  display: block;
  z-index: 10
}
.mouse-icon .wheel {
  -webkit-animation-name: drop;
  -webkit-animation-duration: 4s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-play-state: running;
  -webkit-animation-name: drop;
  animation-name: drop;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-play-state: running;
  animation-play-state: running
}
.mouse-icon .wheel {
  position: relative;
  border-radius: 10px;
  background: #592C82;
  width: 4px;
  height: 4px;
  top: 4px;
  margin-left: auto;
  margin-right: auto
}
@-webkit-keyframes drop {
  0% {
    top: 5px;
    opacity: 1;
    height: 4px
  }
  30% {
    top: 10px;
    opacity: 1;
    height: 8px
  }
  40% {
    top: 25px;
    opacity: 1;
    height: 4px
  }
  60% {
    top: 25px;
    opacity: 0;
    height: 4px
  }
  100% {
    top: 25px;
    opacity: 0;
    height: 4px
  }
}
@keyframes drop {
  0% {
    top: 5px;
    opacity: 1;
    height: 4px
  }
  30% {
    top: 10px;
    opacity: 1;
    height: 12px
  }
  40% {
    top: 25px;
    opacity: 1;
    height: 4px
  }
  60% {
    top: 25px;
    opacity: 0;
    height: 4px
  }
  100% {
    top: 25px;
    opacity: 0;
    height: 4px
  }
}
.checkbox {
  display: grid;
  grid-template-columns: min-content auto;
  grid-gap: 0.5em;
  font-size: 14px;
  color: #595959;
  font-family: 'museo-sans';
  font-weight: 500
}
.checkbox:hover {
  cursor: pointer
}
.checkbox__control {
  display: inline-grid;
  width: 20px;
  height: 20px;
  border-radius: 2px;
  border: 2px solid #e6e6e6
}
.checkbox__control svg {
  transition: transform 0.1s ease-in 25ms;
  transform: scale(0);
  transform-origin: bottom left
}
.checkbox__input {
  display: grid;
  grid-template-areas: "checkbox"
}
.checkbox__input > * {
  grid-area: checkbox
}
.checkbox__input input {
  opacity: 0;
  width: 1em;
  height: 1em
}
.checkbox__input input:focus + .checkbox__control {
  border: 2px solid #008094;
  color: #008094
}
.checkbox__input input:checked + .checkbox__control {
  border: 2px solid #008094;
  border-radius: 2px
}
.checkbox__input input:checked + .checkbox__control svg {
  transform: scale(1);
  color: #008094
}
.reveal {
  outline: none
}
table.all-white tbody {
  border: none
}
table.all-white td {
  background-color: white
}
.screen-reader-only {
  position: absolute;
  height: 1px;
  width: 1px;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: polygon(0px 0px, 0px 0px, 0px 0px);
  -webkit-clip-path: polygon(0px 0px, 0px 0px, 0px 0px);
  overflow: hidden !important
}
:focus {
  outline-color: #008094;
  outline-style: auto;
  outline-width: 1px
}
@media screen and (max-width: 1023px) {
  .article-section .header {
    margin-bottom: 30px
  }
  .article-section #carousel-tablet-mobile .medium-5 {
    padding: 0px
  }
  .article-section #carousel-tablet-mobile .medium-5 img {
    width: 100%
  }
  .article-section #carousel-tablet-mobile h5 {
    margin-bottom: 10px;
    padding: 0px
  }
  .article-section #carousel-tablet-mobile .orbit-bullets {
    margin-top: 40px
  }
  .card-purple-header .card-body p.card-hours-p {
    margin-bottom: 40px
  }
  .card-purple-header .card-body a.primary-btn.hqy-button {
    padding-top: 16px;
    padding-bottom: 16px
  }
}
@media screen and (max-width: 639px) {
  .brand-padding {
    padding-left: 6px;
    padding-right: 6px
  }
  .article-section .orbit-container {
    min-height: 450px
  }
  .article-section .orbit-bullets {
    margin-bottom: 0
  }
  .card-purple-header .card-body a.primary-btn.hqy-button {
    text-align: center;
    width: 60%
  }
  .ready-to-act-cta.product .primary-btn {
    width: 100%
  }
  .ready-to-act-cta#persona .secondary-btn {
    display: block;
    margin: 30px auto 0px;
    text-align: center;
    width: 90%
  }
  form#inline_seo_brand_cta {
    width: 100%
  }
  form#inline_seo_brand_cta [type='submit'] {
    margin-top: 0px
  }
  .breadcrumbs {
    margin-left: -12px !important
  }
}
.top-bar {
  background-color: #ffffff;
  padding: 0px;
  height: 84px;
  z-index: 100
}
.top-bar #logo-container, .top-bar .dropdown.menu {
  display: inline-flex
}
.top-bar #logo-container {
  background-color: #592C82;
  max-width: 250px;
  height: 84px
}
.top-bar #logo-container #topbar-nav-logo {
  height: 84px;
  width: auto
}
.top-bar .dropdown.menu > li.is-dropdown-submenu-parent > a, .top-bar .dropdown.menu > li > a, .top-bar #open-account-btn {
  color: #212121;
  font-size: 15px;
  font-family: 'museo-sans', sans-serif;
  font-weight: 500;
  padding-right: 16px;
  letter-spacing: 0.1px
}
.top-bar .underline {
  display: none
}
.top-bar .dropdown.menu > li.is-dropdown-submenu-parent.is-active > a {
  color: #592C82;
  text-shadow: -0.01ex 0 black, 0.01ex 0 black
}
.top-bar .dropdown.menu > li.is-dropdown-submenu-parent.is-active:hover .underline {
  height: 2px;
  background-color: #592C82;
  border-radius: 3px;
  margin: 0px auto;
  width: 77%;
  display: inline-block
}
.top-bar .dropdown.menu > li.is-dropdown-submenu-parent > a::after {
  display: none
}
.top-bar .dropdown.menu > li.opens-right > .is-dropdown-submenu, .top-bar .dropdown.menu > li.opens-left > .is-dropdown-submenu {
  border: none;
  box-shadow: 0px 3px 12px #00000029;
  border-radius: 6px;
  padding: 0px 24px 24px;
  top: 130%;
  min-width: 250px;
  z-index: 101
}
.top-bar .dropdown.menu > li.opens-right > .is-dropdown-submenu p, .top-bar .dropdown.menu > li.opens-left > .is-dropdown-submenu p {
  font-size: 15px;
  font-family: 'museo-sans', sans-serif;
  font-weight: 700;
  margin-bottom: 10px;
  padding-top: 16px
}
.top-bar .dropdown.menu > li.opens-right > .is-dropdown-submenu li, .top-bar .dropdown.menu > li.opens-left > .is-dropdown-submenu li {
  margin-left: 0px
}
.top-bar .dropdown.menu > li.opens-right > .is-dropdown-submenu a, .top-bar .dropdown.menu > li.opens-left > .is-dropdown-submenu a {
  font-size: 15px;
  font-family: 'museo-sans', sans-serif;
  font-weight: 300;
  color: #212121;
  padding: 0px 0px 10px
}
.top-bar .dropdown.menu > li.opens-right > .is-dropdown-submenu a:hover, .top-bar .dropdown.menu > li.opens-left > .is-dropdown-submenu a:hover {
  font-weight: 700;
  color: #592C82
}
.top-bar .dropdown.menu > li.opens-right > .is-dropdown-submenu#products-menu {
  min-width: 525px
}
.top-bar .dropdown.menu > li.opens-right > .is-dropdown-submenu#products-menu .column {
  padding: 0px
}
.top-bar .dropdown.menu > li.opens-right > .is-dropdown-submenu#insights-menu {
  padding-top: 16px
}
.top-bar .dropdown.menu > li.opens-right > .is-dropdown-submenu#about-menu, .top-bar .dropdown.menu > li.opens-left > .is-dropdown-submenu#about-menu {
  min-width: 235px;
  padding-top: 16px
}
.top-bar .dropdown.menu > li.is-active > .primary-btn {
  background-color: #008094
}
.top-bar .grey-background {
  background-color: #f8f8f8;
  margin-right: -0.9375rem;
  margin-left: -0.9375rem;
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;
  border-radius: 0 0 6px 6px
}
@media screen and (max-width: 1029px) and (min-width: 1023px) {
  .top-bar .top-bar-left {
    flex: 1 0 auto !important
  }
}
@media screen and (max-width: 1029px) and (min-width: 1023px) {
  .top-bar .top-bar-right {
    flex: 0 0 auto !important
  }
  .top-bar .top-bar-right #desktop-login-btn {
    margin-right: 20px
  }
}
.top-bar .top-bar-right #search-link {
  border-right: 1px solid #E6E7E8
}
.top-bar .top-bar-right #search-link .far:hover {
  color: #592C82
}
.top-bar .top-bar-right #open-account-btn:hover {
  color: purple;
  text-shadow: -0.01ex 0 black, 0.01ex 0 black
}
.top-bar .top-bar-right .dropdown.menu > li > a.primary-btn {
  color: white;
  font-family: 'museo-sans';
  font-weight: 700;
  margin-right: 24px;
  padding: 12px 18px
}
#desktop-login-btn {
  margin-right: 40px;
  padding: 12px 30px
}
#desktop-login-dropdown {
  padding: 0px;
  border: none;
  box-shadow: 0px 3px 12px #00000029;
  border-radius: 6px;
  top: 80px !important
}
#desktop-login-dropdown ul {
  list-style-type: none;
  margin: 0px
}
#desktop-login-dropdown #login-list-item {
  pointer-events: all;
  margin: 15px 0px 15px 0px
}
#desktop-login-dropdown #login-list-item a {
  padding-left: 15px;
  padding-right: 15px;
  color: #212121;
  font-weight: 500
}
#desktop-login-dropdown #login-list-item img {
  margin-right: 8px
}
#desktop-login-dropdown #login-list-item .far {
  color: #592C82;
  float: right;
  font-weight: 500;
  margin-top: 5px;
  font-size: 20px
}
#desktop-login-dropdown #login-list-item .logo-text {
  margin-left: 0px;
  display: block
}
#desktop-login-dropdown #login-list-item span {
  color: #592C82;
  font-weight: 700;
  margin-right: 8px
}
#desktop-login-dropdown #login-list-item-ww {
  padding: 15px
}
#desktop-login-dropdown #login-list-item-ww .logo-text {
  margin-left: 8px;
  display: inline-block
}
#desktop-login-dropdown #login-list-item-ww .wageworks-text {
  padding-top: 0px;
  margin-bottom: 0px;
  color: #212121;
  font-weight: 500
}
#desktop-login-dropdown #login-list-item-ww .far {
  color: #592C82;
  float: right;
  font-weight: 500;
  margin-top: 5px;
  font-size: 20px
}
#desktop-login-dropdown #login-list-item-ww:hover {
  cursor: pointer
}
#desktop-login-dropdown #ww-dropdown-menu {
  position: absolute;
  visibility: hidden
}
#desktop-login-dropdown #ww-dropdown-menu ul {
  list-style-type: none;
  background-color: transparent;
  margin-left: 0px;
  padding-bottom: 16px;
  margin-left: 45px
}
#desktop-login-dropdown #ww-dropdown-menu ul li > a {
  color: #1f1f1f;
  padding-bottom: 8px;
  display: block
}
#desktop-login-dropdown #ww-dropdown-menu.active {
  visibility: visible;
  position: relative
}
#desktop-login-dropdown #ww-dropdown-container #down-arrow {
  display: none
}
#desktop-login-dropdown #ww-dropdown-container #right-arrow {
  visibility: visible
}
#desktop-login-dropdown #ww-dropdown-container.active {
  background-color: #f8f8f8
}
#desktop-login-dropdown #ww-dropdown-container.active #down-arrow {
  display: inline-block
}
#desktop-login-dropdown #ww-dropdown-container.active #right-arrow {
  visibility: hidden
}
#desktop-login-dropdown #ww-dropdown-container:focus {
  outline: 0
}
#desktop-login-dropdown #need-help {
  text-align: center;
  padding-bottom: 10px;
  padding-top: 10px
}
#desktop-login-dropdown #need-help a {
  color: #008094;
  font-size: 15px;
  padding-top: 8px;
  margin-left: 0px;
  padding-bottom: 15px
}
#footer-hr {
  border-bottom: 1px solid #592C82
}
#footer #footer-content {
  padding: 40px 0px 40px
}
#footer #footer-content hr {
  border-top: 2px solid #592C82
}
#footer #footer-content h3 {
  font-size: 14px;
  margin-bottom: 12px;
  text-transform: none
}
#footer #footer-content ul {
  list-style-type: none;
  margin: 0px
}
#footer #footer-content ul li {
  font-family: 'museo-sans', sans-serif;
  font-weight: 300;
  font-size: 14px;
  margin-bottom: 5px
}
#footer #footer-content ul li a {
  color: #212121;
  font-size: 14px
}
#footer #footer-content ul li a:hover {
  font-weight: 700;
  color: #592C82
}
#footer #footer-content .social-icons {
  margin: 10px 15px 30px 0px;
  color: #212121
}
#footer #footer-content .social-icons.grow {
  transition: all .2s ease-in-out
}
#footer #footer-content .social-icons.grow:hover {
  transform: scale(1.2);
  color: #592C82
}
#footer #footer-content #app-store, #footer #footer-content #google-play {
  margin-right: 12px;
  margin-bottom: 15px
}
#footer #brand-banner {
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #592C82;
  color: white;
  font-size: 12px
}
#footer #brand-banner a {
  color: white;
  font-size: 12px
}
#footer #brand-banner #footer-logo {
  margin-bottom: 12px
}
#footer #brand-banner p {
  margin-bottom: 0px;
  font-size: 14px
}
#footer #brand-banner p#sem-footer-p {
  margin-bottom: 24px
}
@media screen and (max-width: 1082px) {
  .top-bar .dropdown.menu > li.opens-left > .is-dropdown-submenu#products-menu {
    min-width: 600px
  }
}
@media screen and (max-width: 760px) {
  #footer > #icon-banner .social-icons {
    margin: 25px 18px
  }
  #footer > #icon-banner #app-store, #footer > #icon-banner #google-play {
    width: 100px
  }
}
@media screen and (max-width: 1023px) {
  .title-bar {
    background-color: #592C82;
    height: 56px
  }
  .title-bar .title-bar-title {
    height: 56px
  }
  .title-bar .title-bar-title .title-bar-logo {
    height: 56px;
    width: auto
  }
  .title-bar .title-bar-right .fa-search {
    color: white;
    font-size: 20px;
    margin-right: 20px
  }
  .title-bar .title-bar-right .menu-icon {
    height: 20px;
    margin-right: 16px
  }
  #footer-hr {
    width: 95%
  }
  #footer #icon-banner {
    text-align: center;
    margin-bottom: 20px
  }
  .off-canvas {
    background-color: #ffffff;
    width: 100%
  }
  .off-canvas .position-right.is-transition-push {
    box-shadow: none
  }
  .off-canvas #off-canvas-header .close-button, .off-canvas #off-canvas-header .fa-search {
    color: white
  }
  .off-canvas #off-canvas-header .fa-search {
    margin-right: 55px
  }
  .off-canvas #off-canvas-header .close-button {
    margin-right: 0px;
    top: 6px
  }
  .off-canvas #off-canvas-footer {
    text-align: center;
    width: 100%;
    margin-bottom: 30px;
    margin-top: 32px
  }
  .off-canvas #off-canvas-footer .primary-btn {
    width: 85%;
    margin-bottom: 20px;
    font-size: 18px
  }
  .off-canvas #off-canvas-footer .hide {
    display: none
  }
  .off-canvas .menu.vertical {
    padding-top: 20px
  }
  .off-canvas .is-drilldown {
    max-width: 100% !important;
    height: 100vh !important;
    overflow-x: hidden;
    overflow-y: visible
  }
  .off-canvas .drilldown a {
    font-family: 'museo-sans', sans-serif;
    font-style: normal;
    font-weight: 300;
    color: #212121;
    padding: 22px 16px
  }
  .off-canvas .drilldown .is-drilldown-submenu-parent > a::after {
    content: "\f105";
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    color: #592C82;
    margin-top: -11px;
    right: 2rem;
    font-size: 25px;
    border: none
  }
  .off-canvas .drilldown .js-drilldown-back > a::before {
    content: "\f104";
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    font-size: 25px;
    color: #592C82;
    border: none;
    margin-top: -30px;
    margin-right: 20px
  }
  .off-canvas .drilldown .js-drilldown-back > a {
    padding: 20px 16px 0 16px !important;
    font-weight: 700;
    padding-bottom: 0 !important;
    margin-bottom: -8px
  }
  .off-canvas .drilldown .is-drilldown-submenu.is-active, .off-canvas .drilldown {
    height: 100%
  }
  .off-canvas .drilldown .is-drilldown-submenu p {
    padding: 36px 16px 14px 35px;
    margin: 0px;
    color: #6B6B6B;
    font-family: 'museo-sans', sans-serif;
    font-style: normal;
    font-weight: 700
  }
  .off-canvas .drilldown .is-drilldown-submenu a {
    padding: 12px 16px 12px 35px;
    line-height: 1.2
  }
  .off-canvas #mobile-login .cta-bkg {
    background-color: #008094
  }
  .off-canvas #mobile-login .white-text {
    color: white
  }
  .off-canvas #mobile-login .white-text::after {
    color: white
  }
  .off-canvas #mobile-login .added-padding, .off-canvas #mobile-login .grey-background {
    padding: 0 35px
  }
  .off-canvas #mobile-login .logo-text {
    margin-top: 36px;
    display: inline-block;
    padding: 0px 0px 18px 0
  }
  .off-canvas #mobile-login #hqy-login-mobile, .off-canvas #mobile-login #hqy-first-login {
    padding-right: 22px
  }
  .off-canvas #mobile-login #hqy-login-mobile a, .off-canvas #mobile-login #hqy-first-login a {
    width: 100%
  }
  .off-canvas #mobile-login #hqy-login-mobile .far, .off-canvas #mobile-login #hqy-first-login .far {
    float: right;
    font-weight: 700;
    color: #592C82
  }
  .off-canvas #mobile-login #hqy-login-mobile span, .off-canvas #mobile-login #hqy-first-login span {
    color: #592C82;
    font-weight: 700;
    font-size: 16px;
    margin-top: 60px
  }
  .off-canvas #mobile-login #first-time-login-text, .off-canvas #mobile-login #first-time-login-text-2 {
    text-align: center
  }
  .off-canvas #mobile-login #first-time-login-text a, .off-canvas #mobile-login #first-time-login-text-2 a {
    color: #008094;
    font-size: 16px;
    margin-top: 60px
  }
  .off-canvas #mobile-login #first-time-login-text-2 a {
    padding-left: 16px !important
  }
  .off-canvas #mobile-login .wageworks-text {
    margin-bottom: 0;
    margin-top: 36px;
    color: #6D6E70
  }
  .off-canvas #mobile-login img {
    display: inline-block;
    margin-top: -3px;
    margin-right: 8px
  }
  .off-canvas #mobile-login #ww-login-nested-menu #ww-menu-header {
    margin-top: 36px;
    margin-left: 36px
  }
  .off-canvas #mobile-login #ww-login-nested-menu li a {
    padding-left: 60px
  }
  .off-canvas #mobile-login #ww-login-nested-menu hr {
    margin: 6px 0 8px 35px;
    width: 92%
  }
  .off-canvas #mobile-login #ww-login-nested-menu .login-in-ww {
    text-align: center;
    margin-top: 50px
  }
  .off-canvas #mobile-login #ww-login-nested-menu .login-in-ww img {
    height: 30px;
    margin-right: 0px
  }
  .off-canvas #mobile-login #ww-login-nested-menu .login-in-ww a {
    color: #008094;
    font-size: 16px;
    padding: 12px 12px 0px
  }
  .off-canvas #mobile-login .mobile-a {
    padding-left: 27px
  }
  .off-canvas .secondary-btn {
    text-align: center;
    color: #008094 !important;
    font-weight: 500 !important;
    padding-top: 32px !important
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1023px) and (orientation: portrait) {
  .off-canvas #off-canvas-footer {
    position: absolute;
    bottom: 0
  }
}
@media screen and (max-width: 641px) {
  .off-canvas #mobile-login #ww-login-nested-menu hr {
    width: 82%
  }
  #footer-hr {
    width: 95%;
    border-bottom: 2px solid #592C82
  }
  #footer #icon-banner {
    text-align: center;
    margin-bottom: 20px
  }
  #footer #mobile-menu .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a {
    padding-top: 20px;
    padding-bottom: 20px
  }
  #footer #mobile-menu .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {
    content: "\f105";
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    color: #592C82;
    border: none;
    margin-top: -10px;
    right: 1.4rem
  }
  #footer #mobile-menu .accordion-menu .is-accordion-submenu-parent[aria-expanded='true'] > a::after {
    transform: rotate(90deg);
    right: 1rem;
    margin-top: -4px
  }
  #footer #mobile-menu ul li a {
    color: #212121;
    font-family: 'museo-sans', sans-serif;
    font-style: normal;
    font-weight: 300
  }
  #footer #mobile-menu #social-icon-row {
    margin: 30px 16px 20px 15px
  }
  #footer #mobile-menu #social-icon-row h4 {
    font-size: 14px
  }
  #footer #mobile-menu #social-icon-row .social-icons {
    margin: 10px 15px 50px 0px
  }
}
.oswald {
  font-family: 'Oswald', sans-serif
}
.museo-light {
  font-family: 'museo-sans', sans-serif;
  font-weight: 300;
  font-style: normal
}
.museo-medium {
  font-family: 'museo-sans', sans-serif;
  font-weight: 500;
  font-style: normal
}
.museo-regular {
  font-family: 'museo-sans', sans-serif;
  font-style: normal;
  font-weight: 700
}
.sanchez {
  font-family: 'Sanchez', serif
}
img {
  font-size: 12px;
  color: transparent;
  font-family: 'museo-sans', sans-serif
}
.purple {
  color: #592C82
}
.cta {
  color: #008094
}
#content-wrapper:focus {
  outline-style: none;
  box-shadow: none;
  border-color: transparent
}
.breadcrumbs {
  padding: 8px 0;
  margin-bottom: 0 !important
}
.breadcrumbs .row {
  max-width: 87.5rem
}
.breadcrumbs ul {
  list-style-type: none;
  margin-bottom: 0
}
.breadcrumbs ul li, .breadcrumbs ul a {
  font-size: 12px;
  font-weight: 500 !important;
  line-height: 15.6px;
  color: #595959
}
.breadcrumbs ul li:not(:last-child)::after {
  position: relative;
  content: "";
  display: inline-block;
  width: 0.3rem;
  height: 0.3rem;
  border-right: 0.1em solid #592C82;
  border-top: 0.1em solid #592C82;
  transform: rotate(45deg);
  margin: 0 0.7rem 0.1rem 0.6rem
}
.breadcrumbs .back-arrow {
  padding: 12px 16px
}
.breadcrumbs .back-arrow:before {
  content: "\f104";
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  font-size: 11px;
  color: #592C82;
  border: none;
  margin-top: -25px;
  margin-right: 11px
}
[type="submit"] {
  border-radius: 36px !important;
  border: 1px solid #008094;
  line-height: 1.6
}
[type="submit"]:hover {
  cursor: pointer
}
[type="submit"].submit-secondary {
  border: none
}
[type="submit"].submit-nav {
  border: none
}
form#b2c-form [type='submit'], form#b2b-form [type='submit'], form#seo_brand_cta [type='submit'], form#inline_seo_brand_cta [type='submit'] {
  margin: 40px auto 0px
}
form#inline_seo_brand_cta, form#inline_engage_cta {
  display: inline-block
}
.hqy-button {
  font-size: 16px;
  padding: 18px 40px;
  border-radius: 36px;
  display: inline-block;
  font-family: 'museo-sans';
  font-weight: 700;
  margin-bottom: 0px
}
.primary-btn {
  color: white;
  background-color: #008094;
  text-align: center
}
.primary-btn:hover {
  color: white;
  background-color: #006A7D;
  box-shadow: 0px 5px 6px #00000029
}
.primary-btn:active {
  background-color: #006A7D
}
.primary-btn:focus {
  box-shadow: 0px 0px 6px #00AAC6;
  color: white
}
.purple-primary-btn {
  color: white;
  background-color: #592C82;
  border: 1px solid #592C82
}
.purple-primary-btn:hover {
  box-shadow: 0px 5px 6px #00000029;
  background-color: #4c256f
}
.secondary-btn {
  font-size: 16px;
  color: #008094;
  font-family: 'museo-sans';
  font-weight: 500
}
.secondary-btn .far {
  margin-left: 5px
}
.secondary-btn:hover {
  font-family: 'museo-sans';
  text-shadow: -0.01ex 0 black, 0.01ex 0 black;
  color: #006A7D
}
.secondary-btn:hover .active-arrow {
  transform: translateX(10px);
  transition-duration: .3s
}
.secondary-btn:focus {
  font-size: 16px;
  border-radius: 36px;
  margin-bottom: 0px;
  background-color: #F1F1F2;
  color: #006A7D
}
.tertiary-link {
  color: #008094;
  font-family: 'museo-sans';
  font-weight: 500;
  display: inline-block
}
.tertiary-link:hover {
  text-decoration: underline;
  color: #006A7D;
  text-shadow: -0.01ex 0 black, 0.01ex 0 black
}
.tertiary-link:active {
  color: #006A7D
}
.inline-link {
  text-decoration: underline;
  color: #008094
}
.inline-link:hover {
  color: #006A7D;
  text-shadow: -0.01ex 0 black, 0.01ex 0 #006A7D
}
.brand-padding {
  padding-left: 24px;
  padding-right: 24px
}
.orbit .orbit-controls {
  display: none
}
.orbit .orbit-controls.qme-controls {
  display: block
}
.orbit .orbit-controls.qme-controls button:hover, .orbit .orbit-controls.qme-controls button:active, .orbit .orbit-controls.qme-controls button:focus {
  background-color: transparent;
  cursor: pointer
}
.orbit .orbit-controls.qme-controls button:focus {
  outline: none
}
.orbit .orbit-bullets button {
  background-color: #93949A;
  height: 16px;
  width: 16px
}
.orbit .orbit-bullets button.is-active {
  background-color: #00A0BD
}
.orbit .orbit-container:focus {
  outline-color: #008094;
  outline-style: auto;
  outline-width: 1px
}
.center {
  text-align: center
}
.small-purple-bullets {
  list-style: none;
  margin-bottom: 2rem
}
.small-purple-bullets li:before {
  content: "";
  height: 5px;
  width: 5px;
  background-color: #592C82;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  margin-top: 11px
}
.small-purple-bullets .bullet-list {
  margin-left: 1.5rem;
  margin-bottom: 0.6rem
}
.divider {
  background-color: #592C82;
  height: 200px;
  width: 2px;
  border-radius: 3px;
  margin: 0px auto
}
.one-partner-icon-band {
  padding-top: 72px;
  padding-bottom: 72px;
  background-color: #F1F1F2
}
.one-partner-icon-band .product-icon-band {
  width: 100%
}
.ready-to-act-cta {
  text-align: center
}
.ready-to-act-cta #cta-content .secondary-btn {
  margin-left: 50px
}
@media screen and (max-width: 647px) and (min-width: 639px) {
  .ready-to-act-cta #cta-content .secondary-btn {
    margin-left: 44px
  }
}
.ready-to-act-cta #cta-content p {
  margin-bottom: 40px
}
.ready-to-act-cta#persona {
  margin-top: 120px;
  margin-bottom: 160px
}
.ready-to-act-cta#persona .benefits-advisors form {
  display: inline-block
}
.ready-to-act-cta#persona form#seo_brand_cta [type='submit'] {
  margin-top: 0px
}
.ready-to-act-cta.product {
  margin-top: 120px;
  margin-bottom: 120px
}
p sup > a {
  color: #212121;
  font-size: 100%
}
p sup {
  font-size: 50%;
  top: -0.9em
}
h3 sup {
  font-size: 50%;
  top: -1.25em
}
.article-section {
  margin: 80px 0px
}
.article-section .header {
  text-align: center
}
.article-section .header h3 {
  color: #595959;
  margin-bottom: 35px;
  text-transform: none;
  font-size: 18px
}
.article-section .article-container {
  padding: 20px
}
.article-section .article-container .article-img {
  width: 100%
}
.article-section .article-container h5 {
  color: #595959;
  font-size: 14px;
  padding: 22px 0px 10px
}
.article-section .article-container h4 {
  font-size: 24px;
  margin-bottom: 70px;
  color: #212121
}
.article-section .article-container:hover {
  border-radius: 6px;
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transition-duration: .6s
}
.card-purple-header {
  margin-bottom: 20px;
  border-radius: 6px;
  box-shadow: 0px 3px 20px #00000029
}
.card-purple-header .card-header {
  padding: 6px 24px 6px 24px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  background-color: #592C82
}
.card-purple-header .card-header h5.card-header-h5 {
  font-size: 21px;
  margin-bottom: 0px;
  color: #ffffff
}
.card-purple-header .card-body {
  padding: 24px 24px 20px 24px
}
.card-purple-header .card-body .table-icon {
  margin: -3px 3px 0px 0px
}
.card-purple-header .card-body .card-phone-link {
  margin-bottom: 8px;
  font-size: 20px;
  color: #212121;
  display: block
}
.card-purple-header .card-body .card-phone-link:hover {
  text-shadow: -0.01ex 0 black, 0.01ex 0 black
}
.card-purple-header .card-body p.card-hours-p {
  font-size: 16px;
  margin-bottom: 20px;
  color: #595959
}
#disclosures {
  margin-bottom: 20px
}
#disclosures a {
  color: white;
  line-height: 1.3;
  font-size: 12px
}
#disclosures a:focus {
  color: black
}
#mobile-menu .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a {
  padding-top: 20px;
  padding-bottom: 20px
}
#mobile-menu .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {
  content: "\f105";
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  color: #592C82;
  border: none;
  margin-top: -10px;
  right: 1.4rem
}
#mobile-menu .accordion-menu .is-accordion-submenu-parent[aria-expanded='true'] > a::after {
  transform: rotate(90deg);
  right: 1rem;
  margin-top: -4px
}
#mobile-menu ul li a {
  color: #212121;
  font-family: 'museo-sans', sans-serif;
  font-style: normal;
  font-weight: 300
}
#mobile-menu #social-icon-row {
  margin: 30px 16px 20px 15px
}
#mobile-menu #social-icon-row h4 {
  font-size: 14px
}
#mobile-menu #social-icon-row .social-icons {
  color: #212121;
  margin: 10px 15px 50px 0px
}
.mouse-icon {
  border: 2px solid #592C82;
  border-radius: 16px;
  height: 40px;
  width: 24px;
  display: block;
  z-index: 10
}
.mouse-icon .wheel {
  -webkit-animation-name: drop;
  -webkit-animation-duration: 4s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-play-state: running;
  -webkit-animation-name: drop;
  animation-name: drop;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-play-state: running;
  animation-play-state: running
}
.mouse-icon .wheel {
  position: relative;
  border-radius: 10px;
  background: #592C82;
  width: 4px;
  height: 4px;
  top: 4px;
  margin-left: auto;
  margin-right: auto
}
@-webkit-keyframes drop {
  0% {
    top: 5px;
    opacity: 1;
    height: 4px
  }
  30% {
    top: 10px;
    opacity: 1;
    height: 8px
  }
  40% {
    top: 25px;
    opacity: 1;
    height: 4px
  }
  60% {
    top: 25px;
    opacity: 0;
    height: 4px
  }
  100% {
    top: 25px;
    opacity: 0;
    height: 4px
  }
}
@keyframes drop {
  0% {
    top: 5px;
    opacity: 1;
    height: 4px
  }
  30% {
    top: 10px;
    opacity: 1;
    height: 12px
  }
  40% {
    top: 25px;
    opacity: 1;
    height: 4px
  }
  60% {
    top: 25px;
    opacity: 0;
    height: 4px
  }
  100% {
    top: 25px;
    opacity: 0;
    height: 4px
  }
}
.checkbox {
  display: grid;
  grid-template-columns: min-content auto;
  grid-gap: 0.5em;
  font-size: 14px;
  color: #595959;
  font-family: 'museo-sans';
  font-weight: 500
}
.checkbox:hover {
  cursor: pointer
}
.checkbox__control {
  display: inline-grid;
  width: 20px;
  height: 20px;
  border-radius: 2px;
  border: 2px solid #e6e6e6
}
.checkbox__control svg {
  transition: transform 0.1s ease-in 25ms;
  transform: scale(0);
  transform-origin: bottom left
}
.checkbox__input {
  display: grid;
  grid-template-areas: "checkbox"
}
.checkbox__input > * {
  grid-area: checkbox
}
.checkbox__input input {
  opacity: 0;
  width: 1em;
  height: 1em
}
.checkbox__input input:focus + .checkbox__control {
  border: 2px solid #008094;
  color: #008094
}
.checkbox__input input:checked + .checkbox__control {
  border: 2px solid #008094;
  border-radius: 2px
}
.checkbox__input input:checked + .checkbox__control svg {
  transform: scale(1);
  color: #008094
}
.reveal {
  outline: none
}
table.all-white tbody {
  border: none
}
table.all-white td {
  background-color: white
}
.screen-reader-only {
  position: absolute;
  height: 1px;
  width: 1px;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: polygon(0px 0px, 0px 0px, 0px 0px);
  -webkit-clip-path: polygon(0px 0px, 0px 0px, 0px 0px);
  overflow: hidden !important
}
:focus {
  outline-color: #008094;
  outline-style: auto;
  outline-width: 1px
}
@media screen and (max-width: 1023px) {
  .article-section .header {
    margin-bottom: 30px
  }
  .article-section #carousel-tablet-mobile .medium-5 {
    padding: 0px
  }
  .article-section #carousel-tablet-mobile .medium-5 img {
    width: 100%
  }
  .article-section #carousel-tablet-mobile h5 {
    margin-bottom: 10px;
    padding: 0px
  }
  .article-section #carousel-tablet-mobile .orbit-bullets {
    margin-top: 40px
  }
  .card-purple-header .card-body p.card-hours-p {
    margin-bottom: 40px
  }
  .card-purple-header .card-body a.primary-btn.hqy-button {
    padding-top: 16px;
    padding-bottom: 16px
  }
}
@media screen and (max-width: 639px) {
  .brand-padding {
    padding-left: 6px;
    padding-right: 6px
  }
  .article-section .orbit-container {
    min-height: 450px
  }
  .article-section .orbit-bullets {
    margin-bottom: 0
  }
  .card-purple-header .card-body a.primary-btn.hqy-button {
    text-align: center;
    width: 60%
  }
  .ready-to-act-cta.product .primary-btn {
    width: 100%
  }
  .ready-to-act-cta#persona .secondary-btn {
    display: block;
    margin: 30px auto 0px;
    text-align: center;
    width: 90%
  }
  form#inline_seo_brand_cta {
    width: 100%
  }
  form#inline_seo_brand_cta [type='submit'] {
    margin-top: 0px
  }
  .breadcrumbs {
    margin-left: -12px !important
  }
}
#home-hero {
  background-image: url("https://drq94yec07kda.cloudfront.net/images/home/home-hero-banner-large.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center right;
  min-height: 650px;
  padding-top: 135px
}
#home-hero .hero-cta {
  border-radius: 10px;
  border-right: 10px solid #592C82;
  background: #ffffff;
  width: 50%;
  margin-left: 10%;
  max-width: 700px;
  padding: 40px
}
#home-hero .hero-cta h1, #home-hero .hero-cta p {
  width: 90%
}
#home-hero .hero-cta p {
  margin-top: 20px;
  margin-bottom: 40px;
  line-height: 1.8
}
#home-hero .hero-cta .primary-btn {
  margin-right: 30px
}
#as-seen-on .long-row {
  max-width: 95rem
}
#as-seen-on {
  padding-top: 60px;
  padding-bottom: 60px;
  text-align: center
}
#as-seen-on p {
  font-size: 15px;
  color: #595959;
  font-weight: 500
}
#as-seen-on #nyt {
  width: 200px
}
#as-seen-on #benefits-pro {
  width: 145px
}
#as-seen-on #twsj {
  width: 220px
}
#as-seen-on #morningstar {
  width: 110px
}
#as-seen-on #plan-sponsor {
  width: 110px
}
#save-spend-invest {
  margin-top: 100px
}
#save-spend-invest .header {
  text-align: center;
  margin-bottom: 82px
}
#save-spend-invest .header h2 {
  text-transform: uppercase;
  margin-bottom: 32px
}
#save-spend-invest .bg-image {
  min-height: 740px;
  background-repeat: no-repeat;
  background-size: contain
}
#save-spend-invest .bg-savvy {
  background-image: url("https://drq94yec07kda.cloudfront.net/images/home/savvy-saver-bg.jpg")
}
#save-spend-invest .bg-smart {
  background-image: url("https://drq94yec07kda.cloudfront.net/images/home/smart-spender-bg.jpg")
}
#save-spend-invest .bg-investor {
  background-image: url("https://drq94yec07kda.cloudfront.net/images/home/investor-bg.jpg")
}
#save-spend-invest .content #module {
  width: 50%;
  max-width: 700px;
  border-radius: 10px;
  border-left: 10px solid #592C82;
  background: #ffffff;
  padding: 40px 40px 40px 0px;
  margin: 4rem auto;
  position: absolute;
  right: 10%
}
#save-spend-invest .content #module .row {
  padding-left: 40px;
  margin-bottom: 30px
}
#save-spend-invest .content #module h4 {
  color: #008094;
  margin-bottom: 20px
}
#save-spend-invest .content #module h4:hover {
  cursor: pointer
}
#save-spend-invest .content #module img#icon {
  width: 45px;
  height: 45px
}
#save-spend-invest .content #module .active {
  color: #1f1f1f
}
#save-spend-invest .content #module .savvy-content-container.hidden::before, #save-spend-invest .content #module .smart-content-container.hidden::before, #save-spend-invest .content #module .investor-content-container.hidden::before {
  display: none
}
#save-spend-invest .content #module .savvy-content-container::before, #save-spend-invest .content #module .smart-content-container::before, #save-spend-invest .content #module .investor-content-container::before {
  content: "";
  border-color: transparent transparent transparent #592C82;
  border-style: solid;
  border-width: 12px;
  width: 0;
  height: 0;
  position: absolute;
  left: 0px
}
#save-spend-invest .content #module .savvy-content-container::before {
  top: 35px
}
#save-spend-invest .content #module .smart-content-container::before {
  top: 12rem
}
#save-spend-invest .content #module .investor-content-container::before {
  top: 23rem
}
#save-spend-invest .content #module .icon-container {
  background-size: contain;
  background-repeat: no-repeat;
  width: 45px;
  height: 45px
}
#save-spend-invest .content #module .icon-container.savvy {
  background-image: url("https://drq94yec07kda.cloudfront.net/images/icons/hsa-gray-left.svg")
}
#save-spend-invest .content #module .icon-container.smart {
  background-image: url("https://drq94yec07kda.cloudfront.net/images/icons/credit-card-gray.svg")
}
#save-spend-invest .content #module .icon-container.investor {
  background-image: url("https://drq94yec07kda.cloudfront.net/images/icons/chart-gray.svg")
}
#save-spend-invest .content #module .b-savvy {
  background-image: url("https://drq94yec07kda.cloudfront.net/images/icons/hsa-teal-left.svg") !important
}
#save-spend-invest .content #module .b-smart {
  background-image: url("https://drq94yec07kda.cloudfront.net/images/icons/credit-card-blue.svg") !important
}
#save-spend-invest .content #module .b-investor {
  background-image: url("https://drq94yec07kda.cloudfront.net/images/icons/chart-blue.svg") !important
}
#benefit-list {
  margin-top: 100px;
  margin-bottom: 135px
}
#benefit-list .header {
  text-align: center;
  margin-bottom: 95px
}
#benefit-list .header h3 {
  text-transform: uppercase;
  margin-bottom: 32px
}
#benefit-list #links {
  border-right: 2px solid #592C82
}
#benefit-list #links a {
  display: block;
  margin-bottom: 10px
}
#benefit-list #descriptions .icons {
  float: right;
  height: 30px
}
#benefit-list #descriptions .benefits {
  float: right;
  height: 25px
}
#benefit-list #descriptions a {
  color: #008094;
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 16px;
  font-size: 18px
}
#benefit-list #descriptions p {
  margin-bottom: 40px
}
#testimonial {
  background-color: #f8f8f8;
  padding-top: 80px;
  padding-bottom: 50px
}
#testimonial .header {
  text-align: center;
  margin-bottom: 30px
}
#testimonial #testimonial-photo {
  text-align: center
}
#testimonial .testimonial-quote p {
  font-size: 24px
}
#testimonial .testimonial-quote h5 {
  color: #595959;
  font-size: 20px
}
#testimonial .divider {
  background-color: #592C82;
  height: 200px;
  width: 2px;
  border-radius: 3px;
  margin: 0px auto
}
#testimonial .orbit .orbit-bullets button:hover {
  cursor: pointer
}
#open-account {
  margin: 50px 0px;
  height: 500px;
  background-image: url("https://drq94yec07kda.cloudfront.net/images/home/open-accout-cta-banner.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center right
}
#open-account #cta-content {
  margin-top: 100px
}
#open-account #cta-content h3 {
  text-transform: uppercase
}
#open-account #cta-content p {
  margin: 30px 0px
}
#open-account #cta-content .primary-btn {
  margin-right: 30px
}
#open-account #cta-content .primary-btn, #open-account #cta-content #request-info {
  display: inline-block
}
@media screen and (min-width: 2000px) {
  #home-hero {
    height: 47rem;
    min-height: 750px
  }
  #home-hero, #save-spend-invest {
    max-width: 116rem;
    margin: 0px auto
  }
  #save-spend-invest {
    margin: 70px auto
  }
  #save-spend-invest .content > #module {
    margin: 4rem 0rem 4rem 60rem;
    right: auto
  }
  #open-account {
    max-width: 85rem;
    margin: 50px auto
  }
}
@media screen and (max-width: 1600px) {
  #home-hero {
    background-position: 130%
  }
}
@media screen and (max-width: 1400px) {
  #home-hero .hero-cta {
    margin-left: 3%
  }
  #open-account {
    background-image: url("https://drq94yec07kda.cloudfront.net/images/home/open-accout-cta-banner-tablet.jpg")
  }
}
@media screen and (max-width: 1396px) {
  #save-spend-invest .bg-image {
    min-height: 765px
  }
}
@media screen and (max-width: 1370px) {
  #save-spend-invest .bg-image {
    min-height: 740px
  }
  #save-spend-invest .content #module {
    right: 0%;
    width: 60%
  }
}
@media screen and (max-width: 1280px) {
  #home-hero {
    min-height: 575px;
    padding-top: 100px;
    background-position: 100%;
    background-image: url("https://drq94yec07kda.cloudfront.net/images/home/home-hero-banner-medium.jpg")
  }
  #save-spend-invest .bg-image {
    background-position: -300px
  }
}
@media screen and (max-width: 1200px) {
  #home-hero {
    min-height: 550px;
    padding-top: 70px
  }
  #save-spend-invest .bg-smart {
    background-image: url("https://drq94yec07kda.cloudfront.net/images/home/smart-spender-medium.jpg")
  }
}
@media screen and (max-width: 1163px) {
  #save-spend-invest .bg-image {
    min-height: 790px
  }
  #save-spend-invest .content #module .smart-content-container::before {
    top: 14rem
  }
  #save-spend-invest .content #module .investor-content-container::before {
    top: 25rem
  }
}
@media screen and (max-width: 1130px) {
  #home-hero {
    padding-top: 50px
  }
}
@media screen and (max-width: 1023px) {
  #home-hero {
    height: 300px;
    min-height: auto;
    padding-top: 130px;
    background-size: cover;
    background-position: 100% 35%
  }
  #home-hero .hero-cta {
    text-align: center;
    width: 95%;
    max-width: 100%;
    margin: 0px auto;
    border-top: 10px solid #592C82;
    border-right: none
  }
  #home-hero .hero-cta h1, #home-hero .hero-cta p {
    width: 100%
  }
  #home-hero .hero-cta .primary-btn {
    display: block;
    width: 45%;
    margin-bottom: 25px;
    margin: 0px auto
  }
  #home-hero .hero-cta .secondary-btn {
    margin-top: 24px;
    display: inline-block
  }
  #as-seen-on {
    background-color: #F8F8F8;
    padding-top: 24px;
    padding-bottom: 24px;
    margin-top: 12rem;
    margin-bottom: -10rem
  }
  #as-seen-on img {
    margin-bottom: 30px
  }
  #save-spend-invest {
    margin-top: 14rem
  }
  #save-spend-invest .header {
    margin-bottom: 72px
  }
  #save-spend-invest .header h3 {
    margin-bottom: 20px
  }
  #save-spend-invest #mobile-section .image-container {
    height: 300px;
    width: 100%;
    margin: 0px auto 50px
  }
  #save-spend-invest #mobile-section .image-container .content-img {
    width: 100%;
    height: 100%;
    object-fit: cover
  }
  #save-spend-invest #mobile-section .content img {
    width: 50px
  }
  #save-spend-invest #mobile-section p {
    margin-top: 40px;
    margin-bottom: 80px
  }
  #save-spend-invest #mobile-cta a {
    text-align: center;
    color: #008094
  }
  #save-spend-invest #mobile-cta a .far {
    margin-left: 10px
  }
  #benefit-list .header {
    margin-bottom: 45px
  }
  #benefit-list .icons, #benefit-list .benefits {
    display: block;
    height: 30px;
    margin-bottom: 40px
  }
  #benefit-list .secondary-btn {
    display: inline-block;
    margin-bottom: 20px
  }
  #open-account {
    height: 450px;
    background-position: center right
  }
  #open-account #cta-content {
    margin-top: 50px
  }
  #open-account #cta-content h2 {
    font-size: 34px
  }
  #open-account .button-container {
    text-align: center
  }
  #open-account .button-container .primary-btn {
    margin-bottom: 30px;
    display: block;
    width: 100%
  }
  #open-account .button-container .tertiary-btn {
    margin-left: 0px
  }
}
@media screen and (max-width: 715px) {
  #open-account {
    background-position: 340px
  }
}
@media screen and (max-width: 682px) {
  #home-hero .hero-cta .button-container {
    text-align: center
  }
  #home-hero .hero-cta .button-container .primary-btn {
    width: 100%
  }
}
@media screen and (max-width: 639px) {
  #home-hero {
    background-image: url("https://drq94yec07kda.cloudfront.net/images/home/home-hero-banner-small.jpg");
    background-position: center;
    height: 275px
  }
  #home-hero .hero-cta {
    width: auto;
    margin: 0px 10px;
    position: absolute;
    top: 16rem;
    border-top: 10px solid #592C82;
    border-right: none;
    padding: 16px
  }
  #home-hero .hero-cta p {
    width: 100%
  }
  #as-seen-on {
    padding-top: 24px;
    padding-bottom: 0px;
    margin-top: 21rem;
    margin-bottom: -20rem
  }
  #save-spend-invest {
    margin-top: 25rem;
    margin-bottom: 120px
  }
  #save-spend-invest .header h3 {
    width: 75%;
    margin: 0px auto 20px
  }
  #save-spend-invest .header p {
    margin-bottom: 70px
  }
  #save-spend-invest #mobile-section .image-container {
    height: 172px
  }
  #save-spend-invest #mobile-section .content {
    margin: 60px auto 20px
  }
  #save-spend-invest #mobile-section .content h4 {
    text-align: left
  }
  #save-spend-invest #mobile-section .content .small-2 {
    padding-left: 0px
  }
  #save-spend-invest #mobile-section p {
    margin-bottom: 70px
  }
  #testimonial {
    text-align: center;
    margin-bottom: 120px
  }
  #testimonial #testimonial-photo img {
    float: none
  }
  #testimonial .divider {
    width: 200px;
    height: 4px;
    margin: 20px auto
  }
  #benefit-list {
    margin-top: 0px
  }
  #benefit-list .header {
    margin-bottom: 0px
  }
  #benefit-list .header h3 {
    width: 75%;
    margin: 0px auto 20px
  }
  #benefit-list .header p {
    margin-bottom: 70px
  }
  #open-account {
    height: auto;
    background-image: none;
    margin-bottom: 120px
  }
  #open-account #cta-content {
    margin-top: 0px
  }
  #open-account .button-container {
    text-align: center
  }
  #open-account .button-container .primary-btn {
    width: 100%
  }
}
#aud-selector, #waiting-modal {
  text-align: center;
  padding: 40px;
  border-radius: 6px
}
#aud-selector .heavier-text, #waiting-modal .heavier-text {
  margin-bottom: 0px
}
#aud-selector .hqy-button, #waiting-modal .hqy-button {
  margin: 20px 5px 0px
}
#aud-selector .hide, #waiting-modal .hide {
  display: none
}
.open-account-button, .sign-up-button {
  cursor: pointer;
  font-family: Oswald;
  text-decoration: none;
  padding: 8px 10px;
  color: #FFFFFF;
  font-size: 17px;
  font-weight: bold
}
.open-account-button {
  background-color: #592C82;
  border: none
}
.sign-up-button, #blue-open-account input {
  background-color: #00AAC6;
  color: #FFFFFF;
  border: none
}
#main-page-content section {
  margin-bottom: 80px
}
#main-page-content h2 {
  font-family: Sanchez;
  color: #00AAC6;
  font-size: 25px;
  text-transform: none
}
#main-page-content p, #main-page-content li {
  font-family: museo-sans, sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #1F1F1F;
  font-size: 16px
}
@media screen and (max-width: 1440px) {
  #home-hero-section .row {
    margin-right: 0
  }
}
@media screen and (max-width: 639px) {
  #home-hero-section .row {
    margin-left: 0
  }
}
#home-hero-section #call-us {
  margin-top: 3rem
}
#home-hero-section #hero-image {
  background-image: url("https://drq94yec07kda.cloudfront.net/images/landing_pages/family_hero.png");
  background-position: center top;
  background-size: cover
}
@media screen and (min-width: 1440px) {
  #home-hero-section #hero-image {
    min-height: 370px
  }
}
@media screen and (max-width: 1440px) {
  #home-hero-section #hero-image {
    min-height: 290px
  }
}
#home-hero-section a {
  margin-bottom: 40px;
  margin-top: 40px
}
.hero-signup-header #header-content {
  padding: 80px 0
}
.hero-signup-header #header-content h1 {
  font-size: 30px;
  font-family: Oswald;
  color: #592C82
}
.hero-signup-header #header-content p {
  font-size: 19px;
  font-family: 'Museosans', sans-serif;
  font-weight: 300;
  font-style: normal
}
.hero-signup-header #header-content a.primary-button:hover, .hero-signup-header #header-content a.primary-button:active {
  background-color: #0070b9;
  color: #FFFFFF
}
@media screen and (max-width: 639px) {
  .hero-signup-header {
    margin-left: inherit
  }
}
#call-us {
  margin: auto;
  margin-bottom: 2rem
}
#call-us .account {
  margin-top: 0.5%
}
#call-us .account input[type="submit"].sign-up-button:hover {
  background-color: #FFFFFF;
  color: #592C82;
  border: 2px solid #592C82
}
#call-us .phone-call a {
  color: #0070B9
}
#call-us .primary-button {
  font-family: Oswald;
  text-decoration: none;
  background-color: #592C82;
  color: #FFFFFF;
  padding: 12px 22px 12px 22px;
  font-size: 17px;
  font-weight: bold
}
#call-us .sign-up-button {
  padding: 12px 22px 12px 22px
}
#call-us .primary-phone {
  color: #1F1F1F;
  font-family: 'Museosans', sans-serif;
  font-size: 14px;
  font-weight: 300
}
#call-us .primary-phone:hover {
  text-decoration: underline;
  font-weight: 700 !important
}
.build-equity .eligible-hsa {
  margin-top: auto;
  margin-bottom: auto
}
#hsa-features-mobile {
  margin-top: 50px
}
.vimeo-player {
  width: 100%;
  display: block;
  position: relative;
  cursor: pointer;
  max-height: 360px;
  height: 100%;
  overflow: hidden;
  padding-bottom: 56.25%;
  margin: 0 auto;
  box-shadow: 1px 1px 11px grey
}
.vimeo-player img {
  display: block;
  left: 0;
  margin: auto;
  max-width: 100%;
  width: 100%;
  height: auto;
  position: absolute;
  right: 0
}
#icon-section {
  text-align: center
}
#icon-section h3 {
  font-size: 18px;
  color: #592C82;
  font-family: Oswald
}
#icon-section #icon-columns {
  margin-top: 70px
}
#icon-section #icon-columns img {
  margin-bottom: 30px
}
#mobile-app-section .large-5 {
  margin-top: auto;
  margin-bottom: auto
}
#mobile-app-section #mobile-payment-image {
  text-align: center
}
#mobile-app-section #mobile-payment-image img {
  max-height: 386px
}
#advisor-llc {
  margin-bottom: 50px !important
}
#advisor-llc .advisor-logo {
  text-align: center
}
#advisor-llc ul {
  margin-bottom: 3rem
}
#advisor-llc-mobile .advisor-logo {
  text-align: center
}
#advisor-llc-mobile .advisor-logo img {
  margin: 35px 0
}
#advisor-llc-mobile .advisor-logo h2 {
  margin-bottom: 20px
}
.conditions-list {
  margin-top: 3rem
}
.conditions-list li {
  font-family: 'Museosans', sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #1F1F1F;
  font-size: 12px
}
#health-equity-footer {
  background-color: #e7e7e7
}
#health-equity-footer p, #health-equity-footer a {
  font-size: 0.8rem
}
#health-equity-footer .hq-links {
  margin-bottom: 2rem;
  margin-top: 1rem
}
#health-equity-footer .hq-links p {
  margin-bottom: 0.7rem;
  line-height: 1.2
}
#health-equity-footer .hq-links p, #health-equity-footer .hq-links a {
  color: #1F1F1F
}
#health-equity-footer .hq-links p, #health-equity-footer .hq-links span {
  color: #1F1F1F
}
#health-equity-footer .hq-links p, #health-equity-footer .hq-links a:hover, #health-equity-footer .hq-links a:active {
  color: #24527c
}
#health-equity-footer .fixed-footer-margin {
  margin-bottom: 5rem;
  margin-top: 5rem
}
#health-equity-footer .year-text p {
  color: #1F1F1F
}
.hq-footer {
  margin-bottom: 3rem;
  margin-top: 3rem
}
.hq-footer p {
  font-family: Sanchez;
  font-size: 1.1em;
  color: #1F1F1F;
  padding-bottom: 5px;
  font-weight: bold;
  margin-bottom: 0.2rem
}
#health-equity-conditions {
  margin-top: 20px
}
#lp-reskin #home-hero {
  background-image: url("https://drq94yec07kda.cloudfront.net/images/landing_pages/LP-reskin-hero.png");
  background-repeat: no-repeat;
  background-position: center right;
  background-size: contain;
  min-height: 600px;
  max-height: 621px;
  padding: 90px 0 80px
}
#lp-reskin #home-hero h1 {
  margin-bottom: 40px
}
#lp-reskin #home-hero .button-container {
  margin-bottom: 20px
}
#lp-reskin #home-hero #hero-contact-us span {
  font-family: museo-sans;
  font-weight: 300
}
#lp-reskin #home-hero #hero-contact-us a {
  text-decoration: underline
}
#lp-reskin [type='submit'] {
  border-radius: 36px;
  border: 1px solid #008094;
  line-height: 1.6;
  margin: 40px auto 0px
}
#lp-reskin section {
  padding: 60px 0 80px
}
#lp-reskin h3 {
  font-size: 21px;
  color: #595959;
  text-transform: none;
  margin-bottom: 16px
}
#lp-reskin #hsa-features {
  padding-top: 80px
}
#lp-reskin #join-section {
  margin-bottom: 80px
}
#lp-reskin .icon-section p {
  padding: 0 1.6rem;
  margin-bottom: 40px
}
#lp-reskin .icon-section .icons {
  height: 40px;
  margin-bottom: 30px
}
#lp-reskin .icon-section .button-container {
  margin: auto
}
#lp-reskin #mobile-app-section h2 {
  margin-bottom: 40px
}
#lp-reskin #mobile-app-section ul {
  margin-left: 0
}
#lp-reskin #advisor-llc {
  margin-bottom: 0 !important
}
#lp-reskin #advisor-llc h2 {
  margin-bottom: 40px
}
#lp-reskin #advisor-llc #advisor-llc-text {
  margin-bottom: 40px
}
#lp-reskin #advisor-llc ul {
  margin-bottom: 0
}
#lp-reskin #advisor-llc .advisor-logo {
  margin: auto;
  text-align: left
}
#lp-reskin #advisor-llc .advisor-logo img {
  padding: 1rem
}
#lp-reskin .inline-cta {
  text-align: center;
  padding: 40px 0 80px 0
}
#lp-reskin .inline-cta h3 {
  text-transform: uppercase;
  font-family: 'Oswald', sans-serif;
  font-size: 24px;
  color: #592C82
}
#lp-reskin .inline-cta #hsa-business {
  padding: 9px 36px 27px 36px;
  text-align: left;
  border-left: 2px solid #592C82
}
#lp-reskin .inline-cta #hsa-business h3 {
  margin-bottom: 20px
}
#lp-reskin .inline-cta #hsa-business p {
  margin-bottom: 40px
}
#lp-reskin #disclosures {
  color: #595959
}
@media only screen and (max-width: 1200px) {
  #lp-reskin #home-hero {
    padding: 60px 0 80px;
    background-position: 200px 0px;
    max-height: 600px
  }
}
@media only screen and (max-width: 1023px) {
  #small-top-nav .sign-up-button {
    margin-left: 1rem
  }
  .hq-small-footer {
    margin-bottom: 3rem;
    margin-top: 3rem
  }
  .hq-small-footer p {
    font-size: 0.8rem;
    line-height: 1.2
  }
  .hq-small-footer a {
    color: #1F1F1F;
    font-family: 'Museosans', sans-serif
  }
  .hq-small-footer p, .hq-small-footer span {
    color: #1F1F1F
  }
  #lp-reskin section {
    padding: 40px 0
  }
  #lp-reskin #home-hero {
    height: 300px;
    min-height: auto;
    padding-top: 130px;
    background-size: cover;
    background-position: 100% 35%;
    margin-bottom: 14rem
  }
  #lp-reskin #home-hero h1 {
    margin-bottom: 70px
  }
  #lp-reskin #home-hero .button-container {
    margin-bottom: 0
  }
  #lp-reskin .online-portal-assistance {
    margin-top: 40px
  }
  #lp-reskin #icon-section #join-section {
    margin-bottom: 30px
  }
}
@media only screen and (max-width: 641px) {
  #aud-selector .hqy-button {
    width: 60%
  }
  #small-top-nav .small-7 {
    padding-left: 0
  }
  #small-top-nav .small-7 .small-home-logo {
    margin-bottom: 0
  }
  #small-top-nav .small-7 .small-home-logo a {
    font-size: 25px
  }
  #small-top-nav .sign-up-button {
    margin-left: 1.5rem
  }
  #small-top-nav .fixed-small-margin {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem
  }
  #small-top-nav .small-login {
    margin-top: 0.9rem !important
  }
  .phone-call {
    margin-left: 0% !important
  }
  .mobile-small {
    margin-top: 3%
  }
  .hq-footer p {
    font-family: Sanchez !important;
    font-size: 0.8rem;
    color: #1F1F1F
  }
  .hq-footer p, .hq-footer a {
    color: #1F1F1F
  }
  .hero-signup-header {
    padding-left: 20px !important
  }
  .hero-signup-header #call-us .column {
    padding-left: 0
  }
  #icon-columns {
    margin-top: 10px !important
  }
  #icon-columns .icon-column {
    margin-top: 30px
  }
  #lp-reskin .primary-btn {
    width: 100%
  }
  #lp-reskin #home-hero {
    margin-bottom: 19rem
  }
  #lp-reskin #home-hero .hero-cta {
    top: 14rem
  }
  #lp-reskin #home-hero .hero-cta h3, #lp-reskin #home-hero .hero-cta h1 {
    text-align: left
  }
  #lp-reskin #hsa-features-mobile h2 {
    margin-bottom: 20px
  }
  #lp-reskin #icon-section {
    padding-top: 80px
  }
  #lp-reskin #icon-section #join-section {
    margin-bottom: 55px
  }
  #lp-reskin #icon-section .icon-section p {
    margin-bottom: 80px
  }
  #lp-reskin #icon-section .icon-section .end p {
    margin-bottom: 40px
  }
  #lp-reskin #icon-section .icon-section .button-container {
    margin: 0;
    width: 100%
  }
  #lp-reskin #mobile-app-section ul {
    margin-bottom: 80px
  }
  #lp-reskin #advisor-llc-mobile h2 {
    margin-bottom: 20px
  }
  #lp-reskin #advisor-llc-mobile #advisor-llc-mobile-text {
    margin-bottom: 40px
  }
  #lp-reskin #advisor-llc-mobile img {
    height: 4.5rem
  }
  #lp-reskin #inline-cta {
    text-align: center
  }
  #lp-reskin #inline-cta #open-acc {
    margin-bottom: 120px
  }
  #lp-reskin #inline-cta #hsa-business {
    border-left: none;
    text-align: center
  }
  #lp-reskin #inline-cta #hsa-business p {
    margin-bottom: 40px
  }
}
@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) {
  #lp-reskin #home-hero .hero-cta {
    top: 14rem
  }
}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
  #lp-reskin #home-hero .hero-cta {
    top: 14rem
  }
}
.oswald {
  font-family: 'Oswald', sans-serif
}
.museo-light {
  font-family: 'museo-sans', sans-serif;
  font-weight: 300;
  font-style: normal
}
.museo-medium {
  font-family: 'museo-sans', sans-serif;
  font-weight: 500;
  font-style: normal
}
.museo-regular {
  font-family: 'museo-sans', sans-serif;
  font-style: normal;
  font-weight: 700
}
.sanchez {
  font-family: 'Sanchez', serif
}
img {
  font-size: 12px;
  color: transparent;
  font-family: 'museo-sans', sans-serif
}
.purple {
  color: #592C82
}
.cta {
  color: #008094
}
#content-wrapper:focus {
  outline-style: none;
  box-shadow: none;
  border-color: transparent
}
.breadcrumbs {
  padding: 8px 0;
  margin-bottom: 0 !important
}
.breadcrumbs .row {
  max-width: 87.5rem
}
.breadcrumbs ul {
  list-style-type: none;
  margin-bottom: 0
}
.breadcrumbs ul li, .breadcrumbs ul a {
  font-size: 12px;
  font-weight: 500 !important;
  line-height: 15.6px;
  color: #595959
}
.breadcrumbs ul li:not(:last-child)::after {
  position: relative;
  content: "";
  display: inline-block;
  width: 0.3rem;
  height: 0.3rem;
  border-right: 0.1em solid #592C82;
  border-top: 0.1em solid #592C82;
  transform: rotate(45deg);
  margin: 0 0.7rem 0.1rem 0.6rem
}
.breadcrumbs .back-arrow {
  padding: 12px 16px
}
.breadcrumbs .back-arrow:before {
  content: "\f104";
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  font-size: 11px;
  color: #592C82;
  border: none;
  margin-top: -25px;
  margin-right: 11px
}
[type="submit"] {
  border-radius: 36px !important;
  border: 1px solid #008094;
  line-height: 1.6
}
[type="submit"]:hover {
  cursor: pointer
}
[type="submit"].submit-secondary {
  border: none
}
[type="submit"].submit-nav {
  border: none
}
form#b2c-form [type='submit'], form#b2b-form [type='submit'], form#seo_brand_cta [type='submit'], form#inline_seo_brand_cta [type='submit'] {
  margin: 40px auto 0px
}
form#inline_seo_brand_cta, form#inline_engage_cta {
  display: inline-block
}
.hqy-button {
  font-size: 16px;
  padding: 18px 40px;
  border-radius: 36px;
  display: inline-block;
  font-family: 'museo-sans';
  font-weight: 700;
  margin-bottom: 0px
}
.primary-btn {
  color: white;
  background-color: #008094;
  text-align: center
}
.primary-btn:hover {
  color: white;
  background-color: #006A7D;
  box-shadow: 0px 5px 6px #00000029
}
.primary-btn:active {
  background-color: #006A7D
}
.primary-btn:focus {
  box-shadow: 0px 0px 6px #00AAC6;
  color: white
}
.purple-primary-btn {
  color: white;
  background-color: #592C82;
  border: 1px solid #592C82
}
.purple-primary-btn:hover {
  box-shadow: 0px 5px 6px #00000029;
  background-color: #4c256f
}
.secondary-btn {
  font-size: 16px;
  color: #008094;
  font-family: 'museo-sans';
  font-weight: 500
}
.secondary-btn .far {
  margin-left: 5px
}
.secondary-btn:hover {
  font-family: 'museo-sans';
  text-shadow: -0.01ex 0 black, 0.01ex 0 black;
  color: #006A7D
}
.secondary-btn:hover .active-arrow {
  transform: translateX(10px);
  transition-duration: .3s
}
.secondary-btn:focus {
  font-size: 16px;
  border-radius: 36px;
  margin-bottom: 0px;
  background-color: #F1F1F2;
  color: #006A7D
}
.tertiary-link {
  color: #008094;
  font-family: 'museo-sans';
  font-weight: 500;
  display: inline-block
}
.tertiary-link:hover {
  text-decoration: underline;
  color: #006A7D;
  text-shadow: -0.01ex 0 black, 0.01ex 0 black
}
.tertiary-link:active {
  color: #006A7D
}
.inline-link {
  text-decoration: underline;
  color: #008094
}
.inline-link:hover {
  color: #006A7D;
  text-shadow: -0.01ex 0 black, 0.01ex 0 #006A7D
}
.brand-padding {
  padding-left: 24px;
  padding-right: 24px
}
.orbit .orbit-controls {
  display: none
}
.orbit .orbit-controls.qme-controls {
  display: block
}
.orbit .orbit-controls.qme-controls button:hover, .orbit .orbit-controls.qme-controls button:active, .orbit .orbit-controls.qme-controls button:focus {
  background-color: transparent;
  cursor: pointer
}
.orbit .orbit-controls.qme-controls button:focus {
  outline: none
}
.orbit .orbit-bullets button {
  background-color: #93949A;
  height: 16px;
  width: 16px
}
.orbit .orbit-bullets button.is-active {
  background-color: #00A0BD
}
.orbit .orbit-container:focus {
  outline-color: #008094;
  outline-style: auto;
  outline-width: 1px
}
.center {
  text-align: center
}
.small-purple-bullets {
  list-style: none;
  margin-bottom: 2rem
}
.small-purple-bullets li:before {
  content: "";
  height: 5px;
  width: 5px;
  background-color: #592C82;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  margin-top: 11px
}
.small-purple-bullets .bullet-list {
  margin-left: 1.5rem;
  margin-bottom: 0.6rem
}
.divider {
  background-color: #592C82;
  height: 200px;
  width: 2px;
  border-radius: 3px;
  margin: 0px auto
}
.one-partner-icon-band {
  padding-top: 72px;
  padding-bottom: 72px;
  background-color: #F1F1F2
}
.one-partner-icon-band .product-icon-band {
  width: 100%
}
.ready-to-act-cta {
  text-align: center
}
.ready-to-act-cta #cta-content .secondary-btn {
  margin-left: 50px
}
@media screen and (max-width: 647px) and (min-width: 639px) {
  .ready-to-act-cta #cta-content .secondary-btn {
    margin-left: 44px
  }
}
.ready-to-act-cta #cta-content p {
  margin-bottom: 40px
}
.ready-to-act-cta#persona {
  margin-top: 120px;
  margin-bottom: 160px
}
.ready-to-act-cta#persona .benefits-advisors form {
  display: inline-block
}
.ready-to-act-cta#persona form#seo_brand_cta [type='submit'] {
  margin-top: 0px
}
.ready-to-act-cta.product {
  margin-top: 120px;
  margin-bottom: 120px
}
p sup > a {
  color: #212121;
  font-size: 100%
}
p sup {
  font-size: 50%;
  top: -0.9em
}
h3 sup {
  font-size: 50%;
  top: -1.25em
}
.article-section {
  margin: 80px 0px
}
.article-section .header {
  text-align: center
}
.article-section .header h3 {
  color: #595959;
  margin-bottom: 35px;
  text-transform: none;
  font-size: 18px
}
.article-section .article-container {
  padding: 20px
}
.article-section .article-container .article-img {
  width: 100%
}
.article-section .article-container h5 {
  color: #595959;
  font-size: 14px;
  padding: 22px 0px 10px
}
.article-section .article-container h4 {
  font-size: 24px;
  margin-bottom: 70px;
  color: #212121
}
.article-section .article-container:hover {
  border-radius: 6px;
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transition-duration: .6s
}
.card-purple-header {
  margin-bottom: 20px;
  border-radius: 6px;
  box-shadow: 0px 3px 20px #00000029
}
.card-purple-header .card-header {
  padding: 6px 24px 6px 24px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  background-color: #592C82
}
.card-purple-header .card-header h5.card-header-h5 {
  font-size: 21px;
  margin-bottom: 0px;
  color: #ffffff
}
.card-purple-header .card-body {
  padding: 24px 24px 20px 24px
}
.card-purple-header .card-body .table-icon {
  margin: -3px 3px 0px 0px
}
.card-purple-header .card-body .card-phone-link {
  margin-bottom: 8px;
  font-size: 20px;
  color: #212121;
  display: block
}
.card-purple-header .card-body .card-phone-link:hover {
  text-shadow: -0.01ex 0 black, 0.01ex 0 black
}
.card-purple-header .card-body p.card-hours-p {
  font-size: 16px;
  margin-bottom: 20px;
  color: #595959
}
#disclosures {
  margin-bottom: 20px
}
#disclosures a {
  color: white;
  line-height: 1.3;
  font-size: 12px
}
#disclosures a:focus {
  color: black
}
#mobile-menu .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a {
  padding-top: 20px;
  padding-bottom: 20px
}
#mobile-menu .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {
  content: "\f105";
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  color: #592C82;
  border: none;
  margin-top: -10px;
  right: 1.4rem
}
#mobile-menu .accordion-menu .is-accordion-submenu-parent[aria-expanded='true'] > a::after {
  transform: rotate(90deg);
  right: 1rem;
  margin-top: -4px
}
#mobile-menu ul li a {
  color: #212121;
  font-family: 'museo-sans', sans-serif;
  font-style: normal;
  font-weight: 300
}
#mobile-menu #social-icon-row {
  margin: 30px 16px 20px 15px
}
#mobile-menu #social-icon-row h4 {
  font-size: 14px
}
#mobile-menu #social-icon-row .social-icons {
  color: #212121;
  margin: 10px 15px 50px 0px
}
.mouse-icon {
  border: 2px solid #592C82;
  border-radius: 16px;
  height: 40px;
  width: 24px;
  display: block;
  z-index: 10
}
.mouse-icon .wheel {
  -webkit-animation-name: drop;
  -webkit-animation-duration: 4s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-play-state: running;
  -webkit-animation-name: drop;
  animation-name: drop;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-play-state: running;
  animation-play-state: running
}
.mouse-icon .wheel {
  position: relative;
  border-radius: 10px;
  background: #592C82;
  width: 4px;
  height: 4px;
  top: 4px;
  margin-left: auto;
  margin-right: auto
}
@-webkit-keyframes drop {
  0% {
    top: 5px;
    opacity: 1;
    height: 4px
  }
  30% {
    top: 10px;
    opacity: 1;
    height: 8px
  }
  40% {
    top: 25px;
    opacity: 1;
    height: 4px
  }
  60% {
    top: 25px;
    opacity: 0;
    height: 4px
  }
  100% {
    top: 25px;
    opacity: 0;
    height: 4px
  }
}
@keyframes drop {
  0% {
    top: 5px;
    opacity: 1;
    height: 4px
  }
  30% {
    top: 10px;
    opacity: 1;
    height: 12px
  }
  40% {
    top: 25px;
    opacity: 1;
    height: 4px
  }
  60% {
    top: 25px;
    opacity: 0;
    height: 4px
  }
  100% {
    top: 25px;
    opacity: 0;
    height: 4px
  }
}
.checkbox {
  display: grid;
  grid-template-columns: min-content auto;
  grid-gap: 0.5em;
font-size: 14px;
  color: #595959;
  font-family: 'museo-sans';
  font-weight: 500
}
.checkbox:hover {
  cursor: pointer
}
.checkbox__control {
  display: inline-grid;
  width: 20px;
  height: 20px;
  border-radius: 2px;
  border: 2px solid #e6e6e6
}
.checkbox__control svg {
  transition: transform 0.1s ease-in 25ms;
  transform: scale(0);
  transform-origin: bottom left
}
.checkbox__input {
  display: grid;
  grid-template-areas: "checkbox"
}
.checkbox__input > * {
  grid-area: checkbox
}
.checkbox__input input {
  opacity: 0;
  width: 1em;
  height: 1em
}
.checkbox__input input:focus + .checkbox__control {
  border: 2px solid #008094;
  color: #008094
}
.checkbox__input input:checked + .checkbox__control {
  border: 2px solid #008094;
  border-radius: 2px
}
.checkbox__input input:checked + .checkbox__control svg {
  transform: scale(1);
  color: #008094
}
.reveal {
  outline: none
}
table.all-white tbody {
  border: none
}
table.all-white td {
  background-color: white
}
.screen-reader-only {
  position: absolute;
  height: 1px;
  width: 1px;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: polygon(0px 0px, 0px 0px, 0px 0px);
  -webkit-clip-path: polygon(0px 0px, 0px 0px, 0px 0px);
  overflow: hidden !important
}
:focus {
  outline-color: #008094;
  outline-style: auto;
  outline-width: 1px
}
@media screen and (max-width: 1023px) {
  .article-section .header {
    margin-bottom: 30px
  }
  .article-section #carousel-tablet-mobile .medium-5 {
    padding: 0px
  }
  .article-section #carousel-tablet-mobile .medium-5 img {
    width: 100%
  }
  .article-section #carousel-tablet-mobile h5 {
    margin-bottom: 10px;
    padding: 0px
  }
  .article-section #carousel-tablet-mobile .orbit-bullets {
    margin-top: 40px
  }
  .card-purple-header .card-body p.card-hours-p {
    margin-bottom: 40px
  }
  .card-purple-header .card-body a.primary-btn.hqy-button {
    padding-top: 16px;
    padding-bottom: 16px
  }
}
@media screen and (max-width: 639px) {
  .brand-padding {
    padding-left: 6px;
    padding-right: 6px
  }
  .article-section .orbit-container {
    min-height: 450px
  }
  .article-section .orbit-bullets {
    margin-bottom: 0
  }
  .card-purple-header .card-body a.primary-btn.hqy-button {
    text-align: center;
    width: 60%
  }
  .ready-to-act-cta.product .primary-btn {
    width: 100%
  }
  .ready-to-act-cta#persona .secondary-btn {
    display: block;
    margin: 30px auto 0px;
    text-align: center;
    width: 90%
  }
  form#inline_seo_brand_cta {
    width: 100%
  }
  form#inline_seo_brand_cta [type='submit'] {
    margin-top: 0px
  }
  .breadcrumbs {
    margin-left: -12px !important
  }
}
.section-header {
  margin-bottom: 20px
}
#dave-ramsey .header {
  margin-bottom: 100px;
  text-align: center
}
#dave-ramsey .divider {
  height: 200px;
  width: 2px;
  background-color: #592C82;
  margin: 0px auto
}
#dave-ramsey p {
  font-size: 24px !important
}
#dave-ramsey span {
  font-size: 24px;
  color: #592C82
}
#hsa-persona-hero {
  background-image: url("https://health-equity.s3.amazonaws.com/img_hero_D.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center right;
  height: 40rem;
  min-height: 650px;
  padding-top: 120px
}
#hsa-persona-hero .hero-cta {
  border-radius: 10px;
  border-right: 10px solid #592C82;
  background: #ffffff;
  width: 50%;
  margin-left: 10%;
  max-width: 700px;
  padding: 40px
}
#hsa-persona-hero .hero-cta h1, #hsa-persona-hero .hero-cta p {
  width: 65%
}
#hsa-persona-hero .hero-cta h5 {
  color: #595959
}
#hsa-persona-hero .hero-cta p {
  margin-top: 20px;
  margin-bottom: 40px;
  line-height: 1.8
}
#how-hsa-works {
  margin: 100px auto;
  text-align: center
}
#how-hsa-works .header h2 > span {
  font-size: 16px
}
#how-hsa-works .header h2 > span sup {
  top: -2em
}
#how-hsa-works .header p {
  width: 50%;
  margin: 16px auto 60px auto
}
#how-hsa-works .content h4 {
  color: #212121;
  margin: 20px auto
}
#how-hsa-works .content .icons {
  height: 40px
}
#maximize-savings {
  margin-bottom: 100px
}
#maximize-savings .header {
  text-align: center;
  margin-bottom: 40px
}
#maximize-savings .bg-image {
  min-height: 710px;
  background-repeat: no-repeat;
  background-size: contain
}
#maximize-savings .bg-premium {
  background-image: url("https://drq94yec07kda.cloudfront.net/images/persona/img_premium_savings.jpg")
}
#maximize-savings .bg-swipe {
  background-image: url("https://drq94yec07kda.cloudfront.net/images/persona/img_swipe_save.jpg")
}
#maximize-savings .bg-call {
  background-image: url("https://drq94yec07kda.cloudfront.net/images/persona/img_call_chat.jpg")
}
#maximize-savings .content > #module {
  width: 50%;
  max-width: 800px;
  border-radius: 10px;
  border-left: 10px solid #592C82;
  background: #ffffff;
  padding: 40px 40px 10px 40px;
  margin: 4rem auto;
  position: absolute;
  right: 15%
}
#maximize-savings .content > #module .row {
  margin-bottom: 30px
}
#maximize-savings .content > #module h4 {
  color: #008094;
  margin-bottom: 20px
}
#maximize-savings .content > #module h4:hover {
  cursor: pointer
}
#maximize-savings .content > #module .active {
  color: #595959
}
#maximize-savings .content > #module .move-content-container.hidden::before, #maximize-savings .content > #module .swipe-content-container.hidden::before, #maximize-savings .content > #module .call-content-container.hidden::before {
  display: none
}
#maximize-savings .content > #module .move-content-container::before, #maximize-savings .content > #module .swipe-content-container::before, #maximize-savings .content > #module .call-content-container::before {
  content: "";
  border-color: transparent transparent transparent #592C82;
  border-style: solid;
  border-width: 12px;
  width: 0;
  height: 0;
  position: absolute;
  left: 0px
}
#maximize-savings .content > #module .move-content-container::before {
  top: 43px
}
#maximize-savings .content > #module .swipe-content-container::before {
  top: 12rem
}
#maximize-savings .content > #module .call-content-container::before {
  top: 21rem
}
#bye-hassle {
  background-image: url("https://drq94yec07kda.cloudfront.net/images/persona/hsa-persona-mobile.jpg");
  background-position: center right;
  background-repeat: no-repeat;
  min-height: 385px;
  margin-bottom: 100px
}
#bye-hassle .content {
  margin-top: 7rem
}
#long-term-savings {
  background-image: url("https://drq94yec07kda.cloudfront.net/images/persona/hsa-persona-investing.jpg");
  background-position: center left;
  background-repeat: no-repeat;
  min-height: 385px;
  margin-bottom: 100px
}
#long-term-savings .content {
  margin-top: 5rem
}
#long-term-savings .content h2 > span sup {
  top: -1em
}
#long-term-savings .content h2 > span sup a {
  font-size: 12px;
  font-weight: 500
}
#pricing-header {
  background-color: #f8f8f8;
  height: 300px
}
#pricing-header .header {
  text-align: center;
  padding-top: 30px
}
#pricing-header .header h4 {
  color: #595959
}
#pricing-header .header h2 {
  margin-top: 15px
}
#pricing-module {
  background-color: white;
  margin-top: -140px;
  padding: 24px;
  margin-bottom: 140px
}
#pricing-module .price {
  text-align: center
}
#pricing-module .price p {
  margin: 0px
}
#pricing-module .price span {
  font-size: 95px
}
#pricing-module .divider {
  background-color: #592C82;
  height: 200px;
  width: 2px;
  border-radius: 3px;
  margin: 0px auto
}
#pricing-module ul {
  list-style: none
}
#pricing-module ul li:before {
  content: "\2022";
  color: #592C82;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em
}
#pricing-module ul li {
  font-family: 'museo-sans', sans-serif;
  font-style: normal;
  font-weight: 300
}
#hsa-product-cta {
  margin-bottom: 100px;
  margin-top: 120px;
  background-image: url("https://drq94yec07kda.cloudfront.net/images/persona/hsa-persona-cta-bg.jpg");
  background-position: center right;
  background-repeat: no-repeat;
  height: 500px
}
#hsa-product-cta h3 {
  margin-bottom: 24px
}
#hsa-product-cta #cta-content {
  margin-top: 16%
}
#hsa-for-business {
  text-align: center;
  margin-bottom: 140px
}
#hsa-for-business p {
  margin: 20px auto 40px;
  width: 50%
}
#hsa-for-business p.legal {
  width: 100%;
  margin-top: 100px
}
.right-img-hero {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center right;
  height: 40rem;
  min-height: 650px;
  max-height: 651px;
  padding-top: 100px
}
.right-img-hero .right-img-cta-banner {
  border-radius: 10px;
  border-right: 10px solid #592C82;
  background: #ffffff;
  width: 50%;
  margin-left: 10%;
  max-width: 700px;
  padding: 40px
}
.right-img-hero .right-img-cta-banner h5 {
  color: #595959
}
.right-img-hero .right-img-cta-banner h1, .right-img-hero .right-img-cta-banner p {
  width: 90%
}
.right-img-hero .right-img-cta-banner p {
  margin-top: 20px;
  margin-bottom: 40px;
  line-height: 1.8
}
.right-img-hero .right-img-cta-banner form#seo_brand_cta {
  display: inline-block
}
.right-img-hero .right-img-cta-banner form#seo_brand_cta [type='submit'] {
  margin-top: 0px
}
#bundle-your-benefits {
  margin-top: 10rem;
  margin-bottom: 10rem
}
#bundle-your-benefits .divider {
  background-color: #E6E7E8;
  height: 200px;
  width: 2px;
  border-radius: 3px;
  margin: 0px auto
}
#bundle-your-benefits h4 {
  margin-bottom: 30px
}
#bundle-your-benefits .tertiary-link {
  display: block;
  font-weight: 500;
  margin-bottom: 10px
}
#bundle-your-benefits .tertiary-link:hover {
  font-weight: 700
}
.half-image-section-right {
  background-position: center right;
  background-repeat: no-repeat;
  background-size: contain;
  min-height: 385px;
  margin-bottom: 100px
}
.half-image-section-right .content {
  margin-top: 7rem
}
.half-image-section-right .content .mobile-image {
  display: none
}
.half-image-section-right h3 {
  margin-bottom: 20px
}
.half-image-section-left {
  background-position: center left;
  background-repeat: no-repeat;
  background-size: contain;
  min-height: 385px;
  margin-bottom: 100px
}
.half-image-section-left .content {
  margin-top: 7rem
}
.half-image-section-left .content .mobile-image {
  display: none
}
.half-image-section-left h3 {
  margin-bottom: 20px
}
.employer-cta {
  text-align: center
}
#persona-section-break-cta {
  text-align: center
}
#persona-section-break-cta .benefit-advisors form {
  display: inline-block
}
#persona-section-break-cta .benefit-advisors .secondary-btn, #persona-section-break-cta .benefit-advisors .primary-btn {
  margin: 0px 20px;
  display: inline-block
}
#employer-elevate-benefits, #benefit-advisors-elevate-benefits, #financial-advisors-elevate-benefits, #health-plans-elevate-benefits {
  margin-top: 165px;
  margin-bottom: 40px
}
.icon-section .header {
  text-align: center;
  margin-bottom: 65px
}
.icon-section .column {
  text-align: center
}
.icon-section .column .icons {
  height: 50px;
  margin-bottom: 40px
}
.icon-section .column h4 {
  margin-bottom: 20px
}
.icon-section .column p {
  margin-bottom: 80px
}
#employers-hero {
  background-image: url("https://drq94yec07kda.cloudfront.net/images/persona/employer_hero.png")
}
#employers-hero #employers-cta .secondary-btn {
  padding: 17px 24px
}
#employer-simplify {
  background-image: url("https://drq94yec07kda.cloudfront.net/images/persona/employers-simplify.png")
}
#employer-be-confident {
  background-image: url("https://drq94yec07kda.cloudfront.net/images/persona/employers-confident.png")
}
#employer-difference {
  background-image: url("https://drq94yec07kda.cloudfront.net/images/persona/employers-make-a-difference.png")
}
#benefit-advisors-hero {
  background-image: url("https://drq94yec07kda.cloudfront.net/images/persona/benefits-advisor-hero.png")
}
#benefit-advisors-hero #benefit-advisors-cta .secondary-btn {
  padding: 17px 24px;
  display: inline-block
}
#benefit-advisors-simplify {
  background-image: url("https://drq94yec07kda.cloudfront.net/images/persona/benefits-advisors-simplify.png")
}
#benefit-advisors-simplify .content {
  margin-top: 5rem
}
#benefit-advisors-be-confident {
  background-image: url("https://drq94yec07kda.cloudfront.net/images/persona/benefits-advisors-confident.png")
}
#benefit-advisors-difference {
  background-image: url("https://drq94yec07kda.cloudfront.net/images/persona/employers-make-a-difference.png")
}
#health-plans-hero {
  background-image: url("https://drq94yec07kda.cloudfront.net/images/persona/health-plans-hero.png")
}
#health-plans-simplify {
  background-image: url("https://drq94yec07kda.cloudfront.net/images/persona/health-plans-simplify.png")
}
#health-plans-simplify .content {
  margin-top: 5rem
}
#health-plans-be-confident {
  background-image: url("https://drq94yec07kda.cloudfront.net/images/persona/health-plans-confident.png")
}
#health-plans-difference {
  background-image: url("https://drq94yec07kda.cloudfront.net/images/persona/employers-make-a-difference.png")
}
#financial-advisors-hero {
  background-image: url("https://drq94yec07kda.cloudfront.net/images/persona/financial-advisors-hero.png")
}
#financial-advisors-simplify {
  background-image: url("https://drq94yec07kda.cloudfront.net/images/persona/financial-advisors-simplify.png")
}
#financial-advisors-be-confident {
  background-image: url("https://drq94yec07kda.cloudfront.net/images/persona/financial-advisors-confident.png")
}
#financial-advisors-difference {
  background-image: url("https://drq94yec07kda.cloudfront.net/images/persona/financial-advisors-difference.png")
}
#financial-advisors-difference .content {
  margin-top: 5rem
}
@media screen and (min-width: 2000px) {
  #hsa-persona-hero, .right-img-hero {
    max-width: 116rem;
    margin: 0px auto;
    min-height: 750px;
    height: 47rem;
    max-height: 800px
  }
  #maximize-savings {
    max-width: 116rem;
    margin: 0px auto 100px
  }
  #maximize-savings .content > #module {
    margin: 4rem 0rem 4rem 49rem;
    right: auto
  }
  #bye-hassle, #long-term-savings, #hsa-product-cta {
    max-width: 116rem;
    margin: 0px auto 100px
  }
  .half-image-section-left, .half-image-section-right {
    max-width: 116rem;
    margin: 0px auto 100px
  }
}
@media screen and (max-width: 1600px) {
  #maximize-savings .content > #module {
    width: 60%;
    right: 0%
  }
}
@media screen and (max-width: 1400px) {
  #hsa-persona-hero {
    height: 34rem;
    min-height: 550px;
    max-height: 551px;
    padding-top: 50px
  }
  #hsa-persona-hero .hero-cta {
    margin-left: 5%
  }
  #hsa-persona-hero .hero-cta h1 {
    width: 75%
  }
  #hsa-persona-hero .hero-cta p {
    width: 100%
  }
}
@media screen and (max-width: 1375px) {
  .right-img-hero > .right-img-cta-banner {
    margin-left: 3%
  }
  #bye-hassle {
    background-position: 125%
  }
  #long-term-savings {
    background-position: -25%
  }
}
@media screen and (max-width: 1308px) {
  #maximize-savings .content > #module .call-content-container::before {
    top: 23rem
  }
}
@media screen and (max-width: 1300px) {
  #hsa-product-cta {
    background-image: url("https://drq94yec07kda.cloudfront.net/images/persona/hsa-persona-cta-bg-tablet.jpg")
  }
  #maximize-savings .bg-image {
    min-height: 785px;
    background-position: -16rem
  }
  #maximize-savings .content > #module {
    width: 60%
  }
}
@media screen and (max-width: 1240px) {
  .right-img-hero {
    background-position: 150px
  }
  .half-image-section-left {
    background-position: -20%
  }
  #health-plans-simplify {
    background-image: url("https://drq94yec07kda.cloudfront.net/images/persona/health-plans-simplify-tablet.png");
    background-position: 0%
  }
  .half-image-section-right {
    background-position: 130%
  }
}
@media only screen and (max-width: 1194px) {
  #employers-hero.right-img-hero {
    background-position: 300px
  }
  #employers-hero.right-img-hero #employers-cta {
    width: 75%
  }
  #bye-hassle {
    background-image: url("https://drq94yec07kda.cloudfront.net/images/persona/hsa-persona-bye-hassle-tablet.jpg");
    background-position: 110%
  }
  #long-term-savings {
    background-image: url("https://drq94yec07kda.cloudfront.net/images/persona/hsa-persona-investing-tablet.jpg");
    background-position: 0%;
    background-repeat: no-repeat;
    min-height: 385px;
    margin-bottom: 100px
  }
  .persona-right {
    background-position: 100%
  }
  .persona-left {
    background-position: 0%
  }
  #employer-simplify {
    background-image: url("https://drq94yec07kda.cloudfront.net/images/persona/employers-simplify-tablet.png")
  }
  #employer-be-confident {
    background-image: url("https://drq94yec07kda.cloudfront.net/images/persona/employers-confident-tablet.png")
  }
  #employer-difference, #benefit-advisors-difference, #health-plans-difference {
    background-image: url("https://drq94yec07kda.cloudfront.net/images/persona/employers-difference-tablet.png")
  }
  #benefit-advisors-simplify {
    background-image: url("https://drq94yec07kda.cloudfront.net/images/persona/benefits-advisors-simplify-tablet.png")
  }
  #benefit-advisors-be-confident {
    background-image: url("https://drq94yec07kda.cloudfront.net/images/persona/benefits-advisors-confident-tablet.png")
  }
  #financial-advisors-simplify {
    background-image: url("https://drq94yec07kda.cloudfront.net/images/persona/financial-advisors-simplify-tablet.png")
  }
  #financial-advisors-be-confident {
    background-image: url("https://drq94yec07kda.cloudfront.net/images/persona/financial-advisors-confident-tablet.png")
  }
  #financial-advisors-difference {
    background-image: url("https://drq94yec07kda.cloudfront.net/images/persona/financial-advisors-difference-tablet.png")
  }
  #health-plans-be-confident {
    background-image: url("https://drq94yec07kda.cloudfront.net/images/persona/health-plans-confident-tablet.png")
  }
}
@media only screen and (max-width: 1130px) {
  #maximize-savings .content > #module .swipe-content-container::before {
    top: 13.5rem
  }
  #maximize-savings .content > #module .call-content-container::before {
    top: 24.5rem
  }
}
@media screen and (max-width: 1023px) {
  #dave-ramsey {
    text-align: center
  }
  #dave-ramsey .header {
    margin-bottom: 16px
  }
  #dave-ramsey .dave-ramsey-logo {
    max-width: 200px
  }
  #dave-ramsey .divider {
    height: 2px;
    width: 90%;
    margin: 40px auto 40px
  }
  #hsa-persona-hero, .right-img-hero {
    height: 300px;
    min-height: auto;
    padding-top: 12rem;
    background-size: cover;
    background-position: 0%
  }
  #hsa-persona-hero .hero-cta, #hsa-persona-hero .right-img-cta-banner, .right-img-hero .hero-cta, .right-img-hero .right-img-cta-banner {
    text-align: center;
    width: 95%;
    max-width: 100%;
    margin: 0px auto;
    border-top: 10px solid #592C82;
    border-right: none
  }
  #hsa-persona-hero .hero-cta h1, #hsa-persona-hero .right-img-cta-banner h1, .right-img-hero .hero-cta h1, .right-img-hero .right-img-cta-banner h1 {
    width: 100%
  }
  #hsa-persona-hero .hero-cta p, #hsa-persona-hero .right-img-cta-banner p, .right-img-hero .hero-cta p, .right-img-hero .right-img-cta-banner p {
    width: 80%;
    margin: 20px auto 40px
  }
  #how-hsa-works {
    margin-top: 18rem
  }
  #maximize-savings #content-mobile .image-container {
    height: 375px;
    width: 100%;
    margin: 0px auto 50px
  }
  #maximize-savings #content-mobile .image-container .content-img {
    width: 100%;
    height: 100%;
    object-fit: cover
  }
  #maximize-savings #content-mobile p {
    margin-top: 40px;
    margin-bottom: 80px
  }
  #long-term-savings {
    background-position: -13%
  }
  #long-term-savings .content {
    margin-top: 4rem
  }
  #hsa-product-cta h2 {
    font-size: 34px
  }
  #bundle-your-benefits {
    margin-top: 24rem
  }
  .persona-right {
    background-position: 100%
  }
  .persona-left {
    background-position: 0%
  }
  .half-image-section-right .content, .half-image-section-left .content {
    margin-top: 6rem
  }
  .icon-section {
    margin-bottom: 100px
  }
  #ready-to-act-cta #cta-content {
    margin-top: 5rem
  }
  #ready-to-act-cta .benefits-advisors form {
    display: inline-block
  }
  #employers-hero.right-img-hero {
    background-position: 0px
  }
  #employers-hero.right-img-hero #employers-cta {
    width: 95%
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1023px) and (-webkit-min-device-pixel-ratio: 1) {
  .half-image-section-right #content, .half-image-section-left .content {
    margin-top: 4rem
  }
  .persona-right {
    background-position: 140%
  }
  .persona-left, #health-plans-simplify {
    background-position: -40%
  }
  #benefit-advisors-simplify .content {
    margin-top: 2rem
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1023px) and (orientation: landscape) {
  #dave-ramsey p, #dave-ramsey span {
    text-align: left
  }
  #maximize-savings .bg-image {
    min-height: 852px
  }
  #bye-hassle, #hsa-product-cta {
    background-position: 100%
  }
  #long-term-savings {
    background-position: 0%
  }
  .half-image-section-left {
    background-position: 0% !important
  }
  .half-image-section-right {
    background-position: 100%
  }
  #benefit-advisors-simplify .content, #financial-advisors-difference .content {
    margin-top: 5rem
  }
  #employer-be-confident .content, #employer-difference .content, #benefit-advisors-be-confident .content, #benefit-advisors-difference .content, #financial-advisors-be-confident .content, #health-plans-be-confident .content, #health-plans-difference .content {
    margin-top: 6rem
  }
  #employer-simplify .content {
    margin-top: 6rem
  }
  #financial-advisors-simplify .content {
    margin-top: 7rem
  }
  #health-plans-simplify .content {
    margin-top: 4rem
  }
}
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
  #bye-hassle, #hsa-product-cta {
    background-position: 140%
  }
  #long-term-savings {
    background-position: -40%
  }
  #right-img-hero {
    height: 535px
  }
  #right-img-hero #right-img-cta-banner {
    margin: 0 auto;
    width: 96%
  }
  .half-image-section-right, .half-image-section-left {
    min-height: 325px
  }
  .half-image-section-right .content, .half-image-section-left .content {
    margin-top: 4rem
  }
  #bundle-your-benefits {
    margin-top: 13rem
  }
  #benefit-advisors-simplify {
    background-position: -5%
  }
  #benefit-advisors-simplify .content {
    margin-top: 1rem
  }
  #benefit-advisors-be-confident .content, #benefit-advisors-difference .content {
    margin-top: 3rem
  }
}
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
  #hsa-product-cta {
    background-position: 155%
  }
  .right-img-hero {
    height: 400px;
    padding-top: 10rem
  }
  .right-img-hero .right-img-cta-banner {
    margin: 0 auto;
    width: 96%
  }
  .half-image-section-right {
    background-position: 136%
  }
  #employer-simplify, #benefit-advisors-difference, #health-plans-simplify, #health-plans-difference, #financial-advisors-simplify, #financial-advisors-difference {
    background-position: -15%
  }
  #employer-difference {
    background-position: -72%
  }
}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  #bye-hassle {
    background-position: 180%
  }
  #long-term-savings {
    background-position: -78%
  }
  #hsa-product-cta {
    background-position: 200%
  }
  .right-img-hero {
    height: 330px;
    padding-top: 8rem
  }
  .right-img-hero .right-img-cta-banner {
    margin: 0 auto;
    width: 96%
  }
  #bundle-your-benefits {
    margin-top: 18rem
  }
  .half-image-section-right, .half-image-section-left {
    min-height: 200px
  }
  .half-image-section-right .content, .half-image-section-left .content {
    margin-top: 3rem
  }
  .half-image-section-right {
    background-position: 170%
  }
  #employer-simplify, #financial-advisors-simplify, #health-plans-simplify {
    background-position: -45%
  }
  #employer-difference, #benefit-advisors-difference, #health-plans-difference {
    background-position: -137%
  }
  #benefit-advisors-simplify {
    background-position: -140%
  }
  #benefit-advisors-difference {
    background-position: -50%
  }
  #financial-advisors-difference {
    background-position: -82%
  }
}
@media screen and (max-width: 900px) {
  .persona-left, #health-plans-simplify {
    background-position: -130px
  }
  .persona-right {
    background-position: 400px
  }
  #benefit-advisors-simplify .content, #health-plans-simplify .content {
    margin-top: 3rem
  }
  #benefit-advisors-simplify {
    background-position: -170px
  }
  #bye-hassle {
    background-position: 125%
  }
  #long-term-savings {
    background-position: -35%
  }
  #long-term-savings .content {
    margin-top: 2rem
  }
}
@media screen and (max-width: 750px) {
  #bye-hassle {
    background-position: 415px
  }
  #bye-hassle .content {
    margin-top: 5rem
  }
  #long-term-savings {
    background-position: -175px
  }
  #hsa-product-cta {
    background-position: 300px
  }
}
@media screen and (max-width: 725px) {
  .half-image-section-right .content, .half-image-section-left .content {
    margin-top: 3rem
  }
  .persona-left, #health-plans-simplify {
    background-position: -200px !important
  }
  .persona-right {
    background-position: 326px
  }
  #employer-simplify .content {
    margin-top: 5rem
  }
}
@media screen and (max-width: 700px) {
  .persona-left {
    background-position: -180px !important
  }
  .persona-right {
    background-position: 370px
  }
  #benefit-advisors-simplify {
    background-position: -249px !important
  }
}
@media screen and (max-width: 639px) {
  #dave-ramsey {
    text-align: center
  }
  #hsa-persona-hero {
    background-position: center;
    background-size: cover;
    height: 310px;
    padding-top: 9rem
  }
  #hsa-persona-hero .hero-cta {
    text-align: left;
    margin-left: 1%;
    margin-right: 1%;
    padding: 30px 16px;
    width: 98%;
    border-right: none;
    border-top: 10px solid #592C82
  }
  #hsa-persona-hero .hero-cta p {
    margin: 20px 0px 40px;
    width: 100%
  }
  #hsa-persona-hero .hero-cta .primary-btn {
    text-align: center;
    width: 100%
  }
  #how-hsa-works {
    margin-top: 23rem
  }
  #how-hsa-works .header {
    padding: 0px 16px
  }
  #how-hsa-works .header p {
    width: 100%
  }
  #how-hsa-works h4 {
    margin: 10px auto 20px;
    color: #595959
  }
  #maximize-savings {
    margin-bottom: 50px
  }
  #maximize-savings #content-mobile .image-container {
    height: 200px
  }
  #maximize-savings #content-mobile .image-container .content-img#call-or-chat {
    object-position: 100% 10%
  }
  #maximize-savings #content-mobile h4 {
    margin-top: 55px;
    margin-bottom: 40px
  }
  #maximize-savings #content-mobile p {
    margin-bottom: 70px
  }
  #bye-hassle, #long-term-savings {
    background-image: none;
    min-height: auto;
    margin-bottom: 40px
  }
  #bye-hassle .content, #long-term-savings .content {
    margin-top: 0px
  }
  .section-break {
    width: 90%;
    margin-bottom: 60px
  }
  #long-term-savings {
    margin-bottom: 80px
  }
  #pricing #pricing-content {
    text-align: center
  }
  #pricing #pricing-content #pricing-module {
    margin-bottom: 80px
  }
  #pricing #pricing-content .divider {
    width: 90%;
    height: 2px;
    margin-bottom: 40px
  }
  #hsa-product-cta {
    background-image: none;
    height: auto
  }
  #hsa-product-cta #cta-content h2 {
    margin-bottom: 40px;
    font-size: 34px
  }
  #hsa-product-cta #cta-content .primary-btn {
    text-align: center;
    width: 100%
  }
  #hsa-for-business p {
    width: 90%
  }
  .right-img-hero {
    background-size: cover;
    background-position: center;
    height: 225px;
    padding-top: 8rem
  }
  .right-img-hero .right-img-cta-banner {
    margin-left: 1%;
    width: 98%;
    padding: 24px;
    text-align: left
  }
  .right-img-hero .right-img-cta-banner p {
    margin: 20px 0px 40px;
    width: 100%
  }
  .right-img-hero .right-img-cta-banner .primary-btn, .right-img-hero .right-img-cta-banner form {
    text-align: center;
    width: 100%
  }
  .right-img-hero .right-img-cta-banner .secondary-btn {
    display: inline-block;
    margin: 10px auto;
    text-align: center;
    width: 100%
  }
  #bundle-your-benefits {
    margin-top: 26rem;
    margin-bottom: 6rem
  }
  .half-image-section-right, .half-image-section-left {
    margin-bottom: 75px;
    background-image: none !important;
    min-height: auto
  }
  .half-image-section-right .content, .half-image-section-left .content {
    margin-top: 0px
  }
  .half-image-section-right .content .mobile-image, .half-image-section-left .content .mobile-image {
    display: block
  }
  .icon-section {
    margin-bottom: 50px
  }
  #persona-section-break-cta > .benefit-advisors .primary-btn, #persona-section-break-cta > .benefit-advisors .secondary-btn {
    display: block;
    margin: 30px auto 0px;
    text-align: center;
    width: 90%
  }
  #ready-to-act-cta #cta-content {
    margin-top: 2rem
  }
  #ready-to-act-cta #cta-content .secondary-btn {
    margin: 30px auto 0px;
    display: block
  }
  #ready-to-act-cta #cta-content .primary-btn, #ready-to-act-cta #cta-content .secondary-btn {
    text-align: center;
    width: 90%
  }
  #employers-hero.right-img-hero #employers-cta {
    width: 98%
  }
}
.oswald {
  font-family: 'Oswald', sans-serif
}
.museo-light {
  font-family: 'museo-sans', sans-serif;
  font-weight: 300;
  font-style: normal
}
.museo-medium {
  font-family: 'museo-sans', sans-serif;
  font-weight: 500;
  font-style: normal
}
.museo-regular {
  font-family: 'museo-sans', sans-serif;
  font-style: normal;
  font-weight: 700
}
.sanchez {
  font-family: 'Sanchez', serif
}
img {
  font-size: 12px;
  color: transparent;
  font-family: 'museo-sans', sans-serif
}
.purple {
  color: #592C82
}
.cta {
  color: #008094
}
#content-wrapper:focus {
  outline-style: none;
  box-shadow: none;
  border-color: transparent
}
.breadcrumbs {
  padding: 8px 0;
  margin-bottom: 0 !important
}
.breadcrumbs .row {
  max-width: 87.5rem
}
.breadcrumbs ul {
  list-style-type: none;
  margin-bottom: 0
}
.breadcrumbs ul li, .breadcrumbs ul a {
  font-size: 12px;
  font-weight: 500 !important;
  line-height: 15.6px;
  color: #595959
}
.breadcrumbs ul li:not(:last-child)::after {
  position: relative;
  content: "";
  display: inline-block;
  width: 0.3rem;
  height: 0.3rem;
  border-right: 0.1em solid #592C82;
  border-top: 0.1em solid #592C82;
  transform: rotate(45deg);
  margin: 0 0.7rem 0.1rem 0.6rem
}
.breadcrumbs .back-arrow {
  padding: 12px 16px
}
.breadcrumbs .back-arrow:before {
  content: "\f104";
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  font-size: 11px;
  color: #592C82;
  border: none;
  margin-top: -25px;
  margin-right: 11px
}
[type="submit"] {
  border-radius: 36px !important;
  border: 1px solid #008094;
  line-height: 1.6
}
[type="submit"]:hover {
  cursor: pointer
}
[type="submit"].submit-secondary {
  border: none
}
[type="submit"].submit-nav {
  border: none
}
form#b2c-form [type='submit'], form#b2b-form [type='submit'], form#seo_brand_cta [type='submit'], form#inline_seo_brand_cta [type='submit'] {
  margin: 40px auto 0px
}
form#inline_seo_brand_cta, form#inline_engage_cta {
  display: inline-block
}
.hqy-button {
  font-size: 16px;
  padding: 18px 40px;
  border-radius: 36px;
  display: inline-block;
  font-family: 'museo-sans';
  font-weight: 700;
  margin-bottom: 0px
}
.primary-btn {
  color: white;
  background-color: #008094;
  text-align: center
}
.primary-btn:hover {
  color: white;
  background-color: #006A7D;
  box-shadow: 0px 5px 6px #00000029
}
.primary-btn:active {
  background-color: #006A7D
}
.primary-btn:focus {
  box-shadow: 0px 0px 6px #00AAC6;
  color: white
}
.purple-primary-btn {
  color: white;
  background-color: #592C82;
  border: 1px solid #592C82
}
.purple-primary-btn:hover {
  box-shadow: 0px 5px 6px #00000029;
  background-color: #4c256f
}
.secondary-btn {
  font-size: 16px;
  color: #008094;
  font-family: 'museo-sans';
  font-weight: 500
}
.secondary-btn .far {
  margin-left: 5px
}
.secondary-btn:hover {
  font-family: 'museo-sans';
  text-shadow: -0.01ex 0 black, 0.01ex 0 black;
  color: #006A7D
}
.secondary-btn:hover .active-arrow {
  transform: translateX(10px);
  transition-duration: .3s
}
.secondary-btn:focus {
  font-size: 16px;
  border-radius: 36px;
  margin-bottom: 0px;
  background-color: #F1F1F2;
  color: #006A7D
}
.tertiary-link {
  color: #008094;
  font-family: 'museo-sans';
  font-weight: 500;
  display: inline-block
}
.tertiary-link:hover {
  text-decoration: underline;
  color: #006A7D;
  text-shadow: -0.01ex 0 black, 0.01ex 0 black
}
.tertiary-link:active {
  color: #006A7D
}
.inline-link {
  text-decoration: underline;
  color: #008094
}
.inline-link:hover {
  color: #006A7D;
  text-shadow: -0.01ex 0 black, 0.01ex 0 #006A7D
}
.brand-padding {
  padding-left: 24px;
  padding-right: 24px
}
.orbit .orbit-controls {
  display: none
}
.orbit .orbit-controls.qme-controls {
  display: block
}
.orbit .orbit-controls.qme-controls button:hover, .orbit .orbit-controls.qme-controls button:active, .orbit .orbit-controls.qme-controls button:focus {
  background-color: transparent;
  cursor: pointer
}
.orbit .orbit-controls.qme-controls button:focus {
  outline: none
}
.orbit .orbit-bullets button {
  background-color: #93949A;
  height: 16px;
  width: 16px
}
.orbit .orbit-bullets button.is-active {
  background-color: #00A0BD
}
.orbit .orbit-container:focus {
  outline-color: #008094;
  outline-style: auto;
  outline-width: 1px
}
.center {
  text-align: center
}
.small-purple-bullets {
  list-style: none;
  margin-bottom: 2rem
}
.small-purple-bullets li:before {
  content: "";
  height: 5px;
  width: 5px;
  background-color: #592C82;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  margin-top: 11px
}
.small-purple-bullets .bullet-list {
  margin-left: 1.5rem;
  margin-bottom: 0.6rem
}
.divider {
  background-color: #592C82;
  height: 200px;
  width: 2px;
  border-radius: 3px;
  margin: 0px auto
}
.one-partner-icon-band {
  padding-top: 72px;
  padding-bottom: 72px;
  background-color: #F1F1F2
}
.one-partner-icon-band .product-icon-band {
  width: 100%
}
.ready-to-act-cta {
  text-align: center
}
.ready-to-act-cta #cta-content .secondary-btn {
  margin-left: 50px
}
@media screen and (max-width: 647px) and (min-width: 639px) {
  .ready-to-act-cta #cta-content .secondary-btn {
    margin-left: 44px
  }
}
.ready-to-act-cta #cta-content p {
  margin-bottom: 40px
}
.ready-to-act-cta#persona {
  margin-top: 120px;
  margin-bottom: 160px
}
.ready-to-act-cta#persona .benefits-advisors form {
  display: inline-block
}
.ready-to-act-cta#persona form#seo_brand_cta [type='submit'] {
  margin-top: 0px
}
.ready-to-act-cta.product {
  margin-top: 120px;
  margin-bottom: 120px
}
p sup > a {
  color: #212121;
  font-size: 100%
}
p sup {
  font-size: 50%;
  top: -0.9em
}
h3 sup {
  font-size: 50%;
  top: -1.25em
}
.article-section {
  margin: 80px 0px
}
.article-section .header {
  text-align: center
}
.article-section .header h3 {
  color: #595959;
  margin-bottom: 35px;
  text-transform: none;
  font-size: 18px
}
.article-section .article-container {
  padding: 20px
}
.article-section .article-container .article-img {
  width: 100%
}
.article-section .article-container h5 {
  color: #595959;
  font-size: 14px;
  padding: 22px 0px 10px
}
.article-section .article-container h4 {
  font-size: 24px;
  margin-bottom: 70px;
  color: #212121
}
.article-section .article-container:hover {
  border-radius: 6px;
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transition-duration: .6s
}
.card-purple-header {
  margin-bottom: 20px;
  border-radius: 6px;
  box-shadow: 0px 3px 20px #00000029
}
.card-purple-header .card-header {
  padding: 6px 24px 6px 24px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  background-color: #592C82
}
.card-purple-header .card-header h5.card-header-h5 {
  font-size: 21px;
  margin-bottom: 0px;
  color: #ffffff
}
.card-purple-header .card-body {
  padding: 24px 24px 20px 24px
}
.card-purple-header .card-body .table-icon {
  margin: -3px 3px 0px 0px
}
.card-purple-header .card-body .card-phone-link {
  margin-bottom: 8px;
  font-size: 20px;
  color: #212121;
  display: block
}
.card-purple-header .card-body .card-phone-link:hover {
  text-shadow: -0.01ex 0 black, 0.01ex 0 black
}
.card-purple-header .card-body p.card-hours-p {
  font-size: 16px;
  margin-bottom: 20px;
  color: #595959
}
#disclosures {
  margin-bottom: 20px
}
#disclosures a {
  color: white;
  line-height: 1.3;
  font-size: 12px
}
#disclosures a:focus {
  color: black
}
#mobile-menu .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a {
  padding-top: 20px;
  padding-bottom: 20px
}
#mobile-menu .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {
  content: "\f105";
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  color: #592C82;
  border: none;
  margin-top: -10px;
  right: 1.4rem
}
#mobile-menu .accordion-menu .is-accordion-submenu-parent[aria-expanded='true'] > a::after {
  transform: rotate(90deg);
  right: 1rem;
  margin-top: -4px
}
#mobile-menu ul li a {
  color: #212121;
  font-family: 'museo-sans', sans-serif;
  font-style: normal;
  font-weight: 300
}
#mobile-menu #social-icon-row {
  margin: 30px 16px 20px 15px
}
#mobile-menu #social-icon-row h4 {
  font-size: 14px
}
#mobile-menu #social-icon-row .social-icons {
  color: #212121;
  margin: 10px 15px 50px 0px
}
.mouse-icon {
  border: 2px solid #592C82;
  border-radius: 16px;
  height: 40px;
  width: 24px;
  display: block;
  z-index: 10
}
.mouse-icon .wheel {
  -webkit-animation-name: drop;
  -webkit-animation-duration: 4s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-play-state: running;
  -webkit-animation-name: drop;
  animation-name: drop;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-play-state: running;
  animation-play-state: running
}
.mouse-icon .wheel {
  position: relative;
  border-radius: 10px;
  background: #592C82;
  width: 4px;
  height: 4px;
  top: 4px;
  margin-left: auto;
  margin-right: auto
}
@-webkit-keyframes drop {
  0% {
    top: 5px;
    opacity: 1;
    height: 4px
  }
  30% {
    top: 10px;
    opacity: 1;
    height: 8px
  }
  40% {
    top: 25px;
    opacity: 1;
    height: 4px
  }
  60% {
    top: 25px;
    opacity: 0;
    height: 4px
  }
  100% {
    top: 25px;
    opacity: 0;
    height: 4px
  }
}
@keyframes drop {
  0% {
    top: 5px;
    opacity: 1;
    height: 4px
  }
  30% {
    top: 10px;
    opacity: 1;
    height: 12px
  }
  40% {
    top: 25px;
    opacity: 1;
    height: 4px
  }
  60% {
    top: 25px;
    opacity: 0;
    height: 4px
  }
  100% {
    top: 25px;
    opacity: 0;
    height: 4px
  }
}
.checkbox {
  display: grid;
  grid-template-columns: min-content auto;
  grid-gap: 0.5em;
 font-size: 14px;
  color: #595959;
  font-family: 'museo-sans';
  font-weight: 500
}
.checkbox:hover {
  cursor: pointer
}
.checkbox__control {
  display: inline-grid;
  width: 20px;
  height: 20px;
  border-radius: 2px;
  border: 2px solid #e6e6e6
}
.checkbox__control svg {
  transition: transform 0.1s ease-in 25ms;
  transform: scale(0);
  transform-origin: bottom left
}
.checkbox__input {
  display: grid;
  grid-template-areas: "checkbox"
}
.checkbox__input > * {
  grid-area: checkbox
}
.checkbox__input input {
  opacity: 0;
  width: 1em;
  height: 1em
}
.checkbox__input input:focus + .checkbox__control {
  border: 2px solid #008094;
  color: #008094
}
.checkbox__input input:checked + .checkbox__control {
  border: 2px solid #008094;
  border-radius: 2px
}
.checkbox__input input:checked + .checkbox__control svg {
  transform: scale(1);
  color: #008094
}
.reveal {
  outline: none
}
table.all-white tbody {
  border: none
}
table.all-white td {
  background-color: white
}
.screen-reader-only {
  position: absolute;
  height: 1px;
  width: 1px;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: polygon(0px 0px, 0px 0px, 0px 0px);
  -webkit-clip-path: polygon(0px 0px, 0px 0px, 0px 0px);
  overflow: hidden !important
}
:focus {
  outline-color: #008094;
  outline-style: auto;
  outline-width: 1px
}
@media screen and (max-width: 1023px) {
  .article-section .header {
    margin-bottom: 30px
  }
  .article-section #carousel-tablet-mobile .medium-5 {
    padding: 0px
  }
  .article-section #carousel-tablet-mobile .medium-5 img {
    width: 100%
  }
  .article-section #carousel-tablet-mobile h5 {
    margin-bottom: 10px;
    padding: 0px
  }
  .article-section #carousel-tablet-mobile .orbit-bullets {
    margin-top: 40px
  }
  .card-purple-header .card-body p.card-hours-p {
    margin-bottom: 40px
  }
  .card-purple-header .card-body a.primary-btn.hqy-button {
    padding-top: 16px;
    padding-bottom: 16px
  }
}
@media screen and (max-width: 639px) {
  .brand-padding {
    padding-left: 6px;
    padding-right: 6px
  }
  .article-section .orbit-container {
    min-height: 450px
  }
  .article-section .orbit-bullets {
    margin-bottom: 0
  }
  .card-purple-header .card-body a.primary-btn.hqy-button {
    text-align: center;
    width: 60%
  }
  .ready-to-act-cta.product .primary-btn {
    width: 100%
  }
  .ready-to-act-cta#persona .secondary-btn {
    display: block;
    margin: 30px auto 0px;
    text-align: center;
    width: 90%
  }
  form#inline_seo_brand_cta {
    width: 100%
  }
  form#inline_seo_brand_cta [type='submit'] {
    margin-top: 0px
  }
  .breadcrumbs {
    margin-left: -12px !important
  }
}
.ready-to-act {
  padding: 6rem 0 5rem 0
}
.ready-to-act h2 {
  font-size: 34px
}
.ready-to-act p {
  padding: 0.5rem 0 1.5rem 0
}
.ready-to-act#pop {
  padding-bottom: 100px
}
.product.ready-to-act-cta p, .ready-to-act-cta.product p {
  margin-bottom: 40px
}
#hsa-hero {
  height: 455px;
  position: relative
}
#hsa-hero #hsa-hero-img, #hsa-hero #fsa-hero-img, #hsa-hero #hra-hero-img, #hsa-hero #wellbeing-hero-img, #hsa-hero #cobra-hero-img, #hsa-hero #commuter-hero-img, #hsa-hero #dbill-hero-img, #hsa-hero #pop-hero-img {
  height: 316px;
  background: right no-repeat;
  position: absolute;
  width: 100%;
  bottom: 0;
  z-index: -1;
  background-size: cover
}
#hsa-hero #fsa-hero-img {
  background: url("https://drq94yec07kda.cloudfront.net/images/product/fsa-hero.png") left;
  background-size: cover
}
#hsa-hero #cobra-hero-img {
  background: url("https://drq94yec07kda.cloudfront.net/images/product/cobra-product-hero.png") left;
  background-size: cover
}
#hsa-hero #pop-hero-img {
  background: left no-repeat;
  background-size: cover
}
#hsa-hero .hsa-box {
  border-radius: 10px;
  border-bottom: 10px solid #592C82;
  background: #ffffff;
  max-width: 760px;
  padding: 48px 40px 65px 40px;
  margin: auto;
  text-align: center
}
#hsa-hero .hsa-box h1 {
  line-height: 54px;
  margin-bottom: 0
}
#hsa-hero .hsa-box h2 {
  color: #595959;
  font-size: 18px;
  margin-bottom: 1rem;
  text-transform: capitalize
}
#hsa-hero #dbill-text-box {
  min-height: 200px
}
#hsa-for-individuals {
  padding-top: 7.5rem
}
#hsa-for-individuals .left-content {
  padding-right: 3.9rem
}
#hsa-for-individuals h2 {
  margin-bottom: 20px
}
#hsa-for-individuals img {
  max-height: 500px
}
#hsa-for-individuals #hsa-guide-btn {
  text-decoration: underline;
  display: inline-block;
  margin-top: 0.7rem
}
#hsa-for-individuals img.for-individuals {
  max-height: 410px;
  margin-left: 2.5rem
}
#hsa-for-individuals #cobra-platform-demo {
  margin-left: 0;
  margin-top: 2.7rem
}
.request-and-download a.hqy-button.primary-btn {
  margin-top: 8px
}
.request-and-download .download-icon-and-text {
  margin-top: 22px;
  text-align: left
}
.request-and-download .download-icon-and-text img.download-icon {
  float: left;
  vertical-align: top;
  margin-top: 2px;
  margin-right: 8px;
  margin-bottom: 12px;
  margin-left: 12px
}
.request-and-download .download-icon-and-text img.download-icon#mobile {
  height: 24px;
  margin-left: 0px;
  margin-bottom: 0px
}
.request-and-download .download-icon-and-text img.download-icon#email {
  margin-left: 0px;
  margin-bottom: 0px
}
.request-and-download .download-icon-and-text p.download-text {
  margin-bottom: 0px;
  padding: 0px;
  font-weight: 500;
  font-size: 16px;
  color: #00879C;
  display: inline-block;
  text-align: left;
  vertical-align: top
}
.request-and-download#center-aligned .download-icon-and-text {
  text-align: center
}
.request-and-download#center-aligned .download-icon-and-text img.download-icon {
  float: none;
  margin-right: 2px
}
.request-and-download#center-aligned .download-icon-and-text p.download-text {
  padding: 0px
}
.divider#taller {
  height: 242px
}
#contact-wrapper {
  margin-top: 32px
}
.ready-to-act .for-business {
  margin-bottom: 1.5rem
}
.product-disclosures {
  margin-top: 12px !important;
  margin-bottom: -16px !important
}
@media screen and (min-width: 639px) {
  .hsa-dna h3, .hsa-analytics h3, .fsa-proprietary h3, .fsa-open-enrollment h3, .fsa-flexibility h3 {
    font-size: 21px !important
  }
  .hsa-analytics {
    max-width: 95rem !important;
    margin: auto
  }
  .hra-proprietary, .hra-stack, .hra-hia {
    height: 400px
  }
}
.dcfsa-open-enrollment .content, .hra-hia .content, .pop-max .content, .pop-risk .content {
  margin-top: 5rem
}
.fsa-flexibility .content {
  margin-top: 3rem
}
#luum-body h3 {
  font-size: 24px
}
#luum-body #luum-header {
  text-align: center;
  margin-top: 24px;
  margin-bottom: 24px
}
#luum-body #luum-header .merge-logo {
  width: 200px
}
#luum-body #commuting-has-changed {
  background-image: url("https://drq94yec07kda.cloudfront.net/images/product/commuter-luum-phone.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center right;
  height: 40rem;
  min-height: 650px;
  padding-top: 85px
}
#luum-body #commuting-has-changed #mobile-commuting-img {
  display: none
}
#luum-body #commuting-has-changed #bullet-content {
  border-radius: 10px;
  border-right: 10px solid #592C82;
  background: #ffffff;
  width: 50%;
  margin-left: 15%;
  max-width: 700px;
  padding: 40px
}
#luum-body #commuting-has-changed #bullet-content .small-purple-bullets {
  margin-left: 0px;
  margin-bottom: 0px
}
#luum-body #partner-logos, #luum-body #integrations-logos {
  margin: 60px auto 120px;
  text-align: center
}
#luum-body #partner-logos h3, #luum-body #integrations-logos h3 {
  text-align: center
}
#luum-body #partner-logos .integration-company-logos, #luum-body #partner-logos .partner-company-logos, #luum-body #integrations-logos .integration-company-logos, #luum-body #integrations-logos .partner-company-logos {
  margin: 20px auto 70px;
  filter: grayscale(100%)
}
#luum-body #partner-logos #wide-row {
  max-width: 90rem
}
#luum-body #partner-logos .partner-logo-carousel {
  margin-top: 40px
}
#luum-body #partner-logos .partner-logo-carousel .slick-slide {
  margin: 0px 30px
}
#luum-body #partner-logos .partner-logo-carousel .slick-slide img {
  height: 100px;
  width: auto;
  margin: auto
}
#luum-body .luum-product {
  margin: 0px auto 120px
}
#luum-body .luum-product .small-purple-bullets {
  margin-left: 0px
}
#luum-body .luum-product .primary-btn {
  margin-top: 40px
}
#luum-body .luum-product #measure-sustain-txt {
  width: 80%
}
#luum-body .luum-product #sustainability-stats {
  text-align: center
}
#luum-body .luum-product #sustainability-stats .fas {
  font-size: 30px;
  color: #6D6E70;
  margin-bottom: 24px
}
#luum-body .luum-product #sustainability-stats h5 {
  font-size: 28px;
  margin-bottom: 0px;
  color: #00A0BD
}
#luum-body .luum-product #sustainability-stats .museo-medium {
  color: #595959;
  font-size: 12px
}
#luum-body #integrations-logos h5 {
  margin: 20px 0px
}
#luum-body #integrations-logos p {
  width: 70%;
  margin: 0px auto;
  text-align: center
}
#luum-body #integrations-logos #wide-row {
  max-width: 90rem
}
#luum-body #integrations-logos .integration-logo-carousel {
  margin-top: 40px;
  margin-bottom: 70px
}
#luum-body #integrations-logos .integration-logo-carousel .slick-slide {
  margin: 0px 30px
}
#luum-body #integrations-logos .integration-logo-carousel .slick-slide img {
  height: 79px;
  width: auto;
  margin: auto
}
#luum-body #integrations-logos #integration-descriptions .fas, #luum-body #integrations-logos #integration-descriptions .fab, #luum-body #integrations-logos #integration-descriptions .far {
  color: #00A0BD;
  font-size: 50px
}
#luum-body #integrations-logos #integration-descriptions h5 {
  font-size: 21px
}
#luum-body #integrations-logos #integration-descriptions p, #luum-body #integrations-logos #integration-descriptions h5 {
  color: #595959
}
#luum-body #integrations-logos .primary-btn {
  margin-top: 120px
}
#luum-body #solutions {
  margin: 60px auto
}
#luum-body #solutions #solutions-header {
  margin: 60px auto 90px;
  text-align: center
}
#luum-body #solutions #solutions-header h3 {
  font-size: 34px
}
#luum-body #solutions #side-col-1 .col-body, #luum-body #solutions #side-col-2 .col-body {
  padding: 64px 30px 30px
}
#luum-body #solutions #center-col {
  margin-top: -30px
}
#luum-body #solutions #center-col .drop-shadow-box {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  border-radius: 6px
}
#luum-body #solutions #center-col .col-body {
  padding: 20px 30px 30px;
  min-height: 880px
}
#luum-body #solutions .header {
  border-radius: 6px 6px 0px 0px;
  text-align: center;
  padding: 16px 0px;
  color: white
}
#luum-body #solutions .header h5 {
  margin-bottom: 0px
}
#luum-body #solutions #purple {
  background-color: #592C82
}
#luum-body #solutions #blue {
  background-color: #00A0BD
}
#luum-body #solutions #grey {
  background-color: #6D6E70
}
#luum-body #solutions .col-body {
  border: 1px solid #E6E7E8;
  border-radius: 0px 0px 6px 6px;
  display: block;
  min-height: 850px
}
#luum-body #solutions .col-body .merge-logo {
  width: 200px;
  margin: 0px auto 12px;
  display: block
}
#luum-body #solutions .col-body #second-cpy-section {
  margin-top: 40px
}
#luum-body #solutions .col-body h5 {
  font-size: 24px;
  text-align: center
}
#luum-body #solutions .col-body p {
  text-align: center;
  margin-bottom: 24px
}
#luum-body #solutions .col-body .lt-grey {
  color: #595959
}
#luum-body #solutions .col-body ul {
  margin-left: 0px
}
#luum-body #solutions .col-body ul li p {
  text-align: left;
  margin-bottom: 12px
}
#luum-body #solutions .col-body .fas {
  text-align: center;
  font-size: 40px;
  color: #6D6E70;
  margin-bottom: 16px;
  width: 100%
}
#luum-body #ready-luum-cta {
  text-align: center
}
#luum-body #ready-luum-cta h3 {
  font-size: 34px
}
#luum-body #ready-luum-cta .primary-btn {
  margin: 20px auto 100px
}
@media screen and (min-width: 2000px) {
  #luum-body #commuting-has-changed {
    max-width: 116rem;
    margin: 0px auto
  }
}
@media screen and (max-width: 1550px) {
  #luum-body #commuting-has-changed #bullet-content {
    margin-left: 5%
  }
}
@media screen and (max-width: 1400px) {
  #luum-body #partner-logos .partner-logo-carousel .slick-slide {
    margin: 0px 20px
  }
  #luum-body #partner-logos .partner-logo-carousel .slick-slide img {
    height: 80px
  }
  #luum-body #integrations-logos .integration-logo-carousel .slick-slide {
    margin: 0px 20px
  }
  #luum-body #integrations-logos .integration-logo-carousel .slick-slide img {
    height: 60px
  }
}
@media screen and (max-width: 1275px) {
  #luum-body #commuting-has-changed {
    background-position: 165%
  }
}
@media screen and (max-width: 1240px) {
  .fsa-proprietary {
    background-position: -25%
  }
}
@media screen and (max-width: 1220px) {
  .fsa-proprietary, .fsa-flexibility, .hra-proprietary, .hra-hia, .dcfsa-proprietary, .wellbeing-rely, .cobra-onboarding, .cobra-transparency, .dbill-fast, .pop-max {
    background-position: 0%
  }
  .fsa-open-enrollment, .hra-stack, .dcfsa-open-enrollment, .wellbeing-simplify, .cobra-real-time, .pop-risk {
    background-position: 100%
  }
  .fsa-proprietary {
    background-image: url("https://drq94yec07kda.cloudfront.net/images/product/fsa-proprietary-tablet.png") !important
  }
  .fsa-open-enrollment {
    background-image: url("https://drq94yec07kda.cloudfront.net/images/product/fsa-open-enrollment-tablet.png") !important
  }
  .fsa-flexibility {
    background-image: url("https://drq94yec07kda.cloudfront.net/images/product/fsa-flexibility-tablet.png") !important
  }
  .hra-proprietary {
    background-image: url("https://drq94yec07kda.cloudfront.net/images/product/hra-proprietary-tablet.png") !important
  }
  .hra-stack {
    background-image: url("https://drq94yec07kda.cloudfront.net/images/product/hra-stack-tablet.png") !important
  }
  .hra-hia {
    background-image: url("https://drq94yec07kda.cloudfront.net/images/product/hra-hia-tablet.png") !important
  }
  .dcfsa-proprietary {
    background-image: url("https://drq94yec07kda.cloudfront.net/images/product/dcfsa-proprietary-tablet.png") !important
  }
  .dcfsa-open-enrollment {
    background-image: url("https://drq94yec07kda.cloudfront.net/images/product/dcfsa-open-enrollment-tablet.png") !important
  }
  .wellbeing-rely {
    background-image: url("https://drq94yec07kda.cloudfront.net/images/product/wellbeing-rely-tablet.png") !important
  }
  .wellbeing-simplify {
    background-image: url("https://drq94yec07kda.cloudfront.net/images/product/wellbeing-simplify-tablet.png") !important
  }
  .cobra-onboarding {
    background-image: url("https://drq94yec07kda.cloudfront.net/images/product/cobra-onboarding-tablet.png") !important
  }
  .cobra-real-time {
    background-image: url("https://drq94yec07kda.cloudfront.net/images/product/cobra-real-time-tablet.png") !important
  }
  .cobra-transparency {
    background-image: url("https://drq94yec07kda.cloudfront.net/images/product/cobra-transparency-tablet.png") !important
  }
  .dbill-fast {
    background-image: url("https://drq94yec07kda.cloudfront.net/images/product/dbill-fast-tablet.png") !important
  }
  .pop-max {
    background-image: url("https://drq94yec07kda.cloudfront.net/images/product/pop-max-tablet.png") !important
  }
  .pop-risk {
    background-image: url("https://drq94yec07kda.cloudfront.net/images/product/pop-risk-tablet.png") !important
  }
}
@media screen and (max-width: 1164px) and (min-width: 1023px) {
  .hsa-dna {
    background-position: -25%
  }
  .hsa-analytics {
    background-position: 116%
  }
}
.hsa-employer-elevate-benefits {
  margin-bottom: -50px !important
}
.hsa-employer-elevate-benefits h4, .hsa-employer-elevate-benefits p {
  color: #595959
}
.hsa-employer-elevate-benefits p {
  padding: 0 1.6rem
}
.rebranded-hqy-message .services {
  padding: 20px 0 6.25rem 0;
  text-align: center
}
.rebranded-hqy-message .services h2 {
  font-size: 24px
}
.rebranded-hqy-message .services h3 {
  color: #666666;
  font-size: 16px;
  margin-bottom: 1.7rem;
  margin-top: 1rem;
  text-transform: none;
  font-family: 'museo-sans', sans-serif
}
.rebranded-hqy-message .services .service {
  display: inline-block;
  padding: 1rem 1.6rem 0 1.6rem
}
.rebranded-hqy-message .services .service #cobra-icon {
  height: 32px
}
.rebranded-hqy-message .services .service:hover {
  box-shadow: 0 5px 6px #00000029;
  border-radius: 6px
}
.rebranded-hqy-message .services p {
  display: block;
  margin-top: 1rem;
  margin-bottom: 0;
  font-size: 16px;
  color: #008094
}
.rebranded-hqy-message .services .link-container {
  display: inline-block
}
@media screen and (max-width: 1115px) {
  #luum-body #commuting-has-changed {
    background-position: 200px
  }
}
@media screen and (max-width: 1094px) {
  #luum-body #solutions #center-col .col-body {
    min-height: 970px
  }
  #luum-body #solutions .col-body {
    min-height: 940px
  }
}
@media screen and (max-width: 1023px) {
  #luum-body #commuting-has-changed {
    background-image: url("https://drq94yec07kda.cloudfront.net/images/product/commuter-luum-phone-tablet.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center right
  }
  #luum-body #commuting-has-changed #bullet-content {
    margin-left: 0%;
    width: 58%
  }
  #luum-body #partner-logos {
    margin-bottom: 20px
  }
  #luum-body #partner-logos .partner-logo-carousel {
    margin-bottom: 40px
  }
  #luum-body .luum-product img {
    margin-bottom: 32px
  }
  #luum-body .luum-product #proactive-product-img, #luum-body .luum-product #data-product-img {
    width: 100%;
    max-width: 450px;
    display: block;
    margin: 0px auto 32px
  }
  #luum-body .luum-product #proven-product-img {
    width: 100%;
    max-width: 575px;
    display: block;
    margin: 0px auto 32px
  }
  #luum-body .luum-product #measure-sustain-txt {
    width: 100%
  }
  #luum-body #integrations-logos p {
    width: 100%
  }
  #luum-body #solutions #solutions-header {
    margin-bottom: 60px
  }
  #luum-body #solutions #center-col {
    margin-top: 0px
  }
  #luum-body #solutions #center-col .col-body {
    min-height: 0px
  }
  #luum-body #solutions .col-body {
    padding: 24px;
    min-height: 0px
  }
  #luum-body #solutions #more-solutions-tablet {
    margin-top: 24px;
    margin-bottom: 60px
  }
  #luum-body #solutions #more-solutions-tablet .col-body {
    margin: 0px 15px
  }
  #luum-body #solutions #more-solutions-tablet .col-body h5 {
    font-size: 22px
  }
  #luum-body #ready-luum-cta {
    margin-top: 60px
  }
  #luum-body #ready-luum-cta h3 {
    font-size: 32px
  }
}
@media screen and (max-width: 1023px) and (max-width: 850px) {
  .product-pages-main-content {
    padding-right: 10rem
  }
}
@media screen and (max-width: 1023px) {
  #hsa-hero .hsa-box {
    padding: 36px 40px 32px 40px
  }
}
@media screen and (max-width: 1023px) and (max-width: 780px) {
  #hsa-hero .hsa-box {
    margin: 0 1.5rem
  }
}
@media screen and (max-width: 1023px) and (max-width: 1023px) and (min-width: 704px) {
  #hsa-hero .hsa-box h1 {
    font-size: 42px
  }
}
@media screen and (max-width: 1023px) {
  #hsa-for-individuals .left-content {
    padding-right: 0
  }
  .hsa-analytics {
    background-image: url("https://drq94yec07kda.cloudfront.net/images/product/hsa-analytics-M.png") !important
  }
  .cobra-real-time {
    background-image: url("https://drq94yec07kda.cloudfront.net/images/product/cobra-real-time-tablet-sm.png") !important
  }
  .fsa-open-enrollment {
    background-image: url("https://drq94yec07kda.cloudfront.net/images/product/fsa-open-enrollment-tablet-sm.png") !important
  }
  .hsa-dna, .fsa-proprietary, .fsa-open-enrollment, .fsa-flexibility, .hra-proprietary, .hra-stack, .hra-hia, .dcfsa-open-enrollment, .dcfsa-proprietary, .wellbeing-rely, .wellbeing-simplify, .cobra-onboarding, .cobra-real-time, .cobra-transparency, .dbill-fast, .pop-max, .pop-risk {
    height: 360px;
    min-height: 300px
  }
  .fsa-open-enrollment .content, .hra-proprietary .content, .hsa-dna .content, .cobra-onboarding .content, .cobra-transparency .content {
    margin-top: 3rem
  }
  .fsa-flexibility .content {
    margin-top: 0px
  }
  .dbill-fast .content {
    margin-top: 4rem
  }
  .pop-max .content {
    margin-top: 2rem
  }
  .pop-risk {
    background-position: 120% !important
  }
  .pop-risk .content {
    margin-top: 2rem
  }
  .hra-stack {
    background-position: 100%
  }
  .hra-hia .content {
    margin-top: 3rem
  }
  .dcfsa-open-enrollment {
    background-position: 120% !important
  }
  .dcfsa-open-enrollment .content {
    margin-top: 3rem
  }
}
@media only screen and (max-width: 1023px) and (min-device-width: 768px) and (max-device-width: 1023px) and (orientation: landscape) {
  .hra-proprietary, .hra-stack, .hra-hia, .wellbeing-rely, .wellbeing-simplify {
    height: 315px
  }
  .pop-max .content, .pop-risk .content {
    margin-top: 3rem
  }
}
@media screen and (max-width: 1023px) and (max-width: 1023px) and (min-width: 1000px) {
  .cobra-transparency .content {
    margin-top: 5rem
  }
}
@media screen and (max-width: 1023px) and (max-width: 942px) and (min-width: 794px) {
  .wellbeing-rely .content, .wellbeing-simplify .content {
    margin-top: 4rem
  }
  .hsa-analytics .content, .cobra-real-time .content {
    margin-top: 3rem
  }
  .pop-risk .content {
    margin-top: 1rem
  }
  .cobra-transparency .content {
    margin-top: 5rem
  }
  .hra-proprietary, .hra-hia, .dbill-fast {
    background-position: -120px
  }
  .hra-stack, .wellbeing-simplify {
    background-position: 122%
  }
  .hsa-dna, .dcfsa-proprietary, .wellbeing-rely, .cobra-onboarding, .cobra-transparency, .pop-max {
    background-position: -50px
  }
  .dcfsa-open-enrollment, .pop-risk {
    background-position: 150% !important
  }
  .hsa-dna {
    background-position: -50%
  }
  .hsa-analytics {
    background-position: 277% !important
  }
}
@media screen and (max-width: 1023px) and (max-width: 942px) and (min-width: 794px) and (orientation: landscape) {
  .hra-proprietary, .hra-hia, .wellbeing-rely {
    background-position: 0px
  }
  .hra-proprietary .content, .hra-hia .content, .wellbeing-rely .content {
    margin-top: 3rem
  }
  .hra-stack, .wellbeing-simplify {
    background-position: 100%
  }
  .hra-stack .content, .wellbeing-simplify .content {
    margin-top: 3rem
  }
  .wellbeing-simplify .content {
    margin-top: 2rem
  }
  .pop-max {
    background-position: -17% !important
  }
}
@media screen and (max-width: 1023px) and (max-width: 793px) and (min-width: 720px) {
  .wellbeing-rely .content, .dcfsa-proprietary .content {
    margin-top: 4rem
  }
  .hsa-analytics .content, .wellbeing-simplify .content {
    margin-top: 3rem
  }
  .hra-proprietary, .hra-hia, .dbill-fast {
    background-position: -120px
  }
  .hra-hia .content {
    margin-top: 0rem
  }
  .hra0 .cobra-real-time .content {
    margin-top: 2rem
  }
  .hra-stack, .wellbeing-simplify {
    background-position: 138%
  }
  .fsa-proprietary, .fsa-flexibility, .dcfsa-proprietary, .wellbeing-rely, .cobra-onboarding, .cobra-transparency {
    background-position: -120px
  }
  .dcfsa-open-enrollment {
    background-position: 175% !important
  }
  .dcfsa-open-enrollment .content {
    margin-top: 2rem
  }
}
@media screen and (max-width: 1023px) and (max-width: 793px) and (min-width: 720px) and (orientation: landscape) {
  .dcfsa-open-enrollment, .cobra-real-time {
    background-position: 360px;
    height: 400px
  }
  .wellbeing-rely {
    background-position: -100px
  }
  .wellbeing-rely .content {
    margin-top: 3rem
  }
  .wellbeing-simplify .content {
    margin-top: 2rem
  }
}
@media screen and (max-width: 1023px) and (max-width: 793px) and (min-width: 639px) {
  .hsa-dna, .hsa-analytics {
    height: 390px
  }
  .hsa-dna {
    background-position: -110% !important
  }
  .hsa-analytics {
    background-position: 169% !important
  }
  .fsa-proprietary .content {
    margin-top: 3rem
  }
  .fsa-flexibility .content, .fsa-open-enrollment .content {
    margin-top: 1rem
  }
  .pop-max {
    background-position: -120px
  }
  .pop-max .content {
    margin-top: 1rem
  }
  .pop-risk {
    background-position: 400px !important
  }
  .pop-risk .content {
    margin-top: 0rem
  }
}
@media screen and (max-width: 1023px) and (max-width: 767px) and (min-width: 639px) {
  .hsa-dna {
    background-position: -240px !important
  }
  .hsa-analytics {
    background-position: 277% !important
  }
  .dbill-fast .content {
    margin-top: 2rem
  }
}
@media screen and (max-width: 1023px) and (max-width: 719px) and (min-width: 639px) {
  .wellbeing-rely .content, .wellbeing-simplify .content {
    margin-top: 2rem
  }
  .hra-proprietary, .wellbeing-rely, .dbill-fast {
    background-position: -150px
  }
  .hra-stack, .wellbeing-simplify {
    background-position: 350px
  }
  .hra-hia {
    background-position: -350px;
    height: 480px
  }
  .fsa-proprietary, .fsa-flexibility, .dcfsa-proprietary, .cobra-onboarding, .cobra-transparency {
    background-position: -120px
  }
  .fsa-proprietary .content, .hra-proprietary .content, .hra-hia .content, .cobra-onboarding .content, .cobra-transparency .content {
    margin-top: 1rem
  }
  .cobra-real-time, .fsa-open-enrollment {
    background-position: 365px
  }
  .cobra-real-time .content, .fsa-open-enrollment .content {
    margin-top: 1rem
  }
  .dcfsa-open-enrollment {
    background-position: 400px !important
  }
  .dcfsa-open-enrollment .content {
    margin-top: 0px
  }
}
@media screen and (max-width: 1023px) and (max-width: 682px) and (min-width: 639px) {
  .fsa-proprietary {
    .content: 0rem
  }
  .hsa-analytics {
    background-position: 410% !important
  }
  .hsa-dna .content, .hsa-analytics .content {
    margin-top: 1rem
  }
  .pop-max {
    height: 400px;
    background-position: -180px
  }
  .pop-risk {
    height: 440px;
    background-position: 340px !important
  }
}
@media screen and (max-width: 1023px) {
  .hsa-analytics-t {
    background-position: 81% !important
  }
  .hsa-employer-elevate-benefits p {
    padding: 0
  }
  .rebranded-hqy-message .services {
    padding-bottom: 80px
  }
}
@media screen and (max-width: 1023px) and (max-width: 765px) {
  .rebranded-hqy-message .services .service {
    padding: 0 1.1rem
  }
}
@media screen and (max-width: 1023px) {
  .ready-to-act#pop {
    text-align: center
  }
  .ready-to-act#pop .request-and-download .download-icon-and-text {
    text-align: center
  }
  .ready-to-act#pop .request-and-download .download-icon-and-text img.download-icon {
    float: none;
    margin-right: 2px
  }
  .ready-to-act#pop .request-and-download .download-icon-and-text p.download-text {
    padding: 0px
  }
}
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
  .dbill-fast {
    background-position: -20% !important
  }
  .pop-max .content {
    margin-top: 2rem
  }
  .hra-hia {
    height: 360px;
    background-position: -17% !important
  }
  .hra-hia .content {
    margin-top: 0rem
  }
}
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
  .dbill-fast {
    background-position: -40% !important
  }
  .pop-max .content {
    margin-top: 1rem
  }
  .hra-hia {
    height: 445px;
    background-position: -225px !important
  }
  .hra-hia .content {
    margin-top: 0rem
  }
}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  .dcfsa-open-enrollment, .cobra-real-time {
    background-position: 360px;
    height: 400px
  }
  .dcfsa-open-enrollment .content, .cobra-real-time .content {
    margin-top: 1rem
  }
  .hra-proprietary, .hra-hia, .wellbeing-rely {
    background-position: -145px
  }
  .hra-proprietary .content, .hra-hia .content, .wellbeing-rely .content {
    margin-top: 2rem
  }
  .wellbeing-simplify .content {
    margin-top: 2rem
  }
  .hra-hia {
    height: 465px;
    background-position: -280px !important
  }
  .hra-hia .content {
    margin-top: 0rem
  }
}
@media screen and (max-width: 745px) {
  #luum-body #commuting-has-changed {
    padding-top: 0px;
    background-image: none;
    display: inline-block
  }
  #luum-body #commuting-has-changed #mobile-commuting-img {
    display: inline-block
  }
  #luum-body #commuting-has-changed #bullet-content {
    width: 100%;
    border: none;
    padding: 24px
  }
  #luum-body #commuting-has-changed #bullet-content .primary-btn {
    width: 100%;
    text-align: center;
    display: block
  }
}
@media screen and (max-width: 639px) {
  #luum-body #luum-header .merge-logo {
    width: 200px
  }
  #luum-body #commuting-has-changed {
    padding-top: 0px;
    background-image: none;
    display: inline-block
  }
  #luum-body #commuting-has-changed #bullet-content {
    width: 100%;
    border: none;
    padding: 24px
  }
  #luum-body #commuting-has-changed #bullet-content .primary-btn {
    width: 100%;
    text-align: center;
    display: block
  }
  #luum-body #partner-logos .partner-logo-carousel .slick-slide {
    margin: 0px 10px
  }
  #luum-body #partner-logos .partner-logo-carousel .slick-slide img {
    height: 70px
  }
  #luum-body .luum-product {
    margin-bottom: 100px
  }
  #luum-body .luum-product #sustainability-stats {
    margin-top: 35px;
    margin-bottom: 32px
  }
  #luum-body .luum-product #sustainability-stats .primary-btn {
    width: 100%;
    text-align: center
  }
  #luum-body #integrations-logos #integration-descriptions .small-12 {
    margin-bottom: 40px
  }
  #luum-body #integrations-logos .integration-logo-carousel .slick-slide {
    margin: 0px 10px
  }
  #luum-body #integrations-logos .integration-logo-carousel .slick-slide img {
    height: 55px
  }
  #luum-body #integrations-logos .primary-btn {
    margin-top: 20px;
    width: 100%
  }
  #luum-body #solutions #side-col-1, #luum-body #solutions #center-col, #luum-body #solutions #side-col-2 {
    margin-bottom: 24px
  }
  #luum-body #ready-luum-cta h3 {
    font-size: 34px
  }
  #luum-body #ready-luum-cta .primary-btn {
    width: 100%
  }
  .product-pages-main-content {
    padding-top: 1.5rem
  }
  .ready-to-act {
    padding: 4rem 0
  }
  .ready-to-act .primary-btn {
    width: 100%
  }
  #hsa-hero {
    height: 380px
  }
  #hsa-hero #hsa-hero-img, #hsa-hero #fsa-hero-img, #hsa-hero #cobra-hero-img, #hsa-hero #commuter-hero-img, #hsa-hero #pop-hero-img {
    height: 240px;
    background-size: cover
  }
  #hsa-hero #fsa-hero-img {
    bottom: 2rem;
    background: url("https://drq94yec07kda.cloudfront.net/images/product/fsa-hero-m.png");
    background-size: cover
  }
  #hsa-hero #commuter-hero-img {
    height: 226px
  }
  #hsa-hero #dbill-hero-img {
    height: 210px;
    background-size: cover
  }
  #hsa-hero .hsa-box {
    margin: 0 6px;
    padding: 36px 16px 32px 16px
  }
  #hsa-hero .hsa-box h1 {
    line-height: 47px
  }
}
@media screen and (max-width: 639px) and (max-width: 450px) {
  #hsa-hero .hsa-box {
    text-align: left
  }
}
@media screen and (max-width: 639px) and (max-width: 365px) {
  #hsa-hero .hsa-box h1 {
    font-size: 27px;
    line-height: 41px
  }
  #hsa-hero .hsa-box h2 {
    font-size: 15px
  }
}
@media screen and (max-width: 639px) {
  .pop {
    height: 410px !important
  }
  #hsa-for-individuals {
    padding: 5rem 0 50px 0
  }
  #hsa-for-individuals .left-content {
    padding-right: 0.625rem
  }
  #hsa-for-individuals h2 {
    margin-bottom: 20px
  }
  .hsa-analytics {
    background-image: none !important
  }
  .hsa-employer-elevate-benefits {
    margin-top: 115px !important;
    margin-bottom: -50px !important
  }
  .hsa-employer-elevate-benefits h4, .hsa-employer-elevate-benefits p {
    color: #212121
  }
  .hsa-employer-elevate-benefits p {
    margin-bottom: 80px !important;
    padding: 0 1.4rem
  }
  .rebranded-hqy-message .services {
    padding: 1.5rem 0 3rem 0
  }
  .rebranded-hqy-message .services .service {
    padding: 0 1.3rem
  }
  .rebranded-hqy-message .services h3 {
    margin-bottom: 44px
  }
  .rebranded-hqy-message .scroll-container {
    padding: 0
  }
  .rebranded-hqy-message .horizontal-scroll {
    overflow-x: auto;
    white-space: nowrap;
    padding-left: 2rem
  }
  .rebranded-hqy-message .horizontal-scroll::-webkit-scrollbar {
    display: none
  }
  .hsa-dna, .fsa-proprietary, .fsa-open-enrollment, .fsa-flexibility, .hra-proprietary, .hra-hia, .hra-stack, .dcfsa-proprietary, .dcfsa-open-enrollment, .wellbeing-rely, .wellbeing-simplify, .cobra-onboarding, .cobra-real-time, .cobra-transparency, .dbill-fast, .pop-max, .pop-risk {
    background-image: none !important;
    height: auto
  }
  .hsa-dna .content, .fsa-proprietary .content, .fsa-open-enrollment .content, .fsa-flexibility .content, .hra-proprietary .content, .hra-hia .content, .hra-stack .content, .dcfsa-proprietary .content, .dcfsa-open-enrollment .content, .wellbeing-rely .content, .wellbeing-simplify .content, .cobra-onboarding .content, .cobra-real-time .content, .cobra-transparency .content, .dbill-fast .content, .pop-max .content, .pop-risk .content {
    margin-top: 0px
  }
  .hsa-dna .content .mobile-image, .fsa-proprietary .content .mobile-image, .fsa-open-enrollment .content .mobile-image, .fsa-flexibility .content .mobile-image, .hra-proprietary .content .mobile-image, .hra-hia .content .mobile-image, .hra-stack .content .mobile-image, .dcfsa-proprietary .content .mobile-image, .dcfsa-open-enrollment .content .mobile-image, .wellbeing-rely .content .mobile-image, .wellbeing-simplify .content .mobile-image, .cobra-onboarding .content .mobile-image, .cobra-real-time .content .mobile-image, .cobra-transparency .content .mobile-image, .dbill-fast .content .mobile-image, .pop-max .content .mobile-image, .pop-risk .content .mobile-image {
    height: 172px;
    display: inline
  }
}
.guide-page {
  position: relative
}
.guide-page #sidebar {
  width: 163px;
  position: fixed;
  right: 40px;
  padding: 12px;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 10px;
  z-index: 1
}
.guide-page #sidebar p {
  margin-bottom: 0;
  border-left: 3px solid #DBDBDE;
  padding-left: 12px
}
.guide-page #sidebar p a {
  color: #595959;
  font-size: 15px
}
.guide-page #sidebar p.active {
  border-left: 3px solid #592C82
}
.guide-page #sidebar p.active a {
  font-weight: 700;
  color: #592C82
}
.guide-page #sidebar a:hover {
  text-decoration: underline;
  font-weight: 700;
  color: #592C82
}
.guide-page sup a {
  font-family: museo-sans;
  color: #1F1F1F
}
.guide-page .hero-wrapper {
  z-index: 2;
  height: 464px;
  position: relative
}
.guide-page .hero-wrapper .breadcrumbs {
  background: #ffffff
}
.guide-page .hero-wrapper .guide-hero {
  text-align: center;
  width: 100%;
  position: relative;
  bottom: 1px
}
@media screen and (min-width: 1023px) {
  .guide-page .hero-wrapper .guide-hero {
    -webkit-box-shadow: 0 80px 0 0 #ffffff;
    box-shadow: 0 80px 0 0 #ffffff
  }
}
.guide-page .hero-wrapper .guide-hero .hero-text {
  border-radius: 0 0 6px 6px;
  border-bottom: 13px solid #592C82;
  background: #ffffff;
  width: 50%;
  max-width: 700px;
  padding: 40px
}
.guide-page .hero-wrapper .guide-hero .hero-text h3 {
  font-size: 18px !important;
  margin-bottom: 20px;
  color: #595959;
  text-transform: none
}
.guide-page .learn-section {
  padding-top: 80px
}
.guide-page .learn-section .center {
  text-align: center
}
.guide-page .learn-section table {
  border-collapse: separate;
  padding: 0 20px
}
.guide-page .learn-section table tr {
  background-color: #fff
}
.guide-page .learn-section table tr td {
  padding-bottom: 10px;
  padding-top: 10px
}
.guide-page .learn-section table tr .table-text {
  float: left
}
.guide-page .learn-section h3 {
  margin-bottom: 12px
}
.guide-page .learn-section-2 table {
  border-collapse: separate;
  padding: 0 20px
}
.guide-page .learn-section-2 table tr {
  background-color: #fff
}
.guide-page .learn-section-2 table tr .table-icon {
  vertical-align: top
}
.guide-page .learn-section-2 table tr td {
  padding-bottom: 10px;
  padding-top: 10px
}
.guide-page .learn-section-2 table tr .table-text {
  float: left
}
.guide-page .learn-sectioner {
  text-align: center;
  background: #F1F1F2;
  margin: 120px 0;
  padding: 100px
}
.guide-page sup .oswald {
  font-size: x-small;
  top: -5px;
  position: relative
}
.guide-page .sign-up h3 {
  margin-bottom: 20px
}
.guide-page .sign-up p {
  margin-bottom: 40px
}
.guide-page #why-choose-us h3 {
  padding: 0 60px
}
.guide-page .icon-table tbody {
  border: none
}
.guide-page .icon-table tbody:first-child tr:first-child td {
  padding-top: 0 !important
}
.guide-page .icon-table tbody tr p {
  margin-bottom: 0
}
.guide-page .qualified-expense-icon-section {
  text-align: center
}
.guide-page .qualified-expense-icon-section p {
  display: block;
  margin-top: 1rem;
  font-size: 16px;
  padding: 0 1.5rem;
  margin-bottom: 40px
}
.guide-page .qualified-expense-icon-section .scroll-container {
  padding: 0
}
.guide-page .qualified-expense-icon-section .horizontal-scroll {
  overflow-x: auto;
  white-space: nowrap
}
.guide-page .qualified-expense-icon-section .horizontal-scroll .qualified-expense {
  display: inline-block;
  word-break: break-word
}
.guide-page .qualified-expense-icon-section .horizontal-scroll .qualified-expense p {
  display: block;
  margin-top: 1rem;
  font-size: 16px;
  padding: 0 1.5rem
}
.guide-page .qualified-expense-icon-section .limited-edition-expense {
  vertical-align: top !important
}
.guide-page .qualified-expense-icon-section .horizontal-scroll::-webkit-scrollbar {
  display: none
}
.guide-page .annual-savings #annual-savings-main-text {
  text-align: center
}
.guide-page .annual-savings #annual-savings-main-text h3 {
  margin-bottom: 20px
}
.guide-page .annual-savings #annual-savings-main-text p {
  margin-bottom: 40px
}
.guide-page .annual-savings #annual-savings-grey-bg {
  height: 161px;
  background: #F1F1F2;
  z-index: -1
}
.guide-page .annual-savings #annual-savings-container {
  position: relative;
  bottom: 120px
}
.guide-page .annual-savings #annual-savings-container #expense-addition {
  display: flex;
  background: #FFFFFF;
  justify-content: space-evenly;
  padding: 40px 30px
}
.guide-page .annual-savings #annual-savings-container #expense-addition .expense-container img {
  vertical-align: top;
  margin-right: 12px
}
.guide-page .annual-savings #annual-savings-container #expense-addition .expense-container p {
  display: inline-block;
  margin-bottom: 0
}
.guide-page .annual-savings #annual-savings-container #expense-addition .plus-sign {
  font-size: 22px
}
.guide-page .annual-savings #annual-savings-container #expense-addition-total {
  background: #FFFFFF;
  border-top: 1px solid #592C82;
  padding-top: 20px;
  text-align: center
}
.guide-page .annual-savings #annual-savings-container #expense-addition-total h5 {
  font-size: 21px;
  font-weight: 300;
  font-family: 'museo-sans'
}
.guide-page .annual-savings #annual-savings-container #expense-addition-total #addition-total {
  font-size: 96px;
  font-family: 'museo-sans';
  font-weight: 700
}
.guide-page #savings-calculator {
  margin-bottom: 40px;
  margin-top: -30px
}
.guide-page #savings-calculator .row {
  max-width: 60rem
}
.guide-page #savings-calculator .savings-calculator-img {
  margin-left: 4rem
}
.guide-page #savings-calculator h3 {
  margin-bottom: 23px;
  font-size: 24px
}
.guide-page #savings-calculator p {
  margin-bottom: 40px
}
.guide-page #oe-webinars #oe-webinar-text {
  padding-top: 50px
}
.guide-page #disclosures {
  font-size: 12px;
  color: #595959
}
.guide-page #disclosures a {
  color: #595959
}
@media screen and (min-width: 1023px) {
  .guide-page #disclosures .column {
    padding: 0
  }
}
@media screen and (min-width: 1023px) {
  #fsa-basics .mobile-sticky-start, #dcfsa-definition .mobile-sticky-start, #hsa-basics .mobile-sticky-start {
    padding-top: 100px !important
  }
}
@media screen and (min-width: 1023px) {
  #commuter-definition .mobile-sticky-start {
    padding-top: 121px !important
  }
}
.hsa-page .guide-hero {
  background-image: url("https://drq94yec07kda.cloudfront.net/images/guide/hsa_guide_hero.jpg")
}
#learn-hsa .guide-hero {
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%
}
#learn-hsa .guide-hero h1 {
  margin-bottom: 20px
}
#learn-hsa #lhsa-eligibility #lhsa-eligibility-title {
  text-align: center;
  margin-bottom: 40px
}
#learn-hsa #lhsa-eligibility #eligibility-pass {
  border-right: 1px solid #DBDBDE
}
#learn-hsa #hsa-tool-section p, #learn-hsa #fsa-vs-hsa p {
  margin-bottom: 40px
}
#learn-hsa #triple-savings h3 {
  margin-bottom: 40px
}
#learn-hsa #tax-savings-table, #learn-hsa #retirement-engine-table {
  padding-top: 40px;
  padding-left: 0
}
#learn-hsa #fsa-vs-hsa, #learn-hsa #retirement-vs-hsa {
  margin-top: 140px
}
#learn-hsa #fsa-vs-hsa .table-text-container, #learn-hsa #retirement-vs-hsa .table-text-container {
  display: flex;
  justify-content: space-evenly
}
#learn-hsa #fsa-vs-hsa table, #learn-hsa #retirement-vs-hsa table {
  table-layout: fixed;
  width: 100%;
  text-align: center
}
#learn-hsa #fsa-vs-hsa table td, #learn-hsa #retirement-vs-hsa table td {
  border: 1px solid #592C82;
  background-color: #fff;
  width: 50%;
  padding: 12px
}
#learn-hsa #fsa-vs-hsa table p, #learn-hsa #retirement-vs-hsa table p {
  font-size: 16px;
  color: #595959;
  margin-bottom: 0
}
#learn-hsa #fsa-vs-hsa .show-for-small table, #learn-hsa #retirement-vs-hsa .show-for-small table {
  margin-bottom: 40px
}
#learn-hsa #contribution-table {
  text-align: center
}
#learn-hsa #contribution-table .below-title-text {
  margin-bottom: 40px
}
#learn-hsa #contribution-table h4 {
  font-size: 18px
}
#learn-hsa #contribution-table table {
  table-layout: fixed;
  border-collapse: collapse;
  width: 99%;
  font-size: 16px
}
#learn-hsa #contribution-table table th {
  color: #1F1F1F;
  border: 1px solid #592C82;
  text-align: center
}
#learn-hsa #contribution-table table th p {
  font-weight: 500
}
#learn-hsa #contribution-table table td {
  width: 33%;
  border: 1px solid #592C82;
  color: #595959
}
#learn-hsa #contribution-table table p {
  margin-bottom: 0
}
#learn-hsa #contribution-table .show-for-small table {
  margin-bottom: 30px;
  table-layout: fixed;
  width: 100%
}
#learn-hsa #contribution-table .show-for-small .tax-year-data {
  width: 25%
}
#learn-hsa #contribution-table .show-for-small td {
  width: 75%
}
#learn-hsa #contribution-table .show-for-small p {
  text-align: center;
  font-size: 16px;
  position: relative;
  width: 80%;
  left: 10%
}
#learn-hsa #contribution-table .show-for-small .mobile-table-title {
  text-align: left;
  left: 0;
  margin-bottom: 12px;
  font-weight: 500
}
#learn-hsa #debit-card #debit-card-title-text {
  text-align: center
}
#learn-hsa #debit-card #debit-card-title-text h3 {
  margin-bottom: 12px
}
#learn-hsa #debit-card #debit-card-title-text p {
  margin-bottom: 40px
}
#learn-hsa #debit-card #debit-card-hero {
  background-image: url("https://drq94yec07kda.cloudfront.net/images/guide/hsa-debit-card-hero.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center right;
  min-height: 650px;
  padding-top: 135px
}
#learn-hsa #debit-card #debit-card-hero .hero-text {
  position: relative;
  bottom: 70px;
  border-radius: 10px;
  border-right: 10px solid #592C82;
  background: #ffffff;
  width: 50%;
  margin-left: 10%;
  max-width: 700px;
  padding: 40px
}
#learn-hsa #debit-card #debit-card-hero .hero-text h4, #learn-hsa #debit-card #debit-card-hero .hero-text p {
  width: 90%
}
#learn-hsa #debit-card #debit-card-hero .hero-text h4 {
  font-size: 18px;
  color: #1F1F1F
}
#learn-hsa #debit-card #debit-card-hero .hero-text p {
  margin-top: 20px;
  margin-bottom: 40px;
  line-height: 1.8
}
@media screen and (min-width: 1700px) {
  #learn-hsa #debit-card #debit-card-hero {
    max-width: 116rem;
    margin: 0px auto;
    min-height: 750px;
    height: 58vh;
    max-height: 800px
  }
}
#learn-hsa #retirement-engine #investment-copy {
  margin-bottom: 20px
}
#learn-hsa #open-account-sectioner .hqy-button {
  margin-top: 40px
}
#learn-hsa #advisory-tools #advisory-tools-table {
  padding-left: 0
}
#learn-hsa #advisory-tools #advisory-tools-table .table-icon {
  vertical-align: top
}
.fsa-page .fsa-hero {
  background-image: url("https://drq94yec07kda.cloudfront.net/images/guide/fsa_hero_img.png") !important;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
  width: 100%;
  height: 385px !important
}
@media screen and (min-width: 1023px) and (max-width: 1575px) {
  .fsa-page .guide-hero {
    background-size: auto !important;
    background-position-x: 30%
  }
}
.fsa-page #oe-webinars {
  margin-bottom: 0
}
.fsa-page .dcfsa-timing-matters .icon-table {
  padding-top: 45px
}
.fsa-page #learn-other-types {
  padding-top: 80px
}
#learn-hra .guide-hero#hra-hero {
  background-image: url("https://drq94yec07kda.cloudfront.net/images/guide/learn-hra-hero.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 414px
}
#learn-hra .guide-hero#hra-hero .hero-text h3.sanchez {
  font-size: 18px
}
#learn-hra .guide-hero#hra-hero .hero-text h1.oswald.purple {
  margin-bottom: 20px
}
#learn-hra .guide-hero#hra-hero .hero-text p {
  margin-bottom: 0px
}
#learn-hra .learn-section#hra-definition {
  padding-top: 24px
}
#learn-hra .learn-section#hra-definition h2.oswald.purple {
  margin-bottom: 20px
}
#learn-hra .learn-section#hra-definition p {
  margin-bottom: 0px
}
#learn-hra .learn-section#hra-eligibility, #learn-hra .learn-section#hra-details {
  padding-top: 94px
}
#learn-hra .learn-section#hra-eligibility p, #learn-hra .learn-section#hra-details p {
  margin-bottom: 0px
}
@media screen and (min-width: 1025px) {
  #learn-hra .learn-section#hra-eligibility .row, #learn-hra .learn-section#hra-details .row {
    padding-left: 48px;
    padding-right: 48px
  }
  #learn-hra .learn-section#hra-eligibility .row .column, #learn-hra .learn-section#hra-details .row .column {
    padding-left: 32px;
    padding-right: 32px
  }
}
#learn-hra .learn-sectioner#how-it-works {
  margin-bottom: 26px;
  padding-top: 108px;
  padding-bottom: 108px
}
#learn-hra .learn-sectioner#how-it-works h2.oswald.purple {
  margin-bottom: 0px
}
#learn-hra .plans-vary {
  margin-top: 120px
}
#learn-hra .plans-vary .img-wrapper {
  text-align: center
}
#learn-hra .plans-vary .img-wrapper #puzzle {
  height: 153px
}
#learn-hra .learn-section.hra-webinar#oe-webinars {
  margin-top: 104px;
  margin-bottom: 100px;
  padding-top: 0px
}
#learn-hra .learn-section.hra-webinar#oe-webinars #oe-webinar-text {
  padding-top: 54px
}
#learn-hra .learn-section.hra-webinar#oe-webinars .article-section.oe-card-wrapper {
  margin-top: 0px;
  margin-bottom: 0px
}
#learn-hra .learn-section.hra-webinar#oe-webinars .article-section.oe-card-wrapper .oe-webinar-img {
  margin-bottom: 20px
}
#learn-hra .learn-section.hra-webinar#oe-webinars .article-section.oe-card-wrapper .icon-and-text {
  margin-bottom: 20px
}
#learn-hra .learn-section.hra-webinar#oe-webinars .article-section.oe-card-wrapper h3.oswald.webinar-title {
  margin-bottom: 0px;
  display: inline-block;
  color: black
}
#learn-hra .learn-section.hra-webinar#oe-webinars .article-section.oe-card-wrapper .card-icon-play {
  margin-right: 10px;
  float: left
}
#learn-hra .learn-section.hra-webinar#oe-webinars .article-section.oe-card-wrapper .btn-wrapper {
  margin-left: 32px
}
.learn-lpfsa .hero-wrapper {
  height: auto
}
.learn-lpfsa .guide-hero#lpfsa-hero {
  background-image: url("https://drq94yec07kda.cloudfront.net/images/guide/learn-lpfsa-hero.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  width: 100%;
  height: 454px
}
.learn-lpfsa .guide-hero#lpfsa-hero .hero-text h3.sanchez {
  font-size: 18px
}
.learn-lpfsa .guide-hero#lpfsa-hero .hero-text h1.oswald.purple {
  margin-bottom: 20px
}
.learn-lpfsa .guide-hero#lpfsa-hero .hero-text p {
  margin-bottom: 0px
}
.guide-page#learn-hsa .qualified-expense-icon-section.dcfsa-icon-section.hsa-qualified-medical-expenses table.qme-orbit-table {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 56px;
  margin-bottom: 46px;
  border-collapse: separate;
  background-color: white
}
.guide-page#learn-hsa .qualified-expense-icon-section.dcfsa-icon-section.hsa-qualified-medical-expenses table.qme-orbit-table tr {
  background-color: white
}
.guide-page#learn-hsa .qualified-expense-icon-section.dcfsa-icon-section.hsa-qualified-medical-expenses table.qme-orbit-table tr td {
  width: 16.66%
}
.guide-page#learn-hsa .qualified-expense-icon-section.dcfsa-icon-section.hsa-qualified-medical-expenses table.qme-orbit-table tr td p {
  margin: 0px;
  padding: 0px
}
.guide-page#learn-hsa .qualified-expense-icon-section.dcfsa-icon-section.hsa-qualified-medical-expenses table.qme-orbit-table tr.qme-text {
  vertical-align: top
}
.guide-page#learn-hsa .qualified-expense-icon-section.dcfsa-icon-section.hsa-qualified-medical-expenses .orbit {
  height: 235px
}
.guide-page#learn-hsa .qualified-expense-icon-section.dcfsa-icon-section.hsa-qualified-medical-expenses .scroll-container h3 {
  margin-bottom: 20px
}
.guide-page#learn-hsa .complement-hsa {
  margin-top: 120px
}
.guide-page#learn-hsa .complement-hsa .img-wrapper {
  text-align: center
}
.guide-page#learn-hsa .complement-hsa .img-wrapper .complement-img {
  height: 153px
}
.guide-page#learn-hsa .learn-section-2.dcfsa-timing-matters.commuter-eligibility table {
  max-width: 380px
}
.guide-page#learn-hsa .learn-section-2.dcfsa-timing-matters.commuter-eligibility table td {
  max-width: 350px;
  vertical-align: top
}
.guide-page#learn-hsa .learn-section-2.dcfsa-timing-matters.commuter-eligibility table td.lpfsa-checkmark-td {
  width: 30px;
  padding-left: 0px;
  padding-right: 0px
}
.guide-page#learn-hsa .learn-section-2.dcfsa-timing-matters.commuter-eligibility table td.lpfsa-checkmark-td img.lozad.lpfsa-checkmark {
  width: 26px
}
#learn-hsa .guide-hero#learn-comm {
  background-image: url("https://drq94yec07kda.cloudfront.net/images/guide/commuter-hero.png");
  height: 416px;
  background-position-x: 60%
}
#learn-hsa .commuter-eligibility .row {
  max-width: 71rem
}
#learn-hsa .commuter-eligibility h3 {
  margin-bottom: 20px
}
#learn-hsa .commuter-eligibility table.timing-table {
  margin-top: 50px
}
#learn-hsa .commuter-icon-section .qualified-expense-icon {
  padding: 0 3rem
}
#learn-hsa .commuter-icon-section .sanchez {
  color: #595959
}
#learn-hsa .commuter-icon-section .icon-text {
  font-size: 24px
}
#learn-hsa .commuter-annual-savings {
  padding-top: 0;
  margin-bottom: 90px
}
#learn-hsa .commuter-annual-savings .brand-padding {
  position: relative
}
#learn-hsa .commuter-annual-savings #annual-savings-grey-bg {
  position: absolute;
  height: 176px;
  width: 76%;
  bottom: -20px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto
}
#learn-hsa .commuter-annual-savings #annual-savings-container {
  bottom: unset
}
#learn-hsa .commuter-annual-savings #annual-savings-container #expense-addition {
  padding: 40px 160px 14px 160px
}
#learn-hsa .commuter-annual-savings #annual-savings-container #expense-addition-total {
  border-top: none;
  position: relative
}
#learn-hsa .commuter-annual-savings #annual-savings-container span {
  font-size: 16px;
  color: #595959
}
#learn-hsa .commuter-annual-savings #annual-savings-container .purple-border {
  position: absolute;
  width: 375px;
  height: 100%;
  border-top: 1px solid #592C82;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto
}
#learn-hsa .commuter-annual-savings #annual-savings-container h5 {
  padding-top: 20px
}
#learn-hsa .commuter-contribution-table .sanchez {
  color: #595959;
  margin-bottom: 12px
}
#learn-hsa .commuter-contribution-table .below-table-text {
  color: #595959
}
#learn-hsa .commuter-webinar #oe-orbit-container {
  min-height: 430px !important
}
#learn-hsa .commuter-webinar .article-section #play-button-img {
  float: left
}
#learn-hsa .commuter-webinar .article-section h3 {
  overflow: hidden;
  padding-left: 10px;
  color: black
}
#learn-hsa .commuter-webinar .article-section .secondary-btn {
  margin-left: 37px;
  margin-top: 20px
}
#learn-hsa #disclosures p {
  color: #595959
}
#learn-hsa .guide-hero#learn-dcfsa {
  background-image: url("https://drq94yec07kda.cloudfront.net/images/guide/dcfsa-hero.png");
  height: 416px;
  background-position-x: 15%;
  background-position-y: 50%
}
#learn-hsa #lhsa-definition h2 {
  margin-bottom: 20px
}
#learn-hsa #lhsa-definition .dcfsa-definition-p {
  padding: 0 10rem
}
#learn-hsa .dcfsa-icon-section {
  margin-bottom: 40px
}
#learn-hsa .dcfsa-icon-section h3 {
  margin-bottom: 60px
}
#learn-hsa .dcfsa-icon-section .qualified-expense {
  vertical-align: top
}
#learn-hsa .dcfsa-annual-savings {
  padding-top: 80px
}
#learn-hsa .dcfsa-annual-savings #annual-savings-container #expense-addition {
  padding: 40px 10px 14px 10px
}
#learn-hsa .dcfsa-contribution-table .table-container {
  padding: 0 4rem
}
#learn-hsa .dcfsa-contribution-table .table-container table {
  table-layout: auto !important
}
#learn-hsa .dcfsa-contribution-table .table-container table td {
  width: unset !important
}
#learn-hsa .dcfsa-timing-matters {
  margin-bottom: 60px
}
#learn-hsa .dcfsa-limited-election h3 {
  margin-bottom: 20px
}
#learn-hsa .dcfsa-limited-election .qualified-expense {
  display: inline-block;
  vertical-align: middle
}
#learn-hsa .dcfsa-limited-election .qualified-expense .qualified-expense-icon {
  margin-bottom: 20px
}
#learn-hsa .dcfsa-limited-election .qualified-expense p {
  font-size: 16px
}
#learn-hsa .dcfsa-webinar {
  margin-bottom: 0
}
#learn-double-dipping #tax-savings-table {
  padding-top: 0
}
#learn-double-dipping .sanchez {
  padding-left: 17px;
  margin-top: 45px
}
#learn-other-types {
  padding-top: 120px;
  padding-bottom: 80px
}
#learn-other-types h3 {
  margin-bottom: 40px
}
#learn-other-types .benefit-card {
  background-color: white;
  padding: 20px 30px 20px 20px;
  margin-bottom: 40px;
  border-radius: 6px;
  border-top: 12px solid #592C82;
  box-shadow: 0px 3px 20px #00000029;
  min-height: 275px;
  position: relative
}
#learn-other-types .benefit-card .eyebrow {
  color: #595959;
  font-size: 14px;
  margin-top: 0;
  margin-bottom: 10px
}
#learn-other-types .benefit-card h3 {
  font-size: 28px;
  margin-bottom: 12px
}
#learn-other-types .benefit-card p {
  margin-top: 12px
}
#learn-other-types .benefit-card a {
  display: block;
  margin-top: 35px
}
#learn-other-types .benefit-card .card-img {
  padding-right: 0.4rem
}
#learn-other-types .benefit-card .card-img img {
  max-height: 43px;
  display: block;
  margin: auto
}
#learn-other-types .benefit-card .secondary-btn {
  position: absolute;
  bottom: 20px
}
.lhsa-icon {
  max-height: 38px;
  max-width: 38px
}
#oe-webinars {
  margin-bottom: 120px
}
#oe-webinars #oe-webinar-text {
  padding-left: 60px;
  padding-right: 60px
}
#oe-webinars h5#oe-webinar-h5 {
  color: #595959
}
#oe-webinars h2#oe-webinar-h2 {
  margin-bottom: 20px
}
#oe-webinars .orbit#oe-orbit .orbit-wrapper ul#oe-orbit-container.orbit-container {
  min-height: 328px
}
#oe-webinars .orbit#oe-orbit .orbit-wrapper ul#oe-orbit-container.orbit-container li.orbit-slide .orbit-figure .article-section.oe-card-wrapper {
  margin: 0px;
  padding: 20px
}
#oe-webinars .orbit#oe-orbit .orbit-wrapper ul#oe-orbit-container.orbit-container li.orbit-slide .orbit-figure .article-section.oe-card-wrapper .article-container.oe-card {
  max-width: 408px
}
#oe-webinars .orbit#oe-orbit .orbit-wrapper ul#oe-orbit-container.orbit-container li.orbit-slide .orbit-figure .article-section.oe-card-wrapper .article-container.oe-card img.oe-webinar-img {
  margin-bottom: 24px
}
#oe-webinars .orbit#oe-orbit .orbit-wrapper ul#oe-orbit-container.orbit-container li.orbit-slide .orbit-figure .article-section.oe-card-wrapper .article-container.oe-card:hover {
  border-radius: 6px;
  box-shadow: 5px 5px 20px #0000001F, 5px -5px 20px #0000001F, -5px 5px 20px #0000001F, -5px -5px 20px #0000001F;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transition-duration: 0.6s
}
#oe-webinars .orbit#oe-orbit .orbit-wrapper .oe-orbit-bullets {
  margin-top: 0;
  margin-bottom: 4px;
  margin-left: 38px;
  display: inline-block
}
#oe-webinars .orbit#oe-orbit .orbit-wrapper .oe-orbit-bullets .carousel-btn {
  float: left;
  height: 12px;
  width: 12px;
  cursor: pointer
}
@media screen and (max-width: 1023px) {
  .guide-page .learn-section #why-choose-us {
    text-align: center
  }
  .guide-page .learn-section table {
    margin-bottom: 0;
    border-collapse: separate;
    padding: 0 20px
  }
  .guide-page .learn-section table tr td {
    padding-bottom: 10px;
    padding-top: 10px
  }
  .guide-page .learn-section table tr .table-text {
    float: left
  }
  .guide-page .learn-section #why-choose-us h3 {
    margin-bottom: 40px
  }
  .guide-page .annual-savings #expense-addition {
    display: block !important
  }
  @keyframes fade {
    0% {
      opacity: 0
    }
    100% {
      opacity: 1
    }
  }
  .guide-page .sticky-menu.visible {
    visibility: visible;
    opacity: 1;
    animation: fade .3s
  }
  .guide-page .sticky-menu {
    visibility: hidden;
    -webkit-transition: opacity 600ms, visibility 600ms;
    transition: opacity 600ms, visibility 600ms;
    background-color: white;
    box-shadow: 0px 3px 6px #0000001F
  }
  .guide-page .sticky-menu ul {
    list-style-type: none;
    padding: 16px 0px;
    overflow: auto;
    white-space: nowrap;
    margin: 0px
  }
  .guide-page .sticky-menu ul li {
    padding: 0px 12px;
    display: inline-block
  }
  .guide-page .sticky-menu ul li a {
    position: relative;
    font-size: 15px;
    color: #595959
  }
  .guide-page .sticky-menu ul li .active {
    color: #592C82;
    font-weight: 700
  }
  .guide-page .sticky-menu ul li .active::after {
    position: absolute;
    display: inline-block;
    content: "";
    width: 100%;
    height: 3px;
    top: 120%;
    left: 0;
    background: #592C82;
    z-index: 2000
  }
  .guide-page .sticky.is-stuck {
    z-index: 1000
  }
  .guide-page #disclosures {
    width: 99%;
    margin: auto
  }
  .learn-sectioner {
    margin: 80px 0 !important
  }
  #learn-hsa .guide-hero {
    background-image: none;
    height: 510px
  }
  #learn-hsa .guide-hero #hsa-hero-img, #learn-hsa .guide-hero #dcfsa-hero-img {
    background: top left no-repeat;
    background-size: cover
  }
  #learn-hsa #hsa-basics {
    margin-top: 20px
  }
  #learn-hsa #lhsa-eligibility #lhsa-eligibility-title {
    margin-bottom: 30px
  }
  #learn-hsa #lhsa-eligibility #lhsa-eligibility-title h3 {
    margin-bottom: 12px
  }
  #learn-hsa #lhsa-eligibility #lhsa-eligibility-title p {
    margin-bottom: 0
  }
  #learn-hsa #debit-card #content-mobile h4 {
    margin: 40px 0
  }
  #learn-hsa #debit-card #content-mobile .button-container {
    margin-top: 40px
  }
  #learn-hsa #oe-webinar-text {
    text-align: center
  }
  #learn-hra .guide-hero#hra-hero {
    background-image: url("https://drq94yec07kda.cloudfront.net/images/guide/learn-hra-hero-md.png");
    background-position: center;
    height: 360px;
    margin-top: 140px
  }
  #learn-hra .guide-hero#hra-hero .hero-text {
    margin-top: -140px
  }
  #learn-hra .guide-hero#hra-hero .hero-text h1.oswald.purple {
    font-size: 42px
  }
  #learn-hra .learn-section#hra-definition h2.oswald.purple {
    font-size: 34px
  }
  #learn-hra .learn-section#hra-eligibility h3.oswald.purple, #learn-hra .learn-section#hra-details h3.oswald.purple {
    font-size: 24px
  }
  #learn-hra .learn-sectioner#how-it-works {
    margin-bottom: 26px !important
  }
  #learn-hra .learn-sectioner#how-it-works h2.oswald.purple {
    font-size: 34px
  }
  #learn-hra .learn-section#hra-details p {
    margin-bottom: 80px
  }
  #learn-hra .plans-vary {
    margin-top: 40px
  }
  #learn-hra .plans-vary h3.oswald.purple {
    font-size: 24px;
    margin-bottom: 12px
  }
  #learn-hra .plans-vary .img-wrapper {
    position: relative
  }
  #learn-hra .plans-vary .img-wrapper #puzzle {
    margin-top: 24px;
    vertical-align: bottom
  }
  .learn-lpfsa .guide-hero#lpfsa-hero {
    background-image: url("https://drq94yec07kda.cloudfront.net/images/guide/learn-lpfsa-hero-md.png");
    background-position: center;
    background-position: 50% 0%;
    height: 360px;
    margin-top: 240px
  }
  .learn-lpfsa .guide-hero#lpfsa-hero .hero-text {
    margin-top: -240px
  }
  .learn-lpfsa .guide-hero#lpfsa-hero .hero-text h1.oswald.purple {
    font-size: 42px
  }
  .guide-page#learn-hsa .qualified-expense-icon-section.dcfsa-icon-section.hsa-qualified-medical-expenses table.qme-orbit-table tr td {
    width: 25%
  }
  #learn-hsa h2 {
    font-size: 34px
  }
  #learn-hsa h3 {
    font-size: 24px
  }
  #learn-hsa .guide-hero#learn-comm {
    background-size: contain;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center 270px;
    height: 100%
  }
}
@media screen and (max-width: 1023px) and (max-width: 710px) and (min-width: 639px) {
  #learn-hsa .commuter-icon-section .qualified-expense-icon {
    padding: 0 2rem
  }
}
@media screen and (max-width: 1023px) {
  #learn-hsa .commuter-annual-savings .expense-container {
    margin: auto;
    display: block;
    width: 189px
  }
  #learn-hsa .commuter-annual-savings .inline-expense {
    margin-top: 40px
  }
  #learn-hsa .commuter-annual-savings #expense-addition {
    position: relative
  }
  #learn-hsa .commuter-annual-savings .plus-sign {
    position: absolute;
    left: 22%;
    margin-top: 55px
  }
  #learn-hsa #savings-calculator .savings-calculator-img {
    margin-left: 0
  }
  #learn-hsa .commuter-contribution-table .below-table-text {
    margin-top: 20px
  }
  #learn-hsa .commuter-webinar {
    margin-bottom: 80px
  }
  #learn-hsa .commuter-webinar .article-section .article-container {
    margin-left: -30px;
    max-width: 333px !important
  }
  #learn-hsa .commuter-webinar .article-section h3 {
    font-size: 21px
  }
  #learn-hsa .commuter-webinar #oe-webinar-text {
    text-align: left
  }
  .fsa-page .fsa-hero {
    height: 433px !important
  }
  .fsa-page .guide-hero {
    background-image: none !important
  }
  .fsa-page #fsa-hero-img {
    background-position: right !important;
    bottom: -50px !important
  }
  .fsa-page #expense-addition .plus-sign, .hsa-page #expense-addition .plus-sign {
    margin-top: 0 !important
  }
  .fsa-page #expense-addition .expense-container, .hsa-page #expense-addition .expense-container {
    margin-bottom: 15px
  }
  #learn-hsa .guide-hero#learn-dcfsa {
    background-size: contain;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center 210px;
    height: 100%
  }
  #learn-hsa .dcfsa-hero-img {
    height: 271px !important
  }
  #learn-hsa #lhsa-definition .dcfsa-definition-p {
    padding: 0
  }
  #learn-hsa .dcfsa-icon-section .horizontal-scroll .qualified-expense p {
    padding: 0 0.7rem
  }
  #learn-hsa .dcfsa-annual-savings #annual-savings-container #expense-addition {
    padding: 40px 110px 14px 110px
  }
  #learn-hsa .dcfsa-annual-savings .expense-container {
    width: 230px
  }
  #learn-hsa .dcfsa-annual-savings .qualified-expense-icon {
    min-width: 38px
  }
  #learn-hsa .dcfsa-annual-savings .plus-sign {
    left: 20%
  }
  #learn-hsa .dcfsa-webinar {
    margin-bottom: 0
  }
  #learn-other-types {
    padding-top: 40px
  }
  .guide-page .dcfsa-limited-election p {
    margin-top: 0 !important
  }
  #oe-webinars {
    margin-bottom: 120px
  }
  #oe-webinars #oe-webinar-text {
    padding-left: 10px;
    padding-right: 10px
  }
  #oe-webinars #oe-webinar-text h2#oe-webinar-h2 {
    margin-bottom: 20px
  }
  #oe-webinars #oe-webinar-text p#oe-webinars-p {
    margin-bottom: 80px
  }
  #oe-webinars .orbit#oe-orbit .orbit-wrapper {
    width: 534px;
    margin-left: auto;
    margin-right: auto
  }
  #oe-webinars .orbit#oe-orbit .orbit-wrapper ul#oe-orbit-container.orbit-container {
    min-height: 268px
  }
  #oe-webinars .orbit#oe-orbit .orbit-wrapper ul#oe-orbit-container.orbit-container li.orbit-slide {
    text-align: center
  }
  #oe-webinars .orbit#oe-orbit .orbit-wrapper ul#oe-orbit-container.orbit-container li.orbit-slide .orbit-figure {
    width: 534px;
    margin-left: auto;
    margin-right: auto;
    text-align: left
  }
  #oe-webinars .orbit#oe-orbit .orbit-wrapper ul#oe-orbit-container.orbit-container li.orbit-slide .orbit-figure img.oe-webinar-img {
    width: 534px;
    margin-bottom: 24px
  }
  #oe-webinars .orbit#oe-orbit .orbit-wrapper .oe-orbit-bullets {
    margin-left: 0px
  }
}
@media screen and (max-width: 880px) {
  #learn-hsa .guide-hero#learn-dcfsa {
    background-position: center 240px
  }
}
@media screen and (max-width: 780px) {
  #learn-hsa .guide-hero#learn-comm {
    background-position: center 300px
  }
}
@media screen and (max-width: 718px) {
  .fsa-page #fsa-hero-img {
    bottom: -80px !important
  }
}
@media screen and (max-width: 693px) {
  .fsa-page #fsa-hero-img {
    bottom: -110px !important
  }
}
@media screen and (max-width: 643px) {
  #learn-hsa .guide-hero#learn-comm {
    background-position: center 330px
  }
}
@media screen and (max-width: 639px) {
  .guide-page .hero-wrapper .guide-hero .hero-text {
    padding: 40px 15px
  }
  .learn-section table {
    border-collapse: separate;
    padding: 0 20px
  }
  .learn-section table tr .table-text {
    float: left
  }
  #hsa-hero-img, #dcfsa-hero-img {
    bottom: -15px !important
  }
  .learn-fsa-hero-img {
    bottom: -170px !important
  }
  #learn-hsa .hero-wrapper {
    height: 540px
  }
  #learn-hsa #hsa-hero {
    height: 460px
  }
  #learn-hsa #hsa-hero h3 {
    font-size: 18px !important
  }
  #learn-hsa #eligibility-pass {
    border-right: 0 !important
  }
  #learn-hsa #eligibility-pass #border-bottom {
    border-bottom: 1px solid #DBDBDE;
    position: absolute;
    width: 60%;
    left: 20%
  }
  #learn-hsa #hsa-tool-section .small-12 {
    margin-bottom: 80px
  }
  #learn-hsa #triple-savings {
    padding-top: 0
  }
  #learn-hsa #triple-savings h3 {
    margin-bottom: 0
  }
  #learn-hsa #triple-savings #tax-savings-table {
    margin-bottom: 40px
  }
  #learn-hsa #fsa-vs-hsa {
    margin-top: 80px
  }
  #learn-hsa #advisory-tools .icon-table {
    margin-top: 24px
  }
  #learn-hsa #oe-webinar-text {
    text-align: left
  }
  .fsa-page .fsa-hero {
    background-image: none !important
  }
  .fsa-page .fsa-hero #fsa-hero-img {
    bottom: -90px !important
  }
  .fsa-page #learn-other-types {
    margin-top: 40px
  }
  .fsa-page #get-money-right-away .show-for-small {
    margin-bottom: 40px
  }
  .fsa-page #advisory-tools-table {
    padding-top: 40px
  }
  .fsa-page #oe-webinar-text {
    padding-top: 20px !important
  }
}
@media screen and (max-width: 639px) and (max-width: 564px) {
  #learn-hra .guide-hero#hra-hero {
    background-position: 30%
  }
}
@media screen and (max-width: 639px) and (max-width: 374px) {
  #learn-hra .guide-hero#hra-hero {
    margin-top: 200px
  }
  #learn-hra .guide-hero#hra-hero .hero-text {
    margin-top: -200px
  }
}
@media screen and (max-width: 639px) {
  #learn-hra .learn-section#hra-definition h2.oswald.purple {
    font-size: 24px
  }
  #learn-hra .learn-section#hra-eligibility h3.oswald.purple {
    font-size: 24px
  }
  #learn-hra .learn-section#hra-eligibility p {
    padding-bottom: 80px
  }
  #learn-hra .learn-sectioner#how-it-works {
    margin-top: 0px !important;
    margin-bottom: 0px !important
  }
  #learn-hra .plans-vary {
    margin-top: 40px
  }
  #learn-hra .plans-vary h3.oswald.purple {
    font-size: 24px;
    margin-bottom: 12px
  }
  #learn-hra .plans-vary .img-wrapper {
    position: relative
  }
  #learn-hra .plans-vary .img-wrapper #puzzle {
    margin-top: 0px;
    margin-bottom: 34px
  }
  .learn-lpfsa .guide-hero#lpfsa-hero {
    height: 220px;
    margin-top: 460px
  }
  .learn-lpfsa .guide-hero#lpfsa-hero .hero-text {
    margin-top: -460px
  }
}
@media screen and (max-width: 639px) and (min-width: 344px) {
  .learn-lpfsa .guide-hero#lpfsa-hero {
    margin-top: 410px
  }
  .learn-lpfsa .guide-hero#lpfsa-hero .hero-text {
    margin-top: -410px
  }
}
@media screen and (max-width: 639px) and (min-width: 394px) {
  .learn-lpfsa .guide-hero#lpfsa-hero {
    margin-top: 380px
  }
  .learn-lpfsa .guide-hero#lpfsa-hero .hero-text {
    margin-top: -380px
  }
}
@media screen and (max-width: 639px) and (min-width: 442px) {
  .learn-lpfsa .guide-hero#lpfsa-hero {
    margin-top: 330px
  }
  .learn-lpfsa .guide-hero#lpfsa-hero .hero-text {
    margin-top: -330px
  }
}
@media screen and (max-width: 639px) and (min-width: 544px) {
  .learn-lpfsa .guide-hero#lpfsa-hero {
    margin-top: 300px;
    background-position: 50% 30%
  }
  .learn-lpfsa .guide-hero#lpfsa-hero .hero-text {
    margin-top: -300px
  }
}
@media screen and (max-width: 639px) {
  .guide-page#learn-hsa .qualified-expense-icon-section.dcfsa-icon-section.hsa-qualified-medical-expenses p {
    padding-left: 86px;
    padding-right: 86px
  }
  .guide-page#learn-hsa .qualified-expense-icon-section.dcfsa-icon-section.hsa-qualified-medical-expenses p.no-padding {
    padding: 0px
  }
  .guide-page#learn-hsa .qualified-expense-icon-section.dcfsa-icon-section.hsa-qualified-medical-expenses .dcfsa-p {
    padding: 0 0.7rem
  }
  .guide-page#learn-hsa .qualified-expense-icon-section.dcfsa-icon-section.hsa-qualified-medical-expenses .orbit {
    height: 124px
  }
  .complement-hsa .img-wrapper {
    text-align: left !important;
    margin-bottom: 20px
  }
  .complement-hsa .img-wrapper .complement-img {
    height: 153px
  }
  .learn-section-2.dcfsa-timing-matters.commuter-eligibility table {
    max-width: 100% !important
  }
  .learn-section-2.dcfsa-timing-matters.commuter-eligibility table td {
    max-width: 90%;
    vertical-align: top
  }
  .learn-section-2.dcfsa-timing-matters.commuter-eligibility table td.lpfsa-checkmark-td {
    width: 30px;
    padding-left: 0px;
    padding-right: 0px
  }
  .learn-section-2.dcfsa-timing-matters.commuter-eligibility table td.lpfsa-checkmark-td img.lozad.lpfsa-checkmark {
    width: 26px
  }
  #learn-hsa h2 {
    font-size: 24px
  }
  #learn-hsa .guide-hero#learn-comm {
    background-position: center 290px
  }
  #learn-hsa .learn-sectioner {
    padding: 100px 20px;
    margin: 80px 0
  }
  #learn-hsa .learn-sectioner h2 {
    font-size: 32px
  }
  #learn-hsa .commuter-eligibility .sign-up {
    margin-top: 80px;
    margin-bottom: -20px
  }
  #learn-hsa .commuter-icon-section .horizontal-scroll {
    padding-top: 40px;
    overflow-x: unset;
    white-space: unset
  }
  #learn-hsa .commuter-icon-section .qualified-expense-icon {
    padding: 0 1.8rem
  }
  #learn-hsa .commuter-icon-section .icon-text {
    font-size: 18px
  }
  #learn-hsa .commuter-options {
    margin-top: 100px
  }
  #learn-hsa .commuter-annual-savings {
    margin-bottom: 70px
  }
  #learn-hsa .commuter-annual-savings #annual-savings-grey-bg {
    width: 100%;
    height: 90px
  }
}
@media screen and (max-width: 639px) and (max-width: 410px) {
  #learn-hsa .commuter-annual-savings #annual-savings-container .plus-sign {
    left: 15%
  }
}
@media screen and (max-width: 639px) {
  #learn-hsa .commuter-annual-savings #annual-savings-container #expense-addition {
    padding: 40px 20px 14px 38px
  }
  #learn-hsa .commuter-annual-savings #annual-savings-container .purple-border {
    width: 286px
  }
  #learn-hsa #savings-calculator .savings-calculator-img {
    width: 120px;
    margin-bottom: 20px
  }
  #learn-hsa .commuter-contribution-table h3, #learn-hsa .commuter-contribution-table .below-title-text {
    text-align: left
  }
  #learn-hsa .commuter-contribution-table .show-for-small p {
    width: unset !important;
    left: unset !important
  }
  #learn-hsa .commuter-contribution-table table {
    table-layout: auto !important
  }
  #learn-hsa .commuter-contribution-table table td {
    width: unset !important
  }
  #learn-hsa .commuter-webinar {
    margin-bottom: 60px
  }
  #learn-hsa .commuter-webinar #oe-webinars-p {
    margin-bottom: 40px !important
  }
  #learn-hsa .commuter-webinar .article-section .article-container {
    margin-left: -38px;
    margin-right: -38px;
    max-width: unset !important
  }
  #learn-hsa .guide-hero#learn-dcfsa {
    background-position: center 260px
  }
  .guide-page .dcfsa-definition .center {
    text-align: left
  }
  .guide-page .dcfsa-icon-section {
    margin-bottom: 0 !important
  }
  .guide-page .dcfsa-annual-savings #annual-savings-container .plus-sign {
    left: 11% !important
  }
  .guide-page .dcfsa-savings-calculator {
    padding-top: 60px;
    margin-bottom: 0 !important
  }
  .guide-page .dcfsa-contribution-table h3, .guide-page .dcfsa-contribution-table .below-title-text {
    text-align: left
  }
  .guide-page .dcfsa-contribution-table .table-container {
    padding: 0 10px !important
  }
  .guide-page .dcfsa-contribution-table .table-container p {
    font-size: 16px
  }
  .guide-page .dcfsa-contribution-table .table-container .sanchez {
    font-size: 18px
  }
  .guide-page .dcfsa-limited-election .qualified-expense {
    width: 100%
  }
  .guide-page .dcfsa-webinar #oe-webinar-text {
    padding-top: 30px !important
  }
  #learn-double-dipping .sanchez {
    margin-top: 20px;
    padding-left: 0
  }
  #learn-other-types {
    padding-top: 0;
    padding-bottom: 60px;
    margin-top: -40px
  }
  #learn-other-types .benefit-card {
    min-height: 341px
  }
  #learn-other-types .benefit-card .card-img {
    margin-bottom: 20px;
    padding-left: 0
  }
  #learn-other-types .benefit-card h3 {
    font-size: 24px
  }
  #oe-webinars {
    margin-bottom: 120px
  }
  #oe-webinars #oe-webinar-text {
    padding-left: 10px;
    padding-right: 10px
  }
  #oe-webinars #oe-webinar-text h2#oe-webinar-h2 {
    margin-bottom: 20px
  }
  #oe-webinars #oe-webinar-text p#oe-webinars-p {
    margin-bottom: 80px
  }
  #oe-webinars .orbit#oe-orbit {
    text-align: left
  }
  #oe-webinars .orbit#oe-orbit .orbit-wrapper {
    margin-left: 0px;
    width: auto
  }
  #oe-webinars .orbit#oe-orbit .orbit-wrapper ul#oe-orbit-container.orbit-container {
    min-height: 263px
  }
  #oe-webinars .orbit#oe-orbit .orbit-wrapper ul#oe-orbit-container.orbit-container li.orbit-slide {
    text-align: left
  }
  #oe-webinars .orbit#oe-orbit .orbit-wrapper ul#oe-orbit-container.orbit-container li.orbit-slide .orbit-figure {
    margin-left: 0px;
    width: auto
  }
  #oe-webinars .orbit#oe-orbit .orbit-wrapper ul#oe-orbit-container.orbit-container li.orbit-slide .orbit-figure img.oe-webinar-img {
    margin-bottom: 24px;
    width: auto
  }
  #oe-webinars .orbit#oe-orbit .oe-orbit-bullets {
    margin-left: 0px
  }
  #lfsa-webinar {
    text-align: left
  }
  #lfsa-webinar .oe-card-wrapper {
    margin-top: 144px
  }
  #lfsa-webinar .oe-card-wrapper .oe-card {
    max-width: 408px
  }
  #lfsa-webinar .oe-card-wrapper .oe-card #oe-prod-webinar-img {
    margin-bottom: 24px
  }
  #lfsa-webinar h5#oe-webinar-h5 {
    margin-top: 42px
  }
  #lfsa-webinar p#oe-webinar-p {
    padding-left: 0px;
    padding-right: 0px
  }
  #lfsa-webinar h3#oe-prod-content-h3 {
    margin-bottom: 20px;
    font-size: 24px
  }
  #lfsa-webinar #oe-prod-webinar-wrapper {
    margin-left: auto;
    margin-right: auto;
    width: auto;
    text-align: left
  }
  #lfsa-webinar #oe-prod-webinar-wrapper #oe-prod-webinar-img {
    margin-top: 24px;
    margin-bottom: 24px
  }
}
@media screen and (max-width: 589px) {
  #learn-hsa .guide-hero#learn-comm {
    background-position: center 320px
  }
}
@media screen and (max-width: 549px) {
  #learn-hsa .guide-hero#learn-dcfsa {
    background-position: center 290px
  }
}
@media screen and (max-width: 537px) {
  #learn-hsa .guide-hero#learn-dcfsa {
    background-position: center 340px
  }
}
@media screen and (max-width: 530px) {
  #hsa-hero-img {
    bottom: -45px !important
  }
}
@media screen and (max-width: 523px) {
  #learn-hsa .guide-hero#learn-comm {
    background-position: center 365px
  }
}
@media screen and (max-width: 428px) {
  #hsa-hero-img {
    bottom: -75px !important
  }
  #learn-hsa .guide-hero#learn-comm {
    background-position: center 380px
  }
}
@media screen and (max-width: 370px) {
  #learn-hsa .guide-hero#learn-dcfsa {
    background-position: center 370px
  }
}
@media screen and (max-width: 348px) {
  #learn-hsa .guide-hero#learn-comm {
    background-position: center 420px
  }
}
@media screen and (max-width: 347px) {
  .fsa-page .fsa-hero #fsa-hero-img {
    bottom: -125px !important
  }
}
@media screen and (max-width: 346px) {
  .fsa-page .fsa-hero #fsa-hero-img {
    bottom: -155px !important
  }
}
@media screen and (max-width: 344px) {
  #hsa-hero-img {
    bottom: -105px !important
  }
}
#error-breacrumb .column {
  padding-left: 0
}
@media screen and (max-width: 639px) {
  #error-breacrumb .column {
    margin-bottom: 32px
  }
  #error-breacrumb .column .back-arrow {
    padding: 12px 0
  }
}
#error-hero {
  background-image: url("https://drq94yec07kda.cloudfront.net/images/landing_pages/img_404.png");
  margin-bottom: 120px
}
#error-hero h5 {
  margin-bottom: 12px
}
#error-hero h1 {
  margin-bottom: 40px
}
@media screen and (max-width: 900px) {
  #error-hero {
    background-position: 340px;
    background-size: 447.25px 295.96px
  }
}
@media screen and (max-width: 639px) {
  #error-hero {
    text-align: left !important
  }
  #error-hero .brand-padding {
    padding: 0
  }
  #error-hero .brand-padding .content {
    padding: 0
  }
  #error-hero .brand-padding .content h5, #error-hero .brand-padding .content h1 {
    padding: 0 16px
  }
  #error-hero .hqy-button {
    text-align: center;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 80px
  }
}
#demo-top-nav .row {
  max-width: 100%;
  background: linear-gradient(90deg, #592C82 50%, #f8f8f8 50%)
}
#demo-top-nav .row .title-bar-logo {
  height: 80px
}
#demo-top-nav .row .right-side a {
  float: right;
  margin-right: 15px;
  color: #008094
}
#demo-top-nav .row .right-side a:hover {
  text-decoration: underline
}
#demo-footer .row {
  max-width: 100%;
  background: linear-gradient(90deg, #592C82 50%, #f8f8f8 50%)
}
#demo-footer .row .legal, #demo-footer .row a {
  color: white;
  font-size: 12px;
  line-height: 1.3
}
#demo-footer .row a {
  text-decoration: underline
}
#demo-footer .row .left-side {
  padding: 0px 0px 35px 50px
}
#mobile-cont-link {
  background-color: #592C82;
  text-align: center;
  margin: -1px 0px
}
#mobile-cont-link span {
  color: white;
  text-decoration: underline;
  font-weight: 500
}
#cost-savings-main-content {
  padding: 4.5rem 0 7rem 0
}
@media screen and (min-width: 1055px) {
  #cost-savings-main-content .cost-savings-left-content {
    padding-left: 5.1rem
  }
}
#cost-savings-main-content h1 {
  font-family: Oswald;
  color: #592C82;
  font-size: 25px;
  line-height: 35px;
  margin-bottom: 2rem;
 margin-top:0.5rem;
}
#cost-savings-main-content img {
  display:block;
  margin-left:auto; 
  margin-right:auto; 
  width: 95%;
  margin-bottom: 1rem
}
#cost-savings-main-content h2 {
  font-size: 16px;
  line-height: 25px;
  text-transform: none
}
#cost-savings-main-content .whats-inside {
  margin: 1.7rem 0 1rem 0
}

#cost-savings-main-content .case-study {
  margin-bottom:0.7rem
}
#cost-savings-main-content #hubspot-form ul {
  list-style-type: none;
  list-style-image: none
}
#cost-savings-main-content #hubspot-form ul li {
  margin-left: 0;
  padding-left: 0.55rem
}
.cost-savings-form-container {
  background-color: transparent !important;
  border-top:2px solid #e6e6e6;
  border-right:2px solid #e6e6e6;
  border-bottom:2px solid #e6e6e6;
  border-left:2px solid #e6e6e6;
 
}
.cost-savings-form-container .checkbox {
  margin-top: 32px
}
.cost-savings-form-container .checkbox .checkbox__control {
  margin-top: 4px
}
.cost-savings-form-container .checkbox p {
  text-align: left;
  font-size: 16px;
  margin-bottom: 0
}
.cost-savings-form-container .primary-btn {
  width: 100%
}
#hqy-message .purple-banner {
  background-color: #592C82;
  text-align: center;
  padding: 1.3rem 0
}
#hqy-message .purple-banner p {
  display: inline-block;
  color: white;
  font-family: museo-sans, sans-serif;
  font-size: 24px;
  margin-bottom: 0;
  padding: 0 3rem
}
#hqy-message .purple-banner .simplify {
  border-right: 2px solid white;
  border-left: 2px solid white
}
#hqy-message .services {
  background-color: #F1F2F1;
  padding: 3rem 0;
  text-align: center
}
#hqy-message .services h2 {
  color: #592C82;
  font-family: Oswald;
  font-size: 25px
}
#hqy-message .services h3 {
  color: #666666;
  font-size: 16px;
  margin-bottom: 1.5rem;
  text-transform: none
}
#hqy-message .services .service {
  display: inline-block;
  padding: 0 2.6rem;
  font-family: Oswald;
  color: #00AAC6;
  font-size: 25px;
  border-right: 2px solid #FFFFFF
}
#hqy-message .services p {
  margin-bottom: 0;
  font-family: Oswald;
  font-size: 25px
}
#hqy-message .service.last-service {
  border-right: none
}
.download-button {
  display: block;
  background-color: #00AAC6;
  color: white;
  font-family: Oswald;
  font-weight: bold;
  margin: auto
}
.download-button:hover {
  background-color: #0070b9;
  color: white
}
#cost-savings-thank-you {
  padding: 4rem 0;
  text-align: center
}
#cost-savings-thank-you p {
  font-size: 24px;
  margin: 20px 0 40px 0
}
#design-hsa {
  background-color: #F8F8F8;
  text-align: center;
  padding: 2rem 0
}
#design-hsa h2 {
  margin: 48px 0 16px 0
}
#design-hsa p {
  margin-bottom: 48px
}
#five-insights-main-content {
  padding: 4.5rem 0
}
#five-insights-main-content .cost-savings-left-content .float-left {
  padding: 0
}
#five-insights-main-content .cost-savings-left-content ul {
  list-style: none
}
#five-insights-main-content .cost-savings-left-content ul li {
  font-family: museo-sans, sans-serif;
  color: #333333;
  line-height: 26px;
  font-weight: 300;
  margin-left: 12px;
  font-size: 16px
}
#five-insights-main-content .cost-savings-left-content ul li:before {
  content: "•";
  margin-right: 12px;
  color: #592C82
}
#five-insights-main-content .cost-savings-left-content .guide-description {
  margin-bottom: 80px
}
@media screen and (min-width: 1055px) {
  #five-insights-main-content .cost-savings-left-content {
    padding-left: 5.1rem
  }
}
#five-insights-main-content h1 {
  font-family: Oswald;
  color: #592C82;
  font-size: 42px;
  line-height: 55px;
  margin-bottom: 2rem
}
#five-insights-main-content img {
  height: 1230px;
  margin-bottom: 1rem
}
#five-insights-main-content .whats-inside {
  color: #333333;
  margin: 1.7rem 0
}
#five-insights-main-content .case-study {
  
  margin-bottom: 0.6rem
}
#five-insights-main-content #hubspot-form {
  border-radius: 10px;
  border-bottom: 10px solid #592C82
}
#five-insights-main-content #hubspot-form h3 {
  margin-bottom: 48px
}
#five-insights-main-content #hubspot-form .form-floating-label input::placeholder {
  color: #595959;
  font-family: museo-sans, sans-serif
}
#five-insights-main-content #hubspot-form .form-floating-label input:focus ~ label, #five-insights-main-content #hubspot-form .form-floating-label input:disabled[value] ~ label, #five-insights-main-content #hubspot-form .form-floating-label.has-value input ~ label, #five-insights-main-content #hubspot-form .form-floating-label .filledField {
  font-family: museo-sans, sans-serif;
  color: #592C82
}
#five-insights-main-content #hubspot-form .hs-input {
  border-radius: 6px;
  border: solid #6D6E70 1px
}
#five-insights-main-content #hubspot-form .hqy-button {
  border-radius: 36px;
  border: none;
  margin-top: 0.5rem
}
#five-insights-main-content #hubspot-form ul {
  list-style-type: none;
  list-style-image: none
}
#five-insights-main-content #hubspot-form ul li {
  margin-left: 0;
  padding-left: 0.55rem
}
#five-insights-thank-you #five-insights-thank-you-main-content {
  text-align: center;
  margin: 80px 0
}
#five-insights-thank-you #five-insights-thank-you-main-content h1 {
  font-family: Oswald;
  color: #592C82;
  font-size: 45px;
  line-height: 55px;
  margin-bottom: 2rem
}
#five-insights-thank-you #design-hsa p {
  font-family: museo-sans, sans-serif;
  font-size: 19px;
  color: #1F1F1F
}
#rebranded-hqy-message-no-links .tertiary-link:hover {
  font-weight: 500;
  text-decoration: none;
  color: #008094;
  text-shadow: none
}
#rebranded-hqy-message-no-links .service:hover {
  box-shadow: none;
  border-radius: 0
}
#recommended-content h4 {
  text-transform: uppercase
}
#b2b-form-body {
  margin-top: 50px;
  margin-bottom: 80px
}
#b2b-form-body h1 {
  margin-bottom: 20px;
  font-size: 34px
}
#b2b-form-body .call-container {
  background-color: #F1F1F2;
  text-align: center;
  padding: 24px
}
#b2b-form-body .call-container p {
  margin-bottom: 0px
}
#b2b-form-body .call-container p.topline {
  margin-bottom: 12px
}
#b2b-form-body .call-container span {
  font-weight: 700
}
#b2b-form-body #checkboxColumn h4, #b2b-form-body #best-time-date-label {
  margin-top: 30px;
  margin-bottom: 20px;
 font-size: 14px;
  color: #595959;
  font-family: 'museo-sans';
  font-weight: 500
}
#b2b-form-body form#b2b-form .purple-primary-btn {
  width: 100%
}
#b2b-form-body #image-column #chapters {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 16px
}
#b2b-form-body #image-column ul p, #b2b-form-body #image-column ul {
  margin-bottom: 0px;
  font-size: 16px
}
#one-step-account-demo-ty {
  margin-top: 40px;
  margin-bottom: 80px
}
#one-step-account-demo-ty .header {
  margin-bottom: 40px
}
#one-step-account-demo-ty .header h1 {
  margin-bottom: 20px
}
#one-step-account-demo-ty h2 {
  font-size: 30px
}
#one-step-account-demo-ty h3 {
  text-transform: none;
  margin-bottom: 20px
}
#one-step-account-demo-ty .pdf-downloads {
  margin-bottom: 40px
}
#one-step-account-demo-ty .pdf-downloads img {
  width: 100%
}
#one-step-account-demo-ty .blog a {
  margin-bottom: 20px;
  color: #008094;
  font-size: 16px;
  font-family: 'museo-sans';
  font-weight: 500;
  display: block
}
#one-step-account-demo-ty .blog .hbspt-form .hs_email {
  margin-bottom: 0px
}
#one-step-account-demo-ty .blog .hbspt-form .hs_email label {
  margin-left: 8px;
  margin-bottom: -5px;
  font-size: 16px;
  font-family: 'museo-sans';
  font-weight: 300
}
#one-step-account-demo-ty .blog .hbspt-form .hs-input {
  margin-top: 10px;
  border: 1px solid #e6e7e8;
  border-radius: 6px;
  box-shadow: none;
  padding-left: 10px;
  height: 35px
}
#one-step-account-demo-ty .blog .hbspt-form .hs_submit .actions {
  margin-top: 0px
}
#one-step-account-demo-ty .blog .hbspt-form .hs-button {
  font-size: 16px;
  padding: 18px 40px;
  border-radius: 36px;
  display: inline-block;
  font-family: 'museo-sans';
  font-weight: 700;
  margin-bottom: 0px;
  background-color: #592C82;
  color: white;
  text-shadow: none;
  background-image: none;
  box-shadow: none;
  border: none
}
#acct-demo-hero {
  text-align: center;
  margin: 40px auto 30px
}
#acct-demo-hero p {
  width: 50%;
  margin: 0px auto
}
#acc-next-steps h2 {
  font-size: 18px;
  margin-bottom: 32px;
  text-transform: none
}
#acc-next-steps img {
  float: left;
  padding-right: 10px;
  height: 40px
}
#acc-next-steps p {
  display: block;
  overflow: hidden
}
#blog-signup {
  margin-top: 80px;
  background-color: #F8F8F8;
  padding: 40px 0px 40px
}
#blog-signup #content {
  padding: 80px;
  background-color: white;
  border-radius: 6px
}
#blog-signup #content .hbspt-form .hs_email {
  margin-bottom: 0px
}
#blog-signup #content .hbspt-form .hs_email label {
  margin-left: 8px;
  margin-bottom: -5px;
  font-size: 16px;
  font-family: 'museo-sans';
  font-weight: 300
}
#blog-signup #content .hbspt-form .hs-input {
  margin-top: 10px;
  border: 1px solid #e6e7e8;
  border-radius: 6px;
  box-shadow: none;
  padding-left: 10px;
  height: 35px
}
#blog-signup #content .hbspt-form .hs_submit .actions {
  margin-top: 0px
}
#blog-signup #content .hbspt-form .hs-button {
  font-size: 16px;
  padding: 18px 40px;
  border-radius: 36px;
  display: inline-block;
  font-family: 'museo-sans';
  font-weight: 700;
  margin-bottom: 0px;
  background-color: #008094;
  color: white;
  text-shadow: none;
  background-image: none;
  box-shadow: none;
  border: none
}
#blog-signup #content #new-blog-signup, #blog-signup #content #current-client {
  text-align: center
}
#blog-signup #content #new-blog-signup p, #blog-signup #content #current-client p {
  width: 90%;
  margin: 0px auto 40px
}
#blog-signup #content .divider {
  background-color: #592C82;
  height: 200px;
  width: 2px;
  border-radius: 3px;
  margin: 0px auto
}
#individuals-hero #individuals-img {
  background-image: url("https://drq94yec07kda.cloudfront.net/images/landing_pages/individuals-thankyou-hero.jpg");
  min-height: 350px;
  background-repeat: no-repeat;
  background-size: cover
}
#individuals-hero #individuals-content {
  border-bottom: 6px solid #592C82;
  width: 90%;
  max-width: 1050px;
  margin: 0px auto;
  padding: 40px 60px;
  text-align: center;
  background-color: white;
  position: relative;
  z-index: 1;
  margin-bottom: -65px;
  border-radius: 6px
}
#individuals-hero #individuals-content h1 {
  text-transform: none;
  margin-bottom: 8px
}
#individuals-hero #individuals-content p {
  margin-bottom: 0px
}
#individuals-hero #individuals-content p#first-line {
  margin-bottom: 25px
}
#individuals-hero #individuals-content #lottie {
  max-width: 50px;
  margin: 0px auto
}
@media screen and (max-width: 1023px) {
  #demo-footer .row > .left-side {
    padding: 0px 0px 20px 20px
  }
  #sem-top-nav .row {
    margin-left: auto;
    margin-right: auto
  }
  #acc-next-steps img {
    height: 30px
  }
  #acc-next-steps p {
    margin-bottom: 20px
  }
  #blog-signup #content {
    padding: 40px 30px
  }
  #blog-signup #content .hbspt-form {
    width: 75%;
    margin: 0px auto
  }
  #blog-signup #content .hbspt-form .hs-input {
    width: 100%
  }
  #blog-signup #content .divider {
    width: 75%;
    margin: 40px auto;
    height: 1px
  }
  #cost-savings-main-content .row {
    margin-left: auto;
    margin-right: auto
  }
  #cost-savings-main-content h1 {
    margin-bottom: 1rem;
    font-size: 32px;
    line-height: 42px
  }
  #five-insights-main-content .row {
    margin-left: auto;
    margin-right: auto
  }
  #five-insights-main-content h1 {
    margin-bottom: 1rem;
    font-size: 32px;
    line-height: 38px
  }
  #five-insights-main-content .float-left li {
    display: table-row
  }
  #five-insights-main-content .float-left li:before {
    display: table-cell;
    padding-right: 10px
  }
  #hqy-message .row {
    margin-left: auto;
    margin-right: auto
  }
}
@media screen and (max-width: 1023px) and (max-width: 720px) {
  #hqy-message .purple-banner p {
    padding: 0 2rem
  }
}
@media screen and (max-width: 1023px) and (max-width: 974px) {
  #hqy-message .services .service {
    padding: 0 1rem
  }
}
@media screen and (max-width: 1023px) {
  #cost-savings-thank-you p {
    font-size: 20px
  }
}
@media screen and (max-width: 1023px) and (max-width: 796px) {
  #ty-recommended-content p {
    padding: 0
  }
  #ty-recommended-content .content-col {
    min-height: 245px;
    position: relative
  }
  #ty-recommended-content .content-title {
    min-height: 60px
  }
}
@media screen and (max-width: 1023px) {
  #aa-test #image-column .call-container {
    margin-top: 80px
  }
  #aa-test #image-column #guidebook ol {
    margin-left: 0px
  }
  #aa-test #image-column .five-things ul {
    margin-left: 0px
  }
}
@media screen and (max-width: 639px) {
  #sem-top-nav {
    background-color: #592C82;
    height: 65px
  }
  #sem-top-nav .top-bar-left, #sem-top-nav .top-bar-right {
    max-width: 50%
  }
  #sem-top-nav .top-bar-right ul {
    background-color: #592C82
  }
  #sem-top-nav .top-bar-right ul .primary-btn {
    font-size: 12px
  }
  #sem-top-nav #topbar-nav-logo {
    height: 55px
  }
  #demo-top-nav .row {
    background: #592C82
  }
  #demo-top-nav .row .title-bar-logo {
    height: 70px
  }
  #demo-top-nav .row .right-side {
    text-align: center
  }
  #demo-top-nav .row .right-side a {
    color: white;
    float: none;
    margin-right: 0px
  }
  #demo-footer .row {
    background: #592C82
  }
  #demo-footer .row .left-side {
    padding: 0px 16px 24px
  }
  #aa-test h1 {
    margin-bottom: 40px
  }
  #aa-test .call-container {
    margin: 40px -10px
  }
  #aa-test #image-column {
    margin-top: 80px
  }
  #aa-test #image-column #guidebook img {
    text-align: center;
    width: 75%;
    display: block;
    margin: 0px auto
  }
  #aa-test #image-column #guidebook ol {
    margin-left: 16px;
    text-align: left
  }
  #aa-test #image-column #five-things-pdf-preview {
    width: 100%
  }
  #aa-test #image-column .five-things #chapters {
    margin-top: 0px
  }
  #one-step-account-demo-ty .pdf-downloads {
    margin-bottom: 80px
  }
  #one-step-account-demo-ty .pdf-downloads img {
    margin: 0px auto 20px;
    display: block;
    width: auto
  }
  #one-step-account-demo-ty h2 {
    margin-bottom: 20px
  }
  #acct-demo-hero p {
    width: 100%
  }
  #acc-next-steps img {
    padding-right: 20px
  }
  #blog-signup #content {
    width: 95%;
    margin: 0px auto;
    padding: 40px 20px
  }
  #blog-signup #content .hbspt-form {
    width: 100%
  }
  #blog-signup #content .hbspt-form a {
    color: #008094
  }
  #blog-signup #content .hbspt-form .hs-input {
    width: 95%
  }
  #blog-signup #content .hbspt-form .hs_submit .actions {
    width: 95%;
    margin-left: 0px
  }
  #blog-signup #content .hbspt-form .hs_submit .actions .hs-button {
    width: 65%
  }
  #cost-savings-main-content, #five-insights-main-content {
    padding: 2rem 0 0 0
  }
  #cost-savings-main-content h1, #five-insights-main-content h1 {
    margin-bottom: 0.5rem
  }
  #cost-savings-main-content img, #five-insights-main-content img {
    margin-top: 2rem;
    margin-bottom: 2rem
  }
  #cost-savings-main-content .whats-inside, #five-insights-main-content .whats-inside {
    margin: 1.2rem 0
  }
 #cost-savings-main-content .case-study, #five-insights-main-content .case-study {
    margin-bottom: 0.6rem
  }
  #cost-savings-main-content ul, #five-insights-main-content ul {
    margin-left: 0;
    margin-bottom: 2.5rem
  }
  #cost-savings-main-content .hubspot-form-container, #five-insights-main-content .hubspot-form-container {
    padding: 0 3rem 2rem 3rem
  }
  #cost-savings-main-content .hubspot-form-container h3, #five-insights-main-content .hubspot-form-container h3 {
    font-size: 21px
  }
}
@media screen and (max-width: 639px) and (max-width: 450px) {
  #cost-savings-main-content .hubspot-form-container, #five-insights-main-content .hubspot-form-container {
    padding: 0
  }
}
@media screen and (max-width: 639px) {
  #cost-savings-thank-you {
    padding: 2.5rem 0 4rem 0
  }
  #cost-savings-thank-you p {
    width: unset
  }
  #cost-savings-thank-you .primary-btn {
    width: 100%
  }
  #design-hsa {
    padding: 2.5rem 0
  }
  #design-hsa h2 {
    margin: 3rem 0 0.8rem 0;
    line-height: 36px
  }
  #design-hsa p {
    line-height: 23px
  }
  .cost-savings-article-section .article-container h4 {
    margin-bottom: 40px !important
  }
  #five-insights-main-content .cost-savings-left-content {
    padding: 0 17px
  }
  #five-insights-main-content .cost-savings-left-content h1 {
    line-height: 38px;
    font-size: 32px
  }
  #five-insights-main-content .guide-description {
    margin-bottom: 40px !important
  }
  #five-insights-main-content #hubspot-form .hqy-button {
    width: 60%
  }
  #five-insights-thank-you .small-centered h1 {
    margin-bottom: 16px !important
  }
  #five-insights-thank-you .small-centered p {
    margin-bottom: 40px
  }
  #five-insights-thank-you .small-centered .hqy-button {
    width: 60%
  }
  .rebranded-hqy-message .services {
    padding: 80px 0 3rem 0
  }
  #hqy-message .purple-banner p {
    display: block;
    padding: 0
  }
  #hqy-message .purple-banner .simplify {
    border: none;
    margin: 0.8rem 0
  }
  #hqy-message .services {
    padding: 4rem 0 3rem 0
  }
  #hqy-message .services h3 {
    margin-bottom: 1.5rem
  }
  #hqy-message .services .service {
    display: inline-block;
    border: none;
    width: 49%
  }
  #hqy-message .services p {
    margin-bottom: 1rem
  }
  #individuals-hero #individuals-content {
    padding: 30px 16px;
    margin-bottom: -40px
  }
  #individuals-hero #individuals-img {
    background-image: url("https://drq94yec07kda.cloudfront.net/images/landing_pages/individuals-thankyou-hero-m.png");
    min-height: 290px
  }
}
#lp-form-container {
  background-color: #f8f8f8;
  border-radius: 6px;
  padding: 30px;
  margin: 0px auto;
  text-align: center
}
#lp-form-container h3 {
  text-transform: none
}
#sf-error-msg {
  color: #db5f4d
}
form input[type="text"], form input[type="email"], form input[type="number"], form input[type="search"], form input[type="tel"], form input[type="url"], form textarea {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #6D6E70;
  border-radius: 8px;
  height: 50px;
  color: #3B4046;
  font-family: 'museo-sans';
  width: 100%;
  margin-top: 30px;
  margin-bottom: 5px;
  padding-left: 10px;
  padding-top: 14px
}
form input[type="text"]:focus, form input[type="tel"]:focus, form textarea:focus {
  border-bottom: 2px solid #592C82;
  padding-top: 14px;
  padding-left: 10px
}
form .form-floating-label {
  position: relative;
  margin-top: 20px;
  margin-bottom: 0px
}
form .form-floating-label [type='text'], form .form-floating-label [type='email'], form .form-floating-label [type='number'], form .form-floating-label [type='tel'] {
  font-size: 16px
}
form .form-floating-label label {
  color: transparent;
  font-size: 16px;
  position: absolute;
  pointer-events: none;
  left: 10px;
  bottom: 10px;
  transition: all 0.1s ease-in;
  font-family: 'museo-sans', sans-serif;
  font-weight: 500
}
form .form-floating-label input:focus ~ label, form .form-floating-label input:disabled[value] ~ label, form .form-floating-label.has-value input ~ label, form .form-floating-label .filledField:focus {
  top: 5px;
  font-size: 12px;
  padding: 0px 2px;
  height: 20px;
  color: #592C82
}
form .form-floating-label .filledField {
  top: 5px;
  font-size: 12px;
  padding: 0px 2px;
  height: 20px;
  color: #212121
}
form input::placeholder {
  color: #6D6E70;
  opacity: 1
}
form :-ms-input-placeholder {
  color: #6D6E70
}
form .radio-item {
  display: inline-block;
  position: relative;
  margin-bottom: 10px
}
form [type='radio'] + label {
  margin: 0px
}
form .radio-item input[type='radio'] {
  display: none
}
form .radio-item label:before {
  content: " ";
  display: inline-block;
  position: relative;
  top: 5px;
  margin: 0 12px 0 0;
  width: 20px;
  height: 20px;
  border-radius: 11px;
  border: 2px solid #6D6E70;
  background-color: white
}
form .radio-item input[type=radio]:checked + label:before {
  border: 2px solid #008094
}
form .radio-item input[type=radio]:checked + label:after {
  border-radius: 11px;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 9px;
  left: 4px;
  content: " ";
  display: block;
  background: #008094
}
form .radio-label {
  color: #595959;
  font-family: 'museo-sans';
  font-weight: 500;
  font-size: 18px
}
form input[type="submit"]:hover {
  cursor: pointer
}
form .is-invalid-input:not(:focus)::placeholder {
  color: #595959
}
form input.is-invalid-input:not(:focus) {
  background-color: white
}
form .is-invalid-label.filledField {
  color: #cc4b37
}
form .form-error {
  font-weight: 500 !important;
  font-size: 12px !important;
  font-family: 'museo-sans';
  margin: 0px
}
form #form-submit-btn.disabled {
  border: 1px solid #A7A9AB;
  background-color: #A7A9AB;
  pointer-events: none
}
.select-label {
  color: #6D6E70;
  font-size: 16px;
  font-family: 'museo-sans';
  font-weight: 500;
  margin-bottom: 5px;
  margin-left: 10px;
  margin-top: 30px
}
.custom-select {
  position: relative
}
.custom-select select {
  display: none
}
.select-selected {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #6D6E70;
  border-radius: 6px;
  height: 50px;
  padding-left: 20px;
  color: #6D6E70;
  font-family: 'museo-sans';
  width: 100%;
  margin-bottom: 5px
}
.select-selected:after {
  position: absolute;
  content: '\f107';
  font: normal normal normal 17px/1 FontAwesome;
  top: 14px;
  right: 25px;
  color: #000000;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #fff transparent transparent transparent
}
.select-selected.select-arrow-active:after {
  content: '\f106';
  top: 10px
}
.select-selected.select-arrow-active {
  border: 1px solid #592C82
}
.select-items div, .select-selected {
  color: #3B4046;
  padding: 15px 10px 12px;
  cursor: pointer;
  font-family: 'museo-sans'
}
.select-items {
  box-shadow: 0px 0px 8px #00000029;
  position: absolute;
  background-color: white;
  border-radius: 6px;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
  font-family: 'museo-sans'
}
.select-hide {
  display: none
}
.select-items div:hover, .same-as-selected {
  background-color: #f8f8f8
}
#ui-datepicker-div {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22)
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  display: none
}
.ui-datepicker .ui-datepicker-title select {
  border-radius: 3px
}
.ui-datepicker select.ui-datepicker-month {
  margin-right: 5px !important
}
.ui-datepicker select.ui-datepicker-year {
  max-height: 100px !important;
  overflow: scroll !important;
  margin-left: 5px !important
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
  border: 1px solid #ffffff !important;
  background: #ffffff !important;
  font-family: 'museo-sans';
  font-weight: 500;
  text-align: center
}
.ui-datepicker .ui-datepicker-title {
  margin: 0px !important
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 2px solid #592C82 !important;
  border-radius: 3px;
  color: #592C82 !important
}
html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
  background: #fafafa
}
.ui-widget-header {
  background-color: #ffffff !important;
  border: none !important
}
.ui-datepicker-calendar thead {
  background: #ffffff;
  color: #8a8a8a;
  border: none !important
}
.ui-datepicker-calendar tbody {
  background-color: #ffffff;
  border-color: #ffffff
}
.ui-datepicker-calendar tbody tr:nth-child(even) {
  background-color: #ffffff
}
.ui-state-hover, .ui-wiget-content .ui-state-hover {
  color: #8a8a8a !important
}
.ui-datepicker-trigger {
  border: none;
  background: none;
  float: right;
  top: -35px;
  left: -20px;
  position: relative;
  color: #595959
}
.ui-datepicker-trigger:hover {
  cursor: pointer
}
.state-input .custom-select {
  margin: 30px auto 5px
}
.state-input .custom-select .select-items {
  overflow: auto;
  max-height: 200px
}
#form-container {
  background-color: #f8f8f8;
  padding: 30px;
  margin: 0px auto;
  text-align: center
}
#form-container h3 {
  text-transform: none
}
#success-message {
  display: none
}
#success-message .large-12 {
  background: white;
  border-radius: 6px;
  text-align: center;
  padding: 0px 0px 40px;
  outline: none
}
#success-message h4 {
  color: #6F9B5C;
  margin: 20px auto;
  font-size: 24px;
  font-weight: 700;
  font-family: 'museo-sans'
}
#success-message p {
  color: #6A6F71;
  font-weight: 500;
  font-size: 14px
}
#success-message svg {
  width: 100px;
  display: block;
  margin: 40px auto 0
}
#success-message .path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 0
}
#success-message .path.circle {
  -webkit-animation: dash .9s ease-in-out;
  animation: dash .9s ease-in-out
}
#success-message .path.line {
  stroke-dashoffset: 1000;
  -webkit-animation: dash .9s .35s ease-in-out forwards;
  animation: dash .9s .35s ease-in-out forwards
}
#success-message .path.check {
  stroke-dashoffset: -100;
  -webkit-animation: dash-check .9s .35s ease-in-out forwards;
  animation: dash-check .9s .35s ease-in-out forwards
}
@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 1000
  }
  100% {
    stroke-dashoffset: 0
  }
}
@keyframes dash {
  0% {
    stroke-dashoffset: 1000
  }
  100% {
    stroke-dashoffset: 0
  }
}
@-webkit-keyframes dash-check {
  0% {
    stroke-dashoffset: -100
  }
  100% {
    stroke-dashoffset: 900
  }
}
@keyframes dash-check {
  0% {
    stroke-dashoffset: -100
  }
  100% {
    stroke-dashoffset: 900
  }
}
@media screen and (max-width: 639px) {
  form .radio-item {
    width: 100%
  }
  form .radio-item input[type=radio]:checked + label:after {
    top: 19px
  }
}
#covid-fsa-change-alert {
  background-color: #F1F1F2;
  text-align: center;
  padding: 8px 0px
}
#covid-fsa-change-alert img {
  color: #008094;
  margin-right: 10px
}
#covid-fsa-change-alert p {
  margin-right: 55px;
  font-size: 14px
}
#covid-fsa-change-alert a {
  margin-right: 20px;
  color: #008094;
  font-size: 14px;
  font-weight: 500
}
#covid-fsa-change-alert a:hover {
  text-decoration: underline
}
#covid-fsa-change-alert p, #covid-fsa-change-alert a {
  display: inline-block;
  margin-bottom: 0px
}
#covid-fsa-change-alert .fa-times-circle {
  float: right;
  display: inline-block;
  font-size: 24px;
  color: #707070;
  margin-top: -30px;
  margin-right: 20px;
  padding: 5px
}
#covid-fsa-change-alert .fa-times-circle:hover {
  cursor: pointer;
  background-color: white;
  padding: 5px;
  border-radius: 50%;
  margin-top: -30px
}
@media screen and (max-width: 639px) {
  #covid-fsa-change-alert p {
    width: 100%;
    margin: 0px auto
  }
}
#sub-nav {
  background-color: #f8f8f8
}
#sub-nav .wide-row {
  max-width: 82rem
}
#sub-nav .dropdown-menu {
  color: #008094;
  font-size: 15px;
  font-weight: 700;
  border-right: 1px solid black;
  padding-right: 20px;
  margin-right: 30px
}
#sub-nav .dropdown-menu:hover {
  cursor: pointer
}
#sub-nav .dropdown-menu::before {
  content: "\f078";
  font-family: "Font Awesome 5 Pro";
  font-weight: 700;
  float: right;
  font-size: 15px;
  margin-left: 10px;
  margin-top: 4px;
  -webkit-transition: all 100ms 0s ease-in-out;
  transition: all 100ms 0s ease-in-out
}
#sub-nav .dropdown-menu.hover::before {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  margin-top: 0px;
  margin-bottom: 4px
}
#sub-nav .dropdown-pane {
  border: none;
  border-radius: 6px;
  -webkit-box-shadow: 6px 4px 19px -12px #333333;
  -moz-box-shadow: 6px 4px 19px -12px #333333;
  box-shadow: 6px 4px 19px -12px #333333
}
#sub-nav .dropdown-pane a {
  font-size: 15px;
  color: black
}
#sub-nav .dropdown-pane a:hover {
  font-weight: 700;
  color: #008094
}
#sub-nav ul {
  list-style-type: none;
  margin: 14px auto
}
#sub-nav ul li {
  padding: 0px 12px;
  display: inline-block
}
#sub-nav ul li a {
  position: relative;
  font-size: 16px;
  font-weight: 500;
  color: black
}
#sub-nav ul li a#covid {
  margin-right: 10px
}
#sub-nav ul li a:hover {
  text-shadow: -0.01ex 0 black, 0.01ex 0 black;
  color: #592C82
}
#sub-nav ul li .active {
  color: #592C82;
  font-weight: 700
}
#sub-nav ul li .active::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 3px;
  top: 120%;
  left: 0;
  background: #592C82
}
#sub-nav ul li .inactive::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 3px;
  top: 120%;
  left: 0;
  background: #592C82;
  transition: transform 0.5s;
  transform: scaleX(0);
  transform-origin: right
}
#cares-hub-hero, #cares-hub-hero-employers, #merger-hub-hero {
  background-image: url("https://drq94yec07kda.cloudfront.net/images/cares/cares-for-members.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center right;
  min-height: 580px;
  padding-top: 135px
}
#cares-hub-hero #cares-hub-cta, #cares-hub-hero #merger-hub-cta, #cares-hub-hero-employers #cares-hub-cta, #cares-hub-hero-employers #merger-hub-cta, #merger-hub-hero #cares-hub-cta, #merger-hub-hero #merger-hub-cta {
  border-radius: 10px;
  border-right: 10px solid #592C82;
  background: #ffffff;
  width: 50%;
  margin-left: 10%;
  max-width: 700px;
  padding: 40px
}
#cares-hub-hero #cares-hub-cta h1, #cares-hub-hero #cares-hub-cta p, #cares-hub-hero #merger-hub-cta h1, #cares-hub-hero #merger-hub-cta p, #cares-hub-hero-employers #cares-hub-cta h1, #cares-hub-hero-employers #cares-hub-cta p, #cares-hub-hero-employers #merger-hub-cta h1, #cares-hub-hero-employers #merger-hub-cta p, #merger-hub-hero #cares-hub-cta h1, #merger-hub-hero #cares-hub-cta p, #merger-hub-hero #merger-hub-cta h1, #merger-hub-hero #merger-hub-cta p {
  width: 90%
}
#cares-hub-hero #cares-hub-cta h2, #cares-hub-hero #merger-hub-cta h2, #cares-hub-hero-employers #cares-hub-cta h2, #cares-hub-hero-employers #merger-hub-cta h2, #merger-hub-hero #cares-hub-cta h2, #merger-hub-hero #merger-hub-cta h2 {
  color: #595959;
  font-size: 18px;
  text-transform: none
}
#cares-hub-hero #cares-hub-cta p, #cares-hub-hero #merger-hub-cta p, #cares-hub-hero-employers #cares-hub-cta p, #cares-hub-hero-employers #merger-hub-cta p, #merger-hub-hero #cares-hub-cta p, #merger-hub-hero #merger-hub-cta p {
  margin-top: 20px;
  margin-bottom: 16px;
  line-height: 1.8
}
#cares-hub-hero #cares-hub-cta #hero-disclosure, #cares-hub-hero #merger-hub-cta #hero-disclosure, #cares-hub-hero-employers #cares-hub-cta #hero-disclosure, #cares-hub-hero-employers #merger-hub-cta #hero-disclosure, #merger-hub-hero #cares-hub-cta #hero-disclosure, #merger-hub-hero #merger-hub-cta #hero-disclosure {
  font-size: 14px;
  color: #595959;
  margin-top: 0px;
  margin-bottom: 40px
}
#merger-hub-hero {
  background-image: url("https://drq94yec07kda.cloudfront.net/images/static_pages/merger-hero.png");
  min-height: 700px;
  padding-top: 135px
}
#cares-hub-hero-employers {
  background-image: url("https://drq94yec07kda.cloudfront.net/images/cares/cares-for-employers.png")
}
#latest-updates {
  padding-top: 120px;
  padding-bottom: 180px
}
#latest-updates .title {
  text-align: center;
  margin-bottom: 20px
}
#latest-updates .title h5 {
  color: black;
  margin-bottom: 40px
}
#latest-updates h4 {
  color: #595959;
  font-size: 18px
}
#latest-updates h3 {
  margin-bottom: 20px
}
.cares-section-header, #cares-section-header-merger, #cares-section-header-hub {
  margin-bottom: 80px
}
.cares-section-header .title, .cares-section-header #title-employers, #cares-section-header-merger .title, #cares-section-header-merger #title-employers, #cares-section-header-hub .title, #cares-section-header-hub #title-employers {
  text-align: center;
  margin-bottom: 20px
}
.cares-section-header .title h5, .cares-section-header #title-employers h5, #cares-section-header-merger .title h5, #cares-section-header-merger #title-employers h5, #cares-section-header-hub .title h5, #cares-section-header-hub #title-employers h5 {
  color: #595959
}
.cares-section-header #title-employers, #cares-section-header-merger #title-employers, #cares-section-header-hub #title-employers {
  text-align: left
}
.cares-section-header .large, #cares-section-header-merger .large, #cares-section-header-hub .large {
  font-size: 24px;
  margin-bottom: 32px
}
#cares-section-header-hub {
  margin-bottom: 0px
}
#cares-section-header-hub .title {
  margin-bottom: 0px
}
#faq-header .sanchez {
  text-align: center;
  margin-bottom: 50px;
  color: #595959;
  font-style: 18px
}
#faq-menu {
  padding-top: 36px;
  padding-bottom: 120px
}
#faq-menu h5 {
  font-size: 21px;
  color: #595959
}
#faq-menu a {
  color: #008094
}
#faq-menu .grey-section-banner {
  margin-bottom: 30px;
  background-color: #6D6E70;
  padding: 16px;
  color: white
}
#faq-menu .grey-section-banner h4 {
  text-transform: uppercase;
  margin-bottom: 0px
}
#faq-menu .accordion {
  background: white
}
#faq-menu .accordion-item {
  border-bottom: 1px solid #A7A9AB
}
#faq-menu .accordion-item:hover {
  background-color: white
}
#faq-menu .accordion-title {
  font-weight: 700;
  color: black;
  font-size: 18px;
  line-height: 1.3;
  width: 97%;
  padding-left: 0px
}
#faq-menu .accordion-title::before {
  content: "\f055";
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  line-height: 30px;
  color: #008094;
  font-size: 30px;
  right: -20px;
  margin-top: -13px;
  -webkit-transition: all 100ms 0s ease-in-out;
  transition: all 100ms 0s ease-in-out
}
#faq-menu .is-active > .accordion-title::before {
  content: "\f056";
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  color: #008094;
  line-height: 30px;
  font-size: 30px;
  margin-top: -16px;
  right: -20px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}
#faq-menu .accordion-title:hover, #faq-menu .accordion-title:active, #faq-menu .is-active > .accordion-title {
  color: #592C82;
  background: white
}
#faq-menu .accordion-title, #faq-menu .accordion-content {
  border: none
}
#faq-menu .accordion-title:focus {
  background: white
}
#faq-menu .accordion-content p sup {
  font-size: 75%;
  top: -0.5em
}
#employers-hub-body {
  margin-top: 84px
}
#employers-hub-body .updates {
  margin-bottom: 100px
}
#employers-hub-body .updates h4 {
  color: #595959;
  font-size: 18px;
  text-transform: none
}
#employers-hub-body .updates h1 {
  margin-bottom: 20px
}
#employers-hub-body .updates h5 {
  font-size: 20px
}
#employers-hub-body #latest-update {
  margin-bottom: 60px
}
#employers-hub-body #latest-update h5 {
  margin-bottom: 40px
}
#employers-hub-body #latest-update h4 {
  color: #595959;
  font-size: 18px
}
#employers-hub-body #latest-update h3 {
  margin-bottom: 20px
}
#employers-hub-body #webinar-links {
  margin-bottom: 120px
}
#employers-hub-body #event-details {
  text-align: center;
  padding-top: 40px
}
#employers-hub-body #event-details h4 {
  margin-bottom: 20px
}
#employers-hub-body #event-details p {
  margin-bottom: 0px
}
#employers-hub-body #event-details .primary-btn {
  margin: 40px 0px 20px
}
#employers-hub-body #faq-menu {
  padding-top: 0px
}
#employers-hub-body #faq-menu .legal {
  font-style: italic
}
#employers-hub-body #faq-menu #multiple-accordions .accordion {
  margin-bottom: 40px
}
#employers-hub-body .sidebar {
  border: 1px solid #D1D2D4;
  border-radius: 6px;
  padding: 36px
}
#employers-hub-body .sidebar .section-headers {
  margin-top: 40px
}
#employers-hub-body .sidebar h5 {
  margin-bottom: 20px
}
#employers-hub-body .sidebar a {
  margin-bottom: 20px;
  color: #008094;
  font-size: 16px;
  font-family: 'museo-sans';
  font-weight: 500;
  display: inline-block
}
#employers-hub-body .sidebar a:hover {
  font-weight: 700;
  text-decoration: underline
}
.cares-product-hero {
  margin-top: 40px;
  margin-bottom: 140px
}
.cares-product-hero h1 {
  margin-bottom: 32px
}
.cares-product-hero h2 {
  font-size: 18px;
  color: #595959;
  text-transform: none
}
.cares-product-hero p {
  width: 80%
}
@media screen and (max-width: 1220px) and (min-width: 1023px) {
  .dcfsa-body .expenses-list {
    padding-left: 40px
  }
}
#telehealth-body, .menstrual-body, #cobra-body, .dcfsa-body, #hra-body, #ppe-body {
  margin-bottom: 120px
}
#telehealth-body h4, #telehealth-body #grey-sub-text, .menstrual-body h4, .menstrual-body #grey-sub-text, #cobra-body h4, #cobra-body #grey-sub-text, .dcfsa-body h4, .dcfsa-body #grey-sub-text, #hra-body h4, #hra-body #grey-sub-text, #ppe-body h4, #ppe-body #grey-sub-text {
  font-size: 18px;
  color: #595959
}
#telehealth-body .telehealth-disclaimer, .menstrual-body .telehealth-disclaimer, #cobra-body .telehealth-disclaimer, .dcfsa-body .telehealth-disclaimer, #hra-body .telehealth-disclaimer, #ppe-body .telehealth-disclaimer {
  font-size: 16px
}
#telehealth-body p sup, .menstrual-body p sup, #cobra-body p sup, .dcfsa-body p sup, #hra-body p sup, #ppe-body p sup {
  font-size: 90%;
  top: -0.2em
}
.check-image-bullet {
  list-style-type: none;
  margin-left: 0px
}
.check-image-bullet li {
  list-style-type: none;
  position: relative;
  font-size: 18px;
  font-family: 'museo-sans', sans-serif;
  font-weight: 300;
  margin-bottom: 20px
}
.check-image-bullet li:before {
  content: '\f00c';
  font-family: "Font Awesome 5 Pro";
  font-weight: 500;
  font-size: 30px;
  color: #592C82;
  display: block;
  position: absolute;
  top: -5px;
  left: -45px
}
#x-image-bullet {
  list-style-type: none;
  margin-left: 0px
}
#x-image-bullet li {
  list-style-type: none;
  position: relative;
  font-size: 18px;
  font-family: 'museo-sans', sans-serif;
  font-weight: 300;
  margin-bottom: 20px
}
#x-image-bullet li:before {
  content: '\f00d';
  font-family: "Font Awesome 5 Pro";
  font-weight: 500;
  font-size: 30px;
  color: #db5f4d;
  display: block;
  position: absolute;
  top: -8px;
  left: -45px
}
#purple-culture {
  margin-top: 120px
}
#purple-culture #purple-bg-container {
  background-color: #592C82;
  border-radius: 6px;
  left: -40px;
  top: 40px
}
#purple-culture #container {
  padding: 75px;
  background-color: white;
  border-radius: 6px;
  position: relative;
  left: 40px;
  top: -40px
}
#purple-culture #container a {
  position: relative;
  z-index: 99
}
#purple-culture #container p {
  width: 90%
}
#merger-solutions {
  margin-top: 200px
}
#merger-solutions #solutions-list h5, #merger-solutions #solutions-list p {
  color: #595959
}
#merger-solutions #solutions-list h5 {
  font-size: 21px;
  margin-bottom: 20px
}
#merger-solutions #solutions-list p {
  margin-bottom: 40px
}
#cares-section-header-merger {
  margin-top: 120px;
  margin-bottom: -40px
}
#cares-section-header-merger #pdf-download {
  color: #008094;
  font-weight: 500
}
#cares-section-header-merger #grey-container {
  background: #F8F8F8;
  padding: 16px;
  width: 62%;
  margin: 0px auto
}
#cares-section-header-merger #grey-container p {
  margin-bottom: 0px
}
#faq-menu h5 {
  font-size: 21px;
  color: #595959
}
#faq-menu .merger-faq {
  margin-bottom: 40px
}
#fsa-rule-change #toolkit-hero > #toolkit-text-blocks #toolkit-block-left .primary-btn {
  margin-bottom: 20px
}
#fsa-rule-change #toolkit-hero > #toolkit-text-blocks #toolkit-block-right .secondary-btn {
  display: block;
  margin-bottom: 20px
}
#fsa-rule-change #explanitory-text {
  margin-bottom: 80px
}
#fsa-rule-change #explanitory-text h3 {
  text-align: center
}
#fsa-rule-change #explanitory-text p.large, #fsa-rule-change #explanitory-text .inline-link {
  font-size: 24px;
  text-align: center;
  margin-bottom: 40px
}
@media screen and (min-width: 1023px) {
  #fsa-rule-change #explanitory-text p.large, #fsa-rule-change #explanitory-text .inline-link {
    padding: 0 1.1rem
  }
}
@media screen and (min-width: 1023px) {
  #fsa-rule-change #explanitory-text ul {
    margin-left: 4rem
  }
}
#fsa-rule-change #explanitory-text ul li:before {
  margin-top: 16px
}
#fsa-rule-change #explanitory-text ul p.bullet-list {
  text-align: left;
  margin-bottom: 10px
}
#fsa-rule-change #explanitory-text .secondary-btn {
  text-align: center;
  display: block
}
#fsa-rule-change #bullet-header {
  text-align: center;
  margin-bottom: 20px
}
#fsa-rule-change #notify-text {
  margin-top: 120px;
  text-align: center
}
#fsa-rule-change #notify-text h3 {
  margin-bottom: 20px;
  display: inline-block
}
#fsa-rule-change #notify-text .megaphone-icon {
  margin-top: -10px;
  margin-right: 10px;
  display: inline-block
}
#fsa-rule-change #notify-text .secondary-btn {
  margin-top: 40px;
  display: block
}
#fsa-rule-change #grey-bg {
  margin-top: 120px;
  margin-bottom: 120px;
  background-color: #F8F8F8;
  padding: 40px 0px;
  text-align: center
}
#fsa-rule-change #grey-bg h3 {
  margin-bottom: 20px
}
#fsa-rule-change #grey-bg p {
  margin-bottom: 20px
}
@media screen and (max-width: 1270px) and (min-width: 1023px) {
  .fsa-changes-toolkit-media #mouse-icon-wrapper {
    margin-top: 100px !important
  }
}
@media screen and (min-width: 2000px) {
  #merger-hub-hero, #cares-hub-hero {
    max-width: 116rem;
    margin: 0px auto;
    min-height: 750px;
    height: 58vh;
    max-height: 800px
  }
  #cares-hub-hero-employers {
    max-width: 116rem;
    margin: 0px auto;
    min-height: 675px;
    height: 50vh;
    max-height: 770px
  }
}
@media screen and (max-width: 1600px) {
  #cares-hub-hero, #merger-hub-hero, #cares-hub-hero-employers {
    background-position: 500px
  }
}
@media screen and (max-width: 1215px) {
  #cares-hub-hero, #merger-hub-hero, #cares-hub-hero-employers {
    background-size: cover;
    background-position: 300px;
    padding-top: 100px
  }
}
@media screen and (max-width: 1023px) {
  #cares-hub-hero, #merger-hub-hero, #cares-hub-hero-employers {
    height: 300px;
    min-height: auto;
    background-position: center
  }
  #cares-hub-hero #cares-hub-cta, #cares-hub-hero #merger-hub-cta, #merger-hub-hero #cares-hub-cta, #merger-hub-hero #merger-hub-cta, #cares-hub-hero-employers #cares-hub-cta, #cares-hub-hero-employers #merger-hub-cta {
    width: 95%;
    text-align: left;
    margin: 0 auto;
    max-width: 100%;
    border-right: none;
    border-top: 10px solid #592C82
  }
  #cares-hub-hero #cares-hub-cta h1, #cares-hub-hero #cares-hub-cta p, #cares-hub-hero #merger-hub-cta h1, #cares-hub-hero #merger-hub-cta p, #merger-hub-hero #cares-hub-cta h1, #merger-hub-hero #cares-hub-cta p, #merger-hub-hero #merger-hub-cta h1, #merger-hub-hero #merger-hub-cta p, #cares-hub-hero-employers #cares-hub-cta h1, #cares-hub-hero-employers #cares-hub-cta p, #cares-hub-hero-employers #merger-hub-cta h1, #cares-hub-hero-employers #merger-hub-cta p {
    width: 100%
  }
  #latest-updates {
    padding-top: 215px
  }
  #telehealth-body, .menstrual-body, #cobra-body, .dcfsa-body, #hra-body {
    margin-bottom: 80px
  }
  #faq-menu {
    padding-top: 40px
  }
  #faq-menu .accordion-title {
    padding-left: 5px;
    width: 95%
  }
  #faq-menu .accordion-title::before, #faq-menu .is-active > .accordion-title::before {
    margin-top: -13px;
    right: -38px
  }
  #faq-menu .is-active > .accordion-title::before {
    margin-top: -15px;
    right: -38px
  }
  #employers-hub-body .sidebar {
    padding: 16px
  }
  #purple-culture {
    margin-top: 180px
  }
  #merger-solutions #solutions-list {
    margin-top: 80px
  }
  #cares-section-header-merger #grey-container {
    margin-bottom: 40px
  }
  #fsa-rule-change #toolkit-hero > #toolkit-text-blocks h2 {
    font-size: 24px !important
  }
  #fsa-rule-change #explanitory-text {
    margin-top: 18rem
  }
  #fsa-rule-change #explanitory-text h3, #fsa-rule-change #explanitory-text p.large, #fsa-rule-change #explanitory-text .inline-link, #fsa-rule-change #explanitory-text .secondary-btn {
    text-align: left
  }
  #fsa-rule-change #bullet-header {
    text-align: left
  }
  #fsa-rule-change #notify-text {
    text-align: left
  }
  #fsa-rule-change #grey-bg {
    margin-top: 40px;
    text-align: center
  }
}
@media screen and (max-width: 903px) {
  #sub-nav {
    overflow-x: auto;
    white-space: nowrap
  }
  #sub-nav ul {
    margin: 15px auto
  }
  #sub-nav ul li {
    padding: 0px 20px
  }
}
@media screen and (max-width: 639px) {
  #covid-fsa-change-alert #microphone-icon {
    padding-right: 0px
  }
  #covid-fsa-change-alert #microphone-icon img {
    margin-top: -10px
  }
  #covid-fsa-change-alert #alert-text {
    text-align: left
  }
  #covid-fsa-change-alert #alert-text p {
    font-size: 13px
  }
  #covid-fsa-change-alert #alert-text p .secondary-btn {
    font-size: 13px
  }
  #covid-fsa-change-alert .fa-times-circle {
    margin-top: 0px;
    margin-right: 0px
  }
  #covid-fsa-change-alert .fa-times-circle:hover {
    margin-top: 0px
  }
  #mobile-links {
    text-align: center;
    background-color: #f8f8f8
  }
  #mobile-links ul {
    list-style-type: none;
    margin: 12px auto
  }
  #mobile-links .dropdown-menu {
    color: #008094;
    font-size: 15px;
    font-weight: 700
  }
  #mobile-links .dropdown-menu::after {
    content: "\f078";
    font-family: "Font Awesome 5 Pro";
    font-weight: 500;
    font-size: 15px;
    margin-left: 8px;
    margin-top: 4px;
    -webkit-transition: all 100ms 0s ease-in-out;
    transition: all 100ms 0s ease-in-out;
    position: absolute
  }
  #mobile-links .dropdown-menu.hover::after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    display: inline-block;
    position: absolute;
    margin-top: 0px
  }
  #mobile-links .dropdown-pane {
    width: 100%;
    top: 106px !important;
    border: none;
    border-radius: 6px;
    -webkit-box-shadow: 6px 4px 19px -12px #333333;
    -moz-box-shadow: 6px 4px 19px -12px #333333;
    box-shadow: 6px 4px 19px -12px #333333
  }
  #mobile-links .dropdown-pane a {
    font-size: 16px;
    color: black
  }
  #mobile-links .dropdown-pane a:hover {
    font-weight: 700;
    color: #008094
  }
  #sub-nav {
    background-color: white
  }
  #cares-hub-hero #cares-hub-cta, #cares-hub-hero #merger-hub-cta, #merger-hub-hero #cares-hub-cta, #merger-hub-hero #merger-hub-cta, #cares-hub-hero-employers #cares-hub-cta, #cares-hub-hero-employers #merger-hub-cta {
    padding: 40px 20px
  }
  #cares-hub-hero-employers {
    padding-top: 180px;
    margin-bottom: 18rem
  }
  #cares-hub-hero {
    padding-top: 180px;
    margin-bottom: 4rem
  }
  #employers-hub-body #latest-update {
    margin-bottom: 80px
  }
  .dcfsa-body .expenses-list {
    padding-left: 20px
  }
  #merger-hub-hero {
    padding-top: 145px
  }
  #latest-updates {
    padding-top: 300px
  }
  #faq-menu .accordion-title {
    width: 90%
  }
  #faq-menu .accordion-title::before, #faq-menu .is-active > .accordion-title::before {
    right: -2rem
  }
  #purple-culture {
    margin-top: 32rem
  }
  #purple-culture .small-12 {
    padding: 0px
  }
  #purple-culture #purple-bg-container {
    left: 0px;
    top: 6rem;
    height: 575px
  }
  #purple-culture #container {
    padding: 20px;
    left: 0px;
    width: 90%;
    margin: 0px auto;
    top: -6rem;
    min-height: 580px
  }
  #cares-section-header-merger #grey-container {
    width: 100%
  }
  #fsa-rule-change #toolkit-hero > #toolkit-text-blocks-sm .secondary-btn {
    display: block;
    text-align: center;
    margin-bottom: 20px
  }
  #fsa-rule-change #toolkit-hero > #toolkit-text-blocks-sm .hqy-button {
    display: block;
    text-align: center
  }
  #fsa-rule-change .small-purple-bullets {
    margin-bottom: 0px
  }
  #fsa-rule-change #explanitory-text {
    margin-top: 40rem
  }
  #fsa-rule-change #notify-text {
    margin-top: 80px;
    margin-bottom: 70px
  }
  #fsa-rule-change #grey-bg {
    margin-bottom: 40px
  }
  #fsa-rule-change #grey-bg .hqy-button {
    display: block;
    text-align: center
  }
  #fsa-rule-change #grey-bg p {
    margin-bottom: 40px
  }
}
@media screen and (max-width: 320px) {
  #purple-culture #purple-bg-container {
    min-height: 630px
  }
}
.oswald {
  font-family: 'Oswald', sans-serif
}
.museo-light {
  font-family: 'museo-sans', sans-serif;
  font-weight: 300;
  font-style: normal
}
.museo-medium {
  font-family: 'museo-sans', sans-serif;
  font-weight: 500;
  font-style: normal
}
.museo-regular {
  font-family: 'museo-sans', sans-serif;
  font-style: normal;
  font-weight: 700
}
.sanchez {
  font-family: 'Sanchez', serif
}
img {
  font-size: 12px;
  color: transparent;
  font-family: 'museo-sans', sans-serif
}
.purple {
  color: #592C82
}
.cta {
  color: #008094
}
#content-wrapper:focus {
  outline-style: none;
  box-shadow: none;
  border-color: transparent
}
.breadcrumbs {
  padding: 8px 0;
  margin-bottom: 0 !important
}
.breadcrumbs .row {
  max-width: 87.5rem
}
.breadcrumbs ul {
  list-style-type: none;
  margin-bottom: 0
}
.breadcrumbs ul li, .breadcrumbs ul a {
  font-size: 12px;
  font-weight: 500 !important;
  line-height: 15.6px;
  color: #595959
}
.breadcrumbs ul li:not(:last-child)::after {
  position: relative;
  content: "";
  display: inline-block;
  width: 0.3rem;
  height: 0.3rem;
  border-right: 0.1em solid #592C82;
  border-top: 0.1em solid #592C82;
  transform: rotate(45deg);
  margin: 0 0.7rem 0.1rem 0.6rem
}
.breadcrumbs .back-arrow {
  padding: 12px 16px
}
.breadcrumbs .back-arrow:before {
  content: "\f104";
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  font-size: 11px;
  color: #592C82;
  border: none;
  margin-top: -25px;
  margin-right: 11px
}
[type="submit"] {
  border-radius: 36px !important;
  border: 1px solid #008094;
  line-height: 1.6
}
[type="submit"]:hover {
  cursor: pointer
}
[type="submit"].submit-secondary {
  border: none
}
[type="submit"].submit-nav {
  border: none
}
form#b2c-form [type='submit'], form#b2b-form [type='submit'], form#seo_brand_cta [type='submit'], form#inline_seo_brand_cta [type='submit'] {
  margin: 40px auto 0px
}
form#inline_seo_brand_cta, form#inline_engage_cta {
  display: inline-block
}
.hqy-button {
  font-size: 16px;
  padding: 18px 40px;
  border-radius: 36px;
  display: inline-block;
  font-family: 'museo-sans';
  font-weight: 700;
  margin-bottom: 0px
}
.primary-btn {
  color: white;
  background-color: #008094;
  text-align: center
}
.primary-btn:hover {
  color: white;
  background-color: #006A7D;
  box-shadow: 0px 5px 6px #00000029
}
.primary-btn:active {
  background-color: #006A7D
}
.primary-btn:focus {
  box-shadow: 0px 0px 6px #00AAC6;
  color: white
}
.purple-primary-btn {
  color: white;
  background-color: #592C82;
  border: 1px solid #592C82
}
.purple-primary-btn:hover {
  box-shadow: 0px 5px 6px #00000029;
  background-color: #4c256f
}
.secondary-btn {
  font-size: 16px;
  color: #008094;
  font-family: 'museo-sans';
  font-weight: 500
}
.secondary-btn .far {
  margin-left: 5px
}
.secondary-btn:hover {
  font-family: 'museo-sans';
  text-shadow: -0.01ex 0 black, 0.01ex 0 black;
  color: #006A7D
}
.secondary-btn:hover .active-arrow {
  transform: translateX(10px);
  transition-duration: .3s
}
.secondary-btn:focus {
  font-size: 16px;
  border-radius: 36px;
  margin-bottom: 0px;
  background-color: #F1F1F2;
  color: #006A7D
}
.tertiary-link {
  color: #008094;
  font-family: 'museo-sans';
  font-weight: 500;
  display: inline-block
}
.tertiary-link:hover {
  text-decoration: underline;
  color: #006A7D;
  text-shadow: -0.01ex 0 black, 0.01ex 0 black
}
.tertiary-link:active {
  color: #006A7D
}
.inline-link {
  text-decoration: underline;
  color: #008094
}
.inline-link:hover {
  color: #006A7D;
  text-shadow: -0.01ex 0 black, 0.01ex 0 #006A7D
}
.brand-padding {
  padding-left: 24px;
  padding-right: 24px
}
.orbit .orbit-controls {
  display: none
}
.orbit .orbit-controls.qme-controls {
  display: block
}
.orbit .orbit-controls.qme-controls button:hover, .orbit .orbit-controls.qme-controls button:active, .orbit .orbit-controls.qme-controls button:focus {
  background-color: transparent;
  cursor: pointer
}
.orbit .orbit-controls.qme-controls button:focus {
  outline: none
}
.orbit .orbit-bullets button {
  background-color: #93949A;
  height: 16px;
  width: 16px
}
.orbit .orbit-bullets button.is-active {
  background-color: #00A0BD
}
.orbit .orbit-container:focus {
  outline-color: #008094;
  outline-style: auto;
  outline-width: 1px
}
.center {
  text-align: center
}
.small-purple-bullets {
  list-style: none;
  margin-bottom: 2rem
}
.small-purple-bullets li:before {
  content: "";
  height: 5px;
  width: 5px;
  background-color: #592C82;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  margin-top: 11px
}
.small-purple-bullets .bullet-list {
  margin-left: 1.5rem;
  margin-bottom: 0.6rem
}
.divider {
  background-color: #592C82;
  height: 200px;
  width: 2px;
  border-radius: 3px;
  margin: 0px auto
}
.one-partner-icon-band {
  padding-top: 72px;
  padding-bottom: 72px;
  background-color: #F1F1F2
}
.one-partner-icon-band .product-icon-band {
  width: 100%
}
.ready-to-act-cta {
  text-align: center
}
.ready-to-act-cta #cta-content .secondary-btn {
  margin-left: 50px
}
@media screen and (max-width: 647px) and (min-width: 639px) {
  .ready-to-act-cta #cta-content .secondary-btn {
    margin-left: 44px
  }
}
.ready-to-act-cta #cta-content p {
  margin-bottom: 40px
}
.ready-to-act-cta#persona {
  margin-top: 120px;
  margin-bottom: 160px
}
.ready-to-act-cta#persona .benefits-advisors form {
  display: inline-block
}
.ready-to-act-cta#persona form#seo_brand_cta [type='submit'] {
  margin-top: 0px
}
.ready-to-act-cta.product {
  margin-top: 120px;
  margin-bottom: 120px
}
p sup > a {
  color: #212121;
  font-size: 100%
}
p sup {
  font-size: 50%;
  top: -0.9em
}
h3 sup {
  font-size: 50%;
  top: -1.25em
}
.article-section {
  margin: 80px 0px
}
.article-section .header {
  text-align: center
}
.article-section .header h3 {
  color: #595959;
  margin-bottom: 35px;
  text-transform: none;
  font-size: 18px
}
.article-section .article-container {
  padding: 20px
}
.article-section .article-container .article-img {
  width: 100%
}
.article-section .article-container h5 {
  color: #595959;
  font-size: 14px;
  padding: 22px 0px 10px
}
.article-section .article-container h4 {
  font-size: 24px;
  margin-bottom: 70px;
  color: #212121
}
.article-section .article-container:hover {
  border-radius: 6px;
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transition-duration: .6s
}
.card-purple-header {
  margin-bottom: 20px;
  border-radius: 6px;
  box-shadow: 0px 3px 20px #00000029
}
.card-purple-header .card-header {
  padding: 6px 24px 6px 24px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  background-color: #592C82
}
.card-purple-header .card-header h5.card-header-h5 {
  font-size: 21px;
  margin-bottom: 0px;
  color: #ffffff
}
.card-purple-header .card-body {
  padding: 24px 24px 20px 24px
}
.card-purple-header .card-body .table-icon {
  margin: -3px 3px 0px 0px
}
.card-purple-header .card-body .card-phone-link {
  margin-bottom: 8px;
  font-size: 20px;
  color: #212121;
  display: block
}
.card-purple-header .card-body .card-phone-link:hover {
  text-shadow: -0.01ex 0 black, 0.01ex 0 black
}
.card-purple-header .card-body p.card-hours-p {
  font-size: 16px;
  margin-bottom: 20px;
  color: #595959
}
#disclosures {
  margin-bottom: 20px
}
#disclosures a {
  color: white;
  line-height: 1.3;
  font-size: 12px
}
#disclosures a:focus {
  color: black
}
#mobile-menu .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a {
  padding-top: 20px;
  padding-bottom: 20px
}
#mobile-menu .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {
  content: "\f105";
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  color: #592C82;
  border: none;
  margin-top: -10px;
  right: 1.4rem
}
#mobile-menu .accordion-menu .is-accordion-submenu-parent[aria-expanded='true'] > a::after {
  transform: rotate(90deg);
  right: 1rem;
  margin-top: -4px
}
#mobile-menu ul li a {
  color: #212121;
  font-family: 'museo-sans', sans-serif;
  font-style: normal;
  font-weight: 300
}
#mobile-menu #social-icon-row {
  margin: 30px 16px 20px 15px
}
#mobile-menu #social-icon-row h4 {
  font-size: 14px
}
#mobile-menu #social-icon-row .social-icons {
  color: #212121;
  margin: 10px 15px 50px 0px
}
.mouse-icon {
  border: 2px solid #592C82;
  border-radius: 16px;
  height: 40px;
  width: 24px;
  display: block;
  z-index: 10
}
.mouse-icon .wheel {
  -webkit-animation-name: drop;
  -webkit-animation-duration: 4s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-play-state: running;
  -webkit-animation-name: drop;
  animation-name: drop;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-play-state: running;
  animation-play-state: running
}
.mouse-icon .wheel {
  position: relative;
  border-radius: 10px;
  background: #592C82;
  width: 4px;
  height: 4px;
  top: 4px;
  margin-left: auto;
  margin-right: auto
}
@-webkit-keyframes drop {
  0% {
    top: 5px;
    opacity: 1;
    height: 4px
  }
  30% {
    top: 10px;
    opacity: 1;
    height: 8px
  }
  40% {
    top: 25px;
    opacity: 1;
    height: 4px
  }
  60% {
    top: 25px;
    opacity: 0;
    height: 4px
  }
  100% {
    top: 25px;
    opacity: 0;
    height: 4px
  }
}
@keyframes drop {
  0% {
    top: 5px;
    opacity: 1;
    height: 4px
  }
  30% {
    top: 10px;
    opacity: 1;
    height: 12px
  }
  40% {
    top: 25px;
    opacity: 1;
    height: 4px
  }
  60% {
    top: 25px;
    opacity: 0;
    height: 4px
  }
  100% {
    top: 25px;
    opacity: 0;
    height: 4px
  }
}
.checkbox {
  display: grid;
  grid-template-columns: min-content auto;
  grid-gap: 0.5em;
  font-size: 14px;
  color: #595959;
  font-family: 'museo-sans';
  font-weight: 500
}
.checkbox:hover {
  cursor: pointer
}
.checkbox__control {
  display: inline-grid;
  width: 20px;
  height: 20px;
  border-radius: 2px;
  border: 2px solid #e6e6e6
}
.checkbox__control svg {
  transition: transform 0.1s ease-in 25ms;
  transform: scale(0);
  transform-origin: bottom left
}
.checkbox__input {
  display: grid;
  grid-template-areas: "checkbox"
}
.checkbox__input > * {
  grid-area: checkbox
}
.checkbox__input input {
  opacity: 0;
  width: 1em;
  height: 1em
}
.checkbox__input input:focus + .checkbox__control {
  border: 2px solid #008094;
  color: #008094
}
.checkbox__input input:checked + .checkbox__control {
  border: 2px solid #008094;
  border-radius: 2px
}
.checkbox__input input:checked + .checkbox__control svg {
  transform: scale(1);
  color: #008094
}
.reveal {
  outline: none
}
table.all-white tbody {
  border: none
}
table.all-white td {
  background-color: white
}
.screen-reader-only {
  position: absolute;
  height: 1px;
  width: 1px;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: polygon(0px 0px, 0px 0px, 0px 0px);
  -webkit-clip-path: polygon(0px 0px, 0px 0px, 0px 0px);
  overflow: hidden !important
}
:focus {
  outline-color: #008094;
  outline-style: auto;
  outline-width: 1px
}
@media screen and (max-width: 1023px) {
  .article-section .header {
    margin-bottom: 30px
  }
  .article-section #carousel-tablet-mobile .medium-5 {
    padding: 0px
  }
  .article-section #carousel-tablet-mobile .medium-5 img {
    width: 100%
  }
  .article-section #carousel-tablet-mobile h5 {
    margin-bottom: 10px;
    padding: 0px
  }
  .article-section #carousel-tablet-mobile .orbit-bullets {
    margin-top: 40px
  }
  .card-purple-header .card-body p.card-hours-p {
    margin-bottom: 40px
  }
  .card-purple-header .card-body a.primary-btn.hqy-button {
    padding-top: 16px;
    padding-bottom: 16px
  }
}
@media screen and (max-width: 639px) {
  .brand-padding {
    padding-left: 6px;
    padding-right: 6px
  }
  .article-section .orbit-container {
    min-height: 450px
  }
  .article-section .orbit-bullets {
    margin-bottom: 0
  }
  .card-purple-header .card-body a.primary-btn.hqy-button {
    text-align: center;
    width: 60%
  }
  .ready-to-act-cta.product .primary-btn {
    width: 100%
  }
  .ready-to-act-cta#persona .secondary-btn {
    display: block;
    margin: 30px auto 0px;
    text-align: center;
    width: 90%
  }
  form#inline_seo_brand_cta {
    width: 100%
  }
  form#inline_seo_brand_cta [type='submit'] {
    margin-top: 0px
  }
  .breadcrumbs {
    margin-left: -12px !important
  }
}
.stickyButton {
  position: fixed;
  bottom: 20px;
  right: 20px;
  transition: opacity .5s;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  background-color: #592C82;
  border-radius: 50%;
  box-shadow: 0px 8px 15px #b8b8b8
}
.stickyButton img {
  height: 60px;
  width: 60px
}
.stickyButton:active {
  opacity: .4
}
.stickyButton.hidden {
  opacity: 0;
  pointer-events: none
}
.launch-bot:hover, .launch-bot-mobile:hover {
  cursor: pointer
}
.inline-cb-button {
  color: #008094
}
.inline-cb-button:hover {
  text-decoration: underline
}
.hqy-login-help-header {
  background-color: #F8F8F8;
  text-align: center;
  padding: 20px 0px;
  margin-bottom: 40px
}
.hqy-login-help-header h2 {
  font-size: 24px
}
.hqy-login-help-header p {
  font-size: 16px
}
#hqy-first-login-hero #cta-column {
  margin-top: 50px
}
#hqy-first-login-hero #cta-column h4 {
  color: #212121;
  font-size: 18px;
  text-transform: none
}
#hqy-first-login-hero #cta-column h1 {
  margin-bottom: 20px
}
#hqy-first-login-hero #cta-column #begin-reg-process {
  display: inline-block;
  margin: 40px auto 0px
}
#hqy-first-login-hero #cta-column #begin-reg-process img {
  margin-right: 10px
}
#hqy-first-login-hero #video-column h5 {
  text-align: center;
  font-size: 18px;
  color: #595959;
  margin-bottom: 30px;
  font-weight: 500;
  font-family: 'museo-sans'
}
#hqy-first-login-hero #video-column .login-video {
  width: 100%
}
#returning-users {
  margin-top: 180px
}
#returning-users #header {
  text-align: center;
  margin-bottom: 40px
}
#returning-users #header h4 {
  font-size: 18px
}
#returning-users #header h3 {
  font-size: 42px
}
#returning-users #login-options h4 {
  font-size: 21px;
  text-transform: none;
  margin: 0px auto 40px;
  text-align: center
}
#returning-users #login-options p {
  margin-bottom: 35px;
  margin-top: 50px
}
#returning-users #login-options ul {
  list-style-type: none;
  margin-left: 0px
}
#returning-users #login-options ul li {
  margin-bottom: 10px
}
#returning-users #login-options a {
  color: #008094;
  font-weight: 500
}
#returning-users #login-options a:hover {
  text-decoration: underline
}
#returning-users #login-options .image-wrapper {
  box-shadow: 0px 3px 10px #00000029;
  width: 100%;
  max-height: 275px;
  display: inline-block;
  overflow: hidden;
  position: relative
}
#returning-users #login-options .image-wrapper .hqy-login-imgs {
  width: 100%;
  margin-bottom: 35px;
  display: block;
  transition: transform 1s, filter .5s ease-out;
  transform-origin: right top
}
#returning-users #login-options .image-wrapper .hqy-login-imgs:hover {
  transform: scale(1.5)
}
#still-need-help {
  margin-top: 100px
}
#still-need-help .container {
  padding: 30px 100px;
  border-radius: 6px;
  border-bottom: 6px solid purple;
  text-align: center;
  box-shadow: 0px 3px 20px #00000029
}
#still-need-help .container h3 {
  margin-bottom: 20px
}
#still-need-help .container p {
  margin-bottom: 40px
}
#still-need-help .container span, #still-need-help .container a, #still-need-help .container button {
  color: #008094;
  font-size: 16px;
  font-weight: 500;
  font-family: 'museo-sans'
}
#still-need-help .container #call-mem-services img, #still-need-help .container #launch-help img {
  margin-right: 10px
}
.contact-page {
  margin-bottom: 100px
}
.contact-page #contact-page-header {
  padding-top: 40px;
  padding-bottom: 60px
}
.contact-page #contact-page-header h5#contact-h5 {
  margin-bottom: 0px;
  font-size: 21px;
  padding-bottom: 4px
}
.contact-page #contact-page-header h1#contact-h1 {
  margin-bottom: 0px
}
.contact-page p.contact-hours-p {
  font-size: 16px;
  margin-bottom: 20px;
  color: #595959
}
.contact-page .btn-wrapper {
  margin-bottom: 20px
}
.contact-page .btn-wrapper #inner-btn-wrapper {
  margin-bottom: 12px
}
.contact-page .btn-wrapper #demo-btn .hqy-button.primary-btn.schedule-a-demo-btn.contact-pg-btn {
  padding-top: 16px;
  padding-bottom: 16px
}
.contact-page .btn-wrapper form#seo_brand_cta [type='submit'] {
  margin: 0px
}
.contact-page #link-for-help h5, .contact-page #latest-changes h5 {
  font-family: 'museo-sans';
  font-weight: 300;
  margin-top: 20px
}
.contact-page #link-for-help h5 a, .contact-page #latest-changes h5 a {
  color: #008094;
  font-weight: 500
}
.contact-page h4 {
  font-family: 'museo-sans'
}
.contact-page #trending-topics h4 {
  font-family: 'museo-sans';
  font-weight: 300;
  font-size: 24px;
  margin-top: 80px
}
.contact-page #trending-topics .header {
  font-size: 20px
}
.contact-page #trending-topics h5 {
  margin-top: 10px
}
.contact-page #trending-topics #latest-changes {
  text-align: left;
  margin-top: 40px;
  margin-bottom: 20px
}
.contact-page #trending-topics #latest-changes .secondary-btn {
  margin: 16px 10px;
  margin-left: 0
}
#contact-headquarters {
  background-image: url("https://drq94yec07kda.cloudfront.net/images/static_pages/graphics/headquarters-map.png");
  background-size: cover;
  background-position: 50% 50%;
  margin-bottom: 68px;
  height: 620px
}
#contact-headquarters .headquarters-box {
  margin-top: 72px;
  margin-left: 100px;
  padding: 48px;
  padding-left: 36px;
  width: 405px;
  border-radius: 10px;
  border-left: 12px solid #592C82;
  box-shadow: 0px 3px 20px #0000003D;
  background: #ffffff
}
#contact-headquarters .headquarters-box h3 {
  margin-bottom: 20px
}
#contact-headquarters .headquarters-box p {
  margin-bottom: 0px
}
#resources-tabs {
  margin-top: 80px
}
#resources-tabs .title h3 {
  text-transform: none;
  font-size: 18px;
  margin-bottom: 20px
}
#resources-tabs #support-center-tab-section {
  border: none;
  border-bottom: 2px solid #592C82;
  overflow: auto;
  white-space: nowrap
}
#resources-tabs #support-center-tab-section li.tabs-title, #resources-tabs #support-center-tab-section li.tabs-title.is-active {
  display: inline-block;
  float: none
}
#resources-tabs #support-center-tab-section .tabs-title > a {
  padding: 16px;
  font-family: 'museo-sans', sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  color: black
}
#resources-tabs #support-center-tab-section .tabs-title:first-of-type {
  margin-left: -16px
}
#resources-tabs #support-center-tab-section .tabs-title > a:focus, #resources-tabs #support-center-tab-section .tabs-title > a[aria-selected='true'] {
  background-color: #ffffff;
  font-weight: 700;
  color: #592C82;
  outline: none
}
#resources-tabs #support-center-tab-section .tabs-title:hover > a:hover {
  text-decoration: underline;
  font-weight: 700;
  color: #592C82
}
#resources-tabs .tabs-content {
  border: none
}
#resources-tabs .tabs-content .tabs-panel {
  padding-top: 36px;
  padding-left: 0px;
  padding-right: 0px
}
#resources-tabs .tabs-content .tabs-panel .tertiary-link {
  display: block;
  margin-bottom: 16px
}
#resources-tabs .tabs-content .tabs-panel a {
  display: block
}
#resources-tabs .tabs-content .tabs-panel .download-text, #resources-tabs .tabs-content .tabs-panel .download-icon {
  display: inline-block
}
#resources-tabs .tabs-content .tabs-panel .download-icon {
  margin-top: -5px;
  margin-right: 5px
}
#resources-tabs .tabs-content .tabs-panel .download-text {
  font-weight: 500;
  font-size: 18px;
  color: #00879C
}
#resources-tabs .tabs-content .tabs-panel .download-link:hover .download-text {
  text-decoration: underline;
  text-shadow: -0.01ex 0 black, 0.01ex 0 black
}
#about-full-width-hero {
  background-image: url("https://drq94yec07kda.cloudfront.net/images/static_pages/our-company-hero.jpg");
  background-repeat: none;
  background-size: cover;
  height: 300px;
  background-position: left center
}
#our-company {
  margin-top: 80px
}
#our-company #quote p.large {
  font-size: 40px;
  font-weight: 300
}
#our-company #quote h4 {
  font-size: 18px;
  font-weight: 700
}
#our-company #quote p {
  font-size: 18px;
  font-weight: 500
}
#our-company #our-company-blurb h1 {
  font-size: 21px;
  text-transform: none
}
#our-company #our-company-blurb p {
  font-size: 18px
}
#number-counters {
  margin-top: 120px
}
#number-counters .sec-header {
  margin-bottom: 40px;
  text-align: center
}
#number-counters .sec-header h2 {
  font-size: 21px;
  text-transform: none
}
#number-counters .content-section {
  margin-bottom: 120px
}
#number-counters .content-section .numbers {
  text-align: right
}
#number-counters .content-section .numbers h3 {
  font-size: 42px
}
#number-counters .content-section .numbers h4 {
  font-size: 24px;
  font-weight: 700;
  color: #595959
}
#number-counters .content-section .text p {
  font-size: 24px
}
#timeline {
  margin-top: 180px
}
#timeline .sec-header {
  text-align: center;
  margin-bottom: 40px
}
#timeline .sec-header h3 {
  font-size: 34px;
  margin-bottom: 12px
}
#benefits-tabs {
  margin-top: 120px
}
#benefits-tabs .sec-header {
  text-align: center;
  margin-bottom: 40px
}
#benefits-tabs .sec-header h3 {
  font-size: 32px
}
#benefits-tabs .grid-container {
  max-width: 68rem
}
#benefits-tabs .grid-container .grid-x {
  box-shadow: 0px 3px 20px #00000029;
  border-radius: 6px
}
#benefits-tabs .grid-container .grid-x .cell.medium-3 {
  background: #F8F8F8
}
#benefits-tabs .tabs-content {
  border: none;
  min-height: 487px
}
#benefits-tabs .tabs-content .tabs-panel {
  padding: 80px 32px 60px 65px
}
#benefits-tabs .tabs-content .tabs-panel h5 {
  font-size: 21px
}
#benefits-tabs .tabs-content .tabs-panel p {
  font-size: 18px
}
#benefits-tabs .tabs-content .tabs-panel .stat-row {
  margin-top: 40px;
  margin-bottom: 60px
}
#benefits-tabs .tabs-content .tabs-panel .stat-row .stats {
  padding-left: 0px
}
#benefits-tabs .tabs-content .tabs-panel .total-solution {
  margin-top: 40px;
  margin-bottom: 20px;
  display: inline-block
}
#benefits-tabs .tabs.vertical {
  border: none;
  border-radius: 6px
}
#benefits-tabs .tabs.vertical .is-active {
  border-left: 6px solid #592C82;
  border-radius: 6px 0px 0px 6px
}
#benefits-tabs .tabs.vertical .tabs-title a {
  padding: 71px 24px;
  color: #595959;
  font-size: 21px;
  font-weight: 500;
  background: #F8F8F8
}
#benefits-tabs .tabs.vertical .tabs-title > a:focus, #benefits-tabs .tabs.vertical .tabs-title > a[aria-selected='true'] {
  color: #008094;
  background: white;
  outline: none
}
#purple-passion, #purple-purpose {
  margin-top: 120px;
  padding: 85px 0px 120px;
  background: url("https://drq94yec07kda.cloudfront.net/images/static_pages/purple-passion.jpg");
  background-repeat: no-repeat;
  background-position: center center
}
#purple-passion .container, #purple-purpose .container {
  background: white;
  padding: 50px 60px
}
#purple-passion .container h3, #purple-purpose .container h3 {
  font-size: 34px;
  margin-bottom: 20px
}
#purple-purpose {
  background: url("https://drq94yec07kda.cloudfront.net/images/static_pages/purple-purpose.jpg");
  background-repeat: no-repeat;
  background-position: center center
}
#awards {
  margin-top: 140px
}
#awards .sec-header {
  text-align: center;
  margin-bottom: 40px
}
#awards .sec-header h3 {
  font-size: 20px
}
#awards #awards-imgs {
  margin-bottom: 40px;
  text-align: justify;
  -ms-text-justify: distribute-all-lines;
  text-justify: distribute-all-lines
}
#awards #awards-imgs img {
  width: 190px;
  height: 90px;
  vertical-align: top;
  display: inline-block;
  *display: inline;
  zoom: 1
}
#awards #awards-imgs .shorter {
  width: 150px
}
#awards #awards-imgs .wider {
  width: 190px
}
#awards #awards-imgs .stretch {
  width: 100%;
  display: inline-block;
  font-size: 0;
  line-height: 0
}
#leadership-imgs {
  margin-top: 140px;
  margin-bottom: 110px
}
#leadership-imgs .sec-header {
  margin-bottom: 40px;
  text-align: center
}
#leadership-imgs .sec-header h5 {
  font-size: 21px;
  cursor: text;
  color: black
}
#leadership-imgs img {
  height: 175px;
  margin-bottom: 16px;
  margin-top: 40px
}
#leadership-imgs img:hover, #leadership-imgs h5:hover {
  cursor: pointer
}
#leadership-imgs h5 {
  font-weight: 500;
  color: #008094;
  margin-bottom: 0px
}
.employee-bios {
  padding: 40px 50px !important
}
.employee-bios .headshot {
  width: 75%
}
.employee-bios h6 {
  font-family: 'museo-sans';
  font-weight: 700;
  margin-top: 16px;
  margin-bottom: 0px
}
.employee-bios p {
  font-size: 18px
}
.employee-bios p.p-large {
  font-size: 20px;
  border-left: 2px solid #592C82;
  padding-left: 20px
}
.employee-bios .content {
  padding-top: 80px
}
#mobile-app-hero {
  background-image: url("https://drq94yec07kda.cloudfront.net/images/static_pages/mobile-app-hero.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center right;
  min-height: 500px;
  padding-top: 130px
}
#mobile-app-hero #mobile-app-cta {
  border-radius: 10px;
  border-right: 10px solid #592C82;
  background: #ffffff;
  width: 50%;
  margin-left: 10%;
  max-width: 700px;
  padding: 40px
}
#mobile-app-hero #mobile-app-cta h5 {
  color: #595959
}
#mobile-app-hero #mobile-app-cta p {
  margin-top: 20px;
  margin-bottom: 40px;
  width: 75%
}
.app-sections {
  padding-top: 120px;
  padding-bottom: 120px
}
.app-sections h3 {
  font-size: 34px
}
.app-sections h5 {
  color: #595959
}
.app-sections p {
  margin-top: 20px;
  margin-bottom: 40px
}
.app-sections .app-icon {
  display: inline-block;
  margin-right: 20px
}
.app-sections .app-icon img {
  max-height: 80px;
  vertical-align: bottom
}
.app-sections .text {
  display: inline-block
}
.app-sections .button-group {
  display: block
}
.app-sections .button-group .ios-button {
  margin-bottom: 20px;
  margin-right: 30px
}
.app-sections .button-group .ios-button .fa-apple {
  font-size: 22px;
  margin-right: 10px
}
.app-sections .button-group .android-button img {
  margin-right: 14px
}
.app-sections .phone-img .star-rating {
  display: inline-block;
  vertical-align: bottom
}
.app-sections .phone-img .star-rating p {
  margin-bottom: 0px;
  margin-top: 0
}
.app-sections .phone-img .star-rating .stars img {
  display: inline-block;
  width: 175px;
  margin-top: 10px
}
.app-sections .phone-img .star-rating#ez-stars {
  margin-bottom: 20px
}
.app-sections .phone-img .star-rating#hqy-stars {
  margin-bottom: 10px
}
.app-sections .phone-img img {
  display: inline-block;
  max-height: 500px
}
.grey-bg {
  background-color: #F8F8F8
}
#mobile-app-icons {
  margin-top: 120px;
  margin-bottom: 120px
}
#mobile-app-icons h3 {
  font-family: 'museo-sans';
  font-size: 24px;
  font-weight: 500;
  text-transform: none;
  color: #595959;
  margin-bottom: 30px;
  text-align: center
}
#mobile-app-icons .content-row {
  margin-bottom: 80px
}
#mobile-app-icons .content-row .content-blurbs {
  text-align: center
}
#mobile-app-icons .content-row .content-blurbs img {
  max-width: 100px;
  margin-bottom: 20px
}
#mobile-app-icons .content-row .content-blurbs h5 {
  margin-bottom: 20px;
  font-size: 20px
}
#mobile-app-icons .content-row .content-blurbs p {
  color: #595959
}
#hsa-contribution-limits {
  padding-top: 100px;
  margin-bottom: -84px
}
#hsa-contribution-limits h1 {
  text-align: center;
  margin-bottom: 100px
}
.hsa-contribution-limits-table {
  table-layout: fixed
}
.hsa-contribution-limits-table thead, .hsa-contribution-limits-table tbody, .hsa-contribution-limits-table tfoot {
  border: none;
  background: transparent
}
.hsa-contribution-limits-table tbody tr:nth-child(even) {
  background-color: transparent
}
.hsa-contribution-limits-table td {
  vertical-align: top;
  padding: 8px 1.125rem 72px 1.125rem
}
.hsa-contribution-limits-table p {
  margin-bottom: 20px
}
.hsa-contribution-limits-table .col-header {
  font-weight: 700;
  font-size: 36px;
  line-height: 43.2px
}
.hsa-contribution-limits-table .col-header:before {
  content: "";
  display: block;
  width: 95%;
  padding-top: 20px;
  border-top: 2px solid #592C82
}
.hsa-contribution-limits-table .row-header {
  font-weight: 700;
  font-size: 20px
}
.hsa-contribution-limits-table .bold {
  font-weight: 500
}
.contribution-limits-hsa {
  padding-bottom: 100px
}
.contribution-limits-hsa .primary-btn {
  margin-top: 1.25rem
}
#transfer-hsa-hero {
  background: url("https://drq94yec07kda.cloudfront.net/images/static_pages/transfer-hsa-hero.png") top left no-repeat;
  background-size: contain
}
#transfer-hsa-box {
  background-color: white;
  border-top: 13px solid #592C82;
  border-radius: 6px;
  padding: 20px 110px;
  text-align: center;
  margin-top: 16rem
}
#transfer-hsa-box .sanchez {
  color: #595959;
  margin-bottom: 6px
}
#transfer-hsa-box h1 {
  margin-bottom: 40px
}
#transfer-hsa-box .primary-btn {
  margin-top: 40px
}
#transfer-hsa-funds {
  padding-top: 20px;
  padding-bottom: 120px
}
#transfer-hsa-funds .table-icon {
  width: 45px
}
.transfer-hsa-steps h2 {
  text-align: center;
  margin-bottom: 40px
}
.transfer-hsa-steps h3 {
  margin-bottom: 20px
}
.transfer-hsa-steps ul li {
  display: inline-flex
}
.transfer-hsa-steps .primary-btn {
  margin-top: 24px
}
.transfer-hsa-steps .extra-padding {
  padding-right: 3rem
}
#transfer-hsa-smart-move {
  position: relative;
  padding: 80px 0;
  margin-top: -80px
}
#transfer-hsa-smart-move .grey-bg {
  background-color: #F8F8F8;
  position: absolute;
  height: 100%;
  width: 80%;
  z-index: -1;
  margin-top: -80px
}
@media screen and (min-width: 1600px) {
  #transfer-hsa-smart-move .grey-bg {
    width: 72%
  }
}
#transfer-hsa-smart-move .need-help-box {
  background-color: white;
  margin-left: 80px;
  padding: 40px 0;
  text-align: center;
  margin-top: 3rem
}
#transfer-hsa-smart-move .need-help-box .secondary-btn {
  display: block;
  margin-top: 24px
}
#transfer-hsa-smart-move .primary-btn {
  margin-top: 24px;
  margin-right: 40px
}
.transfer-hsa-article-section {
  margin-top: 130px !important
}
.transfer-hsa-article-section .header h3 {
  font-size: 24px !important;
  color: #592C82 !important;
  text-transform: uppercase !important
}
.transfer-hsa-article-section h4 {
  text-transform: uppercase
}
.further-hero {
  background-image: url("https://drq94yec07kda.cloudfront.net/images/static_pages/further-hero-lg.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center right;
  min-height: 580px;
  padding-top: 135px
}
@media screen and (max-width: 1366px) and (min-width: 1024px) {
  .further-hero {
    padding-top: 50px;
    min-height: 480px
  }
}
.further-hero .hero-floating-text {
  width: 50%;
  max-width: 700px;
  margin-left: 10%;
  padding: 40px;
  background: #ffffff;
  border-radius: 10px;
  border-right: 10px solid #592C82
}
.further-hero .hero-floating-text h1, .further-hero .hero-floating-text p {
  width: 90%
}
.further-hero .hero-floating-text h1 {
  margin-bottom: 20px
}
.further-hero .hero-floating-text h2 {
  color: #595959;
  font-size: 18px;
  text-transform: none
}
.further-hero .hero-floating-text p {
  margin-top: 20px;
  margin-bottom: 16px;
  line-height: 1.8
}
.further-merger {
  margin-top: 120px
}
.further-merger .purple-bg-container {
  background-color: #592C82;
  border-radius: 6px;
  left: -40px;
  top: 40px
}
.further-merger .container {
  padding: 75px;
  background-color: white;
  border-radius: 6px;
  position: relative;
  left: 40px;
  top: -40px
}
.further-merger .container p {
  margin-bottom: 5px;
  width: 90%
}
p.sm-margin {
  margin-bottom: 5px
}
.further-info {
  margin-top: 120px
}
.further-info h2 {
  font-size: 34px;
  margin-bottom: 20px
}
.reinforcing-numbers {
  text-align: center
}
.reinforcing-numbers p.number, .reinforcing-numbers p.text {
  margin-bottom: 0px;
  line-height: 1.3
}
.reinforcing-numbers p.number {
  margin-top: 40px;
  font-size: 36px;
  font-weight: 700
}
.reinforcing-numbers p.text {
  font-size: 20px;
  font-weight: 500
}
.growth-img {
  width: 100%;
  max-width: 508px
}
#sm-growth-img, #md-growth-img {
  display: none
}
#growth-text {
  margin-top: 24px
}
#growth-text p {
  margin-bottom: 0px
}
@media screen and (max-width: 833px) {
  #growth-text {
    margin-top: 0px
  }
}
#growth-text-sm-tablets {
  display: none
}
@media screen and (max-width: 1023px) and (min-width: 755px) {
  #md-growth-img {
    display: inline-block;
    margin-left: -39px
  }
}
@media screen and (max-width: 754px) {
  #sm-growth-img {
    display: inline-block;
    text-align: center
  }
  #growth-text {
    display: none
  }
  #growth-text-sm-tablets {
    display: inline-block;
    margin-top: 32px
  }
}
.contact-link {
  text-decoration: underline
}
@media screen and (min-width: 2000px) {
  #mobile-app-hero {
    max-width: 116rem;
    margin: 0px auto
  }
}
@media screen and (min-width: 1632px) {
  .further-hero {
    margin-left: auto;
    margin-right: auto;
    width: 102rem
  }
}
@media screen and (max-width: 1600px) {
  #mobile-app-hero {
    background-image: url("https://drq94yec07kda.cloudfront.net/images/static_pages/mobile-app-hero-t.jpg")
  }
  #mobile-app-hero #mobile-app-cta p {
    width: 90%
  }
}
@media screen and (max-width: 1160px) {
  #awards #awards-imgs img {
    height: 100px;
    width: 175px
  }
  #awards #awards-imgs .shorter {
    width: 150px
  }
  #awards #awards-imgs .wider {
    width: 200px
  }
}
@media screen and (max-width: 1147px) {
  #mobile-app-hero .button-group .ios-button {
    margin-bottom: 30px
  }
  #mobile-app-hero .product-img #phone-img {
    height: 550px
  }
}
@media screen and (max-width: 1090px) {
  .app-sections .text h3 {
    font-size: 24px
  }
}
@media screen and (max-width: 1071px) {
  .app-sections .phone-img .product-imgs {
    max-height: 425px
  }
}
@media screen and (max-width: 1023px) {
  #mobile-app-hero {
    background-position: top center;
    padding-top: 18rem;
    background-image: url("https://drq94yec07kda.cloudfront.net/images/static_pages/mobile-app-hero.jpg")
  }
  #mobile-app-hero #mobile-app-cta {
    text-align: center;
    width: 90%;
    margin: 0px auto;
    border-top: 10px solid #592C82;
    border-right: 0px
  }
  #mobile-app-hero #mobile-app-cta p {
    width: 100%
  }
  .app-sections .app-icon {
    margin-right: 10px
  }
  .app-sections .app-icon img {
    max-height: 60px
  }
  .app-sections .text h3 {
    font-size: 24px
  }
  .app-sections .button-group {
    display: block;
    margin-bottom: 0px
  }
  .app-sections .button-group .ios-button, .app-sections .button-group .android-button {
    text-align: center;
    display: block;
    margin: 0px;
    width: 100%;
    padding: 18px 10px
  }
  .app-sections .hqy-app-buttons .android-button {
    padding: 18px 10px
  }
  .app-sections .phone-img {
    display: flex;
    flex-flow: column
  }
  .app-sections .phone-img .star-rating {
    order: 2;
    width: 50%;
    margin: 20px auto 0px
  }
  .app-sections .phone-img .product-imgs {
    order: 1;
    max-height: 100%;
    max-width: 200px;
    margin: 0px auto
  }
  #mobile-app-icons h3 {
    margin-bottom: 80px
  }
  #mobile-app-icons .content-row {
    margin-bottom: 0px
  }
  #mobile-app-icons .content-blurbs {
    margin-bottom: 80px
  }
  .contact-page {
    margin-bottom: 60px
  }
  .contact-page #contact-page-header {
    padding-top: 40px;
    padding-bottom: 40px
  }
  .contact-page #contact-page-header h5#contact-h5 {
    padding-bottom: 12px
  }
  .contact-page #contact-page-header h1#contact-h1 {
    font-size: 42px;
    margin-bottom: 0px
  }
  .contact-page .multi-label-card-spacer-b {
    margin-top: 40px
  }
  .contact-page p.contact-hours-p {
    margin-bottom: 32px
  }
  .contact-page .support-center-prim-btn {
    margin-bottom: 12px
  }
  .contact-page .btn-wrapper .contact-pg-btn {
    width: 100%;
    text-align: center
  }
  .contact-page .btn-wrapper .sec-btn-spacer {
    padding-top: 16px
  }
  .contact-page .btn-wrapper #contact-page-sec-btn {
    padding-top: 25px
  }
  .contact-page #latest-changes .secondary-btn {
    display: block
  }
  #contact-headquarters {
    height: 428px
  }
  #about-full-width-hero {
    background-image: url("https://drq94yec07kda.cloudfront.net/images/static_pages/our-company-hero-tablet.jpg")
  }
  #our-company #quote p.large {
    font-size: 36px;
    margin-bottom: 40px
  }
  #number-counters .content-section {
    margin-bottom: 85px
  }
  #purple-passion, #purple-purpose {
    background: none;
    padding-bottom: 0px
  }
  #purple-passion .tablet-img, #purple-purpose .tablet-img {
    padding: 20px
  }
  #purple-purpose {
    margin-top: 0px
  }
  #awards {
    margin-top: 100px
  }
  #awards .orbit {
    margin-bottom: 40px
  }
  #awards .orbit figure {
    text-align: center;
    margin-bottom: 20px
  }
  #awards .orbit figure img {
    height: 145px;
    width: auto
  }
  #awards .orbit .orbit-bullets {
    margin-top: 2.5rem
  }
  .employee-bios .ppl-with-quote > .headshot {
    width: 58%
  }
  .employee-bios .headshot {
    width: 25%
  }
  .employee-bios .container {
    width: 34%
  }
  .employee-bios p.p-large {
    width: 60%
  }
  .employee-bios .container, .employee-bios p.p-large {
    display: inline-block
  }
  .employee-bios .content {
    padding-top: 40px
  }
}
@media screen and (max-width: 1023px) and (min-width: 641px) {
  #hsa-contribution-limits .table-col {
    padding: 0
  }
}
@media screen and (max-width: 1023px) {
  #resources-tabs .tabs-content #engage .secondary-btn {
    margin-bottom: 40px
  }
  #transfer-hsa-box {
    margin-top: 8rem
  }
  #transfer-hsa-box .primary-btn {
    width: 70%;
    text-align: center
  }
  #transfer-hsa-funds {
    padding-top: 0;
    padding-bottom: 60px
  }
  #transfer-hsa-funds h2 {
    text-align: left
  }
  #transfer-hsa-funds table {
    padding: 0
  }
  #transfer-hsa-funds p {
    line-height: 1.4
  }
  .transfer-hsa-steps .primary-btn {
    width: 90%;
    text-align: center
  }
  .transfer-hsa-steps .icon {
    text-align: center
  }
  .transfer-hsa-steps .right-icon, .transfer-hsa-steps .left-icon {
    max-height: 220px !important
  }
  .transfer-hsa-steps #step-3-icon {
    max-height: 250px !important
  }
  #transfer-hsa-smart-move {
    padding: 105px 0 40px 0
  }
  #transfer-hsa-smart-move .grey-bg {
    width: 100%;
    height: 67%;
    margin-top: -40px
  }
  #transfer-hsa-smart-move .need-help-box {
    margin-left: 0;
    margin-top: 80px
  }
}
@media screen and (max-width: 1023px) and (max-width: 686px) and (min-width: 639px) {
  #transfer-hsa-smart-move .primary-btn {
    margin-right: 1px
  }
}
@media screen and (max-width: 1023px) {
  .transfer-hsa-article-section {
    margin-top: 30px !important;
    margin-bottom: 120px !important
  }
  .further-hero {
    background-image: url("https://drq94yec07kda.cloudfront.net/images/static_pages/further-hero-md.png");
    background-position: top;
    width: 100%;
    padding-top: 32px
  }
  .further-hero .hero-floating-text {
    width: 95%;
    max-width: 100%;
    margin: 220px auto 0px;
    border-right: none;
    border-top: 10px solid #592C82
  }
  .further-hero .hero-floating-text h1, .further-hero .hero-floating-text p {
    width: 100%
  }
  .further-merger {
    margin-top: -40px
  }
  .reinforcing-numbers {
    padding-left: 82px !important;
    padding-right: 82px !important
  }
}
@media screen and (max-width: 905px) {
  .further-hero .hero-floating-text {
    margin: 160px auto 0px
  }
  .further-merger {
    margin-top: -108px
  }
}
@media screen and (max-width: 775px) {
  #mobile-app-hero {
    padding-top: 14rem
  }
}
@media screen and (max-width: 720px) {
  .contact-page .card-purple-header .card-body .medium-6 {
    max-width: 100%;
    flex: 0 0 100%
  }
  .contact-page .card-purple-header .card-body .btn-wrapper {
    text-align: center
  }
  .contact-page .card-purple-header .card-body .btn-wrapper #demo-btn {
    padding-top: 32px
  }
}
@media screen and (max-width: 730px) {
  #leadership-imgs img {
    height: 140px
  }
}
@media screen and (max-width: 695px) {
  .app-sections .text h3 {
    font-size: 21px
  }
  .further-hero .hero-floating-text {
    margin: 110px auto 0px
  }
  .further-merger {
    margin-top: -158px
  }
}
@media screen and (max-width: 639px) {
  .hqy-login-help-header h2 {
    font-size: 20px
  }
  .hqy-login-help-header p {
    margin-bottom: 0px
  }
  #hqy-first-login-hero #cta-column {
    margin-top: 10px
  }
  #hqy-first-login-hero #cta-column #begin-reg-process {
    width: 100%
  }
  #hqy-first-login-hero #video-column {
    margin-top: 80px
  }
  #returning-users #header h3 {
    font-size: 34px
  }
  #returning-users #login-options h4 {
    text-align: left;
    margin-bottom: 32px
  }
  #returning-users #login-options ul li {
    margin-bottom: 16px
  }
  #returning-users #login-options #col-1 {
    margin-bottom: 80px
  }
  #still-need-help {
    margin-bottom: 40px
  }
  #still-need-help .container {
    padding: 30px 20px
  }
  #still-need-help .container a, #still-need-help .container button {
    margin-bottom: 20px;
    display: inline-block
  }
  .contact-page #contact-page-header h5#contact-h5 {
    padding-bottom: 12px
  }
  .contact-page #contact-page-header h1#contact-h1 {
    font-size: 42px;
    margin-bottom: 0px
  }
  .contact-page #multi-label-card-spacer-a, .contact-page .multi-label-card-spacer-b {
    margin-top: 48px
  }
  .contact-page .btn-wrapper {
    text-align: center
  }
  .contact-page .btn-wrapper #inner-btn-wrapper {
    margin-top: 32px;
    margin-bottom: 0px
  }
  .contact-page .btn-wrapper .sec-btn-spacer {
    padding-top: 24px
  }
  .contact-page .btn-wrapper #demo-btn {
    padding-top: 24px
  }
  .contact-page #trending-topics {
    text-align: left
  }
  .contact-page #trending-topics h4 {
    margin-top: 40px;
    margin-bottom: 20px
  }
  .contact-page #trending-topics #latest-changes {
    margin-top: 0;
    margin-bottom: 40px
  }
  .contact-page #trending-topics #latest-changes h5 {
    margin-top: 0
  }
  .contact-page #trending-topics #latest-changes .secondary-btn {
    margin-bottom: 0
  }
  #contact-headquarters {
    background-image: url("https://drq94yec07kda.cloudfront.net/images/static_pages/graphics/headquarters-map-sm.png");
    height: 482px
  }
  #contact-headquarters .headquarters-box {
    margin-top: 24px;
    margin-left: auto;
    padding: 24px;
    width: 100%;
    border-left: none;
    border-top: 13px solid #592C82
  }
  #contact-headquarters .headquarters-box h3 {
    font-size: 24px
  }
  #about-full-width-hero {
    height: 220px
  }
  #our-company #quote p.large {
    font-size: 32px
  }
  #our-company #our-company-blurb {
    margin-top: 80px
  }
  #number-counters .content-section .numbers {
    text-align: left
  }
  #number-counters .content-section .numbers h3 {
    font-size: 34px
  }
  #number-counters .content-section .numbers h4 {
    font-size: 20px
  }
  #number-counters .content-section .text p {
    font-size: 18px
  }
  #benefits-tabs #tab-container {
    overflow-x: auto;
    white-space: nowrap
  }
  #benefits-tabs .tabs {
    border: none;
    width: 450px
  }
  #benefits-tabs .tabs-title > a {
    font-size: 16px;
    font-weight: 500;
    color: #595959
  }
  #benefits-tabs .tabs-title > a:focus, #benefits-tabs .tabs-title > a[aria-selected='true'] {
    background: white;
    color: #008094;
    outline: none;
    border-bottom: 2px solid #008094
  }
  #benefits-tabs .tabs-content .tabs-panel {
    padding: 45px 20px
  }
  #benefits-tabs .tabs-content .tabs-panel #secondary-hsa-dna {
    margin-top: 40px
  }
  #purple-passion, #purple-purpose {
    margin-top: 20px
  }
  #purple-passion .mobile-img, #purple-purpose .mobile-img {
    margin-bottom: 40px
  }
  #purple-passion .container, #purple-purpose .container {
    padding: 0px
  }
  #leadership-imgs img {
    height: 175px
  }
  .employee-bios {
    padding: 40px 17px !important
  }
  .employee-bios .ppl-with-quote > .headshot {
    width: 45%
  }
  .employee-bios .headshot {
    width: 45%
  }
  .employee-bios .container {
    width: 100%
  }
  .employee-bios p.p-large {
    width: 100%
  }
  #mobile-app-hero {
    background: url("https://drq94yec07kda.cloudfront.net/images/static_pages/mobile-app-hero-m.png");
    background-size: cover;
    background-position: top right;
    min-height: 0px;
    max-height: 230px;
    padding-top: 10rem
  }
  #mobile-app-hero #mobile-app-cta {
    padding: 30px 20px;
    text-align: left
  }
  .app-sections.ez-receipts {
    padding-top: 17rem
  }
  .app-sections {
    padding-top: 80px;
    padding-bottom: 80px
  }
  .app-sections .text {
    width: 75%;
    vertical-align: top;
    font-size: 24px
  }
  .app-sections .phone-img {
    margin-top: 80px
  }
  .app-sections .phone-img .star-rating {
    width: 52%
  }
  .app-sections .phone-img .product-imgs {
    width: 180px;
    margin: 0px auto
  }
  #mobile-app-icons {
    margin-top: 80px;
    margin-bottom: 80px
  }
  #mobile-app-icons h3 {
    margin-bottom: 80px
  }
  #mobile-app-icons .content-blurbs {
    margin-bottom: 60px
  }
  #hsa-contribution-limits {
    padding-top: 40px
  }
  #hsa-contribution-limits h1 {
    font-size: 24px;
    margin-bottom: 80px
  }
  #hsa-contribution-limits .table-row {
    margin-bottom: 56px
  }
  #hsa-contribution-limits .table-row p {
    font-size: 16px
  }
  #hsa-contribution-limits .table-row .row-header {
    font-size: 20px;
    font-weight: 700
  }
  #hsa-contribution-limits .table-row .bold {
    font-weight: 500
  }
  .hsa-contribution-limits-table {
    margin-left: -10px;
    width: 104%
  }
  .hsa-contribution-limits-table .col-header {
    font-size: 24px;
    line-height: 28.8px
  }
  .contribution-limits-hsa .small-phone-img {
    margin-bottom: 40px;
    text-align: center
  }
  .contribution-limits-hsa .small-phone-img img {
    max-height: 308px !important;
    margin-left: 0 !important
  }
  .contribution-limits-hsa .primary-btn {
    width: 100%;
    text-align: center
  }
  .contribution-limits-hsa .small-center {
    text-align: center
  }
  #transfer-hsa-hero {
    background: url("https://drq94yec07kda.cloudfront.net/images/static_pages/transfer-hsa-hero-M.jpg") top center no-repeat;
    background-size: contain
  }
  #transfer-hsa-hero .no-mobile-padding {
    padding: 0
  }
  #transfer-hsa-box {
    padding: 20px 16px
  }
  #transfer-hsa-box h1, #transfer-hsa-box p {
    text-align: left
  }
  #transfer-hsa-box h1 {
    margin-bottom: 20px
  }
  #transfer-hsa-box .primary-btn {
    width: 100%;
    margin-top: 24px
  }
  #transfer-hsa-funds {
    margin-top: -26px
  }
  #transfer-hsa-funds h2 {
    margin-bottom: 47px
  }
  .transfer-hsa-steps .primary-btn {
    width: 100%;
    text-align: center;
    margin-bottom: 1rem
  }
  .transfer-hsa-steps .right-icon, .transfer-hsa-steps .mobile-icon {
    max-height: 220px !important
  }
  .transfer-hsa-steps p, .transfer-hsa-steps h3 {
    font-size: 24px !important
  }
  .transfer-hsa-steps .extra-padding {
    padding-right: 0
  }
  #transfer-hsa-smart-move {
    padding-top: 110px
  }
  #transfer-hsa-smart-move .grey-bg {
    height: 82%
  }
  #transfer-hsa-smart-move .primary-btn {
    width: 100%;
    text-align: center
  }
  #transfer-hsa-smart-move .secondary-btn {
    display: block;
    text-align: center;
    margin-top: 40px
  }
  .transfer-hsa-article-section {
    margin-bottom: 80px !important
  }
  .further-hero {
    background-image: url("https://drq94yec07kda.cloudfront.net/images/static_pages/further-hero-sm.png")
  }
  .further-hero .hero-floating-text {
    padding: 40px 20px;
    margin: 200px auto 0px
  }
  .further-merger {
    margin-top: -16px
  }
  .further-merger .small-12 {
    padding: 0px
  }
  .further-merger .purple-bg-container {
    height: 287px
  }
  .further-merger .container {
    margin: 0px auto;
    padding: 40px 40px 80px;
    left: 0px;
    width: 95%;
    top: -6rem
  }
  .further-merger .container h2 {
    margin-bottom: 20px
  }
  .further-merger .container p {
    margin: 0px;
    width: 100%
  }
  .reinforcing-numbers {
    padding: 0px !important
  }
  #growth-text-sm-tablets {
    margin-top: 0px
  }
  .growth-img {
    margin-left: 0px;
    margin-bottom: 32px;
    max-width: 100%
  }
}
@media screen and (max-width: 526px) {
  .further-merger {
    margin-top: 6px
  }
}
@media screen and (max-width: 490px) {
  .further-merger .purple-bg-container {
    height: 315px
  }
}
@media screen and (max-width: 475px) {
  .further-hero .hero-floating-text {
    margin: 130px auto 0px
  }
  .further-merger {
    margin-top: -68px
  }
}
@media screen and (max-width: 462px) {
  .further-merger {
    margin-top: -32px
  }
  .further-merger .container {
    padding: 8px 40px 80px
  }
}
@media screen and (max-width: 432px) {
  .further-merger .purple-bg-container {
    height: 342px
  }
}
@media screen and (max-width: 402px) {
  .further-merger .purple-bg-container {
    height: 370px
  }
  .further-merger .container {
    width: 92%
  }
}
@media screen and (max-width: 399px) {
  .further-merger .purple-bg-container {
    height: 398px
  }
}
@media screen and (max-width: 367px) {
  .further-merger .purple-bg-container {
    height: 426px
  }
}
@media screen and (max-width: 347px) {
  .further-merger .purple-bg-container {
    height: 454px
  }
}
@media screen and (max-width: 330px) {
  .further-merger .purple-bg-container {
    height: 482px
  }
}
#careers-hero #careers-hero-img {
  width: 100%;
  height: 280px;
  background-image: url("https://drq94yec07kda.cloudfront.net/images/static_pages/careers-hero.png");
  background-size: cover
}
#careers-hero .careers-hero-text {
  text-align: center;
  padding: 40px 0
}
#careers-hero .careers-hero-text p {
  margin-top: 20px;
  margin-bottom: 40px
}
#careers-mission {
  margin-bottom: 180px
}
#careers-mission .row {
  position: relative
}
#careers-mission .mission-bg-grey {
  background-color: #F8F8F8;
  position: absolute;
  z-index: -1;
  height: 280px;
  width: 600px;
  left: 11%;
  top: 16%
}
#careers-mission .mission-card {
  padding: 49px 49px 33px 49px;
  background-color: white;
  border-radius: 6px
}
#careers-mission .mission-card h2 {
  margin-bottom: 20px
}
#careers-culture {
  margin-bottom: 140px
}
#careers-culture h2 {
  font-size: 32px;
  margin-bottom: 20px
}
#careers-culture .checkmark-list {
  list-style-image: url("https://drq94yec07kda.cloudfront.net/images/icons/checkmark.svg");
  margin-top: 50px
}
#careers-culture h3 {
  font-size: 20px;
  color: black
}
@media screen and (min-width: 1023px) {
  #careers-culture p {
    margin-right: -1rem
  }
}
#careers-culture #oe-webinars {
  padding-right: 0
}
#careers-culture .orbit-container {
  min-height: 321px !important
}
#careers-culture .oe-card-wrapper {
  margin-right: -20px !important
}
#careers-culture .oe-orbit-bullets {
  margin-left: 42px !important
}
#careers-culture .oe-orbit-bullets .carousel-btn {
  margin-right: 8px
}
#careers-orbit-section .orbit:focus, #careers-orbit-section button:focus, #careers-orbit-section .orbit-figure:focus, #careers-orbit-section .orbit-container:focus {
  outline: none
}
#careers-orbit-section .orbit-container {
  max-width: 74rem;
  margin: auto;
  margin-bottom: 20px
}
#careers-orbit-section .orbit-container .row {
  max-width: 56rem
}
#careers-orbit-section .orbit-container .orbit-slide .values-img {
  width: 203px;
  margin-left: 43px;
  position: relative;
  top: 50%;
  transform: translateY(-50%)
}
#careers-orbit-section .orbit-container .orbit-slide #values-img-3, #careers-orbit-section .orbit-container .orbit-slide #values-img-5 {
  width: 170px
}
#careers-orbit-section .orbit-container .orbit-slide h2 {
  font-size: 32px;
  margin-bottom: 20px
}
#careers-orbit-section .orbit-container .orbit-slide p {
  font-size: 24px
}
#careers-orbit-section .orbit-container .orbit-slide .sanchez {
  font-size: 18px
}
#careers-orbit-section .orbit-previous, #careers-orbit-section .orbit-next {
  margin: 1rem;
  padding: 0rem
}
#careers-orbit-section .orbit-previous:hover, #careers-orbit-section .orbit-next:hover, #careers-orbit-section .orbit-previous:active, #careers-orbit-section .orbit-next:active, #careers-orbit-section .orbit-previous:focus, #careers-orbit-section .orbit-next:focus {
  background-color: transparent
}
#careers-orbit-section .orbit-next:hover, #careers-orbit-section .orbit-previous:hover {
  cursor: pointer
}
#careers-orbit-section .orbit-previous:focus img, #careers-orbit-section .orbit-next:focus img {
  border-radius: 50%;
  border: 1px solid #008094
}
#careers-orbit-section .orbit-bullets {
  max-width: 74rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px
}
#careers-orbit-section .orbit-bullets button {
  background-color: white;
  height: unset;
  width: 19%
}
#careers-orbit-section .orbit-bullets button p {
  display: inline-block;
  font-size: 16px;
  line-height: 19.2px;
  vertical-align: top;
  color: #595959;
  font-weight: 500;
  text-align: left
}
#careers-orbit-section .orbit-bullets button .bold {
  font-weight: 700
}
#careers-orbit-section .orbit-bullets button:hover {
  cursor: pointer
}
#careers-orbit-section .orbit-bullets button:hover p {
  color: #008094;
  font-weight: 700
}
#careers-orbit-section .orbit-bullets button.is-active p {
  color: #008094;
  font-weight: 700
}
#careers-orbit-section .orbit-bullets button.values-btn:focus {
  outline-color: #008094;
  outline-style: auto;
  outline-width: 1px
}
#careers-diversity {
  margin-top: 164px
}
#careers-diversity h2 {
  margin-bottom: 40px
}
#careers-diversity #careers-diversity-img {
  margin-bottom: 40px
}
#careers-diversity p {
  margin-bottom: 0
}
#careers-diversity #careers-equal-logo, #careers-diversity #careers-elevate-logo {
  height: 75px;
  margin-bottom: 21px
}
.awards-p {
  margin-top: -45px
}
#careers-quote .row {
  position: relative
}
#careers-quote .quote-bg-grey {
  background-color: #F8F8F8;
  position: absolute;
  z-index: -1;
  height: 280px;
  width: 600px;
  right: 16%;
  top: 44%
}
#careers-quote .quote-card {
  margin-top: 60px;
  background-color: white;
  padding: 0 50px 50px 0;
  position: relative
}
#careers-quote .quote-card .purple-line {
  position: absolute;
  border-left: 2px solid #592C82;
  height: 214px;
  left: -40px;
  top: 7px
}
#careers-quote .quote-card img {
  margin-bottom: 12px
}
#careers-quote .quote-card .quote {
  font-size: 24px
}
#careers-quote .quote-card .bold {
  font-weight: 700;
  margin-bottom: 0
}
#careers-quote .quote-card .center {
  text-align: center
}
#careers-quote .quote-card .primary-btn {
  margin-top: 26px
}
#careers-beyond-work {
  margin-top: 160px
}
#careers-beyond-work h2 {
  margin-bottom: 80px
}
#careers-beyond-work .thrive-card, #careers-beyond-work .purple-card {
  width: 575px;
  padding: 48px 80px;
  z-index: 1;
  background-color: white
}
#careers-beyond-work .purple-rect {
  position: absolute;
  width: 90%;
  height: 320px;
  background-color: #592C82;
  z-index: -2
}
#careers-beyond-work .careers-purple-img, #careers-beyond-work .careers-thrive-img {
  position: absolute;
  width: 548px;
  z-index: -1
}
#careers-beyond-work .purple-row {
  margin-bottom: 210px;
  position: relative
}
#careers-beyond-work .purple-row .purple-rect {
  right: 0;
  top: 32%
}
#careers-beyond-work .purple-row .purple-card {
  float: right;
  padding-right: 140px;
  margin-top: 33px;
  margin-right: 40px
}
#careers-beyond-work .purple-row .purple-card p {
  margin-bottom: 0
}
#careers-beyond-work .thrive-row {
  position: relative
}
#careers-beyond-work .thrive-row .careers-thrive-img {
  width: 662px;
  right: 0
}
#careers-beyond-work .thrive-row .purple-rect {
  height: 475px;
  top: 10%
}
#careers-beyond-work .thrive-row .thrive-card {
  margin-left: 40px;
  margin-top: 39px;
  height: 405px
}
#careers-beyond-work .no-padding {
  padding: 0
}
#careers-beyond-work ul {
  margin-left: 0
}
#careers-beyond-work ul .bullet-list {
  margin-left: 13px;
  margin-bottom: 0.1rem
}
#careers-beyond-work .right-list {
  margin-left: 40px
}
#careers-benefits {
  margin-top: 220px
}
#careers-benefits .no-padding {
  padding: 0
}
#careers-benefits .benefits-card {
  margin-top: 60px;
  margin-bottom: 80px;
  padding-right: 20px;
  height: 195px
}
#careers-benefits .benefits-card img {
  margin-bottom: 33px;
  height: 38px
}
#careers-benefits .benefits-card .benefits-title {
  font-size: 21px
}
#careers-benefits .text-center {
  margin: auto
}
#careers-faq .sanchez {
  text-align: center;
  margin-bottom: 50px;
  color: #595959
}
#careers-faq #faq-menu {
  padding-bottom: 60px
}
@media screen and (max-width: 1023px) {
  #careers-hero .careers-hero-text {
    padding-top: 70px
  }
  #careers-mission {
    margin-left: 15px;
    margin-bottom: 160px
  }
  #careers-mission .mission-bg-grey {
    width: 570px;
    left: 1%;
    top: 16%
  }
  #careers-mission h2 {
    font-size: 32px
  }
  #careers-culture {
    margin-bottom: 110px
  }
  #careers-culture .checkmark-list {
    margin-top: 0
  }
  #careers-culture #oe-webinars {
    padding-right: 24px
  }
  #careers-culture .orbit-container {
    min-height: 282px !important
  }
  #careers-culture .orbit-wrapper {
    width: unset !important;
    margin-top: 45px
  }
  #careers-culture .orbit-figure {
    width: unset !important
  }
  #careers-culture .oe-orbit-bullets {
    margin-left: unset !important
  }
  #careers-orbit-section .no-padding {
    padding: 0
  }
  #careers-orbit-section .values-card {
    margin-bottom: 44px;
    display: flex
  }
  #careers-orbit-section h4 {
    text-transform: uppercase
  }
  #careers-orbit-section .number {
    font-weight: 700;
    font-size: 20px;
    color: #595959;
    margin-top: -3px
  }
  #careers-orbit-section .values-text {
    margin-left: -2rem
  }
  #careers-orbit-section .text-center {
    align-self: center
  }
  #careers-orbit-section .values-img {
    margin-right: -50px
  }
  #careers-diversity {
    margin-top: 8px
  }
  #careers-diversity h2 {
    font-size: 32px
  }
  .awards-p {
    margin-top: 20px
  }
  #careers-quote .quote-bg-grey {
    width: 580px;
    right: 6%;
    top: 30%
  }
  #careers-quote .quote-card .quote {
    font-size: 18px
  }
  #careers-beyond-work h2 {
    font-size: 32px;
    margin-bottom: 70px
  }
  #careers-beyond-work h3 {
    margin-bottom: 20px;
    font-size: 24px
  }
  #careers-beyond-work .purple-img-row {
    padding: 0;
    height: 350px;
    position: relative
  }
  #careers-beyond-work .purple-img-row .careers-purple-img {
    height: 327px;
    width: 690px;
    right: 0
  }
  #careers-beyond-work .purple-img-row .purple-rect {
    top: 35px
  }
  #careers-beyond-work .purple-row {
    margin-bottom: 32px
  }
  #careers-beyond-work .thrive-img-row {
    padding: 0;
    height: 350px;
    position: relative
  }
  #careers-beyond-work .thrive-img-row .careers-thrive-img {
    height: 327px;
    width: 690px
  }
  #careers-beyond-work .thrive-img-row .purple-rect {
    right: 0;
    top: 35px
  }
  #careers-beyond-work .purple-card, #careers-beyond-work .thrive-card {
    width: unset;
    margin-top: 6px !important;
    margin-right: 0 !important;
    margin-left: 0 !important
  }
  #careers-beyond-work .purple-card {
    padding-right: 80px !important
  }
  #careers-benefits {
    margin-top: 72px
  }
  #careers-benefits h2 {
    font-size: 32px
  }
  #careers-benefits .benefits-card {
    height: 240px
  }
  #careers-faq #faq-menu {
    padding-top: 140px
  }
  #careers-faq .faq-content {
    padding: 0
  }
}
@media screen and (max-width: 639px) {
  #careers-hero #careers-hero-img {
    background-image: url("https://drq94yec07kda.cloudfront.net/images/static_pages/careers-hero-M.png");
    height: 230px
  }
  #careers-hero .careers-hero-text {
    text-align: left;
    padding: 32px 10px 40px 10px
  }
  #careers-hero .careers-hero-text p {
    padding-right: 2.3rem
  }
  #careers-hero .primary-btn {
    width: 100%;
    text-align: center
  }
  #careers-mission {
    margin-left: 0;
    margin-bottom: 120px
  }
  #careers-mission .mission-bg-grey {
    top: 38%
  }
  #careers-mission .mission-card {
    padding: 48px 16px;
    margin-left: 10px;
    margin-right: 10px
  }
  #careers-mission .mission-card p {
    margin-bottom: 0
  }
  #careers-culture .checkmark-list {
    margin-left: 2rem
  }
  #careers-culture #oe-webinars {
    padding-right: 6px
  }
  #careers-culture .orbit-container {
    min-height: 249px !important
  }
  #careers-culture .orbit-wrapper {
    width: 90% !important;
    margin-left: auto !important
  }
  #careers-orbit-section .brand-padding {
    padding: 0 16px
  }
  #careers-diversity .brand-padding {
    padding: 0 16px
  }
  #careers-diversity #careers-elevate-logo {
    margin-top: 60px
  }
  #careers-quote {
    padding-top: 20px
  }
  #careers-quote .quote-card {
    padding-right: 0;
    margin-top: 30px
  }
  #careers-beyond-work {
    margin-top: 70px
  }
  #careers-beyond-work .brand-padding {
    padding: 0 16px
  }
  #careers-beyond-work h2 {
    font-size: 24px;
    margin: 0 -10px 33px -10px
  }
  #careers-beyond-work .purple-img-row {
    height: 180px
  }
  #careers-beyond-work .purple-img-row .careers-purple-img {
    height: 100%
  }
  #careers-beyond-work .thrive-img-row {
    height: 180px;
    margin-top: 28px
  }
  #careers-beyond-work .thrive-img-row .careers-thrive-img {
    height: 100%
  }
  #careers-beyond-work .purple-card, #careers-beyond-work .thrive-card {
    padding: 0 !important
  }
  #careers-beyond-work .right-list {
    margin-left: 0;
    margin-top: -31px
  }
  #careers-benefits .brand-padding {
    padding: 0 16px
  }
  #careers-benefits .benefits-card {
    height: unset;
    margin-top: 60px;
    margin-bottom: 0;
    padding-bottom: 15px
  }
  #careers-faq #faq-menu {
    padding-top: 90px
  }
  #careers-faq .brand-padding {
    padding: 0 16px
  }
}
.oswald {
  font-family: 'Oswald', sans-serif
}
.museo-light {
  font-family: 'museo-sans', sans-serif;
  font-weight: 300;
  font-style: normal
}
.museo-medium {
  font-family: 'museo-sans', sans-serif;
  font-weight: 500;
  font-style: normal
}
.museo-regular {
  font-family: 'museo-sans', sans-serif;
  font-style: normal;
  font-weight: 700
}
.sanchez {
  font-family: 'Sanchez', serif
}
img {
  font-size: 12px;
  color: transparent;
  font-family: 'museo-sans', sans-serif
}
.purple {
  color: #592C82
}
.cta {
  color: #008094
}
#content-wrapper:focus {
  outline-style: none;
  box-shadow: none;
  border-color: transparent
}
.breadcrumbs {
  padding: 8px 0;
  margin-bottom: 0 !important
}
.breadcrumbs .row {
  max-width: 87.5rem
}
.breadcrumbs ul {
  list-style-type: none;
  margin-bottom: 0
}
.breadcrumbs ul li, .breadcrumbs ul a {
  font-size: 12px;
  font-weight: 500 !important;
  line-height: 15.6px;
  color: #595959
}
.breadcrumbs ul li:not(:last-child)::after {
  position: relative;
  content: "";
  display: inline-block;
  width: 0.3rem;
  height: 0.3rem;
  border-right: 0.1em solid #592C82;
  border-top: 0.1em solid #592C82;
  transform: rotate(45deg);
  margin: 0 0.7rem 0.1rem 0.6rem
}
.breadcrumbs .back-arrow {
  padding: 12px 16px
}
.breadcrumbs .back-arrow:before {
  content: "\f104";
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  font-size: 11px;
  color: #592C82;
  border: none;
  margin-top: -25px;
  margin-right: 11px
}
[type="submit"] {
  border-radius: 36px !important;
  border: 1px solid #008094;
  line-height: 1.6
}
[type="submit"]:hover {
  cursor: pointer
}
[type="submit"].submit-secondary {
  border: none
}
[type="submit"].submit-nav {
  border: none
}
form#b2c-form [type='submit'], form#b2b-form [type='submit'], form#seo_brand_cta [type='submit'], form#inline_seo_brand_cta [type='submit'] {
  margin: 40px auto 0px
}
form#inline_seo_brand_cta, form#inline_engage_cta {
  display: inline-block
}
.hqy-button {
  font-size: 16px;
  padding: 18px 40px;
  border-radius: 36px;
  display: inline-block;
  font-family: 'museo-sans';
  font-weight: 700;
  margin-bottom: 0px
}
.primary-btn {
  color: white;
  background-color: #008094;
  text-align: center
}
.primary-btn:hover {
  color: white;
  background-color: #006A7D;
  box-shadow: 0px 5px 6px #00000029
}
.primary-btn:active {
  background-color: #006A7D
}
.primary-btn:focus {
  box-shadow: 0px 0px 6px #00AAC6;
  color: white
}
.purple-primary-btn {
  color: white;
  background-color: #592C82;
  border: 1px solid #592C82
}
.purple-primary-btn:hover {
  box-shadow: 0px 5px 6px #00000029;
  background-color: #4c256f
}
.secondary-btn {
  font-size: 16px;
  color: #008094;
  font-family: 'museo-sans';
  font-weight: 500
}
.secondary-btn .far {
  margin-left: 5px
}
.secondary-btn:hover {
  font-family: 'museo-sans';
  text-shadow: -0.01ex 0 black, 0.01ex 0 black;
  color: #006A7D
}
.secondary-btn:hover .active-arrow {
  transform: translateX(10px);
  transition-duration: .3s
}
.secondary-btn:focus {
  font-size: 16px;
  border-radius: 36px;
  margin-bottom: 0px;
  background-color: #F1F1F2;
  color: #006A7D
}
.tertiary-link {
  color: #008094;
  font-family: 'museo-sans';
  font-weight: 500;
  display: inline-block
}
.tertiary-link:hover {
  text-decoration: underline;
  color: #006A7D;
  text-shadow: -0.01ex 0 black, 0.01ex 0 black
}
.tertiary-link:active {
  color: #006A7D
}
.inline-link {
  text-decoration: underline;
  color: #008094
}
.inline-link:hover {
  color: #006A7D;
  text-shadow: -0.01ex 0 black, 0.01ex 0 #006A7D
}
.brand-padding {
  padding-left: 24px;
  padding-right: 24px
}
.orbit .orbit-controls {
  display: none
}
.orbit .orbit-controls.qme-controls {
  display: block
}
.orbit .orbit-controls.qme-controls button:hover, .orbit .orbit-controls.qme-controls button:active, .orbit .orbit-controls.qme-controls button:focus {
  background-color: transparent;
  cursor: pointer
}
.orbit .orbit-controls.qme-controls button:focus {
  outline: none
}
.orbit .orbit-bullets button {
  background-color: #93949A;
  height: 16px;
  width: 16px
}
.orbit .orbit-bullets button.is-active {
  background-color: #00A0BD
}
.orbit .orbit-container:focus {
  outline-color: #008094;
  outline-style: auto;
  outline-width: 1px
}
.center {
  text-align: center
}
.small-purple-bullets {
  list-style: none;
  margin-bottom: 2rem
}
.small-purple-bullets li:before {
  content: "";
  height: 5px;
  width: 5px;
  background-color: #592C82;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  margin-top: 11px
}
.small-purple-bullets .bullet-list {
  margin-left: 1.5rem;
  margin-bottom: 0.6rem
}
.divider {
  background-color: #592C82;
  height: 200px;
  width: 2px;
  border-radius: 3px;
  margin: 0px auto
}
.one-partner-icon-band {
  padding-top: 72px;
  padding-bottom: 72px;
  background-color: #F1F1F2
}
.one-partner-icon-band .product-icon-band {
  width: 100%
}
.ready-to-act-cta {
  text-align: center
}
.ready-to-act-cta #cta-content .secondary-btn {
  margin-left: 50px
}
@media screen and (max-width: 647px) and (min-width: 639px) {
  .ready-to-act-cta #cta-content .secondary-btn {
    margin-left: 44px
  }
}
.ready-to-act-cta #cta-content p {
  margin-bottom: 40px
}
.ready-to-act-cta#persona {
  margin-top: 120px;
  margin-bottom: 160px
}
.ready-to-act-cta#persona .benefits-advisors form {
  display: inline-block
}
.ready-to-act-cta#persona form#seo_brand_cta [type='submit'] {
  margin-top: 0px
}
.ready-to-act-cta.product {
  margin-top: 120px;
  margin-bottom: 120px
}
p sup > a {
  color: #212121;
  font-size: 100%
}
p sup {
  font-size: 50%;
  top: -0.9em
}
h3 sup {
  font-size: 50%;
  top: -1.25em
}
.article-section {
  margin: 80px 0px
}
.article-section .header {
  text-align: center
}
.article-section .header h3 {
  color: #595959;
  margin-bottom: 35px;
  text-transform: none;
  font-size: 18px
}
.article-section .article-container {
  padding: 20px
}
.article-section .article-container .article-img {
  width: 100%
}
.article-section .article-container h5 {
  color: #595959;
  font-size: 14px;
  padding: 22px 0px 10px
}
.article-section .article-container h4 {
  font-size: 24px;
  margin-bottom: 70px;
  color: #212121
}
.article-section .article-container:hover {
  border-radius: 6px;
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transition-duration: .6s
}
.card-purple-header {
  margin-bottom: 20px;
  border-radius: 6px;
  box-shadow: 0px 3px 20px #00000029
}
.card-purple-header .card-header {
  padding: 6px 24px 6px 24px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  background-color: #592C82
}
.card-purple-header .card-header h5.card-header-h5 {
  font-size: 21px;
  margin-bottom: 0px;
  color: #ffffff
}
.card-purple-header .card-body {
  padding: 24px 24px 20px 24px
}
.card-purple-header .card-body .table-icon {
  margin: -3px 3px 0px 0px
}
.card-purple-header .card-body .card-phone-link {
  margin-bottom: 8px;
  font-size: 20px;
  color: #212121;
  display: block
}
.card-purple-header .card-body .card-phone-link:hover {
  text-shadow: -0.01ex 0 black, 0.01ex 0 black
}
.card-purple-header .card-body p.card-hours-p {
  font-size: 16px;
  margin-bottom: 20px;
  color: #595959
}
#disclosures {
  margin-bottom: 20px
}
#disclosures a {
  color: white;
  line-height: 1.3;
  font-size: 12px
}
#disclosures a:focus {
  color: black
}
#mobile-menu .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a {
  padding-top: 20px;
  padding-bottom: 20px
}
#mobile-menu .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {
  content: "\f105";
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  color: #592C82;
  border: none;
  margin-top: -10px;
  right: 1.4rem
}
#mobile-menu .accordion-menu .is-accordion-submenu-parent[aria-expanded='true'] > a::after {
  transform: rotate(90deg);
  right: 1rem;
  margin-top: -4px
}
#mobile-menu ul li a {
  color: #212121;
  font-family: 'museo-sans', sans-serif;
  font-style: normal;
  font-weight: 300
}
#mobile-menu #social-icon-row {
  margin: 30px 16px 20px 15px
}
#mobile-menu #social-icon-row h4 {
  font-size: 14px
}
#mobile-menu #social-icon-row .social-icons {
  color: #212121;
  margin: 10px 15px 50px 0px
}
.mouse-icon {
  border: 2px solid #592C82;
  border-radius: 16px;
  height: 40px;
  width: 24px;
  display: block;
  z-index: 10
}
.mouse-icon .wheel {
  -webkit-animation-name: drop;
  -webkit-animation-duration: 4s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-play-state: running;
  -webkit-animation-name: drop;
  animation-name: drop;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-play-state: running;
  animation-play-state: running
}
.mouse-icon .wheel {
  position: relative;
  border-radius: 10px;
  background: #592C82;
  width: 4px;
  height: 4px;
  top: 4px;
  margin-left: auto;
  margin-right: auto
}
@-webkit-keyframes drop {
  0% {
    top: 5px;
    opacity: 1;
    height: 4px
  }
  30% {
    top: 10px;
    opacity: 1;
    height: 8px
  }
  40% {
    top: 25px;
    opacity: 1;
    height: 4px
  }
  60% {
    top: 25px;
    opacity: 0;
    height: 4px
  }
  100% {
    top: 25px;
    opacity: 0;
    height: 4px
  }
}
@keyframes drop {
  0% {
    top: 5px;
    opacity: 1;
    height: 4px
  }
  30% {
    top: 10px;
    opacity: 1;
    height: 12px
  }
  40% {
    top: 25px;
    opacity: 1;
    height: 4px
  }
  60% {
    top: 25px;
    opacity: 0;
    height: 4px
  }
  100% {
    top: 25px;
    opacity: 0;
    height: 4px
  }
}
.checkbox {
  display: grid;
  grid-template-columns: min-content auto;
  grid-gap: 0.5em;
  font-size: 14px;
  color: #595959;
  font-family: 'museo-sans';
  font-weight: 500
}
.checkbox:hover {
  cursor: pointer
}
.checkbox__control {
  display: inline-grid;
  width: 20px;
  height: 20px;
  border-radius: 2px;
  border: 2px solid #e6e6e6;
}
.checkbox__control svg {
  transition: transform 0.1s ease-in 25ms;
  transform: scale(0);
  transform-origin: bottom left
}
.checkbox__input {
  display: grid;
  grid-template-areas: "checkbox"
}
.checkbox__input > * {
  grid-area: checkbox
}
.checkbox__input input {
  opacity: 0;
  width: 1em;
  height: 1em
}
.checkbox__input input:focus + .checkbox__control {
  border: 2px solid #008094;
  color: #008094
}
.checkbox__input input:checked + .checkbox__control {
  border: 2px solid #008094;
  border-radius: 2px
}
.checkbox__input input:checked + .checkbox__control svg {
  transform: scale(1);
  color: #008094
}
.reveal {
  outline: none
}
table.all-white tbody {
  border: none
}
table.all-white td {
  background-color: white
}
.screen-reader-only {
  position: absolute;
  height: 1px;
  width: 1px;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: polygon(0px 0px, 0px 0px, 0px 0px);
  -webkit-clip-path: polygon(0px 0px, 0px 0px, 0px 0px);
  overflow: hidden !important
}
:focus {
  outline-color: #008094;
  outline-style: auto;
  outline-width: 1px
}
@media screen and (max-width: 1023px) {
  .article-section .header {
    margin-bottom: 30px
  }
  .article-section #carousel-tablet-mobile .medium-5 {
    padding: 0px
  }
  .article-section #carousel-tablet-mobile .medium-5 img {
    width: 100%
  }
  .article-section #carousel-tablet-mobile h5 {
    margin-bottom: 10px;
    padding: 0px
  }
  .article-section #carousel-tablet-mobile .orbit-bullets {
    margin-top: 40px
  }
  .card-purple-header .card-body p.card-hours-p {
    margin-bottom: 40px
  }
  .card-purple-header .card-body a.primary-btn.hqy-button {
    padding-top: 16px;
    padding-bottom: 16px
  }
}
@media screen and (max-width: 639px) {
  .brand-padding {
    padding-left: 6px;
    padding-right: 6px
  }
  .article-section .orbit-container {
    min-height: 450px
  }
  .article-section .orbit-bullets {
    margin-bottom: 0
  }
  .card-purple-header .card-body a.primary-btn.hqy-button {
    text-align: center;
    width: 60%
  }
  .ready-to-act-cta.product .primary-btn {
    width: 100%
  }
  .ready-to-act-cta#persona .secondary-btn {
    display: block;
    margin: 30px auto 0px;
    text-align: center;
    width: 90%
  }
  form#inline_seo_brand_cta {
    width: 100%
  }
  form#inline_seo_brand_cta [type='submit'] {
    margin-top: 0px
  }
  .breadcrumbs {
    margin-left: -12px !important
  }
}
#webinars-hero {
  background-image: url("https://drq94yec07kda.cloudfront.net/images/static_pages/webinars-hero.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center right;
  min-height: 400px;
  padding-top: 100px
}
#webinars-hero #webinars-cta {
  border-radius: 10px;
  border-left: 10px solid #592C82;
  background: #ffffff;
  width: 50%;
  margin-left: 10%;
  max-width: 700px;
  padding: 40px
}
#webinars-hero #webinars-cta h5 {
  color: #595959
}
#webinars-hero #webinars-cta p {
  margin-top: 20px;
  margin-bottom: 40px;
  line-height: 1.8
}
.best-practices {
  margin-top: 100px
}
.best-practices h2 {
  margin-bottom: 80px
}
#webinars-cards {
  margin-top: 80px;
  margin-bottom: 80px
}
#webinars-cards .web-row {
  margin-bottom: 25px
}
#webinars-cards .container {
  border-radius: 6px;
  padding: 20px
}
#webinars-cards .container .text-container {
  padding-top: 20px
}
#webinars-cards .container .play-button {
  float: left;
  padding-right: 16px
}
#webinars-cards .container h3 {
  font-size: 20px;
  display: block;
  overflow: hidden;
  color: black
}
#webinars-cards .container .secondary-btn {
  margin-top: 20px;
  margin-left: 40px
}
#webinars-cards .container .secondary-btn:focus {
  padding: 10px 20px;
  margin-left: 20px;
  outline: none
}
#webinars-cards .container:hover {
  box-shadow: 5px 5px 20px #0000001F, 5px -5px 20px #0000001F, -5px 5px 20px #0000001F, -5px -5px 20px #0000001F;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transition-duration: 1s
}
.webinar-modal {
  background-color: transparent !important;
  border: none !important;
  outline: none
}
.webinar-modal .close-button {
  background-color: #F2F3F4;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  font-size: 26px;
  line-height: 36px;
  right: 7rem
}
.webinar-modal .close-button span {
  display: block;
  margin-top: -2px
}
.webinar-modal iframe {
  min-width: 50vw;
  min-height: 50vh;
  width: 100%;
  position: relative
}
#webinars-details {
  margin: 80px auto 175px
}
#webinars-details #video iframe {
  height: 100%;
  width: 100%
}
#webinars-details #content .container {
  border: 1px solid #DBDBDE;
  border-radius: 6px;
  padding: 40px
}
#webinars-details #content .container h1 {
  font-size: 34px;
  margin-bottom: 20px
}
#webinars-details #content .container p#description {
  margin-bottom: 40px
}
#webinars-details #content .container img {
  margin-right: 10px
}
#webinars-details #content .container img, #webinars-details #content .container p#time {
  display: inline-block
}
#webinars-details #register-event .primary-btn {
  margin-top: 20px
}
@media screen and (max-width: 1200px) {
  #webinars-hero {
    background-position: 400px 0px
  }
}
@media screen and (max-width: 1023px) {
  #webinars-hero {
    padding-top: 75px;
    background-position: 200px 0px;
    background-size: cover
  }
  #webinars-hero #webinars-cta {
    padding: 70px 60px;
    margin-left: 4%
  }
  #webinars-hero h1 {
    width: 100%
  }
  #webinars-cards .container {
    margin-bottom: 20px
  }
  .webinar-modal iframe {
    min-height: 25vh
  }
  .webinar-modal .close-button {
    display: none
  }
  #webinars-details {
    margin-top: 40px
  }
  #webinars-details #video iframe {
    min-height: 400px
  }
  #webinars-details #content .container {
    border: none
  }
  #webinars-details #register-event {
    padding-left: 40px
  }
}
@media screen and (max-width: 725px) {
  #webinars-hero #webinars-cta {
    padding: 60px;
    width: 58%
  }
}
@media screen and (max-width: 639px) {
  #webinars-hero {
    min-height: 145px;
    padding-top: 0px;
    background-position: center center
  }
  #webinars-mobile-header {
    margin: 40px auto
  }
  #webinars-cards .container {
    margin-bottom: 36px
  }
  .reveal {
    height: unset !important;
    min-height: unset !important
  }
  #webinars-details #video iframe {
    min-height: 200px
  }
}
#oe-center-hero {
  background-image: url("https://drq94yec07kda.cloudfront.net/images/learn/oe-center-hero.png")
}
#oe-center-hero #oe-hero-p {
  padding-right: 56px
}
#oe-center-hero #oe-hero-first-a {
  display: inline-block;
  padding-right: 40px;
  margin-bottom: 30px
}
@media screen and (max-width: 1089px) {
  #oe-center-hero #oe-hero-first-a {
    display: block
  }
}
#oe-center-discover-benefits {
  position: relative;
  padding: 133px 0 0 0
}
#oe-center-discover-benefits .discover-benefits-p {
  width: 80%;
  margin-top: 20px
}
#oe-center-discover-benefits h5 {
  font-family: 'museo-sans';
  font-weight: 300;
  margin-top: 22px
}
#oe-center-discover-benefits h5 a {
  font-weight: 500;
  color: #008094
}
#oe-center-discover-benefits .sticky {
  padding-top: 2.1rem;
  padding-bottom: 6.5rem
}
#oe-center-discover-benefits .oe-grey-bg {
  position: absolute;
  top: 0;
  right: 0;
  width: 35%;
  height: 100%;
  background-color: #F8F8F8;
  z-index: -100
}
#oe-center-discover-benefits .benefit-card {
  background-color: white;
  padding: 20px 30px 20px 20px;
  margin-bottom: 40px;
  border-radius: 6px;
  border-top: 12px solid #592C82;
  box-shadow: 0px 3px 20px #00000029
}
#oe-center-discover-benefits .benefit-card .eyebrow {
  color: #595959;
  font-size: 14px;
  margin-top: 0;
  margin-bottom: 10px
}
#oe-center-discover-benefits .benefit-card h3 {
  font-size: 28px
}
#oe-center-discover-benefits .benefit-card p {
  margin-top: 12px
}
#oe-center-discover-benefits .benefit-card a {
  display: block;
  margin-top: 35px
}
#oe-center-discover-benefits .benefit-card .secondary-btn:focus {
  padding: 0px 15px;
  outline: none;
  margin-left: -15px
}
#oe-center-discover-benefits .benefit-card .card-img {
  padding-right: 0.4rem
}
#oe-center-discover-benefits .benefit-card .card-img img {
  max-height: 43px;
  display: block;
  margin: auto
}
#oe-center-contribution-limits {
  padding-top: 80px
}
#oe-center-contribution-limits .tabs#oe-center-tabs {
  margin-top: 48px
}
#oe-center-contribution-limits .tabs {
  border: none;
  border-bottom: 1px solid #DBDBDE;
  white-space: nowrap
}
#oe-center-contribution-limits .tabs li.tabs-title, #oe-center-contribution-limits .tabs li.tabs-title.is-active {
  display: inline-block;
  float: none
}
#oe-center-contribution-limits .tabs li.tabs-title.is-active:hover {
  text-decoration: underline
}
#oe-center-contribution-limits .tabs li.tabs-title:focus, #oe-center-contribution-limits .tabs li.tabs-title.is-active:focus, #oe-center-contribution-limits .tabs a.blue-tabs:focus {
  border-radius: 6px;
  border: 1px solid #008094
}
#oe-center-contribution-limits .tabs a.blue-tabs {
  padding: 8px !important;
  margin: 8px
}
#oe-center-contribution-limits .tabs .tabs-title > a {
  padding: 16px;
  font-family: 'museo-sans', sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  color: #008094
}
#oe-center-contribution-limits .tabs .tabs-title:first-of-type {
  margin-left: -16px
}
#oe-center-contribution-limits .tabs .tabs-title > a:focus, #oe-center-contribution-limits .tabs .tabs-title > a[aria-selected='true'] {
  background-color: #ffffff;
  font-weight: 700;
  color: #008094;
  text-decoration: none !important
}
#oe-center-contribution-limits .tabs .tabs-title:hover > a:hover, #oe-center-contribution-limits .tabs .blue-tabs:hover {
  text-decoration: underline;
  font-weight: 700;
  color: #008094
}
#oe-center-contribution-limits .tabs .blue-tabs[aria-selected='true'] {
  color: #008094
}
#oe-center-contribution-limits .tabs-content {
  border: none
}
#oe-center-contribution-limits .tabs-content .tabs-panel {
  padding: 20px 0 0 0
}
#oe-center-contribution-limits table.oe-fsa-table {
  border: none
}
#oe-center-contribution-limits table.oe-fsa-table td, #oe-center-contribution-limits table.oe-fsa-table th {
  background-color: white;
  text-align: center;
  border: 1px solid #592C82
}
#oe-center-contribution-limits table.oe-fsa-table td p, #oe-center-contribution-limits table.oe-fsa-table th p {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 300;
  color: #595959
}
#oe-center-contribution-limits table.oe-fsa-table th p {
  font-weight: 500;
  color: #212121
}
#oe-center-contribution-limits #panel1 td, #oe-center-contribution-limits #panel1 th {
  width: 30%
}
#oe-center-contribution-limits .non-table-p {
  font-size: 16px;
  color: #595959;
  text-align: center;
  margin-top: 20px;
  line-height: 19.2px;
  font-weight: 300
}
#oe-center-contribution-limits #panel2 table, #oe-center-contribution-limits #panel3 table, #oe-center-contribution-limits #panel4 table {
  width: 65%;
  margin: auto
}
#oe-center-contribution-limits #panel6 table {
  width: 81%;
  margin: auto
}
#oe-center-tools-resources {
  padding-top: 28px
}
#oe-center-tools-resources .row {
  max-width: 65rem
}
#oe-center-tools-resources h2 {
  margin-bottom: 40px
}
#oe-center-tools-resources h4 {
  text-transform: uppercase;
  margin-bottom: 11px
}
#oe-center-tools-resources p {
  color: #212121;
  margin-bottom: 40px
}
#oe-center-tools-resources .article-container {
  position: relative
}
#oe-center-tools-resources .article-container:hover h4 {
  color: #592C82
}
#oe-center-tools-resources .secondary-btn {
  position: absolute;
  bottom: 20px
}
#oe-center-webinars {
  margin-top: 175px
}
#oe-center-webinars .row {
  max-width: 61rem
}
#oe-center-webinars p {
  margin-top: 20px;
  margin-bottom: 40px
}
#oe-center-calculators {
  margin-top: 140px
}
#oe-center-calculators p {
  margin-top: 20px;
  margin-bottom: 13px
}
#oe-center-calculators .secondary-btn {
  display: block;
  text-align: center;
  margin-top: 52px
}
#oe-center-compare-options {
  padding-top: 56px;
  margin-bottom: 55px
}
#oe-center-compare-options .row {
  max-width: 69rem
}
#oe-center-compare-options h2 {
  margin-bottom: 60px
}
#oe-center-compare-options p {
  color: #212121;
  margin-bottom: 70px
}
#oe-center-compare-options h4 {
  margin-top: 22px;
  margin-bottom: 11px
}
#oe-center-compare-options .article-container {
  position: relative;
  margin: 0 15px
}
#oe-center-compare-options .article-container:hover h4 {
  color: #592C82
}
#oe-center-compare-options .secondary-btn {
  position: absolute;
  bottom: 20px
}
.oe-center-disclosures p {
  color: #595959
}
#toolkit #toolkit-hero, #fsa-rule-change #toolkit-hero {
  height: 455px;
  position: relative
}
#toolkit #toolkit-hero #toolkit-box, #fsa-rule-change #toolkit-hero #toolkit-box {
  position: relative;
  z-index: 2;
  border-radius: 10px;
  border-bottom: 10px solid #592C82;
  background: #ffffff;
  max-width: 760px;
  padding: 48px 66px 20px 66px;
  margin: auto;
  text-align: center
}
#toolkit #toolkit-hero #toolkit-box h1, #fsa-rule-change #toolkit-hero #toolkit-box h1 {
  line-height: 54px;
  margin-bottom: 20px
}
#toolkit #toolkit-hero #toolkit-box h2, #fsa-rule-change #toolkit-hero #toolkit-box h2 {
  color: #595959;
  font-size: 18px;
  margin-bottom: 1rem;
  text-transform: capitalize
}
#toolkit #toolkit-hero #toolkit-text-blocks, #fsa-rule-change #toolkit-hero #toolkit-text-blocks {
  position: absolute;
  z-index: 1;
  width: 100%
}
#toolkit #toolkit-hero #toolkit-text-blocks h2, #fsa-rule-change #toolkit-hero #toolkit-text-blocks h2 {
  font-size: 32px;
  margin-bottom: 20px
}
#toolkit #toolkit-hero #toolkit-text-blocks p, #fsa-rule-change #toolkit-hero #toolkit-text-blocks p {
  margin-bottom: 40px
}
#toolkit #toolkit-hero #toolkit-text-blocks #toolkit-block-left, #fsa-rule-change #toolkit-hero #toolkit-text-blocks #toolkit-block-left {
  margin-top: -62px;
  padding-top: 102px;
  padding-bottom: 40px;
  background-color: #F1F1F2;
  width: 50%;
  float: left
}
#toolkit #toolkit-hero #toolkit-text-blocks #toolkit-block-right, #fsa-rule-change #toolkit-hero #toolkit-text-blocks #toolkit-block-right {
  margin-top: -62px;
  padding-top: 102px;
  padding-bottom: 40px;
  background-color: #F8F8F8;
  width: 50%;
  float: right
}
#toolkit #toolkit-hero #toolkit-text-blocks-sm h2, #fsa-rule-change #toolkit-hero #toolkit-text-blocks-sm h2 {
  margin-bottom: 22px
}
#toolkit #toolkit-hero #toolkit-text-blocks-sm p, #fsa-rule-change #toolkit-hero #toolkit-text-blocks-sm p {
  margin-bottom: 40px
}
#toolkit #toolkit-hero #toolkit-text-blocks-sm #toolkit-block-left-sm, #fsa-rule-change #toolkit-hero #toolkit-text-blocks-sm #toolkit-block-left-sm {
  margin-top: -62px;
  padding-top: 102px;
  padding-bottom: 60px;
  background-color: #F1F1F2
}
#toolkit #toolkit-hero #toolkit-text-blocks-sm #toolkit-block-right-sm, #fsa-rule-change #toolkit-hero #toolkit-text-blocks-sm #toolkit-block-right-sm {
  padding-top: 40px;
  padding-bottom: 60px;
  background-color: #F8F8F8
}
#toolkit #toolkit-media, #fsa-rule-change #toolkit-media {
  margin-top: 118px
}
#toolkit #toolkit-media h5, #fsa-rule-change #toolkit-media h5 {
  margin-bottom: 20px;
  color: #595959
}
#toolkit #toolkit-media p, #fsa-rule-change #toolkit-media p {
  margin-bottom: 60px;
  color: #212121;
  font-size: 24px
}
#toolkit #toolkit-media #mouse-icon-wrapper, #fsa-rule-change #toolkit-media #mouse-icon-wrapper {
  margin-top: 64px;
  margin-bottom: 64px
}
#toolkit #toolkit-media #mouse-icon-wrapper .mouse-icon, #fsa-rule-change #toolkit-media #mouse-icon-wrapper .mouse-icon {
  margin-left: auto;
  margin-right: auto;
  border: 2px solid #592C82;
  border-radius: 16px;
  height: 40px;
  width: 24px;
  display: block;
  z-index: 10
}
#toolkit #toolkit-media #mouse-icon-wrapper .mouse-icon .wheel, #fsa-rule-change #toolkit-media #mouse-icon-wrapper .mouse-icon .wheel {
  -webkit-animation-name: drop;
  -webkit-animation-duration: 4s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-play-state: running;
  -webkit-animation-name: drop;
  animation-name: drop;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-play-state: running;
  animation-play-state: running
}
#toolkit #toolkit-media #mouse-icon-wrapper .mouse-icon .wheel, #fsa-rule-change #toolkit-media #mouse-icon-wrapper .mouse-icon .wheel {
  position: relative;
  border-radius: 10px;
  background: #592C82;
  width: 4px;
  height: 4px;
  top: 4px;
  margin-left: auto;
  margin-right: auto
}
@-webkit-keyframes drop {
  0% {
    top: 5px;
    opacity: 1;
    height: 4px
  }
  30% {
    top: 10px;
    opacity: 1;
    height: 8px
  }
  40% {
    top: 25px;
    opacity: 1;
    height: 4px
  }
  60% {
    top: 25px;
    opacity: 0;
    height: 4px
  }
  100% {
    top: 25px;
    opacity: 0;
    height: 4px
  }
}
@keyframes drop {
  0% {
    top: 5px;
    opacity: 1;
    height: 4px
  }
  30% {
    top: 10px;
    opacity: 1;
    height: 12px
  }
  40% {
    top: 25px;
    opacity: 1;
    height: 4px
  }
  60% {
    top: 25px;
    opacity: 0;
    height: 4px
  }
  100% {
    top: 25px;
    opacity: 0;
    height: 4px
  }
}
#toolkit #toolkit-tabs .tabs, #fsa-rule-change #toolkit-tabs .tabs {
  border: none;
  border-bottom: 2px solid #592C82;
  overflow: auto;
  white-space: nowrap
}
#toolkit #toolkit-tabs .tabs li.tabs-title, #toolkit #toolkit-tabs .tabs li.tabs-title.is-active, #fsa-rule-change #toolkit-tabs .tabs li.tabs-title, #fsa-rule-change #toolkit-tabs .tabs li.tabs-title.is-active {
  display: inline-block;
  float: none
}
#toolkit #toolkit-tabs .tabs li.tabs-title:focus, #toolkit #toolkit-tabs .tabs li.tabs-title.is-active:focus, #toolkit #toolkit-tabs .tabs a.fsa-guide-a:focus, #fsa-rule-change #toolkit-tabs .tabs li.tabs-title:focus, #fsa-rule-change #toolkit-tabs .tabs li.tabs-title.is-active:focus, #fsa-rule-change #toolkit-tabs .tabs a.fsa-guide-a:focus {
  outline: none
}
#toolkit #toolkit-tabs .tabs .tabs-title > a, #fsa-rule-change #toolkit-tabs .tabs .tabs-title > a {
  padding: 16px;
  font-family: 'museo-sans', sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 18px
}
#toolkit #toolkit-tabs .tabs .tabs-title:first-of-type, #fsa-rule-change #toolkit-tabs .tabs .tabs-title:first-of-type {
  margin-left: -16px
}
#toolkit #toolkit-tabs .tabs .tabs-title > a:focus, #toolkit #toolkit-tabs .tabs .tabs-title > a[aria-selected='true'], #fsa-rule-change #toolkit-tabs .tabs .tabs-title > a:focus, #fsa-rule-change #toolkit-tabs .tabs .tabs-title > a[aria-selected='true'] {
  background-color: #ffffff;
  font-weight: 700;
  color: #592C82
}
#toolkit #toolkit-tabs .tabs .tabs-title:hover > a:hover, #toolkit #toolkit-tabs .tabs .fsa-guide-a:hover, #fsa-rule-change #toolkit-tabs .tabs .tabs-title:hover > a:hover, #fsa-rule-change #toolkit-tabs .tabs .fsa-guide-a:hover {
  text-decoration: underline;
  font-weight: 700;
  color: #592C82
}
#toolkit #toolkit-tabs .tabs .fsa-guide-a[aria-selected='true'], #fsa-rule-change #toolkit-tabs .tabs .fsa-guide-a[aria-selected='true'] {
  color: #592C82
}
#toolkit #toolkit-tabs .tabs-content, #fsa-rule-change #toolkit-tabs .tabs-content {
  border: none
}
#toolkit #toolkit-tabs .tabs-content .tabs-panel, #fsa-rule-change #toolkit-tabs .tabs-content .tabs-panel {
  padding-top: 36px
}
#toolkit #toolkit-tabs h3, #fsa-rule-change #toolkit-tabs h3 {
  color: #595959;
  margin-bottom: 18px
}
#toolkit #toolkit-tabs .fsa-guide-a, #fsa-rule-change #toolkit-tabs .fsa-guide-a {
  color: #212121
}
#toolkit #toolkit-tabs #fsa-link-img, #fsa-rule-change #toolkit-tabs #fsa-link-img {
  margin-right: 10px
}
#toolkit #toolkit-tabs #lfsa-document-download-text, #fsa-rule-change #toolkit-tabs #lfsa-document-download-text {
  font-family: 'Sanchez', serif;
  font-size: 24px;
  color: #595959
}
.toolkit-card-section {
  margin-top: 0px !important;
  margin-bottom: 48px !important
}
.toolkit-card-section .toolkit-card-container {
  padding: 20px 4px 20px 4px
}
.toolkit-card-section .toolkit-card-container .flyer-preview-wrapper {
  position: relative;
  width: 100%
}
.toolkit-card-section .toolkit-card-container .flyer-preview-wrapper .flyer-preview {
  display: block;
  width: 100%;
  height: auto
}
.toolkit-card-section .toolkit-card-container .flyer-preview-wrapper .preview-overlay {
  position: absolute;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  width: 91.7%;
  height: 100%;
  transition: .6s ease;
  opacity: 0
}
.toolkit-card-section .toolkit-card-container .flyer-preview-wrapper .preview-overlay .overlay-icon {
  padding-top: 175px;
  padding-bottom: 8px
}
.toolkit-card-section .toolkit-card-container .flyer-preview-wrapper .preview-overlay p {
  color: white;
  text-align: center
}
.toolkit-card-section .toolkit-card-container .icon-and-text {
  margin-top: 8px;
  text-align: left
}
.toolkit-card-section .toolkit-card-container p.toolkit-card-title {
  margin-bottom: 0px;
  font-size: 20px;
  font-weight: 700;
  color: #212121;
  text-align: left;
  vertical-align: top
}
.toolkit-card-section .toolkit-card-container p.toolkit-card-download {
  margin-bottom: 0px;
  font-weight: 500;
  font-size: 16px;
  color: #00879C;
  display: inline-block;
  text-align: left;
  vertical-align: top
}
.toolkit-card-section .toolkit-card-container .card-icon-pdf, .toolkit-card-section .toolkit-card-container .card-icon-download, .toolkit-card-section .toolkit-card-container .card-icon-webinar, .toolkit-card-section .toolkit-card-container .card-icon-presentation {
  float: left;
  vertical-align: top;
  margin-top: 6px;
  margin-right: 8px;
  margin-bottom: 12px
}
.toolkit-card-section .toolkit-card-container .card-icon-download {
  margin-top: 2px
}
.toolkit-card-section .toolkit-card-container .card-icon-webinar {
  margin-top: 8px
}
.toolkit-card-section .toolkit-card-container .card-icon-presentation {
  margin-top: 9px
}
.toolkit-card-section .toolkit-card-container:hover .flyer-preview-wrapper .preview-overlay {
  opacity: 1
}
#open-enrollment-2021 #oe-hero, #open-enrollment-2021 #oe-params-hero {
  margin-bottom: 100px;
  background-image: url("https://drq94yec07kda.cloudfront.net/images/open-enrollment/hero-open-enrollment-2021.png")
}
#open-enrollment-2021 #oe-hero h1#oe-h1, #open-enrollment-2021 #oe-params-hero h1#oe-h1 {
  font-size: 64px
}
#open-enrollment-2021 #oe-hero #oe-magellan-buttons #oe-primary-btn, #open-enrollment-2021 #oe-params-hero #oe-magellan-buttons #oe-primary-btn {
  margin-top: 50px;
  margin-bottom: 24px
}
#open-enrollment-2021 #oe-hero #oe-magellan-buttons #oe-responsive-br, #open-enrollment-2021 #oe-params-hero #oe-magellan-buttons #oe-responsive-br {
  display: none
}
#open-enrollment-2021 #oe-hero #oe-magellan-buttons #oe-secondary-btn, #open-enrollment-2021 #oe-params-hero #oe-magellan-buttons #oe-secondary-btn {
  padding: 17px 24px
}
@media screen and (min-width: 1023px) {
  #open-enrollment-2021 #oe-hero #oe-cta-banner, #open-enrollment-2021 #oe-params-hero #oe-cta-banner {
    width: 56%;
    max-width: 721px
  }
  #open-enrollment-2021 #oe-hero #oe-cta-banner h1, #open-enrollment-2021 #oe-params-hero #oe-cta-banner h1 {
    width: 100%
  }
}
#open-enrollment-2021 #oe-webinars {
  margin-bottom: 120px
}
#open-enrollment-2021 #oe-webinars #oe-webinar-text {
  padding-left: 60px;
  padding-right: 60px
}
#open-enrollment-2021 #oe-webinars h5#oe-webinar-h5 {
  color: #595959
}
#open-enrollment-2021 #oe-webinars h2#oe-webinar-h2 {
  margin-bottom: 20px
}
#open-enrollment-2021 #oe-webinars .orbit#oe-orbit .orbit-wrapper ul#oe-orbit-container.orbit-container {
  min-height: 328px
}
#open-enrollment-2021 #oe-webinars .orbit#oe-orbit .orbit-wrapper ul#oe-orbit-container.orbit-container li.orbit-slide .orbit-figure .article-section.oe-card-wrapper {
  margin: 0px;
  padding: 20px
}
#open-enrollment-2021 #oe-webinars .orbit#oe-orbit .orbit-wrapper ul#oe-orbit-container.orbit-container li.orbit-slide .orbit-figure .article-section.oe-card-wrapper .article-container.oe-card {
  max-width: 408px
}
#open-enrollment-2021 #oe-webinars .orbit#oe-orbit .orbit-wrapper ul#oe-orbit-container.orbit-container li.orbit-slide .orbit-figure .article-section.oe-card-wrapper .article-container.oe-card img.oe-webinar-img {
  margin-bottom: 24px
}
#open-enrollment-2021 #oe-webinars .orbit#oe-orbit .orbit-wrapper ul#oe-orbit-container.orbit-container li.orbit-slide .orbit-figure .article-section.oe-card-wrapper .article-container.oe-card:hover {
  border-radius: 6px;
  box-shadow: 5px 5px 20px #0000001F, 5px -5px 20px #0000001F, -5px 5px 20px #0000001F, -5px -5px 20px #0000001F;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transition-duration: 1s
}
#open-enrollment-2021 #oe-webinars .orbit#oe-orbit .orbit-wrapper .oe-orbit-bullets {
  margin-top: 0;
  margin-bottom: 4px;
  margin-left: 38px;
  display: inline-block
}
#open-enrollment-2021 #oe-webinars .orbit#oe-orbit .orbit-wrapper .oe-orbit-bullets .carousel-btn {
  float: left;
  height: 12px;
  width: 12px;
  cursor: pointer
}
#open-enrollment-2021 #oe-icon-section h5#oe-icon-h5 {
  margin-bottom: 16px;
  color: #595959
}
#open-enrollment-2021 #oe-icon-section h2#oe-icon-h2 {
  font-size: 34px;
  margin-bottom: 34px
}
#open-enrollment-2021 #oe-icon-section p.oe-icon-p {
  margin-bottom: 100px
}
#open-enrollment-2021 #oe-icon-section .oe-icon {
  height: 30px;
  margin-bottom: 32px
}
#open-enrollment-2021 #oe-icon-section h4.oe-icon-h4 {
  margin-bottom: 20px;
  color: #595959
}
#open-enrollment-2021 #oe-alternating-img .oe-alternating-p {
  margin-bottom: 40px
}
#open-enrollment-2021 #oe-alternating-img #oe-save-section {
  background-image: url("https://drq94yec07kda.cloudfront.net/images/open-enrollment/open-enrollment-half-page-save.png");
  height: 500px
}
#open-enrollment-2021 #oe-alternating-img #oe-save-section #content {
  margin-top: 5rem
}
#open-enrollment-2021 #oe-alternating-img #oe-keep-section {
  background-image: url("https://drq94yec07kda.cloudfront.net/images/open-enrollment/open-enrollment-half-page-keep.png");
  height: 500px
}
#open-enrollment-2021 #oe-alternating-img #oe-keep-section #content {
  margin-top: 5rem
}
#open-enrollment-2021 #oe-alternating-img #oe-cover-section {
  background-image: url("https://drq94yec07kda.cloudfront.net/images/open-enrollment/open-enrollment-half-page-cover.png");
  height: 500px
}
#open-enrollment-2021 #oe-alternating-img #oe-cover-section #content {
  margin-top: 5rem
}
#open-enrollment-2021 #oe-dynamic-products-sm h2#oe-dynamic-h2 {
  margin-top: 45px;
  margin-bottom: 48px
}
#open-enrollment-2021 #oe-dynamic-products-sm ul#oe-product-tabs.tabs {
  border: none;
  width: 100%;
  border-bottom: 2px solid #D1D2D4
}
#open-enrollment-2021 #oe-dynamic-products-sm #oe-product-tabs .tabs-title {
  text-align: center;
  padding-left: 26px;
  padding-right: 26px
}
#open-enrollment-2021 #oe-dynamic-products-sm #oe-product-tabs p#oe-tab-link {
  margin-bottom: 12px
}
#open-enrollment-2021 #oe-dynamic-products-sm #oe-product-tabs li.tabs-title.is-active > p#oe-tab-link > a#oe-fsa-sm-label.tertiary-link, #open-enrollment-2021 #oe-dynamic-products-sm #oe-product-tabs li.tabs-title.is-active > p#oe-tab-link > a#oe-lpfsa-sm-label.tertiary-link, #open-enrollment-2021 #oe-dynamic-products-sm #oe-product-tabs li.tabs-title.is-active > p#oe-tab-link > a#oe-dcfsa-sm-label.tertiary-link, #open-enrollment-2021 #oe-dynamic-products-sm #oe-product-tabs li.tabs-title.is-active > p#oe-tab-link > a#oe-hra-sm-label.tertiary-link, #open-enrollment-2021 #oe-dynamic-products-sm #oe-product-tabs li.tabs-title.is-active > a[aria-selected='true'] {
  font-weight: 700
}
#open-enrollment-2021 #oe-dynamic-products-sm .tabs-content#oe-product-content {
  border: none;
  padding-top: 20px
}
#open-enrollment-2021 #oe-dynamic-products-sm .tabs-content#oe-product-content #oe-fsa-sm.tabs-panel, #open-enrollment-2021 #oe-dynamic-products-sm .tabs-content#oe-product-content #oe-lpfsa-sm.tabs-panel, #open-enrollment-2021 #oe-dynamic-products-sm .tabs-content#oe-product-content #oe-dcfsa-sm.tabs-panel, #open-enrollment-2021 #oe-dynamic-products-sm .tabs-content#oe-product-content #oe-hra-sm.tabs-panel {
  padding: 0
}
#open-enrollment-2021 #oe-dynamic-products-sm h5#oe-explore-h5 {
  margin-bottom: 42px;
  color: #595959
}
#open-enrollment-2021 #oe-dynamic-products-sm h5#oe-prod-content-h5 {
  margin-bottom: 16px;
  color: #595959
}
#open-enrollment-2021 #oe-dynamic-products-sm h3#oe-prod-content-h3 {
  margin-bottom: 20px;
  font-size: 24px
}
#open-enrollment-2021 #oe-dynamic-products-sm p#oe-tab-p {
  padding-right: 78px
}
#open-enrollment-2021 #oe-dynamic-products-sm table.oe-fsa-table {
  border: none
}
#open-enrollment-2021 #oe-dynamic-products-sm table.oe-fsa-table thead, #open-enrollment-2021 #oe-dynamic-products-sm table.oe-fsa-table tbody {
  border: none
}
#open-enrollment-2021 #oe-dynamic-products-sm table.oe-fsa-table td {
  width: 30%;
  background-color: white;
  text-align: center;
  border: 1px solid #592C82
}
#open-enrollment-2021 #oe-dynamic-products-sm table.oe-fsa-table td p#oe-fsa-table-p {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 300;
  color: #595959
}
#open-enrollment-2021 #oe-dynamic-products-sm table.oe-fsa-table td#oe-table-rt-column {
  width: 40%;
  text-align: left;
  border: none
}
#open-enrollment-2021 #oe-dynamic-products-sm table.oe-fsa-table td#oe-table-rt-column p#oe-fsa-table-p {
  font-weight: 500
}
#open-enrollment-2021 #oe-dynamic-products-sm table.oe-fsa-table td#oe-table-header {
  border: none
}
#open-enrollment-2021 #oe-dynamic-products-sm table.oe-fsa-table span#oe-vs {
  color: #A7A9AB;
  margin-bottom: 0;
  float: right;
  margin-right: -20px
}
#open-enrollment-2021 #oe-dynamic-products-sm table.oe-fsa-table h5#oe-fsa-table-h5 {
  margin-bottom: 0
}
#open-enrollment-2021 #oe-dynamic-products-sm #oe-product-webinar-section h5#oe-webinar-h5 {
  margin-top: 120px;
  margin-bottom: 16px;
  color: #595959
}
#open-enrollment-2021 #oe-dynamic-products-sm #oe-product-webinar-section .oe-card-wrapper {
  margin-top: 144px
}
#open-enrollment-2021 #oe-dynamic-products-sm #oe-product-webinar-section .oe-card-wrapper .oe-card {
  max-width: 408px
}
#open-enrollment-2021 #oe-dynamic-products-sm #oe-product-webinar-section .oe-card-wrapper .oe-card #oe-prod-webinar-img {
  margin-bottom: 24px
}
#open-enrollment-2021 #oe-enroll h2#oe-enroll-h2 {
  font-size: 34px;
  margin-top: 124px;
  margin-bottom: 120px
}
#open-enrollment-2021 #oe-legal {
  margin-bottom: 20px
}
#open-enrollment-2021 #oe-legal p#oe-legal-p-8 {
  color: #595959;
  margin-bottom: 8px
}
#open-enrollment-2021 #oe-legal p#oe-legal-p-0 {
  color: #595959;
  margin-bottom: 0
}
#oe-planning-hero {
  background-image: url("https://drq94yec07kda.cloudfront.net/images/open-enrollment/oe-planning-hero.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center right;
  min-height: 580px;
  padding-top: 135px
}
#oe-planning-hero #oe-planning-cta {
  border-radius: 10px;
  border-right: 10px solid #592C82;
  background: #ffffff;
  width: 50%;
  margin-left: 10%;
  max-width: 700px;
  padding: 40px
}
#oe-planning-hero #oe-planning-cta h1, #oe-planning-hero #oe-planning-cta p {
  width: 90%
}
#oe-planning-hero #oe-planning-cta h2 {
  color: #595959;
  font-size: 18px;
  text-transform: none
}
#oe-planning-hero #oe-planning-cta p {
  margin-top: 20px;
  margin-bottom: 40px;
  line-height: 1.8
}
.confirmation-forms {
  margin-top: 134px;
  margin-bottom: 50px
}
.confirmation-forms h3 {
  margin-bottom: 20px
}
.confirmation-forms p {
  margin-bottom: 22px
}
.confirmation-forms table {
  margin-bottom: 0px
}
.confirmation-forms table tbody, .confirmation-forms table tr {
  background-color: transparent;
  border: none
}
.confirmation-forms table p {
  margin-bottom: 0px
}
.confirmation-forms tbody tr:nth-child(even) {
  background-color: transparent
}
.confirmation-forms .card-wrapper {
  margin-top: 18px
}
.confirmation-forms .no-img-card {
  margin-left: 68px;
  margin-bottom: 8px !important
}
#step-guide-header {
  text-align: center;
  margin-top: 120px
}
#step-guide-header .mouse-icon {
  margin: 25px auto 20px
}
#step-guide-body .fadehide {
  opacity: 0
}
#step-guide-body #step-1-icon {
  margin-top: -100px
}
#step-guide-body #step-2-icon {
  margin-top: -110px
}
#step-guide-body h4 {
  font-size: 100px;
  color: #A7A9AB
}
#step-guide-body p {
  font-size: 24px
}
#step-guide-body ul {
  list-style: none
}
#step-guide-body ul li:before {
  content: "\2022";
  color: #592C82;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em
}
#step-guide-body ul li {
  font-family: 'museo-sans', sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 24px
}
#step-guide-body #step-1, #step-guide-body #step-2, #step-guide-body #step-3, #step-guide-body #step-4, #step-guide-body #step-5, #step-guide-body #step-6, #step-guide-body #step-7 {
  margin: 0px auto 175px
}
#step-guide-body #step-1 form#seo_brand_cta [type='submit'], #step-guide-body #step-2 form#seo_brand_cta [type='submit'], #step-guide-body #step-3 form#seo_brand_cta [type='submit'], #step-guide-body #step-4 form#seo_brand_cta [type='submit'], #step-guide-body #step-5 form#seo_brand_cta [type='submit'], #step-guide-body #step-6 form#seo_brand_cta [type='submit'], #step-guide-body #step-7 form#seo_brand_cta [type='submit'] {
  margin-top: 0px
}
#step-guide-body #step-1 .secondary-btn, #step-guide-body #step-1 .secondary-btn:hover, #step-guide-body #step-2 .secondary-btn, #step-guide-body #step-2 .secondary-btn:hover, #step-guide-body #step-3 .secondary-btn, #step-guide-body #step-3 .secondary-btn:hover, #step-guide-body #step-4 .secondary-btn, #step-guide-body #step-4 .secondary-btn:hover, #step-guide-body #step-5 .secondary-btn, #step-guide-body #step-5 .secondary-btn:hover, #step-guide-body #step-6 .secondary-btn, #step-guide-body #step-6 .secondary-btn:hover, #step-guide-body #step-7 .secondary-btn, #step-guide-body #step-7 .secondary-btn:hover {
  font-size: 20px
}
#step-guide-body .right-icon {
  position: absolute;
  right: 5%;
  max-height: 250px;
  margin-top: -50px;
  opacity: 0
}
#step-guide-body .left-icon {
  position: absolute;
  left: 5%;
  max-height: 250px;
  margin-top: -50px;
  opacity: 0
}
#oe-cta-section {
  background-color: #F8F8F8
}
#oe-cta-section .container {
  background-color: white;
  border-radius: 6px;
  padding: 120px 50px;
  margin: 60px auto;
  text-align: center;
  width: 100%
}
#oe-cta-section .container h3 {
  margin-bottom: 40px;
  font-size: 32px
}
#oe-cta-section .container .schedule-a-demo-btn {
  margin-top: 0px
}
@media screen and (min-width: 2000px) {
  .right-img-hero#oe-hero, .right-img-hero#oe-params-hero {
    max-height: 651px;
    min-height: 650px
  }
}
@media screen and (min-width: 1698px) {
  .right-img-hero#oe-hero, .right-img-hero#oe-params-hero {
    max-width: 116rem;
    margin: 0px auto;
    min-height: 750px;
    height: 58vh;
    max-height: 800px
  }
}
@media screen and (max-width: 1600px) {
  #oe-planning-hero {
    background-position: 500px
  }
}
@media screen and (max-width: 1330px) {
  .half-image-section-left#oe-save-section, .half-image-section-left#oe-cover-section {
    background-position: -20%
  }
  .half-image-section-right#oe-keep-section {
    background-position: 130%
  }
}
@media screen and (max-width: 1331px) {
  #open-enrollment-2021 #oe-hero h1#oe-h1, #open-enrollment-2021 #oe-params-hero h1#oe-h1 {
    font-size: 52px
  }
  #open-enrollment-2021 #oe-hero #oe-magellan-buttons #oe-primary-btn, #open-enrollment-2021 #oe-params-hero #oe-magellan-buttons #oe-primary-btn {
    margin-bottom: 34px
  }
  #open-enrollment-2021 #oe-hero #oe-magellan-buttons #oe-responsive-br, #open-enrollment-2021 #oe-params-hero #oe-magellan-buttons #oe-responsive-br {
    display: inline-block
  }
  #open-enrollment-2021 #oe-hero #oe-magellan-buttons #oe-secondary-btn, #open-enrollment-2021 #oe-params-hero #oe-magellan-buttons #oe-secondary-btn {
    padding-left: 0;
    padding-right: 0
  }
}
@media screen and (max-width: 1215px) {
  #oe-planning-hero {
    background-size: cover;
    background-position: 300px;
    padding-top: 100px
  }
}
@media screen and (min-width: 1023px) {
  #open-enrollment-2021 #oe-hero, #open-enrollment-2021 #oe-params-hero {
    background-position: right
  }
}
@media screen and (min-width: 639px) and (max-width: 1160px) {
  #open-enrollment-2021 #oe-alternating-img #oe-cover-section {
    background-image: url("https://drq94yec07kda.cloudfront.net/images/open-enrollment/open-enrollment-half-page-cover-md.png")
  }
  #open-enrollment-2021 #oe-alternating-img #oe-save-section {
    background-image: url("https://drq94yec07kda.cloudfront.net/images/open-enrollment/open-enrollment-half-page-save-md.png")
  }
  #open-enrollment-2021 #oe-alternating-img #oe-keep-section {
    background-image: url("https://drq94yec07kda.cloudfront.net/images/open-enrollment/open-enrollment-half-page-keep-md.png")
  }
}
@media screen and (min-width: 900px) and (max-width: 1160px) {
  #open-enrollment-2021 #oe-alternating-img #oe-cover-section, #open-enrollment-2021 #oe-alternating-img #oe-save-section {
    background-size: auto;
    background-position: 0%
  }
  #open-enrollment-2021 #oe-alternating-img #oe-keep-section {
    background-size: auto;
    background-position: 100%
  }
}
@media screen and (min-width: 718px) and (max-width: 899px) {
  #open-enrollment-2021 #oe-alternating-img #oe-cover-section, #open-enrollment-2021 #oe-alternating-img #oe-save-section {
    background-size: auto;
    background-position: -40%
  }
  #open-enrollment-2021 #oe-alternating-img #oe-keep-section {
    background-size: auto;
    background-position: 140%
  }
}
@media screen and (min-width: 639px) and (max-width: 717px) {
  #open-enrollment-2021 #oe-alternating-img #oe-cover-section, #open-enrollment-2021 #oe-alternating-img #oe-save-section {
    background-size: auto;
    background-position: -100%
  }
  #open-enrollment-2021 #oe-alternating-img #oe-keep-section {
    background-size: auto;
    background-position: 200%
  }
}
@media screen and (max-width: 1023px) {
  #oe-center-hero {
    margin-bottom: 13rem
  }
  #oe-center-hero #oe-hero-p {
    padding-right: 0;
    width: 87%
  }
  #oe-center-hero #oe-hero-first-a {
    padding-right: 0;
    margin-bottom: 20px
  }
  #oe-center-hero #oe-cta-banner {
    z-index: 100
  }
  #oe-center-discover-benefits .oe-grey-bg {
    top: 24%;
    width: 61%;
    height: 70%
  }
  #oe-center-discover-benefits .sticky {
    text-align: center;
    padding-bottom: 64px
  }
  #oe-center-discover-benefits .sticky .discover-benefits-p {
    width: 100%
  }
  #oe-center-contribution-limits {
    padding-top: 60px
  }
  #oe-center-contribution-limits h2 {
    margin-bottom: 20px
  }
  #oe-center-contribution-limits #oe-center-tabs {
    margin-top: 7px
  }
  #oe-center-tools-resources {
    margin-top: 45px
  }
  #oe-center-tools-resources h2 {
    margin-bottom: 22px
  }
  #oe-center-webinars {
    margin-top: 80px
  }
  #oe-center-calculators p {
    margin-bottom: 0
  }
  #oe-center-compare-options {
    margin-top: 0;
    margin-bottom: 25px;
    padding-top: 96px
  }
}
@media screen and (max-width: 1023px) and (min-width: 639px) {
  #oe-center-compare-options .article-container {
    padding: 0;
    min-height: 187px
  }
  #oe-center-compare-options img {
    margin-bottom: 80px
  }
  #oe-center-compare-options p {
    margin-bottom: 30px
  }
  #oe-center-compare-options h4 {
    margin-top: 0px
  }
  #oe-center-compare-options .right-content {
    min-height: 187px;
    position: relative
  }
  #oe-center-compare-options .secondary-btn {
    bottom: 0
  }
}
@media screen and (max-width: 1023px) {
  #toolkit #toolkit-hero #toolkit-box h1, #toolkit-media #toolkit-hero #toolkit-box h1 {
    font-size: 42px
  }
  #toolkit #toolkit-hero #toolkit-text-blocks h2, #toolkit-media #toolkit-hero #toolkit-text-blocks h2 {
    font-size: 24px
  }
  #toolkit #toolkit-hero #toolkit-text-blocks #toolkit-block-left, #toolkit-media #toolkit-hero #toolkit-text-blocks #toolkit-block-left {
    padding-bottom: 60px
  }
  #toolkit #toolkit-hero #toolkit-text-blocks #toolkit-block-right, #toolkit-media #toolkit-hero #toolkit-text-blocks #toolkit-block-right {
    padding-bottom: 60px
  }
  #toolkit #toolkit-media, #toolkit-media #toolkit-media {
    margin-top: 200px
  }
}
@media screen and (max-width: 1023px) and (max-width: 760px) {
  #toolkit #toolkit-media, #toolkit-media #toolkit-media {
    margin-top: 260px
  }
}
@media screen and (max-width: 1023px) {
  #toolkit #toolkit-tabs .tabs, #toolkit-media #toolkit-tabs .tabs {
    border: none;
    border-bottom: 2px solid #592C82
  }
  #toolkit #toolkit-tabs .tabs .tabs-title > a, #toolkit-media #toolkit-tabs .tabs .tabs-title > a {
    padding: 16px;
    font-family: 'museo-sans', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 18px
  }
  #toolkit #toolkit-tabs .tabs .tabs-title:first-of-type, #toolkit-media #toolkit-tabs .tabs .tabs-title:first-of-type {
    margin-left: -16px
  }
  #toolkit #toolkit-tabs .tabs .tabs-title > a:focus, #toolkit #toolkit-tabs .tabs .tabs-title > a[aria-selected='true'], #toolkit-media #toolkit-tabs .tabs .tabs-title > a:focus, #toolkit-media #toolkit-tabs .tabs .tabs-title > a[aria-selected='true'] {
    background-color: #ffffff;
    font-weight: 700;
    color: #592C82
  }
  #toolkit #toolkit-tabs .tabs .tabs-title:hover > a:hover, #toolkit #toolkit-tabs .tabs .fsa-guide-a:hover, #toolkit-media #toolkit-tabs .tabs .tabs-title:hover > a:hover, #toolkit-media #toolkit-tabs .tabs .fsa-guide-a:hover {
    text-decoration: underline;
    font-weight: 700;
    color: #592C82
  }
  #toolkit #toolkit-tabs .tabs .fsa-guide-a[aria-selected='true'], #toolkit-media #toolkit-tabs .tabs .fsa-guide-a[aria-selected='true'] {
    color: #592C82
  }
  #toolkit #toolkit-tabs .tabs-content, #toolkit-media #toolkit-tabs .tabs-content {
    border: none
  }
  #toolkit #toolkit-tabs .tabs-content .tabs-panel, #toolkit-media #toolkit-tabs .tabs-content .tabs-panel {
    padding-top: 36px
  }
  #toolkit #toolkit-tabs h3, #toolkit-media #toolkit-tabs h3 {
    color: #595959;
    margin-bottom: 18px
  }
  #toolkit #toolkit-tabs .fsa-guide-a, #toolkit-media #toolkit-tabs .fsa-guide-a {
    color: #212121
  }
  #toolkit #toolkit-tabs #fsa-link-img, #toolkit-media #toolkit-tabs #fsa-link-img {
    margin-right: 10px
  }
  #toolkit #toolkit-tabs #lfsa-document-download-text, #toolkit-media #toolkit-tabs #lfsa-document-download-text {
    font-family: 'Sanchez', serif;
    font-size: 24px;
    color: #595959
  }
  #toolkit #toolkit-tabs .toolkit-card-section, #toolkit-media #toolkit-tabs .toolkit-card-section {
    margin-top: 0px;
    margin-bottom: 48px
  }
  #toolkit #toolkit-tabs .toolkit-card-section .toolkit-card-container, #toolkit-media #toolkit-tabs .toolkit-card-section .toolkit-card-container {
    padding: 20px 4px 20px 4px
  }
  #toolkit #toolkit-tabs .toolkit-card-section .toolkit-card-container .flyer-preview-wrapper, #toolkit-media #toolkit-tabs .toolkit-card-section .toolkit-card-container .flyer-preview-wrapper {
    position: relative;
    width: 100%
  }
  #toolkit #toolkit-tabs .toolkit-card-section .toolkit-card-container .flyer-preview-wrapper .flyer-preview, #toolkit-media #toolkit-tabs .toolkit-card-section .toolkit-card-container .flyer-preview-wrapper .flyer-preview {
    display: block;
    width: 100%;
    height: auto
  }
  #toolkit #toolkit-tabs .toolkit-card-section .toolkit-card-container .flyer-preview-wrapper .preview-overlay, #toolkit-media #toolkit-tabs .toolkit-card-section .toolkit-card-container .flyer-preview-wrapper .preview-overlay {
    position: absolute;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    width: 91.7%;
    height: 100%;
    transition: .6s ease;
    opacity: 0
  }
  #toolkit #toolkit-tabs .toolkit-card-section .toolkit-card-container .flyer-preview-wrapper .preview-overlay .overlay-icon, #toolkit-media #toolkit-tabs .toolkit-card-section .toolkit-card-container .flyer-preview-wrapper .preview-overlay .overlay-icon {
    padding-top: 175px;
    padding-bottom: 8px
  }
  #toolkit #toolkit-tabs .toolkit-card-section .toolkit-card-container .flyer-preview-wrapper .preview-overlay p, #toolkit-media #toolkit-tabs .toolkit-card-section .toolkit-card-container .flyer-preview-wrapper .preview-overlay p {
    color: white;
    text-align: center
  }
  #toolkit #toolkit-tabs .toolkit-card-section .toolkit-card-container .icon-and-text, #toolkit-media #toolkit-tabs .toolkit-card-section .toolkit-card-container .icon-and-text {
    margin-top: 8px;
    text-align: left
  }
  #toolkit #toolkit-tabs .toolkit-card-section .toolkit-card-container p.toolkit-card-title, #toolkit-media #toolkit-tabs .toolkit-card-section .toolkit-card-container p.toolkit-card-title {
    margin-bottom: 0px;
    font-size: 20px;
    font-weight: 700;
    color: #212121;
    text-align: left;
    vertical-align: top
  }
  #toolkit #toolkit-tabs .toolkit-card-section .toolkit-card-container p.toolkit-card-download, #toolkit-media #toolkit-tabs .toolkit-card-section .toolkit-card-container p.toolkit-card-download {
    margin-bottom: 0px;
    font-weight: 500;
    font-size: 16px;
    color: #00879C;
    display: inline-block;
    text-align: left;
    vertical-align: top
  }
  #toolkit #toolkit-tabs .toolkit-card-section .toolkit-card-container .card-icon-pdf, #toolkit #toolkit-tabs .toolkit-card-section .toolkit-card-container .card-icon-download, #toolkit #toolkit-tabs .toolkit-card-section .toolkit-card-container .card-icon-webinar, #toolkit #toolkit-tabs .toolkit-card-section .toolkit-card-container .card-icon-presentation, #toolkit-media #toolkit-tabs .toolkit-card-section .toolkit-card-container .card-icon-pdf, #toolkit-media #toolkit-tabs .toolkit-card-section .toolkit-card-container .card-icon-download, #toolkit-media #toolkit-tabs .toolkit-card-section .toolkit-card-container .card-icon-webinar, #toolkit-media #toolkit-tabs .toolkit-card-section .toolkit-card-container .card-icon-presentation {
    float: left;
    vertical-align: top;
    margin-top: 6px;
    margin-right: 8px;
    margin-bottom: 12px
  }
  #toolkit #toolkit-tabs .toolkit-card-section .toolkit-card-container .card-icon-download, #toolkit-media #toolkit-tabs .toolkit-card-section .toolkit-card-container .card-icon-download {
    margin-top: 2px
  }
  #toolkit #toolkit-tabs .toolkit-card-section .toolkit-card-container .card-icon-webinar, #toolkit-media #toolkit-tabs .toolkit-card-section .toolkit-card-container .card-icon-webinar {
    margin-top: 8px
  }
  #toolkit #toolkit-tabs .toolkit-card-section .toolkit-card-container .card-icon-presentation, #toolkit-media #toolkit-tabs .toolkit-card-section .toolkit-card-container .card-icon-presentation {
    margin-top: 9px
  }
  #toolkit #toolkit-tabs .toolkit-card-section .toolkit-card-container:hover .flyer-preview-wrapper .preview-overlay, #toolkit-media #toolkit-tabs .toolkit-card-section .toolkit-card-container:hover .flyer-preview-wrapper .preview-overlay {
    opacity: 1
  }
  #open-enrollment-2021 #oe-hero, #open-enrollment-2021 #oe-params-hero {
    height: 400px;
    min-height: auto;
    padding-top: 17.5rem;
    margin-bottom: 15rem;
    background-size: cover;
    background-position: 0% 22%
  }
  #open-enrollment-2021 #oe-hero h1#oe-h1, #open-enrollment-2021 #oe-params-hero h1#oe-h1 {
    font-size: 46px
  }
  #open-enrollment-2021 #oe-hero #oe-magellan-buttons #oe-primary-btn, #open-enrollment-2021 #oe-params-hero #oe-magellan-buttons #oe-primary-btn {
    width: 348px;
    margin-bottom: 4px
  }
  #open-enrollment-2021 #oe-webinars {
    margin-bottom: 120px
  }
  #open-enrollment-2021 #oe-webinars #oe-webinar-text {
    padding-left: 10px;
    padding-right: 10px
  }
  #open-enrollment-2021 #oe-webinars #oe-webinar-text h2#oe-webinar-h2 {
    margin-bottom: 20px
  }
  #open-enrollment-2021 #oe-webinars #oe-webinar-text p#oe-webinars-p {
    margin-bottom: 80px
  }
  #open-enrollment-2021 #oe-webinars .orbit#oe-orbit .orbit-wrapper {
    width: 534px;
    margin-left: auto;
    margin-right: auto
  }
  #open-enrollment-2021 #oe-webinars .orbit#oe-orbit .orbit-wrapper ul#oe-orbit-container.orbit-container {
    min-height: 268px
  }
  #open-enrollment-2021 #oe-webinars .orbit#oe-orbit .orbit-wrapper ul#oe-orbit-container.orbit-container li.orbit-slide {
    text-align: center
  }
  #open-enrollment-2021 #oe-webinars .orbit#oe-orbit .orbit-wrapper ul#oe-orbit-container.orbit-container li.orbit-slide .orbit-figure {
    width: 534px;
    margin-left: auto;
    margin-right: auto;
    text-align: left
  }
  #open-enrollment-2021 #oe-webinars .orbit#oe-orbit .orbit-wrapper ul#oe-orbit-container.orbit-container li.orbit-slide .orbit-figure img.oe-webinar-img {
    width: 534px;
    margin-bottom: 24px
  }
  #open-enrollment-2021 #oe-webinars .orbit#oe-orbit .orbit-wrapper .oe-orbit-bullets {
    margin-left: 0px
  }
  #open-enrollment-2021 #oe-params-hero {
    margin-bottom: 27rem
  }
  #open-enrollment-2021 #oe-dynamic-products-sm h3#oe-prod-content-h3 {
    font-size: 24px
  }
  #open-enrollment-2021 #oe-dynamic-products-sm p#oe-webinar-p {
    padding-left: 36px;
    padding-right: 36px;
    margin-bottom: 46px
  }
  #open-enrollment-2021 #oe-dynamic-products-sm #oe-product-webinar-section {
    text-align: center
  }
  #open-enrollment-2021 #oe-dynamic-products-sm #oe-product-webinar-section h5#oe-webinar-h5 {
    margin-top: 64px
  }
  #open-enrollment-2021 #oe-dynamic-products-sm #oe-product-webinar-section #oe-prod-webinar-wrapper {
    margin-left: auto;
    margin-right: auto;
    width: 534px;
    text-align: left
  }
  #open-enrollment-2021 #oe-dynamic-products-sm #oe-product-webinar-section #oe-prod-webinar-wrapper #oe-prod-webinar-img {
    margin-top: 24px;
    margin-bottom: 24px
  }
  #open-enrollment-2021 #oe-enroll h2#oe-enroll-h2 {
    font-size: 24px;
    margin-top: 124px;
    margin-bottom: 80px
  }
  #oe-planning-hero {
    height: 300px;
    min-height: auto;
    background-position: center
  }
  #oe-planning-hero #oe-planning-cta {
    width: 95%;
    text-align: center;
    margin: 0 auto;
    max-width: 100%;
    border-right: none;
    border-top: 10px solid #592C82
  }
  #oe-planning-hero #oe-planning-cta h1, #oe-planning-hero #oe-planning-cta p {
    width: 100%
  }
  .confirmation-forms {
    margin-top: 100px;
    padding-top: 0px
  }
  .confirmation-forms h3 {
    margin-top: 0px;
    font-size: 24px
  }
  .confirmation-forms p {
    margin-bottom: 16px
  }
  .confirmation-forms table {
    margin-bottom: 30px
  }
  .confirmation-forms table td {
    padding: 8px
  }
  .confirmation-forms table td.icon {
    width: 46px
  }
  .confirmation-forms .tablet-cards {
    margin-top: 84px
  }
  .confirmation-forms .no-img-card {
    margin-left: 0px;
    margin-bottom: 0px !important
  }
  .confirmation-forms .no-img-card .article-container.toolkit-card-container {
    padding: 8px 4px
  }
  #step-guide-header {
    margin-top: 175px
  }
  #step-guide-body #step-1, #step-guide-body #step-2, #step-guide-body #step-3, #step-guide-body #step-4, #step-guide-body #step-5, #step-guide-body #step-6, #step-guide-body #step-7 {
    margin: 0px auto 120px
  }
  #step-guide-body #step-1-icon {
    margin-top: 0px
  }
  #step-guide-body .right-icon, #step-guide-body .left-icon {
    position: relative;
    margin-top: 0px;
    opacity: 1
  }
  #step-guide-body .right-icon {
    right: 0%
  }
  #step-guide-body .left-icon {
    left: 0%
  }
  #oe-cta-section .divider {
    background-color: #592C82;
    height: 2px;
    width: 95%;
    border-radius: 3px;
    margin: 40px auto
  }
}
@media screen and (max-width: 639px) {
  #oe-center-hero {
    padding-top: 10rem;
    height: 203px;
    margin-bottom: 29rem
  }
  #oe-center-hero #oe-cta-banner {
    text-align: center;
    padding: 24px 8px
  }
  #oe-center-hero #oe-cta-banner #oe-hero-p {
    width: 100%
  }
  #oe-center-hero #oe-cta-banner #oe-hero-first-a {
    margin-bottom: 10px
  }
  #oe-center-discover-benefits {
    padding-top: 0
  }
  #oe-center-discover-benefits .sticky {
    padding-bottom: 40px
  }
  #oe-center-discover-benefits .benefit-card .card-img {
    margin-bottom: 20px;
    padding-left: 0
  }
  #oe-center-discover-benefits .benefit-card h3 {
    font-size: 24px
  }
  #oe-center-contribution-limits #oe-center-tab-section::-webkit-scrollbar {
    display: none
  }
  #oe-center-contribution-limits #oe-center-tab-section {
    margin-right: -1rem;
    -ms-overflow-style: none;
    scrollbar-width: none
  }
  #oe-center-contribution-limits .tabs .tabs-title > a {
    padding: 16px 6px 16px 16px
  }
  #oe-center-contribution-limits #panel1 td, #oe-center-contribution-limits #panel1 th {
    width: unset
  }
  #oe-center-contribution-limits #panel2 table, #oe-center-contribution-limits #panel3 table, #oe-center-contribution-limits #panel4 table, #oe-center-contribution-limits #panel6 table {
    width: 100%
  }
  #oe-center-contribution-limits #panel6 p {
    margin-bottom: 12px;
    font-size: 16px;
    font-weight: 500
  }
  #oe-center-tools-resources {
    margin-top: 77px
  }
  #oe-center-tools-resources h2 {
    margin-bottom: 41px
  }
  #oe-center-tools-resources .article-container {
    margin-bottom: 40px
  }
  #oe-center-webinars .secondary-btn {
    display: block;
    margin-top: 40px
  }
  #oe-center-calculators {
    margin-top: 120px
  }
  #oe-center-compare-options h2 {
    margin-bottom: 40px
  }
  #oe-center-compare-options .article-container {
    margin-bottom: 20px
  }
  #toolkit #toolkit-hero #toolkit-box, #fsa-rule-change #toolkit-hero #toolkit-box {
    max-width: 97%;
    padding-left: 16px;
    padding-right: 16px
  }
  #toolkit #toolkit-hero #toolkit-box h1, #fsa-rule-change #toolkit-hero #toolkit-box h1 {
    font-size: 32px;
    line-height: 47.6px
  }
  #toolkit #toolkit-media, #fsa-rule-change #toolkit-media {
    margin-top: 475px
  }
}
@media screen and (max-width: 639px) and (max-width: 587px) {
  #toolkit #toolkit-media, #fsa-rule-change #toolkit-media {
    margin-top: 532px
  }
}
@media screen and (max-width: 639px) and (max-width: 490px) {
  #toolkit #toolkit-media, #fsa-rule-change #toolkit-media {
    margin-top: 588px
  }
}
@media screen and (max-width: 639px) and (max-width: 455px) {
  #toolkit #toolkit-media, #fsa-rule-change #toolkit-media {
    margin-top: 658px
  }
}
@media screen and (max-width: 639px) and (max-width: 386px) {
  #toolkit #toolkit-media, #fsa-rule-change #toolkit-media {
    margin-top: 713px
  }
}
@media screen and (max-width: 639px) and (max-width: 340px) {
  #toolkit #toolkit-media, #fsa-rule-change #toolkit-media {
    margin-top: 797px
  }
}
@media screen and (max-width: 639px) {
  #toolkit #toolkit-media p, #fsa-rule-change #toolkit-media p {
    font-size: 20px
  }
  #toolkit #toolkit-tabs .tabs, #fsa-rule-change #toolkit-tabs .tabs {
    border: none;
    border-bottom: 2px solid #592C82
  }
  #toolkit #toolkit-tabs .tabs .tabs-title > a, #fsa-rule-change #toolkit-tabs .tabs .tabs-title > a {
    padding: 16px;
    font-family: 'museo-sans', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 18px
  }
  #toolkit #toolkit-tabs .tabs .tabs-title:first-of-type, #fsa-rule-change #toolkit-tabs .tabs .tabs-title:first-of-type {
    margin-left: -16px
  }
  #toolkit #toolkit-tabs .tabs .tabs-title > a:focus, #toolkit #toolkit-tabs .tabs .tabs-title > a[aria-selected='true'], #fsa-rule-change #toolkit-tabs .tabs .tabs-title > a:focus, #fsa-rule-change #toolkit-tabs .tabs .tabs-title > a[aria-selected='true'] {
    background-color: #ffffff;
    font-weight: 700;
    color: #592C82
  }
  #toolkit #toolkit-tabs .tabs .tabs-title:hover > a:hover, #toolkit #toolkit-tabs .tabs .fsa-guide-a:hover, #fsa-rule-change #toolkit-tabs .tabs .tabs-title:hover > a:hover, #fsa-rule-change #toolkit-tabs .tabs .fsa-guide-a:hover {
    text-decoration: underline;
    font-weight: 700;
    color: #592C82
  }
  #toolkit #toolkit-tabs .tabs .fsa-guide-a[aria-selected='true'], #fsa-rule-change #toolkit-tabs .tabs .fsa-guide-a[aria-selected='true'] {
    color: #592C82
  }
  #toolkit #toolkit-tabs .tabs-content, #fsa-rule-change #toolkit-tabs .tabs-content {
    border: none
  }
  #toolkit #toolkit-tabs .tabs-content .tabs-panel, #fsa-rule-change #toolkit-tabs .tabs-content .tabs-panel {
    padding-top: 36px;
    text-align: center
  }
  #toolkit #toolkit-tabs .tabs-content .tabs-panel h4, #fsa-rule-change #toolkit-tabs .tabs-content .tabs-panel h4 {
    font-size: 18px;
    margin-bottom: 0;
    color: #595959
  }
  #toolkit #toolkit-tabs h3, #fsa-rule-change #toolkit-tabs h3 {
    color: #595959;
    margin-bottom: 18px
  }
  #toolkit #toolkit-tabs .fsa-guide-a, #fsa-rule-change #toolkit-tabs .fsa-guide-a {
    color: #212121
  }
  #toolkit #toolkit-tabs #fsa-link-img, #fsa-rule-change #toolkit-tabs #fsa-link-img {
    margin-right: 10px
  }
  #toolkit #toolkit-tabs #lfsa-document-download-text, #fsa-rule-change #toolkit-tabs #lfsa-document-download-text {
    font-family: 'Sanchez', serif;
    font-size: 24px;
    color: #595959
  }
  #toolkit #toolkit-tabs .toolkit-card-section, #fsa-rule-change #toolkit-tabs .toolkit-card-section {
    text-align: center
  }
  #toolkit #toolkit-tabs .toolkit-card-section .toolkit-card-container, #fsa-rule-change #toolkit-tabs .toolkit-card-section .toolkit-card-container {
    text-align: center
  }
  #toolkit #toolkit-tabs .toolkit-card-section .toolkit-card-container .flyer-preview-wrapper, #fsa-rule-change #toolkit-tabs .toolkit-card-section .toolkit-card-container .flyer-preview-wrapper {
    text-align: center
  }
  #toolkit #toolkit-tabs .toolkit-card-section .toolkit-card-container .flyer-preview-wrapper img.flyer-preview.lozad, #fsa-rule-change #toolkit-tabs .toolkit-card-section .toolkit-card-container .flyer-preview-wrapper img.flyer-preview.lozad {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 55%
  }
  #toolkit #toolkit-tabs .toolkit-card-section .toolkit-card-container .icon-and-text, #fsa-rule-change #toolkit-tabs .toolkit-card-section .toolkit-card-container .icon-and-text {
    margin-top: 12px;
    text-align: center
  }
  #toolkit #toolkit-tabs .toolkit-card-section .toolkit-card-container p.toolkit-card-title, #fsa-rule-change #toolkit-tabs .toolkit-card-section .toolkit-card-container p.toolkit-card-title {
    font-size: 24px;
    text-align: center
  }
  #toolkit #toolkit-tabs .toolkit-card-section .toolkit-card-container p.toolkit-card-download, #fsa-rule-change #toolkit-tabs .toolkit-card-section .toolkit-card-container p.toolkit-card-download {
    text-align: center
  }
  #toolkit #toolkit-tabs .toolkit-card-section .toolkit-card-container .card-icon-download, #fsa-rule-change #toolkit-tabs .toolkit-card-section .toolkit-card-container .card-icon-download {
    float: none
  }
  #open-enrollment-2021 #oe-hero {
    margin-bottom: 19rem
  }
  #open-enrollment-2021 #oe-params-hero {
    margin-bottom: 35rem
  }
  #open-enrollment-2021 .right-img-hero#oe-hero, #open-enrollment-2021 .right-img-hero#oe-params-hero {
    background-size: cover;
    background-position: 0% 25%;
    height: 250px;
    padding-top: 10rem
  }
  #open-enrollment-2021 .right-img-hero#oe-hero h5#oe-h5, #open-enrollment-2021 .right-img-hero#oe-params-hero h5#oe-h5 {
    text-align: center
  }
  #open-enrollment-2021 .right-img-hero#oe-hero h1#oe-h1, #open-enrollment-2021 .right-img-hero#oe-params-hero h1#oe-h1 {
    font-size: 46px;
    text-align: center
  }
  #open-enrollment-2021 .right-img-hero#oe-hero #oe-magellan-buttons, #open-enrollment-2021 .right-img-hero#oe-params-hero #oe-magellan-buttons {
    text-align: center
  }
  #open-enrollment-2021 .right-img-hero#oe-hero #oe-magellan-buttons #oe-primary-btn, #open-enrollment-2021 .right-img-hero#oe-params-hero #oe-magellan-buttons #oe-primary-btn {
    margin-bottom: 4px;
    width: 100%
  }
  #open-enrollment-2021 #oe-webinars {
    margin-bottom: 120px
  }
  #open-enrollment-2021 #oe-webinars #oe-webinar-text {
    padding-left: 10px;
    padding-right: 10px
  }
  #open-enrollment-2021 #oe-webinars #oe-webinar-text h2#oe-webinar-h2 {
    margin-bottom: 20px
  }
  #open-enrollment-2021 #oe-webinars #oe-webinar-text p#oe-webinars-p {
    margin-bottom: 80px
  }
  #open-enrollment-2021 #oe-webinars .orbit#oe-orbit {
    text-align: left
  }
  #open-enrollment-2021 #oe-webinars .orbit#oe-orbit .orbit-wrapper {
    margin-left: 0px;
    width: auto
  }
  #open-enrollment-2021 #oe-webinars .orbit#oe-orbit .orbit-wrapper ul#oe-orbit-container.orbit-container {
    min-height: 263px
  }
  #open-enrollment-2021 #oe-webinars .orbit#oe-orbit .orbit-wrapper ul#oe-orbit-container.orbit-container li.orbit-slide {
    text-align: left
  }
  #open-enrollment-2021 #oe-webinars .orbit#oe-orbit .orbit-wrapper ul#oe-orbit-container.orbit-container li.orbit-slide .orbit-figure {
    margin-left: 0px;
    width: auto
  }
  #open-enrollment-2021 #oe-webinars .orbit#oe-orbit .orbit-wrapper ul#oe-orbit-container.orbit-container li.orbit-slide .orbit-figure img.oe-webinar-img {
    margin-bottom: 24px;
    width: auto
  }
  #open-enrollment-2021 #oe-webinars .orbit#oe-orbit .orbit-wrapper .oe-orbit-bullets {
    margin-left: 0px
  }
  #open-enrollment-2021 #oe-icon-section {
    margin-bottom: 20px
  }
  #open-enrollment-2021 #oe-icon-section h2#oe-icon-h2 {
    font-size: 24px
  }
  #open-enrollment-2021 #oe-icon-section p.oe-icon-p {
    margin-bottom: 0
  }
  #open-enrollment-2021 #oe-icon-section .oe-icon {
    height: 30px;
    margin-top: 80px;
    margin-bottom: 36px
  }
  #open-enrollment-2021 #oe-icon-section h4.oe-icon-h4 {
    margin-bottom: 20px;
    color: #595959
  }
  #open-enrollment-2021 #oe-alternating-img #oe-save-section, #open-enrollment-2021 #oe-alternating-img #oe-keep-section, #open-enrollment-2021 #oe-alternating-img #oe-cover-section {
    height: auto;
    margin-bottom: 0
  }
  #open-enrollment-2021 #oe-alternating-img #oe-keep-section #content, #open-enrollment-2021 #oe-alternating-img #oe-cover-section #content {
    margin-top: 50px
  }
  #open-enrollment-2021 #oe-alternating-img .oe-mobile-img {
    margin-top: 40px;
    margin-bottom: 52px
  }
  #open-enrollment-2021 #oe-alternating-img hr.oe-section-break {
    width: 90%
  }
  #open-enrollment-2021 #oe-dynamic-products-sm #oe-product-tabs .tabs-title {
    padding-left: 14px;
    padding-right: 14px
  }
  #open-enrollment-2021 #oe-dynamic-products-sm p#oe-webinar-p {
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 16px
  }
  #open-enrollment-2021 #oe-dynamic-products-sm #oe-product-webinar-section {
    text-align: left
  }
  #open-enrollment-2021 #oe-dynamic-products-sm #oe-product-webinar-section h5#oe-webinar-h5 {
    margin-top: 80px
  }
  #open-enrollment-2021 #oe-dynamic-products-sm #oe-product-webinar-section #oe-prod-webinar-wrapper {
    margin-left: auto;
    margin-right: auto;
    width: auto;
    text-align: left
  }
  #open-enrollment-2021 #oe-enroll h2#oe-enroll-h2 {
    font-size: 24px;
    margin-top: 80px;
    margin-bottom: 40px
  }
  #open-enrollment-2021 #oe-legal {
    margin-bottom: 20px
  }
  #open-enrollment-2021 #oe-legal p#oe-legal-p-8 {
    font-size: 12px;
    line-height: 15.6px
  }
  #open-enrollment-2021 #oe-legal p#oe-legal-p-0 {
    font-size: 12px;
    line-height: 15.6px
  }
  #oe-planning-hero #oe-planning-cta {
    padding: 40px 20px
  }
  .confirmation-forms {
    margin-top: 80px
  }
  .confirmation-forms .tablet-cards {
    margin-top: 30px
  }
  #step-guide-header {
    margin-top: 14rem
  }
  #step-guide-header hr {
    width: 45%;
    margin-bottom: 7rem
  }
  #step-guide-body p, #step-guide-body ul li {
    font-size: 18px
  }
  #step-guide-body #step-1 .secondary-btn, #step-guide-body #step-1 .secondary-btn:hover, #step-guide-body #step-2 .secondary-btn, #step-guide-body #step-2 .secondary-btn:hover, #step-guide-body #step-3 .secondary-btn, #step-guide-body #step-3 .secondary-btn:hover, #step-guide-body #step-4 .secondary-btn, #step-guide-body #step-4 .secondary-btn:hover, #step-guide-body #step-5 .secondary-btn, #step-guide-body #step-5 .secondary-btn:hover, #step-guide-body #step-6 .secondary-btn, #step-guide-body #step-6 .secondary-btn:hover, #step-guide-body #step-7 .secondary-btn, #step-guide-body #step-7 .secondary-btn:hover {
    font-size: 18px
  }
  #step-guide-body .fadehide {
    opacity: 1
  }
  #step-guide-body .right-icon, #step-guide-body .mobile-icon {
    max-height: 145px
  }
  #step-guide-body .icon {
    text-align: center;
    margin-top: 40px
  }
  #step-guide-body .icon .rm-animation {
    width: 100px;
    margin-bottom: 50px;
    position: relative
  }
  #step-guide-body h4 {
    font-size: 60px
  }
  #oe-cta-section .divider {
    width: 90%;
    height: 2px;
    margin-bottom: 40px;
    margin-top: 40px
  }
}
@media screen and (device-width: 320px) and (-webkit-min-device-pixel-ratio: 2) {
  #open-enrollment-2021 .right-img-hero#oe-hero h1#oe-h1 {
    font-size: 40px
  }
}
#acc-comp-hero {
  background-image: url("https://drq94yec07kda.cloudfront.net/images/static_pages/comparison-hero.jpg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top center
}
#acc-comp-hero .hero-card {
  margin-top: 257px;
  background-color: white;
  padding: 20px 80px;
  text-align: center;
  border-radius: 6px;
  border-top: 10px solid #592C82
}
#acc-comp-hero .hero-card h1 {
  margin-bottom: 40px
}
#acc-comp-hero .hero-card h1 span {
  text-transform: lowercase
}
.benefit-most {
  margin-top: 60px !important
}
.benefit-most .small-purple-bullets {
  margin-left: 0.25rem;
  margin-bottom: 0.5rem
}
.benefit-most .small-purple-bullets .bullet-list {
  margin-bottom: 0
}
.benefit-most .small-purple-bullets li:before {
  background-color: black
}
.benefit-most .header {
  margin-bottom: 40px !important
}
.benefit-most .bg-image {
  min-height: 580px !important;
  background-position: right
}
.benefit-most .bg-hsa {
  background-image: url("https://drq94yec07kda.cloudfront.net/images/static_pages/bg-hsa.png")
}
.benefit-most .bg-fsa {
  background-image: url("https://drq94yec07kda.cloudfront.net/images/static_pages/bg-fsa.png")
}
.benefit-most .bg-hra {
  background-image: url("https://drq94yec07kda.cloudfront.net/images/static_pages/bg-hra.png")
}
.benefit-most .content #module {
  border-left: none !important;
  border-right: 12px solid #592C82;
  padding: 40px 10px 0 40px !important;
  margin: 2rem auto !important;
  right: unset !important;
  left: 10%
}
.benefit-most .content #module h4 {
  margin-bottom: 12px !important
}
.benefit-most .content #module .icon-cont {
  margin-right: -20px
}
.benefit-most .content #module .icon-container.hsa {
  background-image: url("https://drq94yec07kda.cloudfront.net/images/icons/hsa-gray.svg")
}
.benefit-most .content #module .icon-container.fsa {
  background-image: url("https://drq94yec07kda.cloudfront.net/images/icons/fsa-gray.svg")
}
.benefit-most .content #module .icon-container.hra {
  background-image: url("https://drq94yec07kda.cloudfront.net/images/icons/hra-gray.svg")
}
.benefit-most .content #module .b-hsa {
  background-image: url("https://drq94yec07kda.cloudfront.net/images/icons/hsa-teal.svg") !important
}
.benefit-most .content #module .b-fsa {
  background-image: url("https://drq94yec07kda.cloudfront.net/images/icons/fsa-teal.svg") !important
}
.benefit-most .content #module .b-hra {
  background-image: url("https://drq94yec07kda.cloudfront.net/images/icons/hra-teal.svg") !important
}
#account-comparison {
  padding-top: 120px
}
#account-comparison .top-text {
  text-align: center;
  padding: 0
}
#account-comparison #acc-comp-table-d {
  margin-top: 40px;
  table-layout: fixed;
  border-collapse: separate;
  background-color: transparent;
  border-spacing: 0
}
#account-comparison #acc-comp-table-d thead, #account-comparison #acc-comp-table-d tbody {
  background: white;
  border: none
}
#account-comparison #acc-comp-table-d tbody tr:nth-child(even) {
  background-color: transparent
}
#account-comparison #acc-comp-table-d td, #account-comparison #acc-comp-table-d th {
  vertical-align: top
}
#account-comparison #acc-comp-table-d th {
  text-align: center
}
#account-comparison #acc-comp-table-d td {
  padding: 0.5rem 24px 32px 24px
}
#account-comparison #acc-comp-table-d p {
  color: #595959;
  font-size: 16px;
  line-height: 19px;
  margin-bottom: 2px
}
#account-comparison #acc-comp-table-d h3 {
  margin-bottom: 39px
}
#account-comparison #acc-comp-table-d .sanchez {
  margin-bottom: 0;
  font-size: 18px;
  line-height: 23px
}
#account-comparison #acc-comp-table-d .grey-border {
  border-right: 1px solid #00000029;
  border-left: 1px solid #00000029
}
#account-comparison #acc-comp-table-d .primary-btn {
  margin: 40px auto 20px auto;
  display: block;
  text-align: center;
  width: 98%
}
@media screen and (max-width: 1132px) and (min-width: 1023px) {
  #account-comparison #acc-comp-table-d .primary-btn {
    width: 100%;
    padding: 18px 28px
  }
}
#account-comparison #acc-comp-table-d .secondary-btn {
  display: block;
  text-align: center
}
.comparison-article-section .header h3 {
  color: #592C82;
  font-size: 24px
}
.comparison-article-section h4 {
  text-transform: uppercase
}
.acc-comp-disclosures {
  color: #595959;
  padding-top: 40px
}
@media screen and (min-width: 2000px) {
  .benefit-most .content > #module {
    margin: 2rem 0rem 2rem 60rem;
    left: auto
  }
}
@media screen and (min-width: 1680px) {
  .benefit-most {
    max-width: 95rem !important;
    margin: 0px auto
  }
}
@media screen and (max-width: 1370px) {
  .benefit-most .bg-image {
    background-position: right !important
  }
  .benefit-most .content #module {
    left: 0%;
    right: unset !important;
    width: 60%
  }
}
@media screen and (max-width: 1023px) {
  #acc-comp-hero .hero-card {
    margin-top: 130px
  }
  .benefit-most .header h3 {
    margin-bottom: 0 !important
  }
  .benefit-most #mobile-section p {
    margin-top: 0 !important;
    margin-bottom: 0 !important
  }
  .benefit-most #mobile-section li {
    margin-left: 18%
  }
  .benefit-most #mobile-section .small-purple-bullets {
    margin-bottom: 80px
  }
  #account-comparison {
    padding-top: 60px
  }
  .row-wrapper {
    max-width: unset !important;
    display: unset !important;
    flex-flow: unset !important
  }
  #comp-table-tabs .orbit .orbit-bullets {
    overflow: scroll;
    white-space: nowrap;
    padding-left: 21px;
    padding-right: 21px;
    -ms-overflow-style: none;
    scrollbar-width: none
  }
  #comp-table-tabs .orbit .orbit-bullets button {
    width: unset;
    height: unset;
    background-color: transparent;
    margin-left: 12px;
    border-radius: unset
  }
  #comp-table-tabs .orbit .orbit-bullets button:focus {
    outline: none
  }
  #comp-table-tabs .orbit .orbit-bullets p {
    color: #595959;
    font-size: 15px
  }
  #comp-table-tabs .orbit .orbit-bullets::-webkit-scrollbar {
    display: none
  }
  #comp-table-tabs .orbit .orbit-bullets button.is-active p {
    color: #592C82;
    font-weight: 700
  }
  #comp-table-tabs .orbit .orbit-bullets button.is-active {
    position: relative
  }
  #comp-table-tabs .orbit .orbit-bullets button.is-active:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 3px;
    top: 58%;
    left: 0;
    background: #592C82
  }
  #comp-table-tabs .orbit-container {
    width: 88%;
    float: right
  }
  #comp-table-tabs .static-headers {
    width: 12%;
    float: left
  }
  #comp-table-tabs .static-headers .header {
    padding: 20px 33px 0px 33px;
    height: 230px
  }
  #comp-table-tabs .table-cell {
    padding: 20px 150px 0px 33px;
    height: 230px
  }
  #comp-table-tabs .table-cell p {
    color: #595959;
    font-size: 16px
  }
  #comp-table-tabs .table-cell .inline-link {
    font-size: 16px
  }
  #comp-table-tabs .grey-bg {
    background-color: #F8F8F8
  }
}
@media screen and (max-width: 639px) {
  #acc-comp-hero {
    background-image: url("https://drq94yec07kda.cloudfront.net/images/static_pages/comparison-hero-m.jpg")
  }
  #acc-comp-hero .hero-cont {
    padding: 0
  }
  #acc-comp-hero .hero-card {
    padding: 20px 13px;
    text-align: left
  }
  .benefit-most {
    margin-top: 6px !important;
    margin-bottom: 0 !important
  }
  .benefit-most .header {
    text-align: left !important
  }
  .benefit-most .header h3 {
    margin-left: 5px !important
  }
  .benefit-most #mobile-section .content {
    margin: 40px auto 20px !important
  }
  .benefit-most #mobile-section li {
    margin-left: 8%
  }
  #account-comparison {
    padding-top: 0
  }
  #account-comparison .top-text {
    text-align: left;
    padding: inherit
  }
  #comp-table-tabs .orbit .orbit-bullets {
    padding-left: 0;
    padding-right: 0
  }
  #comp-table-tabs .orbit-container {
    width: 83%
  }
  #comp-table-tabs .static-headers {
    width: 17%
  }
  #comp-table-tabs .static-headers .header {
    padding: 20px 27px 0px 27px
  }
  #comp-table-tabs .table-cell {
    padding: 20px 20px 0px 33px
  }
  #comp-table-tabs .table-cell p {
    line-height: 19px
  }
  .comparison-article-section .header h3 {
    margin-bottom: 0
  }
  .acc-comp-disclosures {
    padding-top: 0px
  }
}
.oswald {
  font-family: 'Oswald', sans-serif
}
.museo-light {
  font-family: 'museo-sans', sans-serif;
  font-weight: 300;
  font-style: normal
}
.museo-medium {
  font-family: 'museo-sans', sans-serif;
  font-weight: 500;
  font-style: normal
}
.museo-regular {
  font-family: 'museo-sans', sans-serif;
  font-style: normal;
  font-weight: 700
}
.sanchez {
  font-family: 'Sanchez', serif
}
img {
  font-size: 12px;
  color: transparent;
  font-family: 'museo-sans', sans-serif
}
.purple {
  color: #592C82
}
.cta {
  color: #008094
}
#content-wrapper:focus {
  outline-style: none;
  box-shadow: none;
  border-color: transparent
}
.breadcrumbs {
  padding: 8px 0;
  margin-bottom: 0 !important
}
.breadcrumbs .row {
  max-width: 87.5rem
}
.breadcrumbs ul {
  list-style-type: none;
  margin-bottom: 0
}
.breadcrumbs ul li, .breadcrumbs ul a {
  font-size: 12px;
  font-weight: 500 !important;
  line-height: 15.6px;
  color: #595959
}
.breadcrumbs ul li:not(:last-child)::after {
  position: relative;
  content: "";
  display: inline-block;
  width: 0.3rem;
  height: 0.3rem;
  border-right: 0.1em solid #592C82;
  border-top: 0.1em solid #592C82;
  transform: rotate(45deg);
  margin: 0 0.7rem 0.1rem 0.6rem
}
.breadcrumbs .back-arrow {
  padding: 12px 16px
}
.breadcrumbs .back-arrow:before {
  content: "\f104";
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  font-size: 11px;
  color: #592C82;
  border: none;
  margin-top: -25px;
  margin-right: 11px
}
[type="submit"] {
  border-radius: 36px !important;
  border: 1px solid #008094;
  line-height: 1.6
}
[type="submit"]:hover {
  cursor: pointer
}
[type="submit"].submit-secondary {
  border: none
}
[type="submit"].submit-nav {
  border: none
}
form#b2c-form [type='submit'], form#b2b-form [type='submit'], form#seo_brand_cta [type='submit'], form#inline_seo_brand_cta [type='submit'] {
  margin: 40px auto 0px
}
form#inline_seo_brand_cta, form#inline_engage_cta {
  display: inline-block
}
.hqy-button {
  font-size: 16px;
  padding: 18px 40px;
  border-radius: 36px;
  display: inline-block;
  font-family: 'museo-sans';
  font-weight: 700;
  margin-bottom: 0px
}
.primary-btn {
  color: white;
  background-color: #008094;
  text-align: center
}
.primary-btn:hover {
  color: white;
  background-color: #006A7D;
  box-shadow: 0px 5px 6px #00000029
}
.primary-btn:active {
  background-color: #006A7D
}
.primary-btn:focus {
  box-shadow: 0px 0px 6px #00AAC6;
  color: white
}
.purple-primary-btn {
  color: white;
  background-color: #592C82;
  border: 1px solid #592C82
}
.purple-primary-btn:hover {
  box-shadow: 0px 5px 6px #00000029;
  background-color: #4c256f
}
.secondary-btn {
  font-size: 16px;
  color: #008094;
  font-family: 'museo-sans';
  font-weight: 500
}
.secondary-btn .far {
  margin-left: 5px
}
.secondary-btn:hover {
  font-family: 'museo-sans';
  text-shadow: -0.01ex 0 black, 0.01ex 0 black;
  color: #006A7D
}
.secondary-btn:hover .active-arrow {
  transform: translateX(10px);
  transition-duration: .3s
}
.secondary-btn:focus {
  font-size: 16px;
  border-radius: 36px;
  margin-bottom: 0px;
  background-color: #F1F1F2;
  color: #006A7D
}
.tertiary-link {
  color: #008094;
  font-family: 'museo-sans';
  font-weight: 500;
  display: inline-block
}
.tertiary-link:hover {
  text-decoration: underline;
  color: #006A7D;
  text-shadow: -0.01ex 0 black, 0.01ex 0 black
}
.tertiary-link:active {
  color: #006A7D
}
.inline-link {
  text-decoration: underline;
  color: #008094
}
.inline-link:hover {
  color: #006A7D;
  text-shadow: -0.01ex 0 black, 0.01ex 0 #006A7D
}
.brand-padding {
  padding-left: 24px;
  padding-right: 24px
}
.orbit .orbit-controls {
  display: none
}
.orbit .orbit-controls.qme-controls {
  display: block
}
.orbit .orbit-controls.qme-controls button:hover, .orbit .orbit-controls.qme-controls button:active, .orbit .orbit-controls.qme-controls button:focus {
  background-color: transparent;
  cursor: pointer
}
.orbit .orbit-controls.qme-controls button:focus {
  outline: none
}
.orbit .orbit-bullets button {
  background-color: #93949A;
  height: 16px;
  width: 16px
}
.orbit .orbit-bullets button.is-active {
  background-color: #00A0BD
}
.orbit .orbit-container:focus {
  outline-color: #008094;
  outline-style: auto;
  outline-width: 1px
}
.center {
  text-align: center
}
.small-purple-bullets {
  list-style: none;
  margin-bottom: 2rem
}
.small-purple-bullets li:before {
  content: "";
  height: 5px;
  width: 5px;
  background-color: #592C82;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  margin-top: 11px
}
.small-purple-bullets .bullet-list {
  margin-left: 1.5rem;
  margin-bottom: 0.6rem
}
.divider {
  background-color: #592C82;
  height: 200px;
  width: 2px;
  border-radius: 3px;
  margin: 0px auto
}
.one-partner-icon-band {
  padding-top: 72px;
  padding-bottom: 72px;
  background-color: #F1F1F2
}
.one-partner-icon-band .product-icon-band {
  width: 100%
}
.ready-to-act-cta {
  text-align: center
}
.ready-to-act-cta #cta-content .secondary-btn {
  margin-left: 50px
}
@media screen and (max-width: 647px) and (min-width: 639px) {
  .ready-to-act-cta #cta-content .secondary-btn {
    margin-left: 44px
  }
}
.ready-to-act-cta #cta-content p {
  margin-bottom: 40px
}
.ready-to-act-cta#persona {
  margin-top: 120px;
  margin-bottom: 160px
}
.ready-to-act-cta#persona .benefits-advisors form {
  display: inline-block
}
.ready-to-act-cta#persona form#seo_brand_cta [type='submit'] {
  margin-top: 0px
}
.ready-to-act-cta.product {
  margin-top: 120px;
  margin-bottom: 120px
}
p sup > a {
  color: #212121;
  font-size: 100%
}
p sup {
  font-size: 50%;
  top: -0.9em
}
h3 sup {
  font-size: 50%;
  top: -1.25em
}
.article-section {
  margin: 80px 0px
}
.article-section .header {
  text-align: center
}
.article-section .header h3 {
  color: #595959;
  margin-bottom: 35px;
  text-transform: none;
  font-size: 18px
}
.article-section .article-container {
  padding: 20px
}
.article-section .article-container .article-img {
  width: 100%
}
.article-section .article-container h5 {
  color: #595959;
  font-size: 14px;
  padding: 22px 0px 10px
}
.article-section .article-container h4 {
  font-size: 24px;
  margin-bottom: 70px;
  color: #212121
}
.article-section .article-container:hover {
  border-radius: 6px;
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transition-duration: .6s
}
.card-purple-header {
  margin-bottom: 20px;
  border-radius: 6px;
  box-shadow: 0px 3px 20px #00000029
}
.card-purple-header .card-header {
  padding: 6px 24px 6px 24px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  background-color: #592C82
}
.card-purple-header .card-header h5.card-header-h5 {
  font-size: 21px;
  margin-bottom: 0px;
  color: #ffffff
}
.card-purple-header .card-body {
  padding: 24px 24px 20px 24px
}
.card-purple-header .card-body .table-icon {
  margin: -3px 3px 0px 0px
}
.card-purple-header .card-body .card-phone-link {
  margin-bottom: 8px;
  font-size: 20px;
  color: #212121;
  display: block
}
.card-purple-header .card-body .card-phone-link:hover {
  text-shadow: -0.01ex 0 black, 0.01ex 0 black
}
.card-purple-header .card-body p.card-hours-p {
  font-size: 16px;
  margin-bottom: 20px;
  color: #595959
}
#disclosures {
  margin-bottom: 20px
}
#disclosures a {
  color: white;
  line-height: 1.3;
  font-size: 12px
}
#disclosures a:focus {
  color: black
}
#mobile-menu .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a {
  padding-top: 20px;
  padding-bottom: 20px
}
#mobile-menu .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {
  content: "\f105";
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  color: #592C82;
  border: none;
  margin-top: -10px;
  right: 1.4rem
}
#mobile-menu .accordion-menu .is-accordion-submenu-parent[aria-expanded='true'] > a::after {
  transform: rotate(90deg);
  right: 1rem;
  margin-top: -4px
}
#mobile-menu ul li a {
  color: #212121;
  font-family: 'museo-sans', sans-serif;
  font-style: normal;
  font-weight: 300
}
#mobile-menu #social-icon-row {
  margin: 30px 16px 20px 15px
}
#mobile-menu #social-icon-row h4 {
  font-size: 14px
}
#mobile-menu #social-icon-row .social-icons {
  color: #212121;
  margin: 10px 15px 50px 0px
}
.mouse-icon {
  border: 2px solid #592C82;
  border-radius: 16px;
  height: 40px;
  width: 24px;
  display: block;
  z-index: 10
}
.mouse-icon .wheel {
  -webkit-animation-name: drop;
  -webkit-animation-duration: 4s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-play-state: running;
  -webkit-animation-name: drop;
  animation-name: drop;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-play-state: running;
  animation-play-state: running
}
.mouse-icon .wheel {
  position: relative;
  border-radius: 10px;
  background: #592C82;
  width: 4px;
  height: 4px;
  top: 4px;
  margin-left: auto;
  margin-right: auto
}
@-webkit-keyframes drop {
  0% {
    top: 5px;
    opacity: 1;
    height: 4px
  }
  30% {
    top: 10px;
    opacity: 1;
    height: 8px
  }
  40% {
    top: 25px;
    opacity: 1;
    height: 4px
  }
  60% {
    top: 25px;
    opacity: 0;
    height: 4px
  }
  100% {
    top: 25px;
    opacity: 0;
    height: 4px
  }
}
@keyframes drop {
  0% {
    top: 5px;
    opacity: 1;
    height: 4px
  }
  30% {
    top: 10px;
    opacity: 1;
    height: 12px
  }
  40% {
    top: 25px;
    opacity: 1;
    height: 4px
  }
  60% {
    top: 25px;
    opacity: 0;
    height: 4px
  }
  100% {
    top: 25px;
    opacity: 0;
    height: 4px
  }
}
.checkbox {
  display: grid;
  grid-template-columns: min-content auto;
  grid-gap: 0.5em;
 font-size: 14px;
  color: #595959;
  font-family: 'museo-sans';
  font-weight: 500
}
.checkbox:hover {
  cursor: pointer
}
.checkbox__control {
  display: inline-grid;
  width: 20px;
  height: 20px;
  border-radius: 2px;
  border: 2px solid #e6e6e6
}
.checkbox__control svg {
  transition: transform 0.1s ease-in 25ms;
  transform: scale(0);
  transform-origin: bottom left
}
.checkbox__input {
  display: grid;
  grid-template-areas: "checkbox"
}
.checkbox__input > * {
  grid-area: checkbox
}
.checkbox__input input {
  opacity: 0;
  width: 1em;
  height: 1em
}
.checkbox__input input:focus + .checkbox__control {
  border: 2px solid #008094;
  color: #008094
}
.checkbox__input input:checked + .checkbox__control {
  border: 2px solid #008094;
  border-radius: 2px
}
.checkbox__input input:checked + .checkbox__control svg {
  transform: scale(1);
  color: #008094
}
.reveal {
  outline: none
}
table.all-white tbody {
  border: none
}
table.all-white td {
  background-color: white
}
.screen-reader-only {
  position: absolute;
  height: 1px;
  width: 1px;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: polygon(0px 0px, 0px 0px, 0px 0px);
  -webkit-clip-path: polygon(0px 0px, 0px 0px, 0px 0px);
  overflow: hidden !important
}
:focus {
  outline-color: #008094;
  outline-style: auto;
  outline-width: 1px
}
@media screen and (max-width: 1023px) {
  .article-section .header {
    margin-bottom: 30px
  }
  .article-section #carousel-tablet-mobile .medium-5 {
    padding: 0px
  }
  .article-section #carousel-tablet-mobile .medium-5 img {
    width: 100%
  }
  .article-section #carousel-tablet-mobile h5 {
    margin-bottom: 10px;
    padding: 0px
  }
  .article-section #carousel-tablet-mobile .orbit-bullets {
    margin-top: 40px
  }
  .card-purple-header .card-body p.card-hours-p {
    margin-bottom: 40px
  }
  .card-purple-header .card-body a.primary-btn.hqy-button {
    padding-top: 16px;
    padding-bottom: 16px
  }
}
@media screen and (max-width: 639px) {
  .brand-padding {
    padding-left: 6px;
    padding-right: 6px
  }
  .article-section .orbit-container {
    min-height: 450px
  }
  .article-section .orbit-bullets {
    margin-bottom: 0
  }
  .card-purple-header .card-body a.primary-btn.hqy-button {
    text-align: center;
    width: 60%
  }
  .ready-to-act-cta.product .primary-btn {
    width: 100%
  }
  .ready-to-act-cta#persona .secondary-btn {
    display: block;
    margin: 30px auto 0px;
    text-align: center;
    width: 90%
  }
  form#inline_seo_brand_cta {
    width: 100%
  }
  form#inline_seo_brand_cta [type='submit'] {
    margin-top: 0px
  }
  .breadcrumbs {
    margin-left: -12px !important
  }
}
.inline-word {
  display: inline-block
}
#inline_engage_cta .inline-link {
  font-family: 'museo-sans';
  border: none !important;
  background-color: transparent;
  font-size: 16px;
  padding-left: 0
}
#engagement-grey-bg {
  background-color: #F8F8F8;
  padding-top: 40px;
  padding-bottom: 12rem
}
#engagement-grey-bg h3 {
  margin-bottom: 20px
}
.engage-white-container {
  margin-top: -10rem;
  margin-bottom: 120px;
  background: #FFFFFF;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 6px;
  padding: 40px 50px
}
.engage-white-container .header {
  margin-bottom: 40px;
  text-align: center
}
.engage-white-container h3 {
  margin-bottom: 20px
}
#member-hub-page-hero {
  padding-bottom: 31rem;
  background-color: #F8F8F8;
  padding-top: 80px;
  background-image: url("https://drq94yec07kda.cloudfront.net/images/engagement/hub-hero.svg");
  background-position: top right;
  background-repeat: no-repeat
}
#member-hub-page-hero h3 {
  text-transform: none;
  color: #595959;
  font-size: 18px
}
.engage-white-container#member-hub {
  margin-top: -29rem;
  padding: 40px 100px 20px 100px;
  max-width: 71rem
}
.engage-white-container#member-hub .product-descriptions {
  margin-bottom: 40px
}
.engage-white-container#member-hub .product-descriptions p {
  width: 95%
}
.bootcamp-help-links {
  margin-bottom: 80px
}
.bootcamp-help-links .wide-column-left {
  padding-right: 40px
}
.bootcamp-help-links .wide-column-right {
  padding-left: 20px
}
#best-practices-hero {
  background-image: url("https://drq94yec07kda.cloudfront.net/images/engagement/best-practices-hero.png");
  background-position: right;
  min-height: 389px;
  height: 389px;
  padding-top: 40px
}
@media screen and (min-width: 1715px) {
  #best-practices-hero {
    height: 489px;
    padding-top: 90px
  }
}
@media screen and (max-width: 1087px) {
  #best-practices-hero {
    padding-top: 11px
  }
}
#best-practices-hero .right-img-cta-banner p {
  margin-bottom: 0
}
#best-practices-featured-content {
  padding: 120px 0 60px 0
}
#best-practices-featured-content #link-spacing {
  margin-top: 30px
}
#best-practices-featured-content #best-practices-upcoming-webinar {
  margin-top: 10px;
  margin-bottom: 20px
}
#best-practices-featured-content .sanchez {
  color: #595959;
  margin-bottom: 7px
}
#best-practices-featured-content .small-purple-bullets {
  margin-left: 0;
  margin-bottom: 1rem
}
#best-practices-featured-content .no-padding {
  padding: 0
}
#best-practices-featured-content .hr-certification {
  font-size: 16px
}
#best-practices-featured-content .hr-seal-text {
  color: #595959;
  font-size: 12px
}
#best-practices-featured-content .event-date {
  font-weight: 500
}
#best-practices-featured-content .disabled {
  background-color: #F1F1F2;
  color: #6A6F71;
  margin-top: 40px
}
#best-practices-featured-content .disabled:hover {
  cursor: unset
}
#best-practices-featured-content .primary-btn {
  margin-top: 12px
}
#best-practices-featured-content .secondary-btn {
  margin-left: 31px
}
.best-practices-article-section {
  margin-top: 0;
  margin-bottom: 45px !important;
  padding-bottom: 70px
}
.best-practices-article-section .sanchez {
  color: #595959 !important;
  font-size: 14px;
  margin-bottom: 10px !important;
  margin-top: 22px
}
.best-practices-article-section h4 {
  margin-bottom: 37px;
  margin-top: 0 !important;
  text-transform: uppercase
}
.best-practices-article-section .article-container {
  height: 440px
}
#eng-pack h5 {
  color: #595959
}
#eng-pack-hero {
  padding-top: 86px;
  padding-bottom: 86px
}
#eng-pack-hero h5 {
  margin-bottom: 28px
}
#eng-pack-hero h1 {
  margin-bottom: 20px
}
#eng-pack-hero p {
  margin-bottom: 0px
}
#eng-pack-hero .table-wrapper {
  margin-left: auto;
  margin-right: auto
}
#eng-pack-hero table.all-white.eng-pack {
  width: 468px;
  margin: 0px
}
#eng-pack-hero table.all-white.eng-pack h5 {
  margin-bottom: 0px
}
#eng-pack-hero table.all-white.eng-pack tbody tr td {
  width: 78px
}
#eng-pack-hero table.all-white.eng-pack tbody tr td.table-spacer {
  padding-bottom: 40px
}
#eng-pack-tabs .tabs-content {
  background-color: transparent
}
#eng-pack-tabs .tabs-header {
  margin-bottom: 120px
}
#eng-pack-tabs .tabs-header h2 {
  margin-bottom: 20px
}
#eng-pack-tabs #dcfsa-panel .tabs-header {
  margin-bottom: 80px
}
#eng-pack-tabs #dcfsa-panel .tabs-header .package {
  margin-bottom: 80px
}
#eng-pack-tabs .package {
  margin-bottom: 120px;
  background-color: transparent
}
#eng-pack-tabs .package-background {
  position: absolute;
  z-index: -1;
  max-width: none;
  margin-left: 272px;
  height: 720px;
  width: 1482px
}
@media screen and (min-width: 2412px) {
  #eng-pack-tabs .package-background {
    right: 0
  }
}
#eng-pack-tabs .transparent {
  background-color: transparent
}
#eng-pack-tabs .info-card {
  padding: 40px;
  border-radius: 6px;
  border-right: 13px solid #592C82;
  background: #ffffff
}
#eng-pack-tabs .info-card h5 {
  margin-bottom: 12px
}
#eng-pack-tabs .info-card h1 {
  margin-bottom: 20px
}
#eng-pack-tabs .info-card .small-purple-bullets {
  margin-bottom: 20px
}
#eng-pack-tabs .info-card .close-bullets {
  margin-bottom: 0px
}
#eng-pack-tabs .info-card .icon-and-text {
  margin-top: 8px;
  text-align: left
}
#eng-pack-tabs .info-card p.toolkit-card-download, #eng-pack-tabs .info-card p.disabled {
  margin-bottom: 0px;
  font-weight: 500;
  font-size: 16px;
  color: #00879C;
  display: inline-block;
  text-align: left;
  vertical-align: top
}
#eng-pack-tabs .info-card p.disabled {
  color: #6A6F71
}
#eng-pack-tabs .info-card .card-icon-download {
  float: left;
  vertical-align: top;
  margin-top: 2px;
  margin-right: 8px;
  margin-bottom: 12px
}
#eng-pack-tabs #hsa-pack-1, #eng-pack-tabs #dcfsa-pack {
  margin: 57px 0px
}
#eng-pack-tabs .info-card.hsa-pack-2 {
  margin: 98px 0px
}
#eng-pack-tabs .info-card#hsa-pack-3 {
  margin: 72px 0px
}
#bootcamp-hero {
  position: relative;
  padding-top: 95px;
  margin-bottom: 80px;
  height: 600px
}
#bootcamp-hero #bootcamp-cta {
  pointer-events: none;
  position: absolute;
  z-index: 1;
  border-radius: 10px;
  border-right: 10px solid #592C82;
  background: #ffffff;
  width: 50%;
  margin-left: 10%;
  max-width: 700px;
  padding: 40px
}
#bootcamp-hero #bootcamp-cta h1, #bootcamp-hero #bootcamp-cta p {
  width: 90%
}
#bootcamp-hero #bootcamp-cta h2 {
  color: #595959;
  font-size: 18px;
  text-transform: none
}
#bootcamp-hero #bootcamp-cta p {
  margin-top: 20px;
  margin-bottom: 40px;
  line-height: 1.8
}
#bootcamp-hero #video-hero {
  pointer-events: visible;
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  z-index: 0
}
#bootcamp-hero .overlay {
  display: none
}
#bootcamp-hero #video-hero:hover .overlay {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer
}
.reveal#bootcamp-video {
  padding: 2em;
  background: transparent;
  border: 0;
  outline: none
}
.reveal#bootcamp-video .close-button {
  position: absolute;
  top: -0.2em !important;
  color: white !important;
  text-shadow: 2px 2px 8px black;
  display: block;
  outline: none
}
.reveal#bootcamp-video .close-button :hover {
  color: #8ed8f8;
  text-shadow: 2px 2px 5px black
}
#step-guide-body.bootcamp #webinar-registration {
  font-size: 24px
}
#step-guide-body.bootcamp #link-spacing {
  margin-top: 30px
}
#step-guide-body.bootcamp p.disabled-secondary-btn {
  font-size: 16px;
  font-weight: 500;
  color: #6A6F71
}
#step-guide-body.bootcamp #step-1 .secondary-btn, #step-guide-body.bootcamp #step-2 .secondary-btn, #step-guide-body.bootcamp #step-3 .secondary-btn, #step-guide-body.bootcamp #step-4 .secondary-btn, #step-guide-body.bootcamp #step-5 .secondary-btn {
  font-size: 20px;
  margin-bottom: 20px;
  display: block
}
#step-guide-body.bootcamp #step-1 #bring-forward, #step-guide-body.bootcamp #step-2 #bring-forward, #step-guide-body.bootcamp #step-3 #bring-forward, #step-guide-body.bootcamp #step-4 #bring-forward, #step-guide-body.bootcamp #step-5 #bring-forward {
  z-index: 10
}
#expert-help-cta {
  margin-bottom: 120px;
  background-color: #F8F8F8;
  padding-top: 40px;
  padding-bottom: 24px;
  background-image: url("https://drq94yec07kda.cloudfront.net/images/engagement/bootcamp-bg-swirl.svg");
  background-repeat: no-repeat
}
#expert-help-cta h3 {
  margin-bottom: 20px
}
#expert-help-cta .secondary-btn {
  margin-bottom: 20px;
  display: block
}
@media screen and (min-width: 1025px) and (max-width: 1179px) {
  #expert-help-cta {
    background-position: -70% 100%;
    background-size: auto
  }
}
@media screen and (min-width: 1180px) and (max-width: 1400px) {
  #expert-help-cta {
    background-size: 90% 90%;
    background-position: -240% 100%
  }
}
#health-savings-score-hero {
  background-image: url("https://drq94yec07kda.cloudfront.net/images/engagement/health_savings_hero.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top right;
  min-height: 650px;
  padding-top: 120px
}
@media screen and (min-width: 2000px) {
  #health-savings-score-hero {
    max-width: 116rem;
    margin: 0px auto
  }
}
#health-savings-score-hero .hero-cta {
  border-radius: 10px;
  border-right: 10px solid #592C82;
  background: #ffffff;
  max-width: 700px;
  padding: 40px;
  margin-left: 12%
}
#health-savings-score-hero .hero-cta h5 {
  color: #595959
}
#health-savings-score-hero .hero-cta p {
  margin-bottom: 0
}
#health-savings-score-hero .hero-cta .hero-text, #health-savings-score-hero .hero-cta ul {
  margin-top: 20px;
  margin-bottom: 0
}
#health-savings-score-hero #score-form-container {
  flex: 0 0 29%;
  max-width: 29%;
  float: left;
  margin-left: 12%
}
#health-savings-score-hero #score-form-container #score-form {
  padding: 24px;
  border-radius: 12px;
  background-color: #FFF;
  box-shadow: 0 3px 6px #00000029;
  max-width: 420px
}
#health-savings-score-hero #score-form-container #score-form h3 {
  font-size: 21px;
  text-align: center;
  font-family: Sanchez;
  line-height: 28px;
  text-transform: none
}
#health-savings-score-hero #score-form-container #score-form .form-floating-label {
  position: relative;
  margin-top: 20px;
  margin-bottom: 0
}
#health-savings-score-hero #score-form-container #score-form .form-floating-label input {
  width: 100%;
  height: 48px;
  margin-bottom: 0px;
  margin-top: 28px
}
#health-savings-score-hero #score-form-container #score-form .submit-button {
  margin-top: 28px;
  width: 100%;
  border-radius: 36px;
  border: none
}
#health-savings-score-hero #score-form-container #score-form fieldset {
  border: 0;
  padding: 0;
  margin: 0
}
#health-savings-score-hero #score-form-container #score-form fieldset legend {
  display: none
}
#health-savings-score-hero #score-form-container #score-form span {
  color: #00AAC6
}
#health-savings-score-hero #score-form-container #score-form .hs-form-required {
  display: none
}
#health-savings-score-hero #score-form-container #score-form .hs-error-msgs {
  margin-left: 0.25rem;
  list-style-type: none;
  margin-bottom: 0
}
#health-savings-score-hero #score-form-container #score-form .hs-error-msgs .hs-error-msg {
  margin-top: 1px;
  color: #B11329;
  text-align: left;
  font-size: 12px;
  font-family: museo-sans
}
.savings-score-section {
  margin-top: 120px
}
#hsa-analytics-section {
  margin-top: 160px
}
#hsa-analytics-section .row {
  display: block
}
#hsa-analytics-section #analytics-text {
  text-align: center;
  margin-bottom: 60px
}
#hsa-analytics-section #analytics-text h2 {
  margin-bottom: 20px
}
#hsa-analytics-section #analytics-image {
  padding-left: 0;
  padding-right: 0
}
#hsa-analytics-section #icons-left-side {
  padding-left: 0
}
#hsa-analytics-section #icons-right-side {
  padding-right: 0
}
#hsa-analytics-section table {
  border-collapse: separate
}
#hsa-analytics-section table tbody:first-child tr:first-child td {
  padding-top: 0 !important
}
#hsa-analytics-section table tbody {
  border: none
}
#hsa-analytics-section table tbody tr {
  background-color: #fff
}
#hsa-analytics-section table tbody tr .table-icon {
  vertical-align: top;
  padding-right: 30px
}
#hsa-analytics-section table tbody tr .table-icon img {
  max-height: 38px;
  max-width: 38px
}
#hsa-analytics-section table tbody tr .table-text {
  float: left
}
#hsa-analytics-section table tbody tr .table-text h4 {
  font-size: 18px;
  margin-bottom: 20px
}
#hsa-analytics-section table tbody tr .table-text p {
  font-size: 18px;
  margin-bottom: 160px
}
.inline-score-cta {
  margin-bottom: 120px;
  margin-top: 60px;
  text-align: center
}
.inline-score-cta h2 {
  margin-bottom: 40px
}
.inline-score-cta h3 {
  margin-bottom: 20px
}
.inline-score-cta .not-client .hqy-button {
  box-shadow: 0 3px 6px #00000029;
  margin-bottom: 40px
}
.inline-score-cta .already-client h4 {
  font-family: museo-sans;
  font-size: 18px;
  font-weight: 700
}
#graphs-section .graphs-row {
  margin-bottom: 120px
}
#graphs-section h3 {
  font-size: 32px;
  margin-bottom: 20px
}
#graphs-section p {
  width: 85%
}
#health-savings-score-thank-you #health-savings-score-thank-you-main-content {
  text-align: center;
  margin: 80px 0
}
#health-savings-score-thank-you #health-savings-score-thank-you-main-content h1 {
  font-family: Oswald;
  color: #592C82;
  font-size: 45px;
  line-height: 55px;
  margin-bottom: 2rem
}
#health-savings-score-thank-you .engage-white-container-container {
  padding-bottom: 20px;
  background: linear-gradient(180deg, #fff 50%, #F8F8F8 50%)
}
#health-savings-score-thank-you .engage-white-container-container .engage-white-container {
  margin-bottom: 80px;
  margin-top: 0;
  width: 97%;
  margin-left: auto;
  margin-right: auto;
  z-index: 7
}
#health-savings-score-thank-you #blog-signup {
  margin-top: 0
}
#health-savings-score-thank-you #blog-signup h2 {
  font-size: 32px
}
#health-savings-score-thank-you #blog-signup #content #current-client p {
  width: 100%
}
#health-savings-score-thank-you #blog-signup form {
  margin-bottom: 0
}
#health-savings-score-thank-you #blog-signup form #label-email-bf658835-a979-4ed9-8592-a330cebf7914 {
  display: none
}
#health-savings-score-thank-you #blog-signup form .form-floating-label label {
  margin-left: -1px !important;
  top: -13px
}
#health-savings-score-thank-you #blog-signup form .hs-error-msg {
  color: #B11329
}
#health-savings-score-thank-you #blog-signup .actions {
  margin-bottom: 0;
  padding-bottom: 0
}
#health-savings-score-thank-you #more-resources h4 {
  text-transform: uppercase
}
@media screen and (min-width: 1861px) {
  #bootcamp-hero {
    max-width: 116rem;
    margin: 0px auto;
    min-height: 750px;
    height: 58vh;
    max-height: 800px
  }
}
@media screen and (max-width: 1475px) {
  #bootcamp-hero #video-hero {
    right: -200px
  }
  #health-savings-score-hero {
    min-height: 575px;
    padding-top: 50px
  }
}
@media screen and (max-width: 1250px) {
  .engage-white-container {
    width: 95%
  }
}
@media screen and (max-width: 1150px) {
  #health-savings-score-hero {
    padding-top: 35px
  }
  #health-savings-score-hero #score-form-container {
    max-width: 35%;
    margin-left: 5%
  }
}
@media screen and (max-width: 1124px) {
  #bootcamp-hero {
    padding-top: 17rem
  }
  #bootcamp-hero #bootcamp-cta {
    width: 95%;
    margin: 0px auto;
    position: relative;
    text-align: center;
    border-right: none;
    border-top: 10px solid #592C82
  }
  #bootcamp-hero #bootcamp-cta h1, #bootcamp-hero #bootcamp-cta p {
    width: 100%
  }
  #bootcamp-hero #video-hero {
    right: 0;
    width: 100%;
    height: 400px;
    background-image: url("https://drq94yec07kda.cloudfront.net/images/engagement/bootcamp-hero-tablet.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
  }
  #bootcamp-hero #video-hero #hero-img {
    display: none
  }
}
@media screen and (max-width: 1023px) {
  #engagement-grey-bg {
    padding-bottom: 38rem
  }
  .engage-white-container {
    width: 80%;
    margin-top: -34rem;
    padding-bottom: 0;
    margin-bottom: 80px
  }
  .engage-white-container .product-descriptions {
    margin-bottom: 80px
  }
  #member-hub-page-hero {
    background-position: 25px 0px;
    background-size: auto 533px
  }
  .engage-white-container.member-hub .product-descriptions p {
    width: 100%
  }
  #best-practices-hero {
    min-height: unset;
    height: 270px;
    padding-top: 178px
  }
  #best-practices-featured-content {
    margin-top: 8rem
  }
  #best-practices-featured-content .disabled {
    margin-top: 20px
  }
  .best-practices-article-section {
    padding-top: 60px !important;
    padding-bottom: 0
  }
}
@media screen and (max-width: 1023px) and (min-width: 639px) {
  .best-practices-article-section .article-container {
    height: unset;
    max-height: 300px
  }
  .best-practices-article-section .article-container .secondary-btn {
    bottom: 37px !important
  }
  .best-practices-article-section .sanchez {
    margin-top: 0
  }
}
@media screen and (max-width: 1023px) {
  #eng-pack-hero {
    padding-top: 40px
  }
  #eng-pack-hero h5 {
    margin-bottom: 12px
  }
  #eng-pack-hero p.hero-p {
    width: 534px
  }
  #eng-pack-hero .table-wrapper {
    margin-top: 40px
  }
  #eng-pack-hero table.all-white.eng-pack {
    width: auto
  }
  #eng-pack-hero table.all-white.eng-pack tbody tr td {
    width: auto;
    padding: 8px 20px 10px
  }
  #eng-pack-hero table.all-white.eng-pack tbody tr td.table-spacer {
    padding-bottom: 16px;
    text-align: left
  }
  #eng-pack-tabs .tabs-header {
    margin-bottom: 80px
  }
  #eng-pack-tabs .package {
    margin-bottom: 80px
  }
  #eng-pack-tabs .package .package-background-md {
    width: 100%
  }
  #eng-pack-tabs .info-card {
    padding: 0px;
    border-right: none
  }
  #eng-pack-tabs .info-card#hsa-pack-1, #eng-pack-tabs .info-card.hsa-pack-2, #eng-pack-tabs .info-card#hsa-pack-3 {
    margin: 42px 0px 0px
  }
  #health-savings-score-hero {
    background-position: center right;
    background-size: cover;
    padding-top: 160px;
    padding-left: 24px;
    padding-right: 24px;
    max-height: 240px;
    min-height: unset
  }
  #health-savings-score-hero .hero-cta {
    border-radius: 10px;
    border-right: none;
    border-top: 10px solid #592C82;
    text-align: center;
    width: 90%;
    margin-left: auto;
    margin-right: auto
  }
  #health-savings-score-hero .hero-cta h1, #health-savings-score-hero .hero-cta p {
    width: initial
  }
  #health-savings-score-hero #score-form-container {
    max-width: none !important;
    margin-left: 0;
    padding: 0
  }
  #health-savings-score-hero #score-form-container #score-form {
    margin-bottom: 24px;
    max-width: 340px;
    float: right
  }
  #health-savings-score-hero ul {
    margin-left: 0
  }
  #hsa-analytics-section #analytics-text {
    text-align: center
  }
  #hsa-analytics-section #analytics-text p {
    width: 80%;
    display: inline
  }
  #hsa-analytics-section .report-icon-img {
    max-width: 100%
  }
  #hsa-analytics-section table .table-text {
    padding-right: 0
  }
  #hsa-analytics-section table .table-text p {
    margin-bottom: 40px !important
  }
  #hsa-analytics-section table .table-icon {
    padding-right: 24px;
    padding-left: 0
  }
  .inline-score-cta .not-client p {
    width: 100%
  }
  .inline-score-cta .not-client .hqy-button {
    width: 50%
  }
  #graphs-section h3 {
    font-size: 24px
  }
  #graphs-section p {
    width: 100%
  }
  #expert-help-cta {
    background-size: auto 300px;
    background-position: -325px 55px
  }
}
@media screen and (max-width: 1023px) and (min-width: 710px) and (max-width: 878px) {
  #expert-help-cta {
    background-position: -310px 30px
  }
}
@media screen and (max-width: 1023px) and (min-width: 879px) {
  #expert-help-cta {
    background-position: -225px 0px
  }
}
@media screen and (max-width: 639px) {
  #engagement-grey-bg .benefits-bootcamp {
    margin-bottom: 80px
  }
  #engagement-grey-bg h3 {
    font-size: 24px
  }
  #engagement-grey-bg form#inline_engage_cta {
    width: unset
  }
  .engage-white-container {
    width: 95%;
    padding: 20px 12px;
    margin-bottom: 0px
  }
  .engage-white-container h2 {
    font-size: 28px
  }
  .engage-white-container h3 {
    font-size: 24px
  }
  .bootcamp-help-links {
    margin-top: 80px
  }
  .bootcamp-help-links .wide-column-left {
    padding-right: 10px
  }
  .bootcamp-help-links .wide-column-right {
    padding-left: 10px
  }
  #eng-pack-hero p.hero-p {
    width: auto;
    margin-right: 48px
  }
  #eng-pack-hero .table-wrapper {
    margin-top: 40px
  }
  #eng-pack-hero table.all-white.eng-pack {
    width: auto;
    margin-right: auto;
    margin-left: auto
  }
  #eng-pack-hero table.all-white.eng-pack tbody tr td {
    width: 132px;
    padding: 8px 10px 10px
  }
  #eng-pack-hero table.all-white.eng-pack tbody tr td.table-spacer {
    padding-bottom: 32px;
    text-align: center
  }
  #eng-pack-tabs .tabs-header {
    text-align: left
  }
  #eng-pack-tabs .package {
    text-align: left
  }
  #eng-pack-tabs .info-card h1 {
    font-size: 24px
  }
  #eng-pack-tabs .info-card#hsa-pack-1, #eng-pack-tabs .info-card.hsa-pack-2, #eng-pack-tabs .info-card#hsa-pack-3 {
    margin: 0px
  }
  #member-hub-page-hero {
    padding-bottom: 32rem;
    background-image: url("https://drq94yec07kda.cloudfront.net/images/engagement/hub-hero-mobile.svg");
    background-position: 250px 22rem;
    background-size: auto 200px;
    padding-top: 40px
  }
  #member-hub-page-hero h3 {
    margin-bottom: 35px
  }
  #member-hub-page-hero h1 {
    margin-bottom: 20px
  }
  .engage-white-container#member-hub {
    padding: 20px
  }
  .bootcamp-help-links {
    margin-bottom: 40px
  }
  .bootcamp-help-links > .benefits-bootcamp {
    margin-bottom: 80px
  }
  #best-practices-hero {
    height: 225px;
    background-position: center;
    padding-top: 165px
  }
  #best-practices-featured-content {
    margin-top: 18rem;
    padding: 40px 0
  }
  #best-practices-featured-content .sanchez {
    margin-top: 20px
  }
  #best-practices-featured-content .primary-btn, #best-practices-featured-content .disabled {
    width: 100%;
    text-align: center
  }
  #best-practices-featured-content .secondary-btn {
    display: block;
    text-align: center;
    margin-top: 20px;
    margin-left: 0
  }
  .best-practices-article-section .article-container {
    height: unset
  }
  .best-practices-article-section .article-container .secondary-btn {
    position: relative !important;
    bottom: unset !important;
    display: block;
    margin-top: 50px
  }
  #best-practices-msg-wrapper {
    margin-top: -70px;
    padding-bottom: 32px
  }
  #bootcamp-hero {
    padding-top: 10rem
  }
  #bootcamp-hero #bootcamp-cta {
    text-align: left;
    padding: 40px 16px
  }
  #bootcamp-hero #video-hero {
    height: 245px
  }
  #expert-help-cta {
    background-image: none
  }
  .small-expert-cta {
    margin-bottom: -24px
  }
  #step-guide-body.bootcamp #step-1 .secondary-btn, #step-guide-body.bootcamp #step-2 .secondary-btn, #step-guide-body.bootcamp #step-3 .secondary-btn, #step-guide-body.bootcamp #step-4 .secondary-btn, #step-guide-body.bootcamp #step-5 .secondary-btn {
    font-size: 18px
  }
  #health-savings-score-hero {
    background-position: top -10px right;
    margin-bottom: 79rem;
    padding-left: 18px;
    padding-right: 18px
  }
  #health-savings-score-hero .hero-cta {
    padding: 24px 16px 16px 16px;
    text-align: left;
    width: 100%;
    min-width: unset
  }
  #health-savings-score-hero .hero-text, #health-savings-score-hero .small-purple-bullets {
    padding: 0 12px 12px 12px
  }
  #health-savings-score-hero .small-purple-bullets {
    margin-left: 0
  }
  #health-savings-score-hero #hero-text-sm {
    float: none;
    margin-right: auto;
    margin-left: auto
  }
  #health-savings-score-hero #score-form {
    float: initial !important;
    max-width: none
  }
  #hsa-analytics-section #analytics-text {
    text-align: left;
    margin-bottom: 24px
  }
  #hsa-analytics-section #analytics-image-sm {
    max-width: 80%
  }
  #hsa-analytics-section #analytics-image-sm img {
    margin-bottom: 30px
  }
  #hsa-analytics-section .table-icon {
    padding-right: 18px !important
  }
  .inline-score-cta .hqy-button {
    width: 60% !important
  }
  #graphs-section {
    margin-top: 80px
  }
  #graphs-section p {
    margin-bottom: 80px
  }
  #graphs-section img {
    margin-left: auto;
    margin-right: auto;
    width: 100%
  }
  .savings-score-section {
    margin-bottom: 60px
  }
  #health-savings-score-thank-you #blog-signup #new-blog-signup {
    padding-left: 0
  }
  #health-savings-score-thank-you #blog-signup .divider {
    height: 3px
  }
  #health-savings-score-thank-you #blog-signup .hs-input {
    width: 100% !important
  }
  #health-savings-score-thank-you #blog-signup .actions {
    width: 100% !important;
    margin-left: 0
  }
}
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent
}
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0
}
.slick-list:focus {
  outline: none
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand
}
.slick-slider .slick-track, .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block
}
.slick-track:before, .slick-track:after {
  display: table;
  content: ''
}
.slick-track:after {
  clear: both
}
.slick-loading .slick-track {
  visibility: hidden
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px
}
[dir='rtl'] .slick-slide {
  float: right
}
.slick-slide img {
  display: block
}
.slick-slide.slick-loading img {
  display: none
}
.slick-slide.dragging img {
  pointer-events: none
}
.slick-initialized .slick-slide {
  display: block
}
.slick-loading .slick-slide {
  visibility: hidden
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent
}
.slick-arrow.slick-hidden {
  display: none
}
#body-for-demo {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  justify-content: space-between
}
#body-wrapper {
  flex: 1
}
#demo-size-warning {
  background-color: #F1F1F2;
  text-align: center;
  margin-bottom: 20px
}
#demo-size-warning p {
  margin: 10px auto;
  font-size: 14px
}
#demo-size-warning #close-alert {
  position: absolute;
  left: 97%;
  display: inline-block;
  font-size: 24px;
  color: #707070;
  margin-top: 6px;
  padding: 5px
}
#demo-size-warning.hidden {
  display: none
}
#sidenav {
  box-shadow: 0px 3px 6px #00000029;
  height: 100%;
  width: 350px;
  position: absolute;
  z-index: 1;
  padding: 20px 40px
}
#sidenav .demo-title {
  font-size: 18px;
  margin-bottom: 40px
}
#sidenav a.sidenav-section-headers {
  margin-bottom: 40px
}
#sidenav a.sidenav-section-headers:hover {
  text-decoration: underline;
  font-weight: 700
}
#sidenav .sidenav-section-headers {
  color: #595959;
  font-size: 20px;
  text-transform: none;
  display: block
}
#sidenav .sidenav-section-headers.disabled {
  color: #D1D2D4
}
#sidenav #program-dash-link {
  display: block;
  font-size: 15px;
  color: #595959;
  padding-top: 12px;
  padding-bottom: 12px;
  font-weight: 400
}
#sidenav #program-dash-link.active-purple {
  color: #592C82;
  font-weight: 700
}
#sidenav #program-dash-link:hover {
  text-decoration: underline
}
#sidenav .accordion {
  margin-bottom: 40px
}
#sidenav .accordion .accordion-title {
  border: none;
  color: #212121;
  font-size: 15px;
  font-family: "museo-sans";
  font-weight: 300;
  padding: 12px;
  padding-left: 0px
}
#sidenav .accordion .accordion-title.active-purple {
  color: #592C82;
  font-weight: 700
}
#sidenav .accordion .accordion-title:before {
  content: ""
}
#sidenav .accordion .accordion-title:hover, #sidenav .accordion .accordion-title:focus {
  background-color: white
}
#sidenav .accordion .accordion-title:hover {
  text-decoration: underline;
  font-weight: 700;
  color: #592C82
}
#sidenav .accordion .accordion-title.disabled {
  color: #D1D2D4;
  cursor: not-allowed
}
#sidenav .accordion .accordion-title.disabled:hover {
  text-decoration: none;
  font-weight: 300
}
#sidenav .accordion .accordion-content {
  border: none;
  padding-top: 0px;
  padding-bottom: 0px
}
#sidenav .accordion .accordion-content a {
  display: block;
  font-size: 15px;
  color: #595959;
  padding-bottom: 12px
}
#sidenav .accordion .accordion-content a.active-purple {
  color: #592C82;
  font-weight: 700
}
#sidenav .accordion .accordion-content a:hover {
  text-decoration: underline
}
#sidenav .accordion .accordion-content a.disabled {
  color: #D1D2D4;
  cursor: not-allowed
}
#sidenav .accordion .accordion-content a.disabled:hover {
  text-decoration: none
}
#demo-welcome {
  margin: 40px auto
}
#demo-welcome h1 {
  margin-bottom: 40px
}
#demo-welcome h2 {
  font-size: 24px;
  text-transform: none
}
#demo-welcome p {
  margin: 20px auto
}
#demo-welcome .primary-btn {
  margin-bottom: 80px
}
#demo-row {
  max-width: 110rem
}
.dashboard {
  margin: 0px auto
}
.dashboard #demo-main-content {
  margin-top: 20px
}
.dashboard #demo-main-content .container-test {
  margin-left: 17%
}
.dashboard #demo-main-content h1 {
  margin-bottom: 20px;
  font-size: 34px
}
.dashboard #demo-main-content h2 {
  text-transform: none;
  font-size: 24px
}
.dashboard #demo-main-content p {
  margin: 20px 0px;
  width: 75%
}
.dashboard #demo-main-content ol {
  columns: 3;
  -webkit-columns: 3;
  -moz-columns: 3;
  list-style-type: none;
  counter-reset: item;
  margin: 0px
}
.dashboard #demo-main-content ol li {
  font-size: 18px
}
.dashboard #demo-main-content ol li:before {
  background: #008094
}
.dashboard #demo-main-content li {
  counter-increment: item;
  margin-bottom: 12px
}
.dashboard #demo-main-content li .disabled {
  color: #D1D2D4;
  cursor: not-allowed
}
.dashboard #demo-main-content li .disabled:hover {
  text-shadow: none
}
.dashboard #demo-main-content li:before {
  border-radius: 100%;
  color: white;
  font-size: 18px;
  width: 28px;
  height: 28px;
  text-align: center;
  display: inline-block;
  margin-right: 20px;
  content: counter(item)
}
.dashboard #demo-main-content li.disabled:before {
  background-color: #D1D2D4
}
.dashboard #demo-main-content .image-container {
  margin-top: 40px;
  position: relative;
  display: inline-block
}
.dashboard #demo-main-content .image-container img {
  max-width: 100%;
  display: block
}
.dashboard #demo-main-content .image-container .hot-spot-dots {
  color: white;
  font-family: 'museo-sans', sans-serif;
  font-weight: 300;
  font-size: 15px;
  background-color: #008094;
  display: block;
  padding: 7px 13px;
  border-radius: 100%;
  cursor: pointer;
  animation: fadein .5s;
  animation: pulse 1.5s infinite;
  transition: all .2s ease-in-out;
  line-height: 1.3;
  position: absolute
}
.dashboard #demo-main-content .image-container .hot-spot-dots a {
  color: white;
  font-size: 15px;
  line-height: 0
}
.dashboard #demo-main-content .hot-spot-dots:hover {
  background: #006A7D;
  transform: scale(1.1)
}
@keyframes fadein {
  from {
    opacity: 0
  }
  to {
    opacity: 1
  }
}
@keyframes fadeout {
  from {
    opacity: 0
  }
  to {
    opacity: 1
  }
}
@keyframes pulse {
  from {
    box-shadow: 0 0 0 0px rgba(0, 128, 148, 0.4)
  }
  to {
    box-shadow: 0 0 0 15px transparent
  }
}
.dashboard #demo-main-content #link-to-sales {
  margin-top: 20px;
  margin-bottom: 40px
}
#hotspot-modal {
  max-height: 90vh;
  top: 88px !important;
  max-width: 85rem !important
}
.demo-modal-content {
  display: none;
  padding: 4px
}
.demo-modal-content h3 {
  text-transform: none;
  margin-bottom: 20px;
  font-size: 24px
}
.demo-modal-content .modal-image {
  margin-top: 0px;
  width: 100%
}
.demo-modal-content .modal-image.mobile-gif {
  max-width: 400px
}
.demo-modal-content.shown {
  display: block
}
#content-page-mobile-warning {
  margin-top: 20px;
  margin-bottom: 40px
}
#content-page-mobile-warning h1 {
  margin-bottom: 40px
}
#content-page-mobile-warning h2 {
  margin-bottom: 20px;
  text-transform: none
}
#content-page-mobile-warning img {
  margin: 40px auto;
  display: block
}
#content-page-mobile-warning .primary-btn {
  width: 100%;
  margin-bottom: 80px
}
@media screen and (max-width: 1845px) {
  .dashboard #sidenav {
    width: 300px
  }
}
@media screen and (max-width: 1645px) {
  .dashboard #sidenav {
    width: 262px
  }
}
@media screen and (max-width: 1500px) {
  #sidenav {
    display: none
  }
  .dashboard #demo-main-content {
    margin-top: 10px
  }
  .dashboard #demo-main-content .container-test {
    margin-left: 0%
  }
}
@media screen and (max-width: 1230px) {
  #demo-size-warning p {
    width: 80%
  }
  #demo-size-warning #close-alert {
    left: 95%;
    margin-top: 16px
  }
}
@media screen and (max-width: 1023px) {
  .dashboard #demo-main-content h1 {
    margin-bottom: 20px
  }
  .dashboard #demo-main-content ol {
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1
  }
  .dashboard #demo-main-content .image-container {
    height: 45vh
  }
  .demo-modal-content h3 {
    font-size: 24px
  }
  .demo-modal-content ol {
    line-height: 1.4
  }
}
@media screen and (max-width: 639px) {
  #demo-size-warning {
    display: none
  }
  #content-page-mobile-warning h1 {
    margin-bottom: 20px
  }
}
#mem-accounts-web #demo-main-content .image-container #mem-accounts-web-dash-1 {
  top: 16%;
  left: 7%
}
#mem-accounts-web #demo-main-content .image-container #mem-accounts-web-dash-2 {
  top: 13%;
  left: 27%
}
#mem-accounts-web #demo-main-content .image-container #mem-accounts-web-dash-3 {
  top: 5%;
  right: 22%
}
#mem-accounts-web #demo-main-content .image-container #mem-accounts-web-dash-4 {
  top: 5%;
  right: 6%
}
#mem-accounts-mobile #demo-main-content .image-container #mem-accounts-mobile-dash-1 {
  top: 6%
}
#mem-accounts-mobile #demo-main-content .image-container #mem-accounts-mobile-dash-2 {
  bottom: 31%
}
#mem-accounts-mobile #demo-main-content .image-container #mem-accounts-mobile-dash-3 {
  bottom: 6%;
  left: 19%
}
#mem-accounts-mobile #demo-main-content .image-container #mem-accounts-mobile-dash-4 {
  bottom: 6%;
  left: 38%
}
#mem-accounts-mobile #demo-main-content .image-container #mem-accounts-mobile-dash-5 {
  right: 32%;
  bottom: 6%
}
#hsa-dashboard #demo-main-content .image-container #hsa-dash-1 {
  top: 16%;
  left: 7%
}
#hsa-dashboard #demo-main-content .image-container #hsa-dash-2 {
  top: 15%;
  left: 30%
}
#hsa-dashboard #demo-main-content .image-container #hsa-dash-3 {
  top: 15%;
  left: 39%
}
#hsa-dashboard #demo-main-content .image-container #hsa-dash-4 {
  top: 15%;
  left: 48%
}
#hsa-dashboard #demo-main-content .image-container #hsa-dash-5 {
  top: 32%;
  left: 58%
}
#hsa-dashboard #demo-main-content .image-container #hsa-dash-6 {
  top: 48%;
  left: 30%
}
#hsa-dashboard #demo-main-content .image-container #hsa-dash-7 {
  top: 67%;
  left: 27%
}
#hsa-dashboard #demo-main-content .image-container #hsa-dash-8 {
  top: 62%;
  left: 7%
}
#mem-hsa-optimizer #demo-main-content .image-container #mem-hsa-optimizer-dash-1 {
  top: 36%;
  left: 42%
}
#mem-hsa-optimizer #demo-main-content .image-container #mem-hsa-optimizer-dash-2 {
  top: 36%;
  right: 33%
}
#mem-hsa-optimizer #demo-main-content .image-container #mem-hsa-optimizer-dash-3 {
  top: 47%;
  right: 19%
}
#mem-hsa-optimizer #demo-main-content .image-container #mem-hsa-optimizer-dash-4 {
  right: 16%;
  bottom: 6%
}
#mem-hsa-expenses #demo-main-content .image-container #mem-hsa-expenses-dash-1 {
  top: 15%;
  left: 10%
}
#mem-hsa-expenses #demo-main-content .image-container #mem-hsa-expenses-dash-2 {
  top: 23%;
  left: 30%
}
#mem-hsa-expenses #demo-main-content .image-container #mem-hsa-expenses-dash-3 {
  top: 23%;
  right: 9%
}
#mem-hsa-expenses #demo-main-content .image-container #mem-hsa-expenses-dash-4 {
  top: 32%;
  right: 9%
}
#mem-hsa-invest #demo-main-content .image-container #mem-hsa-invest-dash-1 {
  top: 16%;
  left: 14%
}
#mem-hsa-invest #demo-main-content .image-container #mem-hsa-invest-dash-2 {
  top: 13%;
  right: 37%
}
#mem-hsa-invest #demo-main-content .image-container #mem-hsa-invest-dash-3 {
  top: 34%;
  left: 30%
}
#mem-hsa-invest #demo-main-content .image-container #mem-hsa-invest-dash-4 {
  top: 34%;
  left: 43%
}
#mem-hsa-invest #demo-main-content .image-container #mem-hsa-invest-dash-5 {
  top: 51%;
  left: 61%
}
#man-program-dashboard #demo-main-content .image-container #man-program-dashboard-dash-1 {
  top: 6%;
  left: 3%
}
#man-program-dashboard #demo-main-content .image-container #man-program-dashboard-dash-2 {
  top: 10.25%;
  left: 9%
}
#man-program-dashboard #demo-main-content .image-container #man-program-dashboard-dash-3 {
  top: 4.75%;
  left: 39%
}
#man-program-dashboard #demo-main-content .image-container #man-program-dashboard-dash-4 {
  top: 10.5%;
  left: 34%
}
#man-program-dashboard #demo-main-content .image-container #man-program-dashboard-dash-5 {
  right: 10%;
  bottom: 1%
}
#man-program-dashboard #demo-main-content .image-container #man-program-dashboard-dash-6 {
  top: 4%;
  right: 3%
}
#man-hsa-enrollment #demo-main-content .image-container #man-hsa-enrollment-dash-1 {
  top: 7%;
  left: 7%
}
#man-hsa-enrollment #demo-main-content .image-container #man-hsa-enrollment-dash-2 {
  top: 8.5%;
  left: 7%
}
#man-hsa-enrollment #demo-main-content .image-container #man-hsa-enrollment-dash-3 {
  top: 10.75%;
  left: 7%
}
#man-hsa-contributions #demo-main-content .image-container #man-hsa-contributions-dash-1 {
  top: 10.25%;
  left: 21%
}
#man-hsa-contributions #demo-main-content .image-container #man-hsa-contributions-dash-2 {
  top: 10.25%;
  left: 24%
}
#man-hsa-contributions #demo-main-content .image-container #man-hsa-contributions-dash-3 {
  top: 14%;
  left: 24%
}
#man-hsa-contributions #demo-main-content .image-container #man-hsa-contributions-dash-4 {
  top: 9.5%;
  left: 43%
}
#man-hsa-funding #demo-main-content .image-container #man-hsa-funding-dash-1 {
  top: 7.25%;
  left: 25%
}
#man-hsa-funding #demo-main-content .image-container #man-hsa-funding-dash-2 {
  top: 8.25%;
  left: 34%
}
#man-hsa-access #demo-main-content .image-container #man-hsa-access-dash-1 {
  top: 7%;
  left: 33%
}
#man-hsa-access #demo-main-content .image-container #man-hsa-access-dash-2 {
  top: 9.5%;
  left: 33%
}
#man-hsa-access #demo-main-content .image-container #man-hsa-access-dash-3 {
  top: 11.75%;
  left: 33%
}
#man-hsa-reporting #demo-main-content .image-container #man-hsa-reporting-dash-1 {
  left: 7%;
  top: 9.5%
}
#man-hsa-reporting #demo-main-content .image-container #man-hsa-reporting-dash-2 {
  top: 12.75%;
  left: 33%
}
#man-hsa-reporting #demo-main-content .image-container #man-hsa-reporting-dash-3 {
  top: 14.75%;
  left: 33%
}
#man-hsa-reporting #demo-main-content .image-container #man-hsa-reporting-dash-4 {
  top: 17.5%;
  left: 33%
}
@media print, screen and (min-width: 40em) {
  .reveal, .reveal.tiny, .reveal.small, .reveal.large {
    right: auto;
    left: auto;
    margin: 0 auto
  }
} /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */ html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%
}
body {
  margin: 0
}
h1 {
  font-size: 2em;
  margin: 0.67em 0
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible
}
pre {
  font-family: monospace, monospace;
  font-size: 1em
}
a {
  background-color: transparent
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted
}
b, strong {
  font-weight: bolder
}
code, kbd, samp {
  font-family: monospace, monospace;
  font-size: 1em
}
small {
  font-size: 80%
}
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}
sub {
  bottom: -0.25em
}
sup {
  top: -0.5em
}
img {
  border-style: none
}
button, input, optgroup, select, textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0
}
button, input {
  overflow: visible
}
button, select {
  text-transform: none
}
button, [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button
}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0
}
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText
}
fieldset {
  padding: 0.35em 0.75em 0.625em
}
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal
}
progress {
  vertical-align: baseline
}
textarea {
  overflow: auto
}
[type="checkbox"], [type="radio"] {
  box-sizing: border-box;
  padding: 0
}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
  height: auto
}
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}
details {
  display: block
}
summary {
  display: list-item
}
template {
  display: none
}
[hidden] {
  display: none
}
.foundation-mq {
  font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"
}
html {
  box-sizing: border-box;
  font-size: 100%
}
*, *::before, *::after {
  box-sizing: inherit
}
body {
  margin: 0;
  padding: 0;
  background: #fefefe;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  line-height: 1.5;
  color: #0a0a0a;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic
}
textarea {
  height: auto;
  min-height: 50px;
  border-radius: 0
}
select {
  box-sizing: border-box;
  width: 100%;
  border-radius: 0
}
.map_canvas img, .map_canvas embed, .map_canvas object, .mqa-display img, .mqa-display embed, .mqa-display object {
  max-width: none !important
}
button {
  padding: 0;
  appearance: none;
  border: 0;
  border-radius: 0;
  background: transparent;
  line-height: 1;
  cursor: auto
}
[data-whatinput='mouse'] button {
  outline: 0
}
pre {
  overflow: auto
}
button, input, optgroup, select, textarea {
  font-family: inherit
}
.is-visible {
  display: block !important
}
.is-hidden {
  display: none !important
}
.grid-container {
  padding-right: 0.625rem;
  padding-left: 0.625rem;
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto
}
@media print, screen and (min-width: 40em) {
  .grid-container {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem
  }
}
.grid-container.fluid {
  padding-right: 0.625rem;
  padding-left: 0.625rem;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto
}
@media print, screen and (min-width: 40em) {
  .grid-container.fluid {
    padding-right: 0.9375rem;
    padding-left: 0.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.3333333333%
}
.grid-x > .small-2 {
  width: 16.6666666667%
}
.grid-x > .small-3 {
  width: 25%
}
.grid-x > .small-4 {
  width: 33.3333333333%
}
.grid-x > .small-5 {
  width: 41.6666666667%
}
.grid-x > .small-6 {
  width: 50%
}
.grid-x > .small-7 {
  width: 58.3333333333%
}
.grid-x > .small-8 {
  width: 66.6666666667%
}
.grid-x > .small-9 {
  width: 75%
}
.grid-x > .small-10 {
  width: 83.3333333333%
}
.grid-x > .small-11 {
  width: 91.6666666667%
}
.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.3333333333%
  }
  .grid-x > .medium-2 {
    width: 16.6666666667%
  }
  .grid-x > .medium-3 {
    width: 25%
  }
  .grid-x > .medium-4 {
    width: 33.3333333333%
  }
  .grid-x > .medium-5 {
    width: 41.6666666667%
  }
  .grid-x > .medium-6 {
    width: 50%
  }
  .grid-x > .medium-7 {
    width: 58.3333333333%
  }
  .grid-x > .medium-8 {
    width: 66.6666666667%
  }
  .grid-x > .medium-9 {
    width: 75%
  }
  .grid-x > .medium-10 {
    width: 83.3333333333%
  }
  .grid-x > .medium-11 {
    width: 91.6666666667%
  }
  .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.3333333333%
  }
  .grid-x > .large-2 {
    width: 16.6666666667%
  }
  .grid-x > .large-3 {
    width: 25%
  }
  .grid-x > .large-4 {
    width: 33.3333333333%
  }
  .grid-x > .large-5 {
    width: 41.6666666667%
  }
  .grid-x > .large-6 {
    width: 50%
  }
  .grid-x > .large-7 {
    width: 58.3333333333%
  }
  .grid-x > .large-8 {
    width: 66.6666666667%
  }
  .grid-x > .large-9 {
    width: 75%
  }
  .grid-x > .large-10 {
    width: 83.3333333333%
  }
  .grid-x > .large-11 {
    width: 91.6666666667%
  }
  .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: -0.625rem;
  margin-right: -0.625rem
}
@media print, screen and (min-width: 40em) {
  .grid-margin-x {
    margin-left: -0.9375rem;
    margin-right: -0.9375rem
  }
}
.grid-margin-x > .cell {
  width: calc(100% - 1.25rem);
  margin-left: 0.625rem;
  margin-right: 0.625rem
}
@media print, screen and (min-width: 40em) {
  .grid-margin-x > .cell {
    width: calc(100% - 1.875rem);
    margin-left: 0.9375rem;
    margin-right: 0.9375rem
  }
}
.grid-margin-x > .auto {
  width: auto
}
.grid-margin-x > .shrink {
  width: auto
}
.grid-margin-x > .small-1 {
  width: calc(8.3333333333% - 1.25rem)
}
.grid-margin-x > .small-2 {
  width: calc(16.6666666667% - 1.25rem)
}
.grid-margin-x > .small-3 {
  width: calc(25% - 1.25rem)
}
.grid-margin-x > .small-4 {
  width: calc(33.3333333333% - 1.25rem)
}
.grid-margin-x > .small-5 {
  width: calc(41.6666666667% - 1.25rem)
}
.grid-margin-x > .small-6 {
  width: calc(50% - 1.25rem)
}
.grid-margin-x > .small-7 {
  width: calc(58.3333333333% - 1.25rem)
}
.grid-margin-x > .small-8 {
  width: calc(66.6666666667% - 1.25rem)
}
.grid-margin-x > .small-9 {
  width: calc(75% - 1.25rem)
}
.grid-margin-x > .small-10 {
  width: calc(83.3333333333% - 1.25rem)
}
.grid-margin-x > .small-11 {
  width: calc(91.6666666667% - 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.3333333333% - 1.875rem)
  }
  .grid-margin-x > .small-2 {
    width: calc(16.6666666667% - 1.875rem)
  }
  .grid-margin-x > .small-3 {
    width: calc(25% - 1.875rem)
  }
  .grid-margin-x > .small-4 {
    width: calc(33.3333333333% - 1.875rem)
  }
  .grid-margin-x > .small-5 {
    width: calc(41.6666666667% - 1.875rem)
  }
  .grid-margin-x > .small-6 {
    width: calc(50% - 1.875rem)
  }
  .grid-margin-x > .small-7 {
    width: calc(58.3333333333% - 1.875rem)
  }
  .grid-margin-x > .small-8 {
    width: calc(66.6666666667% - 1.875rem)
  }
  .grid-margin-x > .small-9 {
    width: calc(75% - 1.875rem)
  }
  .grid-margin-x > .small-10 {
    width: calc(83.3333333333% - 1.875rem)
  }
  .grid-margin-x > .small-11 {
    width: calc(91.6666666667% - 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.3333333333% - 1.875rem)
  }
  .grid-margin-x > .medium-2 {
    width: calc(16.6666666667% - 1.875rem)
  }
  .grid-margin-x > .medium-3 {
    width: calc(25% - 1.875rem)
  }
  .grid-margin-x > .medium-4 {
    width: calc(33.3333333333% - 1.875rem)
  }
  .grid-margin-x > .medium-5 {
    width: calc(41.6666666667% - 1.875rem)
  }
  .grid-margin-x > .medium-6 {
    width: calc(50% - 1.875rem)
  }
  .grid-margin-x > .medium-7 {
    width: calc(58.3333333333% - 1.875rem)
  }
  .grid-margin-x > .medium-8 {
    width: calc(66.6666666667% - 1.875rem)
  }
  .grid-margin-x > .medium-9 {
    width: calc(75% - 1.875rem)
  }
  .grid-margin-x > .medium-10 {
    width: calc(83.3333333333% - 1.875rem)
  }
  .grid-margin-x > .medium-11 {
    width: calc(91.6666666667% - 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.3333333333% - 1.875rem)
  }
  .grid-margin-x > .large-2 {
    width: calc(16.6666666667% - 1.875rem)
  }
  .grid-margin-x > .large-3 {
    width: calc(25% - 1.875rem)
  }
  .grid-margin-x > .large-4 {
    width: calc(33.3333333333% - 1.875rem)
  }
  .grid-margin-x > .large-5 {
    width: calc(41.6666666667% - 1.875rem)
  }
  .grid-margin-x > .large-6 {
    width: calc(50% - 1.875rem)
  }
  .grid-margin-x > .large-7 {
    width: calc(58.3333333333% - 1.875rem)
  }
  .grid-margin-x > .large-8 {
    width: calc(66.6666666667% - 1.875rem)
  }
  .grid-margin-x > .large-9 {
    width: calc(75% - 1.875rem)
  }
  .grid-margin-x > .large-10 {
    width: calc(83.3333333333% - 1.875rem)
  }
  .grid-margin-x > .large-11 {
    width: calc(91.6666666667% - 1.875rem)
  }
  .grid-margin-x > .large-12 {
    width: calc(100% - 1.875rem)
  }
}
.grid-padding-x .grid-padding-x {
  margin-right: -0.625rem;
  margin-left: -0.625rem
}
@media print, screen and (min-width: 40em) {
  .grid-padding-x .grid-padding-x {
    margin-right: -0.9375rem;
    margin-left: -0.9375rem
  }
}
.grid-container:not(.full) > .grid-padding-x {
  margin-right: -0.625rem;
  margin-left: -0.625rem
}
@media print, screen and (min-width: 40em) {
  .grid-container:not(.full) > .grid-padding-x {
    margin-right: -0.9375rem;
    margin-left: -0.9375rem
  }
}
.grid-padding-x > .cell {
  padding-right: 0.625rem;
  padding-left: 0.625rem
}
@media print, screen and (min-width: 40em) {
  .grid-padding-x > .cell {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem
  }
}
.small-up-1 > .cell {
  width: 100%
}
.small-up-2 > .cell {
  width: 50%
}
.small-up-3 > .cell {
  width: 33.3333333333%
}
.small-up-4 > .cell {
  width: 25%
}
.small-up-5 > .cell {
  width: 20%
}
.small-up-6 > .cell {
  width: 16.6666666667%
}
.small-up-7 > .cell {
  width: 14.2857142857%
}
.small-up-8 > .cell {
  width: 12.5%
}
@media print, screen and (min-width: 40em) {
  .medium-up-1 > .cell {
    width: 100%
  }
  .medium-up-2 > .cell {
    width: 50%
  }
  .medium-up-3 > .cell {
    width: 33.3333333333%
  }
  .medium-up-4 > .cell {
    width: 25%
  }
  .medium-up-5 > .cell {
    width: 20%
  }
  .medium-up-6 > .cell {
    width: 16.6666666667%
  }
  .medium-up-7 > .cell {
    width: 14.2857142857%
  }
  .medium-up-8 > .cell {
    width: 12.5%
  }
}
@media print, screen and (min-width: 64em) {
  .large-up-1 > .cell {
    width: 100%
  }
  .large-up-2 > .cell {
    width: 50%
  }
  .large-up-3 > .cell {
    width: 33.3333333333%
  }
  .large-up-4 > .cell {
    width: 25%
  }
  .large-up-5 > .cell {
    width: 20%
  }
  .large-up-6 > .cell {
    width: 16.6666666667%
  }
  .large-up-7 > .cell {
    width: 14.2857142857%
  }
  .large-up-8 > .cell {
    width: 12.5%
  }
}
.grid-margin-x.small-up-1 > .cell {
  width: calc(100% - 1.25rem)
}
.grid-margin-x.small-up-2 > .cell {
  width: calc(50% - 1.25rem)
}
.grid-margin-x.small-up-3 > .cell {
  width: calc(33.3333333333% - 1.25rem)
}
.grid-margin-x.small-up-4 > .cell {
  width: calc(25% - 1.25rem)
}
.grid-margin-x.small-up-5 > .cell {
  width: calc(20% - 1.25rem)
}
.grid-margin-x.small-up-6 > .cell {
  width: calc(16.6666666667% - 1.25rem)
}
.grid-margin-x.small-up-7 > .cell {
  width: calc(14.2857142857% - 1.25rem)
}
.grid-margin-x.small-up-8 > .cell {
  width: calc(12.5% - 1.25rem)
}
@media print, screen and (min-width: 40em) {
  .grid-margin-x.small-up-1 > .cell {
    width: calc(100% - 1.875rem)
  }
  .grid-margin-x.small-up-2 > .cell {
    width: calc(50% - 1.875rem)
  }
  .grid-margin-x.small-up-3 > .cell {
    width: calc(33.3333333333% - 1.875rem)
  }
  .grid-margin-x.small-up-4 > .cell {
    width: calc(25% - 1.875rem)
  }
  .grid-margin-x.small-up-5 > .cell {
    width: calc(20% - 1.875rem)
  }
  .grid-margin-x.small-up-6 > .cell {
    width: calc(16.6666666667% - 1.875rem)
  }
  .grid-margin-x.small-up-7 > .cell {
    width: calc(14.2857142857% - 1.875rem)
  }
  .grid-margin-x.small-up-8 > .cell {
    width: calc(12.5% - 1.875rem)
  }
  .grid-margin-x.medium-up-1 > .cell {
    width: calc(100% - 1.875rem)
  }
  .grid-margin-x.medium-up-2 > .cell {
    width: calc(50% - 1.875rem)
  }
  .grid-margin-x.medium-up-3 > .cell {
    width: calc(33.3333333333% - 1.875rem)
  }
  .grid-margin-x.medium-up-4 > .cell {
    width: calc(25% - 1.875rem)
  }
  .grid-margin-x.medium-up-5 > .cell {
    width: calc(20% - 1.875rem)
  }
  .grid-margin-x.medium-up-6 > .cell {
    width: calc(16.6666666667% - 1.875rem)
  }
  .grid-margin-x.medium-up-7 > .cell {
    width: calc(14.2857142857% - 1.875rem)
  }
  .grid-margin-x.medium-up-8 > .cell {
    width: calc(12.5% - 1.875rem)
  }
}
@media print, screen and (min-width: 64em) {
  .grid-margin-x.large-up-1 > .cell {
    width: calc(100% - 1.875rem)
  }
  .grid-margin-x.large-up-2 > .cell {
    width: calc(50% - 1.875rem)
  }
  .grid-margin-x.large-up-3 > .cell {
    width: calc(33.3333333333% - 1.875rem)
  }
  .grid-margin-x.large-up-4 > .cell {
    width: calc(25% - 1.875rem)
  }
  .grid-margin-x.large-up-5 > .cell {
    width: calc(20% - 1.875rem)
  }
  .grid-margin-x.large-up-6 > .cell {
    width: calc(16.6666666667% - 1.875rem)
  }
  .grid-margin-x.large-up-7 > .cell {
    width: calc(14.2857142857% - 1.875rem)
  }
  .grid-margin-x.large-up-8 > .cell {
    width: calc(12.5% - 1.875rem)
  }
}
.small-margin-collapse {
  margin-right: 0;
  margin-left: 0
}
.small-margin-collapse > .cell {
  margin-right: 0;
  margin-left: 0
}
.small-margin-collapse > .small-1 {
  width: 8.3333333333%
}
.small-margin-collapse > .small-2 {
  width: 16.6666666667%
}
.small-margin-collapse > .small-3 {
  width: 25%
}
.small-margin-collapse > .small-4 {
  width: 33.3333333333%
}
.small-margin-collapse > .small-5 {
  width: 41.6666666667%
}
.small-margin-collapse > .small-6 {
  width: 50%
}
.small-margin-collapse > .small-7 {
  width: 58.3333333333%
}
.small-margin-collapse > .small-8 {
  width: 66.6666666667%
}
.small-margin-collapse > .small-9 {
  width: 75%
}
.small-margin-collapse > .small-10 {
  width: 83.3333333333%
}
.small-margin-collapse > .small-11 {
  width: 91.6666666667%
}
.small-margin-collapse > .small-12 {
  width: 100%
}
@media print, screen and (min-width: 40em) {
  .small-margin-collapse > .medium-1 {
    width: 8.3333333333%
  }
  .small-margin-collapse > .medium-2 {
    width: 16.6666666667%
  }
  .small-margin-collapse > .medium-3 {
    width: 25%
  }
  .small-margin-collapse > .medium-4 {
    width: 33.3333333333%
  }
  .small-margin-collapse > .medium-5 {
    width: 41.6666666667%
  }
  .small-margin-collapse > .medium-6 {
    width: 50%
  }
  .small-margin-collapse > .medium-7 {
    width: 58.3333333333%
  }
  .small-margin-collapse > .medium-8 {
    width: 66.6666666667%
  }
  .small-margin-collapse > .medium-9 {
    width: 75%
  }
  .small-margin-collapse > .medium-10 {
    width: 83.3333333333%
  }
  .small-margin-collapse > .medium-11 {
    width: 91.6666666667%
  }
  .small-margin-collapse > .medium-12 {
    width: 100%
  }
}
@media print, screen and (min-width: 64em) {
  .small-margin-collapse > .large-1 {
    width: 8.3333333333%
  }
  .small-margin-collapse > .large-2 {
    width: 16.6666666667%
  }
  .small-margin-collapse > .large-3 {
    width: 25%
  }
  .small-margin-collapse > .large-4 {
    width: 33.3333333333%
  }
  .small-margin-collapse > .large-5 {
    width: 41.6666666667%
  }
  .small-margin-collapse > .large-6 {
    width: 50%
  }
  .small-margin-collapse > .large-7 {
    width: 58.3333333333%
  }
  .small-margin-collapse > .large-8 {
    width: 66.6666666667%
  }
  .small-margin-collapse > .large-9 {
    width: 75%
  }
  .small-margin-collapse > .large-10 {
    width: 83.3333333333%
  }
  .small-margin-collapse > .large-11 {
    width: 91.6666666667%
  }
  .small-margin-collapse > .large-12 {
    width: 100%
  }
}
.small-padding-collapse {
  margin-right: 0;
  margin-left: 0
}
.small-padding-collapse > .cell {
  padding-right: 0;
  padding-left: 0
}
@media print, screen and (min-width: 40em) {
  .medium-margin-collapse {
    margin-right: 0;
    margin-left: 0
  }
  .medium-margin-collapse > .cell {
    margin-right: 0;
    margin-left: 0
  }
}
@media print, screen and (min-width: 40em) {
  .medium-margin-collapse > .small-1 {
    width: 8.3333333333%
  }
  .medium-margin-collapse > .small-2 {
    width: 16.6666666667%
  }
  .medium-margin-collapse > .small-3 {
    width: 25%
  }
  .medium-margin-collapse > .small-4 {
    width: 33.3333333333%
  }
  .medium-margin-collapse > .small-5 {
    width: 41.6666666667%
  }
  .medium-margin-collapse > .small-6 {
    width: 50%
  }
  .medium-margin-collapse > .small-7 {
    width: 58.3333333333%
  }
  .medium-margin-collapse > .small-8 {
    width: 66.6666666667%
  }
  .medium-margin-collapse > .small-9 {
    width: 75%
  }
  .medium-margin-collapse > .small-10 {
    width: 83.3333333333%
  }
  .medium-margin-collapse > .small-11 {
    width: 91.6666666667%
  }
  .medium-margin-collapse > .small-12 {
    width: 100%
  }
}
@media print, screen and (min-width: 40em) {
  .medium-margin-collapse > .medium-1 {
    width: 8.3333333333%
  }
  .medium-margin-collapse > .medium-2 {
    width: 16.6666666667%
  }
  .medium-margin-collapse > .medium-3 {
    width: 25%
  }
  .medium-margin-collapse > .medium-4 {
    width: 33.3333333333%
  }
  .medium-margin-collapse > .medium-5 {
    width: 41.6666666667%
  }
  .medium-margin-collapse > .medium-6 {
    width: 50%
  }
  .medium-margin-collapse > .medium-7 {
    width: 58.3333333333%
  }
  .medium-margin-collapse > .medium-8 {
    width: 66.6666666667%
  }
  .medium-margin-collapse > .medium-9 {
    width: 75%
  }
  .medium-margin-collapse > .medium-10 {
    width: 83.3333333333%
  }
  .medium-margin-collapse > .medium-11 {
    width: 91.6666666667%
  }
  .medium-margin-collapse > .medium-12 {
    width: 100%
  }
}
@media print, screen and (min-width: 64em) {
  .medium-margin-collapse > .large-1 {
    width: 8.3333333333%
  }
  .medium-margin-collapse > .large-2 {
    width: 16.6666666667%
  }
  .medium-margin-collapse > .large-3 {
    width: 25%
  }
  .medium-margin-collapse > .large-4 {
    width: 33.3333333333%
  }
  .medium-margin-collapse > .large-5 {
    width: 41.6666666667%
  }
  .medium-margin-collapse > .large-6 {
    width: 50%
  }
  .medium-margin-collapse > .large-7 {
    width: 58.3333333333%
  }
  .medium-margin-collapse > .large-8 {
    width: 66.6666666667%
  }
  .medium-margin-collapse > .large-9 {
    width: 75%
  }
  .medium-margin-collapse > .large-10 {
    width: 83.3333333333%
  }
  .medium-margin-collapse > .large-11 {
    width: 91.6666666667%
  }
  .medium-margin-collapse > .large-12 {
    width: 100%
  }
}
@media print, screen and (min-width: 40em) {
  .medium-padding-collapse {
    margin-right: 0;
    margin-left: 0
  }
  .medium-padding-collapse > .cell {
    padding-right: 0;
    padding-left: 0
  }
}
@media print, screen and (min-width: 64em) {
  .large-margin-collapse {
    margin-right: 0;
    margin-left: 0
  }
  .large-margin-collapse > .cell {
    margin-right: 0;
    margin-left: 0
  }
}
@media print, screen and (min-width: 64em) {
  .large-margin-collapse > .small-1 {
    width: 8.3333333333%
  }
  .large-margin-collapse > .small-2 {
    width: 16.6666666667%
  }
  .large-margin-collapse > .small-3 {
    width: 25%
  }
  .large-margin-collapse > .small-4 {
    width: 33.3333333333%
  }
  .large-margin-collapse > .small-5 {
    width: 41.6666666667%
  }
  .large-margin-collapse > .small-6 {
    width: 50%
  }
  .large-margin-collapse > .small-7 {
    width: 58.3333333333%
  }
  .large-margin-collapse > .small-8 {
    width: 66.6666666667%
  }
  .large-margin-collapse > .small-9 {
    width: 75%
  }
  .large-margin-collapse > .small-10 {
    width: 83.3333333333%
  }
  .large-margin-collapse > .small-11 {
    width: 91.6666666667%
  }
  .large-margin-collapse > .small-12 {
    width: 100%
  }
}
@media print, screen and (min-width: 64em) {
  .large-margin-collapse > .medium-1 {
    width: 8.3333333333%
  }
  .large-margin-collapse > .medium-2 {
    width: 16.6666666667%
  }
  .large-margin-collapse > .medium-3 {
    width: 25%
  }
  .large-margin-collapse > .medium-4 {
    width: 33.3333333333%
  }
  .large-margin-collapse > .medium-5 {
    width: 41.6666666667%
  }
  .large-margin-collapse > .medium-6 {
    width: 50%
  }
  .large-margin-collapse > .medium-7 {
    width: 58.3333333333%
  }
  .large-margin-collapse > .medium-8 {
    width: 66.6666666667%
  }
  .large-margin-collapse > .medium-9 {
    width: 75%
  }
  .large-margin-collapse > .medium-10 {
    width: 83.3333333333%
  }
  .large-margin-collapse > .medium-11 {
    width: 91.6666666667%
  }
  .large-margin-collapse > .medium-12 {
    width: 100%
  }
}
@media print, screen and (min-width: 64em) {
  .large-margin-collapse > .large-1 {
    width: 8.3333333333%
  }
  .large-margin-collapse > .large-2 {
    width: 16.6666666667%
  }
  .large-margin-collapse > .large-3 {
    width: 25%
  }
  .large-margin-collapse > .large-4 {
    width: 33.3333333333%
  }
  .large-margin-collapse > .large-5 {
    width: 41.6666666667%
  }
  .large-margin-collapse > .large-6 {
    width: 50%
  }
  .large-margin-collapse > .large-7 {
    width: 58.3333333333%
  }
  .large-margin-collapse > .large-8 {
    width: 66.6666666667%
  }
  .large-margin-collapse > .large-9 {
    width: 75%
  }
  .large-margin-collapse > .large-10 {
    width: 83.3333333333%
  }
  .large-margin-collapse > .large-11 {
    width: 91.6666666667%
  }
  .large-margin-collapse > .large-12 {
    width: 100%
  }
}
@media print, screen and (min-width: 64em) {
  .large-padding-collapse {
    margin-right: 0;
    margin-left: 0
  }
  .large-padding-collapse > .cell {
    padding-right: 0;
    padding-left: 0
  }
}
.small-offset-0 {
  margin-left: 0%
}
.grid-margin-x > .small-offset-0 {
  margin-left: calc(0% + 0.625rem)
}
.small-offset-1 {
  margin-left: 8.3333333333%
}
.grid-margin-x > .small-offset-1 {
  margin-left: calc(8.3333333333% + 0.625rem)
}
.small-offset-2 {
  margin-left: 16.6666666667%
}
.grid-margin-x > .small-offset-2 {
  margin-left: calc(16.6666666667% + 0.625rem)
}
.small-offset-3 {
  margin-left: 25%
}
.grid-margin-x > .small-offset-3 {
  margin-left: calc(25% + 0.625rem)
}
.small-offset-4 {
  margin-left: 33.3333333333%
}
.grid-margin-x > .small-offset-4 {
  margin-left: calc(33.3333333333% + 0.625rem)
}
.small-offset-5 {
  margin-left: 41.6666666667%
}
.grid-margin-x > .small-offset-5 {
  margin-left: calc(41.6666666667% + 0.625rem)
}
.small-offset-6 {
  margin-left: 50%
}
.grid-margin-x > .small-offset-6 {
  margin-left: calc(50% + 0.625rem)
}
.small-offset-7 {
  margin-left: 58.3333333333%
}
.grid-margin-x > .small-offset-7 {
  margin-left: calc(58.3333333333% + 0.625rem)
}
.small-offset-8 {
  margin-left: 66.6666666667%
}
.grid-margin-x > .small-offset-8 {
  margin-left: calc(66.6666666667% + 0.625rem)
}
.small-offset-9 {
  margin-left: 75%
}
.grid-margin-x > .small-offset-9 {
  margin-left: calc(75% + 0.625rem)
}
.small-offset-10 {
  margin-left: 83.3333333333%
}
.grid-margin-x > .small-offset-10 {
  margin-left: calc(83.3333333333% + 0.625rem)
}
.small-offset-11 {
  margin-left: 91.6666666667%
}
.grid-margin-x > .small-offset-11 {
  margin-left: calc(91.6666666667% + 0.625rem)
}
@media print, screen and (min-width: 40em) {
  .medium-offset-0 {
    margin-left: 0%
  }
  .grid-margin-x > .medium-offset-0 {
    margin-left: calc(0% + 0.9375rem)
  }
  .medium-offset-1 {
    margin-left: 8.3333333333%
  }
  .grid-margin-x > .medium-offset-1 {
    margin-left: calc(8.3333333333% + 0.9375rem)
  }
  .medium-offset-2 {
    margin-left: 16.6666666667%
  }
  .grid-margin-x > .medium-offset-2 {
    margin-left: calc(16.6666666667% + 0.9375rem)
  }
  .medium-offset-3 {
    margin-left: 25%
  }
  .grid-margin-x > .medium-offset-3 {
    margin-left: calc(25% + 0.9375rem)
  }
  .medium-offset-4 {
    margin-left: 33.3333333333%
  }
  .grid-margin-x > .medium-offset-4 {
    margin-left: calc(33.3333333333% + 0.9375rem)
  }
  .medium-offset-5 {
    margin-left: 41.6666666667%
  }
  .grid-margin-x > .medium-offset-5 {
    margin-left: calc(41.6666666667% + 0.9375rem)
  }
  .medium-offset-6 {
    margin-left: 50%
  }
  .grid-margin-x > .medium-offset-6 {
    margin-left: calc(50% + 0.9375rem)
  }
  .medium-offset-7 {
    margin-left: 58.3333333333%
  }
  .grid-margin-x > .medium-offset-7 {
    margin-left: calc(58.3333333333% + 0.9375rem)
  }
  .medium-offset-8 {
    margin-left: 66.6666666667%
  }
  .grid-margin-x > .medium-offset-8 {
    margin-left: calc(66.6666666667% + 0.9375rem)
  }
  .medium-offset-9 {
    margin-left: 75%
  }
  .grid-margin-x > .medium-offset-9 {
    margin-left: calc(75% + 0.9375rem)
  }
  .medium-offset-10 {
    margin-left: 83.3333333333%
  }
  .grid-margin-x > .medium-offset-10 {
    margin-left: calc(83.3333333333% + 0.9375rem)
  }
  .medium-offset-11 {
    margin-left: 91.6666666667%
  }
  .grid-margin-x > .medium-offset-11 {
    margin-left: calc(91.6666666667% + 0.9375rem)
  }
}
@media print, screen and (min-width: 64em) {
  .large-offset-0 {
    margin-left: 0%
  }
  .grid-margin-x > .large-offset-0 {
    margin-left: calc(0% + 0.9375rem)
  }
  .large-offset-1 {
    margin-left: 8.3333333333%
  }
  .grid-margin-x > .large-offset-1 {
    margin-left: calc(8.3333333333% + 0.9375rem)
  }
  .large-offset-2 {
    margin-left: 16.6666666667%
  }
  .grid-margin-x > .large-offset-2 {
    margin-left: calc(16.6666666667% + 0.9375rem)
  }
  .large-offset-3 {
    margin-left: 25%
  }
  .grid-margin-x > .large-offset-3 {
    margin-left: calc(25% + 0.9375rem)
  }
  .large-offset-4 {
    margin-left: 33.3333333333%
  }
  .grid-margin-x > .large-offset-4 {
    margin-left: calc(33.3333333333% + 0.9375rem)
  }
  .large-offset-5 {
    margin-left: 41.6666666667%
  }
  .grid-margin-x > .large-offset-5 {
    margin-left: calc(41.6666666667% + 0.9375rem)
  }
  .large-offset-6 {
    margin-left: 50%
  }
  .grid-margin-x > .large-offset-6 {
    margin-left: calc(50% + 0.9375rem)
  }
  .large-offset-7 {
    margin-left: 58.3333333333%
  }
  .grid-margin-x > .large-offset-7 {
    margin-left: calc(58.3333333333% + 0.9375rem)
  }
  .large-offset-8 {
    margin-left: 66.6666666667%
  }
  .grid-margin-x > .large-offset-8 {
    margin-left: calc(66.6666666667% + 0.9375rem)
  }
  .large-offset-9 {
    margin-left: 75%
  }
  .grid-margin-x > .large-offset-9 {
    margin-left: calc(75% + 0.9375rem)
  }
  .large-offset-10 {
    margin-left: 83.3333333333%
  }
  .grid-margin-x > .large-offset-10 {
    margin-left: calc(83.3333333333% + 0.9375rem)
  }
  .large-offset-11 {
    margin-left: 91.6666666667%
  }
  .grid-margin-x > .large-offset-11 {
    margin-left: calc(91.6666666667% + 0.9375rem)
  }
}
.grid-y {
  display: flex;
  flex-flow: column nowrap
}
.grid-y > .cell {
  height: auto;
  max-height: none
}
.grid-y > .auto {
  height: auto
}
.grid-y > .shrink {
  height: auto
}
.grid-y > .small-shrink, .grid-y > .small-full, .grid-y > .small-1, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .grid-y > .small-9, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12 {
  flex-basis: auto
}
@media print, screen and (min-width: 40em) {
  .grid-y > .medium-shrink, .grid-y > .medium-full, .grid-y > .medium-1, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-10, .grid-y > .medium-11, .grid-y > .medium-12 {
    flex-basis: auto
  }
}
@media print, screen and (min-width: 64em) {
  .grid-y > .large-shrink, .grid-y > .large-full, .grid-y > .large-1, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12 {
    flex-basis: auto
  }
}
.grid-y > .small-1, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .grid-y > .small-9, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12 {
  flex: 0 0 auto
}
.grid-y > .small-1 {
  height: 8.3333333333%
}
.grid-y > .small-2 {
  height: 16.6666666667%
}
.grid-y > .small-3 {
  height: 25%
}
.grid-y > .small-4 {
  height: 33.3333333333%
}
.grid-y > .small-5 {
  height: 41.6666666667%
}
.grid-y > .small-6 {
  height: 50%
}
.grid-y > .small-7 {
  height: 58.3333333333%
}
.grid-y > .small-8 {
  height: 66.6666666667%
}
.grid-y > .small-9 {
  height: 75%
}
.grid-y > .small-10 {
  height: 83.3333333333%
}
.grid-y > .small-11 {
  height: 91.6666666667%
}
.grid-y > .small-12 {
  height: 100%
}
@media print, screen and (min-width: 40em) {
  .grid-y > .medium-auto {
    flex: 1 1 0px;
    height: auto
  }
  .grid-y > .medium-shrink, .grid-y > .medium-1, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-10, .grid-y > .medium-11, .grid-y > .medium-12 {
    flex: 0 0 auto
  }
  .grid-y > .medium-shrink {
    height: auto
  }
  .grid-y > .medium-1 {
    height: 8.3333333333%
  }
  .grid-y > .medium-2 {
    height: 16.6666666667%
  }
  .grid-y > .medium-3 {
    height: 25%
  }
  .grid-y > .medium-4 {
    height: 33.3333333333%
  }
  .grid-y > .medium-5 {
    height: 41.6666666667%
  }
  .grid-y > .medium-6 {
    height: 50%
  }
  .grid-y > .medium-7 {
    height: 58.3333333333%
  }
  .grid-y > .medium-8 {
    height: 66.6666666667%
  }
  .grid-y > .medium-9 {
    height: 75%
  }
  .grid-y > .medium-10 {
    height: 83.3333333333%
  }
  .grid-y > .medium-11 {
    height: 91.6666666667%
  }
  .grid-y > .medium-12 {
    height: 100%
  }
}
@media print, screen and (min-width: 64em) {
  .grid-y > .large-auto {
    flex: 1 1 0px;
    height: auto
  }
  .grid-y > .large-shrink, .grid-y > .large-1, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12 {
    flex: 0 0 auto
  }
  .grid-y > .large-shrink {
    height: auto
  }
  .grid-y > .large-1 {
    height: 8.3333333333%
  }
  .grid-y > .large-2 {
    height: 16.6666666667%
  }
  .grid-y > .large-3 {
    height: 25%
  }
  .grid-y > .large-4 {
    height: 33.3333333333%
  }
  .grid-y > .large-5 {
    height: 41.6666666667%
  }
  .grid-y > .large-6 {
    height: 50%
  }
  .grid-y > .large-7 {
    height: 58.3333333333%
  }
  .grid-y > .large-8 {
    height: 66.6666666667%
  }
  .grid-y > .large-9 {
    height: 75%
  }
  .grid-y > .large-10 {
    height: 83.3333333333%
  }
  .grid-y > .large-11 {
    height: 91.6666666667%
  }
  .grid-y > .large-12 {
    height: 100%
  }
}
.grid-padding-y .grid-padding-y {
  margin-top: -0.625rem;
  margin-bottom: -0.625rem
}
@media print, screen and (min-width: 40em) {
  .grid-padding-y .grid-padding-y {
    margin-top: -0.9375rem;
    margin-bottom: -0.9375rem
  }
}
.grid-padding-y > .cell {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem
}
@media print, screen and (min-width: 40em) {
  .grid-padding-y > .cell {
    padding-top: 0.9375rem;
    padding-bottom: 0.9375rem
  }
}
.grid-margin-y {
  margin-top: -0.625rem;
  margin-bottom: -0.625rem
}
@media print, screen and (min-width: 40em) {
  .grid-margin-y {
    margin-top: -0.9375rem;
    margin-bottom: -0.9375rem
  }
}
.grid-margin-y > .cell {
  height: calc(100% - 1.25rem);
  margin-top: 0.625rem;
  margin-bottom: 0.625rem
}
@media print, screen and (min-width: 40em) {
  .grid-margin-y > .cell {
    height: calc(100% - 1.875rem);
    margin-top: 0.9375rem;
    margin-bottom: 0.9375rem
  }
}
.grid-margin-y > .auto {
  height: auto
}
.grid-margin-y > .shrink {
  height: auto
}
.grid-margin-y > .small-1 {
  height: calc(8.3333333333% - 1.25rem)
}
.grid-margin-y > .small-2 {
  height: calc(16.6666666667% - 1.25rem)
}
.grid-margin-y > .small-3 {
  height: calc(25% - 1.25rem)
}
.grid-margin-y > .small-4 {
  height: calc(33.3333333333% - 1.25rem)
}
.grid-margin-y > .small-5 {
  height: calc(41.6666666667% - 1.25rem)
}
.grid-margin-y > .small-6 {
  height: calc(50% - 1.25rem)
}
.grid-margin-y > .small-7 {
  height: calc(58.3333333333% - 1.25rem)
}
.grid-margin-y > .small-8 {
  height: calc(66.6666666667% - 1.25rem)
}
.grid-margin-y > .small-9 {
  height: calc(75% - 1.25rem)
}
.grid-margin-y > .small-10 {
  height: calc(83.3333333333% - 1.25rem)
}
.grid-margin-y > .small-11 {
  height: calc(91.6666666667% - 1.25rem)
}
.grid-margin-y > .small-12 {
  height: calc(100% - 1.25rem)
}
@media print, screen and (min-width: 40em) {
  .grid-margin-y > .auto {
    height: auto
  }
  .grid-margin-y > .shrink {
    height: auto
  }
  .grid-margin-y > .small-1 {
    height: calc(8.3333333333% - 1.875rem)
  }
  .grid-margin-y > .small-2 {
    height: calc(16.6666666667% - 1.875rem)
  }
  .grid-margin-y > .small-3 {
    height: calc(25% - 1.875rem)
  }
  .grid-margin-y > .small-4 {
    height: calc(33.3333333333% - 1.875rem)
  }
  .grid-margin-y > .small-5 {
    height: calc(41.6666666667% - 1.875rem)
  }
  .grid-margin-y > .small-6 {
    height: calc(50% - 1.875rem)
  }
  .grid-margin-y > .small-7 {
    height: calc(58.3333333333% - 1.875rem)
  }
  .grid-margin-y > .small-8 {
    height: calc(66.6666666667% - 1.875rem)
  }
  .grid-margin-y > .small-9 {
    height: calc(75% - 1.875rem)
  }
  .grid-margin-y > .small-10 {
    height: calc(83.3333333333% - 1.875rem)
  }
  .grid-margin-y > .small-11 {
    height: calc(91.6666666667% - 1.875rem)
  }
  .grid-margin-y > .small-12 {
    height: calc(100% - 1.875rem)
  }
  .grid-margin-y > .medium-auto {
    height: auto
  }
  .grid-margin-y > .medium-shrink {
    height: auto
  }
  .grid-margin-y > .medium-1 {
    height: calc(8.3333333333% - 1.875rem)
  }
  .grid-margin-y > .medium-2 {
    height: calc(16.6666666667% - 1.875rem)
  }
  .grid-margin-y > .medium-3 {
    height: calc(25% - 1.875rem)
  }
  .grid-margin-y > .medium-4 {
    height: calc(33.3333333333% - 1.875rem)
  }
  .grid-margin-y > .medium-5 {
    height: calc(41.6666666667% - 1.875rem)
  }
  .grid-margin-y > .medium-6 {
    height: calc(50% - 1.875rem)
  }
  .grid-margin-y > .medium-7 {
    height: calc(58.3333333333% - 1.875rem)
  }
  .grid-margin-y > .medium-8 {
    height: calc(66.6666666667% - 1.875rem)
  }
  .grid-margin-y > .medium-9 {
    height: calc(75% - 1.875rem)
  }
  .grid-margin-y > .medium-10 {
    height: calc(83.3333333333% - 1.875rem)
  }
  .grid-margin-y > .medium-11 {
    height: calc(91.6666666667% - 1.875rem)
  }
  .grid-margin-y > .medium-12 {
    height: calc(100% - 1.875rem)
  }
}
@media print, screen and (min-width: 64em) {
  .grid-margin-y > .large-auto {
    height: auto
  }
  .grid-margin-y > .large-shrink {
    height: auto
  }
  .grid-margin-y > .large-1 {
    height: calc(8.3333333333% - 1.875rem)
  }
  .grid-margin-y > .large-2 {
    height: calc(16.6666666667% - 1.875rem)
  }
  .grid-margin-y > .large-3 {
    height: calc(25% - 1.875rem)
  }
  .grid-margin-y > .large-4 {
    height: calc(33.3333333333% - 1.875rem)
  }
  .grid-margin-y > .large-5 {
    height: calc(41.6666666667% - 1.875rem)
  }
  .grid-margin-y > .large-6 {
    height: calc(50% - 1.875rem)
  }
  .grid-margin-y > .large-7 {
    height: calc(58.3333333333% - 1.875rem)
  }
  .grid-margin-y > .large-8 {
    height: calc(66.6666666667% - 1.875rem)
  }
  .grid-margin-y > .large-9 {
    height: calc(75% - 1.875rem)
  }
  .grid-margin-y > .large-10 {
    height: calc(83.3333333333% - 1.875rem)
  }
  .grid-margin-y > .large-11 {
    height: calc(91.6666666667% - 1.875rem)
  }
  .grid-margin-y > .large-12 {
    height: calc(100% - 1.875rem)
  }
}
.grid-frame {
  overflow: hidden;
  position: relative;
  flex-wrap: nowrap;
  align-items: stretch;
  width: 100vw
}
.cell .grid-frame {
  width: 100%
}
.cell-block {
  overflow-x: auto;
  max-width: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar
}
.cell-block-y {
  overflow-y: auto;
  max-height: 100%;
  min-height: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar
}
.cell-block-container {
  display: flex;
  flex-direction: column;
  max-height: 100%
}
.cell-block-container > .grid-x {
  max-height: 100%;
  flex-wrap: nowrap
}
@media print, screen and (min-width: 40em) {
  .medium-grid-frame {
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 100vw
  }
  .cell .medium-grid-frame {
    width: 100%
  }
  .medium-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
  }
  .medium-cell-block-container {
    display: flex;
    flex-direction: column;
    max-height: 100%
  }
  .medium-cell-block-container > .grid-x {
    max-height: 100%;
    flex-wrap: nowrap
  }
  .medium-cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    min-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
  }
}
@media print, screen and (min-width: 64em) {
  .large-grid-frame {
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 100vw
  }
  .cell .large-grid-frame {
    width: 100%
  }
  .large-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
  }
  .large-cell-block-container {
    display: flex;
    flex-direction: column;
    max-height: 100%
  }
  .large-cell-block-container > .grid-x {
    max-height: 100%;
    flex-wrap: nowrap
  }
  .large-cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    min-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
  }
}
.grid-y.grid-frame {
  width: auto;
  overflow: hidden;
  position: relative;
  flex-wrap: nowrap;
  align-items: stretch;
  height: 100vh
}
@media print, screen and (min-width: 40em) {
  .grid-y.medium-grid-frame {
    width: auto;
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    height: 100vh
  }
}
@media print, screen and (min-width: 64em) {
  .grid-y.large-grid-frame {
    width: auto;
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    height: 100vh
  }
}
.cell .grid-y.grid-frame {
  height: 100%
}
@media print, screen and (min-width: 40em) {
  .cell .grid-y.medium-grid-frame {
    height: 100%
  }
}
@media print, screen and (min-width: 64em) {
  .cell .grid-y.large-grid-frame {
    height: 100%
  }
}
.grid-margin-y {
  margin-top: -0.625rem;
  margin-bottom: -0.625rem
}
@media print, screen and (min-width: 40em) {
  .grid-margin-y {
    margin-top: -0.9375rem;
    margin-bottom: -0.9375rem
  }
}
.grid-margin-y > .cell {
  height: calc(100% - 1.25rem);
  margin-top: 0.625rem;
  margin-bottom: 0.625rem
}
@media print, screen and (min-width: 40em) {
  .grid-margin-y > .cell {
    height: calc(100% - 1.875rem);
    margin-top: 0.9375rem;
    margin-bottom: 0.9375rem
  }
}
.grid-margin-y > .auto {
  height: auto
}
.grid-margin-y > .shrink {
  height: auto
}
.grid-margin-y > .small-1 {
  height: calc(8.3333333333% - 1.25rem)
}
.grid-margin-y > .small-2 {
  height: calc(16.6666666667% - 1.25rem)
}
.grid-margin-y > .small-3 {
  height: calc(25% - 1.25rem)
}
.grid-margin-y > .small-4 {
  height: calc(33.3333333333% - 1.25rem)
}
.grid-margin-y > .small-5 {
  height: calc(41.6666666667% - 1.25rem)
}
.grid-margin-y > .small-6 {
  height: calc(50% - 1.25rem)
}
.grid-margin-y > .small-7 {
  height: calc(58.3333333333% - 1.25rem)
}
.grid-margin-y > .small-8 {
  height: calc(66.6666666667% - 1.25rem)
}
.grid-margin-y > .small-9 {
  height: calc(75% - 1.25rem)
}
.grid-margin-y > .small-10 {
  height: calc(83.3333333333% - 1.25rem)
}
.grid-margin-y > .small-11 {
  height: calc(91.6666666667% - 1.25rem)
}
.grid-margin-y > .small-12 {
  height: calc(100% - 1.25rem)
}
@media print, screen and (min-width: 40em) {
  .grid-margin-y > .auto {
    height: auto
  }
  .grid-margin-y > .shrink {
    height: auto
  }
  .grid-margin-y > .small-1 {
    height: calc(8.3333333333% - 1.875rem)
  }
  .grid-margin-y > .small-2 {
    height: calc(16.6666666667% - 1.875rem)
  }
  .grid-margin-y > .small-3 {
    height: calc(25% - 1.875rem)
  }
  .grid-margin-y > .small-4 {
    height: calc(33.3333333333% - 1.875rem)
  }
  .grid-margin-y > .small-5 {
    height: calc(41.6666666667% - 1.875rem)
  }
  .grid-margin-y > .small-6 {
    height: calc(50% - 1.875rem)
  }
  .grid-margin-y > .small-7 {
    height: calc(58.3333333333% - 1.875rem)
  }
  .grid-margin-y > .small-8 {
    height: calc(66.6666666667% - 1.875rem)
  }
  .grid-margin-y > .small-9 {
    height: calc(75% - 1.875rem)
  }
  .grid-margin-y > .small-10 {
    height: calc(83.3333333333% - 1.875rem)
  }
  .grid-margin-y > .small-11 {
    height: calc(91.6666666667% - 1.875rem)
  }
  .grid-margin-y > .small-12 {
    height: calc(100% - 1.875rem)
  }
  .grid-margin-y > .medium-auto {
    height: auto
  }
  .grid-margin-y > .medium-shrink {
    height: auto
  }
  .grid-margin-y > .medium-1 {
    height: calc(8.3333333333% - 1.875rem)
  }
  .grid-margin-y > .medium-2 {
    height: calc(16.6666666667% - 1.875rem)
  }
  .grid-margin-y > .medium-3 {
    height: calc(25% - 1.875rem)
  }
  .grid-margin-y > .medium-4 {
    height: calc(33.3333333333% - 1.875rem)
  }
  .grid-margin-y > .medium-5 {
    height: calc(41.6666666667% - 1.875rem)
  }
  .grid-margin-y > .medium-6 {
    height: calc(50% - 1.875rem)
  }
  .grid-margin-y > .medium-7 {
    height: calc(58.3333333333% - 1.875rem)
  }
  .grid-margin-y > .medium-8 {
    height: calc(66.6666666667% - 1.875rem)
  }
  .grid-margin-y > .medium-9 {
    height: calc(75% - 1.875rem)
  }
  .grid-margin-y > .medium-10 {
    height: calc(83.3333333333% - 1.875rem)
  }
  .grid-margin-y > .medium-11 {
    height: calc(91.6666666667% - 1.875rem)
  }
  .grid-margin-y > .medium-12 {
    height: calc(100% - 1.875rem)
  }
}
@media print, screen and (min-width: 64em) {
  .grid-margin-y > .large-auto {
    height: auto
  }
  .grid-margin-y > .large-shrink {
    height: auto
  }
  .grid-margin-y > .large-1 {
    height: calc(8.3333333333% - 1.875rem)
  }
  .grid-margin-y > .large-2 {
    height: calc(16.6666666667% - 1.875rem)
  }
  .grid-margin-y > .large-3 {
    height: calc(25% - 1.875rem)
  }
  .grid-margin-y > .large-4 {
    height: calc(33.3333333333% - 1.875rem)
  }
  .grid-margin-y > .large-5 {
    height: calc(41.6666666667% - 1.875rem)
  }
  .grid-margin-y > .large-6 {
    height: calc(50% - 1.875rem)
  }
  .grid-margin-y > .large-7 {
    height: calc(58.3333333333% - 1.875rem)
  }
  .grid-margin-y > .large-8 {
    height: calc(66.6666666667% - 1.875rem)
  }
  .grid-margin-y > .large-9 {
    height: calc(75% - 1.875rem)
  }
  .grid-margin-y > .large-10 {
    height: calc(83.3333333333% - 1.875rem)
  }
  .grid-margin-y > .large-11 {
    height: calc(91.6666666667% - 1.875rem)
  }
  .grid-margin-y > .large-12 {
    height: calc(100% - 1.875rem)
  }
}
.grid-frame.grid-margin-y {
  height: calc(100vh + 1.25rem)
}
@media print, screen and (min-width: 40em) {
  .grid-frame.grid-margin-y {
    height: calc(100vh + 1.875rem)
  }
}
@media print, screen and (min-width: 64em) {
  .grid-frame.grid-margin-y {
    height: calc(100vh + 1.875rem)
  }
}
@media print, screen and (min-width: 40em) {
  .grid-margin-y.medium-grid-frame {
    height: calc(100vh + 1.875rem)
  }
}
@media print, screen and (min-width: 64em) {
  .grid-margin-y.large-grid-frame {
    height: calc(100vh + 1.875rem)
  }
}
.row {
  max-width: 75rem;
  margin-right: auto;
  margin-left: auto
}
.row::before, .row::after {
  display: table;
  content: ' ';
  flex-basis: 0;
  order: 1
}
.row::after {
  clear: both
}
.row.collapse > .column, .row.collapse > .columns {
  padding-right: 0;
  padding-left: 0
}
.row .row {
  margin-right: -0.625rem;
  margin-left: -0.625rem
}
@media print, screen and (min-width: 40em) {
  .row .row {
    margin-right: -0.9375rem;
    margin-left: -0.9375rem
  }
}
@media print, screen and (min-width: 64em) {
  .row .row {
    margin-right: -0.9375rem;
    margin-left: -0.9375rem
  }
}
.row .row.collapse {
  margin-right: 0;
  margin-left: 0
}
.row.expanded {
  max-width: none
}
.row.expanded .row {
  margin-right: auto;
  margin-left: auto
}
.row:not(.expanded) .row {
  max-width: none
}
.row.gutter-small > .column, .row.gutter-small > .columns {
  padding-right: 0.625rem;
  padding-left: 0.625rem
}
.row.gutter-medium > .column, .row.gutter-medium > .columns {
  padding-right: 0.9375rem;
  padding-left: 0.9375rem
}
.column, .columns {
  width: 100%;
  float: left;
  padding-right: 0.625rem;
  padding-left: 0.625rem
}
@media print, screen and (min-width: 40em) {
  .column, .columns {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem
  }
}
.column, .columns, .column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
  float: left;
  clear: none
}
.column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
  float: right
}
.column.end:last-child:last-child, .end.columns:last-child:last-child {
  float: left
}
.column.row.row, .row.row.columns {
  float: none
}
.row .column.row.row, .row .row.row.columns {
  margin-right: 0;
  margin-left: 0;
  padding-right: 0;
  padding-left: 0
}
.small-1 {
  width: 8.3333333333%
}
.small-push-1 {
  position: relative;
  left: 8.3333333333%
}
.small-pull-1 {
  position: relative;
  left: -8.3333333333%
}
.small-offset-0 {
  margin-left: 0%
}
.small-2 {
  width: 16.6666666667%
}
.small-push-2 {
  position: relative;
  left: 16.6666666667%
}
.small-pull-2 {
  position: relative;
  left: -16.6666666667%
}
.small-offset-1 {
  margin-left: 8.3333333333%
}
.small-3 {
  width: 25%
}
.small-push-3 {
  position: relative;
  left: 25%
}
.small-pull-3 {
  position: relative;
  left: -25%
}
.small-offset-2 {
  margin-left: 16.6666666667%
}
.small-4 {
  width: 33.3333333333%
}
.small-push-4 {
  position: relative;
  left: 33.3333333333%
}
.small-pull-4 {
  position: relative;
  left: -33.3333333333%
}
.small-offset-3 {
  margin-left: 25%
}
.small-5 {
  width: 41.6666666667%
}
.small-push-5 {
  position: relative;
  left: 41.6666666667%
}
.small-pull-5 {
  position: relative;
  left: -41.6666666667%
}
.small-offset-4 {
  margin-left: 33.3333333333%
}
.small-6 {
  width: 50%
}
.small-push-6 {
  position: relative;
  left: 50%
}
.small-pull-6 {
  position: relative;
  left: -50%
}
.small-offset-5 {
  margin-left: 41.6666666667%
}
.small-7 {
  width: 58.3333333333%
}
.small-push-7 {
  position: relative;
  left: 58.3333333333%
}
.small-pull-7 {
  position: relative;
  left: -58.3333333333%
}
.small-offset-6 {
  margin-left: 50%
}
.small-8 {
  width: 66.6666666667%
}
.small-push-8 {
  position: relative;
  left: 66.6666666667%
}
.small-pull-8 {
  position: relative;
  left: -66.6666666667%
}
.small-offset-7 {
  margin-left: 58.3333333333%
}
.small-9 {
  width: 75%
}
.small-push-9 {
  position: relative;
  left: 75%
}
.small-pull-9 {
  position: relative;
  left: -75%
}
.small-offset-8 {
  margin-left: 66.6666666667%
}
.small-10 {
  width: 83.3333333333%
}
.small-push-10 {
  position: relative;
  left: 83.3333333333%
}
.small-pull-10 {
  position: relative;
  left: -83.3333333333%
}
.small-offset-9 {
  margin-left: 75%
}
.small-11 {
  width: 91.6666666667%
}
.small-push-11 {
  position: relative;
  left: 91.6666666667%
}
.small-pull-11 {
  position: relative;
  left: -91.6666666667%
}
.small-offset-10 {
  margin-left: 83.3333333333%
}
.small-12 {
  width: 100%
}
.small-offset-11 {
  margin-left: 91.6666666667%
}
.small-up-1 > .column, .small-up-1 > .columns {
  float: left;
  width: 100%
}
.small-up-1 > .column:nth-of-type(1n), .small-up-1 > .columns:nth-of-type(1n) {
  clear: none
}
.small-up-1 > .column:nth-of-type(1n+1), .small-up-1 > .columns:nth-of-type(1n+1) {
  clear: both
}
.small-up-1 > .column:last-child, .small-up-1 > .columns:last-child {
  float: left
}
.small-up-2 > .column, .small-up-2 > .columns {
  float: left;
  width: 50%
}
.small-up-2 > .column:nth-of-type(1n), .small-up-2 > .columns:nth-of-type(1n) {
  clear: none
}
.small-up-2 > .column:nth-of-type(2n+1), .small-up-2 > .columns:nth-of-type(2n+1) {
  clear: both
}
.small-up-2 > .column:last-child, .small-up-2 > .columns:last-child {
  float: left
}
.small-up-3 > .column, .small-up-3 > .columns {
  float: left;
  width: 33.3333333333%
}
.small-up-3 > .column:nth-of-type(1n), .small-up-3 > .columns:nth-of-type(1n) {
  clear: none
}
.small-up-3 > .column:nth-of-type(3n+1), .small-up-3 > .columns:nth-of-type(3n+1) {
  clear: both
}
.small-up-3 > .column:last-child, .small-up-3 > .columns:last-child {
  float: left
}
.small-up-4 > .column, .small-up-4 > .columns {
  float: left;
  width: 25%
}
.small-up-4 > .column:nth-of-type(1n), .small-up-4 > .columns:nth-of-type(1n) {
  clear: none
}
.small-up-4 > .column:nth-of-type(4n+1), .small-up-4 > .columns:nth-of-type(4n+1) {
  clear: both
}
.small-up-4 > .column:last-child, .small-up-4 > .columns:last-child {
  float: left
}
.small-up-5 > .column, .small-up-5 > .columns {
  float: left;
  width: 20%
}
.small-up-5 > .column:nth-of-type(1n), .small-up-5 > .columns:nth-of-type(1n) {
  clear: none
}
.small-up-5 > .column:nth-of-type(5n+1), .small-up-5 > .columns:nth-of-type(5n+1) {
  clear: both
}
.small-up-5 > .column:last-child, .small-up-5 > .columns:last-child {
  float: left
}
.small-up-6 > .column, .small-up-6 > .columns {
  float: left;
  width: 16.6666666667%
}
.small-up-6 > .column:nth-of-type(1n), .small-up-6 > .columns:nth-of-type(1n) {
  clear: none
}
.small-up-6 > .column:nth-of-type(6n+1), .small-up-6 > .columns:nth-of-type(6n+1) {
  clear: both
}
.small-up-6 > .column:last-child, .small-up-6 > .columns:last-child {
  float: left
}
.small-up-7 > .column, .small-up-7 > .columns {
  float: left;
  width: 14.2857142857%
}
.small-up-7 > .column:nth-of-type(1n), .small-up-7 > .columns:nth-of-type(1n) {
  clear: none
}
.small-up-7 > .column:nth-of-type(7n+1), .small-up-7 > .columns:nth-of-type(7n+1) {
  clear: both
}
.small-up-7 > .column:last-child, .small-up-7 > .columns:last-child {
  float: left
}
.small-up-8 > .column, .small-up-8 > .columns {
  float: left;
  width: 12.5%
}
.small-up-8 > .column:nth-of-type(1n), .small-up-8 > .columns:nth-of-type(1n) {
  clear: none
}
.small-up-8 > .column:nth-of-type(8n+1), .small-up-8 > .columns:nth-of-type(8n+1) {
  clear: both
}
.small-up-8 > .column:last-child, .small-up-8 > .columns:last-child {
  float: left
}
.small-collapse > .column, .small-collapse > .columns {
  padding-right: 0;
  padding-left: 0
}
.small-collapse .row {
  margin-right: 0;
  margin-left: 0
}
.expanded.row .small-collapse.row {
  margin-right: 0;
  margin-left: 0
}
.small-uncollapse > .column, .small-uncollapse > .columns {
  padding-right: 0.625rem;
  padding-left: 0.625rem
}
.small-centered {
  margin-right: auto;
  margin-left: auto
}
.small-centered, .small-centered:last-child:not(:first-child) {
  float: none;
  clear: both
}
.small-uncentered, .small-push-0, .small-pull-0 {
  position: static;
  margin-right: 0;
  margin-left: 0
}
.small-uncentered, .small-uncentered:last-child:not(:first-child), .small-push-0, .small-push-0:last-child:not(:first-child), .small-pull-0, .small-pull-0:last-child:not(:first-child) {
  float: left;
  clear: none
}
.small-uncentered:last-child:not(:first-child), .small-push-0:last-child:not(:first-child), .small-pull-0:last-child:not(:first-child) {
  float: right
}
@media print, screen and (min-width: 40em) {
  .medium-1 {
    width: 8.3333333333%
  }
  .medium-push-1 {
    position: relative;
    left: 8.3333333333%
  }
  .medium-pull-1 {
    position: relative;
    left: -8.3333333333%
  }
  .medium-offset-0 {
    margin-left: 0%
  }
  .medium-2 {
    width: 16.6666666667%
  }
  .medium-push-2 {
    position: relative;
    left: 16.6666666667%
  }
  .medium-pull-2 {
    position: relative;
    left: -16.6666666667%
  }
  .medium-offset-1 {
    margin-left: 8.3333333333%
  }
  .medium-3 {
    width: 25%
  }
  .medium-push-3 {
    position: relative;
    left: 25%
  }
  .medium-pull-3 {
    position: relative;
    left: -25%
  }
  .medium-offset-2 {
    margin-left: 16.6666666667%
  }
  .medium-4 {
    width: 33.3333333333%
  }
  .medium-push-4 {
    position: relative;
    left: 33.3333333333%
  }
  .medium-pull-4 {
    position: relative;
    left: -33.3333333333%
  }
  .medium-offset-3 {
    margin-left: 25%
  }
  .medium-5 {
    width: 41.6666666667%
  }
  .medium-push-5 {
    position: relative;
    left: 41.6666666667%
  }
  .medium-pull-5 {
    position: relative;
    left: -41.6666666667%
  }
  .medium-offset-4 {
    margin-left: 33.3333333333%
  }
  .medium-6 {
    width: 50%
  }
  .medium-push-6 {
    position: relative;
    left: 50%
  }
  .medium-pull-6 {
    position: relative;
    left: -50%
  }
  .medium-offset-5 {
    margin-left: 41.6666666667%
  }
  .medium-7 {
    width: 58.3333333333%
  }
  .medium-push-7 {
    position: relative;
    left: 58.3333333333%
  }
  .medium-pull-7 {
    position: relative;
    left: -58.3333333333%
  }
  .medium-offset-6 {
    margin-left: 50%
  }
  .medium-8 {
    width: 66.6666666667%
  }
  .medium-push-8 {
    position: relative;
    left: 66.6666666667%
  }
  .medium-pull-8 {
    position: relative;
    left: -66.6666666667%
  }
  .medium-offset-7 {
    margin-left: 58.3333333333%
  }
  .medium-9 {
    width: 75%
  }
  .medium-push-9 {
    position: relative;
    left: 75%
  }
  .medium-pull-9 {
    position: relative;
    left: -75%
  }
  .medium-offset-8 {
    margin-left: 66.6666666667%
  }
  .medium-10 {
    width: 83.3333333333%
  }
  .medium-push-10 {
    position: relative;
    left: 83.3333333333%
  }
  .medium-pull-10 {
    position: relative;
    left: -83.3333333333%
  }
  .medium-offset-9 {
    margin-left: 75%
  }
  .medium-11 {
    width: 91.6666666667%
  }
  .medium-push-11 {
    position: relative;
    left: 91.6666666667%
  }
  .medium-pull-11 {
    position: relative;
    left: -91.6666666667%
  }
  .medium-offset-10 {
    margin-left: 83.3333333333%
  }
  .medium-12 {
    width: 100%
  }
  .medium-offset-11 {
    margin-left: 91.6666666667%
  }
  .medium-up-1 > .column, .medium-up-1 > .columns {
    float: left;
    width: 100%
  }
  .medium-up-1 > .column:nth-of-type(1n), .medium-up-1 > .columns:nth-of-type(1n) {
    clear: none
  }
  .medium-up-1 > .column:nth-of-type(1n+1), .medium-up-1 > .columns:nth-of-type(1n+1) {
    clear: both
  }
  .medium-up-1 > .column:last-child, .medium-up-1 > .columns:last-child {
    float: left
  }
  .medium-up-2 > .column, .medium-up-2 > .columns {
    float: left;
    width: 50%
  }
  .medium-up-2 > .column:nth-of-type(1n), .medium-up-2 > .columns:nth-of-type(1n) {
    clear: none
  }
  .medium-up-2 > .column:nth-of-type(2n+1), .medium-up-2 > .columns:nth-of-type(2n+1) {
    clear: both
  }
  .medium-up-2 > .column:last-child, .medium-up-2 > .columns:last-child {
    float: left
  }
  .medium-up-3 > .column, .medium-up-3 > .columns {
    float: left;
    width: 33.3333333333%
  }
  .medium-up-3 > .column:nth-of-type(1n), .medium-up-3 > .columns:nth-of-type(1n) {
    clear: none
  }
  .medium-up-3 > .column:nth-of-type(3n+1), .medium-up-3 > .columns:nth-of-type(3n+1) {
    clear: both
  }
  .medium-up-3 > .column:last-child, .medium-up-3 > .columns:last-child {
    float: left
  }
  .medium-up-4 > .column, .medium-up-4 > .columns {
    float: left;
    width: 25%
  }
  .medium-up-4 > .column:nth-of-type(1n), .medium-up-4 > .columns:nth-of-type(1n) {
    clear: none
  }
  .medium-up-4 > .column:nth-of-type(4n+1), .medium-up-4 > .columns:nth-of-type(4n+1) {
    clear: both
  }
  .medium-up-4 > .column:last-child, .medium-up-4 > .columns:last-child {
    float: left
  }
  .medium-up-5 > .column, .medium-up-5 > .columns {
    float: left;
    width: 20%
  }
  .medium-up-5 > .column:nth-of-type(1n), .medium-up-5 > .columns:nth-of-type(1n) {
    clear: none
  }
  .medium-up-5 > .column:nth-of-type(5n+1), .medium-up-5 > .columns:nth-of-type(5n+1) {
    clear: both
  }
  .medium-up-5 > .column:last-child, .medium-up-5 > .columns:last-child {
    float: left
  }
  .medium-up-6 > .column, .medium-up-6 > .columns {
    float: left;
    width: 16.6666666667%
  }
  .medium-up-6 > .column:nth-of-type(1n), .medium-up-6 > .columns:nth-of-type(1n) {
    clear: none
  }
  .medium-up-6 > .column:nth-of-type(6n+1), .medium-up-6 > .columns:nth-of-type(6n+1) {
    clear: both
  }
  .medium-up-6 > .column:last-child, .medium-up-6 > .columns:last-child {
    float: left
  }
  .medium-up-7 > .column, .medium-up-7 > .columns {
    float: left;
    width: 14.2857142857%
  }
  .medium-up-7 > .column:nth-of-type(1n), .medium-up-7 > .columns:nth-of-type(1n) {
    clear: none
  }
  .medium-up-7 > .column:nth-of-type(7n+1), .medium-up-7 > .columns:nth-of-type(7n+1) {
    clear: both
  }
  .medium-up-7 > .column:last-child, .medium-up-7 > .columns:last-child {
    float: left
  }
  .medium-up-8 > .column, .medium-up-8 > .columns {
    float: left;
    width: 12.5%
  }
  .medium-up-8 > .column:nth-of-type(1n), .medium-up-8 > .columns:nth-of-type(1n) {
    clear: none
  }
  .medium-up-8 > .column:nth-of-type(8n+1), .medium-up-8 > .columns:nth-of-type(8n+1) {
    clear: both
  }
  .medium-up-8 > .column:last-child, .medium-up-8 > .columns:last-child {
    float: left
  }
  .medium-collapse > .column, .medium-collapse > .columns {
    padding-right: 0;
    padding-left: 0
  }
  .medium-collapse .row {
    margin-right: 0;
    margin-left: 0
  }
  .expanded.row .medium-collapse.row {
    margin-right: 0;
    margin-left: 0
  }
  .medium-uncollapse > .column, .medium-uncollapse > .columns {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem
  }
  .medium-centered {
    margin-right: auto;
    margin-left: auto
  }
  .medium-centered, .medium-centered:last-child:not(:first-child) {
    float: none;
    clear: both
  }
  .medium-uncentered, .medium-push-0, .medium-pull-0 {
    position: static;
    margin-right: 0;
    margin-left: 0
  }
  .medium-uncentered, .medium-uncentered:last-child:not(:first-child), .medium-push-0, .medium-push-0:last-child:not(:first-child), .medium-pull-0, .medium-pull-0:last-child:not(:first-child) {
    float: left;
    clear: none
  }
  .medium-uncentered:last-child:not(:first-child), .medium-push-0:last-child:not(:first-child), .medium-pull-0:last-child:not(:first-child) {
    float: right
  }
}
@media print, screen and (min-width: 64em) {
  .large-1 {
    width: 8.3333333333%
  }
  .large-push-1 {
    position: relative;
    left: 8.3333333333%
  }
  .large-pull-1 {
    position: relative;
    left: -8.3333333333%
  }
  .large-offset-0 {
    margin-left: 0%
  }
  .large-2 {
    width: 16.6666666667%
  }
  .large-push-2 {
    position: relative;
    left: 16.6666666667%
  }
  .large-pull-2 {
    position: relative;
    left: -16.6666666667%
  }
  .large-offset-1 {
    margin-left: 8.3333333333%
  }
  .large-3 {
    width: 25%
  }
  .large-push-3 {
    position: relative;
    left: 25%
  }
  .large-pull-3 {
    position: relative;
    left: -25%
  }
  .large-offset-2 {
    margin-left: 16.6666666667%
  }
  .large-4 {
    width: 33.3333333333%
  }
  .large-push-4 {
    position: relative;
    left: 33.3333333333%
  }
  .large-pull-4 {
    position: relative;
    left: -33.3333333333%
  }
  .large-offset-3 {
    margin-left: 25%
  }
  .large-5 {
    width: 41.6666666667%
  }
  .large-push-5 {
    position: relative;
    left: 41.6666666667%
  }
  .large-pull-5 {
    position: relative;
    left: -41.6666666667%
  }
  .large-offset-4 {
    margin-left: 33.3333333333%
  }
  .large-6 {
    width: 50%
  }
  .large-push-6 {
    position: relative;
    left: 50%
  }
  .large-pull-6 {
    position: relative;
    left: -50%
  }
  .large-offset-5 {
    margin-left: 41.6666666667%
  }
  .large-7 {
    width: 58.3333333333%
  }
  .large-push-7 {
    position: relative;
    left: 58.3333333333%
  }
  .large-pull-7 {
    position: relative;
    left: -58.3333333333%
  }
  .large-offset-6 {
    margin-left: 50%
  }
  .large-8 {
    width: 66.6666666667%
  }
  .large-push-8 {
    position: relative;
    left: 66.6666666667%
  }
  .large-pull-8 {
    position: relative;
    left: -66.6666666667%
  }
  .large-offset-7 {
    margin-left: 58.3333333333%
  }
  .large-9 {
    width: 75%
  }
  .large-push-9 {
    position: relative;
    left: 75%
  }
  .large-pull-9 {
    position: relative;
    left: -75%
  }
  .large-offset-8 {
    margin-left: 66.6666666667%
  }
  .large-10 {
    width: 83.3333333333%
  }
  .large-push-10 {
    position: relative;
    left: 83.3333333333%
  }
  .large-pull-10 {
    position: relative;
    left: -83.3333333333%
  }
  .large-offset-9 {
    margin-left: 75%
  }
  .large-11 {
    width: 91.6666666667%
  }
  .large-push-11 {
    position: relative;
    left: 91.6666666667%
  }
  .large-pull-11 {
    position: relative;
    left: -91.6666666667%
  }
  .large-offset-10 {
    margin-left: 83.3333333333%
  }
  .large-12 {
    width: 100%
  }
  .large-offset-11 {
    margin-left: 91.6666666667%
  }
  .large-up-1 > .column, .large-up-1 > .columns {
    float: left;
    width: 100%
  }
  .large-up-1 > .column:nth-of-type(1n), .large-up-1 > .columns:nth-of-type(1n) {
    clear: none
  }
  .large-up-1 > .column:nth-of-type(1n+1), .large-up-1 > .columns:nth-of-type(1n+1) {
    clear: both
  }
  .large-up-1 > .column:last-child, .large-up-1 > .columns:last-child {
    float: left
  }
  .large-up-2 > .column, .large-up-2 > .columns {
    float: left;
    width: 50%
  }
  .large-up-2 > .column:nth-of-type(1n), .large-up-2 > .columns:nth-of-type(1n) {
    clear: none
  }
  .large-up-2 > .column:nth-of-type(2n+1), .large-up-2 > .columns:nth-of-type(2n+1) {
    clear: both
  }
  .large-up-2 > .column:last-child, .large-up-2 > .columns:last-child {
    float: left
  }
  .large-up-3 > .column, .large-up-3 > .columns {
    float: left;
    width: 33.3333333333%
  }
  .large-up-3 > .column:nth-of-type(1n), .large-up-3 > .columns:nth-of-type(1n) {
    clear: none
  }
  .large-up-3 > .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type(3n+1) {
    clear: both
  }
  .large-up-3 > .column:last-child, .large-up-3 > .columns:last-child {
    float: left
  }
  .large-up-4 > .column, .large-up-4 > .columns {
    float: left;
    width: 25%
  }
  .large-up-4 > .column:nth-of-type(1n), .large-up-4 > .columns:nth-of-type(1n) {
    clear: none
  }
  .large-up-4 > .column:nth-of-type(4n+1), .large-up-4 > .columns:nth-of-type(4n+1) {
    clear: both
  }
  .large-up-4 > .column:last-child, .large-up-4 > .columns:last-child {
    float: left
  }
  .large-up-5 > .column, .large-up-5 > .columns {
    float: left;
    width: 20%
  }
  .large-up-5 > .column:nth-of-type(1n), .large-up-5 > .columns:nth-of-type(1n) {
    clear: none
  }
  .large-up-5 > .column:nth-of-type(5n+1), .large-up-5 > .columns:nth-of-type(5n+1) {
    clear: both
  }
  .large-up-5 > .column:last-child, .large-up-5 > .columns:last-child {
    float: left
  }
  .large-up-6 > .column, .large-up-6 > .columns {
    float: left;
    width: 16.6666666667%
  }
  .large-up-6 > .column:nth-of-type(1n), .large-up-6 > .columns:nth-of-type(1n) {
    clear: none
  }
  .large-up-6 > .column:nth-of-type(6n+1), .large-up-6 > .columns:nth-of-type(6n+1) {
    clear: both
  }
  .large-up-6 > .column:last-child, .large-up-6 > .columns:last-child {
    float: left
  }
  .large-up-7 > .column, .large-up-7 > .columns {
    float: left;
    width: 14.2857142857%
  }
  .large-up-7 > .column:nth-of-type(1n), .large-up-7 > .columns:nth-of-type(1n) {
    clear: none
  }
  .large-up-7 > .column:nth-of-type(7n+1), .large-up-7 > .columns:nth-of-type(7n+1) {
    clear: both
  }
  .large-up-7 > .column:last-child, .large-up-7 > .columns:last-child {
    float: left
  }
  .large-up-8 > .column, .large-up-8 > .columns {
    float: left;
    width: 12.5%
  }
  .large-up-8 > .column:nth-of-type(1n), .large-up-8 > .columns:nth-of-type(1n) {
    clear: none
  }
  .large-up-8 > .column:nth-of-type(8n+1), .large-up-8 > .columns:nth-of-type(8n+1) {
    clear: both
  }
  .large-up-8 > .column:last-child, .large-up-8 > .columns:last-child {
    float: left
  }
  .large-collapse > .column, .large-collapse > .columns {
    padding-right: 0;
    padding-left: 0
  }
  .large-collapse .row {
    margin-right: 0;
    margin-left: 0
  }
  .expanded.row .large-collapse.row {
    margin-right: 0;
    margin-left: 0
  }
  .large-uncollapse > .column, .large-uncollapse > .columns {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem
  }
  .large-centered {
    margin-right: auto;
    margin-left: auto
  }
  .large-centered, .large-centered:last-child:not(:first-child) {
    float: none;
    clear: both
  }
  .large-uncentered, .large-push-0, .large-pull-0 {
    position: static;
    margin-right: 0;
    margin-left: 0
  }
  .large-uncentered, .large-uncentered:last-child:not(:first-child), .large-push-0, .large-push-0:last-child:not(:first-child), .large-pull-0, .large-pull-0:last-child:not(:first-child) {
    float: left;
    clear: none
  }
  .large-uncentered:last-child:not(:first-child), .large-push-0:last-child:not(:first-child), .large-pull-0:last-child:not(:first-child) {
    float: right
  }
}
.column-block {
  margin-bottom: 1.25rem
}
.column-block > :last-child {
  margin-bottom: 0
}
@media print, screen and (min-width: 40em) {
  .column-block {
    margin-bottom: 1.875rem
  }
  .column-block > :last-child {
    margin-bottom: 0
  }
}
.row {
  max-width: 75rem;
  margin-right: auto;
  margin-left: auto;
  display: flex;
  flex-flow: row wrap
}
.row .row {
  margin-right: -0.625rem;
  margin-left: -0.625rem
}
@media print, screen and (min-width: 40em) {
  .row .row {
    margin-right: -0.9375rem;
    margin-left: -0.9375rem
  }
}
@media print, screen and (min-width: 64em) {
  .row .row {
    margin-right: -0.9375rem;
    margin-left: -0.9375rem
  }
}
.row .row.collapse {
  margin-right: 0;
  margin-left: 0
}
.row.expanded {
  max-width: none
}
.row.expanded .row {
  margin-right: auto;
  margin-left: auto
}
.row:not(.expanded) .row {
  max-width: none
}
.row.collapse > .column, .row.collapse > .columns {
  padding-right: 0;
  padding-left: 0
}
.row.is-collapse-child, .row.collapse > .column > .row, .row.collapse > .columns > .row {
  margin-right: 0;
  margin-left: 0
}
.column, .columns {
  flex: 1 1 0px;
  padding-right: 0.625rem;
  padding-left: 0.625rem;
  min-width: 0
}
@media print, screen and (min-width: 40em) {
  .column, .columns {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem
  }
}
.column.row.row, .row.row.columns {
  float: none;
  display: block
}
.row .column.row.row, .row .row.row.columns {
  margin-right: 0;
  margin-left: 0;
  padding-right: 0;
  padding-left: 0
}
.small-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%
}
.small-offset-0 {
  margin-left: 0%
}
.small-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%
}
.small-offset-1 {
  margin-left: 8.3333333333%
}
.small-3 {
  flex: 0 0 25%;
  max-width: 25%
}
.small-offset-2 {
  margin-left: 16.6666666667%
}
.small-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%
}
.small-offset-3 {
  margin-left: 25%
}
.small-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%
}
.small-offset-4 {
  margin-left: 33.3333333333%
}
.small-6 {
  flex: 0 0 50%;
  max-width: 50%
}
.small-offset-5 {
  margin-left: 41.6666666667%
}
.small-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%
}
.small-offset-6 {
  margin-left: 50%
}
.small-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%
}
.small-offset-7 {
  margin-left: 58.3333333333%
}
.small-9 {
  flex: 0 0 75%;
  max-width: 75%
}
.small-offset-8 {
  margin-left: 66.6666666667%
}
.small-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%
}
.small-offset-9 {
  margin-left: 75%
}
.small-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%
}
.small-offset-10 {
  margin-left: 83.3333333333%
}
.small-12 {
  flex: 0 0 100%;
  max-width: 100%
}
.small-offset-11 {
  margin-left: 91.6666666667%
}
.small-up-1 {
  flex-wrap: wrap
}
.small-up-1 > .column, .small-up-1 > .columns {
  flex: 0 0 100%;
  max-width: 100%
}
.small-up-2 {
  flex-wrap: wrap
}
.small-up-2 > .column, .small-up-2 > .columns {
  flex: 0 0 50%;
  max-width: 50%
}
.small-up-3 {
  flex-wrap: wrap
}
.small-up-3 > .column, .small-up-3 > .columns {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%
}
.small-up-4 {
  flex-wrap: wrap
}
.small-up-4 > .column, .small-up-4 > .columns {
  flex: 0 0 25%;
  max-width: 25%
}
.small-up-5 {
  flex-wrap: wrap
}
.small-up-5 > .column, .small-up-5 > .columns {
  flex: 0 0 20%;
  max-width: 20%
}
.small-up-6 {
  flex-wrap: wrap
}
.small-up-6 > .column, .small-up-6 > .columns {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%
}
.small-up-7 {
  flex-wrap: wrap
}
.small-up-7 > .column, .small-up-7 > .columns {
  flex: 0 0 14.2857142857%;
  max-width: 14.2857142857%
}
.small-up-8 {
  flex-wrap: wrap
}
.small-up-8 > .column, .small-up-8 > .columns {
  flex: 0 0 12.5%;
  max-width: 12.5%
}
.small-collapse > .column, .small-collapse > .columns {
  padding-right: 0;
  padding-left: 0
}
.small-uncollapse > .column, .small-uncollapse > .columns {
  padding-right: 0.625rem;
  padding-left: 0.625rem
}
@media print, screen and (min-width: 40em) {
  .medium-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
  }
  .medium-offset-0 {
    margin-left: 0%
  }
  .medium-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
  }
  .medium-offset-1 {
    margin-left: 8.3333333333%
  }
  .medium-3 {
    flex: 0 0 25%;
    max-width: 25%
  }
  .medium-offset-2 {
    margin-left: 16.6666666667%
  }
  .medium-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
  }
  .medium-offset-3 {
    margin-left: 25%
  }
  .medium-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
  }
  .medium-offset-4 {
    margin-left: 33.3333333333%
  }
  .medium-6 {
    flex: 0 0 50%;
    max-width: 50%
  }
  .medium-offset-5 {
    margin-left: 41.6666666667%
  }
  .medium-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
  }
  .medium-offset-6 {
    margin-left: 50%
  }
  .medium-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
  }
  .medium-offset-7 {
    margin-left: 58.3333333333%
  }
  .medium-9 {
    flex: 0 0 75%;
    max-width: 75%
  }
  .medium-offset-8 {
    margin-left: 66.6666666667%
  }
  .medium-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
  }
  .medium-offset-9 {
    margin-left: 75%
  }
  .medium-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
  }
  .medium-offset-10 {
    margin-left: 83.3333333333%
  }
  .medium-12 {
    flex: 0 0 100%;
    max-width: 100%
  }
  .medium-offset-11 {
    margin-left: 91.6666666667%
  }
  .medium-up-1 {
    flex-wrap: wrap
  }
  .medium-up-1 > .column, .medium-up-1 > .columns {
    flex: 0 0 100%;
    max-width: 100%
  }
  .medium-up-2 {
    flex-wrap: wrap
  }
  .medium-up-2 > .column, .medium-up-2 > .columns {
    flex: 0 0 50%;
    max-width: 50%
  }
  .medium-up-3 {
    flex-wrap: wrap
  }
  .medium-up-3 > .column, .medium-up-3 > .columns {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
  }
  .medium-up-4 {
    flex-wrap: wrap
  }
  .medium-up-4 > .column, .medium-up-4 > .columns {
    flex: 0 0 25%;
    max-width: 25%
  }
  .medium-up-5 {
    flex-wrap: wrap
  }
  .medium-up-5 > .column, .medium-up-5 > .columns {
    flex: 0 0 20%;
    max-width: 20%
  }
  .medium-up-6 {
    flex-wrap: wrap
  }
  .medium-up-6 > .column, .medium-up-6 > .columns {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
  }
  .medium-up-7 {
    flex-wrap: wrap
  }
  .medium-up-7 > .column, .medium-up-7 > .columns {
    flex: 0 0 14.2857142857%;
    max-width: 14.2857142857%
  }
  .medium-up-8 {
    flex-wrap: wrap
  }
  .medium-up-8 > .column, .medium-up-8 > .columns {
    flex: 0 0 12.5%;
    max-width: 12.5%
  }
}
@media print, screen and (min-width: 40em) and (min-width: 40em) {
  .medium-expand {
    flex: 1 1 0px
  }
}
.row.medium-unstack > .column, .row.medium-unstack > .columns {
  flex: 0 0 100%
}
@media print, screen and (min-width: 40em) {
  .row.medium-unstack > .column, .row.medium-unstack > .columns {
    flex: 1 1 0px
  }
}
@media print, screen and (min-width: 40em) {
  .medium-collapse > .column, .medium-collapse > .columns {
    padding-right: 0;
    padding-left: 0
  }
  .medium-uncollapse > .column, .medium-uncollapse > .columns {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem
  }
}
@media print, screen and (min-width: 64em) {
  .large-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
  }
  .large-offset-0 {
    margin-left: 0%
  }
  .large-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
  }
  .large-offset-1 {
    margin-left: 8.3333333333%
  }
  .large-3 {
    flex: 0 0 25%;
    max-width: 25%
  }
  .large-offset-2 {
    margin-left: 16.6666666667%
  }
  .large-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
  }
  .large-offset-3 {
    margin-left: 25%
  }
  .large-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
  }
  .large-offset-4 {
    margin-left: 33.3333333333%
  }
  .large-6 {
    flex: 0 0 50%;
    max-width: 50%
  }
  .large-offset-5 {
    margin-left: 41.6666666667%
  }
  .large-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
  }
  .large-offset-6 {
    margin-left: 50%
  }
  .large-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
  }
  .large-offset-7 {
    margin-left: 58.3333333333%
  }
  .large-9 {
    flex: 0 0 75%;
    max-width: 75%
  }
  .large-offset-8 {
    margin-left: 66.6666666667%
  }
  .large-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
  }
  .large-offset-9 {
    margin-left: 75%
  }
  .large-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
  }
  .large-offset-10 {
    margin-left: 83.3333333333%
  }
  .large-12 {
    flex: 0 0 100%;
    max-width: 100%
  }
  .large-offset-11 {
    margin-left: 91.6666666667%
  }
  .large-up-1 {
    flex-wrap: wrap
  }
  .large-up-1 > .column, .large-up-1 > .columns {
    flex: 0 0 100%;
    max-width: 100%
  }
  .large-up-2 {
    flex-wrap: wrap
  }
  .large-up-2 > .column, .large-up-2 > .columns {
    flex: 0 0 50%;
    max-width: 50%
  }
  .large-up-3 {
    flex-wrap: wrap
  }
  .large-up-3 > .column, .large-up-3 > .columns {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
  }
  .large-up-4 {
    flex-wrap: wrap
  }
  .large-up-4 > .column, .large-up-4 > .columns {
    flex: 0 0 25%;
    max-width: 25%
  }
  .large-up-5 {
    flex-wrap: wrap
  }
  .large-up-5 > .column, .large-up-5 > .columns {
    flex: 0 0 20%;
    max-width: 20%
  }
  .large-up-6 {
    flex-wrap: wrap
  }
  .large-up-6 > .column, .large-up-6 > .columns {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
  }
  .large-up-7 {
    flex-wrap: wrap
  }
  .large-up-7 > .column, .large-up-7 > .columns {
    flex: 0 0 14.2857142857%;
    max-width: 14.2857142857%
  }
  .large-up-8 {
    flex-wrap: wrap
  }
  .large-up-8 > .column, .large-up-8 > .columns {
    flex: 0 0 12.5%;
    max-width: 12.5%
  }
}
@media print, screen and (min-width: 64em) and (min-width: 64em) {
  .large-expand {
    flex: 1 1 0px
  }
}
.row.large-unstack > .column, .row.large-unstack > .columns {
  flex: 0 0 100%
}
@media print, screen and (min-width: 64em) {
  .row.large-unstack > .column, .row.large-unstack > .columns {
    flex: 1 1 0px
  }
}
@media print, screen and (min-width: 64em) {
  .large-collapse > .column, .large-collapse > .columns {
    padding-right: 0;
    padding-left: 0
  }
  .large-uncollapse > .column, .large-uncollapse > .columns {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem
  }
}
.shrink {
  flex: 0 0 auto;
  max-width: 100%
}
.column-block {
  margin-bottom: 1.25rem
}
.column-block > :last-child {
  margin-bottom: 0
}
@media print, screen and (min-width: 40em) {
  .column-block {
    margin-bottom: 1.875rem
  }
  .column-block > :last-child {
    margin-bottom: 0
  }
}
.align-left {
  justify-content: flex-start
}
.align-right {
  justify-content: flex-end
}
.align-center {
  justify-content: center
}
.align-justify {
  justify-content: space-between
}
.align-spaced {
  justify-content: space-around
}
.align-left.vertical.menu > li > a {
  justify-content: flex-start
}
.align-right.vertical.menu > li > a {
  justify-content: flex-end
}
.align-center.vertical.menu > li > a {
  justify-content: center
}
.align-top {
  align-items: flex-start
}
.align-self-top {
  align-self: flex-start
}
.align-bottom {
  align-items: flex-end
}
.align-self-bottom {
  align-self: flex-end
}
.align-middle {
  align-items: center
}
.align-self-middle {
  align-self: center
}
.align-stretch {
  align-items: stretch
}
.align-self-stretch {
  align-self: stretch
}
.align-center-middle {
  justify-content: center;
  align-items: center;
  align-content: center
}
.small-order-1 {
  order: 1
}
.small-order-2 {
  order: 2
}
.small-order-3 {
  order: 3
}
.small-order-4 {
  order: 4
}
.small-order-5 {
  order: 5
}
.small-order-6 {
  order: 6
}
@media print, screen and (min-width: 40em) {
  .medium-order-1 {
    order: 1
  }
  .medium-order-2 {
    order: 2
  }
  .medium-order-3 {
    order: 3
  }
  .medium-order-4 {
    order: 4
  }
  .medium-order-5 {
    order: 5
  }
  .medium-order-6 {
    order: 6
  }
}
@media print, screen and (min-width: 64em) {
  .large-order-1 {
    order: 1
  }
  .large-order-2 {
    order: 2
  }
  .large-order-3 {
    order: 3
  }
  .large-order-4 {
    order: 4
  }
  .large-order-5 {
    order: 5
  }
  .large-order-6 {
    order: 6
  }
}
.flex-container {
  display: flex
}
.flex-child-auto {
  flex: 1 1 auto
}
.flex-child-grow {
  flex: 1 0 auto
}
.flex-child-shrink {
  flex: 0 1 auto
}
.flex-dir-row {
  flex-direction: row
}
.flex-dir-row-reverse {
  flex-direction: row-reverse
}
.flex-dir-column {
  flex-direction: column
}
.flex-dir-column-reverse {
  flex-direction: column-reverse
}
@media print, screen and (min-width: 40em) {
  .medium-flex-container {
    display: flex
  }
  .medium-flex-child-auto {
    flex: 1 1 auto
  }
  .medium-flex-child-grow {
    flex: 1 0 auto
  }
  .medium-flex-child-shrink {
    flex: 0 1 auto
  }
  .medium-flex-dir-row {
    flex-direction: row
  }
  .medium-flex-dir-row-reverse {
    flex-direction: row-reverse
  }
  .medium-flex-dir-column {
    flex-direction: column
  }
  .medium-flex-dir-column-reverse {
    flex-direction: column-reverse
  }
}
@media print, screen and (min-width: 64em) {
  .large-flex-container {
    display: flex
  }
  .large-flex-child-auto {
    flex: 1 1 auto
  }
  .large-flex-child-grow {
    flex: 1 0 auto
  }
  .large-flex-child-shrink {
    flex: 0 1 auto
  }
  .large-flex-dir-row {
    flex-direction: row
  }
  .large-flex-dir-row-reverse {
    flex-direction: row-reverse
  }
  .large-flex-dir-column {
    flex-direction: column
  }
  .large-flex-dir-column-reverse {
    flex-direction: column-reverse
  }
}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td {
  margin: 0;
  padding: 0
}
p {
  margin-bottom: 1rem;
  font-size: inherit;
  line-height: 1.6;
  text-rendering: optimizeLegibility
}
em, i {
  font-style: italic;
  line-height: inherit
}
strong, b {
  font-weight: bold;
  line-height: inherit
}
small {
  font-size: 80%;
  line-height: inherit
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  color: inherit;
  text-rendering: optimizeLegibility
}
h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small {
  line-height: 0;
  color: #cacaca
}
h1, .h1 {
  font-size: 1.5rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem
}
h2, .h2 {
  font-size: 1.25rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem
}
h3, .h3 {
  font-size: 1.1875rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem
}
h4, .h4 {
  font-size: 1.125rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem
}
h5, .h5 {
  font-size: 1.0625rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem
}
h6, .h6 {
  font-size: 1rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem
}
@media print, screen and (min-width: 40em) {
  h1, .h1 {
    font-size: 3rem
  }
  h2, .h2 {
    font-size: 2.5rem
  }
  h3, .h3 {
    font-size: 1.9375rem
  }
  h4, .h4 {
    font-size: 1.5625rem
  }
  h5, .h5 {
    font-size: 1.25rem
  }
  h6, .h6 {
    font-size: 1rem
  }
}
a {
  line-height: inherit;
  color: #1779ba;
  text-decoration: none;
  cursor: pointer
}
a:hover, a:focus {
  color: #1468a0
}
a img {
  border: 0
}
hr {
  clear: both;
  max-width: 75rem;
  height: 0;
  margin: 1.25rem auto;
  border-top: 0;
  border-right: 0;
  border-bottom: 1px solid #cacaca;
  border-left: 0
}
ul, ol, dl {
  margin-bottom: 1rem;
  list-style-position: outside;
  line-height: 1.6
}
li {
  font-size: inherit
}
ul {
  margin-left: 1.25rem;
  list-style-type: disc
}
ol {
  margin-left: 1.25rem
}
ul ul, ol ul, ul ol, ol ol {
  margin-left: 1.25rem;
  margin-bottom: 0
}
dl {
  margin-bottom: 1rem
}
dl dt {
  margin-bottom: 0.3rem;
  font-weight: bold
}
blockquote {
  margin: 0 0 1rem;
  padding: 0.5625rem 1.25rem 0 1.1875rem;
  border-left: 1px solid #cacaca
}
blockquote, blockquote p {
  line-height: 1.6;
  color: #8a8a8a
}
abbr, abbr[title] {
  border-bottom: 1px dotted #0a0a0a;
  cursor: help;
  text-decoration: none
}
figure {
  margin: 0
}
kbd {
  margin: 0;
  padding: 0.125rem 0.25rem 0;
  background-color: #e6e6e6;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  color: #0a0a0a
}
.subheader {
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
  font-weight: normal;
  line-height: 1.4;
  color: #8a8a8a
}
.lead {
  font-size: 125%;
  line-height: 1.6
}
.stat {
  font-size: 2.5rem;
  line-height: 1
}
p + .stat {
  margin-top: -1rem
}
ul.no-bullet, ol.no-bullet {
  margin-left: 0;
  list-style: none
}
.cite-block, cite {
  display: block;
  color: #8a8a8a;
  font-size: 0.8125rem
}
.cite-block:before, cite:before {
  content: "— "
}
.code-inline, code {
  border: 1px solid #cacaca;
  background-color: #e6e6e6;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: normal;
  color: #0a0a0a;
  display: inline;
  max-width: 100%;
  word-wrap: break-word;
  padding: 0.125rem 0.3125rem 0.0625rem
}
.code-block {
  border: 1px solid #cacaca;
  background-color: #e6e6e6;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: normal;
  color: #0a0a0a;
  display: block;
  overflow: auto;
  white-space: pre;
  padding: 1rem;
  margin-bottom: 1.5rem
}
.text-left {
  text-align: left
}
.text-right {
  text-align: right
}
.text-center {
  text-align: center
}
.text-justify {
  text-align: justify
}
@media print, screen and (min-width: 40em) {
  .medium-text-left {
    text-align: left
  }
  .medium-text-right {
    text-align: right
  }
  .medium-text-center {
    text-align: center
  }
  .medium-text-justify {
    text-align: justify
  }
}
@media print, screen and (min-width: 64em) {
  .large-text-left {
    text-align: left
  }
  .large-text-right {
    text-align: right
  }
  .large-text-center {
    text-align: center
  }
  .large-text-justify {
    text-align: justify
  }
}
.show-for-print {
  display: none !important
}
@media print {
  * {
    background: transparent !important;
    color: black !important;
    color-adjust: economy;
    box-shadow: none !important;
    text-shadow: none !important
  }
  .show-for-print {
    display: block !important
  }
  .hide-for-print {
    display: none !important
  }
  table.show-for-print {
    display: table !important
  }
  thead.show-for-print {
    display: table-header-group !important
  }
  tbody.show-for-print {
    display: table-row-group !important
  }
  tr.show-for-print {
    display: table-row !important
  }
  td.show-for-print {
    display: table-cell !important
  }
  th.show-for-print {
    display: table-cell !important
  }
  a, a:visited {
    text-decoration: underline
  }
  a[href]:after {
    content: " ("attr(href) ")"
  }
  .ir a:after, a[href^='javascript:']:after, a[href^='#']:after {
    content: ''
  }
  abbr[title]:after {
    content: " ("attr(title) ")"
  }
  pre, blockquote {
    border: 1px solid #8a8a8a;
    page-break-inside: avoid
  }
  thead {
    display: table-header-group
  }
  tr, img {
    page-break-inside: avoid
  }
  img {
    max-width: 100% !important
  }
  @page {
    margin: 0.5cm
  }
  p, h2, h3 {
    orphans: 3;
    widows: 3
  }
  h2, h3 {
    page-break-after: avoid
  }
  .print-break-inside {
    page-break-inside: auto
  }
}
[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 2.4375rem;
  margin: 0 0 1rem;
  padding: 0.5rem;
  border: 1px solid #cacaca;
  border-radius: 0;
  background-color: #fefefe;
  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
  font-family: inherit;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5;
  color: #0a0a0a;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  appearance: none
}
[type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus, textarea:focus {
  outline: none;
  border: 1px solid #8a8a8a;
  background-color: #fefefe;
  box-shadow: 0 0 5px #cacaca;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out
}
textarea {
  max-width: 100%
}
textarea[rows] {
  height: auto
}
input:disabled, input[readonly], textarea:disabled, textarea[readonly] {
  background-color: #e6e6e6;
  cursor: not-allowed
}
[type='submit'], [type='button'] {
  appearance: none;
  border-radius: 0
}
input[type='search'] {
  box-sizing: border-box
}
::placeholder {
  color: #cacaca
}
[type='file'], [type='checkbox'], [type='radio'] {
  margin: 0 0 1rem
}
[type='checkbox'] + label, [type='radio'] + label {
  display: inline-block;
  vertical-align: baseline;
  margin-left: 0.5rem;
  margin-right: 1rem;
  margin-bottom: 0
}
[type='checkbox'] + label[for], [type='radio'] + label[for] {
  cursor: pointer
}
label > [type='checkbox'], label > [type='radio'] {
  margin-right: 0.5rem
}
[type='file'] {
  width: 100%
}
label {
  display: block;
  margin: 0;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.8;
  color: #0a0a0a
}
label.middle {
  margin: 0 0 1rem;
  padding: 0.5625rem 0
}
.help-text {
  margin-top: -0.5rem;
  font-size: 0.8125rem;
  font-style: italic;
  color: #0a0a0a
}
.input-group {
  display: flex;
  width: 100%;
  margin-bottom: 1rem;
  align-items: stretch
}
.input-group > :first-child, .input-group > :first-child.input-group-button > * {
  border-radius: 0 0 0 0
}
.input-group > :last-child, .input-group > :last-child.input-group-button > * {
  border-radius: 0 0 0 0
}
.input-group-label, .input-group-field, .input-group-button, .input-group-button a, .input-group-button input, .input-group-button button, .input-group-button label {
  margin: 0;
  white-space: nowrap
}
.input-group-label {
  padding: 0 1rem;
  border: 1px solid #cacaca;
  background: #e6e6e6;
  color: #0a0a0a;
  text-align: center;
  white-space: nowrap;
  display: flex;
  flex: 0 0 auto;
  align-items: center
}
.input-group-label:first-child {
  border-right: 0
}
.input-group-label:last-child {
  border-left: 0
}
.input-group-field {
  border-radius: 0;
  flex: 1 1 0px;
  min-width: 0
}
.input-group-button {
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  display: flex;
  flex: 0 0 auto
}
.input-group-button a, .input-group-button input, .input-group-button button, .input-group-button label {
  align-self: stretch;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 1rem
}
fieldset {
  margin: 0;
  padding: 0;
  border: 0
}
legend {
  max-width: 100%;
  margin-bottom: 0.5rem
}
.fieldset {
  margin: 1.125rem 0;
  padding: 1.25rem;
  border: 1px solid #cacaca
}
.fieldset legend {
  margin: 0;
  margin-left: -0.1875rem;
  padding: 0 0.1875rem
}
select {
  height: 2.4375rem;
  margin: 0 0 1rem;
  padding: 0.5rem;
  appearance: none;
  border: 1px solid #cacaca;
  border-radius: 0;
  background-color: #fefefe;
  font-family: inherit;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5;
  color: #0a0a0a;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
  background-origin: content-box;
  background-position: right -1rem center;
  background-repeat: no-repeat;
  background-size: 9px 6px;
  padding-right: 1.5rem;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out
}
@media screen and (min-width: 0\0) {
  select {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==")
  }
}
select:focus {
  outline: none;
  border: 1px solid #8a8a8a;
  background-color: #fefefe;
  box-shadow: 0 0 5px #cacaca;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out
}
select:disabled {
  background-color: #e6e6e6;
  cursor: not-allowed
}
select::-ms-expand {
  display: none
}
select[multiple] {
  height: auto;
  background-image: none
}
select:not([multiple]) {
  padding-top: 0;
  padding-bottom: 0
}
.is-invalid-input:not(:focus) {
  border-color: #cc4b37;
  background-color: #f9ecea
}
.is-invalid-input:not(:focus)::placeholder {
  color: #cc4b37
}
.is-invalid-label {
  color: #cc4b37
}
.form-error {
  display: none;
  margin-top: -0.5rem;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: bold;
  color: #cc4b37
}
.form-error.is-visible {
  display: block
}
.button {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 1rem 0;
  padding: 0.85em 1em;
  border: 1px solid transparent;
  border-radius: 0;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  font-family: inherit;
  font-size: 0.9rem;
  -webkit-appearance: none;
  line-height: 1;
  text-align: center;
  cursor: pointer
}
[data-whatinput='mouse'] .button {
  outline: 0
}
.button.tiny {
  font-size: 0.6rem
}
.button.small {
  font-size: 0.75rem
}
.button.large {
  font-size: 1.25rem
}
.button.expanded {
  display: block;
  width: 100%;
  margin-right: 0;
  margin-left: 0
}
.button, .button.disabled, .button[disabled], .button.disabled:hover, .button[disabled]:hover, .button.disabled:focus, .button[disabled]:focus {
  background-color: #1779ba;
  color: #fefefe
}
.button:hover, .button:focus {
  background-color: #14679e;
  color: #fefefe
}
.button.primary, .button.primary.disabled, .button.primary[disabled], .button.primary.disabled:hover, .button.primary[disabled]:hover, .button.primary.disabled:focus, .button.primary[disabled]:focus {
  background-color: #1779ba;
  color: #fefefe
}
.button.primary:hover, .button.primary:focus {
  background-color: #126195;
  color: #fefefe
}
.button.secondary, .button.secondary.disabled, .button.secondary[disabled], .button.secondary.disabled:hover, .button.secondary[disabled]:hover, .button.secondary.disabled:focus, .button.secondary[disabled]:focus {
  background-color: #767676;
  color: #fefefe
}
.button.secondary:hover, .button.secondary:focus {
  background-color: #5e5e5e;
  color: #fefefe
}
.button.success, .button.success.disabled, .button.success[disabled], .button.success.disabled:hover, .button.success[disabled]:hover, .button.success.disabled:focus, .button.success[disabled]:focus {
  background-color: #3adb76;
  color: #0a0a0a
}
.button.success:hover, .button.success:focus {
  background-color: #22bb5b;
  color: #0a0a0a
}
.button.warning, .button.warning.disabled, .button.warning[disabled], .button.warning.disabled:hover, .button.warning[disabled]:hover, .button.warning.disabled:focus, .button.warning[disabled]:focus {
  background-color: #ffae00;
  color: #0a0a0a
}
.button.warning:hover, .button.warning:focus {
  background-color: #cc8b00;
  color: #0a0a0a
}
.button.alert, .button.alert.disabled, .button.alert[disabled], .button.alert.disabled:hover, .button.alert[disabled]:hover, .button.alert.disabled:focus, .button.alert[disabled]:focus {
  background-color: #cc4b37;
  color: #fefefe
}
.button.alert:hover, .button.alert:focus {
  background-color: #a53b2a;
  color: #fefefe
}
.button.hollow, .button.hollow:hover, .button.hollow:focus, .button.hollow.disabled, .button.hollow.disabled:hover, .button.hollow.disabled:focus, .button.hollow[disabled], .button.hollow[disabled]:hover, .button.hollow[disabled]:focus {
  background-color: transparent
}
.button.hollow, .button.hollow.disabled, .button.hollow[disabled], .button.hollow.disabled:hover, .button.hollow[disabled]:hover, .button.hollow.disabled:focus, .button.hollow[disabled]:focus {
  border: 1px solid #1779ba;
  color: #1779ba
}
.button.hollow:hover, .button.hollow:focus {
  border-color: #0c3d5d;
  color: #0c3d5d
}
.button.hollow.primary, .button.hollow.primary.disabled, .button.hollow.primary[disabled], .button.hollow.primary.disabled:hover, .button.hollow.primary[disabled]:hover, .button.hollow.primary.disabled:focus, .button.hollow.primary[disabled]:focus {
  border: 1px solid #1779ba;
  color: #1779ba
}
.button.hollow.primary:hover, .button.hollow.primary:focus {
  border-color: #0c3d5d;
  color: #0c3d5d
}
.button.hollow.secondary, .button.hollow.secondary.disabled, .button.hollow.secondary[disabled], .button.hollow.secondary.disabled:hover, .button.hollow.secondary[disabled]:hover, .button.hollow.secondary.disabled:focus, .button.hollow.secondary[disabled]:focus {
  border: 1px solid #767676;
  color: #767676
}
.button.hollow.secondary:hover, .button.hollow.secondary:focus {
  border-color: #3b3b3b;
  color: #3b3b3b
}
.button.hollow.success, .button.hollow.success.disabled, .button.hollow.success[disabled], .button.hollow.success.disabled:hover, .button.hollow.success[disabled]:hover, .button.hollow.success.disabled:focus, .button.hollow.success[disabled]:focus {
  border: 1px solid #3adb76;
  color: #3adb76
}
.button.hollow.success:hover, .button.hollow.success:focus {
  border-color: #157539;
  color: #157539
}
.button.hollow.warning, .button.hollow.warning.disabled, .button.hollow.warning[disabled], .button.hollow.warning.disabled:hover, .button.hollow.warning[disabled]:hover, .button.hollow.warning.disabled:focus, .button.hollow.warning[disabled]:focus {
  border: 1px solid #ffae00;
  color: #ffae00
}
.button.hollow.warning:hover, .button.hollow.warning:focus {
  border-color: #805700;
  color: #805700
}
.button.hollow.alert, .button.hollow.alert.disabled, .button.hollow.alert[disabled], .button.hollow.alert.disabled:hover, .button.hollow.alert[disabled]:hover, .button.hollow.alert.disabled:focus, .button.hollow.alert[disabled]:focus {
  border: 1px solid #cc4b37;
  color: #cc4b37
}
.button.hollow.alert:hover, .button.hollow.alert:focus {
  border-color: #67251a;
  color: #67251a
}
.button.clear, .button.clear:hover, .button.clear:focus, .button.clear.disabled, .button.clear.disabled:hover, .button.clear.disabled:focus, .button.clear[disabled], .button.clear[disabled]:hover, .button.clear[disabled]:focus {
  border-color: transparent;
  background-color: transparent
}
.button.clear, .button.clear.disabled, .button.clear[disabled], .button.clear.disabled:hover, .button.clear[disabled]:hover, .button.clear.disabled:focus, .button.clear[disabled]:focus {
  color: #1779ba
}
.button.clear:hover, .button.clear:focus {
  color: #0c3d5d
}
.button.clear.primary, .button.clear.primary.disabled, .button.clear.primary[disabled], .button.clear.primary.disabled:hover, .button.clear.primary[disabled]:hover, .button.clear.primary.disabled:focus, .button.clear.primary[disabled]:focus {
  color: #1779ba
}
.button.clear.primary:hover, .button.clear.primary:focus {
  color: #0c3d5d
}
.button.clear.secondary, .button.clear.secondary.disabled, .button.clear.secondary[disabled], .button.clear.secondary.disabled:hover, .button.clear.secondary[disabled]:hover, .button.clear.secondary.disabled:focus, .button.clear.secondary[disabled]:focus {
  color: #767676
}
.button.clear.secondary:hover, .button.clear.secondary:focus {
  color: #3b3b3b
}
.button.clear.success, .button.clear.success.disabled, .button.clear.success[disabled], .button.clear.success.disabled:hover, .button.clear.success[disabled]:hover, .button.clear.success.disabled:focus, .button.clear.success[disabled]:focus {
  color: #3adb76
}
.button.clear.success:hover, .button.clear.success:focus {
  color: #157539
}
.button.clear.warning, .button.clear.warning.disabled, .button.clear.warning[disabled], .button.clear.warning.disabled:hover, .button.clear.warning[disabled]:hover, .button.clear.warning.disabled:focus, .button.clear.warning[disabled]:focus {
  color: #ffae00
}
.button.clear.warning:hover, .button.clear.warning:focus {
  color: #805700
}
.button.clear.alert, .button.clear.alert.disabled, .button.clear.alert[disabled], .button.clear.alert.disabled:hover, .button.clear.alert[disabled]:hover, .button.clear.alert.disabled:focus, .button.clear.alert[disabled]:focus {
  color: #cc4b37
}
.button.clear.alert:hover, .button.clear.alert:focus {
  color: #67251a
}
.button.disabled, .button[disabled] {
  opacity: 0.25;
  cursor: not-allowed
}
.button.dropdown::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 0.4em;
  content: '';
  border-bottom-width: 0;
  border-top-style: solid;
  border-color: #fefefe transparent transparent;
  position: relative;
  top: 0.4em;
  display: inline-block;
  float: right;
  margin-left: 1em
}
.button.dropdown.hollow::after, .button.dropdown.clear::after {
  border-top-color: #1779ba
}
.button.dropdown.hollow.primary::after, .button.dropdown.clear.primary::after {
  border-top-color: #1779ba
}
.button.dropdown.hollow.secondary::after, .button.dropdown.clear.secondary::after {
  border-top-color: #767676
}
.button.dropdown.hollow.success::after, .button.dropdown.clear.success::after {
  border-top-color: #3adb76
}
.button.dropdown.hollow.warning::after, .button.dropdown.clear.warning::after {
  border-top-color: #ffae00
}
.button.dropdown.hollow.alert::after, .button.dropdown.clear.alert::after {
  border-top-color: #cc4b37
}
.button.arrow-only::after {
  top: -0.1em;
  float: none;
  margin-left: 0
}
a.button:hover, a.button:focus {
  text-decoration: none
}
.accordion {
  margin-left: 0;
  background: #fefefe;
  list-style-type: none
}
.accordion[disabled] .accordion-title {
  cursor: not-allowed
}
.accordion-item:first-child > :first-child {
  border-radius: 0 0 0 0
}
.accordion-item:last-child > :last-child {
  border-radius: 0 0 0 0
}
.accordion-title {
  position: relative;
  display: block;
  padding: 1.25rem 1rem;
  border: 1px solid #e6e6e6;
  border-bottom: 0;
  font-size: 0.75rem;
  line-height: 1;
  color: #1779ba
}
:last-child:not(.is-active) > .accordion-title {
  border-bottom: 1px solid #e6e6e6;
  border-radius: 0 0 0 0
}
.accordion-title:hover, .accordion-title:focus {
  background-color: #e6e6e6
}
.accordion-title::before {
  position: absolute;
  top: 50%;
  right: 1rem;
  margin-top: -0.5rem;
  content: "+"
}
.is-active > .accordion-title::before {
  content: "–"
}
.accordion-content {
  display: none;
  padding: 1rem;
  border: 1px solid #e6e6e6;
  border-bottom: 0;
  background-color: #fefefe;
  color: #0a0a0a
}
:last-child > .accordion-content:last-child {
  border-bottom: 1px solid #e6e6e6
}
.accordion-menu li {
  width: 100%
}
.accordion-menu a {
  padding: 0.7rem 1rem
}
.accordion-menu .is-accordion-submenu a {
  padding: 0.7rem 1rem
}
.accordion-menu .nested.is-accordion-submenu {
  margin-right: 0;
  margin-left: 1rem
}
.accordion-menu.align-right .nested.is-accordion-submenu {
  margin-right: 1rem;
  margin-left: 0
}
.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a {
  position: relative
}
.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-bottom-width: 0;
  border-top-style: solid;
  border-color: #1779ba transparent transparent;
  position: absolute;
  top: 50%;
  margin-top: -3px;
  right: 1rem
}
.accordion-menu.align-left .is-accordion-submenu-parent > a::after {
  right: 1rem;
  left: auto
}
.accordion-menu.align-right .is-accordion-submenu-parent > a::after {
  right: auto;
  left: 1rem
}
.accordion-menu .is-accordion-submenu-parent[aria-expanded='true'] > a::after {
  transform: rotate(180deg);
  transform-origin: 50% 50%
}
.is-accordion-submenu-parent {
  position: relative
}
.has-submenu-toggle > a {
  margin-right: 40px
}
.submenu-toggle {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  cursor: pointer
}
.submenu-toggle::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-bottom-width: 0;
  border-top-style: solid;
  border-color: #1779ba transparent transparent;
  top: 0;
  bottom: 0;
  margin: auto
}
.submenu-toggle[aria-expanded='true']::after {
  transform: scaleY(-1);
  transform-origin: 50% 50%
}
.submenu-toggle-text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important
}
.badge {
  display: inline-block;
  min-width: 2.1em;
  padding: 0.3em;
  border-radius: 50%;
  font-size: 0.6rem;
  text-align: center;
  background: #1779ba;
  color: #fefefe
}
.badge.primary {
  background: #1779ba;
  color: #fefefe
}
.badge.secondary {
  background: #767676;
  color: #fefefe
}
.badge.success {
  background: #3adb76;
  color: #0a0a0a
}
.badge.warning {
  background: #ffae00;
  color: #0a0a0a
}
.badge.alert {
  background: #cc4b37;
  color: #fefefe
}
.breadcrumbs {
  margin: 0 0 1rem 0;
  list-style: none
}
.breadcrumbs::before, .breadcrumbs::after {
  display: table;
  content: ' ';
  flex-basis: 0;
  order: 1
}
.breadcrumbs::after {
  clear: both
}
.breadcrumbs li {
  float: left;
  font-size: 0.6875rem;
  color: #0a0a0a;
  cursor: default
}
.breadcrumbs li:not(:last-child)::after {
  position: relative;
  margin: 0 0.75rem;
  opacity: 1;
  content: "/";
  color: #cacaca
}
.breadcrumbs a {
  color: #1779ba
}
.breadcrumbs a:hover {
  text-decoration: underline
}
.breadcrumbs .disabled {
  color: #cacaca;
  cursor: not-allowed
}
.button-group {
  margin-bottom: 1rem;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  flex-grow: 1
}
.button-group::before, .button-group::after {
  display: table;
  content: ' ';
  flex-basis: 0;
  order: 1
}
.button-group::after {
  clear: both
}
.button-group::before, .button-group::after {
  display: none
}
.button-group .button {
  margin: 0;
  margin-right: 1px;
  margin-bottom: 1px;
  font-size: 0.9rem;
  flex: 0 0 auto
}
.button-group .button:last-child {
  margin-right: 0
}
.button-group.tiny .button {
  font-size: 0.6rem
}
.button-group.small .button {
  font-size: 0.75rem
}
.button-group.large .button {
  font-size: 1.25rem
}
.button-group.expanded .button {
  flex: 1 1 0px;
  margin-right: 0
}
.button-group.primary .button, .button-group.primary .button.disabled, .button-group.primary .button[disabled], .button-group.primary .button.disabled:hover, .button-group.primary .button[disabled]:hover, .button-group.primary .button.disabled:focus, .button-group.primary .button[disabled]:focus {
  background-color: #1779ba;
  color: #fefefe
}
.button-group.primary .button:hover, .button-group.primary .button:focus {
  background-color: #126195;
  color: #fefefe
}
.button-group.secondary .button, .button-group.secondary .button.disabled, .button-group.secondary .button[disabled], .button-group.secondary .button.disabled:hover, .button-group.secondary .button[disabled]:hover, .button-group.secondary .button.disabled:focus, .button-group.secondary .button[disabled]:focus {
  background-color: #767676;
  color: #fefefe
}
.button-group.secondary .button:hover, .button-group.secondary .button:focus {
  background-color: #5e5e5e;
  color: #fefefe
}
.button-group.success .button, .button-group.success .button.disabled, .button-group.success .button[disabled], .button-group.success .button.disabled:hover, .button-group.success .button[disabled]:hover, .button-group.success .button.disabled:focus, .button-group.success .button[disabled]:focus {
  background-color: #3adb76;
  color: #0a0a0a
}
.button-group.success .button:hover, .button-group.success .button:focus {
  background-color: #22bb5b;
  color: #0a0a0a
}
.button-group.warning .button, .button-group.warning .button.disabled, .button-group.warning .button[disabled], .button-group.warning .button.disabled:hover, .button-group.warning .button[disabled]:hover, .button-group.warning .button.disabled:focus, .button-group.warning .button[disabled]:focus {
  background-color: #ffae00;
  color: #0a0a0a
}
.button-group.warning .button:hover, .button-group.warning .button:focus {
  background-color: #cc8b00;
  color: #0a0a0a
}
.button-group.alert .button, .button-group.alert .button.disabled, .button-group.alert .button[disabled], .button-group.alert .button.disabled:hover, .button-group.alert .button[disabled]:hover, .button-group.alert .button.disabled:focus, .button-group.alert .button[disabled]:focus {
  background-color: #cc4b37;
  color: #fefefe
}
.button-group.alert .button:hover, .button-group.alert .button:focus {
  background-color: #a53b2a;
  color: #fefefe
}
.button-group.hollow .button, .button-group.hollow .button:hover, .button-group.hollow .button:focus, .button-group.hollow .button.disabled, .button-group.hollow .button.disabled:hover, .button-group.hollow .button.disabled:focus, .button-group.hollow .button[disabled], .button-group.hollow .button[disabled]:hover, .button-group.hollow .button[disabled]:focus {
  background-color: transparent
}
.button-group.hollow .button, .button-group.hollow .button.disabled, .button-group.hollow .button[disabled], .button-group.hollow .button.disabled:hover, .button-group.hollow .button[disabled]:hover, .button-group.hollow .button.disabled:focus, .button-group.hollow .button[disabled]:focus {
  border: 1px solid #1779ba;
  color: #1779ba
}
.button-group.hollow .button:hover, .button-group.hollow .button:focus {
  border-color: #0c3d5d;
  color: #0c3d5d
}
.button-group.hollow.primary .button, .button-group.hollow.primary .button.disabled, .button-group.hollow.primary .button[disabled], .button-group.hollow.primary .button.disabled:hover, .button-group.hollow.primary .button[disabled]:hover, .button-group.hollow.primary .button.disabled:focus, .button-group.hollow.primary .button[disabled]:focus, .button-group.hollow .button.primary, .button-group.hollow .button.primary.disabled, .button-group.hollow .button.primary[disabled], .button-group.hollow .button.primary.disabled:hover, .button-group.hollow .button.primary[disabled]:hover, .button-group.hollow .button.primary.disabled:focus, .button-group.hollow .button.primary[disabled]:focus {
  border: 1px solid #1779ba;
  color: #1779ba
}
.button-group.hollow.primary .button:hover, .button-group.hollow.primary .button:focus, .button-group.hollow .button.primary:hover, .button-group.hollow .button.primary:focus {
  border-color: #0c3d5d;
  color: #0c3d5d
}
.button-group.hollow.secondary .button, .button-group.hollow.secondary .button.disabled, .button-group.hollow.secondary .button[disabled], .button-group.hollow.secondary .button.disabled:hover, .button-group.hollow.secondary .button[disabled]:hover, .button-group.hollow.secondary .button.disabled:focus, .button-group.hollow.secondary .button[disabled]:focus, .button-group.hollow .button.secondary, .button-group.hollow .button.secondary.disabled, .button-group.hollow .button.secondary[disabled], .button-group.hollow .button.secondary.disabled:hover, .button-group.hollow .button.secondary[disabled]:hover, .button-group.hollow .button.secondary.disabled:focus, .button-group.hollow .button.secondary[disabled]:focus {
  border: 1px solid #767676;
  color: #767676
}
.button-group.hollow.secondary .button:hover, .button-group.hollow.secondary .button:focus, .button-group.hollow .button.secondary:hover, .button-group.hollow .button.secondary:focus {
  border-color: #3b3b3b;
  color: #3b3b3b
}
.button-group.hollow.success .button, .button-group.hollow.success .button.disabled, .button-group.hollow.success .button[disabled], .button-group.hollow.success .button.disabled:hover, .button-group.hollow.success .button[disabled]:hover, .button-group.hollow.success .button.disabled:focus, .button-group.hollow.success .button[disabled]:focus, .button-group.hollow .button.success, .button-group.hollow .button.success.disabled, .button-group.hollow .button.success[disabled], .button-group.hollow .button.success.disabled:hover, .button-group.hollow .button.success[disabled]:hover, .button-group.hollow .button.success.disabled:focus, .button-group.hollow .button.success[disabled]:focus {
  border: 1px solid #3adb76;
  color: #3adb76
}
.button-group.hollow.success .button:hover, .button-group.hollow.success .button:focus, .button-group.hollow .button.success:hover, .button-group.hollow .button.success:focus {
  border-color: #157539;
  color: #157539
}
.button-group.hollow.warning .button, .button-group.hollow.warning .button.disabled, .button-group.hollow.warning .button[disabled], .button-group.hollow.warning .button.disabled:hover, .button-group.hollow.warning .button[disabled]:hover, .button-group.hollow.warning .button.disabled:focus, .button-group.hollow.warning .button[disabled]:focus, .button-group.hollow .button.warning, .button-group.hollow .button.warning.disabled, .button-group.hollow .button.warning[disabled], .button-group.hollow .button.warning.disabled:hover, .button-group.hollow .button.warning[disabled]:hover, .button-group.hollow .button.warning.disabled:focus, .button-group.hollow .button.warning[disabled]:focus {
  border: 1px solid #ffae00;
  color: #ffae00
}
.button-group.hollow.warning .button:hover, .button-group.hollow.warning .button:focus, .button-group.hollow .button.warning:hover, .button-group.hollow .button.warning:focus {
  border-color: #805700;
  color: #805700
}
.button-group.hollow.alert .button, .button-group.hollow.alert .button.disabled, .button-group.hollow.alert .button[disabled], .button-group.hollow.alert .button.disabled:hover, .button-group.hollow.alert .button[disabled]:hover, .button-group.hollow.alert .button.disabled:focus, .button-group.hollow.alert .button[disabled]:focus, .button-group.hollow .button.alert, .button-group.hollow .button.alert.disabled, .button-group.hollow .button.alert[disabled], .button-group.hollow .button.alert.disabled:hover, .button-group.hollow .button.alert[disabled]:hover, .button-group.hollow .button.alert.disabled:focus, .button-group.hollow .button.alert[disabled]:focus {
  border: 1px solid #cc4b37;
  color: #cc4b37
}
.button-group.hollow.alert .button:hover, .button-group.hollow.alert .button:focus, .button-group.hollow .button.alert:hover, .button-group.hollow .button.alert:focus {
  border-color: #67251a;
  color: #67251a
}
.button-group.clear .button, .button-group.clear .button:hover, .button-group.clear .button:focus, .button-group.clear .button.disabled, .button-group.clear .button.disabled:hover, .button-group.clear .button.disabled:focus, .button-group.clear .button[disabled], .button-group.clear .button[disabled]:hover, .button-group.clear .button[disabled]:focus {
  border-color: transparent;
  background-color: transparent
}
.button-group.clear .button, .button-group.clear .button.disabled, .button-group.clear .button[disabled], .button-group.clear .button.disabled:hover, .button-group.clear .button[disabled]:hover, .button-group.clear .button.disabled:focus, .button-group.clear .button[disabled]:focus {
  color: #1779ba
}
.button-group.clear .button:hover, .button-group.clear .button:focus {
  color: #0c3d5d
}
.button-group.clear.primary .button, .button-group.clear.primary .button.disabled, .button-group.clear.primary .button[disabled], .button-group.clear.primary .button.disabled:hover, .button-group.clear.primary .button[disabled]:hover, .button-group.clear.primary .button.disabled:focus, .button-group.clear.primary .button[disabled]:focus, .button-group.clear .button.primary, .button-group.clear .button.primary.disabled, .button-group.clear .button.primary[disabled], .button-group.clear .button.primary.disabled:hover, .button-group.clear .button.primary[disabled]:hover, .button-group.clear .button.primary.disabled:focus, .button-group.clear .button.primary[disabled]:focus {
  color: #1779ba
}
.button-group.clear.primary .button:hover, .button-group.clear.primary .button:focus, .button-group.clear .button.primary:hover, .button-group.clear .button.primary:focus {
  color: #0c3d5d
}
.button-group.clear.secondary .button, .button-group.clear.secondary .button.disabled, .button-group.clear.secondary .button[disabled], .button-group.clear.secondary .button.disabled:hover, .button-group.clear.secondary .button[disabled]:hover, .button-group.clear.secondary .button.disabled:focus, .button-group.clear.secondary .button[disabled]:focus, .button-group.clear .button.secondary, .button-group.clear .button.secondary.disabled, .button-group.clear .button.secondary[disabled], .button-group.clear .button.secondary.disabled:hover, .button-group.clear .button.secondary[disabled]:hover, .button-group.clear .button.secondary.disabled:focus, .button-group.clear .button.secondary[disabled]:focus {
  color: #767676
}
.button-group.clear.secondary .button:hover, .button-group.clear.secondary .button:focus, .button-group.clear .button.secondary:hover, .button-group.clear .button.secondary:focus {
  color: #3b3b3b
}
.button-group.clear.success .button, .button-group.clear.success .button.disabled, .button-group.clear.success .button[disabled], .button-group.clear.success .button.disabled:hover, .button-group.clear.success .button[disabled]:hover, .button-group.clear.success .button.disabled:focus, .button-group.clear.success .button[disabled]:focus, .button-group.clear .button.success, .button-group.clear .button.success.disabled, .button-group.clear .button.success[disabled], .button-group.clear .button.success.disabled:hover, .button-group.clear .button.success[disabled]:hover, .button-group.clear .button.success.disabled:focus, .button-group.clear .button.success[disabled]:focus {
  color: #3adb76
}
.button-group.clear.success .button:hover, .button-group.clear.success .button:focus, .button-group.clear .button.success:hover, .button-group.clear .button.success:focus {
  color: #157539
}
.button-group.clear.warning .button, .button-group.clear.warning .button.disabled, .button-group.clear.warning .button[disabled], .button-group.clear.warning .button.disabled:hover, .button-group.clear.warning .button[disabled]:hover, .button-group.clear.warning .button.disabled:focus, .button-group.clear.warning .button[disabled]:focus, .button-group.clear .button.warning, .button-group.clear .button.warning.disabled, .button-group.clear .button.warning[disabled], .button-group.clear .button.warning.disabled:hover, .button-group.clear .button.warning[disabled]:hover, .button-group.clear .button.warning.disabled:focus, .button-group.clear .button.warning[disabled]:focus {
  color: #ffae00
}
.button-group.clear.warning .button:hover, .button-group.clear.warning .button:focus, .button-group.clear .button.warning:hover, .button-group.clear .button.warning:focus {
  color: #805700
}
.button-group.clear.alert .button, .button-group.clear.alert .button.disabled, .button-group.clear.alert .button[disabled], .button-group.clear.alert .button.disabled:hover, .button-group.clear.alert .button[disabled]:hover, .button-group.clear.alert .button.disabled:focus, .button-group.clear.alert .button[disabled]:focus, .button-group.clear .button.alert, .button-group.clear .button.alert.disabled, .button-group.clear .button.alert[disabled], .button-group.clear .button.alert.disabled:hover, .button-group.clear .button.alert[disabled]:hover, .button-group.clear .button.alert.disabled:focus, .button-group.clear .button.alert[disabled]:focus {
  color: #cc4b37
}
.button-group.clear.alert .button:hover, .button-group.clear.alert .button:focus, .button-group.clear .button.alert:hover, .button-group.clear .button.alert:focus {
  color: #67251a
}
.button-group.no-gaps .button {
  margin-right: -0.0625rem
}
.button-group.no-gaps .button + .button {
  border-left-color: transparent
}
.button-group.stacked, .button-group.stacked-for-small, .button-group.stacked-for-medium {
  flex-wrap: wrap
}
.button-group.stacked .button, .button-group.stacked-for-small .button, .button-group.stacked-for-medium .button {
  flex: 0 0 100%
}
.button-group.stacked .button:last-child, .button-group.stacked-for-small .button:last-child, .button-group.stacked-for-medium .button:last-child {
  margin-bottom: 0
}
.button-group.stacked.expanded .button, .button-group.stacked-for-small.expanded .button, .button-group.stacked-for-medium.expanded .button {
  flex: 1 1 0px;
  margin-right: 0
}
@media print, screen and (min-width: 40em) {
  .button-group.stacked-for-small .button {
    flex: 0 0 auto;
    margin-bottom: 0
  }
}
@media print, screen and (min-width: 64em) {
  .button-group.stacked-for-medium .button {
    flex: 0 0 auto;
    margin-bottom: 0
  }
}
@media print, screen and (max-width: 39.99875em) {
  .button-group.stacked-for-small.expanded {
    display: block
  }
  .button-group.stacked-for-small.expanded .button {
    display: block;
    margin-right: 0
  }
}
@media print, screen and (max-width: 63.99875em) {
  .button-group.stacked-for-medium.expanded {
    display: block
  }
  .button-group.stacked-for-medium.expanded .button {
    display: block;
    margin-right: 0
  }
}
.callout {
  position: relative;
  margin: 0 0 1rem 0;
  padding: 1rem;
  border: 1px solid rgba(10, 10, 10, 0.25);
  border-radius: 0;
  background-color: white;
  color: #0a0a0a
}
.callout > :first-child {
  margin-top: 0
}
.callout > :last-child {
  margin-bottom: 0
}
.callout.primary {
  background-color: #d7ecfa;
  color: #0a0a0a
}
.callout.secondary {
  background-color: #eaeaea;
  color: #0a0a0a
}
.callout.success {
  background-color: #e1faea;
  color: #0a0a0a
}
.callout.warning {
  background-color: #fff3d9;
  color: #0a0a0a
}
.callout.alert {
  background-color: #f7e4e1;
  color: #0a0a0a
}
.callout.small {
  padding-top: 0.5rem;
  padding-right: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.5rem
}
.callout.large {
  padding-top: 3rem;
  padding-right: 3rem;
  padding-bottom: 3rem;
  padding-left: 3rem
}
.card {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  margin-bottom: 1rem;
  border: 1px solid #e6e6e6;
  border-radius: 0;
  background: #fefefe;
  box-shadow: none;
  overflow: hidden;
  color: #0a0a0a
}
.card > :last-child {
  margin-bottom: 0
}
.card-divider {
  display: flex;
  flex: 0 1 auto;
  padding: 1rem;
  background: #e6e6e6
}
.card-divider > :last-child {
  margin-bottom: 0
}
.card-section {
  flex: 1 0 auto;
  padding: 1rem
}
.card-section > :last-child {
  margin-bottom: 0
}
.card-image {
  min-height: 1px
}
.close-button {
  position: absolute;
  z-index: 10;
  color: #8a8a8a;
  cursor: pointer
}
[data-whatinput='mouse'] .close-button {
  outline: 0
}
.close-button:hover, .close-button:focus {
  color: #0a0a0a
}
.close-button.small {
  right: 0.66rem;
  top: 0.33em;
  font-size: 1.5em;
  line-height: 1
}
.close-button.medium, .close-button {
  right: 1rem;
  top: 0.5rem;
  font-size: 2em;
  line-height: 1
}
.menu {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  display: flex;
  flex-wrap: wrap
}
[data-whatinput='mouse'] .menu li {
  outline: 0
}
.menu a, .menu .button {
  line-height: 1;
  text-decoration: none;
  display: block;
  padding: 0.7rem 1rem
}
.menu input, .menu select, .menu a, .menu button {
  margin-bottom: 0
}
.menu input {
  display: inline-block
}
.menu, .menu.horizontal {
  flex-wrap: wrap;
  flex-direction: row
}
.menu.vertical {
  flex-wrap: nowrap;
  flex-direction: column
}
.menu.expanded li {
  flex: 1 1 0px
}
.menu.simple {
  align-items: center
}
.menu.simple li + li {
  margin-left: 1rem
}
.menu.simple a {
  padding: 0
}
@media print, screen and (min-width: 40em) {
  .menu.medium-horizontal {
    flex-wrap: wrap;
    flex-direction: row
  }
  .menu.medium-vertical {
    flex-wrap: nowrap;
    flex-direction: column
  }
  .menu.medium-expanded li {
    flex: 1 1 0px
  }
  .menu.medium-simple li {
    flex: 1 1 0px
  }
}
@media print, screen and (min-width: 64em) {
  .menu.large-horizontal {
    flex-wrap: wrap;
    flex-direction: row
  }
  .menu.large-vertical {
    flex-wrap: nowrap;
    flex-direction: column
  }
  .menu.large-expanded li {
    flex: 1 1 0px
  }
  .menu.large-simple li {
    flex: 1 1 0px
  }
}
.menu.nested {
  margin-right: 0;
  margin-left: 1rem
}
.menu.icons a {
  display: flex
}
.menu.icon-top a, .menu.icon-right a, .menu.icon-bottom a, .menu.icon-left a {
  display: flex
}
.menu.icon-left li a {
  flex-flow: row nowrap
}
.menu.icon-left li a img, .menu.icon-left li a i, .menu.icon-left li a svg {
  margin-right: 0.25rem
}
.menu.icon-right li a {
  flex-flow: row nowrap
}
.menu.icon-right li a img, .menu.icon-right li a i, .menu.icon-right li a svg {
  margin-left: 0.25rem
}
.menu.icon-top li a {
  flex-flow: column nowrap
}
.menu.icon-top li a img, .menu.icon-top li a i, .menu.icon-top li a svg {
  align-self: stretch;
  margin-bottom: 0.25rem;
  text-align: center
}
.menu.icon-bottom li a {
  flex-flow: column nowrap
}
.menu.icon-bottom li a img, .menu.icon-bottom li a i, .menu.icon-bottom li a svg {
  align-self: stretch;
  margin-bottom: 0.25rem;
  text-align: center
}
.menu .is-active > a {
  background: #1779ba;
  color: #fefefe
}
.menu .active > a {
  background: #1779ba;
  color: #fefefe
}
.menu.align-left {
  justify-content: flex-start
}
.menu.align-right li {
  display: flex;
  justify-content: flex-end
}
.menu.align-right li .submenu li {
  justify-content: flex-start
}
.menu.align-right.vertical li {
  display: block;
  text-align: right
}
.menu.align-right.vertical li .submenu li {
  text-align: right
}
.menu.align-right .nested {
  margin-right: 1rem;
  margin-left: 0
}
.menu.align-center li {
  display: flex;
  justify-content: center
}
.menu.align-center li .submenu li {
  justify-content: flex-start
}
.menu .menu-text {
  padding: 0.7rem 1rem;
  font-weight: bold;
  line-height: 1;
  color: inherit
}
.menu-centered > .menu {
  justify-content: center
}
.menu-centered > .menu li {
  display: flex;
  justify-content: center
}
.menu-centered > .menu li .submenu li {
  justify-content: flex-start
}
.no-js [data-responsive-menu] ul {
  display: none
}
.menu-icon {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 16px;
  cursor: pointer
}
.menu-icon::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  background: #fefefe;
  box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe;
  content: ''
}
.menu-icon:hover::after {
  background: #cacaca;
  box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca
}
.menu-icon.dark {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 16px;
  cursor: pointer
}
.menu-icon.dark::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  background: #0a0a0a;
  box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a;
  content: ''
}
.menu-icon.dark:hover::after {
  background: #8a8a8a;
  box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a
}
.is-drilldown {
  position: relative;
  overflow: hidden
}
.is-drilldown li {
  display: block
}
.is-drilldown.animate-height {
  transition: height 0.5s
}
.drilldown a {
  padding: 0.7rem 1rem;
  background: #fefefe
}
.drilldown .is-drilldown-submenu {
  position: absolute;
  top: 0;
  left: 100%;
  z-index: -1;
  width: 100%;
  background: #fefefe;
  transition: transform 0.15s linear
}
.drilldown .is-drilldown-submenu.is-active {
  z-index: 1;
  display: block;
  transform: translateX(-100%)
}
.drilldown .is-drilldown-submenu.is-closing {
  transform: translateX(100%)
}
.drilldown .is-drilldown-submenu a {
  padding: 0.7rem 1rem
}
.drilldown .nested.is-drilldown-submenu {
  margin-right: 0;
  margin-left: 0
}
.drilldown .drilldown-submenu-cover-previous {
  min-height: 100%
}
.drilldown .is-drilldown-submenu-parent > a {
  position: relative
}
.drilldown .is-drilldown-submenu-parent > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #1779ba;
  position: absolute;
  top: 50%;
  margin-top: -6px;
  right: 1rem
}
.drilldown.align-left .is-drilldown-submenu-parent > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #1779ba;
  right: 1rem;
  left: auto
}
.drilldown.align-right .is-drilldown-submenu-parent > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-left-width: 0;
  border-right-style: solid;
  border-color: transparent #1779ba transparent transparent;
  right: auto;
  left: 1rem
}
.drilldown .js-drilldown-back > a::before {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-left-width: 0;
  border-right-style: solid;
  border-color: transparent #1779ba transparent transparent;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.75rem
}
.dropdown-pane {
  position: absolute;
  z-index: 10;
  display: none;
  width: 300px;
  padding: 1rem;
  visibility: hidden;
  border: 1px solid #cacaca;
  border-radius: 0;
  background-color: #fefefe;
  font-size: 1rem
}
.dropdown-pane.is-opening {
  display: block
}
.dropdown-pane.is-open {
  display: block;
  visibility: visible
}
.dropdown-pane.tiny {
  width: 100px
}
.dropdown-pane.small {
  width: 200px
}
.dropdown-pane.large {
  width: 400px
}
.dropdown.menu > li.opens-left > .is-dropdown-submenu {
  top: 100%;
  right: 0;
  left: auto
}
.dropdown.menu > li.opens-right > .is-dropdown-submenu {
  top: 100%;
  right: auto;
  left: 0
}
.dropdown.menu > li.is-dropdown-submenu-parent > a {
  position: relative;
  padding-right: 1.5rem
}
.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-bottom-width: 0;
  border-top-style: solid;
  border-color: #1779ba transparent transparent;
  right: 5px;
  left: auto;
  margin-top: -3px
}
[data-whatinput='mouse'] .dropdown.menu a {
  outline: 0
}
.dropdown.menu > li > a {
  padding: 0.7rem 1rem
}
.dropdown.menu > li.is-active > a {
  background: transparent;
  color: #1779ba
}
.no-js .dropdown.menu ul {
  display: none
}
.dropdown.menu .nested.is-dropdown-submenu {
  margin-right: 0;
  margin-left: 0
}
.dropdown.menu.vertical > li .is-dropdown-submenu {
  top: 0
}
.dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu {
  top: 0;
  right: 100%;
  left: auto
}
.dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu {
  right: auto;
  left: 100%
}
.dropdown.menu.vertical > li > a::after {
  right: 14px
}
.dropdown.menu.vertical > li.opens-left > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-left-width: 0;
  border-right-style: solid;
  border-color: transparent #1779ba transparent transparent;
  right: auto;
  left: 5px
}
.dropdown.menu.vertical > li.opens-right > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #1779ba
}
@media print, screen and (min-width: 40em) {
  .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto
  }
  .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0
  }
  .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a {
    position: relative;
    padding-right: 1.5rem
  }
  .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #1779ba transparent transparent;
    right: 5px;
    left: auto;
    margin-top: -3px
  }
  .dropdown.menu.medium-vertical > li .is-dropdown-submenu {
    top: 0
  }
  .dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu {
    top: 0;
    right: 100%;
    left: auto
  }
  .dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%
  }
  .dropdown.menu.medium-vertical > li > a::after {
    right: 14px
  }
  .dropdown.menu.medium-vertical > li.opens-left > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #1779ba transparent transparent;
    right: auto;
    left: 5px
  }
  .dropdown.menu.medium-vertical > li.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #1779ba
  }
}
@media print, screen and (min-width: 64em) {
  .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto
  }
  .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0
  }
  .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a {
    position: relative;
    padding-right: 1.5rem
  }
  .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #1779ba transparent transparent;
    right: 5px;
    left: auto;
    margin-top: -3px
  }
  .dropdown.menu.large-vertical > li .is-dropdown-submenu {
    top: 0
  }
  .dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu {
    top: 0;
    right: 100%;
    left: auto
  }
  .dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%
  }
  .dropdown.menu.large-vertical > li > a::after {
    right: 14px
  }
  .dropdown.menu.large-vertical > li.opens-left > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #1779ba transparent transparent;
    right: auto;
    left: 5px
  }
  .dropdown.menu.large-vertical > li.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #1779ba
  }
}
.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
  top: 100%;
  right: 0;
  left: auto
}
.is-dropdown-menu.vertical {
  width: 100px
}
.is-dropdown-menu.vertical.align-right {
  float: right
}
.is-dropdown-submenu-parent {
  position: relative
}
.is-dropdown-submenu-parent a::after {
  position: absolute;
  top: 50%;
  right: 5px;
  left: auto;
  margin-top: -6px
}
.is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu {
  top: 100%;
  left: auto
}
.is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu {
  right: 100%;
  left: auto
}
.is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu {
  right: auto;
  left: 100%
}
.is-dropdown-submenu {
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 1;
  display: none;
  min-width: 200px;
  border: 1px solid #cacaca;
  background: #fefefe
}
.dropdown .is-dropdown-submenu a {
  padding: 0.7rem 1rem
}
.is-dropdown-submenu .is-dropdown-submenu-parent > a::after {
  right: 14px
}
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-left-width: 0;
  border-right-style: solid;
  border-color: transparent #1779ba transparent transparent;
  right: auto;
  left: 5px
}
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #1779ba
}
.is-dropdown-submenu .is-dropdown-submenu {
  margin-top: -1px
}
.is-dropdown-submenu > li {
  width: 100%
}
.is-dropdown-submenu.js-dropdown-active {
  display: block
}
.responsive-embed, .flex-video {
  position: relative;
  height: 0;
  margin-bottom: 1rem;
  padding-bottom: 75%;
  overflow: hidden
}
.responsive-embed iframe, .responsive-embed object, .responsive-embed embed, .responsive-embed video, .flex-video iframe, .flex-video object, .flex-video embed, .flex-video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
.responsive-embed.widescreen, .flex-video.widescreen {
  padding-bottom: 56.25%
}
.label {
  display: inline-block;
  padding: 0.33333rem 0.5rem;
  border-radius: 0;
  font-size: 0.8rem;
  line-height: 1;
  white-space: nowrap;
  cursor: default;
  background: #1779ba;
  color: #fefefe
}
.label.primary {
  background: #1779ba;
  color: #fefefe
}
.label.secondary {
  background: #767676;
  color: #fefefe
}
.label.success {
  background: #3adb76;
  color: #0a0a0a
}
.label.warning {
  background: #ffae00;
  color: #0a0a0a
}
.label.alert {
  background: #cc4b37;
  color: #fefefe
}
.media-object {
  display: flex;
  margin-bottom: 1rem;
  flex-wrap: nowrap
}
.media-object img {
  max-width: none
}
@media print, screen and (max-width: 39.99875em) {
  .media-object.stack-for-small {
    flex-wrap: wrap
  }
}
.media-object-section {
  flex: 0 1 auto
}
.media-object-section:first-child {
  padding-right: 1rem
}
.media-object-section:last-child:not(:nth-child(2)) {
  padding-left: 1rem
}
.media-object-section > :last-child {
  margin-bottom: 0
}
@media print, screen and (max-width: 39.99875em) {
  .stack-for-small .media-object-section {
    padding: 0;
    padding-bottom: 1rem;
    flex-basis: 100%;
    max-width: 100%
  }
  .stack-for-small .media-object-section img {
    width: 100%
  }
}
.media-object-section.main-section {
  flex: 1 1 0px
}
.is-off-canvas-open {
  overflow: hidden
}
.js-off-canvas-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 11;
  width: 100%;
  height: 100%;
  transition: opacity 0.5s ease, visibility 0.5s ease;
  background: rgba(254, 254, 254, 0.25);
  opacity: 0;
  visibility: hidden;
  overflow: hidden
}
.js-off-canvas-overlay.is-visible {
  opacity: 1;
  visibility: visible
}
.js-off-canvas-overlay.is-closable {
  cursor: pointer
}
.js-off-canvas-overlay.is-overlay-absolute {
  position: absolute
}
.js-off-canvas-overlay.is-overlay-fixed {
  position: fixed
}
.off-canvas-wrapper {
  position: relative;
  overflow: hidden
}
.off-canvas {
  position: fixed;
  z-index: 12;
  transition: transform 0.5s ease;
  backface-visibility: hidden;
  background: white
}
[data-whatinput='mouse'] .off-canvas {
  outline: 0
}
.off-canvas.is-transition-push {
  z-index: 12
}
.off-canvas.is-closed {
  visibility: hidden
}
.off-canvas.is-transition-overlap {
  z-index: 13
}
.off-canvas.is-transition-overlap.is-open {
  box-shadow: none
}
.off-canvas.is-open {
  transform: translate(0, 0)
}
.off-canvas-absolute {
  position: absolute;
  z-index: 12;
  transition: transform 0.5s ease;
  backface-visibility: hidden;
  background: white
}
[data-whatinput='mouse'] .off-canvas-absolute {
  outline: 0
}
.off-canvas-absolute.is-transition-push {
  z-index: 12
}
.off-canvas-absolute.is-closed {
  visibility: hidden
}
.off-canvas-absolute.is-transition-overlap {
  z-index: 13
}
.off-canvas-absolute.is-transition-overlap.is-open {
  box-shadow: none
}
.off-canvas-absolute.is-open {
  transform: translate(0, 0)
}
.position-left {
  top: 0;
  left: 0;
  height: 100%;
  overflow-y: auto;
  width: 100%;
  transform: translateX(-100%)
}
.off-canvas-content .off-canvas.position-left {
  transform: translateX(-100%)
}
.off-canvas-content .off-canvas.position-left.is-transition-overlap.is-open {
  transform: translate(0, 0)
}
.off-canvas-content.is-open-left.has-transition-push {
  transform: translateX(100%)
}
.position-left.is-transition-push {
  box-shadow: inset -13px 0 20px -13px white
}
.position-right {
  top: 0;
  right: 0;
  height: 100%;
  overflow-y: auto;
  width: 100%;
  transform: translateX(100%)
}
.off-canvas-content .off-canvas.position-right {
  transform: translateX(100%)
}
.off-canvas-content .off-canvas.position-right.is-transition-overlap.is-open {
  transform: translate(0, 0)
}
.off-canvas-content.is-open-right.has-transition-push {
  transform: translateX(-100%)
}
.position-right.is-transition-push {
  box-shadow: inset 13px 0 20px -13px white
}
.position-top {
  top: 0;
  left: 0;
  width: 100%;
  overflow-x: auto;
  height: 250px;
  transform: translateY(-250px)
}
.off-canvas-content .off-canvas.position-top {
  transform: translateY(-250px)
}
.off-canvas-content .off-canvas.position-top.is-transition-overlap.is-open {
  transform: translate(0, 0)
}
.off-canvas-content.is-open-top.has-transition-push {
  transform: translateY(250px)
}
.position-top.is-transition-push {
  box-shadow: inset 0 -13px 20px -13px white
}
.position-bottom {
  bottom: 0;
  left: 0;
  width: 100%;
  overflow-x: auto;
  height: 250px;
  transform: translateY(250px)
}
.off-canvas-content .off-canvas.position-bottom {
  transform: translateY(250px)
}
.off-canvas-content .off-canvas.position-bottom.is-transition-overlap.is-open {
  transform: translate(0, 0)
}
.off-canvas-content.is-open-bottom.has-transition-push {
  transform: translateY(-250px)
}
.position-bottom.is-transition-push {
  box-shadow: inset 0 13px 20px -13px white
}
.off-canvas-content {
  transform: none;
  backface-visibility: hidden
}
.off-canvas-content.has-transition-overlap, .off-canvas-content.has-transition-push {
  transition: transform 0.5s ease
}
.off-canvas-content.has-transition-push {
  transform: translate(0, 0)
}
.off-canvas-content .off-canvas.is-open {
  transform: translate(0, 0)
}
@media print, screen and (min-width: 40em) {
  .position-left.reveal-for-medium {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible
  }
  .position-left.reveal-for-medium .close-button {
    display: none
  }
  .off-canvas-content .position-left.reveal-for-medium {
    transform: none
  }
  .off-canvas-content.has-reveal-left {
    margin-left: 100%
  }
  .position-left.reveal-for-medium ~ .off-canvas-content {
    margin-left: 100%
  }
  .position-right.reveal-for-medium {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible
  }
  .position-right.reveal-for-medium .close-button {
    display: none
  }
  .off-canvas-content .position-right.reveal-for-medium {
    transform: none
  }
  .off-canvas-content.has-reveal-right {
    margin-right: 100%
  }
  .position-right.reveal-for-medium ~ .off-canvas-content {
    margin-right: 100%
  }
  .position-top.reveal-for-medium {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible
  }
  .position-top.reveal-for-medium .close-button {
    display: none
  }
  .off-canvas-content .position-top.reveal-for-medium {
    transform: none
  }
  .off-canvas-content.has-reveal-top {
    margin-top: 100%
  }
  .position-top.reveal-for-medium ~ .off-canvas-content {
    margin-top: 100%
  }
  .position-bottom.reveal-for-medium {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible
  }
  .position-bottom.reveal-for-medium .close-button {
    display: none
  }
  .off-canvas-content .position-bottom.reveal-for-medium {
    transform: none
  }
  .off-canvas-content.has-reveal-bottom {
    margin-bottom: 100%
  }
  .position-bottom.reveal-for-medium ~ .off-canvas-content {
    margin-bottom: 100%
  }
}
@media print, screen and (min-width: 64em) {
  .position-left.reveal-for-large {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible
  }
  .position-left.reveal-for-large .close-button {
    display: none
  }
  .off-canvas-content .position-left.reveal-for-large {
    transform: none
  }
  .off-canvas-content.has-reveal-left {
    margin-left: 100%
  }
  .position-left.reveal-for-large ~ .off-canvas-content {
    margin-left: 100%
  }
  .position-right.reveal-for-large {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible
  }
  .position-right.reveal-for-large .close-button {
    display: none
  }
  .off-canvas-content .position-right.reveal-for-large {
    transform: none
  }
  .off-canvas-content.has-reveal-right {
    margin-right: 100%
  }
  .position-right.reveal-for-large ~ .off-canvas-content {
    margin-right: 100%
  }
  .position-top.reveal-for-large {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible
  }
  .position-top.reveal-for-large .close-button {
    display: none
  }
  .off-canvas-content .position-top.reveal-for-large {
    transform: none
  }
  .off-canvas-content.has-reveal-top {
    margin-top: 100%
  }
  .position-top.reveal-for-large ~ .off-canvas-content {
    margin-top: 100%
  }
  .position-bottom.reveal-for-large {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible
  }
  .position-bottom.reveal-for-large .close-button {
    display: none
  }
  .off-canvas-content .position-bottom.reveal-for-large {
    transform: none
  }
  .off-canvas-content.has-reveal-bottom {
    margin-bottom: 100%
  }
  .position-bottom.reveal-for-large ~ .off-canvas-content {
    margin-bottom: 100%
  }
}
@media print, screen and (min-width: 40em) {
  .off-canvas.in-canvas-for-medium {
    visibility: visible;
    height: auto;
    position: static;
    background: none;
    width: auto;
    overflow: visible;
    transition: none
  }
  .off-canvas.in-canvas-for-medium.position-left, .off-canvas.in-canvas-for-medium.position-right, .off-canvas.in-canvas-for-medium.position-top, .off-canvas.in-canvas-for-medium.position-bottom {
    box-shadow: none;
    transform: none
  }
  .off-canvas.in-canvas-for-medium .close-button {
    display: none
  }
}
@media print, screen and (min-width: 64em) {
  .off-canvas.in-canvas-for-large {
    visibility: visible;
    height: auto;
    position: static;
    background: none;
    width: auto;
    overflow: visible;
    transition: none
  }
  .off-canvas.in-canvas-for-large.position-left, .off-canvas.in-canvas-for-large.position-right, .off-canvas.in-canvas-for-large.position-top, .off-canvas.in-canvas-for-large.position-bottom {
    box-shadow: none;
    transform: none
  }
  .off-canvas.in-canvas-for-large .close-button {
    display: none
  }
}
.orbit {
  position: relative
}
.orbit-container {
  position: relative;
  height: 0;
  margin: 0;
  list-style: none;
  overflow: hidden
}
.orbit-slide {
  width: 100%;
  position: absolute
}
.orbit-slide.no-motionui.is-active {
  top: 0;
  left: 0
}
.orbit-figure {
  margin: 0
}
.orbit-image {
  width: 100%;
  max-width: 100%;
  margin: 0
}
.orbit-caption {
  position: absolute;
  bottom: 0;
  width: 100%;
  margin-bottom: 0;
  padding: 1rem;
  background-color: rgba(10, 10, 10, 0.5);
  color: #fefefe
}
.orbit-previous, .orbit-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  padding: 1rem;
  color: #fefefe
}
[data-whatinput='mouse'] .orbit-previous, [data-whatinput='mouse'] .orbit-next {
  outline: 0
}
.orbit-previous:hover, .orbit-next:hover, .orbit-previous:active, .orbit-next:active, .orbit-previous:focus, .orbit-next:focus {
  background-color: rgba(10, 10, 10, 0.5)
}
.orbit-previous {
  left: 0
}
.orbit-next {
  left: auto;
  right: 0
}
.orbit-bullets {
  position: relative;
  margin-top: 0.8rem;
  margin-bottom: 0.8rem;
  text-align: center
}
[data-whatinput='mouse'] .orbit-bullets {
  outline: 0
}
.orbit-bullets button {
  width: 1.2rem;
  height: 1.2rem;
  margin: 0.1rem;
  border-radius: 50%;
  background-color: #cacaca
}
.orbit-bullets button:hover {
  background-color: #8a8a8a
}
.orbit-bullets button.is-active {
  background-color: #8a8a8a
}
.pagination {
  margin-left: 0;
  margin-bottom: 1rem
}
.pagination::before, .pagination::after {
  display: table;
  content: ' ';
  flex-basis: 0;
  order: 1
}
.pagination::after {
  clear: both
}
.pagination li {
  margin-right: 0.0625rem;
  border-radius: 0;
  font-size: 0.875rem;
  display: none
}
.pagination li:last-child, .pagination li:first-child {
  display: inline-block
}
@media print, screen and (min-width: 40em) {
  .pagination li {
    display: inline-block
  }
}
.pagination a, .pagination button {
  display: block;
  padding: 0.1875rem 0.625rem;
  border-radius: 0;
  color: #0a0a0a
}
.pagination a:hover, .pagination button:hover {
  background: #e6e6e6
}
.pagination .current {
  padding: 0.1875rem 0.625rem;
  background: #1779ba;
  color: #fefefe;
  cursor: default
}
.pagination .disabled {
  padding: 0.1875rem 0.625rem;
  color: #cacaca;
  cursor: not-allowed
}
.pagination .disabled:hover {
  background: transparent
}
.pagination .ellipsis::after {
  padding: 0.1875rem 0.625rem;
  content: '\2026';
  color: #0a0a0a
}
.pagination-previous a::before, .pagination-previous.disabled::before {
  display: inline-block;
  margin-right: 0.5rem;
  content: "«"
}
.pagination-next a::after, .pagination-next.disabled::after {
  display: inline-block;
  margin-left: 0.5rem;
  content: "»"
}
.progress {
  height: 1rem;
  margin-bottom: 1rem;
  border-radius: 0;
  background-color: #cacaca
}
.progress.primary .progress-meter {
  background-color: #1779ba
}
.progress.secondary .progress-meter {
  background-color: #767676
}
.progress.success .progress-meter {
  background-color: #3adb76
}
.progress.warning .progress-meter {
  background-color: #ffae00
}
.progress.alert .progress-meter {
  background-color: #cc4b37
}
.progress-meter {
  position: relative;
  display: block;
  width: 0%;
  height: 100%;
  background-color: #1779ba
}
.progress-meter-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  font-size: 0.75rem;
  font-weight: bold;
  color: #fefefe;
  white-space: nowrap
}
.slider {
  position: relative;
  height: 0.5rem;
  margin-top: 1.25rem;
  margin-bottom: 2.25rem;
  background-color: #e6e6e6;
  cursor: pointer;
  user-select: none;
  touch-action: none
}
.slider-fill {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  max-width: 100%;
  height: 0.5rem;
  background-color: #cacaca;
  transition: all 0.2s ease-in-out
}
.slider-fill.is-dragging {
  transition: all 0s linear
}
.slider-handle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  z-index: 1;
  display: inline-block;
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 0;
  background-color: #1779ba;
  transition: all 0.2s ease-in-out;
  touch-action: manipulation
}
[data-whatinput='mouse'] .slider-handle {
  outline: 0
}
.slider-handle:hover {
  background-color: #14679e
}
.slider-handle.is-dragging {
  transition: all 0s linear
}
.slider.disabled, .slider[disabled] {
  opacity: 0.25;
  cursor: not-allowed
}
.slider.vertical {
  display: inline-block;
  width: 0.5rem;
  height: 12.5rem;
  margin: 0 1.25rem;
  transform: scale(1, -1)
}
.slider.vertical .slider-fill {
  top: 0;
  width: 0.5rem;
  max-height: 100%
}
.slider.vertical .slider-handle {
  position: absolute;
  top: 0;
  left: 50%;
  width: 1.4rem;
  height: 1.4rem;
  transform: translateX(-50%)
}
.sticky-container {
  position: relative
}
.sticky {
  position: relative;
  z-index: 0;
  transform: translate3d(0, 0, 0)
}
.sticky.is-stuck {
  position: fixed;
  z-index: 5;
  width: 100%
}
.sticky.is-stuck.is-at-top {
  top: 0
}
.sticky.is-stuck.is-at-bottom {
  bottom: 0
}
.sticky.is-anchored {
  position: relative;
  right: auto;
  left: auto
}
.sticky.is-anchored.is-at-bottom {
  bottom: 0
}
html.is-reveal-open {
  position: fixed;
  width: 100%;
  overflow-y: hidden
}
html.is-reveal-open.zf-has-scroll {
  overflow-y: scroll
}
html.is-reveal-open body {
  overflow-y: hidden
}
.reveal-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1005;
  display: none;
  background-color: rgba(0, 0, 0, 0.65);
  overflow-y: auto
}
.reveal {
  z-index: 1006;
  backface-visibility: hidden;
  display: none;
  padding: 1rem;
  border: 1px solid #cacaca;
  border-radius: 0;
  background-color: #fefefe;
  position: relative;
  top: 100px;
  margin-right: auto;
  margin-left: auto;
  overflow-y: auto
}
[data-whatinput='mouse'] .reveal {
  outline: 0
}
@media print, screen and (min-width: 40em) {
  .reveal {
    min-height: 0
  }
}
.reveal .column, .reveal .columns {
  min-width: 0
}
.reveal > :last-child {
  margin-bottom: 0
}
@media print, screen and (min-width: 40em) {
  .reveal {
    width: 600px;
    max-width: 75rem
  }
}
.reveal.collapse {
  padding: 0
}
@media print, screen and (min-width: 40em) {
  .reveal.tiny {
    width: 30%;
    max-width: 75rem
  }
}
@media print, screen and (min-width: 40em) {
  .reveal.small {
    width: 50%;
    max-width: 75rem
  }
}
@media print, screen and (min-width: 40em) {
  .reveal.large {
    width: 90%;
    max-width: 75rem
  }
}
.reveal.full {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  max-width: none;
  height: 100%;
  min-height: 100%;
  margin-left: 0;
  border: 0;
  border-radius: 0
}
@media print, screen and (max-width: 39.99875em) {
  .reveal {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: none;
    height: 100%;
    min-height: 100%;
    margin-left: 0;
    border: 0;
    border-radius: 0
  }
}
.reveal.without-overlay {
  position: fixed
}
.switch {
  height: 2rem;
  position: relative;
  margin-bottom: 1rem;
  outline: 0;
  font-size: 0.875rem;
  font-weight: bold;
  color: #fefefe;
  user-select: none
}
.switch-input {
  position: absolute;
  margin-bottom: 0;
  opacity: 0
}
.switch-paddle {
  position: relative;
  display: block;
  width: 4rem;
  height: 2rem;
  border-radius: 0;
  background: #cacaca;
  transition: all 0.25s ease-out;
  font-weight: inherit;
  color: inherit;
  cursor: pointer
}
input + .switch-paddle {
  margin: 0
}
.switch-paddle::after {
  position: absolute;
  top: 0.25rem;
  left: 0.25rem;
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  transform: translate3d(0, 0, 0);
  border-radius: 0;
  background: #fefefe;
  transition: all 0.25s ease-out;
  content: ''
}
input:checked ~ .switch-paddle {
  background: #1779ba
}
input:checked ~ .switch-paddle::after {
  left: 2.25rem
}
input:disabled ~ .switch-paddle {
  cursor: not-allowed;
  opacity: 0.5
}
[data-whatinput='mouse'] input:focus ~ .switch-paddle {
  outline: 0
}
.switch-active, .switch-inactive {
  position: absolute;
  top: 50%;
  transform: translateY(-50%)
}
.switch-active {
  left: 8%;
  display: none
}
input:checked + label > .switch-active {
  display: block
}
.switch-inactive {
  right: 15%
}
input:checked + label > .switch-inactive {
  display: none
}
.switch.tiny {
  height: 1.5rem
}
.switch.tiny .switch-paddle {
  width: 3rem;
  height: 1.5rem;
  font-size: 0.625rem
}
.switch.tiny .switch-paddle::after {
  top: 0.25rem;
  left: 0.25rem;
  width: 1rem;
  height: 1rem
}
.switch.tiny input:checked ~ .switch-paddle::after {
  left: 1.75rem
}
.switch.small {
  height: 1.75rem
}
.switch.small .switch-paddle {
  width: 3.5rem;
  height: 1.75rem;
  font-size: 0.75rem
}
.switch.small .switch-paddle::after {
  top: 0.25rem;
  left: 0.25rem;
  width: 1.25rem;
  height: 1.25rem
}
.switch.small input:checked ~ .switch-paddle::after {
  left: 2rem
}
.switch.large {
  height: 2.5rem
}
.switch.large .switch-paddle {
  width: 5rem;
  height: 2.5rem;
  font-size: 1rem
}
.switch.large .switch-paddle::after {
  top: 0.25rem;
  left: 0.25rem;
  width: 2rem;
  height: 2rem
}
.switch.large input:checked ~ .switch-paddle::after {
  left: 2.75rem
}
table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 1rem;
  border-radius: 0
}
thead, tbody, tfoot {
  border: 1px solid #f1f1f1;
  background-color: #fefefe
}
caption {
  padding: 0.5rem 0.625rem 0.625rem;
  font-weight: bold
}
thead {
  background: #f8f8f8;
  color: #0a0a0a
}
tfoot {
  background: #f1f1f1;
  color: #0a0a0a
}
thead tr, tfoot tr {
  background: transparent
}
thead th, thead td, tfoot th, tfoot td {
  padding: 0.5rem 0.625rem 0.625rem;
  font-weight: bold;
  text-align: left
}
tbody th, tbody td {
  padding: 0.5rem 0.625rem 0.625rem
}
tbody tr:nth-child(even) {
  border-bottom: 0;
  background-color: #f1f1f1
}
table.unstriped tbody {
  background-color: #fefefe
}
table.unstriped tbody tr {
  border-bottom: 0;
  border-bottom: 1px solid #f1f1f1;
  background-color: #fefefe
}
@media print, screen and (max-width: 63.99875em) {
  table.stack thead {
    display: none
  }
  table.stack tfoot {
    display: none
  }
  table.stack tr, table.stack th, table.stack td {
    display: block
  }
  table.stack td {
    border-top: 0
  }
}
table.scroll {
  display: block;
  width: 100%;
  overflow-x: auto
}
table.hover thead tr:hover {
  background-color: #f3f3f3
}
table.hover tfoot tr:hover {
  background-color: #ececec
}
table.hover tbody tr:hover {
  background-color: #f9f9f9
}
table.hover:not(.unstriped) tr:nth-of-type(even):hover {
  background-color: #ececec
}
.table-scroll {
  overflow-x: auto
}
.tabs {
  margin: 0;
  border: 1px solid #e6e6e6;
  background: #fefefe;
  list-style-type: none
}
.tabs::before, .tabs::after {
  display: table;
  content: ' ';
  flex-basis: 0;
  order: 1
}
.tabs::after {
  clear: both
}
.tabs.vertical > li {
  display: block;
  float: none;
  width: auto
}
.tabs.simple > li > a {
  padding: 0
}
.tabs.simple > li > a:hover {
  background: transparent
}
.tabs.primary {
  background: #1779ba
}
.tabs.primary > li > a {
  color: #fefefe
}
.tabs.primary > li > a:hover, .tabs.primary > li > a:focus {
  background: #1673b1
}
.tabs-title {
  float: left
}
.tabs-title > a {
  display: block;
  padding: 1.25rem 1.5rem;
  font-size: 0.75rem;
  line-height: 1;
  color: #1779ba
}
[data-whatinput='mouse'] .tabs-title > a {
  outline: 0
}
.tabs-title > a:hover {
  background: #fefefe;
  color: #1468a0
}
.tabs-title > a:focus, .tabs-title > a[aria-selected='true'] {
  background: #e6e6e6;
  color: #1779ba
}
.tabs-content {
  border: 1px solid #e6e6e6;
  border-top: 0;
  background: #fefefe;
  color: #0a0a0a;
  transition: all 0.5s ease
}
.tabs-content.vertical {
  border: 1px solid #e6e6e6;
  border-left: 0
}
.tabs-panel {
  display: none;
  padding: 1rem
}
.tabs-panel.is-active {
  display: block
}
.thumbnail {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 1rem;
  border: 4px solid #fefefe;
  border-radius: 0;
  box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2);
  line-height: 0
}
a.thumbnail {
  transition: box-shadow 200ms ease-out
}
a.thumbnail:hover, a.thumbnail:focus {
  box-shadow: 0 0 6px 1px rgba(23, 121, 186, 0.5)
}
a.thumbnail image {
  box-shadow: none
}
.title-bar {
  padding: 0.5rem;
  background: #592C82;
  color: #fefefe;
  display: flex;
  justify-content: flex-start;
  align-items: center
}
.title-bar .menu-icon {
  margin-left: 0.25rem;
  margin-right: 0.25rem
}
.title-bar-left, .title-bar-right {
  flex: 1 1 0px
}
.title-bar-right {
  text-align: right
}
.title-bar-title {
  display: inline-block;
  vertical-align: middle;
  font-weight: bold
}
.has-tip {
  position: relative;
  display: inline-block;
  border-bottom: dotted 1px #8a8a8a;
  font-weight: bold;
  cursor: help
}
.tooltip {
  position: absolute;
  top: calc(100% + 0.6495rem);
  z-index: 1200;
  max-width: 300px;
  padding: 0.75rem;
  border-radius: 6px;
  background-color: #f8f8f8;
  font-size: 16px;
  color: #008094
}
.tooltip::before {
  position: absolute
}
.tooltip.bottom::before {
  display: block;
  width: 0;
  height: 0;
  border: inset 0.75rem;
  content: '';
  border-top-width: 0;
  border-bottom-style: solid;
  border-color: transparent transparent #f8f8f8;
  bottom: 100%
}
.tooltip.bottom.align-center::before {
  left: 50%;
  transform: translateX(-50%)
}
.tooltip.top::before {
  display: block;
  width: 0;
  height: 0;
  border: inset 0.75rem;
  content: '';
  border-bottom-width: 0;
  border-top-style: solid;
  border-color: #f8f8f8 transparent transparent;
  top: 100%;
  bottom: auto
}
.tooltip.top.align-center::before {
  left: 50%;
  transform: translateX(-50%)
}
.tooltip.left::before {
  display: block;
  width: 0;
  height: 0;
  border: inset 0.75rem;
  content: '';
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #f8f8f8;
  left: 100%
}
.tooltip.left.align-center::before {
  bottom: auto;
  top: 50%;
  transform: translateY(-50%)
}
.tooltip.right::before {
  display: block;
  width: 0;
  height: 0;
  border: inset 0.75rem;
  content: '';
  border-left-width: 0;
  border-right-style: solid;
  border-color: transparent #f8f8f8 transparent transparent;
  right: 100%;
  left: auto
}
.tooltip.right.align-center::before {
  bottom: auto;
  top: 50%;
  transform: translateY(-50%)
}
.tooltip.align-top::before {
  bottom: auto;
  top: 10%
}
.tooltip.align-bottom::before {
  bottom: 10%;
  top: auto
}
.tooltip.align-left::before {
  left: 10%;
  right: auto
}
.tooltip.align-right::before {
  left: auto;
  right: 10%
}
.top-bar {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0rem;
  flex-wrap: wrap
}
.top-bar, .top-bar ul {
  background-color: #ffffff
}
.top-bar input {
  max-width: 200px;
  margin-right: 1rem
}
.top-bar .input-group-field {
  width: 100%;
  margin-right: 0
}
.top-bar input.button {
  width: auto
}
.top-bar .top-bar-left, .top-bar .top-bar-right {
  flex: 0 0 100%;
  max-width: 100%
}
@media print, screen and (min-width: 40em) {
  .top-bar {
    flex-wrap: nowrap
  }
  .top-bar .top-bar-left {
    flex: 1 1 auto;
    margin-right: auto
  }
  .top-bar .top-bar-right {
    flex: 0 1 auto;
    margin-left: auto
  }
}
@media print, screen and (max-width: 63.99875em) {
  .top-bar.stacked-for-medium {
    flex-wrap: wrap
  }
  .top-bar.stacked-for-medium .top-bar-left, .top-bar.stacked-for-medium .top-bar-right {
    flex: 0 0 100%;
    max-width: 100%
  }
}
@media print, screen and (max-width: 74.99875em) {
  .top-bar.stacked-for-large {
    flex-wrap: wrap
  }
  .top-bar.stacked-for-large .top-bar-left, .top-bar.stacked-for-large .top-bar-right {
    flex: 0 0 100%;
    max-width: 100%
  }
}
.top-bar-title {
  flex: 0 0 auto;
  margin: 0.5rem 1rem 0.5rem 0
}
.top-bar-left, .top-bar-right {
  flex: 0 0 auto
}
.hide {
  display: none !important
}
.invisible {
  visibility: hidden
}
@media print, screen and (max-width: 39.99875em) {
  .hide-for-small-only {
    display: none !important
  }
}
@media screen and (max-width: 0em), screen and (min-width: 40em) {
  .show-for-small-only {
    display: none !important
  }
}
@media print, screen and (min-width: 40em) {
  .hide-for-medium {
    display: none !important
  }
}
@media screen and (max-width: 39.99875em) {
  .show-for-medium {
    display: none !important
  }
}
@media print, screen and (min-width: 40em) and (max-width: 63.99875em) {
  .hide-for-medium-only {
    display: none !important
  }
}
@media screen and (max-width: 39.99875em), screen and (min-width: 64em) {
  .show-for-medium-only {
    display: none !important
  }
}
@media print, screen and (min-width: 64em) {
  .hide-for-large {
    display: none !important
  }
}
@media screen and (max-width: 63.99875em) {
  .show-for-large {
    display: none !important
  }
}
@media print, screen and (min-width: 64em) and (max-width: 74.99875em) {
  .hide-for-large-only {
    display: none !important
  }
}
@media screen and (max-width: 63.99875em), screen and (min-width: 75em) {
  .show-for-large-only {
    display: none !important
  }
}
.show-for-sr, .show-on-focus {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important
}
.show-on-focus:active, .show-on-focus:focus {
  position: static !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important
}
.show-for-landscape, .hide-for-portrait {
  display: block !important
}
@media screen and (orientation: landscape) {
  .show-for-landscape, .hide-for-portrait {
    display: block !important
  }
}
@media screen and (orientation: portrait) {
  .show-for-landscape, .hide-for-portrait {
    display: none !important
  }
}
.hide-for-landscape, .show-for-portrait {
  display: none !important
}
@media screen and (orientation: landscape) {
  .hide-for-landscape, .show-for-portrait {
    display: none !important
  }
}
@media screen and (orientation: portrait) {
  .hide-for-landscape, .show-for-portrait {
    display: block !important
  }
}
.float-left {
  float: left !important
}
.float-right {
  float: right !important
}
.float-center {
  display: block;
  margin-right: auto;
  margin-left: auto
}
.clearfix::before, .clearfix::after {
  display: table;
  content: ' ';
  flex-basis: 0;
  order: 1
}
.clearfix::after {
  clear: both
}
.slide-in-down.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateY(-100%);
  transition-property: transform, opacity;
  backface-visibility: hidden
}
.slide-in-down.mui-enter.mui-enter-active {
  transform: translateY(0)
}
.slide-in-left.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateX(-100%);
  transition-property: transform, opacity;
  backface-visibility: hidden
}
.slide-in-left.mui-enter.mui-enter-active {
  transform: translateX(0)
}
.slide-in-up.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateY(100%);
  transition-property: transform, opacity;
  backface-visibility: hidden
}
.slide-in-up.mui-enter.mui-enter-active {
  transform: translateY(0)
}
.slide-in-right.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateX(100%);
  transition-property: transform, opacity;
  backface-visibility: hidden
}
.slide-in-right.mui-enter.mui-enter-active {
  transform: translateX(0)
}
.slide-out-down.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateY(0);
  transition-property: transform, opacity;
  backface-visibility: hidden
}
.slide-out-down.mui-leave.mui-leave-active {
  transform: translateY(100%)
}
.slide-out-right.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateX(0);
  transition-property: transform, opacity;
  backface-visibility: hidden
}
.slide-out-right.mui-leave.mui-leave-active {
  transform: translateX(100%)
}
.slide-out-up.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateY(0);
  transition-property: transform, opacity;
  backface-visibility: hidden
}
.slide-out-up.mui-leave.mui-leave-active {
  transform: translateY(-100%)
}
.slide-out-left.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateX(0);
  transition-property: transform, opacity;
  backface-visibility: hidden
}
.slide-out-left.mui-leave.mui-leave-active {
  transform: translateX(-100%)
}
.fade-in.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  opacity: 0;
  transition-property: opacity
}
.fade-in.mui-enter.mui-enter-active {
  opacity: 1
}
.fade-out.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  opacity: 1;
  transition-property: opacity
}
.fade-out.mui-leave.mui-leave-active {
  opacity: 0
}
.hinge-in-from-top.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateX(-90deg);
  transform-origin: top;
  transition-property: transform, opacity;
  opacity: 0
}
.hinge-in-from-top.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1
}
.hinge-in-from-right.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateY(-90deg);
  transform-origin: right;
  transition-property: transform, opacity;
  opacity: 0
}
.hinge-in-from-right.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1
}
.hinge-in-from-bottom.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateX(90deg);
  transform-origin: bottom;
  transition-property: transform, opacity;
  opacity: 0
}
.hinge-in-from-bottom.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1
}
.hinge-in-from-left.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateY(90deg);
  transform-origin: left;
  transition-property: transform, opacity;
  opacity: 0
}
.hinge-in-from-left.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1
}
.hinge-in-from-middle-x.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateX(-90deg);
  transform-origin: center;
  transition-property: transform, opacity;
  opacity: 0
}
.hinge-in-from-middle-x.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1
}
.hinge-in-from-middle-y.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateY(-90deg);
  transform-origin: center;
  transition-property: transform, opacity;
  opacity: 0
}
.hinge-in-from-middle-y.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1
}
.hinge-out-from-top.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  transform-origin: top;
  transition-property: transform, opacity;
  opacity: 1
}
.hinge-out-from-top.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateX(90deg);
  opacity: 0
}
.hinge-out-from-right.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  transform-origin: right;
  transition-property: transform, opacity;
  opacity: 1
}
.hinge-out-from-right.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateY(90deg);
  opacity: 0
}
.hinge-out-from-bottom.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  transform-origin: bottom;
  transition-property: transform, opacity;
  opacity: 1
}
.hinge-out-from-bottom.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateX(-90deg);
  opacity: 0
}
.hinge-out-from-left.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  transform-origin: left;
  transition-property: transform, opacity;
  opacity: 1
}
.hinge-out-from-left.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateY(-90deg);
  opacity: 0
}
.hinge-out-from-middle-x.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  transform-origin: center;
  transition-property: transform, opacity;
  opacity: 1
}
.hinge-out-from-middle-x.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateX(90deg);
  opacity: 0
}
.hinge-out-from-middle-y.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  transform-origin: center;
  transition-property: transform, opacity;
  opacity: 1
}
.hinge-out-from-middle-y.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateY(90deg);
  opacity: 0
}
.scale-in-up.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: scale(0.5);
  transition-property: transform, opacity;
  opacity: 0
}
.scale-in-up.mui-enter.mui-enter-active {
  transform: scale(1);
  opacity: 1
}
.scale-in-down.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: scale(1.5);
  transition-property: transform, opacity;
  opacity: 0
}
.scale-in-down.mui-enter.mui-enter-active {
  transform: scale(1);
  opacity: 1
}
.scale-out-up.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: scale(1);
  transition-property: transform, opacity;
  opacity: 1
}
.scale-out-up.mui-leave.mui-leave-active {
  transform: scale(1.5);
  opacity: 0
}
.scale-out-down.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: scale(1);
  transition-property: transform, opacity;
  opacity: 1
}
.scale-out-down.mui-leave.mui-leave-active {
  transform: scale(0.5);
  opacity: 0
}
.spin-in.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: rotate(-0.75turn);
  transition-property: transform, opacity;
  opacity: 0
}
.spin-in.mui-enter.mui-enter-active {
  transform: rotate(0);
  opacity: 1
}
.spin-out.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: rotate(0);
  transition-property: transform, opacity;
  opacity: 1
}
.spin-out.mui-leave.mui-leave-active {
  transform: rotate(0.75turn);
  opacity: 0
}
.spin-in-ccw.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: rotate(0.75turn);
  transition-property: transform, opacity;
  opacity: 0
}
.spin-in-ccw.mui-enter.mui-enter-active {
  transform: rotate(0);
  opacity: 1
}
.spin-out-ccw.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: rotate(0);
  transition-property: transform, opacity;
  opacity: 1
}
.spin-out-ccw.mui-leave.mui-leave-active {
  transform: rotate(-0.75turn);
  opacity: 0
}
.slow {
  transition-duration: 750ms !important
}
.fast {
  transition-duration: 250ms !important
}
.linear {
  transition-timing-function: linear !important
}
.ease {
  transition-timing-function: ease !important
}
.ease-in {
  transition-timing-function: ease-in !important
}
.ease-out {
  transition-timing-function: ease-out !important
}
.ease-in-out {
  transition-timing-function: ease-in-out !important
}
.bounce-in {
  transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important
}
.bounce-out {
  transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important
}
.bounce-in-out {
  transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important
}
.short-delay {
  transition-delay: 300ms !important
}
.long-delay {
  transition-delay: 700ms !important
}
.shake {
  animation-name: shake-7
}
@keyframes shake-7 {
  0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
    transform: translateX(7%)
  }
  5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
    transform: translateX(-7%)
  }
}
.spin-cw {
  animation-name: spin-cw-1turn
}
@keyframes spin-cw-1turn {
  0% {
    transform: rotate(-1turn)
  }
  100% {
    transform: rotate(0)
  }
}
.spin-ccw {
  animation-name: spin-ccw-1turn
}
@keyframes spin-ccw-1turn {
  0% {
    transform: rotate(0)
  }
  100% {
    transform: rotate(-1turn)
  }
}
.wiggle {
  animation-name: wiggle-7deg
}
@keyframes wiggle-7deg {
  40%, 50%, 60% {
    transform: rotate(7deg)
  }
  35%, 45%, 55%, 65% {
    transform: rotate(-7deg)
  }
  0%, 30%, 70%, 100% {
    transform: rotate(0)
  }
}
.shake, .spin-cw, .spin-ccw, .wiggle {
  animation-duration: 500ms
}
.infinite {
  animation-iteration-count: infinite
}
.slow {
  animation-duration: 750ms !important
}
.fast {
  animation-duration: 250ms !important
}
.linear {
  animation-timing-function: linear !important
}
.ease {
  animation-timing-function: ease !important
}
.ease-in {
  animation-timing-function: ease-in !important
}
.ease-out {
  animation-timing-function: ease-out !important
}
.ease-in-out {
  animation-timing-function: ease-in-out !important
}
.bounce-in {
  animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important
}
.bounce-out {
  animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important
}
.bounce-in-out {
  animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important
}
.short-delay {
  animation-delay: 300ms !important
}
.long-delay {
  animation-delay: 700ms !important
}
h1 {
  font-size: 42px;
  line-height: 1.3;
  text-transform: uppercase
}
h2 {
  font-size: 34px;
  line-height: 1.3;
  text-transform: uppercase
}
h3 {
  font-size: 24px;
  line-height: 1.3;
  text-transform: uppercase
}
h4 {
  font-size: 21px;
  line-height: 1.2
}
h5 {
  font-size: 18px
}
p, a {
  font-size: 18px
}
p, ol, a {
  line-height: 1.6;
  font-family: 'museo-sans', sans-serif;
  font-style: normal;
  font-weight: 300
}
label {
  font-weight: 700;
  line-height: 1.2;
  font-size: 14px
}
.legal {
  font-size: 12px;
  line-height: 1.3
}
@media screen and (max-width: 1023px) {
  h1 {
    font-size: 32px
  }
  h2 {
    font-size: 24px
  }
  h3 {
    font-size: 21px
  }
  h4 {
    font-size: 20px
  }
  h5 {
    font-size: 18px
  }
  p, a {
    font-size: 18px
  }
  label {
    font-size: 14px
  }
  .legal {
    font-size: 12px
  }
}