:root {
  --biotechsite-accordion-open-size: 2.5;
  --biotechsite-accordion-height: 400px; }

.biotechsite-horizontal-accordion {
  overflow: hidden; }
  @media screen and (min-width: 1200px) {
    .biotechsite-horizontal-accordion {
      display: flex;
      flex-direction: row;
      width: 100%;
      height: var(--biotechsite-accordion-height); } }
  .biotechsite-horizontal-accordion .item {
    position: relative;
    transition: all 0.5s ease;
    padding: 20px 10px 20px 10px;
    overflow: hidden; }
    @media screen and (min-width: 1200px) {
      .biotechsite-horizontal-accordion .item {
        flex: 1;
        height: 100%; }
        .biotechsite-horizontal-accordion .item:last {
          box-shadow: none; } }
    @media screen and (max-width: 1199.98px) {
      .biotechsite-horizontal-accordion .item {
        max-height: 50px; } }
    .biotechsite-horizontal-accordion .item h1, .biotechsite-horizontal-accordion .item h2, .biotechsite-horizontal-accordion .item h3, .biotechsite-horizontal-accordion .item h4, .biotechsite-horizontal-accordion .item h5, .biotechsite-horizontal-accordion .item h6 {
      text-transform: uppercase;
      margin-top: 0;
      transition: all 0.5s ease;
      font-size: 21px; }
      @media screen and (max-width: 1199.98px) {
        .biotechsite-horizontal-accordion .item h1, .biotechsite-horizontal-accordion .item h2, .biotechsite-horizontal-accordion .item h3, .biotechsite-horizontal-accordion .item h4, .biotechsite-horizontal-accordion .item h5, .biotechsite-horizontal-accordion .item h6 {
          cursor: pointer; }
          .biotechsite-horizontal-accordion .item h1:before, .biotechsite-horizontal-accordion .item h2:before, .biotechsite-horizontal-accordion .item h3:before, .biotechsite-horizontal-accordion .item h4:before, .biotechsite-horizontal-accordion .item h5:before, .biotechsite-horizontal-accordion .item h6:before {
            display: inline-block;
            content: '\25bc';
            font-size: 0.675em;
            vertical-align: baseline;
            padding-right: 5px; } }
    .biotechsite-horizontal-accordion .item .content {
      visibility: hidden;
      opacity: 0;
      transition: opacity 0.5s ease 0.5s; }
    .biotechsite-horizontal-accordion .item a.link-button {
      text-decoration: none;
      display: block;
      max-width: 80%;
      position: absolute;
      right: 10px;
      bottom: 10px;
      padding: 10px;
      visibility: hidden;
      opacity: 0;
      transition: opacity 0.5s ease 0.5s, background-color 0.2s ease; }
    .biotechsite-horizontal-accordion .item .image {
      display: block;
      position: absolute; }
      @media screen and (min-width: 1200px) {
        .biotechsite-horizontal-accordion .item .image {
          height: 80px;
          top: calc(100% - 100px);
          left: 10px;
          transition: top 0.5s ease; } }
      @media screen and (max-width: 1199.98px) {
        .biotechsite-horizontal-accordion .item .image {
          cursor: pointer;
          height: 30px;
          top: 10px;
          right: 10px; } }
    @media screen and (min-width: 1200px) {
      .biotechsite-horizontal-accordion .item:hover, .biotechsite-horizontal-accordion .item.open {
        flex: var(--biotechsite-accordion-open-size); }
        .biotechsite-horizontal-accordion .item:hover .content, .biotechsite-horizontal-accordion .item:hover a.link-button, .biotechsite-horizontal-accordion .item.open .content, .biotechsite-horizontal-accordion .item.open a.link-button {
          visibility: visible;
          opacity: 1; }
        .biotechsite-horizontal-accordion .item:hover .image, .biotechsite-horizontal-accordion .item.open .image {
          top: 20px; }
        .biotechsite-horizontal-accordion .item:hover h1, .biotechsite-horizontal-accordion .item:hover h2, .biotechsite-horizontal-accordion .item:hover h3, .biotechsite-horizontal-accordion .item:hover h4, .biotechsite-horizontal-accordion .item:hover h5, .biotechsite-horizontal-accordion .item:hover h6, .biotechsite-horizontal-accordion .item.open h1, .biotechsite-horizontal-accordion .item.open h2, .biotechsite-horizontal-accordion .item.open h3, .biotechsite-horizontal-accordion .item.open h4, .biotechsite-horizontal-accordion .item.open h5, .biotechsite-horizontal-accordion .item.open h6 {
          margin-top: 90px; } }
    @media screen and (max-width: 1199.98px) {
      .biotechsite-horizontal-accordion .item.open {
        max-height: 1000px;
        padding-bottom: 50px; }
        .biotechsite-horizontal-accordion .item.open .content, .biotechsite-horizontal-accordion .item.open a.link-button {
          visibility: visible;
          opacity: 1; }
        .biotechsite-horizontal-accordion .item.open h1:before, .biotechsite-horizontal-accordion .item.open h2:before, .biotechsite-horizontal-accordion .item.open h3:before, .biotechsite-horizontal-accordion .item.open h4:before, .biotechsite-horizontal-accordion .item.open h5:before, .biotechsite-horizontal-accordion .item.open h6:before {
          content: '\25b2'; } }
    .biotechsite-horizontal-accordion .item.default {
      background-color: #edecf3; }
      @media screen and (min-width: 1200px) {
        .biotechsite-horizontal-accordion .item.default {
          box-shadow: 3px 0px 3px #aaa; } }
      @media screen and (max-width: 1199.98px) {
        .biotechsite-horizontal-accordion .item.default {
          box-shadow: 0px 3px 3px #aaa; } }
      .biotechsite-horizontal-accordion .item.default h1, .biotechsite-horizontal-accordion .item.default h2, .biotechsite-horizontal-accordion .item.default h3, .biotechsite-horizontal-accordion .item.default h4, .biotechsite-horizontal-accordion .item.default h5, .biotechsite-horizontal-accordion .item.default h6, .biotechsite-horizontal-accordion .item.default .content {
        color: #247097; }
      .biotechsite-horizontal-accordion .item.default:hover, .biotechsite-horizontal-accordion .item.default.open {
        background-color: white; }
      .biotechsite-horizontal-accordion .item.default ul.check-list li:before {
        color: #67a9c4; }
      .biotechsite-horizontal-accordion .item.default a.link-button {
        color: white;
        background-color: #67a9c4; }
        .biotechsite-horizontal-accordion .item.default a.link-button:hover {
          background-color: #247097; }
    .biotechsite-horizontal-accordion .item.color-scheme .content {
      color: #003260; }
    .biotechsite-horizontal-accordion .item.color-scheme h1, .biotechsite-horizontal-accordion .item.color-scheme h2, .biotechsite-horizontal-accordion .item.color-scheme h3, .biotechsite-horizontal-accordion .item.color-scheme h4, .biotechsite-horizontal-accordion .item.color-scheme h5, .biotechsite-horizontal-accordion .item.color-scheme h6 {
      text-transform: lowercase; }
    .biotechsite-horizontal-accordion .item.color-scheme a.link-button {
      color: white;
      background-color: #247097; }
      .biotechsite-horizontal-accordion .item.color-scheme a.link-button:hover {
        background-color: #003260; }
    @media screen and (min-width: 1200px) {
      .biotechsite-horizontal-accordion .item.color-scheme:hover h1, .biotechsite-horizontal-accordion .item.color-scheme:hover h2, .biotechsite-horizontal-accordion .item.color-scheme:hover h3, .biotechsite-horizontal-accordion .item.color-scheme:hover h4, .biotechsite-horizontal-accordion .item.color-scheme:hover h5, .biotechsite-horizontal-accordion .item.color-scheme:hover h6, .biotechsite-horizontal-accordion .item.color-scheme.open h1, .biotechsite-horizontal-accordion .item.color-scheme.open h2, .biotechsite-horizontal-accordion .item.color-scheme.open h3, .biotechsite-horizontal-accordion .item.color-scheme.open h4, .biotechsite-horizontal-accordion .item.color-scheme.open h5, .biotechsite-horizontal-accordion .item.color-scheme.open h6 {
        font-size: 24px; } }
    .biotechsite-horizontal-accordion .item.color-scheme.scheme-1 {
      background-color: #edecf3; }
      .biotechsite-horizontal-accordion .item.color-scheme.scheme-1 h1, .biotechsite-horizontal-accordion .item.color-scheme.scheme-1 h2, .biotechsite-horizontal-accordion .item.color-scheme.scheme-1 h3, .biotechsite-horizontal-accordion .item.color-scheme.scheme-1 h4, .biotechsite-horizontal-accordion .item.color-scheme.scheme-1 h5, .biotechsite-horizontal-accordion .item.color-scheme.scheme-1 h6 {
        color: #003260; }
      @media screen and (min-width: 1200px) {
        .biotechsite-horizontal-accordion .item.color-scheme.scheme-1:hover, .biotechsite-horizontal-accordion .item.color-scheme.scheme-1.open {
          background: linear-gradient(to bottom, #edecf3 132px, #b3cce0 132px); } }
      @media screen and (max-width: 1199.98px) {
        .biotechsite-horizontal-accordion .item.color-scheme.scheme-1.open {
          background: linear-gradient(to bottom, #edecf3 50px, #b3cce0 50px); } }
    .biotechsite-horizontal-accordion .item.color-scheme.scheme-2 {
      background-color: #67a9c4; }
      .biotechsite-horizontal-accordion .item.color-scheme.scheme-2 h1, .biotechsite-horizontal-accordion .item.color-scheme.scheme-2 h2, .biotechsite-horizontal-accordion .item.color-scheme.scheme-2 h3, .biotechsite-horizontal-accordion .item.color-scheme.scheme-2 h4, .biotechsite-horizontal-accordion .item.color-scheme.scheme-2 h5, .biotechsite-horizontal-accordion .item.color-scheme.scheme-2 h6 {
        color: white; }
      @media screen and (min-width: 1200px) {
        .biotechsite-horizontal-accordion .item.color-scheme.scheme-2:hover, .biotechsite-horizontal-accordion .item.color-scheme.scheme-2.open {
          background: linear-gradient(to bottom, #67a9c4 132px, #b3cce0 132px); } }
      @media screen and (max-width: 1199.98px) {
        .biotechsite-horizontal-accordion .item.color-scheme.scheme-2.open {
          background: linear-gradient(to bottom, #67a9c4 50px, #b3cce0 50px); } }
    .biotechsite-horizontal-accordion .item.color-scheme.scheme-3 {
      background-color: #247097; }
      .biotechsite-horizontal-accordion .item.color-scheme.scheme-3 h1, .biotechsite-horizontal-accordion .item.color-scheme.scheme-3 h2, .biotechsite-horizontal-accordion .item.color-scheme.scheme-3 h3, .biotechsite-horizontal-accordion .item.color-scheme.scheme-3 h4, .biotechsite-horizontal-accordion .item.color-scheme.scheme-3 h5, .biotechsite-horizontal-accordion .item.color-scheme.scheme-3 h6 {
        color: white; }
      @media screen and (min-width: 1200px) {
        .biotechsite-horizontal-accordion .item.color-scheme.scheme-3:hover, .biotechsite-horizontal-accordion .item.color-scheme.scheme-3.open {
          background: linear-gradient(to bottom, #247097 132px, #b3cce0 132px); } }
      @media screen and (max-width: 1199.98px) {
        .biotechsite-horizontal-accordion .item.color-scheme.scheme-3.open {
          background: linear-gradient(to bottom, #247097 50px, #b3cce0 50px); } }
    .biotechsite-horizontal-accordion .item.color-scheme.scheme-4 {
      background-color: #003260; }
      .biotechsite-horizontal-accordion .item.color-scheme.scheme-4 h1, .biotechsite-horizontal-accordion .item.color-scheme.scheme-4 h2, .biotechsite-horizontal-accordion .item.color-scheme.scheme-4 h3, .biotechsite-horizontal-accordion .item.color-scheme.scheme-4 h4, .biotechsite-horizontal-accordion .item.color-scheme.scheme-4 h5, .biotechsite-horizontal-accordion .item.color-scheme.scheme-4 h6 {
        color: white; }
      @media screen and (min-width: 1200px) {
        .biotechsite-horizontal-accordion .item.color-scheme.scheme-4:hover, .biotechsite-horizontal-accordion .item.color-scheme.scheme-4.open {
          background: linear-gradient(to bottom, dark-blue-1 132px, #b3cce0 132px); } }
      @media screen and (max-width: 1199.98px) {
        .biotechsite-horizontal-accordion .item.color-scheme.scheme-4.open {
          background: linear-gradient(to bottom, dark-blue-1 50px, #b3cce0 50px); } }