/* Keep background from scrolling when menu is open */
html.menu-open {
  overflow-y: hidden;
}

section.u4m-header {
  position: absolute;
  z-index: 2000;
  width: 100%;
  top: 0;
  -webkit-animation: fade-in 2s;
  animation: fade-in 2s;
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  transition: -webkit-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
  transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out, 0.25s background-color ease-in-out 0.5s;
  background-color: transparent;
}

.page-scrolled section.u4m-header {
  -webkit-transition: none;
  transition: none;
  -webkit-transform: translateY(-175px);
  transform: translateY(-175px);
  position: fixed;
}

.page-scrolled-250.scrolled-up .u4-landing-page section.u4m-header,
.page-scrolled .u4-landing-page section.u4m-header {
  -webkit-transform: none;
  transform: none;
  position: absolute;
  transition: none;
  -webkit-transition: none;
}

.page-scrolled-250 section.u4m-header {
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  transition: -webkit-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
  background-color: #fff;
}

.sticky-header--visible section.u4m-header {
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  transition: -webkit-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
}

.page-scrolled-250.scrolled-up section.u4m-header {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

@media (max-width: 1024px) {
  section.u4m-header {
    background-color: #fff;
    -webkit-transition: none;
    transition: none;
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15);
  }

  section.u4m-header .inner {
    padding: 10px 0 30px;
  }

  section.u4m-header .inner .logo.main a img.primary {
    display: none;
  }

  section.u4m-header .inner .logo.main a img.alt {
    display: block;
  }

  .u4-landing-page section.u4m-header div.inner {
    padding-top: 10px;
    box-shadow: none;
  }

  .u4-landing-page section.u4m-header {
    box-shadow: none;
  }
}

section.u4m-header:hover,
.page-scrolled-250.scrolled-up section.u4m-header,
.hs-blog-listing section.u4m-header,
.blog-home section.u4m-header,
.hs-blog-post section.u4m-header {
  background-color: #fff;
  -webkit-transition: none;
  transition: none;
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15);
}

section.u4m-header:hover .inner .logo.main a img.primary {
  filter: invert(1);
  -webkit-transition: none;
  transition: none;
}

.page-scrolled-250.scrolled-up section.u4m-header .inner .logo.main a img.primary,
.hs-blog-listing section.u4m-header .inner .logo.main a img.primary,
.blog-home section.u4m-header .inner .logo.main a img.primary,
.hs-blog-post section.u4m-header .inner .logo.main a img.primary,
.header-white section.u4m-header .inner .logo.main a img.primary {
  display: none;
}

.page-scrolled-250.scrolled-up section.u4m-header .inner .logo.main a img.alt,
.hs-blog-listing section.u4m-header .inner .logo.main a img.alt,
.blog-home section.u4m-header .inner .logo.main a img.alt,
.hs-blog-post section.u4m-header .inner .logo.main a img.alt,
.header-white section.u4m-header .inner .logo.main a img.alt {
  display: block;
}

section.u4m-header:hover .inner div.menu .top-menu-wrap,
.page-scrolled-250.scrolled-up section.u4m-header .inner div.menu .top-menu-wrap,
.hs-blog-listing section.u4m-header .inner div.menu .top-menu-wrap,
.blog-home section.u4m-header .inner div.menu .top-menu-wrap,
.hs-blog-post section.u4m-header .inner div.menu .top-menu-wrap,
.header-white section.u4m-header .inner div.menu .top-menu-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: baseline;
}

section.u4m-header:hover .inner div.menu .top-menu-wrap .top-menu-item a,
.page-scrolled-250.scrolled-up section.u4m-header .inner div.menu .top-menu-wrap .top-menu-item a,
.hs-blog-listing section.u4m-header .inner div.menu .top-menu-wrap .top-menu-item a,
.blog-home section.u4m-header .inner div.menu .top-menu-wrap .top-menu-item a,
.hs-blog-post section.u4m-header .inner div.menu .top-menu-wrap .top-menu-item a,
.header-white section.u4m-header .inner div.menu .top-menu-wrap .top-menu-item a,
.header-white .dropdown__btn span {
  color: #000000;
  /* -webkit-transition: none; */
  transition: none;
}

.header-white .u4m-header .dropdown__btn svg path,
.header-white .u4m-header .inner__search svg path {
  fill: #000000;
}
.u4m-header .inner__search svg path,
.u4m-header .dropdown__btn svg path {
  fill: #ffffff;
}

.header-white .u4m-header .inner__language-picker:before {
  background-color: #000000;
  -webkit-transition: none;
  transition: background-color 0s ease-in-out 0.5s;
}

.header-white .u4m-header:hover .inner__language-picker:before {
  background-color: #000000;
}

section.u4m-header:hover .inner div.menu .top-menu-wrap .top-menu-item.top-menu-item-link,
.page-scrolled-250.scrolled-up section.u4m-header .inner div.menu .top-menu-wrap .top-menu-item.top-menu-item-link,
.hs-blog-listing section.u4m-header .inner div.menu .top-menu-wrap .top-menu-item.top-menu-item-link,
.blog-home section.u4m-header .inner div.menu .top-menu-wrap .top-menu-item.top-menu-item-link,
.hs-blog-post section.u4m-header .inner div.menu .top-menu-wrap .top-menu-item.top-menu-item-link,
.header-white section.u4m-header .inner div.menu .top-menu-wrap .top-menu-item.top-menu-item-link {

}

section.u4m-header:hover .inner div.menu .top-menu-wrap .top-menu-item.active>a,
.page-scrolled-250.scrolled-up section.u4m-header .inner div.menu .top-menu-wrap .top-menu-item.active>a,
.hs-blog-listing section.u4m-header .inner div.menu .top-menu-wrap .top-menu-item.active>a,
.blog-home section.u4m-header .inner div.menu .top-menu-wrap .top-menu-item.active>a,
.hs-blog-post section.u4m-header .inner div.menu .top-menu-wrap .top-menu-item.active>a,
.header-white section.u4m-header .inner div.menu .top-menu-wrap .top-menu-item.active>a {
  position: relative;
}

section.u4m-header:hover .inner div.menu .top-menu-wrap .top-menu-item.active>a:after,
.page-scrolled-250.scrolled-up section.u4m-header .inner div.menu .top-menu-wrap .top-menu-item.active>a:after,
.hs-blog-listing section.u4m-header .inner div.menu .top-menu-wrap .top-menu-item.active>a:after,
.blog-home section.u4m-header .inner div.menu .top-menu-wrap .top-menu-item.active>a:after,
.hs-blog-post section.u4m-header .inner div.menu .top-menu-wrap .top-menu-item.active>a:after,
.header-white section.u4m-header .inner div.menu .top-menu-wrap .top-menu-item.active>a:after {
  background: #C91459;
  bottom: -3px;
  content: "";
  height: 3px;
  left: 0;
  position: absolute;
  width: 100%;
}

.page-scrolled-250.scrolled-up section.u4m-header .inner div.cta a,
.hs-blog-listing section.u4m-header .inner div.cta a,
.blog-home section.u4m-header .inner div.cta a,
.hs-blog-post section.u4m-header .inner div.cta a,
.header-white section.u4m-header .inner div.cta a {
  color: #000000;
  border: 1px solid #000000;
  background: #fff;
}

.header-white section.u4m-header .inner div.cta a {
  background: transparent;
  transition: 0s ease-in-out 0.5s;
}

body.u4-landing-page section.u4m-header:hover,
body.u4-landing-page .page-scrolled-250.scrolled-up section.u4m-header,
body.u4-landing-page .hs-blog-listing section.u4m-header,
body.u4-landing-page .blog-home section.u4m-header,
body.u4-landing-page .hs-blog-post section.u4m-header,
body.u4-landing-page .header-white section.u4m-header {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.sticky-header--active section.u4m-header .inner .logo.main a img.primary {
  display: none;
}

.sticky-header--active section.u4m-header .inner .logo.main a img.alt {
  display: block;
}

.sticky-header--active section.u4m-header .inner div.menu .top-menu-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: baseline;
}

.sticky-header--active section.u4m-header .inner div.menu .top-menu-wrap .top-menu-item a {
  color: #000000;
  -webkit-transition: none;
  transition: none;
}
.page-scrolled-250.scrolled-up.sticky-header--active section.u4m-header .inner div.menu .top-menu-wrap .top-menu-item a:hover,
.sticky-header--active section.u4m-header div.inner div.menu .top-menu-wrap .top-menu-item a:hover {
  color: #C91459;
}

