.basic-quote {
  display: flex;
  flex-flow: row;
  justify-content: start;
  margin: 40px auto;
}

.basic-quote-left {
  position: relative;
  background-color: inherit;
}

.basic-quote-img {
  border-radius: 60px;
  width: 120px;
  height: 120px;
  margin-right: 24px;
}

.basic-quote-right {
  padding-left: 14px;
  display: flex;
  flex-direction: column-reverse;
  justify-content: flex-end;
  flex: 1;
}

.basic-quote-quotetext-campaign,
.basic-quote-quotetext {
  font-size: 27px;
  line-height: 1.37;
  letter-spacing: 0.3px;
}

.basic-quote-quotetext {
  color: #5b7582;
}

.basic-quote-quotetext-campaign {
  color: #fff;
}

.basic-quote-author {
  font-size: 17px;
  font-style: italic;
  line-height: 1.35;
  letter-spacing: 0.2px;
  padding: .5rem 0 .25rem;
  color: #477A94; /* #8badbe; */
}

.comma {
  position: absolute;
  top: 0;
  right: 0;
  height: 40px;
  width: 40px;
}

@media screen and (max-width: 900px) {
  .basic-quote {
    flex-flow: column;
    align-items: center;
  }

  .basic-quote-left {
    padding-bottom: 24px;
  }

  .basic-quote-img {
    margin: 0 !important;
  }

  .comma {
    /*top: 106px;*/
    left: calc(50% + 32px);
  }

  .basic-quote-right {
    flex: 1 1 100px;
    max-width: 460px;
    text-align: center;
  }
}
@media screen and (max-width: 900px) and (-ms-high-contrast: active), screen and (max-width: 900px) and (-ms-high-contrast: none) {
  .basic-quote-right {
    flex: 0 0 auto;
  }
}
@media screen and (min-width: 900px) {
  .basic-quote {
    width: 100%;
    max-width: 750px;
    min-height: 140px;
  }

  .basic-quote-quoteText {
    font-size: 27px;
  }
}

/* fix pic size wrap */
.basic-quote-left img {
    width: 120px;
    height: 120px;
    object-fit: cover;
    object-position: 0 0;
    border-radius: 50%;
}
/* Customize the label (the container) */
.checkbox-container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-top: 6px;
}

.checkbox-container .error.show {
    display: block;
}

.checkbox-container input[type="checkbox"] {
    display: none;
}

/* Create a custom checkbox */
.cb-checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.checkbox-container:hover input ~ .cb-checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkbox-container input:checked ~ .cb-checkmark {
  background-color: #00678b;
}

/* Create the checkmark/indicator (hidden when not checked) */
.cb-checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkbox-container input:checked ~ .cb-checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkbox-container .cb-checkmark:after {
  left: 9px;
  top: 4px;
  width: 8px;
  height: 14px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.contact-block {
  margin-top: 16px;
  margin-bottom: 16px;
  background-image: linear-gradient(329deg, #cbe3ec, #e6f5f9);
}

.contact-block-container {
  position: relative;
  padding-top: 64px;
  text-align: center;
  padding-bottom: 64px;
}

.contact-block-text-container {
  max-width: 470px;
  margin: auto;
  background-color: inherit;
  padding-bottom: 32px;
}

.contact-block-contact-buttons {
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 80px;
}

.contact-block-contact-buttons .contact-button {
  display: flex;
  margin: auto;
  justify-content: center;
  align-items: center;
  padding: 0;
}
.contact-block-contact-buttons .contact-button a {
  white-space: nowrap;
}

.contact-block-contact-buttons .contact-button-logo {
  height: 30px;
}

.contact-block-contact-buttons .contact-button-text {
  font-size: 17px;
  font-family: "Swiss 721 W03 Bd Cnd";
  line-height: 1.57;
  letter-spacing: 0.8px;
  color: #5b7582;
  margin: 0 0 0 8px;
}

@media screen and (min-width: 900px) {
  .contact-block-text-container {
    align-items: flex-start;
    width: 470px;
  }

  .contact-block-contact-buttons .contact-button {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 1400px) {
  .contact-block-contact-block-container {
    max-width: 1360px;
    margin: 0 auto;
  }
}
/* UBHIQ-477 can we remove this? personnelSe not in use atm? */

.contact-window {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 64px;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100vh;
  background-color: rgba(74, 74, 74, 0.85);
  z-index: 99;
  padding: 0 30px;
}

.contact-window.hidden {
  display: none;
}

.contact-window-container {
  position: absolute;
  top: 90px;
  bottom: 90px;
  background-color: rgba(255, 255, 255, 0.95);
  max-width: 820px;
  width: calc(100% - 30px);
  overflow-y: auto;
  left: 50%;
  transform: translateX(-50%);
}

.contact-window-nav {
  display: flex;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  padding: 16px 0 32px;
}

.contact-window-nav-arrow {
  display: inline-block;
  position: relative;
  background-color: inherit;
  text-align: center;
  text-decoration: none;
  padding: 10px 16px;
  border: none;
  margin: 0px 32px;
  cursor: pointer;
}

.contact-window-header {
  display: flex;
  flex-flow: column;
  align-items: center;
  margin: 0 auto 16px;
  background-color: #5b7582;
}

.contact-window-header-image {
  width: 160px;
}

.contact-window-header-text {
  padding: 20px 20px 20px 26px;
}

.contact-window-header-name {
  font-size: 30px;
  font-family: "Swiss 721 W03 Thn";
  color: #ffffff;
  margin: 0;
}

.contact-window-header-jobtitle {
  font-size: 16px;
  font-family: "Swiss 721 W03 Bd Cnd";
  color: #ffffff;
  margin: -8px 0 0 0;
}

.contact-window-content {
  position: relative;
  display: flex;
  flex-flow: column;
}

.contact-window-content-info {
  padding: 0;
  margin-top: 20px;
}

.contact-window-content-info-text {
  font-size: 17px;
  line-height: 1.3;
  display: inline-block;
  color: white;
  position: relative;
  text-decoration: none;
}
.contact-window-content-info-text:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: -1px;
  left: 0;
  background-color: #fff;
  visibility: hidden;
  transform-origin: 0 0;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.contact-window-content-info-text:hover:before, .contact-window-content-info-text.undefined:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.contact-window-content-description {
  padding: 0 50px 32px 50px;
}

@media screen and (max-width: 600px) {
  .contact-window-header-name {
    text-align: center;
  }

  .contact-window-header-jobtitle {
    text-align: center;
  }

  .contact-window-content {
    text-align: center;
  }

  .contact-window-content .contact-window-content-info {
    flex: 0;
    display: block;
    padding: 0 32px 16px 32px;
  }

  .contact-window-content .contact-window-content-description {
    padding: 0 32px 32px 32px;
  }

  .contact-window-content-info {
    text-align: center;
  }
}
@media screen and (min-width: 600px) {
  .contact-window {
    top: 0;
  }

  .contact-window-header-image {
    width: 240px;
  }

  .contact-window-container {
    top: 140px;
    bottom: 120px;
  }

  .contact-window-header {
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-end;
    width: auto;
  }

  .contact-window-header-name {
    font-size: 42px;
  }

  .contact-window-header-jobtitle {
    font-size: 16px;
  }

  .contact-window-content {
    flex-flow: row;
  }
}
/* ----- consent ------ */
.dialog {
  overflow: hidden;
}

.consentPopup {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99998;
  background-color: #000;
  background-color: rgba(155, 155, 155, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
}

.consentPopup .consentWrap {
  width: 60vw;
  background: #eeeeee;
  z-index: 1;
  position: absolute;
  border-radius: 0;
  margin: auto;
  background-color: #fff;
  max-width: 960px;
}

@media (max-width: 580px) {
  .consentPopup .consentWrap {
    width: calc(100% - 4rem);
  }
}

@media (min-width: 581px) and (max-width: 920px) {
  .consentPopup .consentWrap {
    width: max(80vw);
  }
}

.consentPopup .padder {
  padding: 3rem;
}

.cookie-consent-title {
  margin: 0;
  font-family: "Swiss 721 W03 Thn", Arial, Helvetica, sans-serif;
  line-height: 1.22;
  font-size: 3.2rem;
  color: var(--rust);
  margin-bottom: 14px;
  display: inline-block;
}

.consentPopup p {
  font-size: 15px;
}

.consentPopup a {
  text-decoration: none;
  color: var(--ub-blue);
}

.consentPopup a:hover {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.4rem;
}

.consentPopup .cookieSettings {
  margin: 2rem;
}

.consentPopup .functions {
  display: flex;
  margin-top: 4rem;
  position: absolute;
  bottom: 0;
  position: relative;
  justify-content: end;
  gap: 20px;
}

.consentPopup .functions button {
  padding: 16px;
  border: solid 1px #00688c;
  cursor: pointer;
  font-weight: 600;
  font-size: 17px;
  font-family: "Swiss 721 W03 Bd Cnd";
}

.consentPopup .functions .btnPrimary {
  background-color: var(--ub-blue);
  color: #fff;
}

.consentPopup .functions .btnSecondary {
  background-color: #fff;
  color: #00688c;
}
#country-selection-wrapper {
    margin-top: 6rem;
    text-align: center;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
    padding: 2rem;
}

#country-selection-wrapper h2 {
    font-size: 36px;
}

#country-selection-wrapper .selections {
    margin-top: 6rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

#country-selection-wrapper .selection {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 2rem;
}

#country-selection-wrapper .selection img {
    width: 40px;
}

#country-selection-wrapper .selection h3 {
    margin-top: 1rem;
    text-align: center;
    font-family: "Swiss 721 W03 Bd Cnd",Arial,Helvetica,sans-serif;
    font-size: 17px;
    text-transform: uppercase;
}
/* imported from fi site, customize as needed */

/*** General form styles */

/* .umbraco-forms-* are classes for froms created with Umbraco Forms in the backoffice */
/* .ub-forms-* are classes for custom forms (manual markup) */

.umbraco-forms-container,
.ub-forms-container {
  --color-form-primary: transparent;
  --root-font-size: 16;
  --color-input-error-bg: rgba(180, 10, 10, 0.08);
  --color-input-error-text: rgb(180, 10, 10);
  --color-input-focus-bg: #fafbfc;
}

.umbraco-forms-page,
.ub-forms-page {
  box-shadow: 0px 0px 2px var(--ub-dark-grey);
  border: 1px solid var(--ub-dark-blue-50);
  --color-form-btn: #00678B;
  --color-form-btn-transp: #00668bcd;
  padding: 4rem;
  color: var(--black);
}

fieldset {
  border: none;
}

body .umbraco-forms-page .umbraco-forms-fieldset,
body .ub-forms-page .umbraco-forms-fieldset {
  padding: 0;
}

.umbraco-forms-field,
.ub-forms-field  {
  margin-bottom: 1.2rem;
}

.umbraco-forms-field-wrapper,
.ub-forms-field-wrapper {
  margin-top: 0.5rem;
}

/* Avoid rendering a scrollbar by forcing the recaptcha div to be at least 82px tall */
.umbraco-forms-field-wrapper .g-recaptcha > div {
  min-height: 82px;
}

body .umbraco-forms-form .umbraco-forms-page {
  color: var(--black);
}

/* Remove the top margin from the first header of the form */
.umbraco-forms-page > fieldset > .row-fluid > .umbraco-forms-container > .umbraco-forms-field > .umbraco-forms-field-wrapper .ub-h1,
.umbraco-forms-page > fieldset > .row-fluid > .umbraco-forms-container > .umbraco-forms-field > .umbraco-forms-field-wrapper .ub-h2,
.umbraco-forms-page > fieldset > .row-fluid > .umbraco-forms-container > .umbraco-forms-field > .umbraco-forms-field-wrapper .ub-h3,
.umbraco-forms-page > fieldset > .row-fluid > .umbraco-forms-container > .umbraco-forms-field > .umbraco-forms-field-wrapper .ub-h4,
.ub-forms-page > fieldset > .row-fluid > .umbraco-forms-container > .umbraco-forms-field > .umbraco-forms-field-wrapper .ub-h1,
.ub-forms-page > fieldset > .row-fluid > .umbraco-forms-container > .umbraco-forms-field > .umbraco-forms-field-wrapper .ub-h2,
.ub-forms-page > fieldset > .row-fluid > .umbraco-forms-container > .umbraco-forms-field > .umbraco-forms-field-wrapper .ub-h3,
.ub-forms-page > fieldset > .row-fluid > .umbraco-forms-container > .umbraco-forms-field > .umbraco-forms-field-wrapper .ub-h4 {
  margin-top: 0;
}

/* Fields, wrappers, inputs and labels */

.umbraco-forms-page label.umbraco-forms-label,
.umbraco-forms-page div.umbraco-forms-field-wrapper,
.ub-forms-page label.ub-forms-label,
.ub-forms-page div.ub-forms-field-wrapper {
  margin-bottom: 0.4rem;
  overflow: auto;
}

