/* @media (min-width: 768px){
  .header-navigation-toggle {display:block;}
}
@media (max-width: 767px){
.header-navigation-toggle {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAxOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5oYW1idXJnZXI8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGcgaWQ9ImhhbWJ1cmdlciIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8ZyBpZD0iR3JvdXAiIHN0cm9rZT0iIzQ5NEE1MiIgc3Ryb2tlLXdpZHRoPSIzIj4gICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiB4PSIxLjUiIHk9IjEuNSIgd2lkdGg9IjIxIiBoZWlnaHQ9IjEiIHJ4PSIwLjUiPjwvcmVjdD4gICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLUNvcHktNCIgeD0iMS41IiB5PSI5LjUiIHdpZHRoPSIyMSIgaGVpZ2h0PSIxIiByeD0iMC41Ij48L3JlY3Q+ICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS1Db3B5LTUiIHg9IjEuNSIgeT0iMTcuNSIgd2lkdGg9IjIxIiBoZWlnaHQ9IjEiIHJ4PSIwLjUiPjwvcmVjdD4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: cover;
    height: 25px;
    width: 25px;
    cursor: pointer;
  }} */

 .os-sub-nav {
  background-color: #333333 !important;
  z-index: 10001; 
  position: relative;
  padding: 10px;
  border-radius: 5px;
  }

.os-sub-nav:hover {
  background-color: #333333 !important;
}

.os-sub-nav a:hover {
  background-color: #004a85;
  width: 100%;
}
.os-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 100%;
    align-self: center;
    width: 100%;
  }

  .os-profile-nav {
    display:flex;
  }
  .os-profile-nav a {
    display:block;
    display:flex;
    align-items:center;
  }
@media (min-width: 767px){
  .header-navigation-toggle {display:block;}
}
@media (max-width: 767px){
.header-navigation-toggle {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAxOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48dGl0bGU+aGFtYnVyZ2VyPC90aXRsZT48ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz48ZyBpZD0iaGFtYnVyZ2VyIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48ZyBpZD0iR3JvdXAiIHN0cm9rZT0iI0VFRUVFRSIgc3Ryb2tlLXdpZHRoPSIzIj48cmVjdCBpZD0iUmVjdGFuZ2xlIiB4PSIxLjUiIHk9IjEuNSIgd2lkdGg9IjIxIiBoZWlnaHQ9IjEiIHJ4PSIwLjUiPjwvcmVjdD48cmVjdCBpZD0iUmVjdGFuZ2xlLUNvcHktNCIgeD0iMS41IiB5PSI5LjUiIHdpZHRoPSIyMSIgaGVpZ2h0PSIxIiByeD0iMC41Ij48L3JlY3Q+PHJlY3QgaWQ9IlJlY3RhbmdsZS1Db3B5LTUiIHg9IjEuNSIgeT0iMTcuNSIgd2lkdGg9IjIxIiBoZWlnaHQ9IjEiIHJ4PSIwLjUiPjwvcmVjdD48L2c+PC9nPjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: cover;
    height: 20px;
    width: 20px;
    cursor: pointer;
  }
        .os-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      min-height: 100%;
      position: absolute;
      inset: 0;
      z-index: 99;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      padding: 7rem 2rem;
      transform: translateX(100%);
    }
    .header.active .os-header {
      transform: translateX(0%);
    }
    a#hs-link-header-module-1_hs_logo_widget {
      z-index: 100;
      position: relative;
      left: 2rem;
    }
    ul.os-primary-nav {
      flex-direction: column;
      height: fit-content;
      width: 100%;
      text-align: left;
      align-items: flex-start;
      margin-left: 0;
      padding-left: 0;
      padding-bottom: 2rem;
    }
    .os-profile-nav {
/*       display: flex; */
    }
    .header-navigation-toggle {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
/*       width: 60px;
      height: 60px; */
      position: absolute;
      z-index: 101;
      top: 25px;
      transform: translateY(-50%);
      right: 1rem;
      cursor: pointer;
    }
    .active .header-navigation-toggle {
      top: 30px;
      transform: translateY(0%);
    }
    .header-navigation-toggle > span {
      display: block;
      width: 100%;
      height: 8px;
      background-color: #000;
      border-radius: 6px;
      left: 1rem;
    }
    .header {
      overflow: hidden;
    }
    .header.active {
      min-height: 100vh;
    }
}




}