/******************************* ANNOUNCE BAR *******************************/

  .close-btn {
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    padding: 3px 11px;
    border-radius: 5px;
    color: #fff;
  }

  .hhs-header-hat .col-12 {
    padding-left: 6% !important;
  }

  nav.hhs-hat-menu p {
    font-size: 15px !important;
  }

  .hhs-header-hat {
    background-color: rgb(22 180 139) !important;
  }

  .hs-tools-menu.hs-collapsed {
    display: none;
  }

  /******************************* MAIN DESKTOP NAV STYLE *******************************/

  .hhs-top-bar {
    background-color: rgba(, {% if module.style.header_bg_color.opacity == '100' %}1{% else %}0.{% endif %});
    padding: px 0;
  }

  .hhs-top-bar.sticky-menu.active {
    padding: px 0;
  }

  /* LOGOS */

  .hhs-top-bar.hhs-alt-nav .logo-sticky,
  .logo-standard {
    max-width: px;
    float: left;
  }

  .hhs-top-bar.hhs-alt-nav.sticky-menu.active .logo-sticky,
  .logo-sticky {
    max-width: px;
    float: left;
  }

  .hhs-header-logo {
    padding-top: px;
  }

  /* MENU STYLE */

  .hhs-nav-grid__menu {
    {% if module.style.nav_menu_align == 'left' %}
      margin-right: auto;
      margin-left: 25px;
    {% elif module.style.nav_menu_align == 'center' %}
      margin: 0 auto;
    {% else %}
      margin-left: auto;
    {% endif %}
  }

  .hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a,
  .hs-menu-wrapper.hs-menu-flow-horizontal ul.hhs-nav-links .hs-menu-item a {
    color: rgba(, );
  }

  .hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li {
    margin: 15px px;
  }

  .hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a:hover,
  .hs-menu-wrapper.hs-menu-flow-horizontal ul.hhs-nav-links .hs-menu-item a:hover,
  .hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a:hover,
  .hhs-header-search a i:hover,
  .hhs-lang-switch .globe_class:hover {
    color: rgba(, );
  }

  .hhs-header-search a i {
    color: rgba(, {% if module.style.nav_link_color.opacity == '100' %}1{% else %}0.{% endif %});
  }

  .hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1.active:after,
  .hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1:after {
    background-color: rgba(, );
  }

  /* LANGUAGE SWITCHER */

  .hhs-lang-switch .globe_class:before {
    color: rgba(, {% if module.style.nav_link_color.opacity == '100' %}1{% else %}0.{% endif %});
  }

  .lang_list_class li {
    background: rgba(, {% if module.style.drop_down.bg_color.opacity == '100' %}1{% else %}0.{% endif %}) !important;
  }

  .hhs-lang-switch .lang_list_class:after {
    border-bottom-color: rgba(, {% if module.style.drop_down.bg_color.opacity == '100' %}1{% else %}0.{% endif %}) !important;
  }

  /* STANDARD DROP DOWN MENU */

  .hhs-hat-menu .hs-menu-children-wrapper,
  .sc-site-header__menu .hs-menu-children-wrapper {
    background-color: ;
  }

  .hhs-hat-menu .hs-menu-children-wrapper:before,
  .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper:before {
    color: rgba(, {% if module.style.drop_down.bg_color.opacity == '100' %}1{% else %}0.{% endif %}) !important;
  }

  .hhs-hat-menu .hs-menu-children-wrapper li a,
  .hhs-lang-switch .lang_list_class li a,
  .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,
  .hhs-lang-switch .lang_list_class li a {
    color: ;
    font-size: px !important;
  }

  .hhs-hat-menu .hs-menu-children-wrapper li a:hover,
  .hhs-lang-switch .lang_list_class li a:hover,
  .hs-menu-wrapper.hs-menu-flow-horizontal ul.hhs-nav-links .hs-menu-item.hs-menu-depth-2 a:hover,
  .hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a:hover,
  .hhs-top-bar.hhs-alt-nav .hs-menu-wrapper.hs-menu-flow-horizontal ul.hhs-nav-links ul .hs-menu-item.sub-active a {
    background-color: ;
  }

  .hhs-hat-menu .hs-menu-children-wrapper li a:hover,
  .hhs-lang-switch .lang_list_class li a:hover,
  .custom-menu-primary .hs-menu-wrapper > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a:hover,
  .hs-menu-wrapper.hs-menu-flow-horizontal ul.hhs-nav-links .hs-menu-item.hs-menu-depth-2 a:hover,
  .hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a:hover,
  .hhs-top-bar.hhs-alt-nav .hs-menu-wrapper.hs-menu-flow-horizontal ul.hhs-nav-links ul .hs-menu-item.sub-active a {
    color:  !important;
  }

  .custom-menu-primary .hs-menu-wrapper > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.active a:hover {
    color:  !important;
  }

  /* STICKY & ALT HEADER */

  .hhs-top-bar.hhs-alt-nav.sticky-menu,
  .hhs-top-bar.sticky-menu,
  .hhs-top-bar.hhs-alt-nav {
    background-color: rgba(, {% if module.style.sticky_header_bg_color.opacity == '100' %}1{% else %}0.{% endif %});
  }

  .sticky-menu.active {
    background-color: rgba(, {% if module.style.sticky_header_bg_color.opacity == '100' %}1{% else %}0.{% endif %});
  }

  .hhs-top-bar.sticky-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a,
  .hhs-top-bar.hhs-alt-nav .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a,
  .hhs-top-bar.hhs-alt-nav .hs-menu-wrapper.hs-menu-flow-horizontal ul.hhs-nav-links .hs-menu-item a,
  .hhs-top-bar.hhs-alt-nav .hhs-header-search a i,
  .hhs-top-bar.hhs-alt-nav .fas,
  .hhs-top-bar.hhs-alt-nav .hhs-lang-switch .globe_class:before,
  .sticky-menu .hs-menu-wrapper.hs-menu-flow-horizontal ul.hhs-nav-links li a,
  .sticky-menu .hhs-nav-grid__extras i,
  .sticky-menu .hhs-lang-switch .globe_class:before {
    color: rgba(, );
  }

  .hhs-top-bar.hhs-alt-nav .hs-menu-wrapper.hs-menu-flow-horizontal ul.hhs-nav-links ul .hs-menu-item a {
    color: ;
  }

  .hhs-top-bar.sticky-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a:hover,
  .hhs-top-bar.hhs-alt-nav .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a:hover,
  .hhs-top-bar.hhs-alt-nav .hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal .hs-menu-depth-1:first-child:hover,
  .hhs-top-bar.hhs-alt-nav .hhs-header-search a i:hover,
  .hhs-top-bar.hhs-alt-nav .fas:hover,
  .hhs-top-bar.hhs-alt-nav .hhs-lang-switch .globe_class:before,
  .sticky-menu .hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal .hs-menu-depth-1:first-child:hover,
  .sticky-menu .hs-menu-wrapper.hs-menu-flow-horizontal ul.hhs-nav-links li a:hover,
  .sticky-menu .hhs-header-search a i:hover {
    color: rgba(, );
  }

  .hhs-top-bar.hhs-alt-nav .hhs-header-search a i,
  .hhs-top-bar.hhs-alt-nav .globe_class {
    color: rgba(, {% if module.style.sticky_nav_link_color.opacity == '100' %}1{% else %}0.{% endif %}) !important;
  }

  .hhs-top-bar.hhs-alt-nav .hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a:hover,
  .hhs-top-bar.hhs-alt-nav .hhs-header-search a i:hover,
  .hhs-top-bar.hhs-alt-nav .globe_class:hover {
    color: rgba(, {% if module.style.sticky_nav_link_color_hover.opacity == '100' %}1{% else %}0.{% endif %}) !important;
  }

  .hhs-top-bar.hhs-alt-nav .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1.active:after,
  .hhs-top-bar.hhs-alt-nav .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1:after,
  .sticky-menu.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1.active:after,
  .sticky-menu.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1:after {
    background-color: rgba(, );
  }

  /* CTA */

  .hhs-header-cta {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
  }

  .hhs-header-cta .cta-secondary,
  .hhs-header-cta .cta-tertiary,
  .hhs-header-cta .cta-primary {
    padding: px px !important;
    font-size: px !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    line-height: 30px !important;
  }

  /* CTA 1 — outline style */
  .hhs-head-cta-1 .cta-button,
  .hhs-head-cta-1 a.cta_button {
    background-color: white !important;
    border: 2px solid #006fe8 !important;
    color: #006fe8 !important;
  }

  .hhs-head-cta-1 .cta-button:hover,
  .hhs-head-cta-1 a.cta_button:hover {
    background-color: #f0f6ff !important;
  }

  /* CTA 2 — filled style */
  .hhs-head-cta-2 .cta-button,
  .hhs-head-cta-2 a.cta_button {
    background-color: #006fe8 !important;
    border: 2px solid #006fe8 !important;
    color: #fff !important;
  }

  .hhs-head-cta-2 .cta-button:hover,
  .hhs-head-cta-2 a.cta_button:hover {
    background-color: #0058c0 !important;
    border-color: #0058c0 !important;
  }

  /******************************* END *******************************/

  /******************************* SIDE MENU *******************************/

  .hhs-side-menu {
    width: px;
    background-color: rgba(, );
  }

  .body-wrapper::after {
    background-color: rgba(, );
  }

  /* ICON */

  .hamburger-icon .line {
    background: rgba(, );
  }

  .hhs-top-bar.hhs-alt-nav .hamburger-icon .line,
  .sticky-menu .hamburger-icon .line {
    background: rgba(, );
  }

  .hamburger-icon.active .line {
    background: rgba(, );
  }

  {% if !module.start.use_search %}
    .hhs-side-menu__controls .hhs-lang-switch {
      right: 70px !important;
    }
  {% endif %}

  /* LANG GLOBE & SEARCH */

  .hhs-side-menu .hhs-lang-switch .globe_class:before,
  .hhs-side-menu .fas {
    color: rgba(, );
  }

  .hhs-top-bar .fas {
    color: ;
  }

  .hhs-side-menu__footer a i,
  .hhs-side-menu__footer a:visited i {
    color: ;
  }

  .hhs-side-menu__footer a:hover i,
  .hhs-side-menu__footer a:focus i {
    color: ;
  }

  /** MAIN MENU **/

  .hhs-side-menu .hhs-side-menu__mobile li a {
    font-size: px;
    font-weight: ;
    color: rgba(, );
  }

  .hhs-side-menu .hhs-side-menu__mobile li a:hover {
    color: rgba(, );
  }

  .hhs-sidebar-nav-toggle i {
    color: rgba(, );
  }

  /** EXTRAS MENU **/

  .hhs-side-menu__extras .hs-menu-item a,
  .hhs-side-menu__extras .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper a {
    font-size: px;
    font-weight: ;
    color: rgba(, {% if module.style.hamburger.extras_link_color.opacity == '100' %}1{% else %}0.{% endif %});
  }

  .hhs-side-menu__extras .hs-menu-item a:hover,
  .hhs-side-menu__extras .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper a:hover {
    color: rgba(, {% if module.style.hamburger.extras_link_color_hover.opacity == '100' %}1{% else %}0.{% endif %});
  }

  /* FOR LAST BLOCK IN SIDE MENU */

  {% if module.menu.side_menu.use_form %}
    .hhs-side-menu__form { flex: 1; }
  {% elif module.menu.side_menu.use_rich_text %}
    .hhs-side-menu__text { flex: 1; }
  {% else %}
    .hhs-side-menu__extras { flex: 1; }
  {% endif %}

  @media (max-width: 575px) {
    .hhs-side-menu {
      width: 100%;
    }
  }

  /******************************* END *******************************/

  /******************************* MEGA MENU *******************************/

  {% if module.start.mega_menu %}
    @media screen and (min-width: px) {
      [class^=mega-drop].loaded {
        position: relative;
        display: inline-block;
        padding: 0 !important;
      }
      [class^=mega-drop].loaded:hover::after {
        display: block;
        position: absolute;
        top: 0;
        width: 100%;
        height: 100px;
        left: -36px;
      }
      [class^=mega-drop].loaded:hover::before {
        display: block;
        position: absolute;
        top: 0;
        width: 100%;
        height: 100px;
        right: -36px;
      }
      .mega-menu::before {
        height: px;
        top: -px;
        background-color: rgba(, );
      }
    }

    .mega-menu {
      background-color: rgba(, {% if module.style.mega_menu.bg_color.opacity == '100' %}1{% else %}0.{% endif %});
      top: px;
    }

    .sticky-menu.active .mega-menu {
      top: px;
    }

    .mega-menu span.hs_cos_wrapper_type_text {
      text-transform: none !important;
      font-weight: normal !important;
      white-space: normal !important;
    }

    .hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a,
    .hhs-alt-nav .hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a,
    .hhs-top-bar .mega-menu .mega-nav-con ul li ul.hs-menu-children-wrapper li a,
    .hhs-alt-nav .hhs-top-bar .mega-menu .mega-nav-con ul li ul.hs-menu-children-wrapper li a {
      color:  !important;
      font-size: px !important;
      font-weight: ;
    }

    .hhs-top-bar .mega-menu .mega-nav-con ul li ul.hs-menu-children-wrapper li a {
      font-size: 0.95em !important;
    }

    .hhs-top-bar .mega-menu .mega-nav-con .hs-menu-wrapper.hs-menu-flow-horizontal ul .hs-menu-item.hs-menu-depth-2 a:hover,
    .hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a:hover,
    .hhs-alt-nav .hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a:hover,
    .hhs-top-bar .mega-menu .mega-nav-con ul li ul.hs-menu-children-wrapper li a:hover,
    .hhs-alt-nav .hhs-top-bar .mega-menu .mega-nav-con ul li ul.hs-menu-children-wrapper li a:hover {
      color:  !important;
      background-color: transparent !important;
    }
  {% endif %}

  /******************************* END *******************************/

  /******************************* RESPONSIVE SIDE MENU *******************************/

  {% if !module.start.use_side_menu_desktop %}
    .hhs-menu-toggle {
      display: none;
    }
    @media (max-width: px) {
      .hhs-menu-toggle {
        display: block;
      }
    }
    @media (max-width: px) {
      .hhs-menu-toggle {
        display: block;
      }
    }
  {% endif %}

  /* CTAS */

  .hhs-side-menu__ctas .hhs-side-cta-1,
  .hhs-side-menu__ctas .hhs-side-cta-2 {
    display: none;
  }



  @media (max-width: px) {
    .hhs-extras-ctas,
    .hhs-extras-ctas .hhs-head-cta-1 {
      display: none;
    }
    .hhs-side-menu__ctas .hhs-side-cta-1 {
      display: inline-block;
    }
  }

  @media (max-width: px) {
    .hhs-extras-ctas .hhs-head-cta-2 {
      display: none;
    }
    .hhs-side-menu__ctas .hhs-side-cta-2 {
      display: inline-block;
    }
  }

  /* MAIN NAV */

  @media (min-width: px) {
    .hhs-side-menu__mobile {
      display: none;
    }
  }

  @media (max-width: px) {
    .main-nav .sc-site-header__menu {
      display: none;
    }
  }

  /* FORM */

  {% if module.style.hamburger.form_custom_color %}
    .hhs-side-menu__form .hs-form label,
    .hhs-side-menu__form .hs-form .legal-consent-container,
    .hhs-side-menu__form .hs-form .legal-consent-container p {
      color: ;
    }
  {% endif %}

  /******************************* END *******************************/

  /******************************* HEADER HAT *******************************/

  {% if module.start.use_header_hat %}
    .hhs-hat-menu a.cta_button {
      padding: 7px 16px;
      background-color: #fff;
      line-height: 14px;
      margin-left: 13px;
    }

    nav.hhs-hat-menu {
      display: flex;
      align-items: center;
      justify-content: center;
    }

    nav.hhs-hat-menu p {
      color: #ffff;
    }

    .hhs-header-hat {
      background-color: rgba(, );
      padding: px 0;
    }

    .hhs-hat-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1 a {
      color: rgba(, );
      font-size: px;
      font-weight: ;
    }

    .hhs-hat-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1 a:hover {
      color: rgba(, );
    }

    {% if module.style.header_hat.nav_alignement == 'center' %}
      .hhs-hat-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul {
        float: none;
        margin-right: auto;
        margin-left: auto;
        display: table;
      }
    {% elif module.style.header_hat.nav_alignement == 'left' %}
      .hhs-hat-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul {
        float: left;
      }
    {% endif %}

    {% if module.style.header_hat.hide_hat_on_mobile %}
      @media (max-width: 575px) {
        .hhs-header-hat {
          display: none;
        }
      }
    {% endif %}
  {% endif %}

  /******************************* END *******************************/

  /** TABLET CSS **/

  @media (max-width: 768px) {
    .custom-menu-primary .hs-menu-wrapper > ul {
      margin-top: px !important;
    }
    .custom-menu-primary .hs-menu-wrapper > ul,
    .custom-menu-primary .hs-menu-wrapper > ul li.active a:hover {
      background-color: rgba(, {% if module.style.drop_down.bg_color.opacity == '100' %}1{% else %}0.{% endif %}) !important;
    }
    .hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a:hover,
    .custom-menu-primary .hs-menu-wrapper > ul li.active a:hover {
      color: ;
    }
    .custom-menu-primary .hs-menu-wrapper > ul li {
      {% if module.style.drop_down.sub_nav_line_color == 'dark' %}
        border-top: 1px solid rgba(0, 0, 0, .1) !important;
      {% else %}
        border-top: 1px solid rgba(255, 255, 255, .2) !important;
      {% endif %}
    }
    .custom-menu-primary .hs-menu-wrapper > ul ul li {
      {% if module.style.drop_down.sub_nav_line_color == 'dark' %}
        background-color: rgba(0, 0, 0, .05);
      {% else %}
        background-color: rgba(255, 255, 255, .15);
      {% endif %}
    }
    {% if module.start.use_sticky_header && module.start.sticky_header_on_mobile %}
      .sticky-menu.active {
        position: fixed !important;
      }
    {% else %}
      .sticky-menu.active {
        position: static !important;
      }
      .sticky-menu.active {
        display: none !important;
        height: 0px !important;
      }
    {% endif %}
    .hhs-hat-menu a.cta_button span {
      display: inline-block;
      width: 100%;
      font-size: 11px !important;
    }
    .hhs-hat-menu a.cta_button { padding: 7px 9px; }
  }

  /** MOBILE CSS **/

  @media (max-width: 575px) {
    .logo-standard, .logo-sticky {
      max-width: px !important;
    }
    {% if !module.menu.side_menu_use_extras_menu %}
      .hhs-nav-opt-items .hhs-header-search {
        right: 3px;
      }
      .hhs-nav-opt-items .hhs-lang-switch {
        right: 33px;
      }
    {% else %}
      .hhs-nav-opt-items .hhs-header-search {
        right: 40px;
      }
      .hhs-nav-opt-items .hhs-lang-switch {
        right: 70px;
      }
    {% endif %}
  }