@charset "UTF-8";
/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
/* Normalize
--------------------------------------------- */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}
/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}
/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 1.5rem;
}
@media (min-width: 576px) {
  h1 {
    font-size: 1.6rem;
  }
}
@media (min-width: 768px) {
  h1 {
    font-size: 1.7rem;
  }
}
@media (min-width: 991px) {
  h1 {
    font-size: 1.8rem;
  }
}
@media (min-width: 1200px) {
  h1 {
    font-size: 1.9rem;
  }
}
@media (min-width: 1440px) {
  h1 {
    font-size: 1.96rem;
  }
}
@media (min-width: 1676px) {
  h1 {
    font-size: 2rem;
  }
}
h1 {
  margin: 0.67em 0;
}
/* Grouping content
	 ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  font-size: 0.75rem;
}
@media (min-width: 576px) {
  pre {
    font-size: 0.8rem;
  }
}
@media (min-width: 768px) {
  pre {
    font-size: 0.85rem;
  }
}
@media (min-width: 991px) {
  pre {
    font-size: 0.9rem;
  }
}
@media (min-width: 1200px) {
  pre {
    font-size: 0.95rem;
  }
}
@media (min-width: 1440px) {
  pre {
    font-size: 0.98rem;
  }
}
@media (min-width: 1676px) {
  pre {
    font-size: 1rem;
  }
}
/* Text-level semantics
	 ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}
/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 0.75rem;
}
@media (min-width: 576px) {
  code,
  kbd,
  samp {
    font-size: 0.8rem;
  }
}
@media (min-width: 768px) {
  code,
  kbd,
  samp {
    font-size: 0.85rem;
  }
}
@media (min-width: 991px) {
  code,
  kbd,
  samp {
    font-size: 0.9rem;
  }
}
@media (min-width: 1200px) {
  code,
  kbd,
  samp {
    font-size: 0.95rem;
  }
}
@media (min-width: 1440px) {
  code,
  kbd,
  samp {
    font-size: 0.98rem;
  }
}
@media (min-width: 1676px) {
  code,
  kbd,
  samp {
    font-size: 1rem;
  }
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
	 ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}
/* Forms
	 ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  text-transform: none;
}
/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}
/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
/* Interactive
	 ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Misc
	 ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}
/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}
/* Box sizing
--------------------------------------------- */
/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
  box-sizing: inherit;
}
html {
  box-sizing: border-box;
}
/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* Typography
--------------------------------------------- */
@media (min-width: 768px) {
  .container,
  .container-sm,
  .container-md,
  .container-lg,
  .container-xl,
  .container-xxl {
    max-width: 1676px;
  }
}
body,
button,
input,
select,
optgroup,
textarea {
  color: #000000;
  font-family: "Montserrat", sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue";
  font-size: 1.8rem;
}
@media (min-width: 576px) {
  body,
  button,
  input,
  select,
  optgroup,
  textarea {
    font-size: 1.92rem;
  }
}
@media (min-width: 768px) {
  body,
  button,
  input,
  select,
  optgroup,
  textarea {
    font-size: 2.04rem;
  }
}
@media (min-width: 991px) {
  body,
  button,
  input,
  select,
  optgroup,
  textarea {
    font-size: 2.16rem;
  }
}
@media (min-width: 1200px) {
  body,
  button,
  input,
  select,
  optgroup,
  textarea {
    font-size: 2.28rem;
  }
}
@media (min-width: 1440px) {
  body,
  button,
  input,
  select,
  optgroup,
  textarea {
    font-size: 2.352rem;
  }
}
@media (min-width: 1676px) {
  body,
  button,
  input,
  select,
  optgroup,
  textarea {
    font-size: 2.4rem;
  }
}
body,
button,
input,
select,
optgroup,
textarea {
  line-height: 1.5;
}
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h3,
h5, .h4,
h6, .h6 {
  clear: both;
  font-style: normal;
  font-family: "Montserrat", sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue";
  margin: 0;
}
h1, .h1 {
  font-size: 2.8125rem;
}
@media (min-width: 576px) {
  h1, .h1 {
    font-size: 3rem;
  }
}
@media (min-width: 768px) {
  h1, .h1 {
    font-size: 3.1875rem;
  }
}
@media (min-width: 991px) {
  h1, .h1 {
    font-size: 3.375rem;
  }
}
@media (min-width: 1200px) {
  h1, .h1 {
    font-size: 3.5625rem;
  }
}
@media (min-width: 1440px) {
  h1, .h1 {
    font-size: 3.675rem;
  }
}
@media (min-width: 1676px) {
  h1, .h1 {
    font-size: 3.75rem;
  }
}
h1, .h1 {
  line-height: 1.64;
  font-weight: 700;
  letter-spacing: 0.075rem;
}
h2, .h2 {
  font-size: 2.0625rem;
}
@media (min-width: 576px) {
  h2, .h2 {
    font-size: 2.2rem;
  }
}
@media (min-width: 768px) {
  h2, .h2 {
    font-size: 2.3375rem;
  }
}
@media (min-width: 991px) {
  h2, .h2 {
    font-size: 2.475rem;
  }
}
@media (min-width: 1200px) {
  h2, .h2 {
    font-size: 2.6125rem;
  }
}
@media (min-width: 1440px) {
  h2, .h2 {
    font-size: 2.695rem;
  }
}
@media (min-width: 1676px) {
  h2, .h2 {
    font-size: 2.75rem;
  }
}
h2, .h2 {
  line-height: 2;
  font-weight: 700;
  letter-spacing: 0.05rem;
}
h3, .h3 {
  font-size: 1.575rem;
}
@media (min-width: 576px) {
  h3, .h3 {
    font-size: 1.68rem;
  }
}
@media (min-width: 768px) {
  h3, .h3 {
    font-size: 1.785rem;
  }
}
@media (min-width: 991px) {
  h3, .h3 {
    font-size: 1.89rem;
  }
}
@media (min-width: 1200px) {
  h3, .h3 {
    font-size: 1.995rem;
  }
}
@media (min-width: 1440px) {
  h3, .h3 {
    font-size: 2.058rem;
  }
}
@media (min-width: 1676px) {
  h3, .h3 {
    font-size: 2.1rem;
  }
}
h3, .h3 {
  line-height: 2.380952381;
  font-weight: 600;
  letter-spacing: 0.04rem;
}
h4, .h4 {
  font-size: 1.2rem;
}
@media (min-width: 576px) {
  h4, .h4 {
    font-size: 1.28rem;
  }
}
@media (min-width: 768px) {
  h4, .h4 {
    font-size: 1.36rem;
  }
}
@media (min-width: 991px) {
  h4, .h4 {
    font-size: 1.44rem;
  }
}
@media (min-width: 1200px) {
  h4, .h4 {
    font-size: 1.52rem;
  }
}
@media (min-width: 1440px) {
  h4, .h4 {
    font-size: 1.568rem;
  }
}
@media (min-width: 1676px) {
  h4, .h4 {
    font-size: 1.6rem;
  }
}
h4, .h4 {
  line-height: 2.8125;
  font-weight: 600;
  letter-spacing: 0.03rem;
}
h5, .h5 {
  font-size: 0.9rem;
}
@media (min-width: 576px) {
  h5, .h5 {
    font-size: 0.96rem;
  }
}
@media (min-width: 768px) {
  h5, .h5 {
    font-size: 1.02rem;
  }
}
@media (min-width: 991px) {
  h5, .h5 {
    font-size: 1.08rem;
  }
}
@media (min-width: 1200px) {
  h5, .h5 {
    font-size: 1.14rem;
  }
}
@media (min-width: 1440px) {
  h5, .h5 {
    font-size: 1.176rem;
  }
}
@media (min-width: 1676px) {
  h5, .h5 {
    font-size: 1.2rem;
  }
}
h5, .h5 {
  line-height: 3.3333333333;
  font-weight: 500;
  letter-spacing: 0.02rem;
}
h6, .h6 {
  font-size: 0.675rem;
}
@media (min-width: 576px) {
  h6, .h6 {
    font-size: 0.72rem;
  }
}
@media (min-width: 768px) {
  h6, .h6 {
    font-size: 0.765rem;
  }
}
@media (min-width: 991px) {
  h6, .h6 {
    font-size: 0.81rem;
  }
}
@media (min-width: 1200px) {
  h6, .h6 {
    font-size: 0.855rem;
  }
}
@media (min-width: 1440px) {
  h6, .h6 {
    font-size: 0.882rem;
  }
}
@media (min-width: 1676px) {
  h6, .h6 {
    font-size: 0.9rem;
  }
}
h6, .h6 {
  line-height: 3.8888888889;
  font-weight: 500;
  letter-spacing: 0.01rem;
}
p {
  margin-bottom: 1rem;
}
dfn,
cite,
em,
i {
  font-style: italic;
}
blockquote {
  margin: 0 1.5rem;
}
address {
  margin: 0 0 1.5rem;
}
pre {
  background: #eee;
  font-family: "Courier 10 Pitch", courier, monospace;
  line-height: 1.6;
  margin-bottom: 1.6rem;
  max-width: 100%;
  overflow: auto;
  padding: 1.6rem;
}
code,
kbd,
tt,
var {
  font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr,
acronym {
  border-bottom: 0.1rem dotted #666;
  cursor: help;
}
mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}
big {
  font-size: 125%;
}
a {
  text-decoration: none;
}
.f-w-400 {
  font-weight: 400;
}
.f-w-500 {
  font-weight: 500;
}
.f-w-600 {
  font-weight: 600;
}
.f-w-700 {
  font-weight: 700;
}
.text-brand {
  color: #009F4D;
}
.text-brand-alt {
  color: #FFD200;
}
.text-black {
  color: #000000;
}
.text-white {
  color: #FFFFFF;
}
.bg-brand {
  background-color: #009F4D;
}
.bg-brand-yellow {
  background-color: #FFD200;
}
.bg-white {
  background-color: #FFFFFF;
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
/* Elements
--------------------------------------------- */
html {
  font-size: 62.5%;
  box-sizing: border-box;
}
html, body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}
/*@media (max-width: 1200px) {
  html {
    font-size: 56.25%; // 9px
  }
}

@media (max-width: 992px) {
  html {
    font-size: 50%; // 8px
  }
}

@media (max-width: 768px) {
  html {
    font-size: 43.75%; // 7px
  }
}*/
body {
  font-optical-sizing: auto;
  font-family: "Montserrat", sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue";
  background: #FFFFFF;
  font-weight: 400;
  color: #003B5C;
  font-size: 2.1rem;
}
@media (min-width: 576px) {
  body {
    font-size: 2.24rem;
  }
}
@media (min-width: 768px) {
  body {
    font-size: 2.38rem;
  }
}
@media (min-width: 991px) {
  body {
    font-size: 2.52rem;
  }
}
@media (min-width: 1200px) {
  body {
    font-size: 2.66rem;
  }
}
@media (min-width: 1440px) {
  body {
    font-size: 2.744rem;
  }
}
@media (min-width: 1676px) {
  body {
    font-size: 2.8rem;
  }
}
body {
  box-sizing: border-box;
}
body.modal-open {
  overflow: hidden;
  height: 100vh;
}
body.body-data-page {
  background-color: #DCDCDC;
}
#app {
  max-width: 1080px;
  margin: 0 auto 3.2rem auto;
}
hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}
ul,
ol {
  margin: 0 0 1rem 1rem;
}
ul {
  list-style: disc;
}
ol {
  list-style: decimal;
}
li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1rem;
}
dt {
  font-weight: 700;
}
dd {
  margin: 0 1.5rem 1.5rem;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}