.umbraco-forms-page label.umbraco-forms-label,
.ub-forms-page label.ub-forms-label {
  display: block;
  margin-top: 1.6rem;
  font-family: "Swiss 721 W03 Light", Arial, Helvetica, sans-serif;
  font-size: 1.8rem;
  font-style: normal;
  line-height: 1.53;
  letter-spacing: .4px;
  color: var(--ub-dark-grey);
}

.umbraco-forms-page .umbraco-forms-field-wrapper input.text,
.umbraco-forms-page .umbraco-forms-field-wrapper textarea,
.ub-input,
.ub-select {
  border: 1px solid var(--ub-dark-blue-50);
}

.umbraco-forms-page .umbraco-forms-field-wrapper input.text,
.umbraco-forms-page .umbraco-forms-field-wrapper textarea,
.ub-input,
.ub-select__option {
  font-family: "Swiss 721 W03 Light", Arial, Helvetica, sans-serif;
  font-size: 1.6rem;
  width: 100%;
  padding: 1.2rem 1.6rem;
  max-width: 100%;
  color: var(--black);
}

.ub-select__option {
  background: var(--white);
  padding: 1.2rem 1.6rem;
}

.umbraco-forms-page .umbraco-forms-field-wrapper input.text:focus-visible,
.umbraco-forms-page .umbraco-forms-field-wrapper input.text:focus-within,
.umbraco-forms-page .umbraco-forms-field-wrapper textarea:focus-visible,
.umbraco-forms-page .umbraco-forms-field-wrapper textarea:focus-within,
.ub-input:focus-visible,
.ub-input:focus-within {
  background-color: var(--color-input-focus-bg);
  outline: none;
}

.umbraco-forms-page .umbraco-forms-field-wrapper input.text[aria-invalid=true],
.umbraco-forms-page .umbraco-forms-field-wrapper textarea[aria-invalid=true] {
  background-color: var(--color-input-error-bg);
}

.ub-select-wrapper {
  position: relative;
}

.ub-select:hover,
.ub-select__option:hover {
  background: var(--ub-grey-10);
  cursor: pointer;
}

.ub-select[data-active="true"] {
  background: var(--ub-dark-blue-50);
}

.ub-select__options[data-active="false"] {
  display: none;
}

.ub-select__options {
  border: 1px solid var(--ub-dark-blue-50);
  border-top: 0;
  left: 0;
  right: 0;
  z-index: 99999;
  position: absolute;
  max-height: 350px;
  overflow-y: scroll;
}

.ub-select__option[data-key=""] {
  color: var(--ub-dark-grey);
}


.ub-select-wrapper * {
  /* -- Firefox */
  scrollbar-color: var(--ub-grey-25) var(--ub-grey-10);
  scrollbar-width: thin;
}

.ub-select-wrapper *::-webkit-scrollbar {
  width: 8px;
  background: var(--ub-grey-25);
}

.ub-select-wrapper *::-webkit-scrollbar-track {
  background: var(--ub-grey-10);
}

.ub-select-wrapper *::-webkit-scrollbar-thumb {
  background: var(--ub-grey-25);
}

/* Checkboxes */

/* Use a reverse flow flex box for the checbox wrapper to show checkboxes on the left of the
help-block */
body .umbraco-forms-form .umbraco-forms-page .umbraco-forms-field.checkbox {
  display: flex;
  flex-direction: row-reverse;
  justify-content: start;
  flex-wrap: wrap;
  align-items: center;
}

/* Make the checkbox label full width to make it have an entire row for itself */
body .umbraco-forms-form .umbraco-forms-page .umbraco-forms-field.checkbox label {
  flex-basis: 100%;
}

body .umbraco-forms-form .umbraco-forms-page .umbraco-forms-field.checkbox input {
  margin: 0.4rem 0.8rem 0.4rem 0;
}

body .umbraco-forms-form .umbraco-forms-page .umbraco-forms-field.checkbox .field-validation-error {
  position: absolute;
  font-size: 1.4rem;
}

/* Umbraco forms, for some reason, adds a whitespace character before the followings types of input,
adding 4.25px of empty space between the label and the input. So we use 0.375rem for the right
margin to get 0.8rem of spacing in total as with the normal checkbox inputs. */
body .umbraco-forms-form .umbraco-forms-page .umbraco-forms-field-wrapper .radiobuttonlist input,
body .umbraco-forms-form .umbraco-forms-page .umbraco-forms-field-wrapper .checkboxlist input,
body .umbraco-forms-form .umbraco-forms-page .umbraco-forms-field-wrapper .radiobuttonlist label,
body .umbraco-forms-form .umbraco-forms-page .umbraco-forms-field-wrapper .checkboxlist label {
  margin: 0.4rem 0.375rem 0.8rem 0;
}


/* Validation errors */

.umbraco-forms-page .field-validation-error,
.ub-forms-page .field-validation-error {
  font-size: 1.5rem;
  color: var(--color-input-error-text);
  line-height: 1.56;
  letter-spacing: .4px;
}

.umbraco-forms-page .field-validation-error::before,
.ub-forms-page .field-validation-error::before {
  line-height: 1.56;
  content: "* ";
}

/* Submit button */

.umbraco-forms-page input[type="submit"],
.ub-forms-page .submit-btn {
  padding: 1.6rem 4rem;
  margin-top: 3rem;
  font-family: "Swiss 721 W03 Bd Cnd", Arial, Helvetica, sans-serif;
  background-color: var(--ub-blue);
  color: var(--white);
  font-size: 17px;
  text-align: center;
  cursor: pointer;
  border: 0;
}

.umbraco-forms-page input[type="submit"]:hover,
.umbraco-forms-page input[type="submit"]:active,
.ub-forms-page .submit-btn:hover,
.ub-forms-page .submit-btn:active {
  background-color: var(--ub-blue-50) !important;
  border-color: var(--ub-blue-50) !important;
  transition: background-color 0.4s, color 0.4s !important;
}

/* The message shown after form is submitted */
body span.umbraco-forms-submitmessage,
body span.ub-forms-submitmessage {
  display: block;
  text-align: center;
}


/*** Rich Text Form */

/* The class 'richtext-form' must be added to the form. In Umbraco forms, groups are turned into
legend elements, but using this class hides those elements. The labels for checkboxes are also
hidden. */

.richtext-form fieldset.umbraco-forms-fieldset > legend,
.richtext-form fieldset.umbraco-forms-fieldset > legend + div div.checkbox > label,
.richtext-form fieldset.umbraco-forms-fieldset > legend + div div.richtext > label {
  display: none;
}

.richtext-form fieldset.umbraco-forms-fieldset > legend + div div.col-md-12 {
  display: flex;
}

.richtext-form fieldset.umbraco-forms-fieldset > legend + div div.richtext p {
  line-height: 1.22; /* Vertically aligns the text with the checbox */
}

/*** Narrow form inside AsideContent macro */

.column-aside .umbraco-forms-page {
  padding: 2rem;
}

.column-aside .umbraco-forms-page .umbraco-forms-label {
  font-size: 1.6rem;
}

.column-aside .umbraco-forms-page .umbraco-forms-field-wrapper input.text,
.column-aside .umbraco-forms-page .umbraco-forms-field-wrapper textarea {
  font-size: 1.5rem;
  padding: 0.4rem;
  max-width: 100%;
}


/*** Subscribe to newsletter banner form */

@media screen and (max-width: 740px) {
  .form-subscribe-newsletter-banner .umbraco-forms-page {
    padding: 0 max(calc(50% - 200px), 2rem);
  }
}

.form-subscribe-newsletter-banner {
  font-family: "Swiss 721 W03 Light", Arial, Helvetica, sans-serif;
}

.form-subscribe-newsletter-banner label {
  color: #ddd;
}

body .form-subscribe-newsletter-banner input.text {
  font-size: 1.7rem;
  border: none;
  border-bottom: 1px solid #fff;
}

body .form-subscribe-newsletter-banner input.text::placeholder {
  color: hsla(0, 0%, 100%, .5);
  opacity: 1;
  font-family: "Swiss 721 W03 Light", Arial, Helvetica, sans-serif;
}

body .form-subscribe-newsletter-banner input.text.valid {
  color: #fff;
}

body .form-subscribe-newsletter-banner .umbraco-forms-field-wrapper input.text[aria-invalid=true] {
  border-radius: 4px 4px 0 0;
  background-color: rgba(204, 0, 0, 0.438);
  color: #fff;
}

body .form-subscribe-newsletter-banner input {
  background-color: transparent;
}

.form-subscribe-newsletter-banner .umbraco-forms-page .umbraco-forms-field-wrapper input.text:focus-visible,
.form-subscribe-newsletter-banner .umbraco-forms-page .umbraco-forms-field-wrapper input.text:focus-within {
  background-color: var(--ub-blue-5);
}


body .form-subscribe-newsletter-banner .field-validation-error {
  font-size: 1.5rem;
  color: var(--color-input-error-text);
  letter-spacing: .4px;
}

body .form-subscribe-newsletter-banner span.field-validation-error {
  font-size: 1.4rem;
  display: block;
  max-width: 400px;
  padding: 0.5rem;
}

body .form-subscribe-newsletter-banner span.field-validation-error {
  color: #fff !important;
}

body .form-subscribe-newsletter-banner .umbraco-forms-page {
  box-shadow: none;
  background-color: transparent;
}

body .form-subscribe-newsletter-banner .umbraco-forms-field {
  max-width: 400px;
}

body .form-subscribe-newsletter-banner input[type="submit"] {
  font-family: "Swiss 721 W03 Bd Cnd", Arial, Helvetica, sans-serif;
  background-color: transparent;
  border: solid 1px #fff;
  margin: 1rem 0;
  padding: 1.2rem 4rem;
  cursor: pointer;
  transition: background-color .1s linear;
}

body .form-subscribe-newsletter-banner input[type="submit"]:hover {
  background-color: #859ca8;
  transition: background-color .3s linear;
}

body .form-subscribe-newsletter-banner .umbraco-forms-page,
body .form-subscribe-newsletter-banner .umbraco-forms-field-wrapper input.text {
  border: 0;
  color: var(--ub-light-grey);
}

body .form-subscribe-newsletter-banner .umbraco-forms-field-wrapper input.text {
  border-bottom: 1px solid var(--ub-light-grey);
}

body .form-subscribe-newsletter-banner .checkbox,
body .form-subscribe-newsletter-banner .richlink {
  font-size: 1.5rem;
  margin-bottom: 2.4rem;
}

body .form-subscribe-newsletter-banner .checkbox span.field-validation-error {
  position: absolute;
}

/* Form field name has to be Data Consent for the following to work */

body .form-subscribe-newsletter-banner .dataconsent label.umbraco-forms-label {
  display: none;
}

.form-subscribe-newsletter-banner .dataconsent .umbraco-forms-tooltip.help-block,
body .form-subscribe-newsletter-banner p {
  color: var(--ub-light-grey);
  font-size: 1.5rem;
}

body .form-subscribe-newsletter-banner a {
  color: var(--ub-grey-25);
}

body .form-subscribe-newsletter-banner span.umbraco-forms-submitmessage {
  max-width: 400px;
  color: var(--ub-light-grey);
}

/* Cision subscribe form */

.subscription-successful-text {
  display: inline-block;
  margin-top: 2rem;
}
@import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=641c1171-f5b3-4fe6-a179-ecacda2f532b");
/* ITC Franklin Gothic W01 Book */

@font-face {
  font-family: "ITCFranklinGothicW01-Bk 812647";
  src: url("/fonts/03dda592-ab39-4f26-9535-fdea194854cf.eot?#iefix");
  src: url("/fonts/03dda592-ab39-4f26-9535-fdea194854cf.eot?#iefix") format("eot"), url("/fonts/41c174b1-68c1-41b7-a19f-5ec80929b115.woff") format("woff"), url("/fonts/06d99598-12aa-461b-b57e-81a137da1b9f.ttf") format("truetype"), url("/fonts/427cca04-e0ee-4395-a5d3-b7d45feeff62.svg#427cca04-e0ee-4395-a5d3-b7d45feeff62") format("svg");
}

/* ITC Franklin Gothic W01 Condensed Book */

@font-face {
  font-family: "ITCFranklinGothicW01-Bk 812656";
  src: url("/fonts/25b07660-96a5-4eed-bcfd-fc4f0e97098a.eot?#iefix");
  src: url("/fonts/25b07660-96a5-4eed-bcfd-fc4f0e97098a.eot?#iefix") format("eot"), url("/fonts/de902d7e-9849-4880-b8fe-966b186b110c.woff") format("woff"), url("/fonts/fdec17bc-6f6c-4b7c-bbc1-8f2ec6c7931c.ttf") format("truetype"), url("/fonts/3b330c74-12e3-423e-9785-d817a41a9a24.svg#3b330c74-12e3-423e-9785-d817a41a9a24") format("svg");
}

/* ITC Franklin Gothic W01 Condensed Medium */

