.header {
  display: grid;
  align-items: center;
  column-gap: 1.5rem;
  padding: 0!important;
}

@media(min-width: 992px) {
  .header {
    justify-items: center;
    padding: 20px 0!important;
  }
}
.header.header__center {
  grid-template-columns: 1fr auto 1fr;
}
{#.header.header__left {
	grid-template-columns: auto 1fr;
}#}
.header .header-logo a {
  display: inline-block;
}
.header .header-menu nav {
  display: none;
  position: absolute;
  top: 126px;
  left: 0;
  right: 0;
  width: 100%;
  height: calc(100vh - 126px);
  padding: 40px 30px 100px;
  overflow-y: scroll;
}
.header .header-menu .hs-menu-wrapper ul > li > a {
  padding: 10px;
}
.header .header-menu nav .hs-menu-wrapper > ul {
  display: flex;
  flex-direction: column;
}
.header .header-menu .hs-menu-wrapper > ul > li.hs-item-has-children {
  position: relative;
}

@media(min-width: 992px) {
  .header .header-menu .hs-menu-wrapper > ul > li.hs-item-has-children > ul {
    display: none;
  }
}

.header ul > li > a + .menu-indicator {
  background: none;
  border: none;
  padding: 12px;
  transition: all ease-in-out .3s;
  cursor: pointer;
}
.header ul > li > a[aria-expanded="true"] + .menu-indicator {
  transform: rotate(180deg);
}
.header .header-menu .hs-menu-wrapper > ul > li.hs-item-has-children > ul > li > a {
  font-size: 20px;
  line-height: 23px;
  padding: 10px 0;
}

@media(max-width: 992px) {

  .header.header__center {
    grid-template-columns: repeat(2, 1fr);
  }

  .header .header-menu.menu__left, .header .header-menu.menu__left .hs-menu-wrapper > ul {
    display: none;
  }
}

/*  Social Menu Styles  */
.header .header-menu .header-social {
  display: flex;
  align-items: center;
  padding: 1.5rem 0 1rem;
}
.header .header-menu .header-social .header-social__link > a {
  display: grid;
  place-content: center;
}
.header .header-menu .header-social.social__left .header-social__link > a > img {
  margin-right: 10px;
}
.header .header-menu .header-social.social__right .header-social__link > a > img {
  margin-left: 10px;
}

@media(max-width: 992px) {
  .item-menu__right {
    display: none;
  }

  .header .header-menu.menu__right button:hover {
    background-color: transparent;
  }

  .hs-menu-item.hs-menu-depth-1{
    position:relative;
  }
  .hs-menu-item.hs-menu-depth-1:not(:nth-last-child(-n+2)):after {
    content: '';
    width: 19px;
    height: 1px;
    background: white;
    position: absolute;
    bottom: -28px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center;

  }
}

/* Hamburger Menu Styles  */
.hamburger{
  width: 40px;
  height: 30px;
  display:flex;
  flex-flow: row wrap;
  align-items: center;
  align-content: space-between;
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
  margin: 0 0 8px auto;
  transform: scale(.75);
}
.hamburger-slice{
  width: 100%;
  height: 4px;
  border-radius: 10px;
}
.hamburger .top{
  margin-top: 4px;
}
.hamburger .top-anim{
  animation: top-k 0.2s;
  animation-fill-mode: forwards;
}
.hamburger .top-anim-r{
  animation: top-k-r 0.2s;
  animation-fill-mode: forwards;
}
.hamburger .mid-anim{
  animation: mid-k 0.2s;
  animation-fill-mode: forwards;
}
.hamburger .mid-anim-r{
  animation: mid-k-r 0.2s;
  animation-fill-mode: forwards;
}
.hamburger .bot-anim{
  animation: bot-k 0.2s;
  animation-fill-mode: forwards;
}
.hamburger .bot-anim-r{
  animation: bot-k-r 0.2s;
  animation-fill-mode: forwards;
}
.hamburger .bot{
  margin-bottom: -3px;
}
@keyframes top-k{
  from{
    transform:rotate(0deg) translate(0,0);
  }
  to{
    transform:rotate(45deg) translate(10px,10px);
  }
}
@keyframes top-k-r{
  from{
    transform:rotate(45deg) translate(12px,12px);
  }
  to{
    transform:rotate(0deg) translate(0,0);
  }
}
@keyframes mid-k{
  from{opacity:1;}
  to{opacity:0;}
}
@keyframes mid-k-r{
  from{opacity:0;}
  to{opacity:1;}
}
@keyframes bot-k{
  from{
    transform:rotate(0deg) translate(0,0);
  }
  to{
    transform:rotate(-45deg) translate(8px,-8px);
  }
}
@keyframes bot-k-r{
  from{
    transform:rotate(-45deg) translate(12px,-12px);
  }
  to{
    transform:rotate(0deg) translate(0,0);
  }
}


