.hs-search-field {
  position: relative;
}
.hs-search-field__input {
  box-sizing: border-box;
  width: 100%;
}
.hs-search-field__bar button svg {
  height: 10px;
}
.hs-search-field__suggestions {
  margin: 0;
  padding: 0;
  list-style: none;
}
.hs-search-field--open .hs-search-field__suggestions {
  border: 1px solid #000;
}
.hs-search-field__suggestions li {
  display: block;
  margin: 0;
  padding: 0;
}
.hs-search-field__suggestions #results-for {
  font-weight: bold;
}
.hs-search-field__suggestions a,
.hs-search-field__suggestions #results-for {
  display: block;
}
.hs-search-field__suggestions a:hover,
.hs-search-field__suggestions a:focus {
  background-color: rgba(0, 0, 0, 0.1);
  outline: none;
}






/* CUSTOM STYLE 
* ////////////////////////*/
.header-container-wrapper {
  position:relative;
  top: 0;
  z-index: 9;
  width: 100%;
  background-color: #fff;
  box-shadow: 0px 2px 0px rgb(0 0 0 / 6%);
}

section.main-nav {
  background-color: #fff;
  overflow:visible;
}



/* column 1 */
.main-nav .nav-bar .col-1 {
  max-width: 300px;
  width: 100%;
}

.main-nav  ul{
  list-style:none;
  padding:0;
  margin:0;
}

.main-nav .root-menu {
  margin: 0;
  padding: 0;
  list-style: none;
}

.main-nav a {
  color: #0476B4;
  text-decoration:none !important;
  font-weight: 400;
}

/* SEARCH POPUP  
* /////////////////*/
.nav-popup-form:not(.active){
  display:none;
}

.nav-popup-form {
  position: absolute;
  top: 0;
  z-index: 1;
  max-width: 300px;
  width: 100%;
  border-radius: 0.5em;
}

.nav-popup-form input[type="text"] {
  padding: 1em !important;
  font-size: 1em !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0;
}

.nav-popup-form button {
  padding: 0;
  border-radius: 0;
  position: absolute;
  right: 1.5em;
  top: 50%;
  transform: translateY(-50%);
  background-color: transparent;
  border: 0;
  width: 1em;
  color: #024b73;
  font-size: 1em;
}

.nav-popup-form button svg {
  width: 1.5em;
  height: auto;
  fill: #024b73;
  position: relative;
  top: 2px;
}
/* search ends */

.main-nav .depth-2 a{
  display: block;
  padding: 0.5em 1em;
  /* border-bottom: 1px solid rgba(0,0,0,.05); */
  color: #0476B4;
}

.main-nav .mobile-toggles {
  font-size: 1.5em;
  position: absolute;
  right: 1em;
  top: 0.4em;
  color: #0476b4;
}

.main-nav .hs-button{
  font-weight:inherit !important;
}

/*   top menu */
.main-nav .col-2 a {
  margin-left: 3em !important;
}

