.header-section { box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.09), inset 0 -1px 0 0 rgba(202, 202, 202, 0.5);background-color:#fff; }
.header-section.no-menu{padding:16px 0;}

.header-flex { display: flex; flex-wrap: wrap; align-items: center; }
.header-menu { width: calc(100% - 177px - 48px); margin-left: auto; }
.header-logo { width: 177px; }

.header-menu .hs-menu-wrapper > ul { display: flex; flex-wrap: wrap; align-items: center; }
.header-menu .hs-menu-wrapper > ul > li { margin-right: 24px; padding: 23px 0;}
.header-menu .hs-menu-wrapper > ul > li a{font-size:14px;font-weight:500;}
.header-menu .hs-menu-wrapper > ul > li.hs-menu-item.hs-menu-depth-1:last-child { margin-left: auto; margin-right: 0px !important;padding:0px !important; }
.header-menu .hs-menu-wrapper > ul > li.hs-menu-item.hs-menu-depth-1:last-child > a { border: 2px solid #1e54d5; color: #1e54d5; padding: 7px 12px 6px 16px; border-radius: 4px; display: flex; flex-wrap: wrap; align-items: center; }
.header-menu .hs-menu-wrapper > ul > li.hs-menu-item.hs-menu-depth-1:last-child > a:hover{background-color:#1e54d5;color:#fff;}

.hs-menu-depth-1.hs-item-has-children > a:after { content: '\f107'; font-family: 'FontAwesome'; color: #06102a; font-weight: 700; margin-left: 8px; }

li.hs-menu-item.hs-menu-depth-1.hs-item-has-children {position: relative;}


@media(min-width:991px){
  /* Sub child styles starts here */

  li.hs-menu-item.hs-menu-depth-1.hs-item-has-children > ul.hs-menu-children-wrapper li.hs-menu-item.hs-menu-depth-2 a { font-size: 16px; padding: 10px 20px; display: inline-block; width: 100%; }

  /* Third Child */

  li.hs-menu-item.hs-menu-depth-2.hs-item-has-children:after { content: '\f105'; position: absolute; width: auto; height: auto; right: 14px; top: 10px; font-family: FontAwesome; font-size: 18px; }
  li.hs-menu-item.hs-menu-depth-2.hs-item-has-children { position: relative; }

  .hs-menu-depth-1.hs-item-has-children ul.hs-menu-children-wrapper { position: absolute; display:none !important; z-index: 2; background: #fff; padding: 12px 0; min-width: 260px; left: -33px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.12); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.12); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.12); border-radius: 5px;top:-20px;transition:0.5s ease all; }

  li.hs-menu-item.hs-menu-depth-2.hs-item-has-children:hover > ul { display: inline-block !important;top: 0;animation:0.5s 0s leftAnimation forwards linear; }
  li.hs-menu-item.hs-menu-depth-1.hs-item-has-children:hover > ul.hs-menu-children-wrapper { display:inline-block !important;top:100%;animation:0.5s 0s upAnimation forwards linear; }
}


@keyframes upAnimation{
  0%{
    top:0px;
    opacity:0;
  }
  100%{
    top:100%;
    opacity:1;
  }
}
@-webkit-keyframes upAnimation{
  0%{
    top:0px;
    opacity:0;
  }
  100%{
    top:100%;
    opacity:1;
  }
}

@keyframes leftAnimation{
  0%{
    left:0px;
    opacity:0;
  }
  100%{
    left:100%;
    opacity:1;
  }
}
@-webkit-keyframes leftAnimation{
  0%{
    left:0px;
    opacity:0;
  }
  100%{
    left:100%;
    opacity:1;
  }
}

@media(max-width:1200px){
  .header-logo { width: 150px; }
  .header-menu { width: calc(100% - 160px); margin-left: auto; }
  .header-menu .hs-menu-wrapper > ul > li.hs-menu-item.hs-menu-depth-1:last-child { margin-left: 0 !important; }
  .header-menu .hs-menu-wrapper > ul{justify-content:flex-end;}
}

@media(max-width:990px){
  .header-logo { width: 130px; }
  .header-menu {width: calc(100% - 130px);margin-left: auto;}
  .header-menu .hs-menu-wrapper > ul{justify-content:flex-start;}
  .header-menu .hs-menu-wrapper > ul > li:last-child{margin:0px !important;}

  .ChampNavigation { float: right; position: relative; width: 100%; } 
  .ChampNavigation > a.champMenu { text-align: right; float: right; right: 15px; top: 15px; position: absolute; z-index: 99; } 
  .ChampNavigation > ul{position: absolute;width: 100%;background-color: #e2e2e2;left: 0;top: 50px;} 
  .ChampNavigation li a {padding: 10px;display: inline-block } 
  .ChampNavigation li a.champMenu.icon { float: right; width: 45px; text-align: center; background-color: #fff; cursor: pointer; } 

  .hamburger { padding: 0; display: inline-block; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; } 
  .hamburger:hover { opacity: 0.7; } 
  .hamburger-box { width: 30px; height: 22px; display: inline-block; position: relative; } 
  .hamburger-inner { display: block; top: 50%; margin-top: 0; } 
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 30px; height: 2px; background-color: #000; border-radius: 4px; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; } 
  .hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; } 
  .hamburger-inner::before { top: -7px; } 
  .hamburger-inner::after { bottom: -7px; } 
  .hamburger--squeeze .hamburger-inner { transition-duration: 0.075s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 
  .hamburger--squeeze .hamburger-inner::before { transition: top 0.075s 0.12s ease, opacity 0.075s ease; } 
  .hamburger--squeeze .hamburger-inner::after { transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); } 
  .hamburger--squeeze.is-active .hamburger-inner { transform: rotate(45deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 
  .hamburger--squeeze.is-active .hamburger-inner::before { top: 0; opacity: 0; transition: top 0.075s ease, opacity 0.075s 0.12s ease; } 
  .hamburger--squeeze.is-active .hamburger-inner::after { bottom: 0; transform: rotate(-90deg); transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61,0.355, 1); } 

  .header-section{padding:16px 0;position:relative;}
  a.champMenu.main { position: absolute; right: 45px; top: 16px; }
  ul.ChampMenu { position: absolute; left: 0; width: 100%; background: #fff; top: 100%; padding: 30px 45px;-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.05); -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.05); box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.05); }
  .header-menu .hs-menu-wrapper > ul > li { margin-right: 0; padding: 10px 0; width: 100%; text-align: left; }
  .hs-menu-depth-1.hs-item-has-children > a:after{display:none;}
  a.champMenu.icon { float: right;}
  a.champMenu.icon.active { transform: rotate(180deg); }
  
  ul.hs-menu-children-wrapper{padding-top:15px;}
  ul.hs-menu-children-wrapper li { padding: 10px 0 10px 15px; }
  .header-menu .hs-menu-wrapper > ul > li.hs-menu-item.hs-menu-depth-1:last-child { width: auto;margin-top: 10px !important; }
}