.bb-heading.h1 {
  margin: 24px 0; }
  @media (min-width: 768px) {
    .bb-heading.h1 {
      margin: 40px 0; } }

.bb-heading.h2 {
  margin: 40px 0 16px; }
  @media (min-width: 768px) {
    .bb-heading.h2 {
      margin: 40px 0 24px; } }

.bb-heading h1, .bb-heading h2, .bb-heading h3, .bb-heading h4, .bb-heading h5, .bb-heading h6 {
  margin: 0 !important; }

.spinner {
  display: inline-block;
  position: relative;
  height: 24px;
  width: 24px; }
  .spinner span {
    box-sizing: border-box;
    display: block;
    position: absolute;
    height: 24px;
    width: 24px;
    border: 3px solid #ffffff;
    border-radius: 50%;
    border-color: #ffffff transparent transparent transparent;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; }
    .spinner span:nth-child(1) {
      animation-delay: -0.45s; }
    .spinner span:nth-child(2) {
      animation-delay: -0.3s; }
    .spinner span:nth-child(3) {
      animation-delay: -0.15s; }
  .spinner.turquoise span {
    border-color: #007c76 transparent transparent transparent; }

@keyframes lds-ring {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.button {
  display: inline-block;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border: 1px solid;
  border-radius: 25px;
  cursor: pointer;
  padding: 7px 28px;
  transition: .3s all;
  position: relative;
  margin: 0 16px 16px 0;
  text-align: center; }
  .button:focus {
    outline: 0; }
  .button:hover, .button.hover {
    text-decoration: none; }
  .button:disabled {
    cursor: default; }
  .button.button-small {
    font-size: 14px;
    line-height: 16px;
    padding: 7px 20px; }
  .button.button-large {
    font-size: 16px;
    line-height: 24px; }
    @media (min-width: 768px) {
      .button.button-large {
        font-size: 18px;
        line-height: 28px; } }
  .button.button-block {
    display: block;
    margin-bottom: 16px;
    width: 100%;
    text-align: center; }
  .button.button-mobile-block {
    display: block;
    margin-bottom: 16px;
    width: 100%;
    text-align: center; }
    @media (min-width: 768px) {
      .button.button-mobile-block {
        width: auto;
        display: inline-block; } }
  .button.button-primary {
    background: #d41b66;
    border-color: #d41b66;
    color: #ffffff; }
    .button.button-primary.button-outline {
      background: #ffffff;
      color: #d41b66; }
    .button.button-primary:hover, .button.button-primary.hover {
      background: #8e0042;
      border-color: #8e0042;
      color: #ffffff; }
      .button.button-primary:hover.light, .button.button-primary.hover.light {
        background: #d41b66;
        border-color: #d41b66; }
    .button.button-primary:active {
      background: #750029;
      border-color: #750029;
      color: #ffffff; }
    .button.button-primary:disabled {
      background: #ec699e;
      border-color: #ec699e; }
      .button.button-primary:disabled.button-outline {
        background: #ffffff;
        color: #ec699e; }
  .button.button-secondary {
    background: #007c76;
    border-color: #007c76;
    color: #ffffff; }
    .button.button-secondary.button-outline {
      background: #ffffff;
      color: #007c76; }
    .button.button-secondary:hover, .button.button-secondary.hover {
      background: #015d59;
      border-color: #015d59;
      color: #ffffff; }
      .button.button-secondary:hover.light, .button.button-secondary.hover.light {
        background: #00b5ad;
        border-color: #00b5ad; }
    .button.button-secondary:active {
      background: #004440;
      border-color: #004440;
      color: #ffffff; }
    .button.button-secondary:disabled {
      background: #00afa7;
      border-color: #00afa7; }
      .button.button-secondary:disabled.button-outline {
        background: #ffffff;
        color: #00afa7; }
  .button.button-emergency {
    background: #e41111;
    border-color: #e41111;
    color: #ffffff; }
    .button.button-emergency.button-outline {
      background: #ffffff;
      color: #e41111; }
    .button.button-emergency:hover, .button.button-emergency.hover {
      background: #b90e0e;
      border-color: #b90e0e;
      color: #ffffff; }
      .button.button-emergency:hover.light, .button.button-emergency.hover.light {
        background: #f46767;
        border-color: #f46767; }
    .button.button-emergency:active {
      background: #750029;
      border-color: #750029;
      color: #ffffff; }
    .button.button-emergency:disabled {
      background: #f46767;
      border-color: #f46767; }
      .button.button-emergency:disabled.button-outline {
        background: #ffffff;
        color: #f46767; }
  .button.button-white-pink {
    background: #ffffff;
    border-color: #ffffff;
    color: #d41b66; }
    .button.button-white-pink.button-outline {
      background: transparent;
      color: #ffffff; }
    .button.button-white-pink:hover, .button.button-white-pink.hover {
      background: #8e0042;
      border-color: #8e0042;
      color: #ffffff; }
      .button.button-white-pink:hover.light, .button.button-white-pink.hover.light {
        background: #ec699e;
        border-color: #ec699e; }
    .button.button-white-pink:active {
      background: #750029;
      border-color: #750029;
      color: #ffffff; }
    .button.button-white-pink:disabled {
      background: #ec699e;
      border-color: #ec699e;
      color: #ffffff; }
      .button.button-white-pink:disabled.button-outline {
        background: transparent;
        color: #f296bb;
        border-color: #f296bb; }
  .button.button-white-green {
    background: #ffffff;
    border-color: #ffffff;
    color: #007c76; }
    .button.button-white-green.button-outline {
      background: transparent;
      color: #ffffff; }
    .button.button-white-green:hover, .button.button-white-green.hover {
      background: #015d59;
      border-color: #015d59;
      color: #ffffff; }
      .button.button-white-green:hover.light, .button.button-white-green.hover.light {
        background: #00afa7;
        border-color: #00afa7; }
    .button.button-white-green:active {
      background: #004440;
      border-color: #004440;
      color: #ffffff; }
    .button.button-white-green:disabled {
      background: #00afa7;
      border-color: #00afa7;
      color: #ffffff; }
      .button.button-white-green:disabled.button-outline {
        background: transparent;
        color: #00afa7; }
  .button.button-loading {
    padding-left: 44px; }
    .button.button-loading .spinner {
      position: absolute;
      left: 11px;
      top: 7px; }
      @media (min-width: 768px) {
        .button.button-loading .spinner {
          top: 9px; } }
    .button.button-loading.button-primary.button-outline span {
      border-color: #ec699e transparent transparent transparent; }
    .button.button-loading.button-secondary.button-outline span {
      border-color: #00afa7 transparent transparent transparent; }
    .button.button-loading.button-emergency.button-outline span {
      border-color: #f46767 transparent transparent transparent; }
    .button.button-loading.button-white-pink.button-outline span {
      border-color: #f296bb transparent transparent transparent; }
    .button.button-loading.button-white-green.button-outline span {
      border-color: #00afa7 transparent transparent transparent; }
    .button.button-loading.button-small {
      padding-left: 34px; }
      .button.button-loading.button-small .spinner {
        top: 7px;
        left: 11px;
        height: 16px;
        width: 16px; }
        .button.button-loading.button-small .spinner span {
          height: 16px;
          width: 16px;
          border-width: 2px; }

.tag {
  display: inline-block;
  font-size: 11px;
  line-height: 18px;
  font-family: "Open Sans Bold", "Helvetica", "Arial";
  padding: 3px 5px; }
  @media (min-width: 768px) {
    .tag {
      font-size: 14px;
      padding: 5px 10px; } }

.tag.tag-icon {
  width: 32px; }
  @media (min-width: 768px) {
    .tag.tag-icon {
      width: 42px; } }
  .tag.tag-icon.video {
    background: url("/static/icons/video.svg") no-repeat left center;
    background-size: cover; }

.tag.tag-text {
  background: #212431; }
  .tag.tag-text.red {
    background: #e41111; }
  .tag.tag-text.black-emergency {
    background: #000000; }
  .tag.tag-text strong {
    color: #ffffff; }

.item-with-image .top {
  display: block;
  position: relative;
  overflow: hidden;
  margin-bottom: 12px; }
  @media (min-width: 768px) {
    .item-with-image .top {
      margin-bottom: 16px; } }
  .item-with-image .top img {
    width: 100%; }
  .item-with-image .top .gradient {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    height: 63px;
    background-image: linear-gradient(to bottom, rgba(33, 36, 49, 0), #212431); }
  .item-with-image .top .bottom-line {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2; }
    .item-with-image .top .bottom-line .title {
      text-shadow: 1px 1px 1px #212431;
      font-family: "Open Sans Bold", "Helvetica", "Arial";
      color: #ffffff !important;
      font-size: 18px;
      padding: 8px 12px;
      margin: 0; }
      @media (min-width: 768px) {
        .item-with-image .top .bottom-line .title {
          padding: 10px 20px;
          font-size: 22px; } }

.item-with-image a.main-link {
  display: block; }
  .item-with-image a.main-link:hover, .item-with-image a.main-link.hover {
    text-decoration: none; }
    .item-with-image a.main-link:hover img, .item-with-image a.main-link.hover img {
      transform: scale(1.025); }
    .item-with-image a.main-link:hover .title, .item-with-image a.main-link.hover .title {
      color: #015d59; }
    .item-with-image a.main-link:hover .description, .item-with-image a.main-link.hover .description {
      color: #212431; }
      .item-with-image a.main-link:hover .description p, .item-with-image a.main-link.hover .description p {
        color: #212431; }

.item-with-image .date {
  display: inline-block;
  padding-bottom: 4px; }

.item-with-image .title {
  margin-bottom: 4px;
  color: #007c76; }
  .item-with-image .title.mobile-padding {
    margin-bottom: 32px; }
    @media (min-width: 768px) {
      .item-with-image .title.mobile-padding {
        margin-bottom: 4px; } }

.item-with-image .description {
  font-size: 18px;
  color: #212431; }
  .item-with-image .description p {
    margin-bottom: 0; }

/* clearfix */
.page.landing:after {
  content: "";
  display: table;
  clear: both; }

.breadcrumbs {
  font-family: "Open Sans Regular", "Helvetica", "Arial";
  font-size: 15px; }
  .breadcrumbs.white {
    font-family: "Open Sans Light", "Helvetica", "Arial";
    color: #ffffff;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }
  .breadcrumbs span {
    margin: 0 8px;
    font-size: 12px;
    opacity: 0.5; }

.bb-breadcrumbs {
  margin-top: 24px;
  margin-bottom: 24px; }
  @media (min-width: 768px) {
    .bb-breadcrumbs {
      margin-top: 40px;
      margin-bottom: 40px; } }

.link-chevron {
  padding-top: 16px;
  font-size: 16px; }
  @media (min-width: 768px) {
    .link-chevron {
      font-size: 18px; } }
  .link-chevron:hover {
    text-decoration: none; }
    .link-chevron:hover svg {
      right: -4px; }
  .link-chevron svg {
    width: 5px;
    height: 9px;
    position: relative;
    right: -2px;
    top: -1px;
    -webkit-transition: .3s all;
    -moz-transition: .3s all;
    -ms-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all; }
    @media (min-width: 768px) {
      .link-chevron svg {
        top: auto; } }
    .link-chevron svg path {
      stroke: #007c76;
      fill: none !important; }
  .link-chevron.bold svg {
    width: 6px; }
  .link-chevron.left {
    padding-left: 8px; }
    .link-chevron.left svg {
      left: -8px; }
    .link-chevron.left:hover svg {
      left: -6px; }
  .link-chevron.size-small {
    font-size: 14px;
    line-height: 2; }
    .link-chevron.size-small svg {
      width: 4px; }

.link-title {
  text-decoration: none !important;
  margin-top: -2px; }
  @media (min-width: 768px) {
    .link-title {
      margin-top: -8px 0 8px 0; } }
  .link-title .link-title-chevron {
    background: none;
    position: absolute;
    margin-top: 7px;
    margin-left: 6px;
    height: 12px;
    transition: margin-left .2s; }
    @media (min-width: 768px) {
      .link-title .link-title-chevron {
        margin-top: 9px; } }
    @media (min-width: 992px) {
      .link-title .link-title-chevron {
        margin-top: 13px; } }
    .link-title .link-title-chevron.hover {
      margin-left: 10px; }
    .link-title .link-title-chevron path {
      fill: none; }

.bb-detail-meta {
  margin-top: 24px;
  margin-bottom: 24px; }
  @media (min-width: 768px) {
    .bb-detail-meta {
      margin-top: 40px;
      margin-bottom: 40px; } }
  .bb-detail-meta .container {
    position: relative; }
    .bb-detail-meta .container .row > .centered-layout-mode {
      margin-bottom: 0; }
      @media (min-width: 992px) {
        .bb-detail-meta .container .row > .centered-layout-mode {
          padding-left: 80px; } }
    .bb-detail-meta .container .meta {
      position: relative; }
      .bb-detail-meta .container .meta .tag,
      .bb-detail-meta .container .meta .date,
      .bb-detail-meta .container .meta .author {
        display: block;
        height: 28px;
        line-height: 18px;
        font-size: 14px;
        padding-top: 5px;
        padding-bottom: 5px; }
        .bb-detail-meta .container .meta .tag > *,
        .bb-detail-meta .container .meta .date > *,
        .bb-detail-meta .container .meta .author > * {
          padding: 0;
          line-height: 18px; }
      .bb-detail-meta .container .meta .tag {
        display: inline-block;
        margin-right: 24px;
        margin-bottom: 5px; }
        @media (min-width: 768px) {
          .bb-detail-meta .container .meta .tag {
            margin-bottom: 0; } }
      .bb-detail-meta .container .meta .date {
        display: block; }
        @media (min-width: 768px) {
          .bb-detail-meta .container .meta .date {
            display: inline-block;
            padding-right: 24px;
            border-right: 1px solid #d8dade; } }
      .bb-detail-meta .container .meta .author {
        display: block; }
        @media (min-width: 768px) {
          .bb-detail-meta .container .meta .author {
            display: inline-block;
            margin-left: 24px; } }
      .bb-detail-meta .container .meta .separator-v {
        position: absolute;
        height: 1px;
        background: #d8dade;
        left: 0;
        right: 0;
        bottom: 61px; }
        @media (min-width: 768px) {
          .bb-detail-meta .container .meta .separator-v {
            bottom: 0; } }
  .bb-detail-meta .button-container {
    position: absolute;
    top: 10px;
    right: 12px;
    z-index: 100; }
    .bb-detail-meta .button-container .button {
      margin: 0; }

.bb-text {
  margin-top: 16px;
  margin-bottom: 16px; }
  @media (min-width: 768px) {
    .bb-text {
      margin-top: 24px;
      margin-bottom: 24px; } }
  .bb-text.bb-text-large {
    font-size: 18px; }
    @media (min-width: 768px) {
      .bb-text.bb-text-large {
        margin-top: 24px;
        margin-bottom: 24px;
        font-size: 28px; } }
  @media (min-width: 768px) and (min-width: 768px) {
    .bb-text.bb-text-large {
      margin-top: 40px;
      margin-bottom: 40px; } }
    .bb-text.bb-text-large p {
      font-size: 18px; }
      @media (min-width: 768px) {
        .bb-text.bb-text-large p {
          font-size: 28px; } }
  .bb-text p:last-child {
    margin-bottom: 0; }

.bb-heading + .bb-text-large {
  margin-top: 16px; }
  @media (min-width: 768px) {
    .bb-heading + .bb-text-large {
      margin-top: 24px; } }

.bb-collapsed-text .toggler svg {
  width: 16px;
  height: 9px;
  margin-left: 8px;
  transition: .3s all; }
  .bb-collapsed-text .toggler svg path {
    fill: white; }

.bb-collapsed-text .toggler.opened svg {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }

.bb-collapsed-text .text {
  overflow: hidden; }
  .bb-collapsed-text .text.hidden {
    max-height: 0;
    opacity: 0;
    transition: none; }
  .bb-collapsed-text .text.visible {
    max-height: 100%;
    opacity: 1;
    transition: max-height 0.2s ease-in, opacity 0.2s; }

.bb-social-media-embed {
  margin: 20px 0; }
  .bb-social-media-embed.instagram .container > div {
    width: 654px; }
  .bb-social-media-embed .container > * {
    display: inline-block;
    max-width: 100%; }
    @media (max-width: 767.98px) {
      .bb-social-media-embed .container > * .fb-post > span, .bb-social-media-embed .container > * .fb-post iframe {
        width: 320px !important; } }

.paginator-mini {
  height: 44px;
  width: 104px; }
  .paginator-mini .counter {
    display: inline-block; }
    @media (min-width: 768px) {
      .paginator-mini .counter {
        display: none; } }
  .paginator-mini .arrow {
    display: inline-block;
    background: url("/static/icons/carousel-button.svg") no-repeat;
    width: 44px;
    height: 44px;
    cursor: pointer;
    transition: .3s opacity; }
    .paginator-mini .arrow:hover {
      opacity: .9; }
    .paginator-mini .arrow.disabled, .paginator-mini .arrow.loading {
      background: url("/static/icons/carousel-button-inactive.svg") no-repeat;
      cursor: default; }
      .paginator-mini .arrow.disabled:hover, .paginator-mini .arrow.loading:hover {
        opacity: 1; }
    .paginator-mini .arrow.prev {
      margin-right: 8px;
      -webkit-transform: rotate(180deg) translateY(0);
      -moz-transform: rotate(180deg) translateY(0);
      -ms-transform: rotate(180deg) translateY(0);
      -o-transform: rotate(180deg) translateY(0);
      transform: rotate(180deg) translateY(0); }
    .paginator-mini .arrow.next {
      margin-left: 8px;
      -webkit-transform: rotate(360deg) translateY(0);
      -moz-transform: rotate(360deg) translateY(0);
      -ms-transform: rotate(360deg) translateY(0);
      -o-transform: rotate(360deg) translateY(0);
      transform: rotate(360deg) translateY(0); }

.bb-teaser-with-pager {
  margin-top: 48px;
  margin-bottom: 48px; }
  @media (min-width: 768px) {
    .bb-teaser-with-pager {
      margin-top: 60px;
      margin-bottom: 60px; } }
  @media (max-width: 991.98px) {
    .bb-teaser-with-pager .mobile-scroll {
      flex-wrap: nowrap;
      overflow-x: auto; } }
  .bb-teaser-with-pager .upper {
    display: flex;
    margin-bottom: 18px; }
    @media (min-width: 768px) {
      .bb-teaser-with-pager .upper {
        margin-bottom: 24px; } }
    .bb-teaser-with-pager .upper h2 {
      flex-grow: 1;
      align-self: center; }
    .bb-teaser-with-pager .upper .link-chevron {
      display: none; }
      @media (min-width: 768px) {
        .bb-teaser-with-pager .upper .link-chevron {
          display: block;
          max-width: 170px;
          text-align: right;
          padding-top: 12px;
          margin: 0 32px; } }
      @media (min-width: 992px) {
        .bb-teaser-with-pager .upper .link-chevron {
          max-width: none; } }
    .bb-teaser-with-pager .upper .paginator-mini {
      display: none; }
      @media (min-width: 768px) {
        .bb-teaser-with-pager .upper .paginator-mini {
          display: flex;
          align-self: center; } }
      .bb-teaser-with-pager .upper .paginator-mini .spinner {
        left: 40px;
        top: 10px; }
        .bb-teaser-with-pager .upper .paginator-mini .spinner span {
          border-color: #007c76 transparent transparent transparent; }
      .bb-teaser-with-pager .upper .paginator-mini .arrow.loading {
        display: none; }
  @media (min-width: 768px) {
    .bb-teaser-with-pager .bottom-line {
      display: none; } }
  .bb-teaser-with-pager .bottom-line .button {
    margin-top: 36px; }
  .bb-teaser-with-pager .bottom-line .paginator-mini {
    width: 100%;
    position: relative; }
    .bb-teaser-with-pager .bottom-line .paginator-mini .spinner {
      top: 10px;
      display: block;
      margin: 0 auto; }
      .bb-teaser-with-pager .bottom-line .paginator-mini .spinner span {
        border-color: #007c76 transparent transparent transparent; }
    .bb-teaser-with-pager .bottom-line .paginator-mini .counter {
      display: block;
      text-align: center;
      margin: 0;
      position: absolute;
      left: 0;
      right: 0;
      top: 8px;
      z-index: 5; }
    .bb-teaser-with-pager .bottom-line .paginator-mini .arrow {
      position: absolute;
      top: 0;
      z-index: 6; }
      .bb-teaser-with-pager .bottom-line .paginator-mini .arrow.prev {
        left: calc(50% - 80px); }
      .bb-teaser-with-pager .bottom-line .paginator-mini .arrow.next {
        right: calc(50% - 80px); }
  .bb-teaser-with-pager .item-with-image .title {
    font-size: 16px; }
    @media (min-width: 768px) {
      .bb-teaser-with-pager .item-with-image .title {
        font-size: 18px; } }
  .bb-teaser-with-pager .item-with-image .description p {
    margin-bottom: 0; }

.__react_component_tooltip.type-dark {
  background: #007c76;
  font-size: 14px;
  padding: 8px;
  max-width: 225px;
  box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }
  .__react_component_tooltip.type-dark.show {
    opacity: 1; }
  .__react_component_tooltip.type-dark.place-top:after {
    border-top-color: #007c76; }
  .__react_component_tooltip.type-dark.place-bottom:after {
    border-bottom-color: #007c76; }
  .__react_component_tooltip.type-dark.place-left:after {
    border-left-color: #007c76; }
  .__react_component_tooltip.type-dark.place-right:after {
    border-right-color: #007c76; }

.field-error {
  font-family: "Open Sans Regular", "Helvetica", "Arial";
  color: #e41111;
  font-size: 12px;
  margin-top: 6px; }
  .field-error svg {
    margin-top: -2px;
    margin-right: 2px; }

.field {
  margin-bottom: 24px;
  position: relative;
  transition: all .3s;
  line-height: 18px; }
  .field .info-icon-container {
    position: absolute;
    right: 4px;
    top: 3px;
    width: 40px;
    height: 40px; }
    .field .info-icon-container .info-icon {
      width: 40px;
      height: 40px;
      padding: 10px;
      z-index: 1; }
      .field .info-icon-container .info-icon.with-tooltip g g, .field .info-icon-container .info-icon.with-tooltip path {
        fill: #007c76; }
      .field .info-icon-container .info-icon.with-tooltip:hover {
        cursor: pointer; }
  .field .text-icon {
    position: absolute;
    right: 17px;
    top: 14px;
    font-size: 14px;
    font-family: "Open Sans Bold", "Helvetica", "Arial";
    text-align: right;
    color: #8b8f9d; }

.popup {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  background-color: rgba(33, 36, 49, 0.9);
  opacity: 0;
  transition: opacity .2s ease-in-out;
  z-index: 10000;
  overflow-y: scroll; }
  .popup:not(.d-none) {
    opacity: 1; }
  .popup > .popup-navigation {
    position: absolute;
    z-index: 5000;
    left: 0;
    right: 0;
    top: 0;
    height: 108px; }
    .popup > .popup-navigation .close-icon {
      cursor: pointer;
      float: right;
      height: 44px;
      width: 44px;
      margin: 32px;
      position: relative;
      z-index: 100; }
      .popup > .popup-navigation .close-icon circle, .popup > .popup-navigation .close-icon path {
        transition: stroke .2s; }
      .popup > .popup-navigation .close-icon:hover circle, .popup > .popup-navigation .close-icon:hover path {
        stroke: #999999; }
  .popup > .container {
    position: relative;
    z-index: 2000;
    padding: 108px 0;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    margin: 0;
    max-width: none; }
    .popup > .container > * {
      margin: auto; }

.bb-image-grid {
  margin-top: 48px;
  margin-bottom: 48px; }
  @media (min-width: 768px) {
    .bb-image-grid {
      margin-top: 60px;
      margin-bottom: 60px; } }
  .bb-image-grid .row .item {
    position: relative;
    height: 100%; }
    .bb-image-grid .row .item.clickable {
      cursor: pointer; }
    @media (min-width: 992px) {
      .bb-image-grid .row .item.has-caption:hover:after,
      .bb-image-grid .row .item.has-caption:hover .caption {
        opacity: 1; } }
    .bb-image-grid .row .item:after {
      background: linear-gradient(to bottom, rgba(33, 36, 49, 0), #212431);
      content: ' ';
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      height: 70%;
      z-index: 10;
      opacity: 0;
      transition: opacity 0.5s ease-in-out; }
    .bb-image-grid .row .item img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
    .bb-image-grid .row .item .caption {
      color: #ffffff;
      position: absolute;
      left: 20px;
      right: 20px;
      bottom: 20px;
      font-size: 16px;
      line-height: 1.25;
      z-index: 15;
      opacity: 0;
      transition: opacity 0.5s ease-in-out; }

.image-grid-slider .inner {
  position: relative;
  margin: auto;
  width: 100%;
  max-width: 1200px;
  max-height: 600px; }
  .image-grid-slider .inner .item {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -ms-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s; }
    @media (min-width: 992px) {
      .image-grid-slider .inner .item {
        left: 80px;
        right: 80px; } }
    .image-grid-slider .inner .item.active {
      opacity: 1;
      position: static; }
      @media (min-width: 992px) {
        .image-grid-slider .inner .item.active {
          padding: 0 80px; } }
    .image-grid-slider .inner .item img {
      width: 100%;
      height: 55vh; }
      @media (min-width: 992px) {
        .image-grid-slider .inner .item img {
          height: 75vh;
          max-height: 600px; } }
    .image-grid-slider .inner .item .caption {
      margin: 16px 20px;
      font-size: 14px;
      color: #ffffff; }
      @media (min-width: 992px) {
        .image-grid-slider .inner .item .caption {
          margin: 16px 0 0; } }
  .image-grid-slider .inner .navigation {
    width: 100%;
    justify-content: center;
    align-items: center; }
    @media (min-width: 992px) {
      .image-grid-slider .inner .navigation {
        position: absolute;
        top: 50%; } }
    .image-grid-slider .inner .navigation .counter {
      font-family: "Open Sans Bold", "Helvetica", "Arial";
      font-size: 14px;
      color: #ffffff;
      margin: 0 20px; }
    .image-grid-slider .inner .navigation .arrow {
      position: relative;
      width: 44px;
      height: 44px;
      z-index: 300;
      cursor: pointer;
      bottom: -22px; }
      @media (min-width: 992px) {
        .image-grid-slider .inner .navigation .arrow {
          bottom: auto; }
          .image-grid-slider .inner .navigation .arrow:hover circle, .image-grid-slider .inner .navigation .arrow:hover path {
            stroke: #999999; } }
      .image-grid-slider .inner .navigation .arrow circle, .image-grid-slider .inner .navigation .arrow path {
        transition: stroke .2s; }
      .image-grid-slider .inner .navigation .arrow.prev {
        -webkit-transform: rotate(180deg) translateY(22px);
        -moz-transform: rotate(180deg) translateY(22px);
        -ms-transform: rotate(180deg) translateY(22px);
        -o-transform: rotate(180deg) translateY(22px);
        transform: rotate(180deg) translateY(22px); }
        @media (min-width: 992px) {
          .image-grid-slider .inner .navigation .arrow.prev {
            left: 12px; } }
      .image-grid-slider .inner .navigation .arrow.next {
        -webkit-transform: rotate(360deg) translateY(-22px);
        -moz-transform: rotate(360deg) translateY(-22px);
        -ms-transform: rotate(360deg) translateY(-22px);
        -o-transform: rotate(360deg) translateY(-22px);
        transform: rotate(360deg) translateY(-22px); }
        @media (min-width: 992px) {
          .image-grid-slider .inner .navigation .arrow.next {
            left: calc(100% - 100px); } }
      .image-grid-slider .inner .navigation .arrow.disabled {
        visibility: hidden; }

.bb-resources-download {
  margin-top: 24px;
  margin-bottom: 24px; }
  @media (min-width: 768px) {
    .bb-resources-download {
      margin-top: 40px;
      margin-bottom: 40px; } }
  .bb-resources-download .media .ie11-compat {
    width: 13px; }
  .bb-resources-download .media:last-child p {
    margin-bottom: 0; }
  .bb-resources-download .media svg {
    height: 17px;
    width: auto;
    margin-top: 4px; }
  .bb-resources-download .media .media-body {
    margin-left: 10px; }
    .bb-resources-download .media .media-body .info {
      display: block; }
      @media (min-width: 768px) {
        .bb-resources-download .media .media-body .info {
          margin-left: 10px;
          display: inline; } }
      .bb-resources-download .media .media-body .info span {
        margin-right: 5px; }
        .bb-resources-download .media .media-body .info span.separator {
          color: #767676;
          margin-right: 10px; }

.bb-resources-list {
  margin-top: 16px;
  margin-bottom: 16px; }
  @media (min-width: 768px) {
    .bb-resources-list {
      margin-top: 24px;
      margin-bottom: 24px; } }
  .bb-resources-list .item-with-image .top {
    margin-bottom: 8px; }
    @media (min-width: 768px) {
      .bb-resources-list .item-with-image .top {
        margin-bottom: 16px; } }
  .bb-resources-list .item-with-image .title {
    font-size: 16px; }
    @media (min-width: 768px) {
      .bb-resources-list .item-with-image .title {
        font-size: 18px; } }
  @media (max-width: 991.98px) {
    .bb-resources-list .row [class*="col-"]:last-child {
      margin-bottom: 0; } }

.bb-stepper {
  margin-top: 48px;
  margin-bottom: 48px; }
  @media (min-width: 768px) {
    .bb-stepper {
      margin-top: 60px;
      margin-bottom: 60px; } }
  .bb-stepper .container .row {
    display: block; }
    @media (min-width: 768px) {
      .bb-stepper .container .row {
        display: flex; } }
    .bb-stepper .container .row .col:last-child .step {
      border-bottom: 1px solid #d8dade; }
    .bb-stepper .container .row .col .step {
      padding: 80px 16px 20px;
      border-top: 1px solid #d8dade;
      position: relative;
      cursor: pointer; }
      @media (min-width: 768px) {
        .bb-stepper .container .row .col .step {
          cursor: default;
          padding: 52px 0 0;
          background: none !important;
          border: none !important; } }
      .bb-stepper .container .row .col .step.active {
        background: #f8f8f8; }
      @media (min-width: 768px) {
        .bb-stepper .container .row .col .step:after {
          position: absolute;
          top: 20px;
          height: 1px;
          left: 46px;
          right: 0;
          border-top: 1px dashed #8b8f9d;
          content: ' '; } }
      .bb-stepper .container .row .col .step .step-icon {
        position: absolute;
        left: 16px;
        top: 20px; }
        @media (min-width: 768px) {
          .bb-stepper .container .row .col .step .step-icon {
            left: 0;
            top: 0; } }
      .bb-stepper .container .row .col .step .toggler {
        position: absolute;
        right: 16px;
        top: 36px;
        width: 16px;
        line-height: 10px; }
        .bb-stepper .container .row .col .step .toggler svg {
          width: 16px;
          transition: .3s all; }
        .bb-stepper .container .row .col .step .toggler.opened svg {
          -webkit-transform: rotate(180deg);
          -moz-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
          -o-transform: rotate(180deg);
          transform: rotate(180deg); }
      .bb-stepper .container .row .col .step .title {
        margin-bottom: 0; }
      .bb-stepper .container .row .col .step .content {
        display: block;
        margin-top: 8px; }
        .bb-stepper .container .row .col .step .content.hidden {
          display: none; }
          @media (min-width: 768px) {
            .bb-stepper .container .row .col .step .content.hidden {
              display: block; } }
        .bb-stepper .container .row .col .step .content .button {
          margin-bottom: 0; }

.bb-quote {
  margin-top: 48px;
  margin-bottom: 48px; }
  @media (min-width: 768px) {
    .bb-quote {
      margin-top: 60px;
      margin-bottom: 60px; } }
  .bb-quote .container .author .name mark {
    color: #212431; }

@media (min-width: 768px) {
  .bb-quote.bb-quote-image .container {
    display: flex; } }

.bb-quote.bb-quote-image .container .quote {
  margin-bottom: 12px; }

.bb-quote.bb-quote-image .container .section-image {
  margin: 0 0 20px; }
  @media (min-width: 768px) {
    .bb-quote.bb-quote-image .container .section-image {
      margin: 0 20px 0 0; } }
  .bb-quote.bb-quote-image .container .section-image img {
    height: 100px;
    width: 100px;
    margin: 0 auto;
    border-radius: 50%;
    display: block; }

.bb-quote.bb-quote-simple .media {
  display: block; }
  @media (min-width: 768px) {
    .bb-quote.bb-quote-simple .media {
      display: flex; } }
  .bb-quote.bb-quote-simple .media svg {
    width: 35px;
    height: 30px; }
    @media (min-width: 768px) {
      .bb-quote.bb-quote-simple .media svg {
        margin-top: 10px; } }
  .bb-quote.bb-quote-simple .media .media-body {
    margin-top: 10px; }
    @media (min-width: 768px) {
      .bb-quote.bb-quote-simple .media .media-body {
        margin-top: 0;
        padding-left: 20px; } }
    .bb-quote.bb-quote-simple .media .media-body .author {
      margin-top: 20px; }

.field-type-text[class*='field-style-pill'] {
  position: relative; }
  .field-type-text[class*='field-style-pill'] input {
    font-family: "Open Sans Light", "Helvetica", "Arial";
    color: #212431;
    width: 100%;
    font-size: 16px;
    border: 1px solid #767676;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    padding: 10px 24px;
    line-height: 22px;
    outline: none; }
  .field-type-text[class*='field-style-pill'] label {
    font-family: "Open Sans Regular", "Helvetica", "Arial";
    color: #767676;
    position: absolute;
    left: 24px;
    top: 0;
    font-size: 12px; }
  .field-type-text[class*='field-style-pill'].field-style-pill-pink input {
    border-color: #d41b66; }
  .field-type-text[class*='field-style-pill'].field-style-pill-pink label {
    color: #d41b66; }
  .field-type-text[class*='field-style-pill'].field-style-pill-green input {
    border-color: #007c76; }
  .field-type-text[class*='field-style-pill'].field-style-pill-green label {
    color: #007c76; }
  .field-type-text[class*='field-style-pill'].field-style-pill-white input {
    border-color: #ffffff; }
  .field-type-text[class*='field-style-pill'].field-style-pill-white label {
    color: #ffffff !important; }
  .field-type-text[class*='field-style-pill'].field-style-pill-white .field-error {
    color: #ffffff; }
    .field-type-text[class*='field-style-pill'].field-style-pill-white .field-error svg path {
      fill: #ffffff; }
  .field-type-text[class*='field-style-pill'].error input {
    border-color: #e41111; }
  .field-type-text[class*='field-style-pill'].error label {
    color: #e41111; }
  .field-type-text[class*='field-style-pill'].error .field-error {
    display: block;
    padding-left: 24px; }
  .field-type-text[class*='field-style-pill'] .icon {
    position: absolute;
    left: 24px;
    top: 16px;
    width: 10px; }
  .field-type-text[class*='field-style-pill'].with-icon input {
    padding-left: 40px; }
  .field-type-text[class*='field-style-pill'].with-label .icon {
    top: 36px; }
  .field-type-text[class*='field-style-pill'].with-label input {
    margin-top: 20px; }

.frayed-edge {
  height: 20px;
  background-size: 320px 20px;
  background-repeat: repeat-x; }
  @media (min-width: 768px) {
    .frayed-edge {
      height: 80px;
      background-size: 1400px 80px; } }
  .frayed-edge.biscuit {
    background-image: url("/static/textures/mobile-texture-biscuit-strip-1@3x.png"); }
    @media (min-width: 768px) {
      .frayed-edge.biscuit {
        background-image: url("/static/textures/texture-biscuit-1@3x.png"); } }
  .frayed-edge.dark {
    background-image: url("/static/textures/mobile-texture-dark-strip@3x.png"); }
    @media (min-width: 768px) {
      .frayed-edge.dark {
        background-image: url("/static/textures/texture-dark@3x.png"); } }
  .frayed-edge.turquoise {
    background-image: url("/static/textures/mobile-texture-green-strip@3x.png"); }
    @media (min-width: 768px) {
      .frayed-edge.turquoise {
        background-image: url("/static/textures/texture-a-texture-green@3x.png"); } }
  .frayed-edge.white {
    background-image: url("/static/textures/mobile-texture-white-strip@3x.png"); }
    @media (min-width: 768px) {
      .frayed-edge.white {
        height: 20px;
        background-size: 1400px 20px;
        background-image: url("/static/textures/texture-white-strip@3x.png"); } }
  .frayed-edge.flipped.ie11-compat {
    position: relative;
    top: -1px; }

.frayed-container.turquoise {
  background-color: #007c76; }
  .frayed-container.turquoise * {
    color: #ffffff; }

.frayed-container .container {
  padding-top: 20px;
  padding-bottom: 20px; }
  @media (min-width: 768px) {
    .frayed-container .container {
      padding-top: 0;
      padding-bottom: 0; } }

.frayed-container h2 {
  text-align: center;
  margin-bottom: 18px; }
  @media (min-width: 768px) {
    .frayed-container h2 {
      margin-bottom: 24px; } }

.bb-frayed-edge-text-form {
  margin: -12px 0;
  position: relative;
  z-index: 4000; }
  .bb-frayed-edge-text-form .subtitle {
    display: block;
    text-align: center;
    margin-bottom: 20px; }
    @media (min-width: 768px) {
      .bb-frayed-edge-text-form .subtitle {
        margin: 20px 0 40px; } }
  .bb-frayed-edge-text-form .description {
    display: block;
    text-align: center;
    margin-top: 20px;
    padding-bottom: 4px; }
    @media (min-width: 768px) {
      .bb-frayed-edge-text-form .description {
        margin-top: 40px; } }
  @media (min-width: 768px) {
    .bb-frayed-edge-text-form .field {
      margin-bottom: 0 !important; } }
  .bb-frayed-edge-text-form button,
  .bb-frayed-edge-text-form [class*="col-"] {
    margin-bottom: 0 !important; }
  @media (min-width: 768px) {
    .bb-frayed-edge-text-form .text-field {
      min-width: 300px; } }

@charset "UTF-8";
/* Slider */
.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;
  margin-left: auto;
  margin-right: auto; }

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

/* Arrows */
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent; }

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent; }

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1; }

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: .25; }

.slick-prev:before,
.slick-next:before {
  font-family: 'slick';
  font-size: 20px;
  line-height: 1;
  opacity: .75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }

[dir='rtl'] .slick-prev {
  right: -25px;
  left: auto; }

.slick-prev:before {
  content: '\2190'; }

[dir='rtl'] .slick-prev:before {
  content: '\2192'; }

.slick-next {
  right: -25px; }

[dir='rtl'] .slick-next {
  right: auto;
  left: -25px; }

.slick-next:before {
  content: '\2192'; }

[dir='rtl'] .slick-next:before {
  content: '\2190'; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center; }

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer; }

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent; }

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none; }

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1; }

.slick-dots li button:before {
  font-family: 'slick';
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '\2022';
  text-align: center;
  opacity: .25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slick-dots li.slick-active button:before {
  opacity: .75;
  color: black; }

.item-with-logo {
  background-color: #ffffff;
  height: 100%; }
  .item-with-logo a {
    display: block;
    height: 100%;
    text-decoration: none;
    padding: 20px; }
    @media (min-width: 768px) {
      .item-with-logo a {
        padding: 36px; } }
    .item-with-logo a .d-flex {
      height: 100%;
      margin-top: 50px; }
      @media (min-width: 768px) {
        .item-with-logo a .d-flex {
          margin-top: 0; } }
      .item-with-logo a .d-flex p {
        margin: 0;
        margin-top: 40px; }
        @media (min-width: 768px) {
          .item-with-logo a .d-flex p {
            margin-top: 0; } }
      .item-with-logo a .d-flex .image-container {
        height: 80px; }
        @media (min-width: 768px) {
          .item-with-logo a .d-flex .image-container {
            height: auto;
            margin-left: 20px; } }
        .item-with-logo a .d-flex .image-container img {
          width: auto;
          height: auto;
          max-width: 140px;
          max-height: 80px; }
          @media (min-width: 768px) {
            .item-with-logo a .d-flex .image-container img {
              max-width: 170px; } }

.bb.bb-funders {
  margin-top: 48px;
  margin-bottom: 48px; }
  @media (min-width: 768px) {
    .bb.bb-funders {
      margin-top: 60px;
      margin-bottom: 60px; } }
  .bb.bb-funders > .container {
    background-color: #f1efe5;
    padding: 40px 20px; }
    @media (min-width: 768px) {
      .bb.bb-funders > .container {
        padding: 60px 40px; } }
    .bb.bb-funders > .container > .d-flex {
      margin-bottom: 24px; }
  .bb.bb-funders .slider-container {
    background-color: white;
    padding-bottom: 48px;
    margin-bottom: 16px; }
    .bb.bb-funders .slider-container .counter {
      position: relative;
      bottom: -4px;
      height: 24px; }
    .bb.bb-funders .slider-container .slick-slider .slick-arrow {
      background: url("/static/icons/carousel-button.svg") no-repeat;
      background-size: 40px;
      width: 40px;
      height: 40px;
      bottom: -56px;
      top: auto;
      z-index: 100;
      transition: .3s opacity; }
      .bb.bb-funders .slider-container .slick-slider .slick-arrow:hover:not(.slick-disabled) {
        opacity: .9; }
      .bb.bb-funders .slider-container .slick-slider .slick-arrow:before {
        display: none; }
      .bb.bb-funders .slider-container .slick-slider .slick-arrow.slick-prev {
        left: calc(50% - 80px);
        -webkit-transform: rotate(180deg) translateY(20px);
        -moz-transform: rotate(180deg) translateY(20px);
        -ms-transform: rotate(180deg) translateY(20px);
        -o-transform: rotate(180deg) translateY(20px);
        transform: rotate(180deg) translateY(20px); }
      .bb.bb-funders .slider-container .slick-slider .slick-arrow.slick-next {
        right: calc(50% - 80px);
        -webkit-transform: rotate(360deg) translateY(-20px);
        -moz-transform: rotate(360deg) translateY(-20px);
        -ms-transform: rotate(360deg) translateY(-20px);
        -o-transform: rotate(360deg) translateY(-20px);
        transform: rotate(360deg) translateY(-20px); }
      .bb.bb-funders .slider-container .slick-slider .slick-arrow.slick-disabled {
        cursor: default;
        background-image: url("/static/icons/carousel-button-inactive.svg"); }

.bb.bb-publications {
  margin-top: 48px;
  margin-bottom: 48px; }
  @media (min-width: 768px) {
    .bb.bb-publications {
      margin-top: 60px;
      margin-bottom: 60px; } }
  .bb.bb-publications > .container {
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #f1efe5; }
    @media (min-width: 768px) {
      .bb.bb-publications > .container {
        padding-left: 40px;
        padding-right: 40px; } }
    @media (max-width: 991.98px) {
      .bb.bb-publications > .container .row {
        padding: 0 12px; } }
    .bb.bb-publications > .container .row > * {
      margin-bottom: 0; }
      @media (max-width: 991.98px) {
        .bb.bb-publications > .container .row > * {
          padding: 0; } }
      .bb.bb-publications > .container .row > *:first-child h3 {
        margin-bottom: 16px; }
        @media (min-width: 768px) {
          .bb.bb-publications > .container .row > *:first-child h3 {
            margin-bottom: 20px; } }
      .bb.bb-publications > .container .row > *:first-child p {
        margin-bottom: 0; }
      @media (max-width: 991.98px) {
        .bb.bb-publications > .container .row > *:not(:first-child) {
          padding-top: 20px;
          padding-bottom: 20px;
          border-bottom: 1px solid #d8dade; } }
      .bb.bb-publications > .container .row > *:not(:first-child):last-child {
        padding-bottom: 0;
        border-bottom: none; }
      .bb.bb-publications > .container .row > *:not(:first-child) img {
        object-fit: cover;
        width: 100px;
        height: 100px; }
        @media (min-width: 768px) {
          .bb.bb-publications > .container .row > *:not(:first-child) img {
            width: 100%;
            height: 200px; } }
      .bb.bb-publications > .container .row > *:not(:first-child) .link-wrapper {
        text-decoration: none; }
        .bb.bb-publications > .container .row > *:not(:first-child) .link-wrapper:hover .media .media-body mark.title strong {
          color: #015d59; }
        .bb.bb-publications > .container .row > *:not(:first-child) .link-wrapper .media .media-body {
          margin-left: 10px; }
          .bb.bb-publications > .container .row > *:not(:first-child) .link-wrapper .media .media-body .date {
            color: #212431;
            margin-bottom: 6px; }
          .bb.bb-publications > .container .row > *:not(:first-child) .link-wrapper .media .media-body mark {
            display: block; }
            .bb.bb-publications > .container .row > *:not(:first-child) .link-wrapper .media .media-body mark.title strong {
              color: #007c76;
              line-height: 1.5; }

.bb.bb-partners {
  margin-top: 48px;
  margin-bottom: 48px; }
  @media (min-width: 768px) {
    .bb.bb-partners {
      margin-top: 60px;
      margin-bottom: 60px; } }
  .bb.bb-partners > .container {
    padding-top: 40px;
    padding-bottom: 20px;
    background-color: #f1efe5; }
    @media (min-width: 768px) {
      .bb.bb-partners > .container {
        padding: 40px; } }
    .bb.bb-partners > .container .partners {
      margin-top: 24px; }
      .bb.bb-partners > .container .partners ul {
        margin-bottom: 8px;
        width: 100%; }
        @media (min-width: 768px) {
          .bb.bb-partners > .container .partners ul {
            padding: 0 12px;
            margin-bottom: 0;
            width: 50%;
            max-width: 335px; } }
        @media (min-width: 992px) {
          .bb.bb-partners > .container .partners ul {
            width: 33%; } }
        .bb.bb-partners > .container .partners ul li {
          margin-bottom: 2px; }
  .bb.bb-partners .link-container {
    font-size: 16px;
    text-align: center; }
    @media (min-width: 768px) {
      .bb.bb-partners .link-container {
        text-align: right;
        font-size: 18px; } }

.item-with-image-hoverable .item {
  display: block;
  position: relative; }
  @media (min-width: 992px) {
    .item-with-image-hoverable .item:hover .hoverable {
      background: rgba(1, 93, 89, 0.95); }
    .item-with-image-hoverable .item:hover .description {
      padding: 16px 0;
      max-height: 500px !important;
      opacity: 1 !important; } }
  .item-with-image-hoverable .item img {
    width: 100%; }
  .item-with-image-hoverable .item .hoverable {
    margin-right: 100px;
    padding: 20px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(0, 124, 118, 0.9); }
    .item-with-image-hoverable .item .hoverable .title {
      color: #ffffff; }
    .item-with-image-hoverable .item .hoverable .description {
      color: #ffffff;
      max-height: 0;
      opacity: 0;
      transition: all 0.3s ease-in-out;
      overflow: hidden; }
      .item-with-image-hoverable .item .hoverable .description p {
        color: #ffffff;
        margin: 0; }
    .item-with-image-hoverable .item .hoverable .top-line {
      margin-bottom: 16px; }
      .item-with-image-hoverable .item .hoverable .top-line > * {
        color: #ffffff; }
      .item-with-image-hoverable .item .hoverable .top-line .date {
        padding-left: 16px; }

.bb-featured-news {
  margin-top: 48px;
  margin-bottom: 48px;
  position: relative; }
  @media (min-width: 768px) {
    .bb-featured-news {
      margin-top: 60px;
      margin-bottom: 60px; } }
  .bb-featured-news .col-md-8 .item-with-image-hoverable {
    height: 100%; }
    .bb-featured-news .col-md-8 .item-with-image-hoverable .item {
      height: 100%; }
      .bb-featured-news .col-md-8 .item-with-image-hoverable .item img {
        width: 100%;
        object-fit: cover;
        height: 100%; }
  @media (min-width: 576px) and (max-width: 991.98px) {
    .bb-featured-news .col-md-4 .description {
      display: none; } }
  .bb-featured-news .counter {
    font-size: 16px;
    font-family: "Open Sans Bold", "Helvetica", "Arial";
    color: #212431;
    position: absolute;
    bottom: 30px;
    left: calc(50% - 12px); }
    .bb-featured-news .counter.with-button {
      bottom: 70px; }
  .bb-featured-news .button {
    margin-bottom: 0; }
  .bb-featured-news .slick-slider {
    padding-bottom: 75px; }
    .bb-featured-news .slick-slider .slick-arrow {
      background: url("/static/icons/carousel-button.svg") no-repeat;
      background-size: 40px;
      width: 40px;
      height: 40px;
      bottom: 0;
      top: auto; }
      .bb-featured-news .slick-slider .slick-arrow:before {
        display: none; }
      .bb-featured-news .slick-slider .slick-arrow.slick-prev {
        left: calc(50% - 80px);
        -webkit-transform: rotate(180deg) translateY(20px);
        -moz-transform: rotate(180deg) translateY(20px);
        -ms-transform: rotate(180deg) translateY(20px);
        -o-transform: rotate(180deg) translateY(20px);
        transform: rotate(180deg) translateY(20px); }
      .bb-featured-news .slick-slider .slick-arrow.slick-next {
        right: calc(50% - 80px);
        -webkit-transform: rotate(360deg) translateY(-20px);
        -moz-transform: rotate(360deg) translateY(-20px);
        -ms-transform: rotate(360deg) translateY(-20px);
        -o-transform: rotate(360deg) translateY(-20px);
        transform: rotate(360deg) translateY(-20px); }
      .bb-featured-news .slick-slider .slick-arrow.slick-disabled {
        background-image: url("/static/icons/carousel-button-inactive.svg"); }

.featured-story .wrapper {
  display: block;
  position: relative;
  height: 300px;
  overflow: hidden; }
  @media (min-width: 768px) {
    .featured-story .wrapper {
      height: 100%; }
      .featured-story .wrapper:hover img {
        transform: scale(1.025); } }
  .featured-story .wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: transform .2s;
    -moz-transition: transform .2s;
    -ms-transition: transform .2s;
    -o-transition: transform .2s;
    transition: transform .2s; }
  .featured-story .wrapper .date {
    margin-left: 8px;
    color: #ffffff; }
    @media (min-width: 768px) {
      .featured-story .wrapper .date {
        margin-left: 24px; } }
  .featured-story .wrapper .gradient {
    background-image: linear-gradient(to bottom, rgba(33, 36, 49, 0), #212431);
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 173px;
    z-index: 1; }
    @media (min-width: 768px) {
      .featured-story .wrapper .gradient {
        background-image: linear-gradient(to bottom, rgba(33, 36, 49, 0), rgba(33, 36, 49, 0.9)); } }
  .featured-story .wrapper .bottom {
    padding: 0 10px 12px;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2; }
    @media (min-width: 768px) {
      .featured-story .wrapper .bottom {
        padding: 0 20px 24px; } }
    .featured-story .wrapper .bottom h3 {
      margin-top: 12px;
      color: #ffffff; }

.bb-featured-stories .item-with-image {
  padding-bottom: 24px;
  border-bottom: 1px solid #d8dade; }
  @media (min-width: 768px) {
    .bb-featured-stories .item-with-image {
      padding-bottom: 0;
      border: none; } }
  .bb-featured-stories .item-with-image:not(:last-child) {
    margin-bottom: 24px; }
  .bb-featured-stories .item-with-image .main-link {
    display: flex; }
    @media (min-width: 768px) {
      .bb-featured-stories .item-with-image .main-link {
        display: block; } }
    .bb-featured-stories .item-with-image .main-link .top {
      margin-bottom: 0;
      margin-right: 12px;
      min-width: 100px;
      height: 100px;
      width: 100px; }
      @media (min-width: 768px) {
        .bb-featured-stories .item-with-image .main-link .top {
          margin-bottom: 12px;
          margin-right: 0;
          width: auto;
          height: auto;
          min-width: 0;
          min-height: 0; } }
      .bb-featured-stories .item-with-image .main-link .top img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
    .bb-featured-stories .item-with-image .main-link .content {
      flex-grow: 1;
      margin-top: -6px; }
      @media (min-width: 992px) {
        .bb-featured-stories .item-with-image .main-link .content {
          margin-top: 0; } }
      .bb-featured-stories .item-with-image .main-link .content h3 {
        font-size: 14px;
        margin-bottom: 0; }
        @media (min-width: 992px) {
          .bb-featured-stories .item-with-image .main-link .content h3 {
            font-size: 18px; } }

.bb-featured-country-news {
  margin-top: 48px;
  margin-bottom: 48px; }
  @media (min-width: 768px) {
    .bb-featured-country-news {
      margin-top: 60px;
      margin-bottom: 60px; } }
  .bb-featured-country-news .bb-featured-stories > .container {
    padding-left: 0;
    padding-right: 0; }
    .bb-featured-country-news .bb-featured-stories > .container .item-with-image .description {
      display: none; }

.bb-related-content {
  margin-top: 48px;
  margin-bottom: 48px; }
  @media (min-width: 768px) {
    .bb-related-content {
      margin-top: 60px;
      margin-bottom: 60px; } }
  .bb-related-content.bg-color-white {
    background: #ffffff; }
  .bb-related-content.bg-color-biscuit {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 48px;
    padding-bottom: 48px;
    background: #e8e5d3; }
    @media (min-width: 768px) {
      .bb-related-content.bg-color-biscuit {
        padding-top: 48px;
        padding-bottom: 24px; } }
  .bb-related-content .heading {
    display: flex;
    justify-content: space-between; }
    .bb-related-content .heading h2 {
      margin-bottom: 18px; }
      @media (min-width: 768px) {
        .bb-related-content .heading h2 {
          margin-bottom: 24px; } }
    @media (max-width: 991.98px) {
      .bb-related-content .heading .link-chevron {
        display: none; } }
  @media (max-width: 991.98px) {
    .bb-related-content .row.not-collapsed [class*="col-"] {
      margin-bottom: 40px; } }
  .bb-related-content .button {
    margin: 40px 0 0; }
    @media (min-width: 768px) {
      .bb-related-content .button {
        margin-top: 24px; } }
  .bb-related-content .slider .counter {
    text-align: center;
    margin-bottom: 8px; }
  .bb-related-content .slider .slick-slider {
    padding-bottom: 32px; }
    .bb-related-content .slider .slick-slider .slick-arrow {
      background: url("/static/icons/carousel-button.svg") no-repeat;
      background-size: 40px;
      width: 40px;
      height: 40px;
      bottom: -52px;
      top: auto; }
      .bb-related-content .slider .slick-slider .slick-arrow:before {
        display: none; }
      .bb-related-content .slider .slick-slider .slick-arrow.slick-prev {
        left: calc(50% - 80px);
        -webkit-transform: rotate(180deg) translateY(20px);
        -moz-transform: rotate(180deg) translateY(20px);
        -ms-transform: rotate(180deg) translateY(20px);
        -o-transform: rotate(180deg) translateY(20px);
        transform: rotate(180deg) translateY(20px); }
      .bb-related-content .slider .slick-slider .slick-arrow.slick-next {
        right: calc(50% - 80px);
        -webkit-transform: rotate(360deg) translateY(-20px);
        -moz-transform: rotate(360deg) translateY(-20px);
        -ms-transform: rotate(360deg) translateY(-20px);
        -o-transform: rotate(360deg) translateY(-20px);
        transform: rotate(360deg) translateY(-20px); }
      .bb-related-content .slider .slick-slider .slick-arrow.slick-disabled {
        background-image: url("/static/icons/carousel-button-inactive.svg"); }

.field-type-text.field-style-normal {
  position: relative; }
  .field-type-text.field-style-normal label {
    font-family: "Open Sans Regular", "Helvetica", "Arial";
    cursor: text;
    transition: all .2s;
    color: #212431;
    font-size: 14px;
    margin-bottom: 5px; }
  .field-type-text.field-style-normal input,
  .field-type-text.field-style-normal textarea {
    font-family: "Open Sans Regular", "Helvetica", "Arial";
    color: #212431;
    width: 100%;
    font-size: 16px;
    border: 1px solid #d8dade;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 4px;
    padding: 10px 34px 10px 14px;
    line-height: 24px;
    transition: border-color .3s;
    overflow: hidden;
    resize: none;
    /* Remove inner shadow on iphone */
    -webkit-appearance: none; }
    .field-type-text.field-style-normal input:-webkit-autofill, .field-type-text.field-style-normal input:-webkit-autofill:hover,
    .field-type-text.field-style-normal textarea:-webkit-autofill,
    .field-type-text.field-style-normal textarea:-webkit-autofill:hover {
      -webkit-box-shadow: 0 0 0 30px white inset !important; }
    .field-type-text.field-style-normal input:-webkit-autofill:focus, .field-type-text.field-style-normal input:-webkit-autofill:active,
    .field-type-text.field-style-normal textarea:-webkit-autofill:focus,
    .field-type-text.field-style-normal textarea:-webkit-autofill:active {
      -webkit-box-shadow: 0 0 0 30px white inset, 0 0 0 4px #c3e8e6 !important; }
    .field-type-text.field-style-normal input:focus,
    .field-type-text.field-style-normal textarea:focus {
      outline: none;
      border-color: #007c76;
      box-shadow: 0 0 0 4px #c3e8e6; }
    .field-type-text.field-style-normal input:hover:not(:focus),
    .field-type-text.field-style-normal textarea:hover:not(:focus) {
      border-color: #767676; }
  .field-type-text.field-style-normal.has-value:not(.active):not(.error) input,
  .field-type-text.field-style-normal.has-value:not(.active):not(.error) textarea {
    border-color: #767676; }
  .field-type-text.field-style-normal.active label {
    color: #007c76; }
  .field-type-text.field-style-normal textarea {
    min-height: 96px; }
  .field-type-text.field-style-normal.error > label {
    color: #e41111; }
  .field-type-text.field-style-normal.error input,
  .field-type-text.field-style-normal.error textarea {
    border-color: #e41111;
    box-shadow: none; }
    .field-type-text.field-style-normal.error input:hover,
    .field-type-text.field-style-normal.error textarea:hover {
      border-color: #e41111; }
  .field-type-text.field-style-normal .icon {
    position: absolute;
    left: 17px;
    top: 17px;
    width: 10px; }
  .field-type-text.field-style-normal.with-icon input {
    padding-left: 38px; }

.field-type-select.field-style-normal .select__control {
  font-family: "Open Sans Regular", "Helvetica", "Arial";
  color: #212431;
  width: 100%;
  font-size: 16px;
  border: 1px solid #d8dade;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 10px 14px;
  line-height: 24px;
  transition: all .2s;
  box-shadow: none;
  /* input wrapper */ }
  .field-type-select.field-style-normal .select__control:hover {
    cursor: pointer;
    border-color: #767676; }
  .field-type-select.field-style-normal .select__control .select__value-container {
    padding: 0 16px 0 0; }
  .field-type-select.field-style-normal .select__control .select__placeholder {
    margin: 0;
    color: #b2b2c2; }
  .field-type-select.field-style-normal .select__control .css-1g6gooi {
    margin: 0;
    padding: 0; }
  .field-type-select.field-style-normal .select__control .select__indicators svg {
    width: 16px;
    height: 16px; }
    .field-type-select.field-style-normal .select__control .select__indicators svg path {
      stroke: #767676; }
  .field-type-select.field-style-normal .select__control .select__indicators .select__clear-indicator {
    padding: 4px; }
  .field-type-select.field-style-normal .select__control .select__indicator-separator {
    display: none; }

.field-type-select.field-style-normal .select__menu {
  margin: 0;
  padding: 0;
  border-left: 1px solid #007c76;
  border-right: 1px solid #007c76;
  border-bottom: 1px solid #007c76;
  border-top: 0;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  z-index: 1000; }
  .field-type-select.field-style-normal .select__menu > div {
    padding: 0;
    margin: 0; }
  .field-type-select.field-style-normal .select__menu .select__option {
    padding: 14px 16px;
    border-bottom: 1px solid #d8dade;
    color: #212431;
    font-family: "Open Sans Light", "Helvetica", "Arial"; }
    .field-type-select.field-style-normal .select__menu .select__option:last-child {
      border: none; }
    .field-type-select.field-style-normal .select__menu .select__option.select__option--is-selected, .field-type-select.field-style-normal .select__menu .select__option.select__option--is-focused {
      background: #007c76;
      color: #ffffff;
      cursor: pointer; }

.field-type-select.field-style-normal .opened .select__control {
  border-color: #007c76;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  box-shadow: 0 0 0 4px #c3e8e6; }
  .field-type-select.field-style-normal .opened .select__control .select__indicators path {
    stroke: #007c76; }

.field-type-select.field-style-normal .opened.menu-top .select__control {
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px; }

.field-type-select.field-style-normal .opened.menu-top .select__menu {
  border-top: 1px solid #007c76;
  border-bottom: 0;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0; }

.field-type-select.field-style-normal .menu-top .select__control .select__indicators {
  transform: rotateX(180deg) !important; }

.field-type-select.field-style-normal.has-value:not(.active):not(.error) .select__control {
  border-color: #767676; }

.field-type-select.field-style-normal label {
  font-family: "Open Sans Regular", "Helvetica", "Arial";
  cursor: text;
  transition: all .2s;
  color: #212431;
  font-size: 14px;
  margin-bottom: 5px; }

.field-type-select.field-style-normal.active label {
  color: #007c76; }

.field-type-select.field-style-normal.active .select__control {
  border-color: #007c76;
  box-shadow: 0 0 0 4px #c3e8e6; }
  .field-type-select.field-style-normal.active .select__control .select__indicators path {
    stroke: #007c76; }

.field-type-select.field-style-normal.error label {
  color: #e41111; }

.field-type-select.field-style-normal.error .select__control,
.field-type-select.field-style-normal.error .select__menu {
  border-color: #e41111 !important;
  box-shadow: none; }

.field-type-select.field-style-normal.error svg path {
  stroke: #e41111 !important; }

.field-type-select.field-style-normal.error .field-error svg path {
  stroke: inherit !important;
  fill: #e41111; }

.field-type-select.field-style-standalone.clearable {
  padding-right: 150px; }

.field-type-select.field-style-standalone .select__control {
  font-family: "Open Sans Regular", "Helvetica", "Arial";
  color: #212431;
  font-size: 16px;
  border: 1px solid #767676;
  padding: 17px 19px;
  position: relative;
  line-height: 24px;
  transition: all .2s;
  box-shadow: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  /* input wrapper */ }
  .field-type-select.field-style-standalone .select__control:hover {
    cursor: pointer;
    border-color: #767676; }
  .field-type-select.field-style-standalone .select__control .select__value-container {
    padding: 0 16px 0 0; }
    .field-type-select.field-style-standalone .select__control .select__value-container .select__single-value {
      font-family: "Open Sans Bold", "Helvetica", "Arial";
      font-size: 18px;
      color: #007c76; }
  .field-type-select.field-style-standalone .select__control .select__placeholder {
    margin: 0;
    font-family: "Open Sans Bold", "Helvetica", "Arial";
    color: #007c76;
    font-size: 18px; }
  .field-type-select.field-style-standalone .select__control .css-1g6gooi {
    margin: 0;
    padding: 0; }
  .field-type-select.field-style-standalone .select__control .select__indicators svg {
    width: 16px;
    height: 16px; }
    .field-type-select.field-style-standalone .select__control .select__indicators svg path {
      stroke: #767676; }
  .field-type-select.field-style-standalone .select__control .clear {
    color: #767676;
    position: absolute;
    right: -125px;
    top: 16px; }
    .field-type-select.field-style-standalone .select__control .clear svg {
      height: 10px;
      width: 10px;
      margin-top: -1px;
      margin-left: 3px; }
      .field-type-select.field-style-standalone .select__control .clear svg > g > path {
        stroke: #ffffff; }
    .field-type-select.field-style-standalone .select__control .clear:hover {
      color: #007c76; }
      .field-type-select.field-style-standalone .select__control .clear:hover svg g g path {
        stroke: #007c76; }
  .field-type-select.field-style-standalone .select__control .select__indicator-separator {
    display: none; }

.field-type-select.field-style-standalone .select__menu {
  margin: 0;
  padding: 0;
  border-left: 1px solid #007c76;
  border-right: 1px solid #007c76;
  border-bottom: 1px solid #007c76;
  border-top: 0;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  z-index: 1000;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }
  .field-type-select.field-style-standalone .select__menu > div {
    padding: 0;
    margin: 0; }
  .field-type-select.field-style-standalone .select__menu .select__option {
    padding: 14px 16px;
    border-bottom: 1px solid #d8dade;
    color: #212431;
    font-family: "Open Sans Light", "Helvetica", "Arial"; }
    .field-type-select.field-style-standalone .select__menu .select__option:last-child {
      border: none; }
    .field-type-select.field-style-standalone .select__menu .select__option.select__option--is-selected, .field-type-select.field-style-standalone .select__menu .select__option.select__option--is-focused {
      background: #007c76;
      color: #ffffff;
      cursor: pointer; }

.field-type-select.field-style-standalone .opened + label {
  display: none; }

.field-type-select.field-style-standalone .has-value + label {
  display: none; }

.field-type-select.field-style-standalone.active .select__control {
  border-color: #007c76; }
  .field-type-select.field-style-standalone.active .select__control .select__indicators path {
    stroke: #007c76; }

.field-type-select.field-style-standalone.error label {
  color: #e41111; }

.field-type-select.field-style-standalone.error .select__control,
.field-type-select.field-style-standalone.error .select__menu {
  border-color: #e41111; }

.field-type-select.field-style-standalone.error svg path {
  stroke: #e41111 !important; }

.field-type-select.field-style-standalone.error .field-error svg path {
  stroke: inherit !important;
  fill: #e41111; }

.field-type-radios {
  margin-bottom: 24px; }
  .field-type-radios > label {
    margin-bottom: 16px;
    font-size: 16px;
    font-family: "Open Sans Regular", "Helvetica", "Arial"; }
  .field-type-radios .radio-item {
    position: relative;
    margin-bottom: 0; }
    .field-type-radios .radio-item:last-child {
      margin-bottom: 0; }
    .field-type-radios .radio-item.selected label {
      color: #007c76;
      border-color: #007c76; }
    .field-type-radios .radio-item.selected .indicator {
      border: 8px solid #007c76; }
    .field-type-radios .radio-item.selected path[fill="#767676"] {
      fill: #007c76; }
    .field-type-radios .radio-item label {
      cursor: pointer;
      margin: 12px 0;
      display: inline-block;
      line-height: 24px;
      font-size: 16px;
      font-family: "Open Sans Regular", "Helvetica", "Arial";
      transition: .3s border; }
      .field-type-radios .radio-item label:hover .indicator {
        border-color: #007c76; }
      .field-type-radios .radio-item label input {
        display: none; }
      .field-type-radios .radio-item label .indicator {
        background: #ffffff;
        height: 24px;
        width: 24px;
        position: absolute;
        left: 0;
        top: 12px;
        border: 1px solid #767676;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        transition: .2s all; }
      .field-type-radios .radio-item label .label {
        margin-left: 36px; }

.field-type-checkboxes {
  margin-bottom: 24px; }
  .field-type-checkboxes > label {
    margin-bottom: 16px;
    font-size: 16px;
    font-family: "Open Sans Regular", "Helvetica", "Arial"; }
  .field-type-checkboxes .checkbox-item {
    position: relative;
    margin-bottom: 0; }
    .field-type-checkboxes .checkbox-item:last-child {
      margin-bottom: 0; }
    .field-type-checkboxes .checkbox-item.with-icon {
      margin-bottom: 16px; }
      .field-type-checkboxes .checkbox-item.with-icon .icon {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 28px;
        flex-direction: column;
        display: flex;
        justify-content: center; }
      .field-type-checkboxes .checkbox-item.with-icon svg {
        max-width: 28px;
        max-height: 28px; }
      .field-type-checkboxes .checkbox-item.with-icon label {
        margin-left: 48px;
        cursor: pointer;
        padding: 12px;
        line-height: 24px;
        display: block;
        font-size: 16px;
        font-family: "Open Sans Regular", "Helvetica", "Arial";
        border: 2px solid #767676;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        transition: .3s border; }
        .field-type-checkboxes .checkbox-item.with-icon label:hover {
          border-color: #007c76; }
          .field-type-checkboxes .checkbox-item.with-icon label:hover .indicator {
            border-color: #007c76; }
        .field-type-checkboxes .checkbox-item.with-icon label .indicator {
          left: 61px;
          top: 13px; }
    .field-type-checkboxes .checkbox-item.selected label {
      color: #007c76;
      border-color: #007c76; }
    .field-type-checkboxes .checkbox-item.selected .indicator {
      background-color: #007c76;
      border-color: #007c76; }
    .field-type-checkboxes .checkbox-item.selected path[fill="#767676"] {
      fill: #007c76; }
    .field-type-checkboxes .checkbox-item label {
      cursor: pointer;
      margin: 12px 0;
      display: inline-block;
      line-height: 24px;
      font-size: 16px;
      font-family: "Open Sans Regular", "Helvetica", "Arial";
      transition: .3s border; }
      .field-type-checkboxes .checkbox-item label:hover .indicator {
        border-color: #007c76; }
      .field-type-checkboxes .checkbox-item label input {
        display: none; }
      .field-type-checkboxes .checkbox-item label .indicator {
        background: url("/static/icons/checkmark.svg") no-repeat 3px 4px #ffffff;
        height: 24px;
        width: 24px;
        position: absolute;
        left: 0;
        top: 12px;
        border: 1px solid #767676;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        transition: .3s all; }
      .field-type-checkboxes .checkbox-item label .label {
        margin-left: 36px; }

.field-type-checkboxes .checkbox-item.with-background > label {
  margin: 1px 0;
  padding: 12px 14px 12px 12px;
  transition: .3s;
  background-color: transparent; }
  .field-type-checkboxes .checkbox-item.with-background > label:hover {
    background-color: #e8f1f1;
    border-radius: 5px; }

.field-type-checkboxes .checkbox-item.with-background .indicator {
  left: 12px; }

.field-type-checkboxes .checkbox-item.with-background.selected > label {
  background-color: #e8f1f1;
  border-radius: 5px; }

.switcher.disabled, .switcher.loading {
  opacity: .8; }

.switcher.color-pink:not(.disabled):not(.loading) .switcher-field:not(.active):hover {
  background-color: #bd185b; }

.switcher.color-pink .switcher-field {
  background-color: #d41b66; }
  .switcher.color-pink .switcher-field.active {
    background-color: #8e0042; }
  .switcher.color-pink .switcher-field path {
    fill: #8e0042;
    stroke: #8e0042; }
    @media (min-width: 768px) {
      .switcher.color-pink .switcher-field path {
        stroke: none; } }

.switcher.color-turquoise:not(.disabled):not(.loading) .switcher-field:not(.active):hover {
  background-color: #006d67; }

.switcher.color-turquoise .switcher-field {
  background-color: #007c76; }
  .switcher.color-turquoise .switcher-field.active {
    background-color: #015d59; }
  .switcher.color-turquoise .switcher-field path {
    fill: #015d59;
    stroke: #015d59; }
    @media (min-width: 768px) {
      .switcher.color-turquoise .switcher-field path {
        stroke: none; } }

.switcher .switcher-field {
  transition: background-color .3s;
  padding: 6px;
  flex: 1 1 0; }
  @media (min-width: 768px) {
    .switcher .switcher-field {
      padding: 12px;
      width: 50%; } }
  .switcher .switcher-field.small {
    padding: 6px; }
  .switcher .switcher-field:first-child {
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px; }
  .switcher .switcher-field:last-child {
    flex-direction: row-reverse;
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px; }
  .switcher .switcher-field > * {
    align-self: center; }
  .switcher .switcher-field h5, .switcher .switcher-field .header-three {
    color: #ffffff;
    margin: auto; }
  .switcher .switcher-field .indicator {
    border-radius: 100%;
    background-color: #ffffff;
    opacity: 0.2;
    transition: opacity .2s;
    width: 30px;
    height: 30px;
    display: flex; }
    @media (min-width: 768px) {
      .switcher .switcher-field .indicator {
        width: 40px;
        height: 40px; } }
    .switcher .switcher-field .indicator.not-active svg {
      display: none; }
    .switcher .switcher-field .indicator svg {
      margin: auto; }
  .switcher .switcher-field.active .indicator {
    opacity: 1; }

.switcher:not(.disabled):not(.loading) .switcher-field:not(.active) {
  cursor: pointer; }
  .switcher:not(.disabled):not(.loading) .switcher-field:not(.active):hover .indicator {
    opacity: 0.3; }

.toggle-element-card {
  min-width: 80px;
  height: 80px;
  border-radius: 10px;
  border: 2px #d41b66 solid;
  transition: all .3s;
  user-select: none; }
  .toggle-element-card .header-two {
    color: #d41b66; }
  .toggle-element-card.active {
    border-color: #8e0042;
    background-color: #8e0042; }
    .toggle-element-card.active .header-two {
      color: #ffffff; }
    .toggle-element-card.active .has-description {
      position: relative; }
      .toggle-element-card.active .has-description:after {
        content: "";
        position: absolute;
        bottom: -50px;
        left: 50%;
        transform: translateX(-50%);
        border: solid 15px transparent;
        border-bottom-color: #d8dade;
        z-index: 1; }
  .toggle-element-card:hover:not(.disabled) {
    cursor: pointer;
    background-color: #d41b66;
    color: #ffffff; }
    .toggle-element-card:hover:not(.disabled).active {
      border-color: #750036;
      background-color: #750036; }

.toggle-element-icon {
  position: relative;
  width: 74px;
  margin-right: 14px; }
  @media (min-width: 576px) {
    .toggle-element-icon {
      width: 96px; } }
  .toggle-element-icon h5 {
    font-size: 12px;
    font-family: "Open Sans Regular", "Helvetica", "Arial";
    color: #767676;
    text-align: center; }
    @media (min-width: 576px) {
      .toggle-element-icon h5 {
        font-size: 14px; } }
  .toggle-element-icon .toggle-element-inner {
    height: 74px;
    border: solid 1px #767676;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center; }
    @media (min-width: 576px) {
      .toggle-element-icon .toggle-element-inner {
        height: 96px; } }
  .toggle-element-icon.active h5 {
    color: #8e0042; }
  .toggle-element-icon.active .toggle-element-inner {
    border: solid 3px #8e0042; }
  .toggle-element-icon.active path[fill="#767676"] {
    fill: #8e0042; }
  .toggle-element-icon:not(.disabled) {
    cursor: pointer; }
  .toggle-element-icon .small-tag {
    position: absolute;
    top: 8px;
    right: 8px;
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 8px;
    background: #8e0042;
    text-align: center; }
    .toggle-element-icon .small-tag svg {
      position: relative;
      width: 11px;
      top: -3px; }

.toggle-group-cards {
  position: relative; }
  .toggle-group-cards .toggle-element {
    flex-grow: 1; }
    .toggle-group-cards .toggle-element:not(:last-child) {
      margin-right: 24px; }
  .toggle-group-cards .description {
    margin-top: 20px;
    margin-bottom: 24px;
    border-radius: 10px;
    background-color: #d8dade;
    padding: 16px 24px;
    font-size: 14px;
    line-height: 1.4; }
    .toggle-group-cards .description div {
      margin-bottom: 5px;
      font-family: "Open Sans Regular", "Helvetica", "Arial";
      font-weight: bold; }

.toggle-group-icons {
  display: inline-block; }
  .toggle-group-icons .toggle-element:not(:last-child) {
    margin-right: 16px; }

@media (min-width: 768px) {
  .dropdown-filters-form .field {
    width: 300px;
    display: inline-block;
    margin-right: 40px; } }

.dropdown-filters-form .clear {
  color: #007c76;
  display: inline-block;
  cursor: pointer;
  font-size: 16px; }
  @media (min-width: 768px) {
    .dropdown-filters-form .clear {
      font-size: 18px; } }
  .dropdown-filters-form .clear svg {
    height: 10px;
    width: 10px;
    margin-top: -1px;
    margin-left: 3px; }
    .dropdown-filters-form .clear svg > g > path {
      stroke: #ffffff; }
  .dropdown-filters-form .clear:hover {
    color: #015d59; }
    .dropdown-filters-form .clear:hover svg g g path {
      stroke: #007c76; }

.dropdown-filters-form .spinner {
  display: block; }
  @media (min-width: 768px) {
    .dropdown-filters-form .spinner {
      top: 5px;
      display: inline-block; } }
  .dropdown-filters-form .spinner span {
    border-color: #007c76 transparent transparent transparent; }

.dropdown-filters-form.ie11-compat .spinner, .dropdown-filters-form.ie11-compat .clear {
  vertical-align: top;
  transform: translateY(50%); }

.bb.bb-content-overview {
  margin-top: 48px;
  margin-bottom: 48px; }
  @media (min-width: 768px) {
    .bb.bb-content-overview {
      margin-top: 60px;
      margin-bottom: 60px; } }

.bb.cta {
  position: relative;
  overflow: hidden;
  min-height: 400px; }
  .bb.cta > .image {
    height: 400px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; }
    @media (min-width: 768px) {
      .bb.cta > .image {
        height: 700px;
        transition: transform .4s ease-in-out; } }
  .bb.cta .container .overlay .button {
    margin: 0; }

@media (max-width: 767.98px) {
  .bb.cta.primary .container {
    margin: 0;
    padding: 0; } }

.bb.cta.primary .container .overlay {
  position: absolute;
  padding: 40px 20px;
  width: 100%;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), white 50%);
  bottom: 0; }
  @media (min-width: 768px) {
    .bb.cta.primary .container .overlay {
      top: 50%;
      transform: translateY(-50%);
      padding: 40px;
      bottom: auto;
      width: 470px;
      background: linear-gradient(to top, rgba(255, 255, 255, 0.5), white 50%); } }
  .bb.cta.primary .container .overlay h2 {
    margin-bottom: 20px; }
  .bb.cta.primary .container .overlay ul.icon-list {
    margin-bottom: 30px; }
    .bb.cta.primary .container .overlay ul.icon-list li {
      margin-bottom: 12px;
      padding-left: 32px; }
      .bb.cta.primary .container .overlay ul.icon-list li::before {
        transform: none;
        height: 20px;
        width: 20px;
        top: 4px; }
      .bb.cta.primary .container .overlay ul.icon-list li > * {
        margin-bottom: 0; }
  .bb.cta.primary .container .overlay .button {
    margin: 0; }

.bb.cta.primary.color-pink ul.icon-list > li::before,
.bb.cta.primary.color-pink li.icon-list::before {
  background-image: url("/static/icons/pink-exclamation.svg"); }

.bb.cta.primary.color-green ul.icon-list > li::before,
.bb.cta.primary.color-green li.icon-list::before {
  background-image: url("/static/icons/teal-tick.svg"); }

.counter .digit {
  display: inline-block;
  position: relative; }
  .counter .digit .bg {
    width: 30px;
    height: 20px;
    border-radius: 3px;
    margin-right: 4px; }
    .counter .digit .bg.upper {
      background-color: #007c76; }
    .counter .digit .bg.lower {
      background-color: #015d59; }
  .counter .digit > div:nth-child(2) {
    position: absolute;
    color: #ffffff;
    margin: auto;
    transform: translateX(50%) translateY(-50%);
    font-family: "Khand Medium", "Helvetica", "Arial";
    font-size: 40px;
    line-height: 40px;
    width: 16px;
    height: 34px; }

.bb.bb-time-spent .box {
  max-width: 330px;
  border: 2px solid #00b5ad;
  padding: 20px 16px; }
  @media (min-width: 992px) {
    .bb.bb-time-spent .box {
      padding: 20px; } }
  @media (max-width: 1199.98px) {
    .bb.bb-time-spent .box {
      margin: auto; } }
  .bb.bb-time-spent .box p {
    font-size: 18px; }
  .bb.bb-time-spent .box .header-two {
    text-transform: uppercase;
    margin-top: -6px;
    margin-left: 12px;
    font-size: 28px;
    line-height: 1.57; }
  .bb.bb-time-spent .box .counter {
    margin-bottom: 24px; }
    @media (min-width: 992px) {
      .bb.bb-time-spent .box .counter {
        margin-bottom: 80px; } }
  .bb.bb-time-spent .box .map-wrapper {
    width: 100%;
    max-width: 280px;
    margin: 0 auto; }

.bb-publication-author {
  margin-top: 48px;
  margin-bottom: 48px; }
  @media (min-width: 768px) {
    .bb-publication-author {
      margin-top: 60px;
      margin-bottom: 60px; } }
  @media (min-width: 768px) {
    .bb-publication-author .container {
      padding-top: 30px;
      border-top: 1px solid #d8dade; } }
  .bb-publication-author .container [class*="col-"] {
    margin-bottom: 0; }
  .bb-publication-author .container .avatar {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    height: 120px;
    width: 120px;
    margin-bottom: 20px; }
    @media (min-width: 768px) {
      .bb-publication-author .container .avatar {
        margin-bottom: 0; } }
  .bb-publication-author .container .name {
    margin-bottom: 0; }
  .bb-publication-author .container .position {
    margin-bottom: 16px; }
  .bb-publication-author .container .info {
    font-size: 14px;
    margin-top: 16px; }
    @media (min-width: 768px) {
      .bb-publication-author .container .info {
        margin-bottom: 6px; } }
  .bb-publication-author .container .email {
    font-size: 14px; }

.bb-focus-area {
  margin-top: 48px;
  margin-bottom: 48px; }
  @media (min-width: 768px) {
    .bb-focus-area {
      margin-top: 60px;
      margin-bottom: 60px; } }
  .bb-focus-area .wrapper {
    background: #007c76;
    display: flex; }
    .bb-focus-area .wrapper .image {
      width: 250px;
      min-width: 250px;
      min-height: 250px;
      background-size: cover; }
    .bb-focus-area .wrapper .content {
      padding: 40px 24px;
      flex-grow: 1; }
      @media (min-width: 768px) {
        .bb-focus-area .wrapper .content {
          padding: 24px; } }
      .bb-focus-area .wrapper .content .label {
        color: #ffffff;
        margin-bottom: 6px;
        display: block; }
      .bb-focus-area .wrapper .content .title {
        color: #ffffff; }
      .bb-focus-area .wrapper .content .description {
        color: #ffffff; }
        .bb-focus-area .wrapper .content .description p {
          color: white; }
          .bb-focus-area .wrapper .content .description p:last-child {
            margin-bottom: 0; }
      .bb-focus-area .wrapper .content .button {
        margin-top: 24px;
        margin-bottom: 0; }

.bb-video {
  margin-top: 24px;
  margin-bottom: 24px; }
  @media (min-width: 768px) {
    .bb-video {
      margin-top: 40px;
      margin-bottom: 40px; } }
  .bb-video .video-player-block {
    overflow: hidden;
    position: relative; }
    .bb-video .video-player-block .video-player > div {
      float: none;
      clear: both;
      width: 100%;
      position: relative;
      padding-bottom: 56.25%;
      /* 16:9 */
      height: 0; }
      .bb-video .video-player-block .video-player > div > iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
    .bb-video .video-player-block .poster {
      transition: opacity .2s ease-in-out;
      opacity: 1;
      height: 100%;
      position: absolute;
      top: 0;
      width: 100%;
      background-size: cover;
      background-position: center center;
      cursor: pointer;
      display: flex;
      justify-content: center;
      align-items: center; }
      .bb-video .video-player-block .poster .play-button,
      .bb-video .video-player-block .poster .play-button--loading {
        width: 40px; }
        @media (min-width: 768px) {
          .bb-video .video-player-block .poster .play-button,
          .bb-video .video-player-block .poster .play-button--loading {
            width: 100px; } }
      .bb-video .video-player-block .poster .play-button--loading {
        display: none; }
      .bb-video .video-player-block .poster img {
        transition: opacity .15s ease-in-out;
        opacity: 1; }
      .bb-video .video-player-block .poster:hover img {
        opacity: .85; }
    .bb-video .video-player-block.playing.loading .play-button {
      display: none; }
    .bb-video .video-player-block.playing.loading .play-button--loading {
      display: block; }
    .bb-video .video-player-block.playing:not(.loading) .play-button {
      display: none; }
    .bb-video .video-player-block.playing:not(.loading) .poster {
      opacity: 0; }

.bb.bb-hero {
  position: relative;
  overflow: hidden;
  background-color: #212431;
  padding-bottom: 100px;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  min-height: 90px; }
  @media (min-width: 576px) {
    .bb.bb-hero {
      padding-bottom: 60px; } }
  @media (min-width: 768px) {
    .bb.bb-hero {
      padding-bottom: 0;
      min-height: 390px; } }
  .bb.bb-hero .gradient, .bb.bb-hero .frayed-edge {
    position: absolute; }
  .bb.bb-hero .gradient {
    width: 100%;
    bottom: 100px;
    height: 150px;
    background-image: linear-gradient(to bottom, rgba(33, 36, 49, 0), rgba(33, 36, 49, 0.79) 61%, #212431); }
    @media (min-width: 576px) {
      .bb.bb-hero .gradient {
        bottom: 60px; } }
    @media (min-width: 768px) {
      .bb.bb-hero .gradient {
        bottom: 0;
        height: 280px;
        background-image: linear-gradient(to bottom, rgba(33, 36, 49, 0), rgba(33, 36, 49, 0.95) 90%); } }
  .bb.bb-hero .container-wrapper {
    position: absolute;
    width: 100%;
    bottom: 0; }
  .bb.bb-hero .overlay {
    margin-bottom: 0 !important;
    padding-bottom: 40px; }
    @media (min-width: 768px) {
      .bb.bb-hero .overlay {
        padding-bottom: 60px; } }
    .bb.bb-hero .overlay * {
      color: #ffffff !important;
      text-shadow: 1px 1px 1px #000; }
    .bb.bb-hero .overlay .button {
      text-shadow: none; }
    .bb.bb-hero .overlay .description, .bb.bb-hero .overlay p {
      font-size: 22px;
      margin: 0; }
  .bb.bb-hero .frayed-edge {
    width: 100%;
    bottom: 0; }
  .bb.bb-hero .image {
    width: 100%; }
    .bb.bb-hero .image img {
      width: 100%;
      height: auto;
      object-fit: cover;
      margin-bottom: 1px; }
    @media (min-width: 421px) {
      .bb.bb-hero .image.hero-image-mobile {
        display: none; } }
    .bb.bb-hero .image.hero-image-tablet {
      display: none; }
      @media (min-width: 421px) and (max-width: 992px) {
        .bb.bb-hero .image.hero-image-tablet {
          display: block; } }
    .bb.bb-hero .image.hero-image-desktop {
      display: none; }
      @media (min-width: 993px) {
        .bb.bb-hero .image.hero-image-desktop {
          display: block; } }

@media (min-width: 768px) {
  .bb.bb-hero.bb-hero-video {
    height: 550px; } }

@media (min-width: 992px) and (min-height: 900px) {
  .bb.bb-hero.bb-hero-video {
    height: 700px; } }

@media (min-width: 992px) and (min-height: 1200px) {
  .bb.bb-hero.bb-hero-video {
    height: 900px; } }

.bb.bb-hero.bb-hero-video .video-container {
  position: absolute;
  bottom: 0;
  height: 100%;
  width: 100%;
  overflow: hidden; }
  .bb.bb-hero.bb-hero-video .video-container video {
    object-fit: cover;
    height: 100%;
    width: 100%; }
    .bb.bb-hero.bb-hero-video .video-container video.ie11-compat {
      height: auto; }

.bb.bb-hero.bb-hero-video.bb-hero-video-emergency {
  background-color: #000000; }
  .bb.bb-hero.bb-hero-video.bb-hero-video-emergency .gradient {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.79) 81%, #000000); }
    @media (min-width: 768px) {
      .bb.bb-hero.bb-hero-video.bb-hero-video-emergency .gradient {
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.95) 92%); } }
  .bb.bb-hero.bb-hero-video.bb-hero-video-emergency .tag {
    text-transform: uppercase;
    margin-bottom: 12px; }
    @media (min-width: 768px) {
      .bb.bb-hero.bb-hero-video.bb-hero-video-emergency .tag {
        margin-bottom: 20px;
        font-size: 11px;
        padding: 3px 5px; } }
    .bb.bb-hero.bb-hero-video.bb-hero-video-emergency .tag * {
      text-shadow: none; }
  .bb.bb-hero.bb-hero-video.bb-hero-video-emergency .button {
    margin-top: 20px;
    margin-bottom: 0; }

.popup.hero-video {
  background-image: url("/static/icons/loading.svg");
  background-position: center;
  background-repeat: no-repeat; }

.bb.bb-hero.bb-hero-image {
  padding-bottom: 0;
  background: transparent;
  margin-bottom: 24px; }
  @media (min-width: 768px) {
    .bb.bb-hero.bb-hero-image {
      margin-bottom: 60px; } }
  .bb.bb-hero.bb-hero-image .image-container {
    position: relative;
    background-color: #212431;
    min-height: 90px; }
    @media (min-width: 768px) {
      .bb.bb-hero.bb-hero-image .image-container {
        min-height: 390px; } }
  .bb.bb-hero.bb-hero-image .gradient-mobile {
    height: 80px;
    bottom: 0;
    top: auto; }
  .bb.bb-hero.bb-hero-image .breadcrumbs {
    margin-bottom: 8px; }
  .bb.bb-hero.bb-hero-image .header-one {
    margin-top: 16px; }
  @media (max-width: 767.98px) {
    .bb.bb-hero.bb-hero-image .header-two {
      margin-top: 8px; } }
  @media (max-width: 767.98px) {
    .bb.bb-hero.bb-hero-image .container {
      transform: none; } }
  .bb.bb-hero.bb-hero-image .red-strip {
    position: absolute;
    background-image: linear-gradient(to bottom, #e41111, #e41111);
    mix-blend-mode: multiply;
    top: 0;
    right: 0;
    width: 90px;
    height: 100%; }
    @media (min-width: 768px) {
      .bb.bb-hero.bb-hero-image .red-strip {
        width: 136px; } }
  .bb.bb-hero.bb-hero-image .watermark {
    position: absolute;
    left: auto;
    right: 10px;
    top: 20px;
    width: 70px; }
    @media (min-width: 768px) {
      .bb.bb-hero.bb-hero-image .watermark {
        width: 100px;
        right: 20px; } }

.bb.bb-hero.bb-hero-emergency {
  min-height: 300px;
  background-color: #000000; }
  @media (min-width: 768px) {
    .bb.bb-hero.bb-hero-emergency {
      min-height: 400px; } }
  .bb.bb-hero.bb-hero-emergency .gradient {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.79) 81%, #000000); }
    @media (min-width: 768px) {
      .bb.bb-hero.bb-hero-emergency .gradient {
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.66) 50%, #000000); } }
  .bb.bb-hero.bb-hero-emergency .overlay .tag {
    text-transform: uppercase;
    margin-bottom: 12px; }
    @media (min-width: 768px) {
      .bb.bb-hero.bb-hero-emergency .overlay .tag {
        margin-bottom: 20px;
        font-size: 11px;
        padding: 3px 5px; } }
    .bb.bb-hero.bb-hero-emergency .overlay .tag * {
      text-shadow: none; }
  .bb.bb-hero.bb-hero-emergency .overlay h2 {
    margin-bottom: 12px; }
  .bb.bb-hero.bb-hero-emergency .overlay .button {
    margin-top: 20px;
    margin-bottom: 0; }
  .bb.bb-hero.bb-hero-emergency .red-strip {
    position: absolute;
    background-image: linear-gradient(to bottom, #e41111, #e41111);
    mix-blend-mode: multiply;
    top: 0;
    right: 0;
    width: 90px;
    height: 100%; }
    @media (min-width: 768px) {
      .bb.bb-hero.bb-hero-emergency .red-strip {
        width: 136px; } }
  .bb.bb-hero.bb-hero-emergency .watermark {
    position: absolute;
    left: auto;
    right: 10px;
    top: 20px;
    width: 70px; }
    @media (min-width: 768px) {
      .bb.bb-hero.bb-hero-emergency .watermark {
        width: 100px;
        right: 20px; } }

.bb.bb-hero.bb-hero-landing h2 {
  margin-bottom: 6px; }

@media (min-width: 768px) {
  .bb.bb-hero.bb-hero-landing h2 {
    margin-bottom: 0; } }

.bb-accordion {
  margin-top: 24px;
  margin-bottom: 24px; }
  @media (min-width: 768px) {
    .bb-accordion {
      margin-top: 40px;
      margin-bottom: 40px; } }
  .bb-accordion .tab {
    padding: 20px 10px;
    border-top: 1px solid #d8dade;
    position: relative;
    cursor: pointer; }
    @media (min-width: 768px) {
      .bb-accordion .tab {
        padding: 32px 40px 32px 64px; } }
    .bb-accordion .tab:last-child {
      border-bottom: 1px solid #d8dade; }
    @media (min-width: 768px) {
      .bb-accordion .tab:hover {
        background: #f8f8f8; } }
    .bb-accordion .tab.active {
      border-top: 1px solid #007c76;
      background: #f8f8f8;
      padding-bottom: 40px; }
    .bb-accordion .tab .toggler {
      position: absolute;
      right: 22px;
      top: 20px; }
      @media (min-width: 768px) {
        .bb-accordion .tab .toggler {
          right: auto;
          top: 32px;
          left: 16px;
          width: 30px;
          height: 30px; } }
      .bb-accordion .tab .toggler.d-md-block {
        border: 1px solid #007c76;
        border-radius: 20px; }
      .bb-accordion .tab .toggler.active svg {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg); }
        @media (min-width: 768px) {
          .bb-accordion .tab .toggler.active svg {
            margin-top: 0; } }
      .bb-accordion .tab .toggler svg {
        width: 17px;
        height: 8px;
        transition: .3s transform; }
        @media (min-width: 768px) {
          .bb-accordion .tab .toggler svg {
            width: 16px;
            height: 10px;
            margin-top: 2px;
            margin-left: 6px; } }
    .bb-accordion .tab .title {
      margin-bottom: 0;
      padding-right: 40px; }
      @media (min-width: 768px) {
        .bb-accordion .tab .title {
          padding-right: 0; } }
    .bb-accordion .tab .content {
      margin-top: 8px; }
      .bb-accordion .tab .content.hidden {
        display: none; }
      .bb-accordion .tab .content .text {
        display: inline-block;
        vertical-align: top;
        width: auto;
        max-width: 712px; }
        @media (min-width: 992px) {
          .bb-accordion .tab .content .text {
            padding-right: 80px;
            width: 60%; } }
        @media (min-width: 1200px) {
          .bb-accordion .tab .content .text {
            width: auto; } }
        .bb-accordion .tab .content .text p:last-child {
          margin-bottom: 0; }
      .bb-accordion .tab .content .image {
        display: inline-block;
        vertical-align: top;
        margin: 12px 0;
        max-width: 260px; }
        @media (min-width: 768px) {
          .bb-accordion .tab .content .image {
            margin-top: 0;
            max-width: 290px; } }
        .bb-accordion .tab .content .image img {
          text-align: right;
          width: 100%; }

.bb-inline-cta {
  margin-top: 24px;
  margin-bottom: 24px; }
  @media (min-width: 768px) {
    .bb-inline-cta {
      margin-top: 40px;
      margin-bottom: 40px; } }
  @media (min-width: 768px) {
    .bb-inline-cta .button {
      margin-bottom: 0; } }

.bb-carousel {
  margin-top: 48px;
  margin-bottom: 48px;
  position: relative;
  overflow: hidden; }
  @media (min-width: 768px) {
    .bb-carousel {
      margin-top: 60px;
      margin-bottom: 60px; } }
  .bb-carousel p {
    margin: 0; }
  .bb-carousel .overlay * {
    color: #ffffff; }
  .bb-carousel img {
    object-fit: cover;
    width: 100%; }
  .bb-carousel .slick-slider .slick-arrow {
    z-index: 300;
    background: url("/static/icons/carousel-button.svg") no-repeat;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s; }
    .bb-carousel .slick-slider .slick-arrow:before {
      display: none; }
    .bb-carousel .slick-slider .slick-arrow.slick-prev {
      -webkit-transform: rotate(180deg) translateY(22px);
      -moz-transform: rotate(180deg) translateY(22px);
      -ms-transform: rotate(180deg) translateY(22px);
      -o-transform: rotate(180deg) translateY(22px);
      transform: rotate(180deg) translateY(22px); }
      .bb-carousel .slick-slider .slick-arrow.slick-prev:hover {
        opacity: .8; }
    .bb-carousel .slick-slider .slick-arrow.slick-next {
      -webkit-transform: rotate(360deg) translateY(-22px);
      -moz-transform: rotate(360deg) translateY(-22px);
      -ms-transform: rotate(360deg) translateY(-22px);
      -o-transform: rotate(360deg) translateY(-22px);
      transform: rotate(360deg) translateY(-22px); }
      .bb-carousel .slick-slider .slick-arrow.slick-next:hover {
        opacity: .8; }
    .bb-carousel .slick-slider .slick-arrow.slick-disabled {
      opacity: 0.25;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      cursor: default; }
      .bb-carousel .slick-slider .slick-arrow.slick-disabled:hover {
        opacity: 0.25; }

.bb-carousel-desktop {
  height: 600px; }
  .bb-carousel-desktop > .container {
    position: relative;
    height: 600px; }
  .bb-carousel-desktop .gradient {
    position: absolute;
    width: 100%; }
  .bb-carousel-desktop .overlay {
    background-color: transparent;
    position: absolute; }
    .bb-carousel-desktop .overlay .text {
      position: absolute;
      opacity: 1; }
      .bb-carousel-desktop .overlay .text.faded {
        -webkit-transition: opacity .5s ease-in-out;
        -moz-transition: opacity .5s ease-in-out;
        -ms-transition: opacity .5s ease-in-out;
        -o-transition: opacity .5s ease-in-out;
        transition: opacity .5s ease-in-out;
        opacity: 0; }
  .bb-carousel-desktop .item {
    position: relative;
    height: 100%; }
    .bb-carousel-desktop .item img {
      position: absolute;
      top: 0;
      height: 600px; }
  .bb-carousel-desktop .counter {
    position: absolute; }
    .bb-carousel-desktop .counter .spinner {
      padding-left: 2px;
      padding-top: 5px; }
  .bb-carousel-desktop .slick-slider {
    height: 100%; }
    .bb-carousel-desktop .slick-slider .slick-list {
      height: 100%; }
      .bb-carousel-desktop .slick-slider .slick-list .slick-track {
        height: 100%; }
        .bb-carousel-desktop .slick-slider .slick-list .slick-track .slick-slide > div {
          height: 100%; }
    .bb-carousel-desktop .slick-slider .slick-arrow {
      background-size: 44px;
      width: 44px;
      height: 44px; }

.bb-carousel-desktop-standard .overlay {
  bottom: 0;
  width: calc(100% - 24px); }
  .bb-carousel-desktop-standard .overlay .gradient {
    bottom: 0;
    height: 90px;
    background-image: linear-gradient(to bottom, rgba(33, 36, 49, 0), #212431); }
  .bb-carousel-desktop-standard .overlay .text {
    width: 100%;
    bottom: 0;
    padding-left: 88px;
    padding-right: 40px;
    padding-bottom: 20px; }

.bb-carousel-desktop-standard .counter {
  bottom: 20px;
  left: 40px; }

.bb-carousel-desktop-standard .slick-slider .slick-arrow.slick-prev {
  left: 40px; }

.bb-carousel-desktop-standard .slick-slider .slick-arrow.slick-next {
  right: 40px; }

.bb-carousel-desktop-story .gradient, .bb-carousel-desktop-story .overlay {
  top: 0;
  height: 100%;
  width: 380px; }

.bb-carousel-desktop-story .gradient {
  background-image: linear-gradient(to left, rgba(33, 36, 49, 0), rgba(33, 36, 49, 0.6) 28%, #212431); }

.bb-carousel-desktop-story .item.cta .gradient {
  width: 100%;
  background-image: linear-gradient(to bottom, rgba(33, 36, 49, 0.3), rgba(33, 36, 49, 0.6) 80%, #212431); }

.bb-carousel-desktop-story .overlay .text {
  bottom: 124px;
  padding-left: 40px; }
  .bb-carousel-desktop-story .overlay .text h3 {
    margin-bottom: 8px;
    max-width: 248px; }
  .bb-carousel-desktop-story .overlay .text p {
    width: 248px; }

.bb-carousel-desktop-story .overlay.cta {
  width: calc(100% - 24px);
  text-align: center; }
  .bb-carousel-desktop-story .overlay.cta .text {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding-left: 0;
    bottom: 0; }
    .bb-carousel-desktop-story .overlay.cta .text div {
      margin-top: 56px;
      max-width: 50%; }
      .bb-carousel-desktop-story .overlay.cta .text div h2 {
        margin-bottom: 24px; }
      .bb-carousel-desktop-story .overlay.cta .text div p {
        width: auto;
        margin: 0; }

.bb-carousel-desktop-story .overlay .counter {
  bottom: 50px;
  left: 118px;
  transform: translateX(-50%); }

.bb-carousel-desktop-story .overlay button {
  position: absolute;
  bottom: 24px;
  left: 152px;
  z-index: 400;
  white-space: nowrap; }
  .bb-carousel-desktop-story .overlay button svg {
    height: 10px;
    width: 6px; }
  .bb-carousel-desktop-story .overlay button:disabled {
    opacity: 0.5; }

.bb-carousel-desktop-story .slick-slider .slick-arrow {
  top: auto;
  bottom: 18px; }
  .bb-carousel-desktop-story .slick-slider .slick-arrow.slick-prev {
    left: 40px; }
  .bb-carousel-desktop-story .slick-slider .slick-arrow.slick-next {
    visibility: hidden; }

.bb-carousel-mobile .overlay {
  background-color: #212431;
  margin-bottom: 10px; }
  .bb-carousel-mobile .overlay p mark {
    margin-top: 8px;
    display: block; }
  .bb-carousel-mobile .overlay p .button {
    margin-top: 24px; }

.bb-carousel-mobile .gradient {
  position: absolute;
  top: 201px;
  width: auto;
  height: 49px;
  background-image: linear-gradient(to bottom, rgba(33, 36, 49, 0), #212431); }
  .bb-carousel-mobile .gradient.cta {
    background-image: linear-gradient(to bottom, rgba(33, 36, 49, 0.05), rgba(33, 36, 49, 0.5) 70%, #212431);
    top: 0;
    height: 250px;
    text-align: center;
    display: flex;
    align-items: flex-end; }
    .bb-carousel-mobile .gradient.cta h2 {
      color: #ffffff;
      padding: 0 12px; }

.bb-carousel-mobile .counter {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 39px; }
  .bb-carousel-mobile .counter mark strong {
    color: #ffffff; }
  .bb-carousel-mobile .counter .spinner {
    padding-top: 8px; }

.bb-carousel-mobile img {
  height: 250px; }

.bb-carousel-mobile .slick-slider {
  background-color: #212431;
  padding-bottom: 88px; }
  .bb-carousel-mobile .slick-slider .slick-arrow {
    top: auto;
    bottom: 8px;
    background-size: 40px;
    width: 40px;
    height: 40px; }
    .bb-carousel-mobile .slick-slider .slick-arrow.slick-prev {
      left: calc(50% - 80px); }
    .bb-carousel-mobile .slick-slider .slick-arrow.slick-next {
      right: calc(50% - 80px); }

.bb-sidebar-highlights {
  margin-top: 48px;
  margin-bottom: 48px;
  padding: 32px 20px 20px;
  border: 1px solid #8b8f9d;
  position: relative; }
  @media (min-width: 768px) {
    .bb-sidebar-highlights {
      margin-top: 60px;
      margin-bottom: 60px; } }
  @media (min-width: 992px) {
    .bb-sidebar-highlights {
      margin-top: 16px;
      padding: 36px 24px 24px; } }
  .bb-sidebar-highlights .tag-text {
    position: absolute;
    left: -1px;
    top: -16px;
    padding: 6px 12px; }
    .bb-sidebar-highlights .tag-text strong {
      font-size: 14px; }
  .bb-sidebar-highlights .heading {
    margin-bottom: 4px; }
    .bb-sidebar-highlights .heading a {
      display: block; }
  .bb-sidebar-highlights img {
    width: 100%;
    margin-bottom: 12px; }
  .bb-sidebar-highlights ul {
    margin: 20px 0; }
    .bb-sidebar-highlights ul li {
      background: url("/static/icons/teal-tick.svg") no-repeat left 3px;
      list-style: none;
      font-size: 14px;
      padding-left: 30px;
      min-height: 24px; }
      @media (min-width: 768px) {
        .bb-sidebar-highlights ul li {
          font-size: 16px;
          margin-bottom: 20px; } }
      .bb-sidebar-highlights ul li:before {
        display: none; }
  .bb-sidebar-highlights .text p {
    font-size: 14px; }
  .bb-sidebar-highlights .text p:last-child {
    margin-bottom: 0; }

.icon-stat-link-wrapper {
  text-decoration: none !important; }

.icon-stat {
  padding: 15px 0; }
  @media (min-width: 768px) {
    .icon-stat {
      padding: 20px 10px; } }
  @media (min-width: 768px) {
    .icon-stat .image-container {
      min-width: 80px; } }
  .icon-stat .image-container img {
    width: 100%; }
    .icon-stat .image-container img.small {
      height: 36px;
      width: auto; }
      @media (min-width: 768px) {
        .icon-stat .image-container img.small {
          height: 80px;
          max-width: 80px; } }
    .icon-stat .image-container img.medium {
      height: 60px;
      max-width: 50px; }
      @media (min-width: 768px) {
        .icon-stat .image-container img.medium {
          height: 86px;
          max-width: 86px; } }
    .icon-stat .image-container img.large {
      height: 119px; }
  .icon-stat > div {
    margin-left: 16px; }
    @media (min-width: 768px) {
      .icon-stat > div {
        margin-left: 24px; } }
    .icon-stat > div h4 {
      margin-top: -2px; }
      @media (min-width: 768px) {
        .icon-stat > div h4 {
          margin-top: -8px 0 8px 0; } }
    .icon-stat > div .header-one {
      white-space: nowrap; }
    .icon-stat > div p {
      font-family: "Open Sans Light", "Helvetica", "Arial";
      font-size: 14px;
      margin-bottom: 0; }
      @media (min-width: 768px) {
        .icon-stat > div p {
          font-size: 18px; } }

.bb.bb-impact-stats {
  margin: -12px 0;
  position: relative;
  z-index: 4000; }
  .bb.bb-impact-stats .row {
    margin: auto;
    max-width: 320px; }
    @media (min-width: 768px) {
      .bb.bb-impact-stats .row {
        max-width: 400px; } }
    @media (min-width: 992px) {
      .bb.bb-impact-stats .row {
        max-width: none; } }
    .bb.bb-impact-stats .row > * {
      margin-bottom: 0; }
      .bb.bb-impact-stats .row > *:not(:last-child) {
        margin-bottom: 10px; }
        @media (min-width: 992px) {
          .bb.bb-impact-stats .row > *:not(:last-child) {
            margin-bottom: 0; } }
      @media (min-width: 992px) {
        .bb.bb-impact-stats .row > * .icon-stat {
          justify-content: center; } }

/*
 * react-circular-progressbar styles
 *
 * All of the styles in this file are optional and configurable!
 */
.CircularProgressbar {
  /*
   * This fixes an issue where the CircularProgressbar svg has
   * 0 width inside a "display: flex" container, and thus not visible.
   *
   * If you're not using "display: flex", you can remove this style.
   */
  width: 100%; }

.CircularProgressbar .CircularProgressbar-path {
  stroke: #3e98c7;
  stroke-linecap: round;
  transition: stroke-dashoffset 0.5s ease 0s; }

.CircularProgressbar .CircularProgressbar-trail {
  stroke: #d6d6d6;
  /* Used when trail is not full diameter, i.e. when props.percentageOfCircleToShow is set */
  stroke-linecap: round; }

.CircularProgressbar .CircularProgressbar-text {
  fill: #3e98c7;
  font-size: 20px;
  dominant-baseline: middle;
  text-anchor: middle; }

.CircularProgressbar .CircularProgressbar-background {
  fill: #d6d6d6; }

/*
 * Sample background styles. Use these with e.g.:
 *
 *   <CircularProgressbar
 *     className="CircularProgressbar-inverted"
 *     background
 *     percentage={50}
 *   />
 */
.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background {
  fill: #3e98c7; }

.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text {
  fill: #fff; }

.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path {
  stroke: #fff; }

.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail {
  stroke: transparent; }

.chart.chart-donut {
  height: 70px; }
  @media (min-width: 768px) {
    .chart.chart-donut {
      height: auto; } }
  .chart.chart-donut .CircularProgressbar {
    width: 70px; }
    @media (min-width: 768px) {
      .chart.chart-donut .CircularProgressbar {
        width: 100%;
        max-width: 170px; } }
    .chart.chart-donut .CircularProgressbar .CircularProgressbar-path {
      stroke-linecap: butt;
      transition: stroke-dashoffset 1.5s ease 0s; }
    .chart.chart-donut .CircularProgressbar .CircularProgressbar-text {
      font-family: "Open Sans Bold", "Helvetica", "Arial";
      font-size: 20px; }
      @media (min-width: 768px) {
        .chart.chart-donut .CircularProgressbar .CircularProgressbar-text {
          font-size: 16px; } }
    .chart.chart-donut .CircularProgressbar.turquoise .CircularProgressbar-path {
      stroke: #007c76; }
    .chart.chart-donut .CircularProgressbar.turquoise .CircularProgressbar-text {
      fill: #007c76; }
    .chart.chart-donut .CircularProgressbar.turquoise .CircularProgressbar-trail {
      stroke: #e8e5d3; }
  @media (max-width: 991.98px) {
    .chart.chart-donut .title {
      padding-top: 22px;
      padding-left: 10px; } }
  .chart.chart-donut .title > div {
    margin-top: 20px;
    font-size: 22px; }

.bb-where-your-money-goes {
  margin-top: 48px;
  margin-bottom: 48px; }
  @media (min-width: 768px) {
    .bb-where-your-money-goes {
      margin-top: 60px;
      margin-bottom: 60px; } }
  @media (min-width: 768px) {
    .bb-where-your-money-goes h2 {
      margin-bottom: 60px !important; } }
  .bb-where-your-money-goes .row.with-chart {
    margin: auto;
    max-width: 320px; }
    @media (min-width: 768px) {
      .bb-where-your-money-goes .row.with-chart {
        max-width: none; } }
  @media (max-width: 767.98px) {
    .bb-where-your-money-goes .row:not(.text-center) > * {
      padding-left: 20px; } }
  @media (min-width: 768px) {
    .bb-where-your-money-goes .row > * {
      margin-bottom: 0; } }
  .bb-where-your-money-goes .row > *:not(:last-child) {
    margin-bottom: 20px; }
  .bb-where-your-money-goes .row > * .button {
    margin-right: 0;
    margin-top: 10px; }
    @media (min-width: 768px) {
      .bb-where-your-money-goes .row > * .button {
        margin-top: 40px; } }

.item-with-image-hoverable-small .item {
  display: block;
  position: relative;
  overflow: hidden;
  color: #ffffff; }
  @media (min-width: 768px) {
    .item-with-image-hoverable-small .item:hover .hoverable {
      top: 0; }
    .item-with-image-hoverable-small .item:hover .more-info-link,
    .item-with-image-hoverable-small .item:hover .description,
    .item-with-image-hoverable-small .item:hover .hoverable-bg {
      opacity: 1; } }
  .item-with-image-hoverable-small .item img {
    width: 100%; }
  .item-with-image-hoverable-small .item .hoverable {
    padding: 0 12px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: linear-gradient(to bottom, rgba(0, 124, 118, 0.8), rgba(0, 124, 118, 0.7));
    z-index: 1;
    width: 100%; }
    @media (min-width: 768px) {
      .item-with-image-hoverable-small .item .hoverable {
        padding: 0 30px;
        top: calc(100% - 60px);
        height: 100%;
        transition: top 0.3s ease-in-out; } }
    .item-with-image-hoverable-small .item .hoverable .more-info-link,
    .item-with-image-hoverable-small .item .hoverable .description,
    .item-with-image-hoverable-small .item .hoverable .title {
      color: #ffffff; }
  .item-with-image-hoverable-small .item .title {
    margin: 6px 0;
    font-size: 14px; }
    @media (min-width: 768px) {
      .item-with-image-hoverable-small .item .title {
        margin-top: 18px;
        font-size: 20px;
        line-height: 1.1em; } }
  .item-with-image-hoverable-small .item .description {
    opacity: 0;
    transition: opacity 0.65s ease-in-out;
    font-size: 16px;
    display: none; }
    @media (min-width: 768px) {
      .item-with-image-hoverable-small .item .description {
        display: block; } }
    @media (min-width: 992px) {
      .item-with-image-hoverable-small .item .description {
        font-size: 14px; } }
    @media (min-width: 1200px) {
      .item-with-image-hoverable-small .item .description {
        font-size: 16px; } }
  .item-with-image-hoverable-small .item .more-info-link {
    color: #ffffff;
    opacity: 0;
    position: absolute;
    bottom: 20px;
    left: 30px;
    font-size: 18px;
    transition: opacity 0.8s ease-in-out;
    display: none; }
    @media (min-width: 768px) {
      .item-with-image-hoverable-small .item .more-info-link {
        display: block; } }
    @media (min-width: 992px) {
      .item-with-image-hoverable-small .item .more-info-link {
        font-size: 16px; } }
    @media (min-width: 1200px) {
      .item-with-image-hoverable-small .item .more-info-link {
        font-size: 18px; } }
  .item-with-image-hoverable-small .item .hoverable-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(to top, rgba(1, 93, 89, 0.5), rgba(1, 93, 89, 0.9));
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    z-index: -1; }

.bb-our-focus {
  margin-top: 48px;
  margin-bottom: 48px; }
  @media (min-width: 768px) {
    .bb-our-focus {
      margin-top: 60px;
      margin-bottom: 60px; } }

.bb.bb-cta-secondary {
  margin: -12px 0;
  position: relative;
  z-index: 4000; }
  .bb.bb-cta-secondary .container .row {
    margin: auto;
    padding-bottom: 16px;
    max-width: 320px; }
    @media (min-width: 768px) {
      .bb.bb-cta-secondary .container .row {
        max-width: none;
        padding-bottom: 0; } }
    .bb.bb-cta-secondary .container .row [class*="col-"] {
      padding: 0; }
      @media (max-width: 767.98px) {
        .bb.bb-cta-secondary .container .row [class*="col-"] {
          margin-bottom: 0; } }
      .bb.bb-cta-secondary .container .row [class*="col-"] > a {
        display: block;
        transition: background-color .2s; }
        @media (min-width: 992px) {
          .bb.bb-cta-secondary .container .row [class*="col-"] > a:hover {
            background-color: #015d59; } }
      .bb.bb-cta-secondary .container .row [class*="col-"]:nth-child(even) {
        padding-left: 0; }
        @media (min-width: 1200px) {
          .bb.bb-cta-secondary .container .row [class*="col-"]:nth-child(even) {
            padding-left: 24px; } }
      .bb.bb-cta-secondary .container .row [class*="col-"]:nth-child(odd) {
        padding-right: 0; }
        @media (min-width: 768px) {
          .bb.bb-cta-secondary .container .row [class*="col-"]:nth-child(odd) {
            padding-right: 8px; } }
      .bb.bb-cta-secondary .container .row [class*="col-"] .icon-stat .img {
        width: 30px;
        height: 30px; }
        @media (min-width: 768px) {
          .bb.bb-cta-secondary .container .row [class*="col-"] .icon-stat .img {
            height: 86px;
            width: 86px; } }

@media (max-width: 767.98px) {
  .bb-carousel + .bb-cta-secondary {
    margin-top: -60px; } }

.bb-programme {
  margin-top: 48px;
  margin-bottom: 48px;
  background: #007c76;
  padding-top: 48px;
  padding-bottom: 48px; }
  @media (min-width: 768px) {
    .bb-programme {
      margin-top: 60px;
      margin-bottom: 60px; } }
  @media (min-width: 768px) {
    .bb-programme {
      padding-top: 60px;
      padding-bottom: 60px; } }
  @media (min-width: 768px) {
    .bb-programme .row [class*="col-"] {
      margin-bottom: 0; } }
  .bb-programme .content {
    display: flex;
    flex-direction: column;
    justify-content: center; }
    .bb-programme .content .title {
      color: #ffffff;
      margin-bottom: 12px; }
      @media (min-width: 768px) {
        .bb-programme .content .title {
          margin-bottom: 20px; } }
    .bb-programme .content .description {
      color: #ffffff; }
      .bb-programme .content .description p {
        color: #ffffff; }
        .bb-programme .content .description p:last-child {
          margin-bottom: 0; }
  .bb-programme .borders {
    margin-bottom: 0 !important; }
    @media (min-width: 768px) {
      .bb-programme .borders {
        display: flex; } }
    .bb-programme .borders .element.element-one {
      width: 50%;
      height: 28px;
      border-right: 2px solid #00b5ad; }
      @media (min-width: 768px) {
        .bb-programme .borders .element.element-one {
          height: 50%;
          width: 44px;
          border-right: none;
          border-bottom: 2px solid #00b5ad; } }
    .bb-programme .borders .element.element-two {
      width: 100%;
      height: 24px;
      border-top: 2px solid #00b5ad;
      border-left: 2px solid #00b5ad;
      border-right: 2px solid #00b5ad; }
      @media (min-width: 768px) {
        .bb-programme .borders .element.element-two {
          height: 100%;
          width: 24px;
          border-right: none;
          border-bottom: 2px solid #00b5ad; } }
  .bb-programme .items {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 0 !important; }
    @media (max-width: 767.98px) {
      .bb-programme .items {
        display: block; } }
    .bb-programme .items .label {
      font-size: 18px;
      color: #ffffff;
      padding-left: 52px;
      padding-top: 6px;
      margin: 20px 0;
      line-height: 1.57;
      cursor: pointer;
      position: relative;
      min-height: 40px; }
      @media (min-width: 768px) {
        .bb-programme .items .label {
          font-size: 28px;
          padding-top: 20px;
          padding-bottom: 20px;
          margin: 0; } }
      .bb-programme .items .label:last-child {
        margin-bottom: 0; }
      .bb-programme .items .label:hover .icon circle {
        fill: #ffffff; }
      .bb-programme .items .label:hover .icon path {
        stroke: #007c76; }
      .bb-programme .items .label .icon {
        position: absolute;
        left: 0;
        top: 0;
        width: 40px;
        height: 40px; }
        @media (min-width: 768px) {
          .bb-programme .items .label .icon {
            top: 20px; } }

@media (max-width: 767.98px) {
  .popup-programme > .popup-navigation .close-icon {
    height: 36px;
    width: 36px;
    margin: 9px 20px 0 0; } }

@media (max-width: 767.98px) {
  .popup-programme > .container {
    padding: 0; } }

.popup-programme .inner {
  background: #ffffff;
  border-top: 54px solid #007c76;
  width: 100%;
  height: 100%;
  padding: 32px 20px;
  overflow-y: auto; }
  @media (min-width: 768px) {
    .popup-programme .inner {
      width: 790px;
      max-width: 80%;
      padding: 40px;
      border-top: 7px solid #007c76;
      height: auto;
      max-height: 100%; } }
  .popup-programme .inner h2 {
    margin-bottom: 16px; }

.button-field {
  position: relative;
  background-color: #d41b66;
  transition: background-color .2s;
  border-radius: 10px;
  padding: 16px 20px;
  width: 100%; }
  @media (min-width: 768px) {
    .button-field {
      max-width: 250px;
      padding: 30px; } }
  .button-field:not(:last-child) {
    margin-bottom: 12px; }
    @media (min-width: 768px) {
      .button-field:not(:last-child) {
        margin-bottom: 0; } }
  .button-field > *, .button-field > .header-one, .button-field > .header-two {
    color: #ffffff; }
  @media (max-width: 991.98px) {
    .button-field > .header-one {
      font-size: 44px; } }
  @media (max-width: 991.98px) {
    .button-field .amount-info {
      display: none; } }
  .button-field .description-title {
    font-size: 14px;
    font-family: "Open Sans Regular", "Helvetica", "Arial";
    font-weight: bold; }
  .button-field form {
    margin: 0;
    flex-grow: 1; }
    .button-field form .field-error {
      position: absolute;
      left: 0;
      top: 65px; }
  .button-field .button {
    margin: 0; }
  .button-field:not(.button-field-form) .button {
    pointer-events: none; }
  .button-field:not(.button-field-form) p {
    line-height: 1.4;
    width: 100%;
    margin-bottom: 0;
    font-size: 16px; }
    @media (min-width: 768px) {
      .button-field:not(.button-field-form) p {
        margin-top: 8px;
        margin-bottom: 24px; } }
  .button-field:not(.button-field-form) .chevron, .button-field:not(.button-field-form) .spinner.d-md-none {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%); }
  .button-field:not(.button-field-form) .chevron {
    background: none;
    height: 20px;
    right: 24px;
    transition: right .2s; }
    .button-field:not(.button-field-form) .chevron path {
      fill: none; }
  .button-field:not(.button-field-form).disabled:not(.loading) {
    opacity: 0.8; }
  .button-field:not(.button-field-form):not(.disabled) {
    cursor: pointer; }
    .button-field:not(.button-field-form):not(.disabled):hover {
      background-color: #8e0042; }
      .button-field:not(.button-field-form):not(.disabled):hover .chevron {
        right: 20px; }

.bb.bb-money-handles {
  margin-top: 48px;
  margin-bottom: 48px; }
  @media (min-width: 768px) {
    .bb.bb-money-handles {
      margin-top: 60px;
      margin-bottom: 60px; } }
  @media (max-width: 1199.98px) {
    .bb.bb-money-handles .container > h2 {
      margin-bottom: 20px; } }
  .bb.bb-money-handles .container .button-field:not(:last-child) {
    margin-right: 16px; }

.bb.bb-donation-widget {
  margin-top: 48px;
  margin-bottom: 48px; }
  @media (min-width: 768px) {
    .bb.bb-donation-widget {
      margin-top: 60px;
      margin-bottom: 60px; } }
  .bb.bb-donation-widget > .container {
    background-color: #d41b66;
    border-radius: 10px; }
    .bb.bb-donation-widget > .container .wrapper {
      padding: 44px 0; }
      @media (max-width: 1199.98px) {
        .bb.bb-donation-widget > .container .wrapper {
          padding: 16px 30px 24px; } }
      @media (min-width: 1200px) {
        .bb.bb-donation-widget > .container .wrapper * {
          display: inline-block; } }
      .bb.bb-donation-widget > .container .wrapper .header-two, .bb.bb-donation-widget > .container .wrapper form > * {
        margin: 0; }
        @media (max-width: 1199.98px) {
          .bb.bb-donation-widget > .container .wrapper .header-two, .bb.bb-donation-widget > .container .wrapper form > * {
            width: 100%; } }
      .bb.bb-donation-widget > .container .wrapper .header-two {
        color: white;
        vertical-align: bottom; }
      @media (max-width: 1199.98px) {
        .bb.bb-donation-widget > .container .wrapper form > * {
          margin-top: 20px; } }
      @media (min-width: 1200px) {
        .bb.bb-donation-widget > .container .wrapper form .field-amount {
          width: 188px;
          margin-left: 30px;
          margin-right: 20px; } }
      @media (min-width: 1200px) {
        .bb.bb-donation-widget > .container .wrapper form .field-amount .field-error {
          position: absolute;
          left: 0;
          top: 45px; } }
      @media (max-width: 1199.98px) {
        .bb.bb-donation-widget > .container .wrapper form .button {
          display: block;
          margin-bottom: 16px;
          width: 100%;
          text-align: center; } }
      @media (min-width: 1200px) {
        .bb.bb-donation-widget > .container .wrapper form .spinner {
          left: 4px; } }

.bb.bb-donations-header.bb-donations-header-desktop {
  position: relative;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto; }
  .bb.bb-donations-header.bb-donations-header-desktop .image-container {
    position: relative;
    min-height: 390px; }
    .bb.bb-donations-header.bb-donations-header-desktop .image-container .gradient {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      background-image: linear-gradient(to bottom, rgba(33, 36, 49, 0.3), rgba(33, 36, 49, 0.8)); }
    .bb.bb-donations-header.bb-donations-header-desktop .image-container .frayed-edge {
      position: absolute;
      bottom: 0;
      width: 100%; }
  .bb.bb-donations-header.bb-donations-header-desktop .overlay {
    position: relative;
    width: 100%;
    margin-top: -348px;
    margin-bottom: 20px; }
    .bb.bb-donations-header.bb-donations-header-desktop .overlay.no-switcher {
      margin-top: -260px; }
    .bb.bb-donations-header.bb-donations-header-desktop .overlay .container > h1 {
      color: #ffffff;
      margin-bottom: 12px;
      text-align: center;
      text-shadow: 1px 1px 1px #212431; }
    .bb.bb-donations-header.bb-donations-header-desktop .overlay .container > p {
      color: #ffffff;
      font-size: 28px;
      line-height: 1.57;
      max-width: 780px;
      margin: auto;
      text-align: center;
      text-shadow: 1px 1px 1px #212431; }
    .bb.bb-donations-header.bb-donations-header-desktop .overlay .container > div {
      margin: 40px 0 20px; }
    .bb.bb-donations-header.bb-donations-header-desktop .overlay .container .disabled {
      opacity: 1; }
    @media (min-width: 768px) {
      .bb.bb-donations-header.bb-donations-header-desktop .overlay .container .switcher-field {
        max-width: 300px; } }
    @media (max-width: 991.98px) {
      .bb.bb-donations-header.bb-donations-header-desktop .overlay .container .button-field {
        padding: 16px; } }
    .bb.bb-donations-header.bb-donations-header-desktop .overlay .container .button-field:not(:last-child) {
      margin-right: 24px; }
      @media (max-width: 991.98px) {
        .bb.bb-donations-header.bb-donations-header-desktop .overlay .container .button-field:not(:last-child) {
          margin-right: 12px; } }
    @media (max-width: 1199.98px) {
      .bb.bb-donations-header.bb-donations-header-desktop .overlay .container .button-field-form input::placeholder {
        font-size: 14px; } }
    @media (max-width: 991.98px) {
      .bb.bb-donations-header.bb-donations-header-desktop .overlay .container .button-field-form input::placeholder {
        color: transparent; } }
    @media (min-width: 992px) {
      .bb.bb-donations-header.bb-donations-header-desktop .overlay .container .button-field-form label {
        display: none; } }
    .bb.bb-donations-header.bb-donations-header-desktop .overlay .container .button-field-form:hover {
      cursor: pointer; }
    .bb.bb-donations-header.bb-donations-header-desktop .overlay .container .bottom-description {
      font-family: "Open Sans Regular", "Helvetica", "Arial";
      text-align: center;
      color: #d41b66;
      margin: 27px 35px 10px; }
  .bb.bb-donations-header.bb-donations-header-desktop.with-preselected .switcher-field {
    padding: 8px 12px;
    max-width: 270px !important; }
    .bb.bb-donations-header.bb-donations-header-desktop.with-preselected .switcher-field .header-three {
      font-size: 20px; }
  .bb.bb-donations-header.bb-donations-header-desktop.with-preselected .switcher-field:not(.active) {
    border: 1px solid #d41b66;
    background-color: #ffffff; }
    .bb.bb-donations-header.bb-donations-header-desktop.with-preselected .switcher-field:not(.active) .header-three {
      color: #d41b66; }
    .bb.bb-donations-header.bb-donations-header-desktop.with-preselected .switcher-field:not(.active) .indicator.not-active {
      border: 1px solid #d41b66;
      opacity: 1; }
    .bb.bb-donations-header.bb-donations-header-desktop.with-preselected .switcher-field:not(.active):hover {
      background-color: #901245; }
      .bb.bb-donations-header.bb-donations-header-desktop.with-preselected .switcher-field:not(.active):hover .header-three {
        color: #ffffff; }
  .bb.bb-donations-header.bb-donations-header-desktop.with-preselected .switcher-field.active {
    background-color: #d41b66; }
    .bb.bb-donations-header.bb-donations-header-desktop.with-preselected .switcher-field.active .indicator path {
      fill: #d41b66; }
  .bb.bb-donations-header.bb-donations-header-desktop.with-preselected .button-field {
    padding: 20px 23px 15px 23px;
    font-family: "Open Sans Regular", "Helvetica", "Arial";
    border: 1px solid #d41b66; }
    .bb.bb-donations-header.bb-donations-header-desktop.with-preselected .button-field p {
      margin-top: 12px;
      margin-bottom: 30px; }
  .bb.bb-donations-header.bb-donations-header-desktop.with-preselected .button-field:not(.selected) {
    background-color: #ffffff; }
    .bb.bb-donations-header.bb-donations-header-desktop.with-preselected .button-field:not(.selected) > * {
      color: #d41b66; }
    .bb.bb-donations-header.bb-donations-header-desktop.with-preselected .button-field:not(.selected) button {
      border-color: #d41b66; }
    .bb.bb-donations-header.bb-donations-header-desktop.with-preselected .button-field:not(.selected) input {
      border-color: #d41b66;
      border-radius: 4px; }
    .bb.bb-donations-header.bb-donations-header-desktop.with-preselected .button-field:not(.selected) label {
      color: #d41b66 !important; }
    .bb.bb-donations-header.bb-donations-header-desktop.with-preselected .button-field:not(.selected).button-field-form button {
      color: #d41b66; }
    .bb.bb-donations-header.bb-donations-header-desktop.with-preselected .button-field:not(.selected):hover {
      background-color: #d41b66; }
      .bb.bb-donations-header.bb-donations-header-desktop.with-preselected .button-field:not(.selected):hover > * {
        color: #ffffff; }
      .bb.bb-donations-header.bb-donations-header-desktop.with-preselected .button-field:not(.selected):hover button {
        transition: none;
        color: #d41b66;
        background-color: #ffffff; }
  .bb.bb-donations-header.bb-donations-header-desktop.with-preselected .button-field.selected input {
    border-radius: 4px; }
  .bb.bb-donations-header.bb-donations-header-desktop.with-preselected .button-field.selected:hover {
    background-color: #d41b66; }
  .bb.bb-donations-header.bb-donations-header-desktop.with-preselected .button-field.selected button {
    color: #d41b66;
    background-color: #ffffff; }
    .bb.bb-donations-header.bb-donations-header-desktop.with-preselected .button-field.selected button:hover {
      border-color: #d41b66; }
  .bb.bb-donations-header.bb-donations-header-desktop .image {
    width: 100%; }
    .bb.bb-donations-header.bb-donations-header-desktop .image img {
      width: 100%;
      height: auto;
      object-fit: cover;
      margin-bottom: 1px; }
    @media (min-width: 421px) {
      .bb.bb-donations-header.bb-donations-header-desktop .image.hero-image-mobile {
        display: none; } }
    .bb.bb-donations-header.bb-donations-header-desktop .image.hero-image-tablet {
      display: none; }
      @media (min-width: 421px) and (max-width: 992px) {
        .bb.bb-donations-header.bb-donations-header-desktop .image.hero-image-tablet {
          display: block; } }
    .bb.bb-donations-header.bb-donations-header-desktop .image.hero-image-desktop {
      display: none; }
      @media (min-width: 993px) {
        .bb.bb-donations-header.bb-donations-header-desktop .image.hero-image-desktop {
          display: block; } }
  .bb.bb-donations-header.bb-donations-header-desktop .red-strip {
    position: absolute;
    background-image: linear-gradient(to bottom, #e41111, #e41111);
    mix-blend-mode: multiply;
    top: 0;
    right: 0;
    width: 90px;
    height: 100%; }
    @media (min-width: 768px) {
      .bb.bb-donations-header.bb-donations-header-desktop .red-strip {
        width: 136px; } }
  .bb.bb-donations-header.bb-donations-header-desktop .watermark {
    position: absolute;
    left: auto;
    right: 10px;
    top: 20px;
    width: 70px; }
    @media (min-width: 768px) {
      .bb.bb-donations-header.bb-donations-header-desktop .watermark {
        width: 100px;
        right: 20px; } }

.bb.bb-donations-header.bb-donations-header-mobile {
  margin-bottom: 20px; }
  .bb.bb-donations-header.bb-donations-header-mobile .bb-hero-image {
    margin-bottom: 40px; }
  .bb.bb-donations-header.bb-donations-header-mobile > .container > * {
    margin-bottom: 30px; }
  .bb.bb-donations-header.bb-donations-header-mobile > .container > p {
    margin-top: -16px;
    margin-bottom: 40px;
    font-size: 18px; }
  .bb.bb-donations-header.bb-donations-header-mobile form {
    margin-bottom: 10px !important; }
    .bb.bb-donations-header.bb-donations-header-mobile form > * {
      margin-bottom: 30px; }
    .bb.bb-donations-header.bb-donations-header-mobile form button {
      margin-bottom: 10px; }
    .bb.bb-donations-header.bb-donations-header-mobile form .field {
      margin-left: 24px;
      margin-bottom: 0;
      flex-grow: 1; }
    .bb.bb-donations-header.bb-donations-header-mobile form .field-error {
      position: absolute;
      left: 0;
      top: 45px; }
  .bb.bb-donations-header.bb-donations-header-mobile .bottom-description {
    font-family: "Open Sans Regular", "Helvetica", "Arial";
    text-align: center;
    color: #d41b66;
    margin: 14px 35px 10px; }

@media (max-width: 767.98px) {
  .bb.cta.dual {
    margin-top: 48px;
    margin-bottom: 48px; } }
  @media (max-width: 767.98px) and (min-width: 768px) {
    .bb.cta.dual {
      margin-top: 60px;
      margin-bottom: 60px; } }

.bb.cta.dual .gradient {
  position: absolute;
  width: 100%; }

.bb.cta.dual > .gradient {
  top: 0;
  height: 100%;
  background-image: linear-gradient(181deg, rgba(33, 36, 49, 0.3), rgba(33, 36, 49, 0.7)); }

@media (min-width: 768px) {
  .bb.cta.dual > .container {
    position: absolute;
    transform: translateX(-50%) translateY(-50%);
    left: 50%;
    top: 50%; } }

.bb.cta.dual > .container > a {
  text-decoration: none; }

.bb.cta.dual > .container .overlay {
  width: 100%;
  background-color: #ffffff;
  padding-bottom: 40px; }
  @media (min-width: 768px) {
    .bb.cta.dual > .container .overlay {
      cursor: pointer;
      width: 420px; } }
  .bb.cta.dual > .container .overlay .image-container {
    position: relative; }
    .bb.cta.dual > .container .overlay .image-container .gradient {
      height: 51px;
      top: 90px;
      background-image: linear-gradient(to bottom, transparent, #ffffff); }
  @media (min-width: 768px) {
    .bb.cta.dual > .container .overlay:first-child {
      margin-right: 80px; } }
  .bb.cta.dual > .container .overlay .title {
    font-family: "Open Sans Bold", "Helvetica", "Arial";
    font-size: 18px;
    margin-bottom: 20px;
    line-height: 1.56; }
    @media (min-width: 768px) {
      .bb.cta.dual > .container .overlay .title {
        font-size: 28px;
        line-height: 1.25; } }
  .bb.cta.dual > .container .overlay img {
    max-height: 140px;
    object-fit: cover;
    width: 100%; }
    @media (min-width: 768px) {
      .bb.cta.dual > .container .overlay img {
        max-height: none;
        margin-top: -1px; } }
  @media (min-width: 768px) {
    .bb.cta.dual > .container .overlay .contents {
      padding: 0 20px; } }
  .bb.cta.dual > .container .overlay .contents h3 {
    padding-right: 10px;
    margin-bottom: 20px; }
    @media (min-width: 768px) {
      .bb.cta.dual > .container .overlay .contents h3 {
        padding-right: 0;
        margin-top: 20px; } }

.bb-impact-timeline {
  margin-top: 48px;
  margin-bottom: 48px; }
  @media (min-width: 768px) {
    .bb-impact-timeline {
      margin-top: 60px;
      margin-bottom: 60px; } }
  .bb-impact-timeline .container {
    position: relative; }
  @media (min-width: 768px) {
    .bb-impact-timeline h2 {
      margin-bottom: 60px !important; } }
  .bb-impact-timeline .timeline {
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 36px;
    height: 3px;
    background: #d8dade;
    z-index: -1; }
    @media (min-width: 768px) {
      .bb-impact-timeline .timeline {
        bottom: 38px; } }
    .bb-impact-timeline .timeline .end,
    .bb-impact-timeline .timeline .start {
      background: #ffffff;
      position: absolute;
      height: 36px;
      width: 36px;
      border: 3px solid #d8dade;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      z-index: 120; }
    .bb-impact-timeline .timeline .end {
      right: 0;
      bottom: -15px; }
    .bb-impact-timeline .timeline .start {
      left: 0;
      bottom: -15px; }
  .bb-impact-timeline .item {
    text-align: center;
    position: relative;
    padding-bottom: 15px; }
    @media (min-width: 768px) {
      .bb-impact-timeline .item {
        min-height: 155px;
        padding-right: 60px;
        height: 100%; } }
    .bb-impact-timeline .item .image {
      margin-bottom: 8px;
      position: relative; }
      @media (min-width: 768px) {
        .bb-impact-timeline .item .image {
          float: left; } }
      .bb-impact-timeline .item .image img {
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        display: table;
        margin: 0 auto; }
      .bb-impact-timeline .item .image .popover {
        background: none;
        opacity: 0;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        position: absolute;
        -webkit-transition: opacity .3s;
        -moz-transition: opacity .3s;
        -ms-transition: opacity .3s;
        -o-transition: opacity .3s;
        transition: opacity .3s;
        cursor: pointer; }
      .bb-impact-timeline .item .image:hover .popover {
        background: url("/static/icons/plus.svg") no-repeat center center #015d59;
        opacity: .8; }
    .bb-impact-timeline .item .status {
      font-size: 14px;
      color: #767676;
      margin-bottom: 8px; }
      @media (min-width: 768px) {
        .bb-impact-timeline .item .status {
          text-align: left;
          margin-left: 100px; } }
      .bb-impact-timeline .item .status.active {
        color: #d41b66; }
    .bb-impact-timeline .item .title {
      font-family: "Open Sans Bold", "Helvetica", "Arial";
      font-size: 18px;
      color: #212431;
      max-width: 240px;
      margin: 0 auto; }
      @media (min-width: 768px) {
        .bb-impact-timeline .item .title {
          text-align: left;
          margin-left: 100px; } }
    .bb-impact-timeline .item .short-description {
      font-size: 14px;
      color: #212431;
      max-width: 240px;
      margin: 0 auto; }
      @media (min-width: 768px) {
        .bb-impact-timeline .item .short-description {
          text-align: left;
          margin-left: 100px; } }
    .bb-impact-timeline .item .cta {
      margin-top: 12px;
      margin-right: 0;
      margin-bottom: 0; }
      @media (min-width: 768px) {
        .bb-impact-timeline .item .cta {
          display: none; } }
    .bb-impact-timeline .item .spot {
      position: relative;
      margin: 0 auto;
      height: 64px;
      width: 36px; }
      @media (min-width: 768px) {
        .bb-impact-timeline .item .spot {
          position: absolute;
          left: 26px;
          bottom: -42px;
          height: auto;
          top: 88px; } }
      .bb-impact-timeline .item .spot .border {
        position: absolute;
        left: 49%;
        top: 2px;
        bottom: 6px;
        width: 1px;
        background: #d8dade;
        z-index: 49; }
      .bb-impact-timeline .item .spot .circle {
        background: #ffffff;
        position: absolute;
        height: 36px;
        width: 36px;
        left: 0;
        bottom: 6px;
        border: 3px solid #d8dade;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        z-index: 50; }
        .bb-impact-timeline .item .spot .circle img {
          width: 20px;
          height: 20px;
          margin: 5px 0 0 5px; }
      .bb-impact-timeline .item .spot .date {
        font-size: 12px;
        font-family: "Open Sans Bold", "Helvetica", "Arial";
        color: #212431;
        position: absolute;
        bottom: -14px;
        left: -37px;
        display: block;
        width: 120px; }
  @media (min-width: 768px) {
    .bb-impact-timeline .slick-slider {
      padding-left: 60px; } }
  .bb-impact-timeline .slick-slider .slick-list .slick-track {
    display: flex;
    height: 100%; }
    @media (min-width: 768px) {
      .bb-impact-timeline .slick-slider .slick-list .slick-track {
        padding-bottom: 60px; } }
    .bb-impact-timeline .slick-slider .slick-list .slick-track .slick-slide {
      height: auto; }
      .bb-impact-timeline .slick-slider .slick-list .slick-track .slick-slide > div {
        height: 100%; }
  .bb-impact-timeline .slick-slider .slick-arrow {
    background: url("/static/icons/carousel-button.svg") no-repeat;
    width: 44px;
    height: 44px;
    bottom: -5px;
    top: auto;
    z-index: 300;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s; }
    @media (min-width: 768px) {
      .bb-impact-timeline .slick-slider .slick-arrow {
        bottom: -2px; } }
    .bb-impact-timeline .slick-slider .slick-arrow:before {
      display: none; }
    .bb-impact-timeline .slick-slider .slick-arrow.slick-prev {
      left: 0;
      -webkit-transform: rotate(180deg) translateY(22px);
      -moz-transform: rotate(180deg) translateY(22px);
      -ms-transform: rotate(180deg) translateY(22px);
      -o-transform: rotate(180deg) translateY(22px);
      transform: rotate(180deg) translateY(22px); }
      .bb-impact-timeline .slick-slider .slick-arrow.slick-prev:hover {
        opacity: .9; }
    .bb-impact-timeline .slick-slider .slick-arrow.slick-next {
      right: 0;
      -webkit-transform: rotate(360deg) translateY(-22px);
      -moz-transform: rotate(360deg) translateY(-22px);
      -ms-transform: rotate(360deg) translateY(-22px);
      -o-transform: rotate(360deg) translateY(-22px);
      transform: rotate(360deg) translateY(-22px); }
      .bb-impact-timeline .slick-slider .slick-arrow.slick-next:hover {
        opacity: .9; }
    .bb-impact-timeline .slick-slider .slick-arrow.slick-disabled {
      background: url("/static/icons/carousel-button-inactive.svg") #ffffff;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      cursor: default; }
  .bb-impact-timeline .popup {
    background: none;
    position: absolute;
    left: 24px;
    top: 0;
    right: 24px;
    bottom: 0;
    display: flex;
    width: auto;
    height: 250px; }
    .bb-impact-timeline .popup .body {
      background: #ffffff;
      margin: auto;
      max-width: 780px;
      z-index: 6000;
      box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
      position: relative; }
      .bb-impact-timeline .popup .body .close-btn {
        background: url("/static/icons/close-green.svg") no-repeat center center #007c76;
        position: absolute;
        cursor: pointer;
        right: -22px;
        top: -22px;
        height: 44px;
        width: 44px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        z-index: 4000;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -ms-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s; }
        .bb-impact-timeline .popup .body .close-btn:hover {
          opacity: .9; }
      .bb-impact-timeline .popup .body .left {
        float: left;
        width: 270px;
        height: 250px; }
      .bb-impact-timeline .popup .body .content {
        margin-left: 306px; }
        .bb-impact-timeline .popup .body .content .title {
          margin: 32px 32px 10px 0; }
        .bb-impact-timeline .popup .body .content .description {
          font-size: 14px;
          margin: 0 32px 24px 0; }

.bb-appeal-overlay .bb-appeal-overlay-button {
  position: absolute;
  cursor: pointer;
  background-color: #ffffff;
  transition: left .2s;
  left: -4px; }
  .bb-appeal-overlay .bb-appeal-overlay-button:hover {
    left: 0; }

.bb-appeal-overlay-popout {
  position: relative;
  max-width: 280px;
  box-shadow: 2px 0 10px 0 rgba(0, 0, 0, 0.5);
  border: 2px solid #ffffff;
  background: #ffffff; }
  @media (min-width: 576px) {
    .bb-appeal-overlay-popout {
      max-width: none;
      width: 325px; } }
  @media (min-width: 992px) {
    .bb-appeal-overlay-popout {
      position: absolute;
      background-image: linear-gradient(to top, rgba(255, 255, 255, 0.95), #ffffff);
      transition: left .2s;
      left: -337px; } }
  .bb-appeal-overlay-popout.sticky {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    z-index: 6750; }
  .bb-appeal-overlay-popout > img {
    max-width: 276px; }
    @media (min-width: 576px) {
      .bb-appeal-overlay-popout > img {
        max-width: none; } }
  .bb-appeal-overlay-popout.open {
    left: 0; }
  .bb-appeal-overlay-popout .close-overlay {
    position: absolute;
    cursor: pointer;
    border: 2px solid #ffffff;
    border-radius: 100%; }
  .bb-appeal-overlay-popout .gradient {
    position: absolute;
    top: 134px;
    width: 100%;
    height: 30px;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff); }
    @media (min-width: 576px) {
      .bb-appeal-overlay-popout .gradient {
        top: 160px; } }
    @media (min-width: 768px) {
      .bb-appeal-overlay-popout .gradient {
        top: 150px;
        height: 40px; } }
  .bb-appeal-overlay-popout .content {
    position: relative;
    padding: 0 16px 8px 16px;
    top: -2px; }
    @media (min-width: 768px) {
      .bb-appeal-overlay-popout .content {
        top: -10px; } }
    .bb-appeal-overlay-popout .content > .header-two {
      margin-bottom: 8px; }
    .bb-appeal-overlay-popout .content > p {
      margin-bottom: 12px; }
      @media (min-width: 768px) {
        .bb-appeal-overlay-popout .content > p {
          margin-bottom: 16px; } }
    .bb-appeal-overlay-popout .content > .d-flex {
      margin-bottom: 20px; }
      @media (min-width: 768px) {
        .bb-appeal-overlay-popout .content > .d-flex {
          margin-bottom: 32px; } }
      .bb-appeal-overlay-popout .content > .d-flex > div {
        line-height: 18px; }
        .bb-appeal-overlay-popout .content > .d-flex > div:nth-child(2) {
          margin-left: 12px; }
          @media (min-width: 768px) {
            .bb-appeal-overlay-popout .content > .d-flex > div:nth-child(2) {
              margin-left: 32px; } }
        .bb-appeal-overlay-popout .content > .d-flex > div mark {
          color: #212431; }
          @media (max-width: 767.98px) {
            .bb-appeal-overlay-popout .content > .d-flex > div mark {
              font-size: 12px; } }

.popup.popup-appeal-overlay > .container {
  padding-top: 0;
  padding-bottom: 0; }

.popup.popup-appeal-overlay > .popup-navigation {
  display: none; }

.bb.bb-appeal-overlay .desktop .bb-appeal-overlay-button {
  height: 64px;
  border-top: 2px solid #d41b66;
  border-left: 2px solid #d41b66;
  border-right: 2px solid #d41b66;
  border-radius: 20px 20px 0 0;
  padding: 16px 24px;
  transition: opacity .3s, left .2s;
  opacity: 1;
  transform-origin: top left;
  transform: rotate(90deg) translateY(-100%); }
  .bb.bb-appeal-overlay .desktop .bb-appeal-overlay-button.sticky {
    position: fixed;
    top: 50%;
    transform: rotate(90deg) translateX(-50%) translateY(-100%);
    z-index: 6750; }
  .bb.bb-appeal-overlay .desktop .bb-appeal-overlay-button.open {
    opacity: 0;
    left: 335px; }
  .bb.bb-appeal-overlay .desktop .bb-appeal-overlay-button p {
    white-space: nowrap;
    margin: 0;
    margin-left: 16px; }
  .bb.bb-appeal-overlay .desktop .bb-appeal-overlay-button svg {
    transform: rotate(-90deg);
    height: 30px;
    width: 30px; }

.bb.bb-appeal-overlay .desktop .bb-appeal-overlay-popout .close-overlay {
  width: 28px;
  height: 28px;
  background-image: url("/static/icons/carousel-button.svg");
  background-repeat: no-repeat;
  background-size: 24px 24px;
  top: 16px;
  right: -14px;
  transform: rotate(180deg);
  transition: right .2s; }
  .bb.bb-appeal-overlay .desktop .bb-appeal-overlay-popout .close-overlay:hover {
    right: -12px; }

.bb.bb-appeal-overlay .mobile .bb-appeal-overlay-button {
  border-top: 2px solid #d41b66;
  border-bottom: 2px solid #d41b66;
  border-right: 2px solid #d41b66;
  border-radius: 0 100px 100px 0;
  padding: 8px 10px; }
  .bb.bb-appeal-overlay .mobile .bb-appeal-overlay-button.sticky {
    position: absolute;
    z-index: 5950; }
  .bb.bb-appeal-overlay .mobile .bb-appeal-overlay-button.open {
    visibility: hidden; }
  .bb.bb-appeal-overlay .mobile .bb-appeal-overlay-button p {
    display: inline-block;
    margin: 0;
    margin-left: 4px;
    padding: 0 8px; }
  .bb.bb-appeal-overlay .mobile .bb-appeal-overlay-button svg {
    position: relative;
    transform: rotate(-90deg);
    height: 24px;
    width: 24px; }

.bb-appeal-overlay-popout .close-overlay {
  background-image: url("/static/icons/close-green.svg");
  width: 34px;
  height: 34px;
  background-repeat: no-repeat;
  background-size: 30px 30px;
  top: -20px;
  right: 16px; }
  .bb-appeal-overlay-popout .close-overlay:hover {
    background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url("/static/icons/close-green.svg");
    background-size: 30px 30px; }

.bb-simple-text-form {
  margin-top: 48px;
  margin-bottom: 48px; }
  @media (min-width: 768px) {
    .bb-simple-text-form {
      margin-top: 60px;
      margin-bottom: 60px; } }
  .bb-simple-text-form .button.button-block,
  .bb-simple-text-form .field {
    margin-bottom: 0; }
  .bb-simple-text-form .container .row [class*="col-"] {
    margin-bottom: 12px; }

.bb-country-map {
  background: rgba(0, 181, 173, 0.4);
  height: 700px; }
  .bb-country-map .map {
    width: 100%;
    position: relative;
    overflow: hidden; }
  .bb-country-map .controls {
    position: absolute;
    left: 0;
    right: 0;
    top: 34px;
    height: 60px; }
    .bb-country-map .controls form {
      display: inline-block;
      width: 300px;
      margin-right: 36px;
      position: relative;
      z-index: 10; }
      .bb-country-map .controls form .field {
        margin-bottom: 0; }
      .bb-country-map .controls form label img {
        height: 16px;
        width: 11px;
        position: relative;
        top: -2px;
        margin-right: 4px; }
    .bb-country-map .controls .zooming {
      display: inline-block;
      position: relative;
      z-index: 10; }
      .bb-country-map .controls .zooming.ie11-compat {
        vertical-align: top;
        margin-top: 10px; }
      .bb-country-map .controls .zooming svg {
        margin-right: 24px;
        transition: .3s all; }
        .bb-country-map .controls .zooming svg.active {
          cursor: pointer; }
          .bb-country-map .controls .zooming svg.active:hover circle {
            fill: #015d59; }
          .bb-country-map .controls .zooming svg.active:active circle {
            fill: #004440; }
        .bb-country-map .controls .zooming svg.disabled {
          opacity: .6; }
  .bb-country-map .rsm-marker {
    cursor: pointer; }
    .bb-country-map .rsm-marker path:nth-child(2) {
      fill: #007c76; }
  .bb-country-map .__react_component_tooltip.type-light {
    padding: 6px 12px;
    font-size: 14px;
    font-family: "Open Sans Bold", "Helvetica", "Arial";
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
    opacity: 1; }
    .bb-country-map .__react_component_tooltip.type-light:after {
      display: none; }
  .bb-country-map .__react_component_tooltip.type-info {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.5);
    background: #ffffff;
    width: 360px;
    min-height: 400px;
    opacity: 1;
    padding: 0;
    pointer-events: inherit;
    z-index: 4001;
    /* should be bigger than z-index of Our Impact bb */ }
    .bb-country-map .__react_component_tooltip.type-info img {
      width: 100%;
      height: 150px;
      object-fit: cover; }
    .bb-country-map .__react_component_tooltip.type-info .close-btn {
      cursor: pointer;
      position: absolute;
      right: 12px;
      top: 12px; }
      .bb-country-map .__react_component_tooltip.type-info .close-btn circle {
        fill: #007c76; }
      .bb-country-map .__react_component_tooltip.type-info .close-btn:hover circle {
        fill: #015d59; }
      .bb-country-map .__react_component_tooltip.type-info .close-btn:active circle {
        fill: #004440; }
    .bb-country-map .__react_component_tooltip.type-info .content {
      padding: 16px 24px; }
      .bb-country-map .__react_component_tooltip.type-info .content .title {
        margin-bottom: 8px; }
      .bb-country-map .__react_component_tooltip.type-info .content .description {
        margin-bottom: 20px;
        font-size: 16px; }
        .bb-country-map .__react_component_tooltip.type-info .content .description p {
          font-size: 16px; }
    .bb-country-map .__react_component_tooltip.type-info.place-top {
      border-bottom: 5px solid #00b5ad;
      margin-bottom: 21px; }
      .bb-country-map .__react_component_tooltip.type-info.place-top:after {
        border-top-color: #00b5ad;
        border-top-style: solid;
        border-top-width: 21px;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        bottom: -21px;
        left: 50%;
        margin-left: -20px; }
    .bb-country-map .__react_component_tooltip.type-info.place-bottom {
      border-top: 5px solid #00b5ad;
      margin-top: 21px; }
      .bb-country-map .__react_component_tooltip.type-info.place-bottom:after {
        border-bottom-color: #00b5ad;
        border-bottom-style: solid;
        border-bottom-width: 21px;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        top: -21px;
        left: 50%;
        margin-left: -20px; }
    .bb-country-map .__react_component_tooltip.type-info.place-left {
      border-right: 5px solid #00b5ad;
      margin-right: 21px; }
      .bb-country-map .__react_component_tooltip.type-info.place-left:after {
        border-left-color: #00b5ad;
        border-left-style: solid;
        border-left-width: 21px;
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent;
        right: -21px;
        top: 50%;
        margin-top: -20px; }
    .bb-country-map .__react_component_tooltip.type-info.place-right {
      border-left: 5px solid #00b5ad;
      margin-left: 21px; }
      .bb-country-map .__react_component_tooltip.type-info.place-right:after {
        border-right-color: #00b5ad;
        border-right-style: solid;
        border-right-width: 21px;
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent;
        left: -21px;
        top: 50%;
        margin-top: -20px; }
  .bb-country-map .spinner {
    display: block;
    margin: 314px auto 0;
    width: 72px;
    height: 72px; }
    .bb-country-map .spinner span {
      width: 72px;
      height: 72px;
      border-width: 5px; }

.bb-country-listing {
  margin-top: 48px;
  margin-bottom: 48px; }
  @media (min-width: 768px) {
    .bb-country-listing {
      margin-top: 60px;
      margin-bottom: 60px; } }
  @media (max-width: 767.98px) {
    .bb-country-listing .row {
      margin-right: -6px;
      margin-left: -6px; }
      .bb-country-listing .row [class*="col-"] {
        padding-left: 6px;
        padding-right: 6px;
        margin-bottom: 12px; } }
  .bb-country-listing .item-with-image .top {
    margin-bottom: 0; }
    @media (max-width: 767.98px) {
      .bb-country-listing .item-with-image .top h3.title {
        font-size: 14px; } }

.bb-country-list-switcher {
  margin-bottom: 48px; }
  @media (min-width: 992px) {
    .bb-country-list-switcher {
      margin-top: 48px;
      margin-bottom: 48px; } }
  @media (min-width: 992px) and (min-width: 768px) {
    .bb-country-list-switcher {
      margin-top: 60px;
      margin-bottom: 60px; } }
  @media (min-width: 992px) {
    .bb-country-list-switcher .title {
      text-align: center; } }
  .bb-country-list-switcher .description {
    font-size: 18px; }
    @media (min-width: 992px) {
      .bb-country-list-switcher .description {
        text-align: center;
        font-size: 28px;
        margin-bottom: 40px; } }
  .bb-country-list-switcher .image {
    margin-bottom: 12px;
    position: relative; }
    @media (min-width: 768px) {
      .bb-country-list-switcher .image {
        margin-bottom: 24px; } }
    .bb-country-list-switcher .image img {
      width: 100%; }
    .bb-country-list-switcher .image .frayed-edge {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0; }
  @media (min-width: 992px) {
    .bb-country-list-switcher .switcher .switcher-field {
      max-width: 180px; } }
  .bb-country-list-switcher .switcher .switcher-field h5 {
    font-family: "Open Sans Light", "Helvetica", "Arial"; }
  .bb-country-list-switcher .switcher .switcher-field .indicator.not-active svg {
    display: inline; }

.bb.bb-social-media-side-share svg {
  height: 17px;
  width: auto; }

.popup.popup-social-media-side-share > .container {
  padding-top: 0;
  padding-bottom: 0; }

.popup.popup-social-media-side-share > .popup-navigation {
  display: none; }

.popup.popup-social-media-side-share .popup-social-media-side-share-contents {
  position: relative;
  background-color: #ffffff;
  max-width: 780px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
  padding: 44px 24px; }
  @media (min-width: 768px) {
    .popup.popup-social-media-side-share .popup-social-media-side-share-contents {
      padding: 80px 32px; } }
  .popup.popup-social-media-side-share .popup-social-media-side-share-contents.ie11-compat {
    height: 360px; }
  .popup.popup-social-media-side-share .popup-social-media-side-share-contents .close-popup {
    position: absolute;
    cursor: pointer;
    background-image: url("/static/icons/close-green.svg");
    border-radius: 100%;
    height: 36px;
    width: 36px;
    background-repeat: no-repeat;
    background-size: 100%;
    top: -18px;
    right: 24px; }
    @media (min-width: 768px) {
      .popup.popup-social-media-side-share .popup-social-media-side-share-contents .close-popup {
        height: 44px;
        width: 44px;
        top: -22px; } }
    .popup.popup-social-media-side-share .popup-social-media-side-share-contents .close-popup:hover {
      background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url("/static/icons/close-green.svg");
      background-size: 100%; }
  .popup.popup-social-media-side-share .popup-social-media-side-share-contents .header-two {
    margin-bottom: 12px; }
  .popup.popup-social-media-side-share .popup-social-media-side-share-contents p {
    margin-bottom: 24px; }
    @media (min-width: 768px) {
      .popup.popup-social-media-side-share .popup-social-media-side-share-contents p {
        margin-bottom: 32px; } }
  .popup.popup-social-media-side-share .popup-social-media-side-share-contents h6 {
    margin-bottom: 12px; }
    @media (min-width: 768px) {
      .popup.popup-social-media-side-share .popup-social-media-side-share-contents h6 {
        margin-bottom: 20px; } }
  .popup.popup-social-media-side-share .popup-social-media-side-share-contents .field {
    flex-grow: 1;
    margin-bottom: 12px; }
    @media (min-width: 768px) {
      .popup.popup-social-media-side-share .popup-social-media-side-share-contents .field {
        margin-bottom: 0; } }
    .popup.popup-social-media-side-share .popup-social-media-side-share-contents .field input {
      border: solid 1px #8b8f9d;
      background: #ffffff;
      color: #767676;
      font-size: 14px; }
  .popup.popup-social-media-side-share .popup-social-media-side-share-contents button {
    margin-bottom: 0; }
    @media (min-width: 768px) {
      .popup.popup-social-media-side-share .popup-social-media-side-share-contents button {
        margin-left: 20px; } }

.bb.bb-social-media-side-share .desktop {
  position: absolute;
  z-index: 6750;
  background-color: #ffffff;
  width: auto;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5); }
  .bb.bb-social-media-side-share .desktop.sticky {
    position: fixed;
    top: 50%;
    transform: translateY(-50%); }
  .bb.bb-social-media-side-share .desktop > * {
    margin-bottom: 20px; }
  .bb.bb-social-media-side-share .desktop > mark {
    display: block;
    background-color: #007c76;
    color: #ffffff;
    padding: 8px 12px; }
  .bb.bb-social-media-side-share .desktop .provider-link svg {
    width: auto; }

.bb.bb-social-media-side-share .mobile.bordered {
  border: none;
  border-top: solid 1px #d8dade;
  padding-top: 32px; }
  @media (min-width: 768px) and (max-width: 991.98px) {
    .bb.bb-social-media-side-share .mobile.bordered {
      border-bottom: solid 1px #d8dade; } }

.bb.bb-social-media-side-share .mobile .providers {
  margin: auto;
  max-width: 240px;
  margin-top: 16px;
  margin-bottom: 32px; }
  .bb.bb-social-media-side-share .mobile .providers .provider-link {
    height: 36px;
    width: 36px;
    border-radius: 100%;
    border: solid 1px #007c76;
    transition: border-color .2s; }
    .bb.bb-social-media-side-share .mobile .providers .provider-link:hover {
      border-color: #015d59; }
    .bb.bb-social-media-side-share .mobile .providers .provider-link svg {
      margin: auto; }

.bb-raw-html {
  margin-top: 48px;
  margin-bottom: 48px; }
  @media (min-width: 768px) {
    .bb-raw-html {
      margin-top: 60px;
      margin-bottom: 60px; } }

@media (min-width: 992px) {
  .centered-column-layout {
    padding: 0; } }

@media (min-width: 768px) {
  .centered-column-layout > .wrapper {
    margin-left: 8.33333%;
    width: 83.33333%; } }

@media (min-width: 992px) {
  .centered-column-layout > .wrapper {
    padding: 0 80px; } }

.centered-column-layout > .wrapper .bb > .container {
  padding-left: 0;
  padding-right: 0; }

@media (min-width: 992px) {
  .two-columns-layout section.main {
    margin-right: 33.3333%;
    padding-right: 64px; } }

@media (min-width: 992px) {
  .two-columns-layout section.sidebar {
    float: right;
    width: 33.3333%; } }

@media (min-width: 992px) {
  .two-columns-layout section.sidebar.sucked-up {
    margin-top: -216px;
    position: relative; } }

.two-columns-layout section.sidebar.sucked-up p, .two-columns-layout section.sidebar.sucked-up .header-two {
  color: #ffffff; }

.two-columns-layout .bb > .container {
  padding-left: 0;
  padding-right: 0; }

.tile-item {
  text-align: center;
  padding: 17px 12px;
  flex-grow: 1; }
  .tile-item .tile-item-container {
    display: block;
    max-width: 400px;
    width: 100%;
    min-height: 251px;
    position: relative;
    margin: auto; }
    .tile-item .tile-item-container .tile-item-background {
      background-size: 100%;
      background-position: bottom;
      transition: .3s all; }
      @media (min-width: 768px) {
        .tile-item .tile-item-container .tile-item-background {
          background-position: top; } }
      .tile-item .tile-item-container .tile-item-background img {
        background: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0)); }
        @media (min-width: 768px) {
          .tile-item .tile-item-container .tile-item-background img {
            background: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)); } }
    .tile-item .tile-item-container:hover .tile-item-background {
      background-size: 102%;
      background-position: 50% bottom;
      transition: .3s all; }
      @media (min-width: 768px) {
        .tile-item .tile-item-container:hover .tile-item-background {
          background-position: top; } }
    .tile-item .tile-item-container:hover .button.light {
      color: #ffffff; }
      .tile-item .tile-item-container:hover .button.light.button-primary {
        background: #d41b66;
        border-color: #d41b66; }
      .tile-item .tile-item-container:hover .button.light.button-secondary {
        background: #00b5ad;
        border-color: #00b5ad; }
    .tile-item .tile-item-container .tile-item-box {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      align-items: center; }
      .tile-item .tile-item-container .tile-item-box .label-asSeenOnTV {
        position: absolute;
        top: -17px;
        left: 0; }
        @media (min-width: 768px) {
          .tile-item .tile-item-container .tile-item-box .label-asSeenOnTV {
            top: 12px;
            left: 12px; } }
        @media (min-width: 992px) {
          .tile-item .tile-item-container .tile-item-box .label-asSeenOnTV {
            top: 20px;
            left: 20px; } }
    .tile-item .tile-item-container .tile-item-title {
      width: 280px;
      font-family: "IBM Plex Sans Bold", "sans-serif";
      font-size: 20px;
      color: #ffffff;
      text-transform: uppercase;
      text-align: center;
      line-height: 1.25;
      padding-bottom: 10px; }
      @media (min-width: 768px) {
        .tile-item .tile-item-container .tile-item-title {
          font-size: 18px;
          width: 200px; } }
      @media (min-width: 992px) {
        .tile-item .tile-item-container .tile-item-title {
          font-size: 20px;
          width: 280px; } }
      @media (min-width: 1100px) {
        .tile-item .tile-item-container .tile-item-title {
          font-size: 24px;
          padding-bottom: 14px; } }
    .tile-item .tile-item-container .tile-item-button-background-green-1,
    .tile-item .tile-item-container .tile-item-button-background-green-2,
    .tile-item .tile-item-container .tile-item-button-background-pink-1 {
      min-height: 101px;
      width: 100%;
      background-size: cover;
      display: flex;
      align-items: center;
      justify-content: center; }
      .tile-item .tile-item-container .tile-item-button-background-green-1 .button,
      .tile-item .tile-item-container .tile-item-button-background-green-2 .button,
      .tile-item .tile-item-container .tile-item-button-background-pink-1 .button {
        margin: 0; }
      @media (min-width: 768px) {
        .tile-item .tile-item-container .tile-item-button-background-green-1,
        .tile-item .tile-item-container .tile-item-button-background-green-2,
        .tile-item .tile-item-container .tile-item-button-background-pink-1 {
          min-height: 80px; } }
      @media (min-width: 992px) {
        .tile-item .tile-item-container .tile-item-button-background-green-1,
        .tile-item .tile-item-container .tile-item-button-background-green-2,
        .tile-item .tile-item-container .tile-item-button-background-pink-1 {
          min-height: 106px; } }
    .tile-item .tile-item-container .tile-item-button-background-green-1 {
      background-image: url("/static/textures/tile-green-1.svg"); }
    .tile-item .tile-item-container .tile-item-button-background-green-2 {
      background-image: url("/static/textures/tile-green-2.svg"); }
    .tile-item .tile-item-container .tile-item-button-background-pink-1 {
      background-image: url("/static/textures/tile-pink-1.svg"); }

.label-asSeenOnTV {
  background-image: url("/static/textures/label-backgroound-as-seen-on-tv.svg");
  background-repeat: no-repeat;
  width: 83px;
  height: 40px;
  background-size: 100%;
  font-family: "IBM Plex Sans Bold", "sans-serif";
  color: black;
  font-size: 18px; }
  .label-asSeenOnTV:before {
    content: 'AS SEEN';
    position: absolute;
    top: -2px;
    left: 5px; }
  .label-asSeenOnTV:after {
    content: 'ON TV';
    position: absolute;
    top: 17px;
    left: 4px; }

.bb-three-tile {
  text-align: center; }
  .bb-three-tile > h2 {
    margin-bottom: 8px; }
  @media (min-width: 768px) {
    .bb-three-tile .bb-three-tile-items {
      margin: auto;
      max-width: 1200px;
      display: flex;
      justify-content: space-between;
      align-items: center; } }

.bb.bb-hero-heading {
  margin-top: 40px;
  margin-bottom: 20px; }
  .bb.bb-hero-heading .title {
    text-align: center;
    margin-bottom: 18px;
    font-size: 40px; }
    @media (min-width: 768px) {
      .bb.bb-hero-heading .title {
        margin-bottom: 24px;
        font-size: 60px; } }
  .bb.bb-hero-heading .description {
    text-align: center;
    font-size: 18px; }
    @media (min-width: 768px) {
      .bb.bb-hero-heading .description {
        font-size: 28px; } }
  @media (min-width: 768px) {
    .bb.bb-hero-heading {
      margin-top: 60px;
      margin-bottom: 40px; } }

.horizontal-line {
  margin-top: 48px;
  margin-bottom: 48px; }

.bb.bb-webform {
  font-family: "Open Sans Regular", "Helvetica", "Arial";
  margin-bottom: 50px; }
  .bb.bb-webform form .field-type-text,
  .bb.bb-webform form .field-type-select {
    max-width: 600px; }
  .bb.bb-webform form button {
    width: auto; }
    .bb.bb-webform form button.button-disabled {
      cursor: default;
      background: #ec699e;
      border-color: #ec699e; }
  .bb.bb-webform form .bb-text {
    margin-top: 40px;
    margin-bottom: 40px; }
    .bb.bb-webform form .bb-text p {
      font-size: 16px; }
    .bb.bb-webform form .bb-text .container {
      padding: 0; }
  @media (max-width: 767px) {
    .bb.bb-webform form button {
      width: 100%; } }