@font-face {
  font-family: "ITCFranklinGothicW01-Md 812698";
  src: url("/fonts/7762c169-a387-4399-b8a3-d43373d60c3e.eot?#iefix");
  src: url("/fonts/7762c169-a387-4399-b8a3-d43373d60c3e.eot?#iefix") format("eot"), url("/fonts/060031a3-ab11-4f91-9dd4-6b39458f5109.woff") format("woff"), url("/fonts/9920e0c0-07ac-4a1b-befd-fa76960969b8.ttf") format("truetype"), url("/fonts/52fb29fb-5147-4a42-b308-e24daf6ec3b6.svg#52fb29fb-5147-4a42-b308-e24daf6ec3b6") format("svg");
}

/* URW Franklin Gothic W01 Book */

@font-face {
  font-family: "URWFranklinGothicW01-Bo 927744";
  src: url("/fonts/5d102224-fe85-43c1-96f9-272fc4f09636.eot?#iefix");
  src: url("/fonts/5d102224-fe85-43c1-96f9-272fc4f09636.eot?#iefix") format("eot"), url("/fonts/92fde49b-44fa-441b-9633-c66f9d78a9b4.woff") format("woff"), url("/fonts/b7d81b13-ddee-4c06-b724-34a9b0dc720d.ttf") format("truetype"), url("/fonts/ad226b72-0aa7-49bf-96a6-b7668a19e0b5.svg#ad226b72-0aa7-49bf-96a6-b7668a19e0b5") format("svg");
}

/* URW Franklin Gothic W01 Demi */

@font-face {
  font-family: "URWFranklinGothicW01-De 927750";
  src: url("/fonts/f71d1afb-6e5e-4a5d-84c0-dc2cda10b1b7.eot?#iefix");
  src: url("/fonts/f71d1afb-6e5e-4a5d-84c0-dc2cda10b1b7.eot?#iefix") format("eot"), url("/fonts/361020a1-32d2-4c5a-a8ab-57c6181a4ae9.woff") format("woff"), url("/fonts/0525427f-5467-4c6e-b137-f7cec4686bc4.ttf") format("truetype"), url("/fonts/fe6e9831-a84e-4ae0-a54f-81d35aa6c5c5.svg#fe6e9831-a84e-4ae0-a54f-81d35aa6c5c5") format("svg");
}

/* ITC Franklin Gothic W01 Compressed Book */

@font-face {
  font-family: "ITCFranklinGothicW01-Bk_812650";
  src: url("/fonts/40c25844-afae-464c-b2e8-e22dfe775019.eot?#iefix");
  src: url("/fonts/40c25844-afae-464c-b2e8-e22dfe775019.eot?#iefix") format("eot"), url("/fonts/3e93a250-0c01-4de3-a34f-07ad006f324c.woff") format("woff"), url("/fonts/b8e027ee-2673-4c27-94d0-54595a427ab2.ttf") format("truetype"), url("/fonts/d2919fbf-50f9-4403-b41a-12044cdefede.svg#d2919fbf-50f9-4403-b41a-12044cdefede") format("svg");
}

/* ITC Franklin Gothic W01 Compressed Demi */

@font-face {
  font-family: "ITCFranklinGothicW01-Dm_812671";
  src: url("/fonts/b42b1756-b19e-43bc-adf8-a91bc339a1f0.eot?#iefix");
  src: url("/fonts/b42b1756-b19e-43bc-adf8-a91bc339a1f0.eot?#iefix") format("eot"), url("/fonts/61509a4a-55a0-4207-a78b-902f7a2cc685.woff") format("woff"), url("/fonts/e70351f1-aa0a-4aea-8164-6c50d40da854.ttf") format("truetype"), url("/fonts/c168602c-6e5b-408d-a51c-ca4ddb8fe8e4.svg#c168602c-6e5b-408d-a51c-ca4ddb8fe8e4") format("svg");
}

/* Neue Helvetica W01 45 Light */

@font-face {
  font-family: "HelveticaNeueW01-45Ligh";
  src: url("/fonts/ae1656aa-5f8f-4905-aed0-93e667bd6e4a.eot?#iefix");
  src: url("/fonts/ae1656aa-5f8f-4905-aed0-93e667bd6e4a.eot?#iefix") format("eot"), url("/fonts/530dee22-e3c1-4e9f-bf62-c31d510d9656.woff") format("woff"), url("/fonts/688ab72b-4deb-4e15-a088-89166978d469.ttf") format("truetype"), url("/fonts/7816f72f-f47e-4715-8cd7-960e3723846a.svg#7816f72f-f47e-4715-8cd7-960e3723846a") format("svg");
}

/* Neue Helvetica W01 65 Medium */

@font-face {
  font-family: "HelveticaNeueW01-65Medi";
  src: url("/fonts/07fe0fec-b63f-4963-8ee1-535528b67fdb.eot?#iefix");
  src: url("/fonts/07fe0fec-b63f-4963-8ee1-535528b67fdb.eot?#iefix") format("eot"), url("/fonts/60be5c39-863e-40cb-9434-6ebafb62ab2b.woff") format("woff"), url("/fonts/4c6503c9-859b-4d3b-a1d5-2d42e1222415.ttf") format("truetype"), url("/fonts/36c182c6-ef98-4021-9b0d-d63122c2bbf5.svg#36c182c6-ef98-4021-9b0d-d63122c2bbf5") format("svg");
}

/* Neue Helvetica W01 75 Bold */

@font-face {
  font-family: "HelveticaNeueW01-75Bold";
  src: url("/fonts/c07fef9e-a934-42d7-92ad-69205f2b8a00.eot?#iefix");
  src: url("/fonts/c07fef9e-a934-42d7-92ad-69205f2b8a00.eot?#iefix") format("eot"), url("/fonts/14ff6081-326d-4dae-b778-d7afa66166fc.woff") format("woff"), url("/fonts/8fda1e47-19be-46c7-8d83-8d4fb35572f0.ttf") format("truetype"), url("/fonts/f751c8ae-1057-46d9-8d74-62592e002568.svg#f751c8ae-1057-46d9-8d74-62592e002568") format("svg");
}

/* Minion Medium Condensed Caption */

@font-face {
  font-family: "Minion W08 Md Cd Cp";
  src: url("/fonts/695714a9-74d7-408a-8921-f2bc641128ba.eot?#iefix");
  src: url("/fonts/695714a9-74d7-408a-8921-f2bc641128ba.eot?#iefix") format("eot"), url("/fonts/b85deb54-38c4-4cb4-b237-822b647d4d18.woff") format("woff"), url("/fonts/3077b7e8-7574-42d9-adfa-3d4279fb5ae4.ttf") format("truetype"), url("/fonts/e939c7e3-7a5c-497d-9281-50b828270506.svg#e939c7e3-7a5c-497d-9281-50b828270506") format("svg");
}

/* Minion Semibold Condensed */

@font-face {
  font-family: "Minion W08 Sbd Cd";
  src: url("/fonts/68482edf-fd44-42e6-b041-f36f6abac4d1.eot?#iefix");
  src: url("/fonts/68482edf-fd44-42e6-b041-f36f6abac4d1.eot?#iefix") format("eot"), url("/fonts/60bc69c9-1d2f-4312-a850-35f6f1994446.woff") format("woff"), url("/fonts/39428742-6f14-47e3-ac44-cb6201a70056.ttf") format("truetype"), url("/fonts/c1b2380a-c07e-4081-b650-76b18f39c7f1.svg#c1b2380a-c07e-4081-b650-76b18f39c7f1") format("svg");
}

/* Minion Bold Condensed */

@font-face {
  font-family: "Minion W08 Bold Cd";
  src: url("/fonts/66f3c766-8ec9-463e-bd9f-0f5d3847dcf4.eot?#iefix");
  src: url("/fonts/66f3c766-8ec9-463e-bd9f-0f5d3847dcf4.eot?#iefix") format("eot"), url("/fonts/e73ab14e-6a4c-4728-9ab1-75e59c7679e2.woff") format("woff"), url("/fonts/0150b982-98ba-4357-aab9-0a2de2778ee4.ttf") format("truetype"), url("/fonts/5b8b3e37-83a6-421a-ba1d-50aea04035fd.svg#5b8b3e37-83a6-421a-ba1d-50aea04035fd") format("svg");
}

/* Swiss 721 W03 Thin */

@font-face {
  font-family: "Swiss 721 W03 Thn";
  src: url("/fonts/efadb268-9678-4ce1-82ce-79f630c16271.eot?#iefix");
  src: url("/fonts/efadb268-9678-4ce1-82ce-79f630c16271.eot?#iefix") format("eot"), url("/fonts/d951ab13-81a4-49ef-b592-499f7101a394.woff") format("woff"), url("/fonts/f29f69e8-d9e1-49d5-b18c-c55d0963ad0d.ttf") format("truetype"), url("/fonts/8221b431-0f46-4dd5-b62d-0670df20ee2a.svg#8221b431-0f46-4dd5-b62d-0670df20ee2a") format("svg");
}

/* Swiss 721 W03 Light */

@font-face {
  font-family: "Swiss 721 W03 Light";
  src: url("/fonts/8936dd78-6787-48e6-b578-0df6e400b3e1.eot?#iefix");
  src: url("/fonts/8936dd78-6787-48e6-b578-0df6e400b3e1.eot?#iefix") format("eot"), url("/fonts/d1001ef9-2b8e-4cd1-99e7-9f48a6f7d356.woff") format("woff"), url("/fonts/0c9b7a6a-39da-4a63-8de4-3a91edeab5de.ttf") format("truetype"), url("/fonts/a3f40f07-8d2b-4630-a6c6-a6e1ceb4e1e7.svg#a3f40f07-8d2b-4630-a6c6-a6e1ceb4e1e7") format("svg");
}

/* Swiss 721 W03 Light Condensed */

@font-face {
  font-family: "Swiss 721 W03 Light Cnd";
  src: url("/fonts/492c1dc1-a0eb-449d-9c6b-5fc379d3d6ad.eot?#iefix");
  src: url("/fonts/492c1dc1-a0eb-449d-9c6b-5fc379d3d6ad.eot?#iefix") format("eot"), url("/fonts/572f4033-5b20-497d-9eec-f2642057895c.woff") format("woff"), url("/fonts/4874e700-7150-43e5-a72e-108b74d19e58.ttf") format("truetype"), url("/fonts/ec9ad866-7df7-424f-841f-ca5d9b23bf9e.svg#ec9ad866-7df7-424f-841f-ca5d9b23bf9e") format("svg");
}

/* Swiss 721 W03 Condensed */

@font-face {
  font-family: "Swiss 721 W03 Cnd";
  src: url("/fonts/479af9aa-4f26-46f2-86bd-a7a402857682.eot?#iefix");
  src: url("/fonts/479af9aa-4f26-46f2-86bd-a7a402857682.eot?#iefix") format("eot"), url("/fonts/6c757807-f8ca-46ea-a7ec-bf318188880a.woff") format("woff"), url("/fonts/ed06709b-3985-4b1e-b045-e173e224060a.ttf") format("truetype"), url("/fonts/6a141d87-8c63-412b-9ac6-1107b02ea625.svg#6a141d87-8c63-412b-9ac6-1107b02ea625") format("svg");
}

/* Swiss 721 W03 Bold Condensed */

@font-face {
  font-family: "Swiss 721 W03 Bd Cnd";
  src: url("/fonts/9d110454-bdb0-45fa-8bfd-27c1e5a6e0de.eot?#iefix");
  src: url("/fonts/9d110454-bdb0-45fa-8bfd-27c1e5a6e0de.eot?#iefix") format("eot"), url("/fonts/f2bb9e08-e1b0-4de5-b414-c8a0b3ec39fa.woff") format("woff"), url("/fonts/d51673dd-8f8b-49c0-bc94-97ae567963c3.ttf") format("truetype"), url("/fonts/4c00b9f9-d6b3-46b6-b7e5-820786ed386e.svg#4c00b9f9-d6b3-46b6-b7e5-820786ed386e") format("svg");
}

/* Swiss 721 W03 Black Condensed */

@font-face {
  font-family: "Swiss 721 W03 Blk Cnd";
  src: url("/fonts/aa898871-4566-469b-b50a-5d85c39eebb5.eot?#iefix");
  src: url("/fonts/aa898871-4566-469b-b50a-5d85c39eebb5.eot?#iefix") format("eot"), url("/fonts/3b500e51-91e9-44af-8c6f-52ee81e157bc.woff") format("woff"), url("/fonts/efe8f093-554e-4ade-9d73-0a0ccea95bb3.ttf") format("truetype"), url("/fonts/02ccb762-e8c9-47d9-90fc-517de3554eb3.svg#02ccb762-e8c9-47d9-90fc-517de3554eb3") format("svg");
}

/* Minion Italic */

