.bio-info {
  margin-bottom: 1em;
}
.bio-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.bio-list__item {
  width: 50%;
  float: left;
  margin-bottom: 1em;
  padding: 0 0.5em;
  position: relative;
}
.bio-list__item-link {
  background-color: #fff;
  display: block;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
} 
.bio-list__item-link:hover,
.bio-list__item-link:active,
.bio-list__item-link:focus,
.bio-list__item-link:visited {
  color: #fff;
  text-decoration: none; 
}
.bio-list-heading {
  text-transform: uppercase;
  color: #39a6e4;
}
.bio-list__image-wrapper {
  position: relative;
  padding-bottom: 100%;
  overflow: hidden;
  background-color: #f1f1f1;
}
.bio-list__image {
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
  max-width: none;
}
.csstransforms .bio-list__image {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

@supports (object-fit: cover) or (-o-object-fit: cover) {

  .bio-list__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover
    top: 0;
    left: 0;
    transform: none;
  }

}

.bio-list__name {
  color: #fff;
  height: 2em;
  background-color: #39a6e4;
  line-height: 2em;
  padding-left: 0.5em;
  padding-right: 2.5em;
  position: relative;
  font-size: 0.8em;
}
.-no-description .bio-list__name {
  padding-right: 0.5em;
  height: auto;
  line-height: 1.6;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
.bio-list__item-info-toggle {
  width: 2em;
  height: 2em;
  background-color: #faba00;
  color: #fff;
  line-height: 2em;
  text-align: center;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  z-index: 3;
}
.bio-list__item-link:not(.active):hover .bio-list__item-info-toggle {
  -webkit-animation-name: bouncing;
          animation-name: bouncing;
  -webkit-animation-duration: .6s;
          animation-duration: .6s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.bio-list__bio-content {
  display: none;
  width: 195%;
  width: calc(200% - 1em);
  color: #444;
  position: absolute;
  top: 100%;
  left: 0.5em;
  padding-top: 1em;
}
.bio-list__bio-content-inner {
  background-color: #f1f1f1;
  padding: 1em;
  position: relative;
}
.bio-list__bio-content-inner:before {
  content: '';
  position: absolute;
  top: -1em;
  left: 2em;
  width: 0;
  height: 1em;
  border-left: 2px solid #1b98da;
}
.bio-list__quote {
  position: relative;
  padding-left: 1em;
}
.bio-list__quote:before {
  content: '\f10d';
  width: 2em;
  height: 2em;
  line-height: 2em;
  border-radius: 50%;
  text-align: center;
  font-family: FontAwesome;
  background-color: #1b98da;
  color: #fff;
  position: absolute;
  top: 0;
  left: -2em;
}
.bio-list__spacer {
  display: none;
  clear: both;
}
@-webkit-keyframes bouncing {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);  
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);  
  } 
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }     
}
@keyframes bouncing {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);  
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);  
  } 
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }     
}

.svg-map {
    margin-bottom: 2em;
}
.svg-map svg {
  background: #f1f1f1;
  margin-top: 1em
}
.svg-map-toggle-label {
  color: #fff;
  background-color: #39a6e4;
  padding-left: 1em;
  padding-right: 3em;
  text-transform: uppercase;
  display: block;
  cursor: pointer;
  -webkit-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  transition: background-color 0.2s;
  line-height: 2em;
  position: relative;
  height: 2em;
}
.svg-map-toggle-label .fa {
  position: absolute;
  top: 0;
  right: 0;
  height: 2em;
  width: 2em;
  text-align: center;
  line-height: 2em;
  color: #fff;
  background-color: #faba00;
}
.svg-map-toggle-label:hover {
  background-color: #1b98da;
}
.svg-map__region-background {
  fill: #b9cdd8;
}
.svg-map__key {
  font-family: sans-serif;
  fill: #fff;
  font-size: 20px;
  font-weight: bold;
  position: relative;
  z-index: 2;
  text-transform: uppercase;
}
.svg-map__key.-blue {
  fill: #39a6e4;
}
.svg-map__pointer {
  stroke: #fff;
  stroke-width: 4px;
  fill: none;
}
.svg-map__pointer.-blue {
  stroke: #39a6e4;
}
.svg-map__region {
  fill: #39a6e4;
  stroke: #fff;
  stroke-width: 2;
  stroke-miterlimit: 10;
  -webkit-transition: .2s fill;
  -o-transition: .2s fill;
  transition: .2s fill;
}
.svg-map__link:focus {
  outline: none;
}
.svg-map__link:hover .svg-map__region {
  fill: #1b98da;
}