.sticky-header--active section.u4m-header .inner div.menu .top-menu-wrap .top-menu-item.active>a {
  position: relative;
}

.sticky-header--active section.u4m-header .inner div.menu .top-menu-wrap .top-menu-item.active>a:after {
  background: #C91459;
  bottom: -3px;
  content: "";
  height: 3px;
  left: 0;
  position: absolute;
  width: 100%;
}

.sticky-header--active section.u4m-header .inner div.cta a {
  color: #000000;
  border: 1px solid #000000;
  background-color: #fff;
}
.sticky-header--active section.u4m-header .inner div.cta a:hover {
  color: #ffffff;
  background-color: #C91459;
  border: 1px solid #C91459;
}

section.u4m-header:hover,
.page-scrolled-250.scrolled-up section.u4m-header {
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  transition: -webkit-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
}

body.u4-landing-page section.u4m-header {
  background-color: transparent;
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
  section.u4m-header .ie11-banner {
    display: block;
    background: #ce0058;
    width: 100vw;
    text-align: center;
    position: relative;
    padding: 4px;
  }

  section.u4m-header .ie11-banner .ie11-banner-inner:before {
    color: white;
    font-weight: bold;
    font-family: arial;
    content: "You are using an outdated browser! For the best experience, please download a modern browser.";
  }
}

.hs-inline-edit section.u4m-header {
  pointer-events: none;
  position: absolute;
}

body.hide-header section.u4m-header {
  display: none;
}

.page-scrolled body:not(.u4-landing-page) section.u4m-header {
  -webkit-box-shadow: 0px 1px 12px 0 rgba(24, 24, 24, 0.1);
  box-shadow: 0px 1px 12px 0 rgba(24, 24, 24, 0.1);
}

section.u4m-header .utility-banner {
  background-color: #000000;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
}

section.u4m-header .utility-banner .wrapper {
  float: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  align-items: center;
  padding: 10px 0;
  justify-content: center;
  position: relative;
}


section.u4m-header .utility-banner .banner-text {
  color: #fff;
  font-size: 16px;
  padding-right: 30px;
  text-align: left;
  line-height: 1.2;
}

@media (max-width: 768px) {
  section.u4m-header .utility-banner .banner-text {
    font-size: 14px;
  }
}

section.u4m-header .utility-banner .banner-cta a {
  display: inline-block;
  color: #fff;
  background-color: transparent;
  font-size: 12px;
  letter-spacing: 0.04em;
  line-height: 1;
  padding: 5px 15px;
  border-radius: 40px;
  border: 1px solid #FFF;
  -webkit-transition: 0.1s ease-in;
  transition: 0.1s ease-in;
  margin: 0;
  font-weight: 600;
}

section.u4m-header .utility-banner .banner-cta a:hover {
  background-color: #FFFFFF;
  color: #000000;
}

body.u4-landing-page section.u4m-header .utility-banner {
  display: none;
}
body.u4-landing-page .mobile-search {
  display: none;
}

section.u4m-header div.inner {
  float: none;
  padding: 65px 0 0;
  position: relative;
}
.inner__top {
  display: flex;
  justify-content: flex-end;
  min-height: 30px;
}

.inner__bottom {
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: flex-start;
  padding: 16px 0 30px;
}

.inner__search {
  display: flex;
  align-items: center;
  position: relative;
}
.inner__search .menu-search-field__input {
  border: none;
  background: #F9F8F8;
  border-radius: 3px;
  font-size: 14px;
  letter-spacing: 0.02em;
  color: #1D1925;
  padding-left: 29px;
  outline: none;
}

.inner__search .menu-search-field__bar {
  opacity: 0;
  width: 0;
  float: right;
}

@keyframes rtl {
  0% {
    width: 0;
    opacity: 0;
  }
  100% {
    width: 100%;
    opacity: 1;
  }
}
.inner__search.active .menu-search-field__bar {
  animation-name: rtl;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in-out;
  animation-duration: .8s;
}

.inner__search .menu-search-field__bar label {
  display: none;
}
.inner__search.active .menu-search-field__bar label {
  display: block;
}
.u4m-header .inner__search.active .menu-search__button {
  display: none;
}
.inner__search label {
  position: relative;
}
.inner__search label:before {
    content: "";
    position: absolute;
    left: 8px;
    top: 0;
    bottom: 0;
    width: 16px;
    background: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.66683 6.33325C1.66683 3.75592 3.75617 1.66659 6.3335 1.66659C8.91083 1.66659 11.0002 3.75592 11.0002 6.33325C11.0002 7.59056 10.5029 8.73174 9.69439 9.57088C9.67159 9.58841 9.64966 9.60762 9.62877 9.62851C9.60789 9.6494 9.58868 9.67133 9.57114 9.69413C8.732 10.5027 7.59082 10.9999 6.3335 10.9999C3.75617 10.9999 1.66683 8.91058 1.66683 6.33325ZM10.0786 11.0212C9.05218 11.8423 7.75018 12.3333 6.3335 12.3333C3.01979 12.3333 0.333496 9.64696 0.333496 6.33325C0.333496 3.01954 3.01979 0.333252 6.3335 0.333252C9.6472 0.333252 12.3335 3.01954 12.3335 6.33325C12.3335 7.74992 11.8425 9.05192 11.0214 10.0784L13.4716 12.5285C13.7319 12.7889 13.7319 13.211 13.4716 13.4713C13.2112 13.7317 12.7891 13.7317 12.5288 13.4713L10.0786 11.0212Z' fill='%231D1925'/%3E%3C/svg%3E") center / contain no-repeat;
}

.u4m-header .inner__search .menu-search__button {
  display: block;
  padding: 0;
  border: 0;
  outline: none;
}

.u4m-header .inner__search .menu-search__button:hover {
  background-color: initial;
}

.u4m-header .inner__search:hover .menu-search__button svg path, 
.u4m-header .inner__search .menu-search__button:focus svg path {
  fill: #C91459;
}
.inner__language-picker {
  margin-left: 14px;
  padding-left: 14px;
  position: relative;
  display: flex;
  align-items: center;
}

.inner__language-picker:before {
  content: "";
  left: 0;
  height: 18px;
  width: 1px;
  background-color: rgba(255, 255, 255, 0.3);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transition: none;
  transition: background-color 0s ease-in-out 0.5s;
}

.dropdown__btn {
  display: flex;
  align-items: center;
  font-family: 'Sohne';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.02em;
  padding: 0;
}
.dropdown__btn:hover {
  background-color: initial;
}
.dropdown__btn .lang-picker {
  display: flex;
  align-items: center;
  pointer-events: none;
}

.dropdown__btn span {
  margin: 0 4px 0 6px;
  display: block;
  color: #ffffff;
  text-transform: uppercase;
  -webkit-transition: none;
  transition: color 0s ease-in-out 0.5s;
  pointer-events: none;
}
.dropdown__btn svg {
  pointer-events: none;
}

.dropdown__content {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  width: 180px;
  background: #fff;
  position: absolute;
  top: 36px;
  right: 0;
  border-radius: 4px;
  border: 1px solid rgba(29, 25, 37, 0.08);
  box-shadow: 0px 5px 15px rgba(29, 25, 37, 0.2);
  z-index: 6;
  display: none;
}
.dropdown__content.active {
  display: block;
}

.dropdown__content a {
  padding: 12px;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.02em;
  color: #000000;
  display: block;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(29, 25, 37, 0.08);
  position: relative;
}
.dropdown__content a.active:after {
    content: "";
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    background-image: url('https://9253440.fs1.hubspotusercontent-na1.net/hubfs/9253440/Uplift%202023/Registration%20Microsite/checkmark-black.png');
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
}
.dropdown__content a:hover,
.dropdown__content a.active {
  background: #F1F1F1;
}
.dropdown__content a:last-child {
  border-bottom: 0;
}

.u4m-header:hover .dropdown__btn span {
  color: #000000;
  -webkit-transition: none;
  transition: none;
}
.u4m-header .dropdown__btn svg path,
.u4m-header .inner__search svg path {
  transition: fill 0s ease-in-out 0.5s;
}
.u4m-header:hover .dropdown__btn svg path,
.u4m-header:hover .inner__search svg path {
  fill: #000000;
  -webkit-transition: none;
  transition: none;
}