@font-face {
  font-family: "Minion W01 It";
  src: url("/fonts/0d708c6f-d31c-49ad-b92e-ea37b7ba762b.eot?#iefix");
  src: url("/fonts/0d708c6f-d31c-49ad-b92e-ea37b7ba762b.eot?#iefix") format("eot"), url("/fonts/3a415f59-f235-4fac-a05d-e270104dd8e6.woff2") format("woff2"), url("/fonts/e364b06d-aac3-4a54-84ff-4b3a2860debb.woff") format("woff"), url("/fonts/6346c02d-13da-4d5c-ab2e-13e40d7f24c2.ttf") format("truetype"), url("/fonts/8cda8fb2-6a3e-4e20-b063-4fbfca0025e5.svg#8cda8fb2-6a3e-4e20-b063-4fbfca0025e5") format("svg");
}

/* Swiss 721 W01 Thin Italic */

@font-face {
  font-family: "Swiss721W01-ThinItalic";
  src: url("/fonts/e330d330-a07d-4d0b-939e-674f2f62102e.eot?#iefix");
  src: url("/fonts/e330d330-a07d-4d0b-939e-674f2f62102e.eot?#iefix") format("eot"), url("/fonts/ed4fbaf9-b6a2-4c2b-9b6b-83c024ea3f96.woff2") format("woff2"), url("/fonts/2a95aa35-7e98-4d8d-b31e-8e88cb542624.woff") format("woff"), url("/fonts/f54b5b6b-6f0f-4334-99f9-4caabd8d3d58.ttf") format("truetype"), url("/fonts/0a628421-ebd7-4e84-bf25-2d7bdb3b6841.svg#0a628421-ebd7-4e84-bf25-2d7bdb3b6841") format("svg");
}

/* Swiss 721 W01 Light Italic */

@font-face {
  font-family: "Swiss721W01-LightItalic";
  src: url("/fonts/d75c3426-6722-419e-97ba-b79455524453.eot?#iefix");
  src: url("/fonts/d75c3426-6722-419e-97ba-b79455524453.eot?#iefix") format("eot"), url("/fonts/601ca652-14f3-473e-8985-43447e32a0a9.woff2") format("woff2"), url("/fonts/a6f1a854-9263-4e9c-9b8b-b4a5088262d9.woff") format("woff"), url("/fonts/1a248e9c-07ff-4842-b342-01cfcc0c6cd6.ttf") format("truetype"), url("/fonts/80d87eec-57cb-4899-a45b-8bc125bec359.svg#80d87eec-57cb-4899-a45b-8bc125bec359") format("svg");
}

/* Swiss 721 W03 Black */
@font-face {
  font-family: "Swiss 721 W03 Blk";
  src: url("/fonts/tt0007m_.ttf") format("truetype");
}

/* Swiss 721 W03 Roman */
@font-face {
  font-family: "Swiss 721 W03 Roman";
  src: url("/fonts/tt0003m_.ttf") format("truetype");
}
.fund-types {
    display: flex;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    padding: 8px 0 16px;
    margin: -1rem auto 2rem;
}

@media screen and (max-width: 900px) {
    .fund-types {
        margin: 3rem auto 2rem;
    }
}

.fund-types>span:not(:last-child) {
    border-right: 1px solid #5b7582;
}

.fund-types>span {
    padding: 4px 8px;
    color: #5b7582;
}





#hightstock-container {
    max-width: 750px;
    padding: 0 1rem;
    margin: 0 auto 3rem;
}

@media screen and (max-width: 900px) {
    #hightstock-container {
        /*margin: 4rem auto 2rem;*/
    }
}

.fund-button-wrapper {
    margin-top: 2rem;
    text-align: center;
}

.files-wrapper {
    max-width: 750px;
    margin: 4rem auto 32px;
    padding: 2rem;
}

.files-wrapper > div {
    border-top: 1px solid rgb(227, 233, 237);
}

.files-wrapper .header {
  display: block;
  padding: 8px 0px;
}

.files-wrapper .link {
  display: inline-flex;
  width: 300px;
  margin-right: 32px;
  margin-bottom: 10px;
}
.files-wrapper .link:before {
  content: none;
  height: 0 !important;
}
.files-wrapper .link:hover:before {
  content: none;
}

.files-wrapper .link > img {
  height: 26px;
}

.files-wrapper .link > span {
  display: inline-block;
  line-height: 1.53;
  margin-left: 8px;
  position: relative;
}

.files-wrapper .link>span:hover:before:not(.link-file-missing) {
    visibility: visible;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.files-wrapper .link>span:before:not(.link-file-missing) {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: -1px;
    left: 0;
    background-color: #00678b;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}

.link-file-missing span.ub-link {
    cursor: not-allowed;
}








.fatca-info {
    background: #f1f4f6;
    padding: 3rem;
    text-align: center;
    max-width: 750px;
    margin: auto;
    margin: 4rem auto;
}


@media screen and (max-width: 900px) {
    .fatca-info {
        margin: 6rem auto 0;
    }
}
.header__image {
  position: relative;
  height: 40vw;
  max-height: 500px;
  overflow: hidden;
}

.header__image__title {
  display: none;
}

.header__image__image {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media screen and (min-width: 900px) {
  .header__image__title {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 46px;
    line-height: 1.81;
    text-align: center;
    color: #a35216;
    font-family: "Swiss 721 W03 Thn";
    background: #ffffff;
    height: 100px;
    width: 100%;
    padding-bottom: 8px;
    margin: 0;
    z-index: 1;
  }
}
.highlights {
  display: flex;
  flex-flow: row wrap;
}

.tile {
  flex: 460px 0 0;
  height: 250px;
  position: relative;
  overflow: hidden;
  margin: 8px 0;
}

@media screen and (min-width: 1218px) {
  .tile-small {
    flex: 329px 0 0;
  }

  .tile:nth-child(2),
.tile:nth-child(5) {
    margin: 8px 16px;
  }
}
@media screen and (max-width: 1218px) {
  .tile {
    flex: 420px 1 1;
    max-width: 644px;
    min-width: 420px;
  }
  .tile:nth-child(even) {
    margin: 8px 0 8px 16px;
  }
}
@media screen and (max-width: 918px) {
  .highlights {
    flex-flow: row wrap;
  }

  .tile {
    flex: 50%;
    min-width: 250px;
    height: 320px;
    margin: 8px 0 !important;
  }
}
.hl-block-thumbnail {
	 position: relative;
	 width: 100%;
	 height: 100%;
}
 .hl-block-thumbnail-image {
	 position: absolute;
	 top: 0;
	 right: 0;
	 display: block;
	 width: 100%;
	 height: 100%;
}
 .hl-block-thumbnail-image > img {
	 width: 100%;
	 height: 100%;
	 object-fit: cover;
	 /*min-width: 460px;*/
	 /*min-height: 250px;*/
}
 .hl-block-thumbnail {
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 background-repeat: no-repeat;
	 background-position: right top;
	 background: black;
}
 .hl-block-thumbnail .hl-block-gradient {
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 background: #000;
	 background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 30%);
	 z-index: 1;
}
 .hl-block-thumbnail > .hl-block-thumbnail__background {
	 width: 100%;
	 height: 100%;
	 background-position: 50% 50%;
	 background-size: cover;
}
 .hl-block-thumbnail > .hl-block-thumbnail__background, .hl-block-thumbnail > .hl-block-thumbnail-image, .hl-block-thumbnail > .hl-block-gradient {
	 transition: all 0.5s ease-in-out;
}
 .hl-block-thumbnail .hl-block-header {
	 position: absolute;
	 bottom: 0px;
	 left: 20px;
	 width: calc(100% - 40px);
	font-family: "Swiss 721 W03 Light";
	 font-size: 24px;
	 color: white;
	 line-height: 1.3;
	 transition: all 0.4s ease-in-out;
	 z-index: 2;
}
 .hl-block-thumbnail .hl-block-description {
	 position: absolute;
	 bottom: -120px;
	 left: 20px;
	 color: white;
	 line-height: 1.3;
	 transition: all 0.4s ease-in-out;
	 width: 80%;
	 height: 100px;
	 overflow: hidden;
}
 .hl-block-thumbnail .hl-block-type {
	 position: absolute;
	font-family: "Swiss 721 W03 Bd Cnd";
	 text-transform: uppercase;
	 color: white;
	 top: 20px;
	 left: 20px;
	 font-size: 12px;
	 z-index: 2;
}
 @media screen and (min-width: 1218px) {
	 .tile-small .hl-block-thumbnail img {
		 /*min-width: 329px;*/
		 /*min-height: 250px;*/
		 width: 100%;
		 height: 100%;
		 object-fit: cover;
	}
	 .hl-block-thumbnail .hl-block-header {
		 position: absolute;
		 bottom: 0;
		 left: 20px;
		 width: calc(100% - 40px);
		font-family: "Swiss 721 W03 Light";
		 font-size: 24px;
		 color: white;
		 line-height: 1.3;
		 transition: all 0.4s ease-in-out;
		 z-index: 2;
	}
	 .hl-block-thumbnail .hl-block-description {
		 position: absolute;
		 left: 20px;
		 color: white;
		 bottom: -120px;
		 line-height: 1.3;
		 transition: all 0.4s ease-in-out;
		 width: 80%;
		 height: 100px;
		 overflow: hidden;
	}
	 .hl-block-thumbnail .hl-block-type {
		 position: absolute;
		font-family: "Swiss 721 W03 Bd Cnd";
		 text-transform: uppercase;
		 color: white;
		 top: 20px;
		 left: 20px;
		 font-size: 12px;
		 z-index: 2;
	}
}
 @media screen and (min-width: 918px) {
	 .hl-block-thumbnail:hover > .hl-block-thumbnail__background, .hl-block-thumbnail:hover > .hl-block-thumbnail-image {
		 opacity: 0.4;
	}
	 .hl-block-thumbnail:hover > .hl-block-gradient {
		 opacity: 0;
	}
	 .hl-block-thumbnail:hover .hl-block-header {
		 bottom: 120px;
	}
	 .hl-block-thumbnail:hover .hl-block-description {
		 bottom: 15px;
	}
}
 @media screen and (max-width: 918px) {
	 .hl-block-thumbnail .hl-block-thumbnail-image > img {
		 /*height: 320px;*/
		 /*width: 590px;*/
	}
	 .hl-block-thumbnail .hl-block-header {
		 bottom: 180px;
	}
	 .hl-block-thumbnail .hl-block-description {
		 bottom: 75px;
	}
	 .hl-block-thumbnail .hl-block-thumbnail__background, .hl-block-thumbnail .hl-block-thumbnail-image {
		 opacity: 0.65;
	}
	 .hl-block-thumbnail .hl-block-gradient {
		 opacity: 0;
	}
}
#investor-info {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
    margin: auto;
}

#investor-info h1 {
    flex: 1 1 100%;
    text-align: center;
}

#investor-info-text {
    max-width: 850px;
    margin: auto;
    text-align: center;
}

#investor-info-content {
    max-width: 850px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

#investor-info-content > div {
    flex: 1;
    margin: 0 2rem;
    max-width: 25rem;
}

#investor-info-content h3 {
    text-align: center;
    margin: 4rem auto 1rem;
    font-family: "Swiss 721 W03 Bd Cnd",Arial,Helvetica,sans-serif;
    font-size: 17px;
    text-transform: uppercase;
}

#investor-info-content .checkboxes {
    text-align: left;
    border-top: 1px solid #e3e9ed;
    padding-top: 2rem;
}

#investor-info-content label {
    margin-top: 1rem;
    text-align: left;
    display: block;
    min-width: 180px;
}

#investor-info-buttons {
    padding-top: 4rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    height: 8rem;
    flex: 1 1 100% !important;
    max-width: unset;
    min-width: 100%;
}

#investor-info-buttons button {
    display: inline-block;
    width: auto;
    cursor: pointer;
}

#investor-info-submit.disabled {
    pointer-events: none;
    background: #ccc;
    border-color: #ccc;
}
.link__button:not(.flat) {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 17px;
  font-family: "Swiss 721 W03 Bd Cnd";
  letter-spacing: 0.2px;
  text-align: center;
  color: #5b7582;
  min-width: 0px;
  height: 48px;
  padding: 0 20px 0 20px;
  border: 1px solid #859ca8;
  transition: all 0.3s linear;
  cursor: pointer;
}
.link__button:not(.flat):before {
  content: none;
  height: 0 !important;
}
.link__button:not(.flat):hover:before {
  content: none;
}
.link__button:not(.flat):hover {
  color: #ffffff;
  border-color: #7eb5cd;
  background: #7eb5cd;
}
.link__button:not(.flat).dark {
  border-color: #ffffff;
  color: #ffffff;
}
.link__button:not(.flat).dark:hover {
  color: #5b7582;
  background: #ffffff;
}

.link__button.flat {
  color: #4a4a4a;
  color: var(--ub-black);
}

@media screen and (max-width: 495px) {
  .link__button {
    font-size: 16px;
  }
}
@charset "UTF-8";

