/* roboto-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("../px/roboto-v30-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url("../px/roboto-v30-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
::-webkit-scrollbar {
  width: 12px;
}
::-webkit-scrollbar:horizontal {
  height: 12px;
}
::-webkit-scrollbar-track {
  background: #FFFFFF;
}
::-webkit-scrollbar-thumb {
  background-color: #01654C;
  border-radius: 20px;
  border: 3px solid #FFFFFF;
}

/**
 * Hide text while making it readable for screen readers
 * 1. Needed in WebKit-based browsers because of an implementation bug;
 *    See: https://code.google.com/p/chromium/issues/detail?id=457146
 */
/**
 * Hide element while making it readable for screen readers
 * Shamelessly borrowed from HTML5Boilerplate:
 * https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css#L119-L133
 */
.alert {
  text-transform: uppercase;
}

.alert {
  text-align: center;
}

.button, .is-login-captcha input[type=number], .is-boxed-login input[type=number],
.is-login-captcha input[type=password],
.is-boxed-login input[type=password],
.is-login-captcha input[type=text],
.is-boxed-login input[type=text],
.is-login-captcha input[type=email],
.is-boxed-login input[type=email],
.is-login-captcha input[type=tel],
.is-boxed-login input[type=tel],
.is-login-captcha input[type=url],
.is-boxed-login input[type=url],
.is-login-captcha textarea,
.is-boxed-login textarea,
.is-login-captcha input[type=submit],
.is-boxed-login input[type=submit] {
  border-radius: 4px;
}
body.is-mwg-url-ending .button, body.is-mwg-url-ending .is-login-captcha input[type=number], .is-login-captcha body.is-mwg-url-ending input[type=number], body.is-mwg-url-ending .is-boxed-login input[type=number], .is-boxed-login body.is-mwg-url-ending input[type=number],
body.is-mwg-url-ending .is-login-captcha input[type=password],
.is-login-captcha body.is-mwg-url-ending input[type=password],
body.is-mwg-url-ending .is-boxed-login input[type=password],
.is-boxed-login body.is-mwg-url-ending input[type=password],
body.is-mwg-url-ending .is-login-captcha input[type=text],
.is-login-captcha body.is-mwg-url-ending input[type=text],
body.is-mwg-url-ending .is-boxed-login input[type=text],
.is-boxed-login body.is-mwg-url-ending input[type=text],
body.is-mwg-url-ending .is-login-captcha input[type=email],
.is-login-captcha body.is-mwg-url-ending input[type=email],
body.is-mwg-url-ending .is-boxed-login input[type=email],
.is-boxed-login body.is-mwg-url-ending input[type=email],
body.is-mwg-url-ending .is-login-captcha input[type=tel],
.is-login-captcha body.is-mwg-url-ending input[type=tel],
body.is-mwg-url-ending .is-boxed-login input[type=tel],
.is-boxed-login body.is-mwg-url-ending input[type=tel],
body.is-mwg-url-ending .is-login-captcha input[type=url],
.is-login-captcha body.is-mwg-url-ending input[type=url],
body.is-mwg-url-ending .is-boxed-login input[type=url],
.is-boxed-login body.is-mwg-url-ending input[type=url],
body.is-mwg-url-ending .is-login-captcha textarea,
.is-login-captcha body.is-mwg-url-ending textarea,
body.is-mwg-url-ending .is-boxed-login textarea,
.is-boxed-login body.is-mwg-url-ending textarea,
body.is-mwg-url-ending .is-login-captcha input[type=submit],
.is-login-captcha body.is-mwg-url-ending input[type=submit],
body.is-mwg-url-ending .is-boxed-login input[type=submit],
.is-boxed-login body.is-mwg-url-ending input[type=submit] {
  border-radius: 4px;
}

.checkout__change-bonus,
.content-overlay__subtitle, #cookieRequestArea__heading, .cookie-consent__heading, .panel__text, .message-header, h1, h2, h3, h4, .content-overlay__title, body {
  font-weight: normal;
  font-family: "Roboto", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