.u4m-header:hover .inner__language-picker:before {
  background-color: #D9D9D9;
  -webkit-transition: none;
  transition: none;
}

section.u4m-header div.inner.inner-no-promo {
  padding-top: 25px;
}
@media (max-width: 1024px) {
  .inner__top {
    display: none;
  }
  .inner__bottom {
    padding: 0;
  }
  section.u4m-header div.inner {
    padding-top: 58px;
    padding-bottom: 10px;
  }
}

@media (max-width: 580px) {
  section.u4m-header div.inner {
    padding-top: 74px;
  }
}

body.simple-header section.u4m-header div.inner {
  padding: 10px 0;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 800px;
  flex: 0 1 800px;
  margin-top: 20px;
}

@media (max-width: 768px) {
  body.simple-header section.u4m-header div.inner {
    margin-top: 10px;
  }
}

section.u4m-header div.inner div.logo {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: flex;
  align-items: center;
}

section.u4m-header div.inner div.logo.lp {
  display: none;
}
/* lp logo */
body.u4-landing-page section.u4m-header div.inner div.logo.lp {
  display: block;
}
body.u4-landing-page section.u4m-header div.inner div.logo.lp a img.primary {
  display: block;
}

.header-white.u4-landing-page section.u4m-header .inner .logo.lp a img.alt {
  display: block;
}
.header-white.u4-landing-page section.u4m-header .inner .logo.lp a img.primary {
  display: none;
}

body.u4-landing-page section.u4m-header div.inner div.logo.main {
  display: none;
}
div.logo.main {
  opacity: 1;
  visibility: visible;
  transition: all .5s ease-in .3s;
}
div.logo.main.hide {
  opacity: 0;
  visibility: hidden;
  transition: none;
}

section.u4m-header div.inner div.logo img {
  max-width: 220px;
  transition: filter 0s ease-in-out 0.5s;
}

section.u4m-header div.inner div.logo img.alt {
  display: none;
}

section.u4m-header div.inner div.logo a {
  line-height: 1;
}

section.u4m-header div.inner div.menu {
  -webkit-transition: 0.25s ease-in;
  transition: 0.25s ease-in;
  text-align: right;
}

@media (max-width: 1024px) {
  section.u4m-header div.inner div.menu {
    display: none;
  }
}

section.u4m-header div.inner div.menu-right {
  flex-grow: 2;
}

body.u4-landing-page section.u4m-header div.inner div.menu {
  display: none;
}

section.u4m-header div.inner div.menu .top-menu-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: baseline;
  margin: 0;
  list-style-image: none;
  flex-grow: 1;
}

section.u4m-header div.inner div.menu-right .top-menu-wrap {
  justify-content: flex-end;
}

section.u4m-header div.inner div.menu .top-menu-wrap .top-menu-item {
  padding: 0 45px 0 25px;
  margin: 0;
  display: block;
}

section.u4m-header div.inner div.menu .top-menu-wrap .top-menu-item.old-nav {
  padding: 0 15px 0 15px;
}

section.u4m-header div.inner div.menu-right .top-menu-wrap .top-menu-item {
  padding: 0 5px 0 5px;
  margin: 0;
}

section.u4m-header div.inner div.menu-right .top-menu-wrap .top-menu-item.top-menu-item-link {
  padding: 0 15px 0 5px;
}

@media (max-width: 1280px) {
  section.u4m-header div.inner div.menu .top-menu-wrap .top-menu-item {
    padding-right: 0;
  }
}

section.u4m-header div.inner div.menu .top-menu-wrap .top-menu-item::marker {
  content: none;
}

section.u4m-header div.inner div.menu .top-menu-wrap .top-menu-item a {
  color: #fff;
  margin-bottom: 0;
  /* -webkit-transition: none; */
  transition: color 0s ease-in-out 0.5s;
  font-size: 16px;
  line-height: 1.42;
  letter-spacing: 0.02em;
  text-align: left;
  font-weight: 400;
}

@media (max-width: 1512px) {
  section.u4m-header div.inner div.logo img {
    height: 30px;
    width: auto;
  }
}

@media (max-width: 1280px) {
  section.u4m-header div.inner div.menu .top-menu-wrap .top-menu-item a {
    font-size: 14px;
  }
}


section.u4m-header div.inner div.menu .top-menu-wrap .top-menu-item.active>a {
  position: relative;
}

section.u4m-header div.inner div.menu .top-menu-wrap .top-menu-item.active>a:after {
  background: #C91459;
  bottom: -3px;
  content: "";
  height: 3px;
  left: 0;
  position: absolute;
  width: 100%;
}

section.u4m-header div.inner div.menu .top-menu-wrap .top-menu-item .megadrop {
  position: absolute;
  height: 0;
  visibility: hidden;
  top: 100%;
  left: 0;
  z-index: 5;
  opacity: 0;
  transition: 0.25s height ease-in-out, 0.25s visibility ease-in-out, 0.25s opacity ease-in-out;
  transition-delay: 0.25s;
  min-width: 100vw;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}


.sticky-header--active section.u4m-header div.inner div.menu .top-menu-wrap .top-menu-item:hover>a,
section.u4m-header div.inner div.menu .top-menu-wrap .top-menu-item:hover>a {
  color: #C91459;
  cursor: pointer;
}

section.u4m-header div.inner div.menu .top-menu-wrap .top-menu-item.has-drop:hover .megadrop {
  height: 100%;
  visibility: visible;
  opacity: 1;
  transition: 0.25s height ease-in-out, 0.25s visibility ease-in-out, 0.25s opacity ease-in-out;
  transition-delay: .25s;
}

section.u4m-header div.inner div.menu .top-menu-wrap .top-menu-item.has-drop .megadrop .center {
  max-width: 100%;
  background-color: #fff;
}

section.u4m-header div.inner div.menu .top-menu-wrap .top-menu-item.has-drop a {
  position: relative;
}
section.u4m-header div.inner div.menu .top-menu-wrap .top-menu-item.has-drop a svg {
  position: relative;
  top: 2px;
}
section.u4m-header div.inner div.menu .top-menu-wrap .top-menu-item.has-drop a svg path {
  -webkit-transition: none;
  transition: fill 0s ease-in-out 0.5s;
}
section.u4m-header:hover div.inner div.menu .top-menu-item.has-drop a svg path,
.header-white section.u4m-header .inner div.menu .top-menu-wrap .top-menu-item a svg path {
  fill: #000000;
  transition: none;
}
section.u4m-header div.inner div.menu .top-menu-wrap .top-menu-item:hover>a svg path {
  fill: #C91459;
}

.center__inner {
  float: none;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 20px 0 40px;
  width: 100%;
  flex-wrap: wrap;
}

@media (min-width: 768px) {
  section.u4m-header div.inner div.menu .top-menu-wrap .top-menu-item.has-drop .megadrop .center {
    padding-left: 1.2vw;
    padding-right: 1.2vw;
  }
}

@media (min-width: 1070px) {
  section.u4m-header div.inner div.menu .top-menu-wrap .top-menu-item.has-drop .megadrop .center {
    padding-left: 1.75vw;
    padding-right: 1.75vw;
  }
}

@media (min-width: 1025px) {
  .center__inner {
    max-width: 1000px;
  }
}

@media (min-width: 1200px) {
  section.u4m-header div.inner div.menu .top-menu-wrap .top-menu-item.has-drop .megadrop .center {
    padding-left: 3.33vw;
    padding-right: 3.33vw;
  }
}

@media (min-width: 1281px) {
  .center__inner {
    max-width: 1200px;
  }
}

@media (min-width: 1540px) {
  .center__inner {
    max-width: 1400px;
  }

  section.u4m-header div.inner div.menu .top-menu-wrap .top-menu-item.has-drop .megadrop .center {
    max-width: 100%;
    padding-left: 7vw;
    padding-right: 7vw;
  }
}

section.u4m-header div.inner div.menu .top-menu-wrap .top-menu-item.has-drop .megadrop .center .mega-column {
  display: block;
  padding: 0 25px;
  max-width: 350px;
  width: 25%;
}

