:root{
  --nav-layout\@lg:"logo menu actions hambmenu" auto / 1fr auto auto auto;
}
body nav.nav{
  --nav-layout\@lg:"logo menu actions hambmenu" auto / 1fr auto auto auto !important;
}
/* HAMBURGER MENU */

nav.nav{transition:opacity 0.5s ease, visibility 0.5s ease;}
nav.nav.hamburger-active{
  background-color: #ffffff;
}
header.header.show-menu{
  background-color: #ffffff;
}
/*nav.nav.hamburger-active .site-logo__link img{opacity:0;transition:opacity 0.5s ease, visibility 0.5s ease;}
nav.nav.hamburger-active .site-logo__link{
background: url('https://44035302.fs1.hubspotusercontent-na1.net/hubfs/44035302/PMIG-logo.svg') no-repeat center center;
background-size: 188px;
transition:opacity 0.5s ease, visibility 0.5s ease;
}*/
nav.nav.hamburger-active ul.header-menu.header-menu--primary{opacity:0;visibility:hidden;transition:opacity 0.5s ease, visibility 0.5s ease;}
.hamb-menu {
  height: 50px;
  width: 50px
}
.hamb-menu:hover{cursor:pointer;}
.hamb-menu .line {
  transform-origin: center;
  transition: transform .3s ease,opacity .3s ease
}

.hamb-menu.active .top {
  transform: rotate(45deg) translate(23px,33px);
  stroke: #009cdb
}

.hamb-menu.active .bottom {
  transform: rotate(-45deg) translate(27px,33px);
  stroke: #009cdb;
}

.hamb-menu.active .middle1,.hamb-menu.active .middle2 {
  opacity: 0;
  pointer-events: none
}
.hamb-menu.active svg path{stroke:#009cdb;transition: opacity 0.5s ease, visibility 0.5s ease;}
/* floating menu */
.floating-menu{
  background-color: #ffffff;
  background-image: url(https://44035302.fs1.hubspotusercontent-na1.net/hubfs/44035302/PMIG%202026/graphic-assets/Rectangle%2039.svg);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: inherit;
  /* display: none; */
  height:100%;
  left: 0;
  top:0;
  z-index:100;
  position: fixed;
  bottom: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease, visibility 0.5s ease;
  overflow:auto;
  pointer-events:none;
}

.floating-menu.active {
  opacity: 1;
  visibility: visible;
  pointer-events:all;
}

.floating-menu .content{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
    ;
  padding-right: 5.35em;
  padding-left: 5.35em;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  height: calc(100vh - 198px);
  align-content: center;
}

.floating-menu .content .left-area{
  width:50%;
  padding-right: 2.43em;
  padding-left: 2.43em;
}
.floating-menu .content .hs-menu-wrapper>ul{display:inline;}
.floating-menu .content .hs-menu-flow-horizontal .hs-menu-depth-1>a{
  color:#111827;
  text-decoration:none;
  font-size: 2.3em;
  font-weight: 700;
  margin-bottom: 15px;
  padding: 13px 0px;
  font-family: 'PT Sans Narrow';
}
.floating-menu .hs-menu-flow-horizontal .hs-menu-depth-1>.hs-menu-children-wrapper:before{visibility:hidden;}}
.floating-menu .content .hs-menu-wrapper ul{display:block;}
.floating-menu .content .hs-menu-wrapper ul>li{}
.floating-menu .content .hs-menu-wrapper ul>li .hs-menu-children-wrapper{
  position:relative;
  opacity: 1;
  visibility: visible;
  background: transparent;
  border-left: 3px solid #EE5338;
  box-shadow:none;
  display:block;
  margin-top: 15px;
  margin-bottom: 15px;
}
.floating-menu .content .hs-menu-wrapper ul>li .hs-menu-children-wrapper li:hover{background-color:transparent !important;}
.floating-menu .content .hs-menu-wrapper ul>li .hs-menu-children-wrapper li>a{
  color:#111827;
  font-size: 1.81em;
  font-weight: 500;
  text-decoration: none;
  padding: 0 20px 20px 20px;
  transition:padding-left 500ms cubic-bezier(.165, .84, .44, 1), color 200ms ease;
  font-family: 'PT Sans Narrow';
}
.floating-menu .content .hs-menu-wrapper ul>li .hs-menu-children-wrapper li>a:hover{
  padding:0 30px 19px 45px;
  color:#111827;
}
.floating-menu .content .right-area{
  width:50%;
  padding-right: 2.43em;
  padding-left: 2.43em;
}
.floating-menu .content .right-area .title--menu{
  margin-top: 20px;
  margin-bottom: 2em;
  color: #009cdb;
  font-size: 1.39em;
  line-height: 1.35;
  font-weight: 500;
}

.floating-menu .head,
.floating-menu .content,
.floating-menu .container-fooot{
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 3.5rem;
}
.floating-menu .head .logo{
  display: inline-block;
  width: 30%;
}
.floating-menu .head .close-menu{
  display: inline-block;
  width: 45px;
  float: right;
  margin-top:34px;
}

.floating-menu .foot{
 background-color: #005e82;
 padding: 13.5px 10px;
}
.floating-menu .foot .left{width:48%;display:inline-block;text-align:left;}
.floating-menu .foot .right{width:48%;display:inline-block;text-align:right;}
.floating-menu .foot .right .button-wrap{justify-content: flex-end;}

.floating-menu .foot .left .social{
  position: relative;
    top: 8px;
}

@media (max-width: 1200px) {
  .floating-menu{height:calc(100% - 101px);}
  .floating-menu .content{padding-right:15px;padding-left:15px;}
  .floating-menu .content .left-area{padding-right:15px;padding-left:15px;}
  .floating-menu .content .right-area{padding-right:15px;padding-left:15px;}

}


/* XS */
@media (max-width: 1024px){
  .hamb-menu{display:none;}
}