@media(min-width:1000px){
  .main-nav .mobile-more,
  .main-nav .mobile-toggles {
    display: none;
  }

  .main-nav .nav-bar {
    padding: 1em 0;
  }

  .main-nav .nav-bar .col-2 {
    margin-left: auto;
  }
  
  .main-nav .nav-bar .col-2 .hs-web-interactive-inline {
    display: inline-block;
  }

  .nav-menu {
    margin-top: 2em;
  }

  .root-menu .depth-1 {
    display: inline-block;
    vertical-align: top;
    position:relative;
  }

  .nav-menu .depth-1-child{
    box-shadow: 0 6px 12px rgba(0,0,0,0.175);
  }

  .root-menu .depth-1:nth-last-child(3) > ul{
    left: auto;
    right: 0;
  }



  .main-nav .root-menu{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  /*   .main-nav .root-menu .depth-1:not(.spread-menu) .depth-2:not(:hover) > ul, */
  .main-nav .root-menu .depth-1:not(:hover) > ul {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .4s;
    z-index: 10;
    left: 0;
  }

  .main-nav .root-menu .depth-1:not(.spread-menu) .depth-2 > ul,
  .main-nav .root-menu .depth-1 > ul {
    position: absolute;
    background-color:#fff;
    display:block;
    min-width: 250px;
    border-radius: 0;
    box-shadow: ;
    top: calc(100% + 1.15em);
    padding: 1em;
  }



  .main-nav .root-menu .depth-1 > ul:before {
    content: "";
    width: 100%;
    left: 0;
    position: absolute;
    height: 2em;
    background-color: transparent;
    top:-1.5em;
  }


  .main-nav .root-menu .depth-1 > a {
    display: block;
    padding:  0.5em;
    width: 100%;
  }

  .main-nav .root-menu .depth-1 > a,
  .main-nav .depth-2 a{
    border-radius:0.3em
  }

  .depth-1.nav-search-trigger a,
  .main-nav .root-menu .depth-1 > a:hover{
    color: #024b73;
  }

  .root-menu .depth-1.has-children > a:after {
    content: "\f0d7";
    position: relative;
    font-family: fontAwesome;
    margin-left: 4px;
    color: inherit;
  }


  .main-nav .root-menu .depth-1 li:hover > a,
  .main-nav .root-menu .depth-1.has-children:hover > a{
    color:#024b73;
    /*     background-color: #f6f6f6; */
    background-color:#eeeeee;
  }

  .main-nav .root-menu .depth-1.has-children:hover > a:after {
    content: "\f0d8";
    top: -2px;
    color:inherit;
  }


  /*   DEPTH 2 */
  /*   .main-nav .root-menu .depth-1 li:hover > a{
  background-color: #F6F6F6;
} */

  /*   DEPTH 3 */
  .depth-1:not(.spread-menu) .depth-2.has-children > ul {
    right: calc(-100%);
    left: auto;
    position: absolute;
    min-width: 300px;
    top: 0 !important;
    border-top: 0 !important;
  }

  .depth-1:not(.spread-menu) .depth-2.has-children {
    position: relative;
  }

  .root-menu .depth-1.final .depth-1-child {
    left: auto !important;
  }


  /*   SPREAD MENU */
  li.depth-1.has-children.spread-menu {
    position: static;
  }

  li.depth-1.has-children.spread-menu > ul {
    left: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    z-index: 2;
    top: 6em;
  }

  .root-menu .depth-1:not(.spread-menu) .depth-2.has-children > a:after {
    content: "\f0da";
    position: relative;
    font-family: fontAwesome;
    margin-left: 4px;
    color: #024b73;
    /*     position: absolute; */
    /*     right: 1em; */
  }


  .depth-1.has-children.spread-menu .depth-3:hover a{
    color: #024b73;
  }


  .depth-1.has-children.spread-menu > ul > li {
    -webkit-box-flex: 1;-ms-flex: 1 0;flex: 1 0;
    margin: 0 1em;
  }

  .depth-1.has-children.spread-menu .depth-2 > a {
    font-size: 21px !important;
    font-family: 'Lato', sans-serif;
    color: #333;
    border-bottom: 0;
    padding: 1em 0.6em;
    text-decoration:none;
    font-weight:400;
    background-color:transparent;
  }

  .depth-1.has-children.spread-menu .depth-3 a{
    font-weight:400;
    font-family:Lato, sans-serif;
  }



  body.is-scroll .main-nav .root-menu .depth-1>a{
    color:#024b73;
  }

  .main-nav .col-2 a.cta_button{
    padding:0.5em 2.8em;
    border-color:#0476B4;
  }


}

@media all and (-ms-high-contrast:none){
  .main-nav .nav-popup-form button{
    width:2em;
    right:0.5em;
  }

  .main-nav .nav-popup-form svg{
    height:1.5em;
    width:1.5em;
  }
}

@media(max-width:999px){
  .main-nav .nav-bar .col-1 {
    max-width: 200px;
  }

  .main-nav .nav-bar .cols.col-2 {
    margin-left: auto;
    margin-right: 2.5em;
  }
  
  .main-nav .nav-bar .col-2 .hs-web-interactive-inline {
    display: inline-block;
  }

  .main-nav .root-menu .has-children.spread-menu .depth-1-child .mobile-more,
  .root-menu .nav-search-trigger,
  .main-nav .root-menu li:not(.is-selected) > ul,
  body:not(.is-mobile-menu) .root-menu {
    display: none !important;
  }


  .main-nav .root-menu .has-children.spread-menu.is-selected  .depth-2 ul {
    display: block !important;
  }

  .main-nav .depth-1.spread-menu li.depth-2.has-children > a {
    font-size: 1.4em;
    padding-left: 0.6em;
    color: #333;
    border-bottom: 0;
    padding-top: 0.5em;
    padding-bottom: 0;
    max-width: none;
    border-top: 1px solid rgba(0,0,0,.05);
  }

  .main-nav .depth-1.is-selected > a {
    color:#024b73;
  }

  .main-nav .is-selected .mobile-more svg path:nth-child(2){
    fill:#024b73 !important;
  }

  .main-nav .root-menu li.is-selected > .mobile-more svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center;
  }

  body.is-mobile-menu {
    overflow: hidden;
  }

  body.is-mobile-menu .header-container-wrapper {
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
  }


  .main-nav .nav-bar {
    padding: 0.5em 0;
  }

  .main-nav .nav-search-trigger i {
    font-size: 1.3em;
  }


  .main-nav .root-menu {
    position: fixed;
    width: 100%;
    left: 0;
    top: 4.25em;
    overflow-y: scroll;
    height: calc(100% - 4.25em);
    background-color:#fff;
  }

/*   body.is-scroll .main-nav .root-menu {
    top: 6.5em;
    height: calc(100% - 6.5em);
  } */

  .main-nav .root-menu a{
    display:block;
    width:100%;
  }


  .main-nav .root-menu .depth-1 {
    background-color: #fff;
    border-top: 1px solid #e6e6e6;
  }

  .main-nav .root-menu .depth-1-child{
    display: block !important;
  }

  .main-nav .root-menu .depth-1 > a {
    padding: 1em;
    display: block;
  }

  .main-nav .root-menu .has-children > a {
    max-width: 90%;
    width:100%;
  }

  .main-nav .root-menu .has-children{
    position:relative;
  }


  .main-nav .root-menu .mobile-more {
    position: absolute;
    display: inline-block !important;
    width: 10% !important;
    height: 4em;
    top: 0;
    right: 0;
    text-align: center;
  }

  .main-nav .root-menu .mobile-more svg {
    position: relative;
    top: 1.1em;
  }

  .main-nav .root-menu .mobile-more svg path:nth-child(2) {
    fill: #0476B4;
  }

  .depth-1.has-children.spread-menu .depth-3 a{
    font-weight:400;
    font-family:Lato, sans-serif;
  }

  .main-nav .col-2 a {
    margin-left: 1em !important;
  }

  .is-mobile-menu .main-nav .nav-bar:before {
    /*     content: ""; */
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: transparent;
    top: 0;
    z-index: 2;
  }
}

@media(min-width:601px){
  .nav-bar .desktop-hidden,
  .root-menu .depth-1.mobile-buttons{
    display:none !important;
  }

  .main-nav .nav-search-trigger{
    position:relative;
  }

  .main-nav .nav-popup-form {
    top: -1em;
    min-width: 300px;
    right: 0;
  }

}

@media(max-width:600px){
  .main-nav .root-menu{
    top: 3.7em;
    height: calc(100% - 3.7em);
  }

  .main-nav .nav-bar {
    padding: 1em 0;
  }

  .main-nav .nav-bar .cols.col-2 > span.hs_cos_wrapper_type_cta,
  .main-nav .nav-bar .cols.col-2 > a{
    display:none !important;
  }

  .main-nav .mobile-toggles {
    top: -0.1em;
  }

  .nav-popup-form{
    max-width: 96%;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
  }
}

@media(max-width:480px){
  .main-nav .root-menu{
    top: 3.5em;
    height: calc(100% - 3.5em);
  }

  .main-nav .nav-bar .col-1 {
    max-width: 150px;
  }
}