section.u4m-header div.inner div.menu .top-menu-wrap .top-menu-item.has-drop .megadrop .center .mega-column .column-title {
  text-align: left;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 162%;
  letter-spacing: 5px;
  margin-left: 5px;
}

section.u4m-header div.inner div.menu .top-menu-wrap .top-menu-item.has-drop .megadrop .center .mega-column .child-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.menu .top-menu-item .child-link:hover span.child-item {
  color: #C91459;
}
section.u4m-header div.inner div.menu .top-menu-wrap .top-menu-item.has-drop .megadrop .center .mega-column .child-link:hover p,
section.u4m-header div.inner div.menu .top-menu-wrap .top-menu-item.has-drop .megadrop .center .mega-column .child-link:hover span.child-item {
  text-decoration: underline;
}

section.u4m-header div.inner div.menu .top-menu-wrap .top-menu-item.has-drop .megadrop .center .mega-column .child-link .left {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20px;
  flex: 0 0 20px;
  display: none;
}

section.u4m-header div.inner div.menu .top-menu-wrap .top-menu-item.has-drop .megadrop .center .mega-column .child-link .right {
  margin-left: 5px;
  text-align: left;
  text-transform: none;
}

section.u4m-header div.inner div.menu .top-menu-wrap .top-menu-item.has-drop .megadrop .center .mega-column .child-link .right span.child-item {
  font-weight: 500;
  letter-spacing: 0.4px;
  font-size: 22px;
  line-height: 23px;
  font-family: "Ivar Headline";
  position: relative;
}

section.u4m-header div.inner div.menu .top-menu-wrap .top-menu-item.has-drop .megadrop .center .mega-column .child-link .right span.child-item.no-desc:hover {
  text-decoration: underline;
}

section.u4m-header div.inner div.menu .top-menu-wrap .top-menu-item.has-drop .megadrop .center .mega-column .child-link .right p {
  font-size: 14px;
  /* font-weight: 400; */
  line-height: 140%;
  margin-top: 5px;
  color: #000000;
  margin-bottom: 20px;
}

section.u4m-header div.inner div.menu a {
  font-size: 14px;
  line-height: 1.6;
  letter-spacing: .35px;
  margin-bottom: 20px;
  font-weight: 400;
  color: #000000;
  font-weight: bold;
  overflow: visible;
  max-width: none;
  width: auto;
}

@media (max-width: 580px) {
  section.u4m-header div.inner div.menu a {
    font-size: 14px;
  }
}

section.u4m-header div.inner div.menu a:hover {
  color: #C91459;
}

section.u4m-header div.inner div.menu .hs-menu-wrapper.hs-menu-wrapper.hs-menu-flow-horizontal ul li a {
  padding: 0;
  margin: 5px 15px 0 15px;
  width: auto;
}

section.u4m-header div.inner div.menu .hs-menu-wrapper.hs-menu-wrapper.hs-menu-flow-horizontal ul {
  padding: 0;
  line-height: normal;
}

section.u4m-header div.inner div.menu .hs-menu-wrapper.hs-menu-wrapper.hs-menu-flow-horizontal li {
  margin: 0;
}

section.u4m-header div.inner div.menu .hs-menu-wrapper.hs-menu-wrapper.hs-menu-flow-horizontal ul ul li {
  text-align: left;
}

section.u4m-header div.inner div.menu .hs-menu-wrapper.hs-menu-wrapper.hs-menu-flow-horizontal ul ul li a {
  font-size: 13px;
  line-height: 1.6;
  letter-spacing: .35px;
  margin-bottom: 20px;
  font-weight: 400;
  margin: 0 20px 20px 20px;
  font-weight: normal;
}

@media (max-width: 580px) {
  section.u4m-header div.inner div.menu .hs-menu-wrapper.hs-menu-wrapper.hs-menu-flow-horizontal ul ul li a {
    font-size: 13px;
  }
}

section.u4m-header div.inner div.menu .hs-menu-wrapper.hs-menu-wrapper.hs-menu-flow-horizontal .hs-menu-children-wrapper {
  padding-top: 20px;
  background-color: #fff;
  -webkit-box-shadow: 0 10px 50px 0 rgba(24, 24, 24, 0.3);
  box-shadow: 0 10px 50px 0 rgba(24, 24, 24, 0.3);
}

section.u4m-header div.inner div.menu .hs-menu-wrapper.hs-menu-wrapper.hs-menu-flow-horizontal .hs-menu-depth-2 .hs-menu-children-wrapper {
  padding-top: 0;
}

section.u4m-header div.inner div.menu .hs-menu-depth-1.hs-item-has-children>a:after {
  position: relative;
  top: 0;
  content: "\f0d7";
  display: inline-block;
  font-family: 'Font Awesome 5 Pro';
  margin-left: 7px;
  font-size: 14px;
  font-weight: 900;
  color: #7C98B6;
}

section.u4m-header div.inner div.menu .hs-menu-depth-2.hs-item-has-children>a:after {
  position: relative;
  top: 0;
  content: "\f105";
  display: inline-block;
  font-family: 'Font Awesome 5 Pro';
  margin-left: 7px;
  font-size: 14px;
}

section.u4m-header div.inner div.menu .hs-menu-wrapper.hs-menu-wrapper.hs-menu-flow-horizontal ul li.mega-drop .hs-menu-depth-2.hs-item-has-children>a:after {
  display: none;
}

section.u4m-header div.inner div.menu .hs-menu-wrapper.hs-menu-wrapper.hs-menu-flow-horizontal ul li.mega-drop:hover ul.hs-menu-children-wrapper {
  pointer-events: auto;
}

section.u4m-header div.inner div.menu .hs-menu-wrapper.hs-menu-wrapper.hs-menu-flow-horizontal ul li.mega-drop ul.hs-menu-children-wrapper {
  padding: 0 5px 0 0;
  line-height: normal;
  background-color: #fff;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  pointer-events: none;
}

section.u4m-header div.inner div.menu .hs-menu-wrapper.hs-menu-wrapper.hs-menu-flow-horizontal ul li.mega-drop ul.hs-menu-children-wrapper a {
  font-size: 24px;
  letter-spacing: .25px;
  margin-bottom: 20px;
  font-weight: 400;
  line-height: 1.2;
  -webkit-transition: none;
  transition: none;
  padding-top: 5px;
  padding-bottom: 5px;
  border-bottom: solid 1px #F4F4F4;
  font-weight: bold;
}

@media (max-width: 580px) {
  section.u4m-header div.inner div.menu .hs-menu-wrapper.hs-menu-wrapper.hs-menu-flow-horizontal ul li.mega-drop ul.hs-menu-children-wrapper a {
    font-size: 15px;
  }
}

section.u4m-header div.inner div.menu .hs-menu-wrapper.hs-menu-wrapper.hs-menu-flow-horizontal ul li.mega-drop ul.hs-menu-children-wrapper a:hover {
  color: #C91459;
  -webkit-transition: none;
  transition: none;
}

section.u4m-header div.inner div.menu .hs-menu-wrapper.hs-menu-wrapper.hs-menu-flow-horizontal ul li.mega-drop ul.hs-menu-children-wrapper>li {
  padding: 20px 0;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.333%;
  flex: 0 0 33.333%;
}

section.u4m-header div.inner div.menu .hs-menu-wrapper.hs-menu-wrapper.hs-menu-flow-horizontal ul li.mega-drop ul.hs-menu-children-wrapper ul.hs-menu-children-wrapper {
  -webkit-box-shadow: none;
  box-shadow: none;
  visibility: visible;
  position: relative;
  z-index: 1;
  left: 0;
  opacity: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  box-shadow: none;
}

section.u4m-header div.inner div.menu .hs-menu-wrapper.hs-menu-wrapper.hs-menu-flow-horizontal ul li.mega-drop ul.hs-menu-children-wrapper ul.hs-menu-children-wrapper li {
  text-align: left;
  border-left: 0;
  padding: 0;
}

section.u4m-header div.inner div.menu .hs-menu-wrapper.hs-menu-wrapper.hs-menu-flow-horizontal ul li.mega-drop ul.hs-menu-children-wrapper ul.hs-menu-children-wrapper li a {
  font-size: 13px;
  border-bottom: 0;
  text-transform: none;
  padding: 0;
  margin-bottom: 15px;
  font-weight: normal;
}

