/* 16:9 */
@keyframes biSlideFade {
  0% {
    opacity: 0; }
  6% {
    opacity: 1; }
  24% {
    opacity: 1; }
  30% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@media only screen {
  /*
        * TYPOGRAPHY *
    */
  .bi-bullets.three {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2; }
  .bi-bullets.two {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2; }
  .bi-page {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    width: 100%;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-direction: row;
    max-width: 1500px;
    margin-left: auto;
    margin-right: auto; }
    .bi-page .bi-bodytext {
      flex-basis: calc(100% - 20em);
      width: calc(100% - 20em);
      max-width: calc(100% - 20em); }
      .bi-page .bi-bodytext.bi-noside {
        flex-basis: 100%;
        width: 100%;
        max-width: 100%; }
    .bi-page .bi-sidebar {
      flex-basis: 20em;
      max-width: 20em;
      width: 20em; }
  .bi-full-width .bi-text-envelope {
    max-width: 1500px;
    margin-left: auto;
    margin-right: auto; }
  .bi-two-up {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
    flex-direction: row; } }
  @media only screen and (-ms-high-contrast: active), only screen and (-ms-high-contrast: none) {
    .bi-two-up {
      /* IE10+ specific styles go here */
      display: flex;
      flex-wrap: wrap;
      padding: 0;
      margin: 0;
      width: 100%;
      justify-content: flex-start;
      flex-wrap: no-wrap;
      flex-direction: row; } }
@media only screen {
    .bi-two-up .bi-item {
      flex-basis: calc(100% /2);
      width: calc(100% /2);
      max-width: calc(100% /2);
      -ms-flex-basis: calc(99% /2);
      -ms-width: calc(99% /2);
      -ms-max-width: calc(99% /2); }
  .bi-thirds-up {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
    flex-direction: row; }
    .bi-thirds-up .bi-item.bi-two-thirds {
      flex-basis: calc(200% /3);
      width: calc(200% /3);
      max-width: calc(200% /3);
      -ms-flex-basis: calc(199% /3);
      -ms-width: calc(199% /3);
      -ms-max-width: calc(199% /3); }
    .bi-thirds-up .bi-item.bi-one-third {
      flex-basis: calc(100% /3);
      width: calc(100% /3);
      max-width: calc(100% /3);
      -ms-flex-basis: calc(99% /3);
      -ms-width: calc(99% /3);
      -ms-max-width: calc(99% /3); }
  .bi-three-up {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
    flex-direction: row; } }
  @media only screen and (-ms-high-contrast: active), only screen and (-ms-high-contrast: none) {
    .bi-three-up {
      /* IE10+ specific styles go here */
      display: flex;
      flex-wrap: wrap;
      padding: 0;
      margin: 0;
      width: 100%;
      justify-content: flex-start;
      flex-wrap: no-wrap;
      flex-direction: row; } }
@media only screen {
    .bi-three-up .bi-item {
      flex-basis: calc(100% /3);
      width: calc(100% /3);
      max-width: calc(100% /3);
      -ms-flex-basis: calc(99% /3);
      -ms-width: calc(99% /3);
      -ms-max-width: calc(99% /3); }
  .bi-four-up {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
    flex-direction: row; } }
  @media only screen and (-ms-high-contrast: active), only screen and (-ms-high-contrast: none) {
    .bi-four-up {
      /* IE10+ specific styles go here */
      display: flex;
      flex-wrap: wrap;
      padding: 0;
      margin: 0;
      width: 100%;
      justify-content: flex-start;
      flex-wrap: no-wrap;
      flex-direction: row; } }
@media only screen {
    .bi-four-up .bi-item {
      flex-basis: calc(100% /2);
      width: calc(100% /2);
      max-width: calc(100% /2);
      -ms-flex-basis: calc(99% /2);
      -ms-width: calc(99% /2);
      -ms-max-width: calc(99% /2); }
  .bi-five-up {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
    flex-direction: row; } }
  @media only screen and (-ms-high-contrast: active), only screen and (-ms-high-contrast: none) {
    .bi-five-up {
      /* IE10+ specific styles go here */
      display: flex;
      flex-wrap: wrap;
      padding: 0;
      margin: 0;
      width: 100%;
      justify-content: flex-start;
      flex-wrap: no-wrap;
      flex-direction: row; } }
@media only screen {
    .bi-five-up .bi-item {
      flex-basis: calc(100% /2);
      width: calc(100% /2);
      max-width: calc(100% /2);
      -ms-flex-basis: calc(99% /2);
      -ms-width: calc(99% /2);
      -ms-max-width: calc(99% /2); }
      .bi-five-up .bi-item:last-child {
        flex-basis: 100%;
        width: 100%;
        max-width: 100%; }
  /*
        * FOOTER *
    */
  .bi-footer-contact {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
    flex-direction: row; } }
  @media only screen and (-ms-high-contrast: active), only screen and (-ms-high-contrast: none) {
    .bi-footer-contact {
      /* IE10+ specific styles go here */
      display: flex;
      flex-wrap: wrap;
      padding: 0;
      margin: 0;
      width: 100%;
      justify-content: flex-start;
      flex-wrap: no-wrap;
      flex-direction: row; } }