img {
  height: auto;
  max-width: 100%;
}
figure {
  margin: 1em 0;
}
table {
  margin: 0 0 1.5em;
  width: 100%;
}
/* Links
--------------------------------------------- */
a:focus {
  outline: 0;
}
a:hover, a:active {
  outline: 0;
}
/* Forms
--------------------------------------------- */
button, .button,
input[type=button],
input[type=reset],
input[type=submit] {
  border: 1px solid transparent;
  padding: 0.5rem 1.8rem;
  border-radius: 1rem;
  background-color: #009F4D;
  color: #FFFFFF;
  font-family: "Montserrat", sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue";
  font-size: 1.5rem;
}
@media (min-width: 576px) {
  button, .button,
  input[type=button],
  input[type=reset],
  input[type=submit] {
    font-size: 1.6rem;
  }
}
@media (min-width: 768px) {
  button, .button,
  input[type=button],
  input[type=reset],
  input[type=submit] {
    font-size: 1.7rem;
  }
}
@media (min-width: 991px) {
  button, .button,
  input[type=button],
  input[type=reset],
  input[type=submit] {
    font-size: 1.8rem;
  }
}
@media (min-width: 1200px) {
  button, .button,
  input[type=button],
  input[type=reset],
  input[type=submit] {
    font-size: 1.9rem;
  }
}
@media (min-width: 1440px) {
  button, .button,
  input[type=button],
  input[type=reset],
  input[type=submit] {
    font-size: 1.96rem;
  }
}
@media (min-width: 1676px) {
  button, .button,
  input[type=button],
  input[type=reset],
  input[type=submit] {
    font-size: 2rem;
  }
}
button, .button,
input[type=button],
input[type=reset],
input[type=submit] {
  font-style: normal;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: -0.4px;
  cursor: pointer;
}
button:hover, button:active, button:focus, .button:hover, .button:active, .button:focus,
input[type=button]:hover,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:hover,
input[type=reset]:active,
input[type=reset]:focus,
input[type=submit]:hover,
input[type=submit]:active,
input[type=submit]:focus {
  background-color: #003B5C;
  color: #FFFFFF;
}
.btn-transition {
  /* Be specific about WHAT transitions, not just "all" */
  /* 150ms feels instant but not jarring — perfect for micro-interactions */
  /* ease-out means it starts fast and slows down, which feels responsive */
  transition: background-color 150ms ease-out, transform 100ms ease-out, box-shadow 150ms ease-out, opacity 150ms ease-out;
}
input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
  color: #003B5C;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus {
  color: #111;
  outline: none;
}
select {
  border: 1px solid #ccc;
}
textarea {
  width: 100%;
}
[type=search] {
  padding: 0.5rem 1.8rem !important;
  border-radius: 1rem !important;
  font-family: "Montserrat", sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue";
  font-size: 1.5rem;
}
@media (min-width: 576px) {
  [type=search] {
    font-size: 1.6rem;
  }
}
@media (min-width: 768px) {
  [type=search] {
    font-size: 1.7rem;
  }
}
@media (min-width: 991px) {
  [type=search] {
    font-size: 1.8rem;
  }
}
@media (min-width: 1200px) {
  [type=search] {
    font-size: 1.9rem;
  }
}
@media (min-width: 1440px) {
  [type=search] {
    font-size: 1.96rem;
  }
}
@media (min-width: 1676px) {
  [type=search] {
    font-size: 2rem;
  }
}
[type=search] {
  font-style: normal;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: -0.4px;
}
input::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder {
  color: #003B5C;
}
input::placeholder, textarea::placeholder, select::placeholder {
  color: #003B5C;
}
/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
/* Accessibility
--------------------------------------------- */
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 0.65625rem;
}
@media (min-width: 576px) {
  .screen-reader-text:focus {
    font-size: 0.7rem;
  }
}
@media (min-width: 768px) {
  .screen-reader-text:focus {
    font-size: 0.74375rem;
  }
}
@media (min-width: 991px) {
  .screen-reader-text:focus {
    font-size: 0.7875rem;
  }
}
@media (min-width: 1200px) {
  .screen-reader-text:focus {
    font-size: 0.83125rem;
  }
}
@media (min-width: 1440px) {
  .screen-reader-text:focus {
    font-size: 0.8575rem;
  }
}
@media (min-width: 1676px) {
  .screen-reader-text:focus {
    font-size: 0.875rem;
  }
}
.screen-reader-text:focus {
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}
/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
  outline: 0;
}
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}
/* Alignments
--------------------------------------------- */
.alignleft {
  /*rtl:ignore*/
  float: left;
  /*rtl:ignore*/
  margin-right: 1.5em;
  margin-bottom: 1.5em;
}
.alignright {
  /*rtl:ignore*/
  float: right;
  /*rtl:ignore*/
  margin-left: 1.5em;
  margin-bottom: 1.5em;
}
.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
#header {
  margin: 6.1rem 6rem 2.5rem 6rem;
  display: flex;
  flex-wrap: wrap;
}
#header .logo {
  margin-right: auto;
  max-width: 42.45rem;
}
#header .bayer_logo {
  margin-left: auto;
  max-width: 10.15rem;
}
#header_heading h1 {
  color: #009F4D;
  font-style: normal;
  text-transform: uppercase;
  text-align: center;
}
#header_heading h1 span {
  font-weight: 400;
}
#header_heading h1 {
  margin-bottom: 0;
}
#header_heading h1.inner {
  font-size: 3.9375rem;
}
@media (min-width: 576px) {
  #header_heading h1.inner {
    font-size: 4.2rem;
  }
}
@media (min-width: 768px) {
  #header_heading h1.inner {
    font-size: 4.4625rem;
  }
}
@media (min-width: 991px) {
  #header_heading h1.inner {
    font-size: 4.725rem;
  }
}
@media (min-width: 1200px) {
  #header_heading h1.inner {
    font-size: 4.9875rem;
  }
}
@media (min-width: 1440px) {
  #header_heading h1.inner {
    font-size: 5.145rem;
  }
}
@media (min-width: 1676px) {
  #header_heading h1.inner {
    font-size: 5.25rem;
  }
}
#header_heading h1.inner {
  line-height: 1.3619047619; /* 136.19% */
  letter-spacing: 0.105rem;
}
#header_heading h2 {
  color: #009F4D;
  font-size: 4.2rem;
}
@media (min-width: 576px) {
  #header_heading h2 {
    font-size: 4.48rem;
  }
}
@media (min-width: 768px) {
  #header_heading h2 {
    font-size: 4.76rem;
  }
}
@media (min-width: 991px) {
  #header_heading h2 {
    font-size: 5.04rem;
  }
}
@media (min-width: 1200px) {
  #header_heading h2 {
    font-size: 5.32rem;
  }
}
@media (min-width: 1440px) {
  #header_heading h2 {
    font-size: 5.488rem;
  }
}
@media (min-width: 1676px) {
  #header_heading h2 {
    font-size: 5.6rem;
  }
}
#header_heading h2 {
  font-style: normal;
  font-weight: 700;
  line-height: 1.0982142857;
  letter-spacing: 0.112rem;
  text-transform: uppercase;
  text-align: center;
}
#select-note {
  margin-top: 1.4115rem;
  margin-bottom: 1rem;
}
#select-note span {
  display: inline-block;
  padding: 1.5rem 2rem;
  background-color: #FFD200;
  border-radius: 2.95rem;
  overflow: hidden;
  color: #003B5C;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1.3125rem;
}
@media (min-width: 576px) {
  #select-note span {
    font-size: 1.4rem;
  }
}
@media (min-width: 768px) {
  #select-note span {
    font-size: 1.4875rem;
  }
}
@media (min-width: 991px) {
  #select-note span {
    font-size: 1.575rem;
  }
}
@media (min-width: 1200px) {
  #select-note span {
    font-size: 1.6625rem;
  }
}
@media (min-width: 1440px) {
  #select-note span {
    font-size: 1.715rem;
  }
}
@media (min-width: 1676px) {
  #select-note span {
    font-size: 1.75rem;
  }
}
#select-note span {
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.035rem;
  text-transform: uppercase;
}
#content-area {
  position: relative;
  background-color: #009F4D;
  min-height: 160rem;
}
#content-area.content-area-home {
  background-image: url("../images/Homepage.png");
  background-position: center 7.679rem;
  background-repeat: no-repeat;
  background-size: cover;
}
#content-area.content-area-home #vertical_menus {
  margin-bottom: 0;
}
#content-area.content-area-global {
  background-image: url("../images/Global.png");
  background-position: center 7.679rem;
  background-repeat: no-repeat;
  background-size: cover;
}
#content-area.content-area-global #vertical_data_wrap {
  margin-bottom: 0;
}
#content-area.content-area-uk {
  background-image: url("../images/UK.png");
  background-position: center 7.679rem;
  background-repeat: no-repeat;
  background-size: cover;
}
#content-area.content-area-uk #vertical_data_wrap {
  margin-bottom: 0;
}
#content-area #toolbar {
  padding: 0 6rem;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#content-area #toolbar .toolbar_menu {
  margin-top: -4.63635rem;
}
#content-area #toolbar .toolbar_menu ul {
  margin: 0;
  list-style: none;
  display: flex;
  align-items: center;
}
#content-area #toolbar .toolbar_menu ul li {
  margin-right: 1rem;
  border: 0.2rem solid #009F4D;
  transform: skewX(-20deg); /* Slants the item */
}
#content-area #toolbar .toolbar_menu ul li a {
  transform: skewX(20deg); /* Slants the item */
  color: #009F4D;
  text-align: center;
  font-size: 1.125rem;
}
@media (min-width: 576px) {
  #content-area #toolbar .toolbar_menu ul li a {
    font-size: 1.2rem;
  }
}
@media (min-width: 768px) {
  #content-area #toolbar .toolbar_menu ul li a {
    font-size: 1.275rem;
  }
}
@media (min-width: 991px) {
  #content-area #toolbar .toolbar_menu ul li a {
    font-size: 1.35rem;
  }
}
@media (min-width: 1200px) {
  #content-area #toolbar .toolbar_menu ul li a {
    font-size: 1.425rem;
  }
}
@media (min-width: 1440px) {
  #content-area #toolbar .toolbar_menu ul li a {
    font-size: 1.47rem;
  }
}
@media (min-width: 1676px) {
  #content-area #toolbar .toolbar_menu ul li a {
    font-size: 1.5rem;
  }
}
#content-area #toolbar .toolbar_menu ul li a {
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  display: block;
  padding: 1.58rem 4rem 1.83rem 4rem;
}
#content-area #toolbar .toolbar_menu ul li.home-menu {
  display: inline-flex;
  align-items: center;
}
#content-area #toolbar .toolbar_menu ul li.home-menu a {
  display: inline-flex;
  align-items: center;
  /*content: "";

  background-image: url("../images/icon_home_inactive.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;*/
  padding: 1.195rem 4rem 1.386rem 4rem;
}
#content-area #toolbar .toolbar_menu ul li.home-menu a img {
  width: 3.0625rem;
  height: 2.32965rem;
}
#content-area #toolbar .toolbar_menu ul li.active {
  background-color: #009F4D;
}
#content-area #toolbar .toolbar_menu ul li.active a {
  color: #FFFFFF;
}
#content-area #toolbar .toolbar_icon {
  z-index: 1;
  align-self: center;
}
#content-area #toolbar .toolbar_icon img {
  max-width: 14.25rem;
}
#content-area #toolbar:before {
  transform: translate(-0.5%, -0.5%);
  content: "";
  position: absolute;
  width: 101%;
  height: 51%;
  display: block;
  background-color: #FFFFFF;
  left: 0;
  top: 0;
}
#content-area #vertical_menus {
  margin: 8.7rem 0 35rem 0;
  padding: 0;
  list-style: none;
  float: left;
  clear: both;
}
#content-area #vertical_menus li {
  margin-bottom: 8.9rem;
}
#content-area #vertical_menus li a {
  clip-path: polygon(0 0, 100% 0, calc(100% - 8.7488663425%) 100%, 0 100%);
  position: relative;
  background-color: #FFFFFF;
  padding-left: 5.34rem;
  padding-right: 8.787rem;
  padding-top: 3.7295rem;
  padding-bottom: 3.7295rem;
  border-bottom: 0.85rem solid #FFD200;
  display: flex;
  align-items: center;
}
#content-area #vertical_menus li a span {
  color: #009F4D;
  font-size: 2.5125rem;
}
@media (min-width: 576px) {
  #content-area #vertical_menus li a span {
    font-size: 2.68rem;
  }
}
@media (min-width: 768px) {
  #content-area #vertical_menus li a span {
    font-size: 2.8475rem;
  }
}
@media (min-width: 991px) {
  #content-area #vertical_menus li a span {
    font-size: 3.015rem;
  }
}
@media (min-width: 1200px) {
  #content-area #vertical_menus li a span {
    font-size: 3.1825rem;
  }
}
@media (min-width: 1440px) {
  #content-area #vertical_menus li a span {
    font-size: 3.283rem;
  }
}
@media (min-width: 1676px) {
  #content-area #vertical_menus li a span {
    font-size: 3.35rem;
  }
}
#content-area #vertical_menus li a span {
  font-style: normal;
  font-weight: 700;
  line-height: 1.2686567164; /* 126.866% */
  text-transform: uppercase;
  margin-left: 3rem;
  margin-right: 1rem;
}
#content-area #vertical_menus li a svg:nth-of-type(1) {
  width: 6.85rem;
  height: 7.15rem;
}
#content-area #vertical_menus li a svg:nth-of-type(2) {
  max-width: 2.8645rem;
  margin-left: auto;
}
#content-area #vertical_menus li a {
  /*&:after {
    content: "";
    position: absolute;
    inset: 0;
    background: inherit;

    transform: skewX(-20deg);
    transform-origin: right; // anchor right side
  }*/
}
#content-area #vertical_menus li:last-child {
  margin-bottom: 0;
}
#content-area #vertical_menus li:nth-child(2) a svg:nth-of-type(1) {
  width: 6.4rem;
  height: 9.264rem;
}
#content-area #vertical_data_wrap {
  display: flex;
}
#content-area #vertical_data_wrap .vertical_data {
  list-style: none;
}
#content-area #vertical_data_wrap .vertical_data li {
  list-style: none;
}
#content-area #vertical_data_wrap .vertical_data li::marker {
  display: none;
}
#content-area #vertical_data_wrap .vertical_data.vertical_data_l {
  margin-right: auto;
}
#content-area #vertical_data_wrap .vertical_data.vertical_data_l li {
  clip-path: polygon(0 0, 100% 0, calc(100% - 8.7488663425%) 100%, 0 100%);
}
#content-area #vertical_data_wrap .vertical_data.vertical_data_l li:last-child {
  margin-bottom: 0;
}
#content-area #vertical_data_wrap .vertical_data.vertical_data_r {
  margin-top: 13.7rem;
  margin-left: auto;
}
#content-area #vertical_data_wrap .vertical_data.vertical_data_r li {
  clip-path: polygon(8.7488663425% 0, 100% 0, 100% 100%, 0 100%);
}
#content-area #vertical_data_wrap .vertical_data.vertical_data_r li:last-child {
  margin-bottom: 0;
}
#content-area #vertical_data_wrap.vertical_data_wrap_global .vertical_data.vertical_data_l li .data_items .data_item_row {
  padding-top: 2.848rem;
  padding-bottom: 2.848rem;
}
#content-area #vertical_data_wrap.vertical_data_wrap_global .vertical_data.vertical_data_l li .data_items .data_item_row .data_item {
  transform: skewX(-10deg);
}
#content-area #vertical_data_wrap.vertical_data_wrap_global .vertical_data.vertical_data_l li .data_items .data_item_row .data_item span {
  display: block;
  transform: skewX(10deg);
}
#content-area #vertical_data_wrap.vertical_data_wrap_global .vertical_data.vertical_data_l li .data_items .data_item_row .data_item:first-child {
  padding-left: 5rem;
}
#content-area #vertical_data_wrap.vertical_data_wrap_global .vertical_data.vertical_data_l li .data_items .data_item_row .data_item:last-child {
  padding-right: 5rem;
}
#content-area #vertical_data_wrap.vertical_data_wrap_global .vertical_data.vertical_data_r li a {
  padding: 1.81rem 5.39rem 2.29rem 6.3rem;
}
#content-area #vertical_data_wrap.vertical_data_wrap_global .vertical_data.vertical_data_r li .data_items .data_item_row {
  padding-top: 2.848rem;
  padding-bottom: 2.848rem;
}
#content-area #vertical_data_wrap.vertical_data_wrap_global .vertical_data.vertical_data_r li .data_items .data_item_row .data_item {
  transform: skewX(-10deg);
}
#content-area #vertical_data_wrap.vertical_data_wrap_global .vertical_data.vertical_data_r li .data_items .data_item_row .data_item span {
  display: block;
  transform: skewX(10deg);
}
#content-area #vertical_data_wrap.vertical_data_wrap_global .vertical_data.vertical_data_r li .data_items .data_item_row .data_item:first-child {
  padding-left: 5rem;
}
#content-area #vertical_data_wrap.vertical_data_wrap_global .vertical_data.vertical_data_r li .data_items .data_item_row .data_item:last-child {
  padding-right: 5rem;
}
#content-area #vertical_data_wrap.vertical_data_wrap_uk .vertical_data.vertical_data_l li .data_items .data_item_row .data_item {
  transform: skewX(-10deg);
}
#content-area #vertical_data_wrap.vertical_data_wrap_uk .vertical_data.vertical_data_l li .data_items .data_item_row .data_item span {
  display: block;
  transform: skewX(10deg);
}
#content-area #vertical_data_wrap.vertical_data_wrap_uk .vertical_data.vertical_data_l li .data_items .data_item_row:first-child {
  padding-top: 0.5rem;
}
#content-area #vertical_data_wrap.vertical_data_wrap_uk .vertical_data.vertical_data_l li .data_items .data_item_row:first-child .data_item {
  border-bottom: 0.1rem solid #003B5C;
}
#content-area #vertical_data_wrap.vertical_data_wrap_uk .vertical_data.vertical_data_l li .data_items .data_item_row:last-child {
  padding-bottom: 0.5rem;
}
#content-area #vertical_data_wrap.vertical_data_wrap_uk .vertical_data.vertical_data_r li .data_items .data_item_row .data_item {
  transform: skewX(-10deg);
}
#content-area #vertical_data_wrap.vertical_data_wrap_uk .vertical_data.vertical_data_r li .data_items .data_item_row .data_item span {
  display: block;
  transform: skewX(10deg);
}
#content-area #vertical_data_wrap.vertical_data_wrap_uk .vertical_data.vertical_data_r li .data_items .data_item_row:first-child {
  padding-top: 0.5rem;
}
#content-area #vertical_data_wrap.vertical_data_wrap_uk .vertical_data.vertical_data_r li .data_items .data_item_row:first-child .data_item {
  border-bottom: 0.1rem solid #003B5C;
}
#content-area #vertical_data_wrap.vertical_data_wrap_uk .vertical_data.vertical_data_r li .data_items .data_item_row:last-child {
  padding-bottom: 0.5rem;
}
#content-area .vertical_data {
  margin: 0;
  padding: 0;
}
#content-area .vertical_data li {
  background-color: #FFFFFF;
  color: #009F4D;
  margin-bottom: 7.996rem;
}
#content-area .vertical_data li a {
  padding: 1.81rem 3.39rem 2.29rem 6.3rem;
  display: flex;
  align-items: center;
}
#content-area .vertical_data li a span {
  color: #009F4D;
  font-size: 1.2375rem;
}
@media (min-width: 576px) {
  #content-area .vertical_data li a span {
    font-size: 1.32rem;
  }
}
@media (min-width: 768px) {
  #content-area .vertical_data li a span {
    font-size: 1.4025rem;
  }
}
@media (min-width: 991px) {
  #content-area .vertical_data li a span {
    font-size: 1.485rem;
  }
}
@media (min-width: 1200px) {
  #content-area .vertical_data li a span {
    font-size: 1.5675rem;
  }
}
@media (min-width: 1440px) {
  #content-area .vertical_data li a span {
    font-size: 1.617rem;
  }
}
@media (min-width: 1676px) {
  #content-area .vertical_data li a span {
    font-size: 1.65rem;
  }
}
#content-area .vertical_data li a span {
  font-style: normal;
  font-weight: 600;
  line-height: 1.1764705882; /* 117.647% */
}
#content-area .vertical_data li a span br {
  height: 1px;
  width: 100%;
  display: block;
  font-size: 1px;
  line-height: 1;
}
#content-area .vertical_data li a span {
  margin-right: 2rem;
}
#content-area .vertical_data li a svg {
  width: 1.7867rem;
  height: 1.793rem;
  margin-left: auto;
}
#content-area .vertical_data li .data_items {
  background-color: #FFD200;
  color: #003B5C;
  display: flex;
  flex-direction: column;
}
#content-area .vertical_data li .data_items .data_item_row {
  display: flex;
  justify-content: center;
}
#content-area .vertical_data li .data_items .data_item_row .data_item {
  display: inline-flex;
  align-items: center;
  border-right: 0.1rem solid #003B5C;
  padding: 1.55rem 1.5rem 1.35rem 1.5rem;
  color: #003B5C;
  text-align: center;
  font-size: 1.05rem;
}
@media (min-width: 576px) {
  #content-area .vertical_data li .data_items .data_item_row .data_item {
    font-size: 1.12rem;
  }
}
@media (min-width: 768px) {
  #content-area .vertical_data li .data_items .data_item_row .data_item {
    font-size: 1.19rem;
  }
}
@media (min-width: 991px) {
  #content-area .vertical_data li .data_items .data_item_row .data_item {
    font-size: 1.26rem;
  }
}
@media (min-width: 1200px) {
  #content-area .vertical_data li .data_items .data_item_row .data_item {
    font-size: 1.33rem;
  }
}
@media (min-width: 1440px) {
  #content-area .vertical_data li .data_items .data_item_row .data_item {
    font-size: 1.372rem;
  }
}
@media (min-width: 1676px) {
  #content-area .vertical_data li .data_items .data_item_row .data_item {
    font-size: 1.4rem;
  }
}
#content-area .vertical_data li .data_items .data_item_row .data_item {
  font-style: normal;
  font-weight: 500;
  line-height: 1.0714285714; /* 107.143% */
}
#content-area .vertical_data li .data_items .data_item_row .data_item strong {
  font-weight: 700;
}
#content-area .vertical_data li .data_items .data_item_row .data_item br {
  height: 1px;
  width: 100%;
  display: block;
  font-size: 1px;
  line-height: 1;
}
#content-area .vertical_data li .data_items .data_item_row .data_item {
  /*&:after{
    content: "";
    height: 100%;
    width: 1px;
    background-color: $color_text;
    //transform: skewX(-20deg); !* Slants the item *!
    display: block;
  }*/
}
#content-area .vertical_data li .data_items .data_item_row .data_item:last-child {
  border-right: 0 none;
}
#content-area #footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 0 3.6rem 3.95rem 3.6rem;
  color: #FFFFFF;
  font-size: 1.05rem;
}
@media (min-width: 576px) {
  #content-area #footer {
    font-size: 1.12rem;
  }
}
@media (min-width: 768px) {
  #content-area #footer {
    font-size: 1.19rem;
  }
}
@media (min-width: 991px) {
  #content-area #footer {
    font-size: 1.26rem;
  }
}
@media (min-width: 1200px) {
  #content-area #footer {
    font-size: 1.33rem;
  }
}
@media (min-width: 1440px) {
  #content-area #footer {
    font-size: 1.372rem;
  }
}
@media (min-width: 1676px) {
  #content-area #footer {
    font-size: 1.4rem;
  }
}
#content-area #footer {
  font-style: normal;
  font-weight: 400;
  line-height: 1.2916666667; /* 129.167% */
  letter-spacing: -0.024rem;
  text-decoration-style: solid;
  -webkit-text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
