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

@media only screen {
  /* HEADER */
  .bi-nomobile {
    display: block !important; }
  .bi-mobile {
    display: none !important; }
  .bi-head-container {
    position: absolute;
    z-index: 99;
    top: 0;
    width: 100vw;
    left: 0; }
  .bi-site-header {
    background-image: none;
    background-color: transparent;
    position: relative;
    top: 0 !important;
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
    width: 100%; }
    .bi-site-header .bi-header-inner {
      background-image: none;
      background-color: transparent;
      position: relative;
      top: 0;
      padding: 0;
      width: 100%;
      height: 100%; }
  .bi-header-wrapper {
    position: relative;
    top: 0;
    z-index: 10;
    padding: 3em 0 0 0;
    left: 0;
    width: 100%;
    height: auto; }
  .bi-logo-container {
    width: 100%;
    float: none;
    display: block;
    position: relative;
    z-index: 1;
    margin-left: auto;
    margin-right: auto;
    max-width: 200px;
    height: 200px;
    background-color: #e7e5e0;
    background-image: url("../../images/elements/bg-texture-overlay.png");
    background-repeat: repeat;
    border-radius: 0 0 100% 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0.5rem;
    padding-right: 0.5rem; }
  .bi-header-contact {
    width: 100%;
    float: none;
    clear: both;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    text-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 1rem;
    background: transparent;
    background: transparent;
    position: absolute;
    top: 4rem; }
    .bi-header-contact p {
      -ms-flex-preferred-size: calc(50% - 100px);
      flex-basis: calc(50% - 100px); }
  .bi-hero {
    min-height: 700px;
    height: calc(100vh - 5vw); }
  /*
        * 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 .bi-page-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    flex-direction: row;
    -ms-flex-direction: row;
    -ms-flex-wrap: wrap;
    position: relative; } }
  @media only screen and (-ms-high-contrast: active) {
    .bi-page .bi-page-wrapper {
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start; } }

@media only screen {
  .bi-page .bi-bodytext {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 100%;
    max-width: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out; } }
  @media only screen and (min-width: 1300px) {
    .bi-page .bi-bodytext {
      margin-left: 0;
      margin-right: 0;
      max-width: calc(1300px - 20em); } }

@media only screen {
    .bi-page .bi-bodytext.bi-noside {
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
      width: 100%;
      max-width: 100%;
      padding-top: 0; } }
    @media only screen and (min-width: 1300px) {
      .bi-page .bi-bodytext.bi-noside {
        margin-left: auto;
        margin-right: auto;
        max-width: 1300px; } }

@media only screen {
  .bi-page .bi-sidebar {
    padding-top: 2vw;
    max-width: 20em;
    width: 20em; }
  .bi-page header {
    overflow: auto;
    display: block;
    position: absolute;
    bottom: 100%;
    z-index: 10;
    margin-bottom: 9vw;
    color: white;
    width: 100%;
    left: 0;
    right: 0;
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto; }
    .bi-page header h1 {
      color: white;
      text-align: left;
      text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
      overflow: hidden; }
  .bi-thirds-up {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    width: 100%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row; }
    .bi-thirds-up .bi-item.bi-two-thirds {
      -ms-flex-preferred-size: calc(200% /3);
      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 {
      -ms-flex-preferred-size: calc(100% /3);
      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-two-up {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    width: 100%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    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: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      padding: 0;
      margin: 0;
      width: 100%;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -ms-flex-wrap: no-wrap;
      flex-wrap: no-wrap;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row; } }

@media only screen {
    .bi-two-up .bi-item {
      -ms-flex-preferred-size: calc(100% /2);
      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-three-up {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    width: 100%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    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: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      padding: 0;
      margin: 0;
      width: 100%;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -ms-flex-wrap: no-wrap;
      flex-wrap: no-wrap;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row; } }

@media only screen {
    .bi-three-up .bi-item {
      -ms-flex-preferred-size: calc(100% /3);
      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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    width: 100%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    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: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      padding: 0;
      margin: 0;
      width: 100%;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -ms-flex-wrap: no-wrap;
      flex-wrap: no-wrap;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row; } }

@media only screen {
    .bi-four-up .bi-item {
      -ms-flex-preferred-size: calc(100% /2);
      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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    width: 100%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    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: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      padding: 0;
      margin: 0;
      width: 100%;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -ms-flex-wrap: no-wrap;
      flex-wrap: no-wrap;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row; } }

@media only screen {
    .bi-five-up .bi-item {
      -ms-flex-preferred-size: calc(100% /2);
      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 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        width: 100%;
        max-width: 100%; }
  .bi-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse; }
  /*
        * FOOTER *
    */
  .bi-footer-contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    width: 100%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    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: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      padding: 0;
      margin: 0;
      width: 100%;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -ms-flex-wrap: no-wrap;
      flex-wrap: no-wrap;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row; } }

@media only screen {
  .bi-map-container {
    width: 100%; }
  .largeanimal .bi-callouts .bi-three-up {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; } }