/** BREAKPOINTS */
/** BREAKPOINTS MIXINS */
/** WIDTH: > xs and < xs-max */
/** WIDTH: > sm and < sm-max */
/** WIDTH: > sm  */
/** WIDTH: > xs and < sm-max */
/** WIDTH: > xs and < md-max */
/** WIDTH: > xs and < xl-max */
/** WIDTH: > xs and < xxl-max */
/** WIDTH: > md and < md-max */
/** WIDTH: > md and < lg-max */
/** WIDTH: > md */
/** WIDTH: > lg and < lg-max */
/** WIDTH: > xl */
/** WIDTH: > xxl */
/** WIDTH: > Xxxl */
/** WIDTH: > lg */
/** WIDTH: > FULLHD */
/* latin-ext */
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url("../../../font/portal/Lato-ThinItalic.ttf") format("truetype");
}
/* latin-ext */
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url("../../../font/portal/Lato-LightItalic.ttf") format("truetype");
}
/* latin-ext */
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("../../../font/portal/Lato-Italic.ttf") format("truetype");
}
/* latin-ext */
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("../../../font/portal/Lato-BoldItalic.ttf") format("truetype");
}
/* latin-ext */
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url("../../../font/portal/Lato-BlackItalic.ttf") format("truetype");
}
/* latin-ext */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url("../../../font/portal/Lato-Thin.ttf") format("truetype");
}
/* latin-ext */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../../../font/portal/Lato-Light.ttf") format("truetype");
}
/* latin-ext */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../../../font/portal/Lato-Regular.ttf") format("truetype");
}
/* latin-ext */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../../../font/portal/Lato-Bold.ttf") format("truetype");
}
/* latin-ext */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../../../font/portal/Lato-Black.ttf") format("truetype");
}
/** BREAKPOINTS MIXINS */
/** WIDTH: > xs and < xs-max */
/** WIDTH: > sm and < sm-max */
/** WIDTH: > sm  */
/** WIDTH: > xs and < sm-max */
/** WIDTH: > xs and < md-max */
/** WIDTH: > xs and < xl-max */
/** WIDTH: > xs and < xxl-max */
/** WIDTH: > md and < md-max */
/** WIDTH: > md and < lg-max */
/** WIDTH: > md */
/** WIDTH: > lg and < lg-max */
/** WIDTH: > xl */
/** WIDTH: > xxl */
/** WIDTH: > Xxxl */
/** WIDTH: > lg */
/** WIDTH: > FULLHD */
*, ::before, ::after {
  box-sizing: border-box;
}

html {
  height: 100%;
  font-size: 16px;
}

body {
  margin: 0;
  padding-top: 83px;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  font-family: "Lato", sans-serif;
  line-height: 1.2;
  color: #38496B;
  background-color: #dedede;
}
@media (min-width: 992px) {
  body {
    padding-top: 83px;
  }
}
@media (min-width: 1200px) {
  body {
    padding-top: 103px;
  }
}
@media (min-width: 1440px) {
  body {
    padding-top: 174px;
  }
}
body.modal-menu-visible {
  overflow: hidden;
}