:root {
  font-size: 10px;
  --ub-blue: #00678b;
  --ub-blue-50: #7eb5cd;
  --ub-blue-5: rgba(0, 103, 139, 0.05);
  --ub-grey: #859ca8;
  --ub-dark-blue: #005065;
  --ub-dark-blue-rgb: 0, 80, 101; /* use with rgba function */
  --black: #4a4a4a;
  --white: #ffffff;
  --ub-grey-25: #c7d4db;
  --ub-grey-10: #f1f4f6;
  --ub-light-grey: #fafbfc;
  --ub-dark-blue-50: #8badbe;
  --ub-dark-grey: #5b7582;
  --rust: #a35216;
  --gold: #d3a519;
  --green: #093c2a;
  --dark-bg-blue: #003645;
  --ub-light-blue: #e3e9ed;
}


html {
  word-spacing: 1px;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
}

body {
  color: #4a4a4a;
  font-size: 1.6rem;
  font-family: "Swiss 721 W03 Light", Arial, Helvetica, sans-serif;
}
body #site-container {
  max-width: 1300px;
  width: 100%;
  padding: 0 20px;
  box-sizing: border-box;
}

body.theme-color-ub footer.section--themed {
  background-color: #fafbfc;
  color: #4a4a4a;
}

footer {
  margin-top: 6rem;
  padding-top: 60px;
  padding-bottom: 60px;
}


/* line 1, ../sass/modules/_video.scss */
.video-embed-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
}
/* line 6, ../sass/modules/_video.scss */
.video-embed-wrapper iframe {
  border: none;
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


.white {
  color: #ffffff;
  font-family: "Swiss 721 W03 Light", Arial, Helvetica, sans-serif;
}

*,
*:before,
*:after {
  box-sizing: border-box;
  margin: 0;
}

span {
  cursor: default;
}

a {
  font-family: "Swiss 721 W03 Light", Arial, Helvetica, sans-serif;
  text-decoration: none;
  color: var(--ub-blue);
}


ul {
  padding: 0;
  list-style: none;
}

ul,
ol,
dl,
p,
h2,
h3,
h4,
h5,
h6,
address,
form,
table,
blockquote,
applet,
embed,
object,
iframe,
frameset {
  font-family: "Swiss 721 W03 Light", Arial, Helvetica, sans-serif;
  margin: 0 0 14px;
}

/* this was the definition for ub-h1 in the deleted unitedbankers-style.css */
.ub-big{
    font-family: 'Swiss 721 W03 Thn', Arial, Helvetica, sans-serif;
    font-size: 64px;
    font-weight: 100;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.09;
    letter-spacing: 0.8px;
    color: var(--ub-blue);
    color: #00678b;
}

.ub-h2, h2,
.ub-h1,
h1 {
  font-family: "Swiss 721 W03 Thn", Arial, Helvetica, sans-serif;
  font-size: 46px;
  font-weight: 100;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.22;
  letter-spacing: normal;
  margin: 3rem auto;
}

.ub-h1,
h1 {
  color: var(--ub-blue);
  text-align: center;
}

.ub-h2,
h2 {
  color: var(--ub-dark-grey);
}

.ub-h3,
h3 {
  font-family: "Swiss 721 W03 Light", Arial, Helvetica, sans-serif;
  font-size: 27px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.22;
  letter-spacing: normal;
  color: var(--ub-dark-grey);
}


.ub-h4,
.ub-h4-light,
h4 {
  font-family: "Swiss 721 W03 Bd Cnd", Arial, Helvetica, sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 300;
  font-stretch: condensed;
  line-height: 1.53;
  letter-spacing: 0.4px;
  color: var(--ub-dark-grey);
  text-transform: uppercase;
}

h3.toggler-title,
h4.toggler-title {
    cursor: pointer;
    text-align: left;
    --chevron-width: 3px;
    --chevron-size: 1.2rem;
    margin: 12px auto 8px;
}

h4.toggler-title {
    font-size: 2rem;
    font-family: "Swiss 721 W03 Light", Arial, Helvetica, sans-serif;
    text-transform: unset;
    letter-spacing: unset;
}

    h3.toggler-title:after,
    h4.toggler-title:after {
        border-style: solid;
        border-width: var(--chevron-width) var(--chevron-width) 0 0;
        content: '';
        display: inline-block;
        height: var(--chevron-size);
        margin-left: 1rem;
        position: relative;
        top: 5px;
        transform: rotate(135deg);
        vertical-align: top;
        width: var(--chevron-size);
    }

    h3.toggler-title[attr-open="true"]:after,
    h4.toggler-title[attr-open="true"]:after {
        top: 12px;
        transform: rotate(-45deg);
    }

.ub-h4-light {
  font-family: "Swiss 721 W03 Thn", Arial, Helvetica, sans-serif;
  font-weight: 300;
}

h5.alt-1 {
  color: var(--ub-dark-grey);
  font-size: 1.6rem;
  margin: 0;
  font-weight: 700;
}



.section {
  max-width: 900px;
  margin: 0 auto;
}

.section--wide {
  max-width: calc(1150px + 40px);
  padding: 0 20px;
}

.section--narrow {
  max-width: 650px;
}

.section--sand {
  background-color: #f4f4f0;
}

.section--stroke-bottom {
  border-bottom: 1px solid #f2f2f2;
}

.section--full-height {
  min-height: 100vh;
}

.section--header {
  min-height: 320px;
  padding-top: 130px;
}

.section--content-center {
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.section--content-center, .section--content-center-bottom {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
}

.section--content-center-bottom {
  -ms-flex-align: end;
  align-items: flex-end;
}

.section--thick-border {
  border: 20px solid #fff;
}

.section__description {
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 60px;
}





/* Some old grid definition -- is this used somewhere? */
@media (min-width: 918px) {
  .container {
    width: 970px;
  }

  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }

  .col-md-1 {
    width: 8.333333%;
  }

  .col-md-2 {
    width: 16.666667%;
  }

  .col-md-3 {
    width: 25%;
  }

  .col-md-4 {
    width: 33.333333%;
  }

  .col-md-5 {
    width: 41.666667%;
  }

  .col-md-6 {
    width: 50%;
  }

  .col-md-7 {
    width: 58.333333%;
  }

  .col-md-8 {
    width: 66.666667%;
  }

  .col-md-9 {
    width: 75%;
  }

  .col-md-10 {
    width: 83.333333%;
  }

  .col-md-11 {
    width: 91.666667%;
  }

  .col-md-12 {
    width: 100%;
  }

  .col-md-pull-0 {
    right: auto;
  }

  .col-md-pull-1 {
    right: 8.333333%;
  }

  .col-md-pull-2 {
    right: 16.666667%;
  }

  .col-md-pull-3 {
    right: 25%;
  }

  .col-md-pull-4 {
    right: 33.333333%;
  }

  .col-md-pull-5 {
    right: 41.666667%;
  }

  .col-md-pull-6 {
    right: 50%;
  }

  .col-md-pull-7 {
    right: 58.333333%;
  }

  .col-md-pull-8 {
    right: 66.666667%;
  }

  .col-md-pull-9 {
    right: 75%;
  }

  .col-md-pull-10 {
    right: 83.333333%;
  }

  .col-md-pull-11 {
    right: 91.666667%;
  }

  .col-md-pull-12 {
    right: 100%;
  }

  .col-md-push-0 {
    left: auto;
  }

  .col-md-push-1 {
    left: 8.333333%;
  }

  .col-md-push-2 {
    left: 16.666667%;
  }

  .col-md-push-3 {
    left: 25%;
  }

  .col-md-push-4 {
    left: 33.333333%;
  }

  .col-md-push-5 {
    left: 41.666667%;
  }

  .col-md-push-6 {
    left: 50%;
  }

  .col-md-push-7 {
    left: 58.333333%;
  }

  .col-md-push-8 {
    left: 66.666667%;
  }

  .col-md-push-9 {
    left: 75%;
  }

  .col-md-push-10 {
    left: 83.333333%;
  }

  .col-md-push-11 {
    left: 91.666667%;
  }

  .col-md-push-12 {
    left: 100%;
  }

  .col-md-offset-0 {
    margin-left: 0;
  }

  .col-md-offset-1 {
    margin-left: 8.333333%;
  }

  .col-md-offset-2 {
    margin-left: 16.666667%;
  }

  .col-md-offset-3 {
    margin-left: 25%;
  }

  .col-md-offset-4 {
    margin-left: 33.333333%;
  }

  .col-md-offset-5 {
    margin-left: 41.666667%;
  }

  .col-md-offset-6 {
    margin-left: 50%;
  }

  .col-md-offset-7 {
    margin-left: 58.333333%;
  }

  .col-md-offset-8 {
    margin-left: 66.666667%;
  }

  .col-md-offset-9 {
    margin-left: 75%;
  }

  .col-md-offset-10 {
    margin-left: 83.333333%;
  }

  .col-md-offset-11 {
    margin-left: 91.666667%;
  }

  .col-md-offset-12 {
    margin-left: 100%;
  }

  /* Blogposts */
  .blogposts {
    max-width: 800px;
  }

  .blogpost {
    padding: 30px;
    margin: 20px 0;
  }

  .blogpost.blogpost-with-image {
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .blogpost-image {
    height: 160px;
    max-width: 160px;
    margin-top: 0;
    margin-left: 20px;
  }

  .nav-link, .nav-link:visited {
    margin-left: 15px;
    margin-right: 15px;
  }

  .button, .button--small {
    padding: 10px 20px;
  }

  .employee-grid {
    margin-left: 20px;
    margin-right: 20px;
  }

  .mobile-nav-handler {
    display: none;
  }
}

.column > div {
  padding: 0 2rem;
}

.row:after, .row:before {
  content: " ";
  display: table;
}

.row:after {
  clear: both;
}







.ub-p,
.ub-pp,
p {
  font-family: "Swiss 721 W03 Light", Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.56;
  color: var(--black);
  white-space: pre-line;
}

.ub-pp {
  font-family: "Swiss 721 W03 Light Cnd", Arial, Helvetica, sans-serif;
  font-size: 11px;
}

.pquote,
blockquote {
  font-family: "Swiss 721 W03 Blk Cnd";
  font-weight: 300;
  font-size: 17px;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.56;
  color: var(--black);
}

.pdisclaimer,
small {
  font-family: "Swiss 721 W03 Light Cnd", Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-style: normal;
  font-stretch: normal;
  line-height: 19px;
  display: inline-block;
  color: var(--black);
}

.bc-color {
  padding: 12px 12px;
}

.ub-link {
  font-family: "Swiss 721 W03 Light Cnd", Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: 300;
  font-style: normal;
  font-stretch: condensed;
  line-height: 1.73;
  letter-spacing: 0.1px;
  text-decoration: none;
  color: var(--ub-blue);
  cursor: pointer;
}

hr {
  color: #005065;
}

table h3 {
  margin-bottom: 10px;
}

table p {
  margin-bottom: 8px;
}

table td {
  padding: 4px 12px 12px 12px;
}

.ub-text-condensed,
.ub-text2-condensed {
  font-size: 17px;
  font-weight: 300;
  font-style: normal;
  font-stretch: condensed;
  line-height: 1.53;
  letter-spacing: 0.2px;
  color: #5b7582;
}

.ub-text2-condensed {
  font-size: 27px;
}


/* ArrowLink */
.arrow-a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 17px;
  font-family: "Swiss 721 W03 Bd Cnd";
  line-height: 0.94;
  letter-spacing: 0.2px;
  text-align: center;
  color: #56707d; /* #5b7582; */
  transition: all 0.3s linear;
  cursor: pointer;
}
.arrow-a:before {
  content: none;
  height: 0 !important;
}
.arrow-a:hover:before {
  content: none;
}

.arrow-a:hover {
  color: #00678b;
}

.arrow-a:hover .arrow-container .ub-arrow-shaft-right,
.arrow-a:hover .arrow-container .ub-arrow-shaft-left {
  background: #00678b !important;
}

.arrow-a:hover .ub-arrow-head-right,
.arrow-a:hover .ub-arrow-head-left {
  border-right: 2px solid #00678b;
  border-bottom: 2px solid #00678b;
}

.arrow-a-dark {
  color: #ffffff;
  position: relative;
  text-decoration: none;
}

.arrow-a-dark:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: -1px;
  left: 0;
  background-color: #fff;
  visibility: hidden;
  transform-origin: 0 0;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.arrow-a-dark:hover:before, .arrow-a-dark.undefined:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.arrow-a-dark .arrow-container .ub-arrow-shaft-right,
.arrow-a-dark .arrow-container .ub-arrow-shaft-left {
  background: white !important;
}

.arrow-a-dark .ub-arrow-head-right,
.arrow-a-dark .ub-arrow-head-left {
  border-right: 2px solid white;
  border-bottom: 2px solid white;
}

.arrow-a-dark:hover {
  color: white;
}

.arrow-a-dark:hover .arrow-container .ub-arrow-shaft-right,
.arrow-a-dark:hover .arrow-container .ub-arrow-shaft-left {
  background: white !important;
}

.arrow-a-dark:hover .ub-arrow-head-right,
.arrow-a-dark:hover .ub-arrow-head-left {
  border-right: 2px solid white;
  border-bottom: 2px solid white;
}

.ub-arrow-link {
  font-family: "Swiss 721 W03 Bd Cnd", Arial, Helvetica, sans-serif;
  text-decoration: none;
  color: var(--color-ub-blue);
  cursor: pointer;
}

.ub-arrow-link span {
  cursor: pointer;
}

.ub-arrow-link:hover {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.4rem;
}

.ub-arrow-link__icon-svg {
  height: 16px;
  width: 16px;
  stroke: var(--ub-blue);
}

.ub-arrow_link__icon-svg-grey {
  stroke: var(--ub-dark-grey);
}

.link-text {
  cursor: pointer;
  font-family: "Swiss 721 W03 Bd Cnd";
  position: relative;
  text-decoration: none;
}

.link-text:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: -1px;
  left: 0;
  background-color: #00678b;
  visibility: hidden;
  transform-origin: 0 0;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.link-text:hover:before, .link-text.undefined:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.arrow-container {
  position: relative;
  display: block;
  width: 16px;
  height: 12px;
  margin-left: 16px;
  transform: translateY(-2px);
  cursor: pointer;
}

.ub-arrow-shaft-right,
.ub-arrow-shaft-left {
  transition: all 0.3s linear;
  position: absolute;
  top: 6px;
  display: block;
  width: 16px;
  height: 2px;
  background: #859ca8;
  cursor: pointer;
}
.ub-arrow-shaft-right.white,
.ub-arrow-shaft-left.white {
  background: white;
}

.ub-arrow-shaft-left {
  left: 0;
}

.ub-arrow-shaft-right {
  right: 0;
}

.ub-arrow-head-right,
.ub-arrow-head-left {
  transition: all 0.3s linear;
  position: absolute;
  top: 2px;
  display: block;
  width: 10px;
  height: 10px;
  border-right: 2px solid #859ca8;
  border-bottom: 2px solid #859ca8;
  cursor: pointer;
}

.ub-arrow-head-right.white,
.ub-arrow-head-left.white {
  border-right: 2px solid white;
  border-bottom: 2px solid white;
}

.ub-arrow-head-right {
  right: 0;
  transform: rotate(-45deg);
}

.ub-arrow-head-left {
  left: 0;
  transform: rotate(135deg);
}

.ub-center {
  flex: 100% 1 1;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: stretch;
  max-width: 1300px;
  width: 100%;
  padding: 0 20px;
  margin: 0 auto;
  box-sizing: border-box;
}

@media screen and (max-width: 918px) {
  .ub-center {
    overflow-x: auto;
  }
}
.ub-center > div {
  flex: 100% 1 1;
}

.ub-center a,
.under a {
  position: relative;
  text-decoration: none;
}

.ub-center *:not(.topnav) a:before,
.under a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: -1px;
  left: 0;
  background-color: #00678b;
  visibility: hidden;
  transform-origin: 0 0;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.ub-center *:not(.topnav) a:hover:before,
.ub-center *:not(.desktop.topnav) a.undefined:before,
.under *:not(.desktop.topnav) a:hover:before,
.under *:not(.desktop.topnav) a.undefined:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.ub-center-1150 {
  max-width: 1150px;
  margin: 0 auto;
}


.ub-center-750 {
  max-width: 750px;
  width: 100%;
  margin: 0 auto;
}

.ub-checkbox {
  position: absolute;
  opacity: 0;
}

.ub-checkbox + .ub-checkbox-label,
.ub-checkbox + label {
  position: relative;
  display: block;
  width: max-content;
  padding: 0;
  padding-left: 24px;
  margin-bottom: 5px;
  cursor: pointer;
}

.ub-checkbox:last-child + .ub-checkbox-label,
.ub-checkbox:last-child + label {
  margin-bottom: 0;
}

.ub-checkbox + .ub-checkbox-label:before,
.ub-checkbox + label:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 5px;
  left: 0px;
  vertical-align: text-top;
  background: white;
  width: 16px;
  height: 16px;
  border: solid 1px #c7d4db;
  margin-right: 10px;
}