section.u4m-header div.inner .mega-nav {
  display: none;
}

body.u4-landing-page section.u4m-header div.inner div.cta {
  display: none;
}

@media (max-width: 1024px) {
  section.u4m-header div.inner div.cta {
    display: none;
  }
}

section.u4m-header div.inner .offscreen-menu div.cta.cta-nav-demo {
  display: block;
}

@media (max-width: 1024px) {
  section.u4m-header div.inner .offscreen-menu div.cta.cta-nav-demo {
    display: block;
  }
}

section.u4m-header div.inner div.cta a,
section.u4m-header div.inner div.cta a:active,
section.u4m-header div.inner div.cta a:focus {
  background-color: #C91459;
  border: 1px solid #C91459;
  color: #fff;
  font-size: 16px;
  line-height: 1.42;
  letter-spacing: 0.02em;
  padding: 9px 21px;
  border-radius: 30px;
  font-weight: 400;
  margin-left: 24px;
  transition: color 0s ease-in-out 0.5s, border 0s ease-in-out 0.5s;
  text-align: center;
}

section.u4m-header div.inner div.cta a:hover,
section.u4m-header:hover div.inner div.cta a:hover {
  background-color: transparent;
  color: #000;
  border: 1px solid #000;
}

section.u4m-header:hover div.inner div.cta a {
  background-color: #C91459;
  border: 1px solid #C91459;
  color: #fff;
  transition: none;
}

@media (max-width: 1280px) {
  section.u4m-header div.inner div.cta a {
    font-size: 14px;
  }
}

section.u4m-header div.inner button.hamburger-toggle {
  display: none;
  padding: 0;
  -webkit-transition: .3s;
  transition: .3s;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 5.7143px;
  position: absolute;
  right: 0;
  top: 55%;
  margin: 0;
  background: transparent;
  border: 0;
  z-index: 99;
  height: 30px;
  width: 30px;
}

section.u4m-header div.inner.inner-no-promo button.hamburger-toggle {
  top: 25%;
}

section.u4m-header div.inner button.hamburger-toggle html.menu-open section.u4m-header div.inner button.hamburger-toggle {
  display: block;
}

@media (max-width: 1024px) {
  section.u4m-header div.inner button.hamburger-toggle {
    display: block;
  }

  body.u4-landing-page section.u4m-header div.inner button.hamburger-toggle {
    display: none;
  }
}

section.u4m-header div.inner button.hamburger-toggle.close {
  -webkit-transform: scale3d(0.8, 0.8, 0.8);
  transform: scale3d(0.8, 0.8, 0.8);
  top: 10px;
}

section.u4m-header div.inner button.hamburger-toggle.x2 .lines {
  -webkit-transition: background .3s .5s ease;
  transition: background .3s .5s ease;
}

section.u4m-header div.inner button.hamburger-toggle.x2 .lines:before,
section.u4m-header div.inner button.hamburger-toggle.x2 .lines:after {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition: top .3s .6s ease, -webkit-transform .3s ease;
  transition: top .3s .6s ease, -webkit-transform .3s ease;
  transition: top .3s .6s ease, transform .3s ease;
  transition: top .3s .6s ease, transform .3s ease, -webkit-transform .3s ease;
}

section.u4m-header div.inner button.hamburger-toggle.x2.close .lines {
  -webkit-transition: background .3s 0 ease;
  transition: background .3s 0 ease;
  background: transparent;
}

section.u4m-header div.inner button.hamburger-toggle.x2.close .lines:before,
section.u4m-header div.inner button.hamburger-toggle.x2.close .lines:after {
  -webkit-transition: top .3s ease, -webkit-transform .3s .5s ease;
  transition: top .3s ease, -webkit-transform .3s .5s ease;
  transition: top .3s ease, transform .3s .5s ease;
  transition: top .3s ease, transform .3s .5s ease, -webkit-transform .3s .5s ease;
  top: 0;
  width: 30px;
}

section.u4m-header div.inner button.hamburger-toggle.x2.close .lines:before {
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
  transform: rotate3d(0, 0, 1, 45deg);
}

section.u4m-header div.inner button.hamburger-toggle.x2.close .lines:after {
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
  transform: rotate3d(0, 0, 1, -45deg);
}

section.u4m-header div.inner button.hamburger-toggle:hover,
section.u4m-header div.inner button.hamburger-toggle:focus {
  background: transparent;
  opacity: 1;
}

section.u4m-header div.inner button.hamburger-toggle:active {
  background: transparent;
  -webkit-transition: 0;
  transition: 0;
}

section.u4m-header div.inner button.hamburger-toggle .lines {
  display: inline-block;
  width: 30px;
  height: 3px;
  background: #000000;
  border-radius: 0;
  -webkit-transition: .3s;
  transition: .3s;
  position: relative;
}

section.u4m-header div.inner button.hamburger-toggle .lines:before,
section.u4m-header div.inner button.hamburger-toggle .lines:after {
  display: inline-block;
  width: 30px;
  height: 3px;
  background: #000000;
  border-radius: 0;
  -webkit-transition: .3s;
  transition: .3s;
  position: absolute;
  left: 0;
  content: '';
  -webkit-transform-origin: .28571px center;
  transform-origin: .28571px center;
}

.menu-open section.u4m-header div.inner button.hamburger-toggle .lines:before,
.menu-open section.u4m-header div.inner button.hamburger-toggle .lines:after {
  background: #000000;
}

section.u4m-header div.inner button.hamburger-toggle .lines:before {
  top: 10px;
}

section.u4m-header div.inner button.hamburger-toggle .lines:after {
  top: -10px;
}

section.u4m-header div.inner div.offscreen-menu {
  -webkit-transition: 0.25s ease-in;
  transition: 0.25s ease-in;
  position: fixed;
  width: 100%;
  height: 100vh;
  top: -100vh;
  left: 0;
}

.menu-open section.u4m-header div.inner div.offscreen-menu {
  top: 0;
  opacity: 1;
  z-index: 98;
  pointer-events: auto;
  height: 100%;
  /* height: calc(var(--vh-units, 1vh) * 100); */
  overflow: hidden;
}



.menu-closing section.u4m-header div.inner div.offscreen-menu {
  top: -100vh;
}

section.u4m-header div.inner div.offscreen-menu .content {
  width: 100%;
  height: 100%;
  background-color: #fff;
  border: 0;
  overflow: hidden;
  position: relative;
}

section.u4m-header div.inner div.offscreen-menu .content .top-menu-wrap {
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: calc(100% - 160px);
  padding: 50px 0 100px 20px;
  margin-top: 16px;
  height: 100%;
  padding-bottom: 160px;
}
/* TEMP */
/* section.u4m-header div.inner div.offscreen-menu .content .mobile-menu .top-menu-wrap {
  overflow-x: hidden;
} */

section.u4m-header div.inner div.offscreen-menu .content .mobile-menu {
  height: 100%;
}

section.u4m-header div.inner div.offscreen-menu .content .mobile-menu .top-menu-wrap .top-menu-item {
  color: #000000;
  font-size: 24px;
  line-height: 120%;
  font-family: "Ivar Headline", "Times New Roman", serif;
  font-weight: 500;
  letter-spacing: 0.008em;
  margin: 5px 0 50px;
  list-style-image: none;
  cursor: pointer;
}

section.u4m-header div.inner div.offscreen-menu .content .mobile-menu .top-menu-wrap .top-menu-item--lang span {
  font-size: 14px;
  font-family: 'Sohne', "Times New Roman", serif;
  font-weight: 400;
  display: inline-block;
  margin: 0 5px;
  vertical-align: top;
  position: relative;
  text-transform: uppercase;
}