body.is-mwg-url-ending .checkout__change-bonus,
body.is-mwg-url-ending .content-overlay__subtitle, body.is-mwg-url-ending #cookieRequestArea__heading, body.is-mwg-url-ending .cookie-consent__heading, body.is-mwg-url-ending .panel__text, body.is-mwg-url-ending .message-header, body.is-mwg-url-ending h1, body.is-mwg-url-ending h2, body.is-mwg-url-ending h3, body.is-mwg-url-ending h4, body.is-mwg-url-ending .content-overlay__title, body.is-mwg-url-ending body {
  font-family: "Roboto", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.articles-filter, body {
  background: #f1f2f1;
}
.is-mwg-url-ending.articles-filter, body.is-mwg-url-ending {
  background: #f1f2f1;
}
.is-boxed-login.articles-filter, body.is-boxed-login {
  background: #bd0000;
  background: -moz-linear-gradient(45deg, #bd0000 0%, #e80000 100%);
  background: -webkit-linear-gradient(45deg, #bd0000 0%, #e80000 100%);
  background: linear-gradient(45deg, #bd0000 0%, #e80000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#bd0000", endColorstr="#e80000",GradientType=1 );
}

::-moz-selection, ::selection {
  color: #FFFFFF;
  background-color: #01654C;
}
body.is-mwg-url-ending ::-moz-selection, body.is-mwg-url-ending ::selection {
  color: #FFFFFF;
  background-color: #01654C;
}

.article__additional, .form__element--just-text, .form__element--radio, .form__message, .form__txt, .form__element--radio label, label, input[type=number], input[type=password], input[type=text], input[type=email], input[type=tel], input[type=url], textarea, .cookie_content, .cookie-consent, #cookieRequestArea__heading, #cookieRequestArea__paragraph, .cookie-consent__heading, .cookie-consent__paragraph, #cookieRequestArea__link, .cookie-consent__link, .panel__text b, .panel__text, .nav--sub__link---active, .nav--sub__link:not(.nav--sub__link---active), table th, table td, .message-header, .message-title, .list, p:not(.light):not(.cookie-consent__paragraph), h1, h2, h3, h4, .content-overlay__title, .content-overlay__subtitle, .button--light-icon {
  color: #333;
}
body.is-mwg-url-ending .article__additional, body.is-mwg-url-ending .form__element--just-text, body.is-mwg-url-ending .form__element--radio, body.is-mwg-url-ending .form__message, body.is-mwg-url-ending .form__txt, body.is-mwg-url-ending label, body.is-mwg-url-ending input[type=number], body.is-mwg-url-ending input[type=password], body.is-mwg-url-ending input[type=text], body.is-mwg-url-ending input[type=email], body.is-mwg-url-ending input[type=tel], body.is-mwg-url-ending input[type=url], body.is-mwg-url-ending textarea, body.is-mwg-url-ending .cookie_content, body.is-mwg-url-ending .cookie-consent, body.is-mwg-url-ending #cookieRequestArea__heading, body.is-mwg-url-ending #cookieRequestArea__paragraph, body.is-mwg-url-ending .cookie-consent__heading, body.is-mwg-url-ending .cookie-consent__paragraph, body.is-mwg-url-ending #cookieRequestArea__link, body.is-mwg-url-ending .cookie-consent__link, body.is-mwg-url-ending .panel__text b, .panel__text body.is-mwg-url-ending b, body.is-mwg-url-ending .panel__text, body.is-mwg-url-ending .nav--sub__link---active, body.is-mwg-url-ending .nav--sub__link:not(.nav--sub__link---active), body.is-mwg-url-ending table th, table body.is-mwg-url-ending th, body.is-mwg-url-ending table td, table body.is-mwg-url-ending td, body.is-mwg-url-ending .message-header, body.is-mwg-url-ending .message-title, body.is-mwg-url-ending .list, body.is-mwg-url-ending p:not(.light):not(.cookie-consent__paragraph), body.is-mwg-url-ending h1, body.is-mwg-url-ending h2, body.is-mwg-url-ending h3, body.is-mwg-url-ending h4, body.is-mwg-url-ending .content-overlay__title, body.is-mwg-url-ending .content-overlay__subtitle, body.is-mwg-url-ending .button--light-icon {
  color: #333;
}

.button {
  background: #333;
  color: #FFFFFF;
}
body.is-mwg-url-ending .button {
  border-color: #333;
  background: #333;
  color: #FFFFFF;
}
.button:hover {
  background: #01654C;
  border-color: #01654C;
  color: #FFFFFF;
}
body.is-mwg-url-ending .button:hover {
  background: #01654C;
  border-color: #01654C;
  color: #FFFFFF;
}

.button--light {
  background: #FFFFFF;
  border-color: #01654C;
  color: #01654C;
}
.button--light:hover {
  border-color: #01654C;
  background: #01654C;
  color: #FFFFFF;
}

.button--light-icon {
  background: #FFFFFF;
  border-color: #FFFFFF;
  color: #3c5062;
}
body.is-mwg-url-ending .button--light-icon {
  border-color: #FFFFFF;
  background: #FFFFFF;
  color: #454647;
}
.button--light-icon:hover {
  background: #FFFFFF;
  color: #3c5062;
  border-color: #3c5062;
}
body.is-mwg-url-ending .button--light-icon:hover {
  border-color: #454647;
  background: #FFFFFF;
  color: #454647;
}

.alert {
  padding: calculateRem(10px);
  line-height: 1.1;
  height: 100%;
}
.alert--danger {
  background: #404042;
  color: #FFFFFF;
}

.logo--header svg,
.logo--header img,
.client-logo svg,
.client-logo img {
  height: auto;
  width: auto;
  position: relative;
  top: 50%;
  transform: translate(0%, -50%);
}

.logo--header,
.client-logo {
  max-width: 150px;
}

.button {
  text-transform: none;
  font-weight: bold;
  font-family: "Roboto", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.is-boxed-login .panel .button:hover {
  border-color: #01654C;
}
* {
  scrollbar-width: thin;
  scrollbar-color: #01654C #FFFFFF;
}

#cookieRequestArea__heading, .cookie-consent__heading, .panel__text, .message-header, h1, h2, h3, h4, .content-overlay__title {
  font-weight: bold;
}

.checkout__change-bonus,
.checkout__toggle-information,
.submit__link,
a {
  color: #01654C;
}
.checkout__change-bonus:hover,
.checkout__toggle-information:hover,
.submit__link:hover,
a:hover {
  color: #3F3F3F;
}
body.is-mwg-url-ending .checkout__change-bonus,
body.is-mwg-url-ending .checkout__toggle-information,
body.is-mwg-url-ending .submit__link,
body.is-mwg-url-ending a {
  color: #01654C;
}
body.is-mwg-url-ending .checkout__change-bonus:hover,
body.is-mwg-url-ending .checkout__toggle-information:hover,
body.is-mwg-url-ending .submit__link:hover,
body.is-mwg-url-ending a:hover {
  color: #3F3F3F;
}

.footer {
  background: #333;
}

.column__main h3:first-of-type {
  border: none !important;
}

h3.vendor {
  text-transform: none;
}

.nav--footer__link {
  color: #FFFFFF !important;
}
.nav--footer__link:hover {
  color: #34A78B !important;
  text-decoration: underline;
}

.is-boxed-login .header__col:last-child {
  display: none;
}

.articles-filter {
  display: none;
}