.ub-checkbox:checked + .ub-checkbox-label:after,
.ub-checkbox:checked + label:after {
  content: "✔";
  position: absolute;
  top: 0px;
  left: 1px;
  color: #00678b;
}

.ub-checkbox:disabled + .ub-checkbox-label:before .ub-checkbox:disabled + label:before {
  box-shadow: none;
  background: #c7d4db;
}

.ub-arrow {
  display: inline-block;
  position: relative;
  width: 16px;
  height: 12px;
}

.ub-arrow:before {
  content: "";
  position: absolute;
  top: 6px;
  display: block;
  width: 16px;
  height: 2px;
  background-color: #5b7582;
}

.ub-arrow:after {
  content: "";
  position: absolute;
  top: 2px;
  right: 0;
  height: 10px;
  width: 10px;
  border-bottom: 2px solid #5b7582;
  border-right: 2px solid #5b7582;
  transform: rotate(-45deg);
}

.line {
  display: inline-block;
  flex: 1 1 100%;
  content: "";
  height: 1px;
  width: 100%;
  background-color: #5b7582;
}

.button, .button-light,
.button-dark, .button-border {
  display: inline-block;
  font-family: "Swiss 721 W03 Bd Cnd", Arial, Helvetica, sans-serif;
  text-decoration: none;
  text-align: center;
  line-height: 1.53;
  width: 100%;
  padding: 10px;
  margin: 4px;
  white-space: nowrap;
  border: 1px solid white;
  transition: all 0.2s linear;
}

.button:before, .button-light:before,
.button-dark:before, .button-border:before {
  /* What is the purpose of this stuff? */
  content: none;
  height: 0 !important;
}
.button:hover:before, .button-light:hover:before,
.button-dark:hover:before, .button-border:hover:before {
  content: none;
}

.button-border {
  background: #7eb5cd00;
}
.button-border.light {
  border-color: white;
  color: white;
}
.button-border.light:hover, .button-border.light.active {
  color: white;
  border-color: #7eb5cd;
  background: #7eb5cd;
}
.button-border.dark {
  border-color: #00678b;
  color: #00678b;
}
.button-border.dark:hover, .button-border.dark.active {
  background: #7eb5cd;
}
.button-border.darker {
  border-color: #00678b;
  color: white;
  background: #00678b;
}
.button-border.darker:hover, .button-border.darker.active {
  background: #7eb5cd;
}

.button-light {
  background-color: #ffffff;
  color: #5b7582;
  border-color: white;
}

.button-light:hover,
.button-light:active {
  color: white;
  border-color: #7eb5cd;
  background: #7eb5cd;
}

.button-dark {
  background-color: #00678b;
  color: #ffffff;
  border-color: #00678b;
}

.button-dark:hover,
.button-dark:active {
  color: white;
  border-color: #7eb5cd;
  background: #7eb5cd;
}

.button-light:disabled,
.button-dark:disabled {
  color: #e3e9ed;
  border-color: #7eb5cd;
  background: #7eb5cd;
  cursor: default;
}

.text-button-arrow-right {
  display: block;
  background-color: #00678b;
  color: #ffffff;
  text-align: center;
  max-width: 320px;
  padding: 10px 25px;
  margin: 14px auto;
  cursor: pointer;
}


.ub-menu-category-container {
  padding-bottom: 40px;
}

.ub-menu-category-dropdown {
  width: 210px;
  height: 48px;
}

.ub-menu-category-link {
  display: inline-block;
  font-size: 16px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1;
  letter-spacing: 0.6px;
  color: #2d7c98;
  text-decoration: underline;
  margin-right: 8px;
  margin-bottom: 12px;
  cursor: pointer;
}

.ub-menu-category-radiobutton-button {
  padding-bottom: 4px;
}

.ub-menu-category-radiobutton-input {
  margin-right: 8px;
}

.ub-menu-category-radiobutton-label {
  font-size: 16px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.56;
  letter-spacing: 0.2px;
  color: #4a4a4a;
}

.ub-menu-category-title {
  font-size: 17px;
  font-family: "Swiss 721 W03 Bd Cnd";
  line-height: 1.53;
  letter-spacing: 0.6px;
  color: #5b7582;
  text-transform: uppercase;
}

@media screen and (max-width: 900px) {
  .ub-mobile-menu-bottom {
    position: fixed;
    bottom: 56px;
    left: 10px;
    right: 10px;
    max-height: calc(100vh - 124px);
    z-index: 10;
    background-color: white;
    padding: 12px 12px 12px 24px;
    box-shadow: 1px 1px 4px 0 rgba(40, 40, 40, 0.12);
    overflow-y: scroll;
  }

  .ub-mobile-menu-bottom .ub-menu-category-container {
    padding-bottom: 12px;
  }

  .ub-mobile-menu-bottom .ub-menu-category-container:not(:last-child) {
    border-bottom: 1.2px solid #e3e9ed;
    margin-bottom: 12px;
  }

  .ub-mobile-menu-bottom .ub-menu-category-dropdown {
    margin-right: 12px;
  }

  .ub-mobile-menu-bottom .ub-menu-category-link {
    margin-right: 32px;
  }

  .ub-mobile-menu-bottom .ub-menu-category-radiobutton-button {
    position: relative;
    height: 28px;
  }

  .ub-mobile-menu-bottom .ub-menu-category-radiobutton-button-active {
    background-color: rgba(0, 103, 139, 0.05);
  }

  .ub-mobile-menu-bottom .ub-menu-category-radiobutton-input {
    position: absolute;
    top: 8px;
    right: 12px;
  }

  .ub-mobile-menu-bottom .ub-menu-category-radiobutton-label {
    position: absolute;
    left: 12px;
  }

  .ub-mobile-menu-bottom .ub-menu-category-header {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .ub-mobile-menu-bottom .ub-menu-category-title {
    padding-left: 12px;
  }
}
.euro {
  display: inline-block;
  line-height: 0;
}

.ub-textarea {
  max-width: 750px;
  width: 100%;
  margin: 0 auto;
}


/*
 * Let's target IE to respect aspect ratios and sizes for img tags containing SVG files
 *
 * [1] IE9
 * [2] IE10+
 */
/* 1 */
.ie9 img[src$=".svg"] {
  width: 100%;
}

/* 2 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  img[src$=".svg"] {
    width: 100%;
  }
}
p.hugin {
  margin-bottom: 14px;
}






html .hidden {
  display: none !important;
}

.accordion-zone .inactive {
  display: none;
}


/* Transitions */

.slide__from__top-enter,
.slide__from__top-leave-to {
  transform: translateY(-100%);
}

.slide__from__top-enter-active {
  transition: all 400ms ease-in-out;
}

.slide__from__top-enter-to,
.slide__from__top-leave {
  transform: translateY(0);
}

.slide__from__top-leave-active {
  transition: all 300ms ease-in-out;
}

.transition-btn-bg-blue:hover,
.transition-btn-bg-blue:active {
    background-color: var(--ub-blue) !important;
    color: #fff !important;
    transition: background-color 0.4s, color 0.4s !important;
}

.transition-btn-bg-blue,
.transition-btn-bg-blue-50 {
    transition: background-color 0.2s, color 0.2s !important;
}

.transition-btn-bg-blue-50:hover,
.transition-btn-bg-blue-50:active {
    background-color: var(--ub-blue-50) !important;
    border-color: var(--ub-blue-50) !important;
    transition: background-color 0.4s, color 0.4s !important;
}

.two-column-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
}

/* Spacing helpers */
.ub-margin-0 {
  margin: 0 !important;
}

.ub-margin-half {
  margin: 0.5rem !important;
}

.ub-margin-1 {
  margin: 1rem !important;
}

.ub-margin-2 {
  margin: 2rem !important;
}

.ub-margin-3 {
  margin: 3rem !important;
}

.ub-margin-4 {
  margin: 4rem !important;
}

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

.ub-margin-top-half {
  margin-top: 0.5rem !important;
}

.ub-margin-08 {
  margin-top: 0.8rem !important;
}

.ub-margin-top-1 {
  margin-top: 1rem !important;
}

.ub-margin-top-2 {
  margin-top: 2rem !important;
}

.ub-margin-top-3 {
  margin-top: 3rem !important;
}

.ub-margin-top-4 {
  margin-top: 4rem !important;
}

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

.ub-margin-bottom-half {
  margin-bottom: 0.5rem !important;
}

.ub-margin-bottom-1 {
  margin-bottom: 1rem !important;
}

.ub-margin-bottom-2 {
  margin-bottom: 2rem !important;
}

.ub-margin-bottom-3 {
  margin-bottom: 3rem !important;
}

.ub-margin-bottom-4 {
  margin-bottom: 4rem !important;
}

.ub-padding-0 {
  padding: 0 !important;
}

.ub-padding-half {
  padding: 0.5rem !important;
}