#content-area #footer a {
  color: #FFFFFF;
}
#content-area #footer p {
  margin: 0 0 0.8rem 0;
}
#content-area #footer p:first-child {
  text-decoration-line: underline;
}
#footer_prescribe_modal {
  opacity: 1;
  background: #DCDCDC;
  display: none; /* Hidden by default */
  position: fixed;
  z-index: 1000; /* On top */
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto; /* Scroll if needed */
}
#footer_prescribe_modal .footer_prescribe_inner {
  margin: 5rem auto;
  width: 1080px;
  padding: 2.65rem 2.45rem;
  border-radius: 3.5rem;
  background: #FFFFFF;
  box-shadow: 0 3px 24px 0 rgba(0, 0, 0, 0.16);
  color: #003B5C;
  font-size: 1.6875rem;
}
@media (min-width: 576px) {
  #footer_prescribe_modal .footer_prescribe_inner {
    font-size: 1.8rem;
  }
}
@media (min-width: 768px) {
  #footer_prescribe_modal .footer_prescribe_inner {
    font-size: 1.9125rem;
  }
}
@media (min-width: 991px) {
  #footer_prescribe_modal .footer_prescribe_inner {
    font-size: 2.025rem;
  }
}
@media (min-width: 1200px) {
  #footer_prescribe_modal .footer_prescribe_inner {
    font-size: 2.1375rem;
  }
}
@media (min-width: 1440px) {
  #footer_prescribe_modal .footer_prescribe_inner {
    font-size: 2.205rem;
  }
}
@media (min-width: 1676px) {
  #footer_prescribe_modal .footer_prescribe_inner {
    font-size: 2.25rem;
  }
}
#footer_prescribe_modal .footer_prescribe_inner {
  font-style: normal;
  font-weight: 400;
  line-height: 1.4222222222; /* 142.222% */
  letter-spacing: 0.045rem;
  overflow-y: auto; /* scroll inside modal if content overflows */
}
#footer_prescribe_modal .footer_prescribe_inner .modal_header {
  height: 8.442rem;
  display: flex;
  align-items: center;
}
#footer_prescribe_modal .footer_prescribe_inner .modal_header a {
  margin-left: auto;
  width: 4.65rem;
  height: 4.65rem;
}
#footer_prescribe_modal .footer_prescribe_inner .modal_content h2 {
  margin-bottom: 5rem;
  text-align: center;
  overflow: hidden;
  color: #009F4D;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 2.4375rem;
}
@media (min-width: 576px) {
  #footer_prescribe_modal .footer_prescribe_inner .modal_content h2 {
    font-size: 2.6rem;
  }
}
@media (min-width: 768px) {
  #footer_prescribe_modal .footer_prescribe_inner .modal_content h2 {
    font-size: 2.7625rem;
  }
}
@media (min-width: 991px) {
  #footer_prescribe_modal .footer_prescribe_inner .modal_content h2 {
    font-size: 2.925rem;
  }
}
@media (min-width: 1200px) {
  #footer_prescribe_modal .footer_prescribe_inner .modal_content h2 {
    font-size: 3.0875rem;
  }
}
@media (min-width: 1440px) {
  #footer_prescribe_modal .footer_prescribe_inner .modal_content h2 {
    font-size: 3.185rem;
  }
}
@media (min-width: 1676px) {
  #footer_prescribe_modal .footer_prescribe_inner .modal_content h2 {
    font-size: 3.25rem;
  }
}
#footer_prescribe_modal .footer_prescribe_inner .modal_content h2 {
  font-style: normal;
  font-weight: 700;
  line-height: 2.2; /* 220% */
  letter-spacing: 0.065rem;
  text-transform: uppercase;
}
#footer_prescribe_modal .footer_prescribe_inner .modal_content_note p {
  margin-bottom: 1rem;
}
#footer_prescribe_modal .footer_prescribe_inner .modal_content_note p:last-child {
  margin-bottom: 0;
}
#footer_prescribe_modal .footer_prescribe_inner .modal_content_note:nth-of-type(1) {
  margin-bottom: 2rem;
}
#footer_prescribe_modal .footer_prescribe_inner .modal_content_qrs {
  display: grid;
  align-items: center;
  justify-items: center;
  grid-template-columns: 50% 50%;
}
#footer_prescribe_modal .footer_prescribe_inner .modal_content_qrs .modal_content_qr {
  text-align: center;
}
#footer_prescribe_modal .footer_prescribe_inner .modal_content_qrs .modal_content_qr img {
  margin-bottom: 2.242rem;
  width: 21.65rem;
  height: 21.65rem;
  aspect-ratio: 1/1;
}
#footer_prescribe_modal .footer_prescribe_inner .modal_content_qrs .modal_content_qr p {
  color: #009F4D;
  text-align: center;
  font-size: 1.5rem;
}
@media (min-width: 576px) {
  #footer_prescribe_modal .footer_prescribe_inner .modal_content_qrs .modal_content_qr p {
    font-size: 1.6rem;
  }
}
@media (min-width: 768px) {
  #footer_prescribe_modal .footer_prescribe_inner .modal_content_qrs .modal_content_qr p {
    font-size: 1.7rem;
  }
}
@media (min-width: 991px) {
  #footer_prescribe_modal .footer_prescribe_inner .modal_content_qrs .modal_content_qr p {
    font-size: 1.8rem;
  }
}
@media (min-width: 1200px) {
  #footer_prescribe_modal .footer_prescribe_inner .modal_content_qrs .modal_content_qr p {
    font-size: 1.9rem;
  }
}
@media (min-width: 1440px) {
  #footer_prescribe_modal .footer_prescribe_inner .modal_content_qrs .modal_content_qr p {
    font-size: 1.96rem;
  }
}
@media (min-width: 1676px) {
  #footer_prescribe_modal .footer_prescribe_inner .modal_content_qrs .modal_content_qr p {
    font-size: 2rem;
  }
}
#footer_prescribe_modal .footer_prescribe_inner .modal_content_qrs .modal_content_qr p {
  font-style: normal;
  font-weight: 700;
  line-height: 1.275; /* 127.5% */
  letter-spacing: 0.04rem;
  text-transform: uppercase;
}
#qr_modal {
  opacity: 1;
  background: #DCDCDC;
  display: none; /* Hidden by default */
  position: fixed;
  z-index: 1000; /* On top */
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto; /* Scroll if needed */
}
#qr_modal .qr_modal_inner {
  margin: 5rem auto;
  width: 1080px;
  padding: 2.65rem 2.45rem;
  border-radius: 3.5rem;
  background: #FFD200;
  box-shadow: 0 3px 24px 0 rgba(0, 0, 0, 0.16);
  overflow-y: auto; /* scroll inside modal if content overflows */
  display: grid;
  justify-items: center;
  grid-template-columns: 40% 55%;
  row-gap: 20px; /* vertical space */
  -moz-column-gap: 5%;
  column-gap: 5%; /* horizontal space */
}
#qr_modal .qr_modal_inner .qr img {
  border-radius: 1.8rem;
  padding: 1.55rem;
  background-color: #FFFFFF;
}
#qr_modal .qr_modal_inner .qr p {
  color: #003B5C;
  font-size: 1.6875rem;
}
@media (min-width: 576px) {
  #qr_modal .qr_modal_inner .qr p {
    font-size: 1.8rem;
  }
}
@media (min-width: 768px) {
  #qr_modal .qr_modal_inner .qr p {
    font-size: 1.9125rem;
  }
}
@media (min-width: 991px) {
  #qr_modal .qr_modal_inner .qr p {
    font-size: 2.025rem;
  }
}
@media (min-width: 1200px) {
  #qr_modal .qr_modal_inner .qr p {
    font-size: 2.1375rem;
  }
}
@media (min-width: 1440px) {
  #qr_modal .qr_modal_inner .qr p {
    font-size: 2.205rem;
  }
}
@media (min-width: 1676px) {
  #qr_modal .qr_modal_inner .qr p {
    font-size: 2.25rem;
  }
}
#qr_modal .qr_modal_inner .qr p {
  font-style: normal;
  font-weight: 400;
  line-height: 1.4222222222; /* 142.222% */
  letter-spacing: 0.045rem;
}
#qr_modal .qr_modal_inner .text .modal_header {
  height: 8.442rem;
  display: flex;
  align-items: center;
}
#qr_modal .qr_modal_inner .text .modal_header a {
  margin-left: auto;
  width: 4.65rem;
  height: 4.65rem;
}
#qr_modal .qr_modal_inner .text h2 {
  font-size: 2.6625rem;
}
@media (min-width: 576px) {
  #qr_modal .qr_modal_inner .text h2 {
    font-size: 2.84rem;
  }
}
@media (min-width: 768px) {
  #qr_modal .qr_modal_inner .text h2 {
    font-size: 3.0175rem;
  }
}
@media (min-width: 991px) {
  #qr_modal .qr_modal_inner .text h2 {
    font-size: 3.195rem;
  }
}
@media (min-width: 1200px) {
  #qr_modal .qr_modal_inner .text h2 {
    font-size: 3.3725rem;
  }
}
@media (min-width: 1440px) {
  #qr_modal .qr_modal_inner .text h2 {
    font-size: 3.479rem;
  }
}
@media (min-width: 1676px) {
  #qr_modal .qr_modal_inner .text h2 {
    font-size: 3.55rem;
  }
}
#qr_modal .qr_modal_inner .text h2 {
  font-style: normal;
  font-weight: 700;
  line-height: 1.4225352113; /* 142.254% */
  letter-spacing: 0.071rem;
}
#qr_modal .qr_modal_inner .text p {
  color: #003B5C;
  font-size: 1.6875rem;
}
@media (min-width: 576px) {
  #qr_modal .qr_modal_inner .text p {
    font-size: 1.8rem;
  }
}
@media (min-width: 768px) {
  #qr_modal .qr_modal_inner .text p {
    font-size: 1.9125rem;
  }
}
@media (min-width: 991px) {
  #qr_modal .qr_modal_inner .text p {
    font-size: 2.025rem;
  }
}
@media (min-width: 1200px) {
  #qr_modal .qr_modal_inner .text p {
    font-size: 2.1375rem;
  }
}
@media (min-width: 1440px) {
  #qr_modal .qr_modal_inner .text p {
    font-size: 2.205rem;
  }
}
@media (min-width: 1676px) {
  #qr_modal .qr_modal_inner .text p {
    font-size: 2.25rem;
  }
}
#qr_modal .qr_modal_inner .text p {
  font-style: normal;
  font-weight: 400;
  line-height: 1.4222222222; /* 142.222% */
  letter-spacing: 0.045rem;
}
#qr_modal .qr_modal_inner .qr_text_info {
  grid-column: 1/-1; /* span full width */
}
#qr_modal .qr_modal_inner .qr_text_info p {
  margin: 0;
  color: #003B5C;
  font-size: 1.6875rem;
}
@media (min-width: 576px) {
  #qr_modal .qr_modal_inner .qr_text_info p {
    font-size: 1.8rem;
  }
}
@media (min-width: 768px) {
  #qr_modal .qr_modal_inner .qr_text_info p {
    font-size: 1.9125rem;
  }
}
@media (min-width: 991px) {
  #qr_modal .qr_modal_inner .qr_text_info p {
    font-size: 2.025rem;
  }
}
@media (min-width: 1200px) {
  #qr_modal .qr_modal_inner .qr_text_info p {
    font-size: 2.1375rem;
  }
}
@media (min-width: 1440px) {
  #qr_modal .qr_modal_inner .qr_text_info p {
    font-size: 2.205rem;
  }
}
@media (min-width: 1676px) {
  #qr_modal .qr_modal_inner .qr_text_info p {
    font-size: 2.25rem;
  }
}
#qr_modal .qr_modal_inner .qr_text_info p {
  font-style: normal;
  font-weight: 400;
  line-height: 1.4222222222; /* 142.222% */
  letter-spacing: 0.045rem;
}
#data_page_wrapper {
  opacity: 0.9;
  background: #DCDCDC;
  padding: 9.156rem 4.803rem 9.156rem 6rem;
}
#data_page_wrapper .data_page .data_page_toolbar {
  display: flex;
  align-items: flex-end;
  margin-bottom: 2.3595rem;
  gap: 2rem;
}
#data_page_wrapper .data_page .data_page_toolbar ul {
  display: flex;
  flex-grow: 1;
  gap: 2rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
