.module.header { max-width: calc(var(--container-width) - 80px); padding: 24px 20px 0; margin: 0 auto; color: #fff; }
.module.header > .row1 { display: flex; gap: 18px; height: 32px; }
.module.header > .row1 .logo.mobile { display: none; flex: 0 0 auto; }
.module.header > .row1 .logo > a { display: flex; justify-content: center; height: 100%; }
.module.header > .row1 .search { flex: 1; display: flex; align-items: center; }
.module.header > .row1 .search > input { max-width: 240px; width: 100%; height: 20px; padding: 1px 8px; font-size: 12px; border: 1px solid #4d4d4d; background: #4d4d4d; }
.module.header > .row1 .search > input::placeholder { color: #000; opacity: 1; }
.module.header > .row1 .search > input:focus { border: 1px solid #8a8a8a; background: #fefefe; box-shadow: 0 0 5px #cacaca; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }
.module.header > .row1 .nav-btn.mobile { display: none; flex: 0 0 auto; cursor: pointer; }
.module.header > .row1 .nav-btn.mobile > .hs_cos_wrapper { display: flex; justify-content: center; height: 100%; fill: #fff; }
.module.header > .row2 { display: flex; margin-top: 10px; }
.module.header > .row2 .nav { flex: 1; margin-top: 35px; }
.module.header > .row2 .nav .hs-menu-wrapper > ul { display: flex; gap: 14.4px; list-style-type: none; margin: 0; padding: 0; font-size: 12px; text-transform: uppercase; }
.module.header > .row2 .nav .hs-menu-wrapper > ul > li > a{ border-bottom: 1px solid transparent; padding-bottom: 3px; }
.module.header > .row2 .nav .hs-menu-wrapper > ul > li.active > a{ border-bottom: 1px solid #fff; padding-bottom: 3px; }
.module.header > .row2 .logo { max-width: 50%; margin-bottom: -40px; position: relative; z-index: 1; }
.module.header > .row2 .logo > a { display: flex; justify-content: flex-end; }
.module.header > .row2 .logo > a > img { width: 100%; }
.module.header > .nav { visibility: hidden; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; margin: auto; transition: visibility 500ms ease; pointer-events: none; }
.module.header > .nav .cloud { position: absolute; width: 100%; height: 100%; background: rgba(254, 254, 254, .25); cursor: pointer; z-index: -1; opacity: 0; transition: opacity 500ms ease; pointer-events: none; }
.module.header > .nav .wrapper { position: absolute; width: 250px; height: 100%; background: #000; right: -250px; transition: right 500ms ease; }
.module.header > .nav .wrapper .nav-btn { height: 38px; width: 38px; padding: 10px; margin: 10px 10px 10px auto; cursor: pointer; }
.module.header > .nav .wrapper .nav-btn .hs_cos_wrapper { display: flex; justify-content: center; align-items: center; height: 100%; width: 100%; fill: #fff; }
.module.header > .nav .wrapper .menu { padding: 3px 20px 20px; }
.module.header > .nav .wrapper .menu .hs-menu-wrapper > ul { display: flex-direction: column; gap: 11px; list-style-type: none; margin: 0; padding: 0; font-size: 16px; }
.module.header > .nav .wrapper .menu .hs-menu-wrapper > ul > li > a { display: block; color: #fff; padding: 5px; line-height: 1.6; }
.module.header > .nav.show { visibility: visible; pointer-events: auto; }
.module.header > .nav.show .cloud { opacity: 1; pointer-events: auto; }
.module.header > .nav.show .wrapper { right: 0; }

/* Hover event only for hoverable devices */
@media (hover: hover) {
  .module.header > .row2 .nav .hs-menu-wrapper > ul > li.active > a:hover { border-bottom: 1px solid #8e8e8e; padding-bottom: 3px; }
}

/* Tablet S 640 */
@media (max-width: 639.98px) {
  .module.header > .row1 .logo.mobile { display: block; }
  .module.header > .row1 .nav-btn.mobile { display: block; }
  .module.header > .row2.desktop { display: none; }
}