section.u4m-header div.inner div.offscreen-menu .content .mobile-menu .top-menu-wrap .top-menu-item--lang .megadrop .center .mega-column .child-link {
  margin-bottom: 10px;
}
section.u4m-header div.inner div.offscreen-menu .content .mobile-menu .top-menu-wrap .top-menu-item--lang .megadrop .center .mega-column .child-link .child-item {
  text-transform: initial;
}
section.u4m-header div.inner div.offscreen-menu .content .mobile-menu .top-menu-wrap .top-menu-item--lang .megadrop .center .mega-column .child-link.active span:after {
  content: "";
  position: absolute;
  right: -35px;
  top: 50%;
  transform: translateY(-50%);
  background-image: url(https://9253440.fs1.hubspotusercontent-na1.net/hubfs/9253440/Uplift%202023/Registration%20Microsite/checkmark-black.png);
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
}

section.u4m-header div.inner div.offscreen-menu .content .mobile-menu .top-menu-wrap .top-menu-item::marker {
  display: none;
}

section.u4m-header div.inner div.offscreen-menu .content .mobile-menu .top-menu-wrap .top-menu-item a {
  color: #000;
}

section.u4m-header div.inner div.offscreen-menu .content .mobile-menu .top-menu-wrap .top-menu-item a .fa-chevron-down {
  display: none;
}

section.u4m-header div.inner div.offscreen-menu .content .mobile-menu .top-menu-wrap .top-menu-item a .fas {
  position: absolute;
  right: 30px;
  opacity: 1;
  font-weight: 400;
}

section.u4m-header div.inner div.offscreen-menu .content .mobile-menu .top-menu-wrap .top-menu-item .megadrop {
  position: absolute;
  top: 0;
  top: 50px;
  left: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background-color: #fff;
  transition: left 0.5s ease-in-out;
  z-index: 1;
  padding-bottom: 100px;
}

section.u4m-header div.inner div.offscreen-menu .content .mobile-menu .top-menu-wrap .top-menu-item .megadrop .megadrop-heading {
  background-color: #F4F4F4;
  font-family: "Ivar Headline", "Times New Roman", serif;
  font-weight: 500;
  font-size: 24px;
  letter-spacing: 0.008em;
  height: 53px;
  line-height: 53px;
  margin-top: 24px;
  display: flex;
  align-items: center;
}

section.u4m-header div.inner div.offscreen-menu .content .mobile-menu .top-menu-wrap .top-menu-item .megadrop .back {
  margin-left: 20px;
  margin-right: 25px;
  pointer-events: none;
}

section.u4m-header div.inner div.offscreen-menu .content .mobile-menu .top-menu-wrap .top-menu-item .megadrop.active {
  left: 0;
  transition: left 0.5s ease-in-out;
  position: fixed;
}

section.u4m-header div.inner div.offscreen-menu .content .mobile-menu .top-menu-wrap .top-menu-item .megadrop .center {
  float: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 100%;
  margin: 0;
  overflow: scroll;
  padding-bottom: 100px;
  height: 100%;
}

@media (min-width: 768px) {
  section.u4m-header div.inner div.offscreen-menu .content .mobile-menu .top-menu-wrap .top-menu-item .megadrop .center {
    padding-left: 1.2vw;
    padding-right: 1.2vw;
  }
}

@media (min-width: 1070px) {
  section.u4m-header div.inner div.offscreen-menu .content .mobile-menu .top-menu-wrap .top-menu-item .megadrop .center {
    padding-left: 1.75vw;
    padding-right: 1.75vw;
  }
}

@media (min-width: 1200px) {
  section.u4m-header div.inner div.offscreen-menu .content .mobile-menu .top-menu-wrap .top-menu-item .megadrop .center {
    padding-left: 3.33vw;
    padding-right: 3.33vw;
  }
}

@media (min-width: 1500px) {
  section.u4m-header div.inner div.offscreen-menu .content .mobile-menu .top-menu-wrap .top-menu-item .megadrop .center {
    max-width: 100%;
    padding-left: 7vw;
    padding-right: 7vw;
  }
}

section.u4m-header div.inner div.offscreen-menu .content .mobile-menu .top-menu-wrap .top-menu-item .megadrop .center .mega-column {
  display: block;
  padding-right: 15px;
  padding-left: 15px;
  max-width: 350px;
  margin-left: 45px;
  margin-right: 45px;
  padding-bottom: 45px;
}

section.u4m-header div.inner div.offscreen-menu .content .mobile-menu .top-menu-wrap .top-menu-item .megadrop .center .mega-column .child-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

section.u4m-header div.inner div.offscreen-menu .content .mobile-menu .top-menu-wrap .top-menu-item .megadrop .center .mega-column .column-title {
  text-align: left;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 5px;
  margin-left: 5px;
  font-weight: 500;
}

section.u4m-header div.inner div.offscreen-menu .content .mobile-menu .top-menu-wrap .top-menu-item .megadrop .center .mega-column .child-link img {
  display: none;
}

section.u4m-header div.inner div.offscreen-menu .content .mobile-menu .top-menu-wrap .top-menu-item .megadrop .center .mega-column .child-link .right {
  margin-left: 20px;
  text-align: left;
  text-transform: none;
}

section.u4m-header div.inner div.offscreen-menu .content .mobile-menu .top-menu-wrap .top-menu-item .megadrop .center .mega-column .child-link .right span.child-item {
  letter-spacing: 0.04em;
  font-size: 18px;
  line-height: 22px;
  font-family: "Ivar Headline", "Times New Roman", serif;
  font-weight: 500;
  position: relative;
}

section.u4m-header div.inner div.offscreen-menu .content .mobile-menu .top-menu-wrap .top-menu-item .megadrop .center .mega-column .child-link .right span.child-item span {
  font-size: 12px;
  font-weight: 700;
  line-height: 21px;
  letter-spacing: 0px;
  color: #AA46EB;
  margin-left: 5px;
}

.child-item--tag {
  font-size: 12px;
  border: 2px solid #C91459;
  color: #C91459;
  line-height: 1;
  padding: 3px 5px;
  border-radius: 3px;
  position: absolute;
  margin-left: 7px;
  top: 4px;
  font-family: 'Sohne';
  text-transform: uppercase;
}

section.u4m-header div.inner div.offscreen-menu .content .mobile-menu .top-menu-wrap .top-menu-item .megadrop .center .mega-column .child-link .right span.child-item .child-item--tag {
  font-size: 10px;
  color: #C91459;
  line-height: 1;
  position: absolute;
  top: 1px;
  font-family: 'Sohne';
}

section.u4m-header div.inner div.offscreen-menu .content .mobile-menu .top-menu-wrap .top-menu-item .megadrop .center .mega-column .child-link .right span.child-item.no-desc:hover {
  text-decoration: underline;
}

section.u4m-header div.inner div.offscreen-menu .content .mobile-menu .top-menu-wrap .top-menu-item .megadrop .center .mega-column .child-link .right p {
  font-size: 12px;
  font-weight: 400;
  line-height: 140%;
  margin-top: 5px;
  color: #000;
}

.u4-landing-page .inner__top,
.u4-langing-page .top-menu-item.mobile-search {
  display: none;
}

section.u4m-header div.inner div.offscreen-menu div.mobile-cta {
  position: absolute;
  width: 100%;
  bottom: 0;
}

section.u4m-header div.inner div.offscreen-menu div.mobile-cta .mobile-cta-container {
  padding: 0 30px 10px 30px;
  background-color: #fff;
}

section.u4m-header div.inner div.offscreen-menu div.mobile-cta .mobile-menu-top-fade {
  background-image: linear-gradient(transparent, #fff);
  height: 30px;
}

.menu-open section.u4m-header div.inner div.offscreen-menu div.mobile-cta {
  display: block;
  z-index: 1;
}

.menu-open body {
  touch-action:none;
  position: fixed;
  width: 100%;
}

section.u4m-header div.inner div.offscreen-menu div.mobile-cta a.cta_button {
  border-radius: 30px;
  font-weight: 600;
  padding: 14px 24px;
  display: block;
  text-align: center;
  margin-left: 0;
  background-color: #000;
  border: 1px solid #000;
  font-size: 20px;
}
section.u4m-header div.inner div.offscreen-menu div.mobile-cta a.cta_button:hover {
  color: #fff;
}

@media (min-width: 1025px) {
  section.u4m-header div.inner div.offscreen-menu div.mobile-cta {
    padding-left: 1.2vw;
    padding-right: 1.2vw;
    display: none !important;
  }
}

@media (min-width: 1070px) {
  section.u4m-header div.inner div.offscreen-menu div.mobile-cta {
    padding-left: 1.75vw;
    padding-right: 1.75vw;
  }
}

@media (min-width: 1200px) {
  section.u4m-header div.inner div.offscreen-menu div.mobile-cta {
    padding-left: 3.33vw;
    padding-right: 3.33vw;
  }
}

@media (min-width: 1500px) {
  section.u4m-header div.inner div.offscreen-menu div.mobile-cta {
    max-width: 100%;
    padding-left: 7vw;
    padding-right: 7vw;
  }
}

section.u4m-header div.inner div.offscreen-menu .content .mobile-cta .top-menu-item.login-button {
  display: block;
  text-align: center;
  font-size: 20px;
  letter-spacing: 0.04em;
  margin-top: 16px;
  margin-bottom: 16px;
}

section.u4m-header div.inner div.offscreen-menu .content .mobile-cta .top-menu-item.login-button a {
  color: #000
}

section.u4m-header div.inner div.offscreen-menu .content .mobile-menu .top-menu-wrap {
  list-style: none;
}

/* Handle FR strings */
/* @media (max-width: 1512px) {
  [lang="fr"] section.u4m-header div.inner div.menu .top-menu-wrap .top-menu-item,
  [lang="de"] section.u4m-header div.inner div.menu .top-menu-wrap .top-menu-item {
    padding: 0 25px 0 25px;
  }
}
@media (max-width: 1200px) {
  [lang="fr"] section.u4m-header div.inner div.menu .top-menu-wrap .top-menu-item,
  [lang="de"] section.u4m-header div.inner div.menu .top-menu-wrap .top-menu-item {
    padding: 0 15px;
  }
[lang="fr"] section.u4m-header div.inner div.menu .top-menu-wrap .top-menu-item,
[lang="de"] section.u4m-header div.inner div.menu .top-menu-wrap .top-menu-item {
    font-size: 14px;
}
} */
/* @media (max-width: 1310px) {
  [lang="fr"] section.u4m-header div.inner button.hamburger-toggle {
    display: block;
  }

  [lang="fr"] body.u4-landing-page section.u4m-header div.inner button.hamburger-toggle {
    display: none;
  }

  [lang="fr"] section.u4m-header {
    background-color: #fff;
    -webkit-transition: none;
    transition: none;
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15);
  }

  [lang="fr"] section.u4m-header .inner {
    padding: 10px 0 30px;
  }

  [lang="fr"] section.u4m-header .inner .logo.main a img.primary {
    display: none;
  }

  [lang="fr"] section.u4m-header .inner .logo.main a img.alt {
    display: block;
  }

  [lang="fr"] .u4-landing-page section.u4m-header div.inner {
    padding-top: 10px;
    box-shadow: none;
  }

  [lang="fr"] .u4-landing-page section.u4m-header {
    box-shadow: none;
  }

  [lang="fr"] section.u4m-header div.inner div.cta {
    display: none;
  }

  [lang="fr"] section.u4m-header div.inner div.menu {
    display: none;
  }

  [lang="fr"] section.u4m-header div.inner {
    padding-top: 58px;
    padding-bottom: 10px;
  }

  [lang="fr"] section.u4m-header div.inner.inner-no-promo {
    padding-top: 25px;
  }
}

@media (max-width: 2000px) {
  [lang="fr"] section.u4m-header div.inner div.menu .top-menu-wrap .top-menu-item {
    padding: 0 5px 0 5px;
  }

  [lang="fr"] section.u4m-header div.inner div.menu .top-menu-wrap .top-menu-item a {
    font-size: 13px;
  } 
  [lang="fr"] section.u4m-header div.inner div.cta a,
  [lang="fr"] section.u4m-header div.inner div.cta a:hover {
    font-size: 13px;
  }
}

@media (max-width: 1513px) {
  [lang="fr"] section.u4m-header div.inner div.cta a,
  [lang="fr"] section.u4m-header div.inner div.cta a:hover {
    font-size: 13px;
  }
}

/* Handle DE strings */
/* @media (max-width: 1086px) {
  [lang="de"] section.u4m-header div.inner button.hamburger-toggle {
    display: block;
  }

  [lang="de"] body.u4-landing-page section.u4m-header div.inner button.hamburger-toggle {
    display: none;
  }

  [lang="de"] section.u4m-header {
    background-color: #fff;
    -webkit-transition: none;
    transition: none;
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15);
  }

  [lang="de"] section.u4m-header .inner {
    padding: 10px 0 30px;
  }

  [lang="de"] section.u4m-header .inner .logo.main a img.primary {
    display: none;
  }

  [lang="de"] section.u4m-header .inner .logo.main a img.alt {
    display: block;
  }

  [lang="de"] .u4-landing-page section.u4m-header div.inner {
    padding-top: 10px;
    box-shadow: none;
  }

  [lang="de"] .u4-landing-page section.u4m-header {
    box-shadow: none;
  }

  [lang="de"] section.u4m-header div.inner div.cta {
    display: none;
  }

  [lang="de"] section.u4m-header div.inner div.menu {
    display: none;
  }

  [lang="de"] section.u4m-header div.inner {
    padding-top: 58px;
    padding-bottom: 10px;
  }

  [lang="de"] section.u4m-header div.inner.inner-no-promo {
    padding-top: 25px;
  }
} */

@media (max-width: 1513px) {
  [lang="de"] section.u4m-header div.inner div.menu .top-menu-wrap .top-menu-item a,
  [lang="fr"] section.u4m-header div.inner div.menu .top-menu-wrap .top-menu-item a,
  [lang="de"] section.u4m-header div.inner div.cta a,
  [lang="fr"] section.u4m-header div.inner div.cta a {
    font-size: 14px;
  }

  [lang="de"] section.u4m-header div.inner div.menu .top-menu-wrap .top-menu-item,
  [lang="fr"] section.u4m-header div.inner div.menu .top-menu-wrap .top-menu-item {
    padding: 0 20px;
  }
}

@media (max-width: 1281px) {
  [lang="de"] section.u4m-header div.inner div.menu .top-menu-wrap .top-menu-item a,
  [lang="fr"] section.u4m-header div.inner div.menu .top-menu-wrap .top-menu-item a {
    font-size: 12px;
  }

  [lang="de"] section.u4m-header div.inner div.cta a,
  [lang="fr"] section.u4m-header div.inner div.cta a {
    font-size: 12px;
  }
} 

/* Search */
.menu .menu-search {
  list-style: none;
  padding: 7px 20px 0 0;
  font-weight: 400;
  cursor: pointer;
  padding-top: 0;
  margin-top: -20px;
}

.menu .menu-search button.menu-search__button {
  background: transparent;
  display: inline-block;
  border: 0;
  text-decoration: none;
  cursor: pointer;
  text-align: center;
  border-radius: 0;
  padding: 0;
  -webkit-appearance: none;
  appearance: none;
  color: #fff;
  transition: color 0s ease-in-out 0.5s;
}

.menu .menu-search button.menu-search__button i {
  font-size: 18px;
}

section.u4m-header:hover .menu .menu-search button.menu-search__button,
.page-scrolled-250.scrolled-up section.u4m-header .menu .menu-search button.menu-search__button,
.header-white section.u4m-header .menu .menu-search button.menu-search__button {
  color: #000;
  transition: none;
}

section.u4m-header:hover .menu .menu-search.search-open button.menu-search__button {
  color: #ce0058;
}

.hs-content-id-0 .inner__search button.menu-search__button path,
.hs-content-id-0 .mobile-search-toggle svg path {
  fill: #ce0058;
}

.menu .menu-search .menu-search-field {
  visibility: hidden;
  opacity: 0;
  max-height: 0;
  position: absolute;
  min-width: 100vw;
  top: 100%;
  background: #fff;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

section.u4m-header:hover .menu .menu-search .menu-search-field {
  transition: max-height 0.5s ease-in, opacity 0.75s ease-in, visibility 1s ease-in;
}

section.u4m-header:hover .menu .menu-search.search-open .menu-search-field {
  visibility: visible;
  opacity: 1;
  max-height: 100%;
  transition: max-height 0.5s ease-in;
}

.menu .menu-search .menu-search-field__bar {
  padding: 20px 0 0;
  opacity: 0;
  transition: opacity 0.5s ease-in;
}

.menu-search-field__bar form {
  margin-bottom: 0;
}

section.u4m-header:hover .menu .menu-search.search-open .menu-search-field__bar {
  opacity: 1;
  transition: opacity 1s ease-in;
}

section.u4m-header:hover .menu .menu-search.search-open .menu-search-field__bar form {
  margin-bottom: 30px;
}

.menu .menu-search .menu-search-field__suggestions {
  padding: 0 20px;
  color: #000;
  text-align: left;
  margin: 0;
  background: #fff;
  opacity: 0;
  transition: opacity 0.5s ease-in;
  list-style: none;
}

section.u4m-header:hover .menu .menu-search.search-open .menu-search-field__suggestions {
  opacity: 1;
  transition: opacity 1s ease-in;
}

.menu .menu-search input.menu-search-field__input {
  border-color: transparent;
  background-color: transparent;
  line-height: 1;
  padding: 0px 0px 18px 0px;
  border-bottom: 1px solid #000;
  color: #000;
  font-size: 22px;
}

.menu .menu-search input.menu-search-field__input::placeholder {
  color: #000;
}

.menu .menu-search input.menu-search-field__input:focus-visible {
  outline: 0px;
}

section.u4m-header div.inner div.menu ul.menu-search-field__suggestions li {
  margin-bottom: 0;
}

section.u4m-header div.inner div.menu ul.menu-search-field__suggestions li a {
  color: #fff;
  font-size: 22px;
  font-weight: 400;
}

section.u4m-header div.inner div.menu ul.menu-search-field__suggestions li a:hover {
  text-decoration: underline;
}

.menu .menu-search .menu-search-field__suggestions li#results-for {
  margin-bottom: 20px;
  margin-left: 0;
  list-style: none;
  font-size: 16px;
}

.menu .menu-search .menu-search-field__suggestions li#view-all {
  margin-bottom: 20px;
  margin-left: 0;
  list-style: none;
  font-size: 16px;
  padding-bottom: 20px;
}

.menu .menu-search .menu-search-field__suggestions li#view-all a {
  color: #ce0058;
  text-decoration: underline;
  font-size: 16px;
}