a {
  color: #38496B;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

.cursor-pointer {
  cursor: pointer;
}

.d-flex {
  display: flex;
}
.d-block {
  display: block;
}

.flex-row {
  flex-direction: row;
}
@media (min-width: 768px) {
  .flex-row-md {
    flex-direction: row !important;
  }
}
@media (min-width: 992px) {
  .flex-row-lg {
    flex-direction: row !important;
  }
}
.flex-column {
  flex-direction: column;
}
@media (min-width: 992px) {
  .flex-column-lg {
    flex-direction: column !important;
  }
}

.justify-center {
  justify-content: center;
}
@media (min-width: 992px) {
  .justify-center-lg {
    justify-content: center !important;
  }
}
.justify-between {
  justify-content: space-between;
}
@media (min-width: 992px) {
  .justify-between-lg {
    justify-content: space-between !important;
  }
}
.justify-end {
  justify-content: flex-end;
}
@media (min-width: 992px) {
  .justify-end-lg {
    justify-content: flex-end !important;
  }
}

.gap-0 {
  gap: 0;
}

.row-gap-0 {
  row-gap: 0;
}

.column-gap-0 {
  -moz-column-gap: 0;
       column-gap: 0;
}

.mt-0 {
  margin-top: 0 !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.ml-0 {
  margin-left: 0 !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.gap-2px {
  gap: 2px;
}

.row-gap-2px {
  row-gap: 2px;
}

.column-gap-2px {
  -moz-column-gap: 2px;
       column-gap: 2px;
}

.mt-2px {
  margin-top: 2px !important;
}

.mb-2px {
  margin-bottom: 2px !important;
}

.ml-2px {
  margin-left: 2px !important;
}

.mr-2px {
  margin-right: 2px !important;
}

.gap-4px {
  gap: 4px;
}

.row-gap-4px {
  row-gap: 4px;
}

.column-gap-4px {
  -moz-column-gap: 4px;
       column-gap: 4px;
}

.mt-4px {
  margin-top: 4px !important;
}

.mb-4px {
  margin-bottom: 4px !important;
}

.ml-4px {
  margin-left: 4px !important;
}

.mr-4px {
  margin-right: 4px !important;
}

.gap-6px {
  gap: 6px;
}

.row-gap-6px {
  row-gap: 6px;
}

.column-gap-6px {
  -moz-column-gap: 6px;
       column-gap: 6px;
}

.mt-6px {
  margin-top: 6px !important;
}

.mb-6px {
  margin-bottom: 6px !important;
}

.ml-6px {
  margin-left: 6px !important;
}

.mr-6px {
  margin-right: 6px !important;
}

.gap-8px {
  gap: 8px;
}

.row-gap-8px {
  row-gap: 8px;
}

.column-gap-8px {
  -moz-column-gap: 8px;
       column-gap: 8px;
}

.mt-8px {
  margin-top: 8px !important;
}

.mb-8px {
  margin-bottom: 8px !important;
}

.ml-8px {
  margin-left: 8px !important;
}

.mr-8px {
  margin-right: 8px !important;
}

.gap-10px {
  gap: 10px;
}

.row-gap-10px {
  row-gap: 10px;
}

.column-gap-10px {
  -moz-column-gap: 10px;
       column-gap: 10px;
}

.mt-10px {
  margin-top: 10px !important;
}

.mb-10px {
  margin-bottom: 10px !important;
}

.ml-10px {
  margin-left: 10px !important;
}

.mr-10px {
  margin-right: 10px !important;
}

.gap-12px {
  gap: 12px;
}

.row-gap-12px {
  row-gap: 12px;
}

.column-gap-12px {
  -moz-column-gap: 12px;
       column-gap: 12px;
}

.mt-12px {
  margin-top: 12px !important;
}

.mb-12px {
  margin-bottom: 12px !important;
}

.ml-12px {
  margin-left: 12px !important;
}

.mr-12px {
  margin-right: 12px !important;
}

.gap-14px {
  gap: 14px;
}

.row-gap-14px {
  row-gap: 14px;
}

.column-gap-14px {
  -moz-column-gap: 14px;
       column-gap: 14px;
}

.mt-14px {
  margin-top: 14px !important;
}

.mb-14px {
  margin-bottom: 14px !important;
}

.ml-14px {
  margin-left: 14px !important;
}

.mr-14px {
  margin-right: 14px !important;
}

.gap-16px {
  gap: 16px;
}

.row-gap-16px {
  row-gap: 16px;
}

.column-gap-16px {
  -moz-column-gap: 16px;
       column-gap: 16px;
}

.mt-16px {
  margin-top: 16px !important;
}

.mb-16px {
  margin-bottom: 16px !important;
}

.ml-16px {
  margin-left: 16px !important;
}

.mr-16px {
  margin-right: 16px !important;
}

.gap-18px {
  gap: 18px;
}

.row-gap-18px {
  row-gap: 18px;
}

.column-gap-18px {
  -moz-column-gap: 18px;
       column-gap: 18px;
}

.mt-18px {
  margin-top: 18px !important;
}

.mb-18px {
  margin-bottom: 18px !important;
}

.ml-18px {
  margin-left: 18px !important;
}

.mr-18px {
  margin-right: 18px !important;
}

.gap-20px {
  gap: 20px;
}

.row-gap-20px {
  row-gap: 20px;
}

.column-gap-20px {
  -moz-column-gap: 20px;
       column-gap: 20px;
}

.mt-20px {
  margin-top: 20px !important;
}

.mb-20px {
  margin-bottom: 20px !important;
}

.ml-20px {
  margin-left: 20px !important;
}

.mr-20px {
  margin-right: 20px !important;
}

.gap-22px {
  gap: 22px;
}

.row-gap-22px {
  row-gap: 22px;
}

.column-gap-22px {
  -moz-column-gap: 22px;
       column-gap: 22px;
}

.mt-22px {
  margin-top: 22px !important;
}

.mb-22px {
  margin-bottom: 22px !important;
}

.ml-22px {
  margin-left: 22px !important;
}

.mr-22px {
  margin-right: 22px !important;
}

.gap-24px {
  gap: 24px;
}

.row-gap-24px {
  row-gap: 24px;
}

.column-gap-24px {
  -moz-column-gap: 24px;
       column-gap: 24px;
}

.mt-24px {
  margin-top: 24px !important;
}

.mb-24px {
  margin-bottom: 24px !important;
}

.ml-24px {
  margin-left: 24px !important;
}

.mr-24px {
  margin-right: 24px !important;
}

.gap-28px {
  gap: 28px;
}

.row-gap-28px {
  row-gap: 28px;
}

.column-gap-28px {
  -moz-column-gap: 28px;
       column-gap: 28px;
}

.mt-28px {
  margin-top: 28px !important;
}

.mb-28px {
  margin-bottom: 28px !important;
}

.ml-28px {
  margin-left: 28px !important;
}

.mr-28px {
  margin-right: 28px !important;
}

.gap-30px {
  gap: 30px;
}

.row-gap-30px {
  row-gap: 30px;
}

.column-gap-30px {
  -moz-column-gap: 30px;
       column-gap: 30px;
}

.mt-30px {
  margin-top: 30px !important;
}

.mb-30px {
  margin-bottom: 30px !important;
}

.ml-30px {
  margin-left: 30px !important;
}

.mr-30px {
  margin-right: 30px !important;
}

.gap-32px {
  gap: 32px;
}

.row-gap-32px {
  row-gap: 32px;
}

.column-gap-32px {
  -moz-column-gap: 32px;
       column-gap: 32px;
}

.mt-32px {
  margin-top: 32px !important;
}

.mb-32px {
  margin-bottom: 32px !important;
}

.ml-32px {
  margin-left: 32px !important;
}

.mr-32px {
  margin-right: 32px !important;
}

.gap-36px {
  gap: 36px;
}

.row-gap-36px {
  row-gap: 36px;
}

.column-gap-36px {
  -moz-column-gap: 36px;
       column-gap: 36px;
}

.mt-36px {
  margin-top: 36px !important;
}

.mb-36px {
  margin-bottom: 36px !important;
}

.ml-36px {
  margin-left: 36px !important;
}

.mr-36px {
  margin-right: 36px !important;
}

.gap-40px {
  gap: 40px;
}

.row-gap-40px {
  row-gap: 40px;
}

.column-gap-40px {
  -moz-column-gap: 40px;
       column-gap: 40px;
}

.mt-40px {
  margin-top: 40px !important;
}

.mb-40px {
  margin-bottom: 40px !important;
}

.ml-40px {
  margin-left: 40px !important;
}

.mr-40px {
  margin-right: 40px !important;
}

.gap-48px {
  gap: 48px;
}

.row-gap-48px {
  row-gap: 48px;
}

.column-gap-48px {
  -moz-column-gap: 48px;
       column-gap: 48px;
}

.mt-48px {
  margin-top: 48px !important;
}

.mb-48px {
  margin-bottom: 48px !important;
}

.ml-48px {
  margin-left: 48px !important;
}

.mr-48px {
  margin-right: 48px !important;
}

.gap-54px {
  gap: 54px;
}

.row-gap-54px {
  row-gap: 54px;
}

.column-gap-54px {
  -moz-column-gap: 54px;
       column-gap: 54px;
}

.mt-54px {
  margin-top: 54px !important;
}

.mb-54px {
  margin-bottom: 54px !important;
}

.ml-54px {
  margin-left: 54px !important;
}

.mr-54px {
  margin-right: 54px !important;
}

.w-100 {
  width: 100%;
}
.w-50 {
  width: 50%;
}
@media (min-width: 992px) {
  .w-50-lg {
    width: 50% !important;
  }
}
.w-auto {
  width: auto;
}
.w-fit {
  width: -moz-fit-content;
  width: fit-content;
}

.fs-10 {
  font-size: 0.625rem;
}
.fs-12 {
  font-size: 0.75rem;
}
.fs-14 {
  font-size: 0.875rem;
}
.fs-16 {
  font-size: 1rem;
}
.fs-18 {
  font-size: 1.125rem;
}
.fs-20 {
  font-size: 1.25rem;
}
.fs-24 {
  font-size: 1.5rem;
}
.fs-32 {
  font-size: 2rem;
}

.f-n {
  font-style: normal;
}
.f-i {
  font-style: italic;
}

.t-underline {
  text-decoration: underline;
}
.t-no-underline {
  text-decoration: none !important;
}
.t-center {
  text-align: center;
}
@media (min-width: 992px) {
  .t-center-lg {
    text-align: center !important;
  }
}
.t-right {
  text-align: right;
}
@media (min-width: 992px) {
  .t-right-lg {
    text-align: right !important;
  }
}

.hover-underline:hover {
  text-decoration: underline;
}

.c-primary {
  color: #E83962;
}
.c-blue-10 {
  color: #38496B;
}

.icon {
  display: block;
}
.icon-upload {
  width: 24px;
  height: 24px;
}

.nowrap {
  white-space: nowrap;
}

.img-absolute-cover {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  left: 0;
  top: 0;
}

h1, .h1 {
  font-size: 2rem;
  font-weight: 400;
}

h2, .h2 {
  font-size: 1.5rem;
}

h3, .h3 {
  font-size: 1.25rem;
}

h4, .h4 {
  font-size: 1rem;
}

h5, .h5 {
  font-size: 0.875rem;
}

html.wcag-size-l h1 {
  font-size: 1.8rem;
}
html.wcag-size-l h2 {
  font-size: 1.4rem;
}
html.wcag-size-l .fs-18 {
  font-size: 1.1rem;
}

.lato-thin {
  font-family: "Lato", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.lato-light {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.lato-regular {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.lato-bold {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.lato-black {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.lato-thin-italic {
  font-family: "Lato", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.lato-light-italic {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.lato-regular-italic {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.lato-bold-italic {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.lato-black-italic {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-style: italic;
}

.container__inner {
  margin: 0 auto;
  padding: 0 16px;
  max-width: 1382px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .container__inner {
    padding: 0 40px;
    max-width: 1382px;
  }
}
@media (min-width: 1440px) {
  .container__inner {
    padding: 0 80px;
    max-width: 1510px;
  }
}

.content-main {
  margin: 40px 0;
  flex-grow: 1;
  position: relative;
}
@media (min-width: 992px) {
  .content-main {
    margin: 116px 0;
  }
}

.panel {
  margin: 0 auto;
  padding: 32px 45px;
  max-width: 523px;
  min-height: 368px;
  background-color: rgba(255, 255, 255, 0.73);
}
.panel-no-padding {
  padding: 0;
}
.panel-header {
  padding: 8px 18px;
}
.panel-body {
  padding: 22px 16px;
}
.panel-error-message {
  display: block;
  position: relative;
  text-align: center;
  font-size: 12px;
  font-weight: 300;
  font-style: italic;
  color: #E83962;
}
@media (min-width: 992px) {
  .panel-body {
    padding: 22px 36px;
  }
}
.panel-body .heading {
  margin: 2px 0 15px;
  text-align: center;
  font-size: 24px;
  font-weight: 400;
}
@media (min-width: 992px) {
  .panel-body .heading {
    font-size: 28px;
  }
}

.panel-intro-header {
  margin: 0;
  font-size: 24px;
  font-weight: 700;
}

.panel-info {
  margin: 30px -25px 0;
  display: flex;
  justify-content: flex-end;
}

.panel-intro-text {
  margin: 20px 0 0 0;
  font-size: 18px;
  font-weight: 400;
}

.panel-intro-text a {
  font-weight: 700;
}

.panel-select-path {
  margin: 30px 0 0;
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.path-link {
  padding: 25px 30px 25px 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  background-color: #ffffff;
  color: #38496B;
  font-size: 20px;
  text-transform: uppercase;
  transition: all 0.2s ease-out;
}
.path-link svg {
  position: relative;
  flex-shrink: 0;
  transition: all 0.2s ease-out;
}
.path-link:hover {
  text-decoration: none;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1);
}
.path-link:hover svg {
  transform: translateX(6px);
}

.back-link {
  font-size: 15px;
  color: #38496B;
}

.login-type-info {
  margin: 0;
  font-size: 15px;
  color: #E83962;
}

.button {
  padding: 8px 20px;
  font-size: 20px;
  text-transform: uppercase;
  color: #ffffff;
  border: none;
  background-color: #E83962;
  cursor: pointer;
  transition: background-color 0.2s ease-out;
}
@media (min-width: 1440px) {
  .button {
    padding: 12px 37px 14px;
    font-size: 22px;
  }
}
.button:hover {
  background-color: #BF2D50;
}

.form input[type=text],
.form input[type=email],
.form input[type=password],
.form input[type=tel] {
  padding: 4px 8px;
  display: block;
  width: 100%;
  border: 1px solid #ffffff;
  height: 45px;
  font-size: 18px;
  color: #38496B;
}
.form input[type=text]:focus,
.form input[type=email]:focus,
.form input[type=password]:focus,
.form input[type=tel]:focus {
  outline: 1px solid #38496B;
}

.field-wrapper label {
  display: block;
}
.field-wrapper label .label {
  margin: 0 0 6px;
  display: flex;
  font-size: 17px;
}
.field-wrapper .field-sub {
  display: flex;
  position: relative;
}
.field-wrapper .right {
  margin-left: auto;
  margin-right: 0;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
}
.field-wrapper .sub-field-link {
  font-size: 12px;
  font-style: italic;
  text-decoration: underline;
}
.field-wrapper.invalid input[type=text],
.field-wrapper.invalid input[type=email],
.field-wrapper.invalid input[type=password],
.field-wrapper.invalid input[type=tel] {
  outline: 1px solid #E83962;
}
.field-wrapper.invalid .invalid-message {
  display: block;
}

.checkbox input {
  display: none;
}
.checkbox input:checked + .checkbox-label::after {
  opacity: 1;
  transform: scale(1);
}
.checkbox .checkbox-label {
  padding: 0 0 0 24px;
  position: relative;
  font-size: 17px;
}
.checkbox .checkbox-label::before {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  border: 1px solid #38496B;
  background-color: #ffffff;
  position: absolute;
  left: 0;
  top: 1px;
}
.checkbox .checkbox-label::after {
  content: "";
  display: block;
  width: 14px;
  height: 12px;
  position: absolute;
  left: 2px;
  top: 4px;
  background: url("data:image/svg+xml,%3Csvg width='14' height='12' viewBox='0 0 14 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='m.85 0 6.063 9.978L12.977 0a1 1 0 0 1 .702 1.508l-5.911 9.727a1 1 0 0 1-1.71 0L.147 1.508A1 1 0 0 1 .849 0Z' fill='%2338496B'/%3E%3C/svg%3E") no-repeat center;
  opacity: 0;
  transform: scale(0);
  transition: all 0.1s ease-out;
}

.invalid-message {
  top: 0;
  right: 0;
  max-width: 100%;
  font-size: 12px;
  font-weight: 300;
  font-style: italic;
  text-align: right;
  color: #E83962;
  display: none;
}
@media (min-width: 768px) {
  .invalid-message {
    position: absolute;
  }
}

.header-main {
  padding: 20px 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100vw;
  background-color: #ffffff;
}
@media (min-width: 1440px) {
  .header-main {
    padding: 45px 0;
  }
}
.header-main .header-row {
  display: flex;
}
.header-main .logo {
  flex-shrink: 0;
  position: relative;
  z-index: 1;
}
.header-main .logo img {
  height: 40px;
}
@media (min-width: 1200px) {
  .header-main .logo img {
    height: 60px;
  }
}
@media (min-width: 1560px) {
  .header-main .logo img {
    height: auto;
  }
}

.header-row {
  display: flex;
  gap: 40px;
}

.navigation-main {
  flex-grow: 1;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
@media (min-width: 0) and (max-width: 991px) {
  .navigation-main {
    padding: 100px 0 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100dvh;
    overflow-y: auto;
    opacity: 0;
    background-color: #ffffff;
    visibility: hidden;
    transition: opacity 0.2s ease-out, visibility 0.2s ease-out;
    align-items: flex-start;
    justify-content: center;
    text-align: center;
  }
}
.navigation-main .menu {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 37px;
  list-style: none;
}
@media (min-width: 992px) {
  .navigation-main .menu {
    gap: 20px;
    flex-direction: row;
    align-items: baseline;
  }
}
@media (min-width: 1200px) {
  .navigation-main .menu {
    gap: 37px;
  }
}
.navigation-main .menu-item a {
  text-transform: uppercase;
  color: #38496B;
  font-size: 18px;
}
@media (min-width: 992px) {
  .navigation-main .menu-item a {
    font-size: 14px;
  }
}
@media (min-width: 1440px) {
  .navigation-main .menu-item a {
    font-size: 18px;
  }
}
.navigation-main .menu-item.menu-item-button a {
  margin: 0 0 0 16px;
  padding: 8px 20px;
  font-size: 20px;
  text-transform: uppercase;
  color: #ffffff;
  background-color: #E83962;
  transition: background-color 0.2s ease-out;
}
@media (min-width: 1440px) {
  .navigation-main .menu-item.menu-item-button a {
    padding: 12px 33px 14px;
    font-size: 22px;
  }
}
.navigation-main .menu-item.menu-item-button a:hover {
  text-decoration: none;
  background-color: #BF2D50;
}

.mobile-actions {
  display: flex;
  justify-content: flex-end;
  flex-grow: 1;
}
@media (min-width: 992px) {
  .mobile-actions {
    display: none;
  }
}

.mobile-button {
  margin: 0;
  padding: 8px 0;
  border: none;
  background-color: unset;
  width: 30px;
}
.mobile-button span {
  display: block;
  position: relative;
  width: 100%;
  height: 4px;
  background-color: #E83962;
  transition: all 0.2s ease-out;
}
.mobile-button span::before, .mobile-button span::after {
  content: "";
  display: block;
  width: 100%;
  height: 4px;
  background-color: #E83962;
  position: absolute;
  top: 8px;
  transition: all 0.2s ease-out;
}
.mobile-button span::after {
  top: -8px;
}

@media (min-width: 0) and (max-width: 991px) {
  .header-main.mobile-active .navigation-main {
    opacity: 1;
    visibility: visible;
  }
}
.header-main.mobile-active .mobile-button.active span {
  background-color: transparent;
}
.header-main.mobile-active .mobile-button.active span::before {
  top: 0;
  transform: rotate(45deg);
}
.header-main.mobile-active .mobile-button.active span::after {
  top: 0;
  transform: rotate(-45deg);
}

.footer-main {
  margin: auto 0 0;
  padding: 12px 0;
  font-size: 18px;
  background-color: #ffffff;
  position: relative;
  line-height: 1.4;
}
@media (min-width: 992px) {
  .footer-main {
    font-size: 22px;
    line-height: 1.2;
  }
}
.footer-main a {
  color: #38496B;
}

.footer-row {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px 66px;
  text-align: center;
}
@media (min-width: 992px) {
  .footer-row {
    flex-direction: row;
    justify-content: center;
  }
}
@media (min-width: 992px) {
  .footer-row .contact br {
    display: none;
  }
}
.footer-row .copy, .footer-row .ver {
  flex-shrink: 0;
}

.tooltip {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
}
.tooltip::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
}
.tooltip .tooltip-html {
  display: none;
}

.tooltip-content {
  padding: 16px;
  position: absolute;
  background-color: #ffffff;
  color: #38496B;
  font-size: 14px;
  box-shadow: 0px 2px 14px 0px rgba(87, 87, 87, 0.5019607843);
  z-index: 100;
  min-width: 300px;
  max-width: 350px;
}
.tooltip-content::before {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 14px solid #ffffff;
}
.tooltip-content.left::before {
  right: 21px;
}
.tooltip-content.right::before {
  left: 20px;
}
.tooltip-content.bottom::before {
  top: 0;
  transform: translateY(calc(-100% + 2px));
}
.tooltip-content.top::before {
  bottom: 0;
  transform: translateY(calc(100% - 2px)) rotate(180deg);
}

#devToolbar
{
  z-index: 1000;
}