

header .header_logo { line-height:0; }
header .header_logo img { width: 170px; }
header .header_inner { padding: 30px 0 20px;    border-bottom: 2px solid #7F7F7F;  display: flex; align-items: center; justify-content: space-between; grid-gap:30px; position:relative ; }
header .header_right { display: flex; align-items: center; }
header .sign-btn a {     display: block; padding: 8px 26px; background: #151517; border:2px solid #151517;  font-weight:700;  color: #fff; }
header .sign-btn a:hover { background:transparent;  color: #151517;  }


.nav-toggle { background:#FFF !important; border:0 none; cursor:pointer; padding:10px 0; position:absolute; right:0; top:50%; transform:translateY(-50%); width:43px; }
.nav-toggle .icon-bar { margin:auto; background-color:#151517; border-radius:1px; display:block; height:3px; position:relative; width:22px; transition: all 0.3s ease; }
.nav-toggle .icon-bar + .icon-bar { margin-top:4px; }
.nav-toggle .icon-bar:nth-child(1), .nav-toggle .icon-bar:nth-child(3) { top:0;  transform:rotate(0deg); }
.nav-toggle.nav-menuopen .icon-bar:nth-child(1) { top:7px; transform:rotate(45deg); }
.nav-toggle.nav-menuopen .icon-bar:nth-child(2) { opacity:0; }
.nav-toggle.nav-menuopen .icon-bar:nth-child(3) { top:-7px; transform:rotate(-45deg); }
.mainmenu .mobile_menu span.mobile-toggle { width:36px; height:36px; position:absolute; right:0px; top:0px; background-color:#ededed; transition: all 0.3s ease; }
.mainmenu .mobile_menu span.mobile-toggle:after,.mainmenu .mobile_menu span.mobile-toggle:before { content:""; background-color:#000; height:16px; width:2px; position:absolute; left:17px; top:10px; transition: all 0.3s ease; }
.mainmenu .mobile_menu span.mobile-toggle:before { transform:rotate(90deg); transition: all 0.3s ease; }
.mainmenu .mobile_menu span.mobile-toggle.nav-subopen:after { transform:rotate(90deg)}; }
.mainmenu .mobile_menu span.mobile-toggle.nav-subopen:before { opacity:0; background-color:#fff; transform:rotate(180deg); }
.mainmenu .hs-menu-wrapper ul { padding:0; margin:0; list-style:none; text-align:left; }
.mainmenu .hs-menu-wrapper ul li a { display:block; color: #151517; font-weight: 700;   }
.mainmenu .hs-menu-wrapper > ul { display:flex; align-items:center; }
.mainmenu .hs-menu-wrapper > ul > li { margin-right:35px; }
.mainmenu .hs-menu-wrapper > ul > li > a { max-width:none; width:auto; }
.mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children { position:relative; }
.mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children ul.hs-menu-children-wrapper { position: absolute; background-color:#fff; opacity: 0; -webkit-box-shadow: 0 0 10px rgb(0 0 0 / 16%); box-shadow: 0 0 10px rgb(0 0 0 / 16%); padding: 10px 20px; min-width: 200px; z-index: 1; top: 36px; margin-left: -16px; visibility: hidden; z-index: 10;   }
.mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children ul.hs-menu-children-wrapper li a {     font-weight: 700;  }
.hs-item-has-children:before { content: "";  position: absolute; height: 26px;  width: 80px; background: transparent;  top: 100%; }


.hs-item-has-children > a:after {  content: ""; background-image: url('https://21465753.fs1.hubspotusercontent-na1.net/hubfs/21465753/Plan_Year/Vector%20(12).svg'); height: 10px; width: 10px; background-size: contain; display: inline-block; background-repeat: no-repeat; background-position: center; margin-left: 8px; }


/**/




@media (min-width:992px) {/*hover event for desktops*/
  .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children:hover ul.hs-menu-children-wrapper { opacity:1; visibility:visible;  }
  .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children span.mobile-toggle, .nav-toggle { display:none; }

  .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children ul.hs-menu-children-wrapper:before { content: ""; position: absolute; top: -5px; left: 3rem; height: 1rem; width: 1rem; background-color: #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); z-index: 0; opacity: 1; }
  header .header_right{ display:flex !important; }
  .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children ul.hs-menu-children-wrapper li a:hover{     text-decoration: underline;
    transition: all 0.3s ease;  }
  
  

}



@media (max-width:991px) {
  .mainmenu .hs-menu-wrapper > ul > li { margin-right:30px; }
  header .header_inner { padding:20px 0; }
}


@media (max-width:991px){
  header .header_right { background-color:#fff; display:none; left:0; margin:0; position:absolute; text-align:left; top:80px; width:100%; padding:0; z-index:999; border-radius:0 0 10px 10px; overflow:hidden; }
  .mainmenu .hs-menu-wrapper ul li a { color:#000; padding:10px 15px; }
  .mainmenu .hs-menu-wrapper > ul {  display:block; }
  .mainmenu .hs-menu-wrapper > ul > li { margin:0; }
  .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children ul.hs-menu-children-wrapper {     background-color: rgba(0, 0, 0, 0.05); position:static; opacity:1; visibility:visible; display:none; width:100%; transform:translateY(0); transition:none !important; box-shadow:none; margin:0; }
  
  header .sign-btn a { border-radius:0; }
  
  
}