.menu .menu-search .menu-search-field__suggestions li#view-all a:hover {
  color: #fff;
}

section.u4m-header div.inner div.menu ul.menu-search-field__suggestions li a .hs-search-highlight.hs-highlight-title {
  color: #ce0058;
}

section.u4m-header div.inner .mobile-search {
  position: absolute;
  right: 45px;
  top: 25%;
  height: 42px;
  width: 26px;
  transition: width 0.5s ease-in-out;
  display: none;
}

@media (max-width: 1025px) {
  section.u4m-header div.inner .mobile-search {
  display: block;
  }
}

section.u4m-header div.inner .mobile-search.active-search {
  border-bottom: 2px solid black;
  width: calc(100% - 40px);
  transition: width 0.5s ease-in-out;
}

.mobile-search .mobile-menu-search-field {
  display: none;
}

.mobile-search.active-search .mobile-menu-search-field {
  display: block;
}

.mobile-search.active-search .mobile-search-toggle {
  display: none;
}

.mobile-search-toggle svg {
  width: 30px;
  height: 20px;
}
.mobile-search-toggle svg path {
  fill: #000;
}

@media (min-width: 1024px) {
  .mobile-search .mobile-search-toggle {
    display: none;
  }
}

.mobile-search .mobile-search-toggle {
  font-size: 20px;
  margin-top: 6px;
  padding: 0;
  color: black;
}

