/* ==========================================================================
Custom Menu Primary
========================================================================== */
{ % set ulColor       =""% }
/* Set ul background color */
{ % set liColor       =""% }
/* Set li background Color */
{ % set aColor        =""% }
/* Set link Color */
{ % set aColorHover   =""% }
/* Set link Hover Color */
/* Parent List */
.custom-menu-primary .hs-menu-wrapper > ul { background: {  { ulColor }
  }
  ; }
.custom-menu-primary .hs-menu-wrapper > ul > li { background: {  { liColor }
  }
  ; }
.custom-menu-primary .hs-menu-wrapper > ul > li > a { color: {  { aColor }
  }
  ; }
.custom-menu-primary .hs-menu-wrapper > ul > li > a:hover { color: {  { aColorHover }
  }
  ; }
/* Child List */
.custom-menu-primary .hs-menu-wrapper > ul ul { }
.custom-menu-primary .hs-menu-wrapper > ul ul li { background: {  { liColor }
  }
  ; }
.custom-menu-primary .hs-menu-wrapper > ul ul li a { color: {  { aColor }
  }
  ; }
.custom-menu-primary .hs-menu-wrapper > ul ul li a:hover { color: {  { aColorHover }
  }
  ; }
/* Override max width on menu links */
.custom-menu-primary .hs-menu-wrapper > ul li a, .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { overflow: visible !important; max-width: none !important; width: auto !important; }
/* Fix menu disappearing on desktop after toggling mobile menu */
@media screen and (min-width:992px) {
  .custom-menu-primary .hs-menu-wrapper { display: block !important; }
}
/* ==========================================================================
Mobile Menu - Hubspot Standard Toggle Menu
========================================================================== */
/**
* Special Note
*
* When the menu is open, a class of .mobile-open is applied to the body. You can 
* use this for custom styling on any element when the menu is in the open position.                     
*/
.mobile-trigger, .child-trigger { display: none; /* Hide button on Desktop */ }
@media (max-width:991px) {
  /* Variables
  ========================================================================== */
  { % set menuColorMobile ="#000000"% }
  /* Set Mobile Menu Background Color */
  { % set aColorMobile ="#ffffff"% }
  /* Set Link Color */
  { % set aColorHoverMobile ="#ffffff"% }
  /* Set Link Hover Color */
  /* 
  * Menu Reset
  *
  * Remove styling from desktop version of custom-menu-primary. Place any 
  * additional CSS you want removed from the mobile menu in this reset 
  */
  .custom-menu-primary, .custom-menu-primary .hs-menu-wrapper > ul, .custom-menu-primary .hs-menu-wrapper > ul li, .custom-menu-primary .hs-menu-wrapper > ul li a { display: block; float: none; position: static; top: auto; right: auto; left: auto; bottom: auto; padding: 0px; margin: 0px; background-image: none; background-color: transparent; border: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; max-width: none; width: 100%; height: auto; line-height: 1; font-weight: normal; text-decoration: none; text-indent: 0px; text-align: left;
    color: {  { aColorMobile }
    }
    ; }
  /* Toggle Button
  ========================================================================== */
  .mobile-trigger { display: inline-block !important; /* Show button on mobile */ cursor: pointer; /* Mouse pointer type on hover */ position: absolute; /*******************************************/ top: -60px;          /* Position Button at right of screen  */ right: 10px;        /*******************************************/ width: auto; /* Button width */ height: auto; /* Button height */ padding: 7px 10px 8px 10px; background: transparent; /* Background color */ border: 1px solid #002c6b; font-size: 16px; font-weight: normal; text-align: left; text-transform: uppercase; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
    color: {  { menuColorMobile }
    }
    ; }
  .mobile-trigger:hover { text-decoration: none;

    /* Removes link text underline on button */
    color: {  { aColorHoverMobile }
    }
    ;
    background-color: {  { menuColorMobile }
    }
    ; border-color: #002c6b; }

  /* Change button when menu is open */
  .mobile-open .mobile-trigger { color: {  { aColorHoverMobile }
    }
    ;
    background-color: {  { menuColorMobile }
    }
    ; border-color: #002c6b; }

  /* Toggle Button Icon
  ========================================================================== */
  .mobile-trigger i { display: inline; position: relative; top: -4px; }
  .mobile-trigger i:before, .mobile-trigger i:after { position: absolute; content: ''; }
  .mobile-trigger i, .mobile-trigger i:before, .mobile-trigger i:after { width: 22px; /* Icon line width */ height: 2px; /* Icon line height */ -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; color: #002c6b; background-color: #002c6b; display: inline-block; }
  .mobile-trigger i:before { top: -6px; /* Position top line */ }
  .mobile-trigger i:after { top: 6px; /* Position bottom line */ }
  .mobile-trigger:hover i, .mobile-trigger:hover i:before, .mobile-trigger:hover i:after, .mobile-open .mobile-trigger i, .mobile-open .mobile-trigger i:before, .mobile-open .mobile-trigger i:after { background-color: #002c6b; /* Icon color */ }
  /* Child Toggle Button
  ========================================================================== */
  .child-trigger { display: block !important; /* Hide button on Desktop */ cursor: pointer; /* Mouse pointer type on hover */ position: absolute; top: 0px; right: 0px; width: 55px !important; /* Button width */ min-width: 55px !important; height: 45px !important; /* Button height */ padding: 0 !important; border-left: 1px dotted rgba(255, 255, 255, .20); }
  .child-trigger:hover { text-decoration: none; }
  .child-trigger i { position: relative; top: 50%; /* Centers icon inside button */ margin: 0 auto !important; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }
  .child-trigger i:after { position: absolute; content: ''; }
  .child-trigger i, .child-trigger i:after { width: 10px; /* Icon line width */ height: 1px;
    /* Icon line height */
    background-color: {  { aColorMobile }
    }
    ; /* Icon color */ display: block; }
  .child-trigger i:after { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); }
  .child-trigger.child-open i:after { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); }
  .child-trigger.child-open i { }
  /* Menu Styles on Mobile Devices
  ========================================================================== */
  .custom-menu-primary.js-enabled { position: relative; padding-top: 44px; /* Makes room for button */ margin: 10px 0 10px 0; }
  /* Hide menu on mobile */
  .custom-menu-primary.js-enabled .hs-menu-wrapper, .custom-menu-primary.js-enabled .hs-menu-children-wrapper { display: none; }
  /* Make child lists appear below parent items */
  .custom-menu-primary ul.hs-menu-children-wrapper { visibility: visible !important; opacity: 1 !important; position: static !important; display: none; }

  /* Mobile Menu Styles */
  .custom-menu-primary.js-enabled .hs-menu-wrapper { width: 100%; position: relative; /**************************************************************/ top: 0;             /* Positions the menu to drop from the very top of the screen */ left: 0;          /**************************************************************/ padding: 0; }
  .custom-menu-primary .hs-menu-wrapper { background-color: {  { menuColorMobile }
    }
    ; /* Menu background color set off global menuColorMobile variable */ width: 100%; /* Full screen width */ }

  /* Level 1 Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul > li { position: relative; }
  .custom-menu-primary .hs-menu-wrapper > ul > li a { font-size: 22px; /* Font size of top level list items */ line-height: 45px; overflow: visible; }

  /* Level 1 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul li { border-top: 1px dotted rgba(255, 255, 255, .35); /* Adds transparent dark highlights to top of top level list items */ }
  .custom-menu-primary .hs-menu-wrapper >  ul li a { padding: 0 10px;
    color: {  { aColorMobile }
    }
    ; /* link color set by global mobile-aColor variable */ }
  .custom-menu-primary .hs-menu-wrapper > ul li a:hover { color: {  { aColorHoverMobile }
    }
    ; /* link hover color set by global mobile-aColorHover variable */ }

  /* Level 2 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul ul li { background-color: rgba(255, 255, 255, .08); }
  .custom-menu-primary .hs-menu-wrapper > ul ul li a { text-indent: 10px; /* Indent Child lists */ font-size: 16px; /* Font size of child lists */ }

  /* Level 3 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul ul ul li a { text-indent: 30px; /* Indent Child lists */ }
  .custom-menu-primary .hs-menu-wrapper > ul ul ul ul li a { text-indent: 50px; /* Indent Child lists */ }
}
header.header { width: 100%; display: inline-block; }
header.header .home-header-wrap { width: 100%; display: inline-block; }
/* .home-header-wrap .header-inner { width: 100%; display: inline-block; } */
.home-header-wrap .top-header { width: 100%; display: inline-block; background: #111C55; text-align: center; margin-bottom: -1px; }
.home-header-wrap .top-header .top-text { width: 100%; display: inline-block; padding: 10px 0; }
.home-header-wrap .top-header .top-text p { width: 100%; display: inline-block; font-family: 'Inter'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 26px; }
.home-header-wrap .main-header { width: 100%; display: inline-block; padding: 12px 0; transition: 0.5s ease-in; position: absolute; top: 0px; left: 0; right: 0; z-index: 99; }
.home-header-wrap .main-header-inner { width: 100%; display: flex; align-items: center; justify-content: space-between; }
.home-header-wrap .header-logo { width: auto; display: inline-block; margin: 0; line-height: 0; }
.home-header-wrap .header-logo a { width: auto; display: inline-block; line-height: 0; }
.home-header-wrap .header-logo a img { width: 310px; display: inline-block; height:64px; object-fit: contain; object-position: center; }
.home-header-wrap .header-manu { width: auto; display: inline-block; margin: 0; }
.home-header-wrap .header-manu ul { width: 100%; display: flex; align-items: center; justify-content: flex-end; padding-left: 15px; }
.home-header-wrap .header-manu ul li { width: auto; display: inline-block; margin: 0; }
.home-header-wrap .header-manu ul li a { width: auto; display: inline-block; font-weight: 700; color: #ffffff; font-size: 1.125rem; line-height: 1.25rem; padding: 6px 24px; }
.home-header-wrap .header-manu ul li ul li a { font-weight: 400; }

/*.home-header-wrap .header-manu ul li.hs-menu-depth-2:first-of-type a { font-weight: 700; }*/
.home-header-wrap .header-manu .hs-menu-wrapper > ul > li > a { border-right: 1px solid #ffffff; }
.home-header-wrap .header-manu .hs-menu-wrapper > ul > li:last-child a { border: none; padding-right: 0; }
.home-header-wrap .header-manu .hs-menu-wrapper > ul li a i { color: #ffffff; }
.home-header-wrap .header-manu ul li ul.hs-menu-children-wrapper li.hs-menu-item.hs-menu-depth-2 a { width: 100% !important; }

/* .home-header-wrap .header-manu ul li a:hover { color: #62b9cb; }*/
.hs-menu-depth-1:hover > a { text-decoration: underline; text-decoration-color: #89BC21; text-decoration-thickness: 2px; text-underline-offset: 0.3em; }
.home-header-wrap .header-manu ul li ul.hs-menu-children-wrapper { width: auto; background: #fff; border-radius: 12px; text-align: left; padding: 20px 0; top: calc(100% + 20px) !important; z-index: 99; }

.home-header-wrap .main-header.sticky .header-manu ul li ul.hs-menu-children-wrapper { top: calc(100% + 25px) !important; }
.home-header-wrap .header-manu ul li ul.hs-menu-children-wrapper li { width: 100%; display: inline-block; }
.home-header-wrap .header-manu ul li ul.hs-menu-children-wrapper li a { width: 100%; display: inline-block; color: #111C55; }
.home-header-wrap .header-manu ul li ul.hs-menu-children-wrapper li a:hover { color: #62b9cb; }
.home-header-wrap .header-manu ul li ul.hs-menu-children-wrapper:after { content: ''; width: 0; height: 0; border-left: 14px solid transparent; border-right: 14px solid transparent; border-bottom: 20px solid white; top: -20px; left: 0; right: 0; position: absolute; margin: 0 auto; }
.home-header-wrap .header-manu ul li ul.hs-menu-children-wrapper:before { content: ''; width: 100%; height: 25px; top: -25px; left: 0; right: 0; position: absolute; z-index: 9999; }
.home-header-wrap .main-header.sticky { width: 100%; position: fixed; top: 0; left: 0; right: 0; background: #fff; transition: 0.4s ease-in;  }
.home-header-wrap .main-header.sticky .custom-menu-primary .hs-menu-wrapper > ul > li { /*padding: 15px 0;*/ }
.home-header-wrap .header-logo a img { display: none; }
.home-header-wrap .header-logo a img.home-page-logo { display: inline-block; max-height: 42px; }
.home-header-wrap .header-manu .hs-menu-wrapper > ul li a:hover i { color: #62b9cb; }
.home-header-wrap .main-header.sticky img.home-page-logo { display: none; }
.home-header-wrap .main-header.sticky img { display: inline-block; max-width: 233px; height: 42px; }
.home-header-wrap .main-header.sticky .header-manu .bottom-menu .hs-menu-wrapper > ul > li > a { border-right: 1px solid #111c55; }
.home-header-wrap .main-header.sticky .header-manu ul li a { color: #111c55;  }
.home-header-wrap .main-header.sticky .header-manu .hs-menu-wrapper > ul > li > a i { color: #111c55; }
.home-header-wrap .main-header.sticky .header-manu .hs-menu-wrapper > ul > li:last-child a { border: none; }
.home-header-wrap .main-header.sticky .header-manu ul li a:hover { color: #62b9cb; }
.home-header-wrap .main-header.sticky .header-manu .hs-menu-wrapper > ul li a:hover i { color: #62b9cb; }
.home-header-wrap .top-header .top-text p a { text-decoration: underline; text-underline-offset: 5px; }
.home-header-wrap .header-manu ul li:nth-last-child(2) ul { left: unset !important; right: 0; visibility: hidden;}
.home-header-wrap .header-manu ul li:hover:nth-last-child(2) ul {visibility: visible;}
.home-header-wrap .header-manu ul li:nth-last-child(2) ul.hs-menu-children-wrapper:after { left: unset; right: 40px; }
.home-header-wrap .header-manu .bottom-menu { width: 100%; display: inline-block; }
.home-header-wrap .header-manu .top-menu { width: 100%; display: inline-block; padding-bottom: 32px; }
.home-header-wrap .header-manu .top-menu ul { width: 100%; display: flex; align-items: center; justify-content: flex-end; padding-left: 15px; }
.home-header-wrap .header-manu .top-menu ul li { width: auto; display: inline-block; margin: 0; }
.home-header-wrap .header-manu .top-menu ul li a { width: auto; display: inline-block; color: #ffffff; padding: 4px 12px; border: none; font-weight: 400; font-size: 16px; line-height: 20px; text-transform: capitalize; }

@media(max-width:1341px) { }
@media(max-width:1199px) {
  .home-header-wrap .header-manu ul li a { padding: 2px 12px; line-height: 1.5rem; }
  .home-header-wrap .header-manu .top-menu ul li a { padding: 4px 8px; }
  .home-header-wrap .header-manu .top-menu { padding-bottom: 16px; }
  .home-header-wrap .header-logo a img { max-width: 233px; height: 48px; }
  .home-header-wrap .main-header.sticky img { display: inline-block; max-width: 233px; height: 48px;}
  .home-header-wrap .top-header .top-text { padding: 10px 0; }
  .home-header-wrap .top-header .top-text p { font-size: 1rem; line-height: 1.5rem; }
  .home-header-wrap .header-manu .hs-menu-wrapper > ul > li >  ul.hs-menu-children-wrapper.open-menu-list li a { padding: 6px 20px; }
}
@media(min-width:992px){
  .home-header-wrap .header-manu ul li ul.hs-menu-children-wrapper.open-menu-list { left: 0; }
/*   .home-header-wrap .header-manu ul li ul.hs-menu-children-wrapper { display: none !important; } */
/*   .home-header-wrap .header-manu ul li:hover ul.hs-menu-children-wrapper { display: block !important; } */
}

@media(max-width:991px) {
  .home-header-wrap .main-header.sticky .custom-menu-primary .hs-menu-wrapper > ul > li { padding: 0 !important; }
  .home-header-wrap .header-manu { width: 100%; padding: 0; position: absolute; left: 0; right: 0; top: 100%; }
  .home-header-wrap .header-manu ul { padding: 0; background: #111c55; }
  .home-header-wrap .header-manu ul li { width: 100%; display: inline-block; text-align: left; border: none; margin: 0; }
  .home-header-wrap .header-manu .hs-menu-wrapper > ul > li > a { width: 100% !important; display: inline-block; color: #fff; border: none; padding: 13px 15px; }
/*   .home-header-wrap .header-manu .hs-menu-wrapper > ul > li:last-child { display: none; } */
  .home-header-wrap .header-manu ul li a[href="#search"] { display: none; }
  .home-header-wrap .header-manu ul li ul.hs-menu-children-wrapper { background: transparent; border-radius: 0; width: 100%; padding: 0; }
  .home-header-wrap .header-manu ul li ul.hs-menu-children-wrapper li.hs-menu-item.hs-menu-depth-2 a { vertical-align: top; width: 100% !important; display: inline-block; border: none; padding: 13px 10px; color: #fff; background-color: #111C55; }
  .home-header-wrap .header-manu ul li.hs-item-has-children .child-trigger i { background: #fff; opacity: 1; height: 2px; width: 14px; }
  .home-header-wrap .header-manu ul li.hs-item-has-children .child-trigger i:after { background: #fff; height: 2px; opacity: 1; width: 14px; }
  .home-header-wrap .main-header.sticky .mobile-trigger { top: -48px; }
  .home-header-wrap .mobile-trigger { top: -53px; right: 16px; border: 1px solid #ffffff; }
  body.mobile-open .home-header-wrap .mobile-trigger i { background: transparent; }
  body.mobile-open .home-header-wrap .mobile-trigger i:before { transform: rotate(45deg); top: 0; }
  body.mobile-open .home-header-wrap .mobile-trigger i:after { transform: rotate(-45deg); top: 0; }
  .home-header-wrap .header-manu ul li ul.hs-menu-children-wrapper:before { display: none; }
  .home-header-wrap .header-manu ul li ul.hs-menu-children-wrapper:after { display: none; }
  .home-header-wrap .custom-menu-primary .hs-menu-wrapper > ul ul li a { text-indent: 20px; }
  .home-header-wrap .mobile-trigger i, .home-header-wrap .mobile-trigger i:before, .home-header-wrap .mobile-trigger i:after { color: #ffffff; background-color: #ffffff; }
  .home-header-wrap .main-header.sticky .mobile-trigger { border: 1px solid #002c6b; }
  .home-header-wrap .main-header.sticky .mobile-trigger i:before, .home-header-wrap .main-header.sticky .mobile-trigger i:after { color: #002c6b; background-color: #002c6b; }
  .home-header-wrap .main-header.sticky .mobile-trigger i { background-color: #002c6b; }
  body.mobile-open .home-header-wrap .main-header.sticky .mobile-trigger i { background: transparent; }
  .home-header-wrap .main-header.sticky .header-manu ul li a { color: #ffffff; }
  .home-header-wrap .header-manu .top-menu { display: none; }
  .home-header-wrap .header-manu ul li a { padding: 2px 10px; font-size: 1rem; line-height: 1.2rem; }
  .home-header-wrap .main-header .container { width: 100%; }
}

@media(max-width:767px) {
  .home-header-wrap .header-logo a img { max-width: 180px; height: 40px; }
  .home-header-wrap .mobile-trigger { top: -48px; }
  .home-header-wrap .main-header.sticky .mobile-trigger { top: -48px; }
  .mobile-search { margin-right: 60px; }
  .home-header-wrap .main-header.sticky img { max-width: 180px; height: 40px; }
}