.ub-padding-1 {
  padding: 1rem !important;
}

.ub-padding-2 {
  padding: 2rem !important;
}

.ub-padding-3 {
  padding: 3rem !important;
}

.ub-padding-4 {
  padding: 4rem !important;
}

.ub-padding-top-0 {
  padding-top: 0 !important;
}

.ub-padding-top-half {
  padding-top: 0.5rem !important;
}

.ub-padding-top-1 {
  padding-top: 1rem !important;
}

.ub-padding-top-2 {
  padding-top: 2rem !important;
}

.ub-padding-top-3 {
  padding-top: 3rem !important;
}

.ub-padding-top-4 {
  padding-top: 4rem !important;
}

.ub-padding-bottom-0 {
  padding-bottom: 0 !important;
}

.ub-padding-bottom-half {
  padding-bottom: 0.5rem !important;
}

.ub-padding-bottom-1 {
  padding-bottom: 1rem !important;
}

.ub-padding-bottom-2 {
  padding-bottom: 2rem !important;
}

.ub-padding-bottom-3 {
  padding-bottom: 3rem !important;
}

.ub-padding-bottom-4 {
  padding-bottom: 4rem !important;
}

/* GENERIC HELPER CLASSES
  These all use !important to override other styles.
*/

.font-bold-condensed {
  font-family: "Swiss 721 W03 Bd Cnd", Arial, Helvetica, sans-serif !important;
}

.font-black-condensed {
  font-family: "Swiss 721 W03 Blk Cnd", Arial, Helvetica, sans-serif !important;
}

.font-condensed {
  font-family: "Swiss 721 W03 Cnd", Arial, Helvetica, sans-serif !important;
}

.font-light {
  font-family: "Swiss 721 W03 Light", Arial, Helvetica, sans-serif !important;
}

.font-light-condensed {
  font-family: "Swiss 721 W03 Light Cnd", Arial, Helvetica, sans-serif !important;
}

.font-thin {
  font-family: "Swiss 721 W03 Thn", Arial, Helvetica, sans-serif !important;
}

.text-white {
  color: var(--white) !important;
}

.text-ub-blue {
  color: var(--ub-blue) !important;
}

.text-ub-dark-grey {
  color: var(--ub-dark-grey) !important;
}

.text-ub-orange {
  color: var(--ub-orange) !important;
}

.text-size-13 {
  font-size: 1.3rem !important;
}

.text-size-14 {
  font-size: 1.4rem !important;
}

.text-size-15 {
  font-size: 1.5rem !important;
}

.text-size-16 {
  font-size: 1.6rem !important;
}

.text-size-17 {
  font-size: 1.7rem !important;
}

.text-size-20 {
  font-size: 2rem !important;
}

.text-size-24 {
  font-size: 2.4rem !important;
}

.text-size-27 {
  font-size: 2.7rem !important;
}

.text-size-42 {
  font-size: 4.2rem !important;
}

.text-center {
  text-align: center !important;
}

.text-right {
  text-align: right !important;
}


/* Used by content producers in the backoffice */
/* See https://hiqfi.atlassian.net/wiki/x/HYDBjg */
.swiss721 strong {
  font-family: "Swiss 721 W03 Bd Cnd", Arial, Helvetica, sans-serif;
}

.swiss721 p {
  font-family: "Swiss 721 W03 Light Cnd", Arial, Helvetica, sans-serif;
}
.nav-center {
    max-width: 1150px;
    margin: 0 auto;
}

body header {
    position: sticky;
    background-color: #fff;
    top: 0;
    z-index: 4;
    padding: 0 2rem;
}

.header-nav {
    --color-primary: rgb(0, 103, 139);
    --color-nav-lnk: #fff;
    --color-nav: rgba(var(--ub-dark-blue-rgb), 0.92);
    --color-nav-btn: #859ca8;
    --color-nav-top: var(--ub-dark-grey);
    padding: 1rem 0;
}

.header-logo {
    align-self: center;
    margin-right: 2rem;
}

    .header-logo img {
        width: 50px;
    }

nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    color: var(--white);
}

.megamenu {
    box-sizing: border-box;
    overflow: auto;
    max-height: calc(100vh - 80px);
}

.megamenu {
    background-color: var(--color-nav);
    color: #fff;
    padding: 2rem 5rem;
    box-shadow: 2px 4px 6px rgb(0 0 0 / 30%);
}

    .megamenu p {
        font-weight: bold;
        color: #b8d5e4;
        margin: 0;
        padding: 0;
    }

.topnav a,
.mobile-nav a {
    text-decoration: none;
    display: block;
    color: var(--color-nav-top);
}

/* remove link animation from megamenu */
header .header-nav a:hover::before
 {
    display: none;
}

.mobile-nav a {
    color: var(--ub-blue);
}


.megamenu a {
    color: var(--color-nav-lnk);
    font-family: "Swiss 721 W03 Cnd";
    font-size: 1.7rem;
}

.megamenu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.nav-section-title {
    font-family: "Swiss 721 W03 Blk";
    color: #9ec6da;
    font-size: 1.7rem;
    margin-bottom: 0.8rem;
    word-wrap: break-word;
}

.nav-wrap {
    display: flex;
    gap: 1.5rem;
    margin-top: 2rem;
}

.header-nav .flex {
    display: flex;
}

/* [megamenu desktop] */
@media (min-width: 1150px) {
    .mobile {
        display: none;
    }

    .navbar-toggler {
        display: none;
    }

    .icon-toggle {
        display: none;
    }

    .header-nav .flex {
        position: relative;
    }

    .level-1 > li > a {
        padding: 2rem;
    }

    .topnav {
        flex: 1;
        display: flex;
        justify-content: space-between;
        font-size: 1.7rem;
    }

    .megamenu {
        position: absolute;
        left: 0;
        width: 100%;
        top: 100%;
        z-index: 10;
    }

        .megamenu a {
            padding: 0.36rem 0;
            font-size: 1.6rem;
        }

    .level-1 > li:hover .megamenu,
    .level-1 > li:focus .megamenu,
    .level-1 > li:focus-within .megamenu {
        display: block;
    }

    .desktop-topnav-buttons {
        gap: 20px;
        display: flex;
    }

    .level-1 > li {
        margin: auto;
    }
}

a.current {
    text-decoration: underline;
}

.level-1 {
    display: flex;
}

    .level-1 a:hover {
        text-decoration: underline;
        text-decoration-color: var(--ub-blue-50);
    }


.megamenu {
    display: none;
}

.header-nav .flex {
    justify-content: space-between;
}