.mobile-search .mobile-menu-search-field__input {
  border-color: transparent;
  background-color: transparent;
  line-height: 1;
  padding: 0;
  color: #000;
  height: 42px;
}

.mobile-search .mobile-menu-search-field__input::placeholder {
  color: #000;
  font-weight: 500;
  opacity: 0.3;
}

.mobile-search .mobile-menu-search-field__input:focus-visible {
  outline: 0px;
}

.mobile-search .mobile-menu-search-field__bar form {
  display: flex;
  max-width: 95%;
}

.mobile-search button.mobile-menu-search-field__button {
  background: none;
  color: #000;
  padding: 12px;
  font-size: 20px;
  margin-top: -5px;
}

/* Need to swap back to scss */

section.u4m-header.has-inactive-banner .utility-banner {
  display: none;
}

section.u4m-header.has-inactive-banner div.inner {
  padding: 20px 0;
}

section.u4m-header.has-active-banner div.inner .mobile-search {
  top: 2px;
}

section.u4m-header.has-inactive-banner div.inner .mobile-search {
  top: 12px;
}

section.u4m-header.has-active-banner div.inner .mobile-search button,
section.u4m-header.has-inactive-banner div.inner .mobile-search button {
  margin: 13px 0 0;
  line-height: 1;
}

section.u4m-header.has-active-banner div.inner button.hamburger-toggle {
  top: 48px;
}

section.u4m-header.has-inactive-banner div.inner button.hamburger-toggle {
  top: 15px;
}

section.u4m-header.has-active-banner .utility-banner .wrapper #close-button {
  display: none;
  position: absolute;
  top: 10px;
  right: 0;
  cursor: pointer;
}

@media (max-width: 1280px) {
  section.u4m-header.has-active-banner .utility-banner .wrapper #close-button {
    display: block;
  }
}

@media(max-width: 1024px) {
  section.u4m-header.has-active-banner div.inner {
    padding: 10px 0;
  }

  section.u4m-header.has-active-banner .utility-banner {
    position: static;
  }

  section.u4m-header.has-active-banner div.inner button.hamburger-toggle {
    top: 5px;
  }

  html.menu-open section.u4m-header.has-active-banner div.inner button.hamburger-toggle {
    top: -45px;
  }
}


/* Inner Navigation CTA Styling */
section.u4m-header div.inner div.menu .top-menu-wrap .top-menu-item.has-drop:hover .mega-column__cta,
.top-menu-wrap .top-menu-item.has-drop:hover .mega-column__cta .mega-column__cta__content .full-click .hs-cta-wrapper .hs-cta-node a.cta_button {
  pointer-events: auto;
}
.mega-column__cta {
  width: 100%;
  padding: 0 25px;
  display: flex;
  justify-content: center;
  pointer-events: none;
}
.mega-column__cta__grid {
  width: 100%;
  max-width: 1400px;
  display: flex;
  text-align: left;
  align-items: stretch;
  background-color: #F4F4F4;
  border-radius: 8px;
  justify-content: space-between;
  position: relative;
  margin-top: 20px;
}


@media (max-width: 1025px) {
  .mega-column__cta {
    display: none;
  }
}
.mega-column__cta__grid:hover {
  background-color: #ECECEC;
}
.top-menu-wrap .top-menu-item .mega-column__cta__grid:hover .mega-column__cta__content > :not(.full-click) .hs-cta-wrapper .hs-cta-node a.cta_button {
  border-bottom: 2px solid #CE0055;
}
.mega-column__cta__content {
  font-size: 18px;
  line-height: 140%;
  width: 50%;
  padding: 30px 37px;
  display: flex;
  align-items: center;
}
.mega-column__cta__content p {
 margin: 0;
 margin-bottom: 6px;
}
.mega-column__cta__content svg {
  position: relative;
  top: 1px;
}

.top-menu-wrap .top-menu-item .mega-column__cta .mega-column__cta__content .hs-cta-wrapper .hs-cta-node a.cta_button,
.scrolled-up .top-menu-wrap .top-menu-item .mega-column__cta .mega-column__cta__content .hs-cta-wrapper .hs-cta-node a.cta_button {
  all: initial;
  color: #CE0055;
  font-weight: 500;
  font-family: 'Sohne';
  position: relative;
  border-bottom: 2px solid transparent;
}
.mega-column__cta__content a.cta_button:after {
  content: url("https://9253440.fs1.hubspotusercontent-na1.net/hubfs/9253440/Icons/Arrow.svg");
  position: absolute;
  top: 1px;
  right: -14px;
}
.top-menu-wrap .top-menu-item .mega-column__cta .mega-column__cta__content .full-click .hs-cta-wrapper .hs-cta-node a.cta_button {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.top-menu-wrap .top-menu-item .mega-column__cta .mega-column__cta__content .full-click .hs-cta-wrapper .hs-cta-node a.cta_button:after {
  content: none;
}
.mega-column__image {
  position: relative;
  width: 300px;
  margin: 0 auto;
  height: 130px;
}
.mega-column__image img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  object-position: bottom;
}
.mega-column__cta__image {
  width: 50%;
  text-align: center;
  display: flex;
  align-items: flex-end;
  padding-top: 16px;
}