#data_page_wrapper .data_page .data_page_toolbar ul li {
  transform: skewX(-10deg);
  list-style: none;
  background-color: #FFFFFF;
  border: 0.2rem solid #009F4D;
  border-color: #DCDCDC #009F4D #009F4D #DCDCDC;
  display: flex;
  align-items: center;
}
#data_page_wrapper .data_page .data_page_toolbar ul li > * {
  transform: skewX(10deg);
}
#data_page_wrapper .data_page .data_page_toolbar ul li a {
  padding: 1.4385rem 1.992rem 1.4385rem 1.992rem;
  display: flex;
  align-items: center;
}
#data_page_wrapper .data_page .data_page_toolbar ul li a span {
  color: #009F4D;
  font-size: 1.575rem;
}
@media (min-width: 576px) {
  #data_page_wrapper .data_page .data_page_toolbar ul li a span {
    font-size: 1.68rem;
  }
}
@media (min-width: 768px) {
  #data_page_wrapper .data_page .data_page_toolbar ul li a span {
    font-size: 1.785rem;
  }
}
@media (min-width: 991px) {
  #data_page_wrapper .data_page .data_page_toolbar ul li a span {
    font-size: 1.89rem;
  }
}
@media (min-width: 1200px) {
  #data_page_wrapper .data_page .data_page_toolbar ul li a span {
    font-size: 1.995rem;
  }
}
@media (min-width: 1440px) {
  #data_page_wrapper .data_page .data_page_toolbar ul li a span {
    font-size: 2.058rem;
  }
}
@media (min-width: 1676px) {
  #data_page_wrapper .data_page .data_page_toolbar ul li a span {
    font-size: 2.1rem;
  }
}
#data_page_wrapper .data_page .data_page_toolbar ul li a span {
  font-style: normal;
  font-weight: 500;
  line-height: 1; /* 204.762% */
  letter-spacing: 0.042rem;
}
#data_page_wrapper .data_page .data_page_toolbar ul li a svg {
  width: 1.3573rem;
  height: 1.36215rem;
}
#data_page_wrapper .data_page .data_page_toolbar ul li.data_page_toolbar_home a svg {
  width: 3.0625rem;
  height: 2.32965rem;
}
#data_page_wrapper .data_page .data_page_toolbar ul li.data_page_toolbar_back span {
  margin-left: 1.1835rem;
}
#data_page_wrapper .data_page .data_page_toolbar ul li.data_page_toolbar_link a:nth-of-type(1) {
  padding: 1.4385rem 1rem 1.4385rem 1.992rem;
}
#data_page_wrapper .data_page .data_page_toolbar ul li.data_page_toolbar_link a:nth-of-type(2) {
  padding: 1.4385rem 1.992rem 1.4385rem 1rem;
}
#data_page_wrapper .data_page .data_page_toolbar ul li.data_page_toolbar_link span {
  padding: 1.4385rem 0;
  color: #009F4D;
  font-size: 1.575rem;
}
@media (min-width: 576px) {
  #data_page_wrapper .data_page .data_page_toolbar ul li.data_page_toolbar_link span {
    font-size: 1.68rem;
  }
}
@media (min-width: 768px) {
  #data_page_wrapper .data_page .data_page_toolbar ul li.data_page_toolbar_link span {
    font-size: 1.785rem;
  }
}
@media (min-width: 991px) {
  #data_page_wrapper .data_page .data_page_toolbar ul li.data_page_toolbar_link span {
    font-size: 1.89rem;
  }
}
@media (min-width: 1200px) {
  #data_page_wrapper .data_page .data_page_toolbar ul li.data_page_toolbar_link span {
    font-size: 1.995rem;
  }
}
@media (min-width: 1440px) {
  #data_page_wrapper .data_page .data_page_toolbar ul li.data_page_toolbar_link span {
    font-size: 2.058rem;
  }
}
@media (min-width: 1676px) {
  #data_page_wrapper .data_page .data_page_toolbar ul li.data_page_toolbar_link span {
    font-size: 2.1rem;
  }
}
#data_page_wrapper .data_page .data_page_toolbar ul li.data_page_toolbar_link span {
  font-style: normal;
  font-weight: 500;
  line-height: 1; /* 204.762% */
  letter-spacing: 0.042rem;
  margin: 0 1.991rem;
}
#data_page_wrapper .data_page .data_page_toolbar #download_data {
  margin-left: auto;
  transform: skewX(-10deg);
  padding: 1.0145rem 3.151rem 1.0145rem 4.193rem;
  border: 0.2rem solid #009F4D;
  border-color: #DCDCDC #009F4D #009F4D #DCDCDC;
  background-color: #FFD200;
  display: flex;
  align-items: center;
}
#data_page_wrapper .data_page .data_page_toolbar #download_data > * {
  transform: skewX(10deg);
}
#data_page_wrapper .data_page .data_page_toolbar #download_data span {
  color: #003B5C;
  font-size: 1.575rem;
}
@media (min-width: 576px) {
  #data_page_wrapper .data_page .data_page_toolbar #download_data span {
    font-size: 1.68rem;
  }
}
@media (min-width: 768px) {
  #data_page_wrapper .data_page .data_page_toolbar #download_data span {
    font-size: 1.785rem;
  }
}
@media (min-width: 991px) {
  #data_page_wrapper .data_page .data_page_toolbar #download_data span {
    font-size: 1.89rem;
  }
}
@media (min-width: 1200px) {
  #data_page_wrapper .data_page .data_page_toolbar #download_data span {
    font-size: 1.995rem;
  }
}
@media (min-width: 1440px) {
  #data_page_wrapper .data_page .data_page_toolbar #download_data span {
    font-size: 2.058rem;
  }
}
@media (min-width: 1676px) {
  #data_page_wrapper .data_page .data_page_toolbar #download_data span {
    font-size: 2.1rem;
  }
}
#data_page_wrapper .data_page .data_page_toolbar #download_data span {
  font-style: normal;
  font-weight: 500;
  line-height: 2.0476190476; /* 204.762% */
  letter-spacing: 0.042rem;
}
#data_page_wrapper .data_page .data_page_toolbar #download_data svg {
  margin-left: 2.121rem;
  width: 1.86205rem;
  height: 1.8661rem;
}
#data_page_wrapper .data_page .data_page_image img {
  border-radius: 3.5rem;
  background: #FFF;
  box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.16);
}
/*
// Stats Page Styles

.stats {
  color: #666;

  h1,
  h2 {
    text-align: left;
    color: $color_brand;
    margin: 40px 0;
  }

  h1 {
    font-size: 40px;
  }

  h2 {
    font-size: 30px;
  }

  // Search/Filter Form Styling
  .search-form {
    background: #f7f7f7;
    background: linear-gradient(
      160deg,
      rgba(204, 204, 204, 0.3) 0%,
      #ccc 100%
    );
    padding: 20px;
    border-radius: 10px;
    border: 1px #ccc solid;
    margin-bottom: 40px;

    .form-group {
      display: inline-block;
      width: 30%;
      margin: 0 12px 12px 0;
      vertical-align: bottom;

      label,
      input {
        margin: 0 0 12px 0;
        display: block;
        width: 100%;
        font-size: inherit;
        font-family: inherit;
      }

      input {
        border: 1px #ccc solid;
        border-radius: 5px;
        padding: 10px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;

        &:focus {
          outline: none;
          border-color: $color_brand;
        }
      }

      button {
        width: 200px;
        background: $color_brand;
        padding: 10px;
        color: $color_white;
        font-weight: 700;
        border: 0;
        border-radius: 5px;
        vertical-align: bottom;
        margin: 0 0 12px 0;
        line-height: 1.6;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        cursor: pointer;
        transition: all 0.3s ease;

        &:hover {
          opacity: 0.9;
          transform: translateY(-2px);
        }

        &:active {
          transform: translateY(0);
        }
      }
    }

    @media (max-width: 768px) {
      .form-group {
        width: 100%;
      }
    }
  }
}

// Stats Box Styling
.stats-box {
  text-align: center;
}

.stats-box-number {
  background: #f7f7f7;
  background: linear-gradient(
    160deg,
    rgba(204, 204, 204, 0.3) 0%,
    #ccc 100%
  );
  padding: 20px;
  border-radius: 10px;
  border: 1px #ccc solid;
  font-size: 60px;
  line-height: 80px;
  font-weight: 700;
  color: #666;
  margin: 0 0 10px 0;

  &.stats-box-number-duration {
    font-size: 40px;
    line-height: 60px;
  }
}

.stats-box-label {
  font-weight: 700;
  margin: 0 0 20px 0;
  font-size: 16px;
  color: #333;
}

// Chart Container
.ct-chart {
  margin: 20px 0;
}

// Chartist Overrides
.ct-axis-title {
  font-size: 14px;
  font-weight: 600;
  color: #666;
}

.ct-label {
  font-size: 12px;
  color: #666;
}

.ct-bar {
  stroke-width: 10px;
  stroke: $color_brand;
}

.ct-grid {
  stroke: #ddd;
  stroke-dasharray: 5px;
}
// .row{
//     display: flex;
//     .col-3{
//         width: 25%;
//     }
//     .col-12{
//         width: 100%;
//     }
// }
*/
.stats {
  color: #666;
}
.stats .search-form {
  background: #f7f7f7;
  background: linear-gradient(160deg, rgba(204, 204, 204, 0.3) 0%, #ccc 100%);
  padding: 20px;
  border-radius: 10px;
  border: 1px #ccc solid;
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 20px;
}
.stats .search-form .form-group input {
  padding: 5px 10px;
  border-radius: 5px;
}
.stat_boxes_common {
  margin-bottom: 20px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
}
.stat_boxes_common.stat_boxes_common_global {
  grid-template-columns: 1fr 1fr;
}
.stat_boxes_common .stat_box {
  text-align: center;
  background: #f7f7f7;
  background: linear-gradient(160deg, rgba(204, 204, 204, 0.3) 0%, #ccc 100%);
  border: 1px #ccc solid;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 10px;
  border-radius: 10px;
}
.stat_boxes_common .stat_box .stat_box_number {
  /* background: #f7f7f7;
   background: linear-gradient(
                   160deg,
                   rgba(204, 204, 204, 0.3) 0%,
                   #ccc 100%
   );*/
  font-size: 40px;
  line-height: 1.5;
  font-weight: 700;
  color: #666;
}
.stat_boxes_common .stat_box .stat_box_number.stats_box_number_duration {
  font-size: 40px;
  line-height: 60px;
}
.stat_boxes_common .stat_box .stat_box_label {
  font-size: 16px;
  line-height: 1.5;
}
.stat_boxes_common_chart {
  margin-bottom: 20px;
}
/*# sourceMappingURL=eylea.css.map */