/* [mobile nav] */
@media (max-width: 1149px) {
    body.mobile-nav-open {
        /* body overflow is hidden to hide main scrollbar when modal window is open */
        overflow-y: hidden;
        height: 100%;
        position: relative;
    }

    header {
        border-bottom: 3px var(--ub-grey-10) solid;
    }

    .desktop {
        display: none;
    }

    .header-logo {
        margin-right: 0;
    }

    .mobile-page-title {
        color: #a35216;
        align-self: center;
        font-size: 1.8rem;
        font-weight: 600;
        font-family: "Swiss 721 W03 Roman";
        margin: 1.8rem 0;
    }

    .mobile-nav-container {
        position: relative;
    }

    .mobile-nav {
        --svg-icon-color: var(--ub-blue);
        --svg-arrow-size: 2.4rem;

        display: none;
        position: absolute;
        overflow-y: scroll;
        height: 100vh;
        background-color: #fff;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 4;
        padding: 0 2rem;
    }

    .mobile-nav[attr-state='open'] {
        display: block;
    }

    nav.mobile {
        flex: 1;
        padding: 1rem 0;
        position: relative;
    }

    nav.mobile::before  {
        content: "";
        display: block;
        position: absolute;
        left: -100px;
        height: 76px;
        height: calc(100% - 7px);
        pointer-events: none;
        width: calc(100vw + 100px);
        border-bottom: 3px var(--ub-grey-10) solid;
    }

    .mobile-nav::after  {
        content: "";
        display: block;
        position: relative;
        left: -100px;
        width: calc(100vw + 100px);
        border-bottom: 3px transparent solid;
        box-shadow:  0 3px 3px rgb(0 0 0 / 30%)
    }

    .controls-container .mobile-level-2-back-link {
        display: flex;
    }

    .controls-container .mobile-level-2-back-link button {
        text-align: left;
    }

    .svg-container {
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    .navbar-toggler,
    .svg-wrapper {
        border: none;
        background: none;
        cursor: pointer;
        padding: 0;
        width: 50px;
    }

        .navbar-toggler svg {
            fill: var(--color-nav-btn);
        }

    .level-1,
    .level-2 {
        display: flex;
        flex-direction: column;
        gap: 3rem;
        text-align: left;
        list-style: none;
        padding: 0;
        margin: 2rem 0;
    }

        .level-1 > li,
        .level-2 > li {
            display: flex;
            flex-flow: row wrap;
            min-height: 30px;
            cursor: pointer;
        }

            .level-1 > li > a,
            .level-2 > li > a {
                flex: 1;
                padding: 0;
                font-size: 1.8rem;
                font-weight: 600;
                letter-spacing: .4px;
                margin: 0;
            }

    .mobile a:hover {
        text-decoration: underline;
        text-decoration-color: var(--ub-dark-blue-50);
    }

    .mobile a.lang-btn:hover {
        text-decoration: none;
    }

    .mobile-level-2-title {
        font-family: "Swiss 721 W03 Roman";
        font-size: 1.8rem;
        font-weight: 600;
        text-align: center;
        color: var(--ub-blue);
        margin: 1.8rem 0;
    }

    /* Vertically center the text to be on the same line as the icons */
    .mobile-level-2-title:before {
        display: inline-block;
        vertical-align: middle;
        height: 100%;
    }

    .mobile-nav-dropdown-items {
        flex-basis: 100%; /* force the dropdown items container to a separate row */
        padding-left: 2rem;
        display: flex;
        flex-direction: column;
    }

    .mobile-nav-dropdown-items a.mobile-nav-dropdown-item {
        margin: 1.5rem 0;
        font-size: 1.7rem;
    }

    .mobile-svg-chevron-down[data-is-open='open'] {
        transform: rotate(180deg);
    }

    .icon-toggle {
        align-self: center;
        fill: var(--color-nav-top);
        cursor: pointer;
        position: relative;
        top: 0;
        right: 2rem;
    }

    .icon-toggle[attr-state='open'] {
        transform: rotate(180deg);
    }
}

.megamenu .menu-category {
    font-family: "Swiss 721 W03 Blk";
    color: white;
    margin-left: calc(1rem + 2px); /* Add the left border of the child li elements to get the same indent */
    margin-bottom: 2rem;
    font-size: 1.7rem;
}


.megamenu .level-2 {
    row-gap: 1.6rem;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
}

    .megamenu .level-2 li {
        flex: 1 0 100%;
        min-width: 160px;
    }

@media (min-width: 1150px) {
    .level-1 > li > a {
        font-family: "Swiss 721 W03 Light Cnd";
    }

    .megamenu .level-2 li {
        flex: 0 0 auto;
        text-align: left;
        border-left: 2px var(--ub-dark-blue-50) solid;
        padding: 0 1rem;
    }

    .menu-category {
        text-align: left;
    }
}

.lang-btn,
.lang-btn-active {
    text-transform: uppercase;
    font-size: 1.4rem;
}

.lang-btn {
    font-family: "Swiss 721 W03 Cnd";
}

.lang-btn-active {
    font-family: "Swiss 721 W03 Blk Cnd";
    color: var(--ub-dark-grey:);
}

/* ------------- */
.custom-btn-wrap {
    margin: auto;
}

.lang-selection {
    text-align: center;
}

@media (max-width: 1150px) {
    .menu-category {
        display: none;
    }

    .mobile-nav-buttons {
        display: flex;
        flex-direction: column;;
        justify-content: center;
    }
        .mobile-nav-buttons .custom-btn-wrap {
            display: flex;
            justify-content: center;
            width: 100%;
        }

        .mobile-nav-buttons .oma-ub {
            position: relative;
            display: flex;
            padding: 1.6rem;
            flex: 1 0 100%;
            max-width: 400px;
            border: 1px solid #859ca8;
            justify-content: center;
            align-items: center;
        }

        .mobile-nav-buttons .oma-ub:hover {
            text-decoration: none;
        }

        .mobile-nav-buttons .oma-ub .icon-oma-ub-svg {
            position: static;
            margin-left: 1.6rem;
        }

        .mobile-nav-buttons .oma-ub .oma-ub-text {
            font-family: "Swiss 721 W03 Roman";
            font-weight: 700;
            font-size: 1.7rem;

        }

            .mobile-nav-buttons .oma-ub .icon-oma-ub-svg svg {
                width: var(--svg-icon-size);
                height: var(--svg-icon-size);
                stroke: var(--svg-icon-color);
                vertical-align: middle;
            }

    .lang-selection {
        display: flex;
        gap: 2rem;
        justify-content: center;
        margin: 3rem 0;
    }

    .lang-btn,
    .lang-btn-active {
        padding: 0.8rem;
        border: 1px solid var(--ub-blue);
        min-width: 4rem;
        text-align: center;
    }

    .lang-btn-active {
        color: #fff;
        background-color: var(--ub-blue);
    }
}

.mobile-svg-cancel {
    background-color: var(--svg-icon-color);
    height: 50px;
    mask: url("/images/cancel.svg") no-repeat center;
    -webkit-mask: url("/images/cancel.svg") no-repeat center;
    mask-size: 20px;
    -webkit-mask-size: 20px;
}

.mobile-svg-chevron-left {
    background-color: var(--svg-icon-color);
    height: 50px;
    mask: url("/images/chevron-left.svg") no-repeat center;
    -webkit-mask: url("/images/chevron-left.svg") no-repeat center;
    mask-size: 40px;
    -webkit-mask-size: 40px;
}

.mobile-svg-arrow-right {
    background-color: var(--svg-icon-color);
    height: 30px;
    mask: url("/images/menu-arrow-right.svg") no-repeat center;
    -webkit-mask: url("/images/menu-arrow-right.svg") no-repeat center;
    mask-size: 15px;
    -webkit-mask-size: 15px;
}

.mobile-svg-chevron-down {
    background-color: var(--svg-icon-color);
    height: 30px;
    mask: url("/images/chevron-down.svg") no-repeat center;
    -webkit-mask: url("/images/chevron-down.svg") no-repeat center;
    mask-size: 30px;
    -webkit-mask-size: 30px;
}

@media (max-width: 1149px) {
    .custom-btn-wrap {
        margin-top: 2rem;
    }
}

.megamenu a.level-4 {
    padding-left: 1rem;
}

.topnav {
    --svg-icon-color: #859ca8;
    --svg-arrow-size: 2rem;
}

    .topnav .icon-oma-ub-svg {
        display: block;
        position: absolute;
        right: 1rem;
    }

        .topnav .icon-oma-ub-svg svg {
            width: var(--svg-arrow-size);
            height: var(--svg-arrow-size);
            stroke: var(--svg-icon-color);
        }

    .topnav .oma-ub {
        font-family: "Swiss 721 W03 Bd Cnd";
        padding: 1.3rem 2rem;
        border: 1px solid #859ca8;
        margin: auto;
        display: flex;
        position: relative;
        padding-right: 4rem;
    }

.oma-ub:hover .icon-oma-ub-svg svg,
.oma-ub:focus .icon-oma-ub-svg svg {
    stroke: #fff;
    transition: 0.4s;
}


.animate-fade-in {
    animation-duration: 0.2s;
    animation-name: animate-fade-in;
  }

  @keyframes animate-fade-in {
    0% { opacity: 0; }
    100% { opacity: 1; }
  }
.release {
  max-width: 640px;
  margin-bottom: 20px;
  padding: 0 16px;
}

.release:first-of-type {
  padding-top: 8px;
}

.release .info {
  margin-bottom: 2px;
}

.release .type {
  font-size: 13px;
  color: #859ca8;
  font-family: "Swiss 721 W03 Bd Cnd";
  margin-right: 5px;
}

.release .date {
  font-size: 13px;
  color: #56707d; /* #5b7582; */
  font-family: "Swiss 721 W03 Light Cnd";
}

.release .title {
  text-decoration: none;
  color: #56707d; /* #5b7582; */
  font-family: "Swiss 721 W03 Light";
}

.release .title:hover {
  color: #00678b;
  color: var(--ub-blue);
}
/* original site news styles */
.release-author {
  display: flex;
  align-items: center;
  margin-bottom: 1rem !important;
  padding: 2rem;
}

.img {
  height: 56px;
  width: 56px;
  margin: 0 8px 0 0;
  border-radius: 30px;
}

.release-author .type {
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  color: #859ca8;
  padding-right: 6px;
  padding-bottom: 2px;
}

.release-author .time {
  display: inline-block;
  font-size: 12px;
  color: #859ca8;
}

.release-author .text {
  font-style: italic;
  font-size: 15px;
  color: #859ca8;
}


.single-news-item-wrapper h2 {
    margin: 3rem 0;
}




.release-list-item {
  max-width: 640px;
  margin-bottom: 20px;
  padding: 0 16px;
}
.release-list-item:first-of-type {
  padding-top: 8px;
}

.release-list-item .info {
  margin-bottom: 2px;
}

.release-list-item .type {
  font-size: 13px;
  color: #859ca8;
  font-family: "Swiss 721 W03 Bd Cnd";
  margin-right: 5px;
}

.release-list-item .date {
  font-size: 13px;
  color: #5b7582;
  font-family: "Swiss 721 W03 Light Cnd";
}

.release-list-item .title {
  text-decoration: none;
  color: #5b7582;
  font-family: "Swiss 721 W03 Light";
}

.release-list-item .title:hover {
  color: #00678b;
  color: var(--ub-blue);
}

/*  [news changes]  */
.release-author > img {
  width: 120px;
  border-radius: 50%;
  height: 120px;
  object-fit: cover;
  object-position: 0 0;
}
.release-author .text {
  font-size: 1.7rem;
}
.release-author .time {
  font-size: 1.4rem;
}
.personnel-contacts {
  max-width: 768px;
  margin: auto;
}

.personnel-group {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  width: 100%;
}

.personnel-group-header {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
}

.personnel-group-title {
  display: block;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  font-size: 16px;
  font-family: "Swiss 721 W03 Bd Cnd";
  line-height: 1.53;
  letter-spacing: 0.8px;
  color: #005065;
  width: 100%;
  margin: 3rem 0 1rem;
}

.personnel-group-title > span {
  position: relative;
}

.personnel-group-title > span:before,
.personnel-group-title > span:after {
  content: "";
  position: absolute;
  top: 40%;
  width: 9999px;
  height: 1px;
  background-color: #005065;
}

.personnel-group-title > span:before {
  right: 100%;
  margin-right: 16px;
}

.personnel-group-title > span:after {
  left: 100%;
  margin-left: 16px;
}

.person-card {
  flex: 0 0 180px;
  display: inline-flex;
  flex-flow: column;
  align-items: center;
  text-align: center;
  padding-top: 30px;
  margin: 0 20px;
}

@media screen and (max-width: 900px) {
  .person-card {
    flex: 0 0 160px;
    margin: 0 10px;
  }

  .person-card:nth-child(odd) {
    margin-left: 0;
  }

  .person-card:nth-child(even) {
    margin-right: 0;
  }
}
.person-card-image {
  width: 120px;
  height: 120px;
  border-radius: 80px;
  margin-bottom: 16px;
}

.person-card-text {
  font-size: 14px;
  line-height: 1.3;
  color: #4a4a4a;
  padding: 2px 0;
  margin: 0px;
  text-align: center;
  white-space: normal;
  width: 100%;
}

.person-card-link {
  cursor: pointer;
  font-family: "Swiss 721 W03 Bd Cnd";
}
.person-card-link:before {
  content: none;
  height: 0 !important;
}
.person-card-link:hover:before {
  content: none;
}

.person-card-link:hover .person-name:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.person-name {
  display: inline-block;
  cursor: pointer;
  position: relative;
}

.person-name:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: -1px;
  left: 0;
  background-color: #00678b;
  visibility: hidden;
  transform-origin: 0 0;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.person-name:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

@media screen and (min-width: 900px) {
  .contacts {
    max-width: 900px;
    margin: 0 auto;
    min-height: 600px;
    /*@include ie11() {
      flex: 900px 1 1 !important;
    }*/
  }

  .subsidiary-item {
    display: inline-flex;
  }

  .group-contacts {
    max-width: none;
  }
}
/* Customize the label (the container) */
.radiobutton-container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-top: 4px;
}

/* Hide the browser's default radio button */
.radiobutton-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom radio button */
.rb-checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.radiobutton-container:hover input ~ .rb-checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.radiobutton-container input:checked ~ .rb-checkmark {
  background-color: #00678b;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.rb-checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.radiobutton-container input:checked ~ .rb-checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.radiobutton-container .rb-checkmark:after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}
.services-block {
  background-color: rgba(0, 103, 139, 0.05);
  background-color: var(--ub-blue-5);
  margin-top: .6rem !important;
}

.services-container {
  position: relative;
  max-width: none;
  /*height: 600px;*/
  padding: 80px 70px 80px 70px;
  margin: 8px auto 0;
}
.services-container .quote-container {
  position: relative;
  height: 200px;
  overflow: hidden;
}
.services-container .quote-container .quote-area {
  position: absolute;
  top: 0;
  height: 200px;
  left: 50%;
  width: 100%;
  transform: translateX(-50%);
  padding: 16px 0px 16px 0px;
  opacity: 0;
  transition: all 0.3s linear;
  overflow: hidden;
}
.services-container .quote-container .quote-area.active {
  opacity: 1;
}
.services-container .services-buttons {
  margin-top: 50px;
}

@media screen and (min-width: 1218px) {
  .services-container {
    position: relative;
    padding: 24px 16px 24px 16px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 918px) {
  .services-container {
    padding: 32px 24px 32px 24px;
    /*max-width: 520px;*/
    height: 100%;
    /*min-height: 950px;*/
  }
  .services-container .quote-container {
    height: 400px;
  }
  .services-container .quote-container .quote-area {
    height: 400px;
  }
  .services-container .services-buttons {
    margin-top: 20px;
  }
}
@media screen and (max-width: 495px) {
  .services-container {
    min-height: 0;
  }

  .quote-container,
.quote-area {
    /*display: none;*/
  }

  .services-container > > > h2 {
    font-size: 27px;
  }

  .services-container > > > h3 {
    font-size: 18px;
  }
}

.services-buttons {
  display: flex;
  flex-flow: column;
}

@media screen and (min-width: 900px) {
  .services-buttons {
    flex-flow: row nowrap;
    max-width: 780px;
    margin: 0 auto;
  }
}
.simple-link {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 17px;
  font-family: "Swiss 721 W03 Bd Cnd";
  line-height: 0.94;
  letter-spacing: 0.2px;
  text-align: center;
  color: #5b7582;
  min-width: 0px;
  height: 48px;
  padding: 0 20px 0 20px;
  border: 1px solid #859ca8;
  transition: all 0.3s linear;
  cursor: pointer;
}
.simple-link:before {
  content: none;
  height: 0 !important;
}
.simple-link:hover:before {
  content: none;
}

.simple-link:hover {
  color: white;
  border-color: #7eb5cd;
  background: #7eb5cd;
}

.simple-link:hover .arrow-container .ub-arrow-shaft-right,
.simple-link:hover .arrow-container .ub-arrow-shaft-left {
  background: white !important;
}

.simple-link:hover .ub-arrow-head-right,
.simple-link:hover .ub-arrow-head-left {
  border-right: 2px solid white;
  border-bottom: 2px solid white;
}

.simple-link-dark {
  border-color: #ffffff;
  color: #ffffff;
  transition: all 0.3s linear;
}
.simple-link-dark:before {
  content: none;
  height: 0 !important;
}
.simple-link-dark:hover:before {
  content: none;
}

.simple-link-dark:hover {
  color: #5b7582;
  background: white;
}


@media screen and (max-width: 495px) {
  .simple-link {
    font-size: 16px;
  }
}
.ub-textarea.white >>> p,
.ub-textarea.white >>> h1,
.ub-textarea.white >>> h2,
.ub-textarea.white >>> h3,
.ub-textarea.white >>> h4,
.ub-textarea.white >>> h5,
.ub-textarea.white >>> h6,
.ub-textarea.white >>> strong,
.ub-textarea.white >>> address,
.ub-textarea.white >>> form,
.ub-textarea.white >>> table,
.ub-textarea.white >>> blockquote,
.ub-textarea.white >>> applet,
.ub-textarea.white >>> embed,
.ub-textarea.white >>> object,
.ub-textarea.white >>> iframe,
.ub-textarea.white >>> frameset {
  color: #ffffff;
}

/* During the time of cloud migration, these basic text elements had definitions at least in
three different files. The original idea behind the layout is difficult to deduce.
Apparently at some point margins were removed so that content producers had more control
over them. At the time of writing, lots of content has extra empty p elements that content
producers have used to create margins...
So the text element definitions are kind of a mess.
*/
.ub-textarea p,
.ub-textarea h2,
.ub-textarea h3,
.ub-textarea h4,
.ub-textarea h5,
.ub-textarea h6,
.ub-textarea strong {
  margin: 0px;
}

.ub-textarea ul {
  margin-bottom: 14px;
  margin-left: 20px;
}

.ub-textarea  li {
  list-style-type: disc;
  margin-bottom: 8px;
}

.ub-textarea strong,
.umb-grid strong {
  font-family: 'Swiss 721 W03 Bd Cnd', Arial, Helvetica, sans-serif;
}

.ub-textarea img {
  max-width: 100%;
  height: auto;
}