@media (max-width: 991px) {
  
  .svg-map svg {
    display: none;
  }
  #svg-map-toggle:checked + svg {
    display: block;
  }
  
}

@media(min-width: 992px) {
  
  .bio-info {
    width: 70%;
    padding-right: 0.5em;
    float: left;
  }
  .bio-list__name {
    font-size: 1em;
  }
  .svg-map {
    width: 30%;
    float: right;
  }
  #svg-map-toggle,
  .svg-map-toggle-label {
    display: none;
  }
  .svg-map svg {
    margin-top: 0;
  }
  
}

@media (max-width: 1199px) {
  
  .bio-list__item:nth-child(2n) .bio-list__bio-content {
    left: -100%;
    left: calc(0px - 100% + 0.5em);
  }
  .bio-list__item:nth-child(2n) .bio-list__bio-content-inner:before {
    left: auto;
    right: 2.5em;
  }
  
}

@media (min-width: 1200px) {
  
  .bio-list__item {
    width: 33%;
  }
  .bio-list__bio-content {
    width: 295%;
    width: calc(300% - 1em);
  }
  .bio-list__item:nth-child(3n+2) .bio-list__bio-content {
    left: -100%;
    left: calc(0px - 100% + 0.5em);
  }
  .bio-list__item:nth-child(3n+2) .bio-list__bio-content-inner:before {
    left: 50%;
    margin-left: -1px;
  }
  .bio-list__item:nth-child(3n+3) .bio-list__bio-content {
    left: -200%;
    left: calc(0px - 200% + 0.5em);
  }
  .bio-list__item:nth-child(3n+3) .bio-list__bio-content-inner:before {
    left: auto;
    right: 2.5em;
  }
  
}

/* Fade Map */

/* prefixed by https://autoprefixer.github.io (PostCSS: v7.0.26, autoprefixer: v9.7.3) */

.ofm-ge-fade-map {
  position: relative;
  padding-bottom: 100%;
  overflow: hidden;
}
.ofm-ge-fade-map_img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ofm-ge-fade-map_hover-top {
  position: absolute;
  top: 0;
  left: 0;
  height: 52%;
  width: 100%;
  opacity: 0;
  transition: opacity 0.25s;
  cursor: pointer;
}
.ofm-ge-fade-map_hover-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 48%;
  width: 100%;
  opacity: 0;
  transition: opacity 0.25s;
  cursor: pointer;
}
.ofm-ge-fade-map_hover-bottom img {
  position: absolute;
  bottom: 0;
  left: 0;
}
.ofm-ge-fade-map_hover-top:hover,
.ofm-ge-fade-map_hover-bottom:hover {
  opacity: 1;
}

@supports (animation-name: mapReveal) or (-webkit-animation-name: mapReveal) {

  .ofm-ge-fade-map_img {
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
  }
  .ofm-ge-fade-map_img.-two {
     opacity: 0;
     -webkit-animation-name: mapReveal;
             animation-name: mapReveal;
  }
  .ofm-ge-fade-map_img.-three {
     opacity: 0;
     -webkit-animation-name: mapReveal;
             animation-name: mapReveal;
     -webkit-animation-delay: 0.5s;
             animation-delay: 0.5s;
  }

  @-webkit-keyframes mapReveal {

    from {opacity: 0;}
    to {opacity: 1;}

  }

  @keyframes mapReveal {

    from {opacity: 0;}
    to {opacity: 1;}

  }

}