/*------------------------------------*\
  #MAIN
\*------------------------------------*/
/*----------------------------------*\
  #SETTINGS
\*----------------------------------*/
/*----------------------------------*\
  #MEDIA
\*----------------------------------*/
/*----------------------------------*\
  #TYPOGRAPHY
\*----------------------------------*/
/*----------------------------------*\
  #COLORS
\*----------------------------------*/
/*----------------------------------*\
  #EASES
\*----------------------------------*/
/*----------------------------------*\
  #GRID
\*----------------------------------*/
/*----------------------------------*\
  #SHADOWS
\*----------------------------------*/
/*----------------------------------*\
  #SPACING
\*----------------------------------*/
/**
 * Media queries targeting a device and smaller
 **/
/**
 * Media queries targeting a device and bigger
 **/
/**
 * Media queries targeting a device and bigger
 * - - screen-mobile-only? > use screen-mobile-and-smaller
 * - - screen-desktop-only? > use screen-desktop-and-bigger
 **/
/**
 * Custom Media queries
 **/
@font-face {
  font-family: "Canaro";
  src: url("/assets/fonts/Canaro-Medium.woff2"); }

/*! normalize for this project */
*,
*:before,
*:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0; }

*:focus {
  outline: none; }

html, body, button, a, input {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

body {
  min-height: 100%;
  overflow-y: scroll; }

table {
  width: 100%; }

th, td {
  vertical-align: top; }

iframe {
  border: 0;
  display: block; }

img {
  vertical-align: middle; }

svg {
  display: inline-block;
  vertical-align: middle; }

select {
  max-width: 100%; }

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
body,
html {
  width: 100%; }

html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* HTML5 display definitions
========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* Links
========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* Text-level semantics
========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: 500; }

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
========================================================================== */
/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type='button'],
input[type='reset'],
input[type='submit'] {
  padding: 0;
  margin: 0;
  background: none;
  border: 0;
  outline: none;
  appearance: none;
  -webkit-appearance: none; }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type='checkbox'],
input[type='radio'] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 */
input[type='search'] {
  -webkit-appearance: textfield;
          appearance: textfield;
  /* 1 */
  box-sizing: border-box;
  /* 2 */ }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
          appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/* Tables
========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

h1,
h2,
h3,
h4,
h5,
h6 {
  padding: 0;
  margin: 0; }

html,
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  min-width: 320px;
  min-height: 100%; }

html {
  font-family: "Ubuntu", Helvetica, Arial, sans-serif;
  font-size: 10px;
  color: #6e6f72;
  background-color: #ffffff;
  min-height: 100%; }
  html.no--scroll {
    overflow-y: hidden !important; }
  html .t-dfe-pharma {
    font-family: Helvetica, Arial, sans-serif;
    color: #0094d9; }

body {
  font-size: 1.6rem;
  line-height: 24px;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  word-break: normal; }
  @media screen and (min-width: 480px) {
    body {
      line-height: calc(24px + 4 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    body {
      line-height: 28px; } }

::selection {
  background-color: #0094d9;
  color: #ffffff; }

/*----------------------------------*\
  #TOOLS
\*----------------------------------*/
main {
  overflow: hidden;
  padding-bottom: 40px; }
  @media screen and (min-width: 480px) {
    main {
      padding-bottom: calc(40px + 40 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    main {
      padding-bottom: 80px; } }

button {
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-decoration: none;
  vertical-align: top;
  margin: 0;
  text-align: center; }
  button::before, button::after {
    content: '';
    position: absolute;
    bottom: 2px;
    height: 2px;
    background-color: currentColor;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    transition: -webkit-transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }
  button::before {
    left: 0;
    right: 50%;
    -webkit-transform-origin: bottom left;
            transform-origin: bottom left; }
  button::after {
    right: 0;
    left: 50%;
    -webkit-transform-origin: bottom right;
            transform-origin: bottom right; }
  html:not(.is-touch) button:hover:before,
  html.is-touch--with-mouse button:hover:before {
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  html:not(.is-touch) button:hover:after,
  html.is-touch--with-mouse button:hover:after {
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }

fieldset {
  border: 0; }

h1 {
  color: #000000;
  font-weight: 200;
  line-height: 1.1;
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
  font-size: 35px; }
  @media screen and (min-width: 480px) {
    h1 {
      font-size: calc(35px + 35 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    h1 {
      font-size: 70px; } }
  .t-dfe-pharma h1 {
    font-size: 35px;
    color: #0094d9;
    font-weight: 100;
    letter-spacing: -1px;
    line-height: 1.16;
    text-transform: uppercase; }
    @media screen and (min-width: 480px) {
      .t-dfe-pharma h1 {
        font-size: calc(35px + 15 * (100vw - 480px) / 760); } }
    @media screen and (min-width: 1240px) {
      .t-dfe-pharma h1 {
        font-size: 50px; } }

h2 {
  color: #000000;
  font-weight: 200;
  line-height: 1.2;
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
  font-size: 24px; }
  @media screen and (min-width: 480px) {
    h2 {
      font-size: calc(24px + 26 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    h2 {
      font-size: 50px; } }
  .t-dfe-pharma h2 {
    font-size: 24px;
    color: #0094d9;
    font-weight: 500;
    letter-spacing: -1px;
    line-height: 1.14; }
    @media screen and (min-width: 480px) {
      .t-dfe-pharma h2 {
        font-size: calc(24px + 11 * (100vw - 480px) / 760); } }
    @media screen and (min-width: 1240px) {
      .t-dfe-pharma h2 {
        font-size: 35px; } }

h3 {
  color: #000000;
  font-weight: 200;
  line-height: 1.4;
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
  font-size: 20px; }
  @media screen and (min-width: 480px) {
    h3 {
      font-size: calc(20px + 15 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    h3 {
      font-size: 35px; } }
  .t-dfe-pharma h3 {
    font-size: 16px;
    color: #0094d9;
    font-weight: 500;
    line-height: 1.16; }
    @media screen and (min-width: 480px) {
      .t-dfe-pharma h3 {
        font-size: calc(16px + 8 * (100vw - 480px) / 760); } }
    @media screen and (min-width: 1240px) {
      .t-dfe-pharma h3 {
        font-size: 24px; } }
    @media only screen and (max-width: 63.96875em) {
      .t-dfe-pharma h3 {
        font-weight: 300; } }

h4 {
  color: #000000;
  font-weight: 200;
  line-height: 1.4;
  font-size: 20px; }
  @media screen and (min-width: 480px) {
    h4 {
      font-size: calc(20px + 4 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    h4 {
      font-size: 24px; } }

h5 {
  color: #000000;
  font-weight: 200;
  font-size: 1.6rem;
  line-height: 1.5; }

h6 {
  color: #000000;
  font-weight: 200;
  font-size: 1.6rem;
  line-height: 1.5; }

textarea {
  resize: none; }

a {
  display: inline-block;
  position: relative;
  color: #0094d9;
  text-decoration: none;
  cursor: pointer;
  text-overflow: ellipsis;
  transition: 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition-property: border, color, background-color; }
  a::before, a::after {
    content: '';
    position: absolute;
    bottom: 2px;
    height: 2px;
    background-color: currentColor;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    transition: -webkit-transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }
  a::before {
    left: 0;
    right: 50%;
    -webkit-transform-origin: bottom left;
            transform-origin: bottom left; }
  a::after {
    right: 0;
    left: 50%;
    -webkit-transform-origin: bottom right;
            transform-origin: bottom right; }
  html:not(.is-touch) a:hover:before,
  html.is-touch--with-mouse a:hover:before {
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  html:not(.is-touch) a:hover:after,
  html.is-touch--with-mouse a:hover:after {
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  a svg {
    fill: currentColor; }

.has--keyboard-focus a:focus {
  position: relative; }
  .has--keyboard-focus a:focus::before {
    display: block;
    width: calc(100% + 15px);
    height: calc(100% + 15px);
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
            transform: translate3d(-50%, -50%, 0);
    background-color: #0094d9;
    -webkit-animation: focus-pulse 1500ms cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
            animation: focus-pulse 1500ms cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
    z-index: -1;
    content: ''; }

@-webkit-keyframes focus-pulse {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-50%, -50%, 0) scale(0.85);
            transform: translate3d(-50%, -50%, 0) scale(0.85); }
  50% {
    opacity: 0.15;
    -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
            transform: translate3d(-50%, -50%, 0) scale(1); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-50%, -50%, 0) scale(0.85);
            transform: translate3d(-50%, -50%, 0) scale(0.85); } }

@keyframes focus-pulse {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-50%, -50%, 0) scale(0.85);
            transform: translate3d(-50%, -50%, 0) scale(0.85); }
  50% {
    opacity: 0.15;
    -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
            transform: translate3d(-50%, -50%, 0) scale(1); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-50%, -50%, 0) scale(0.85);
            transform: translate3d(-50%, -50%, 0) scale(0.85); } }

ol {
  padding-left: 10px; }

p {
  margin-bottom: 1em; }
  p + p:last-child {
    margin-bottom: 0; }

.o-container {
  margin-right: auto;
  margin-left: auto;
  padding-right: 25px;
  padding-left: 25px;
  max-width: 1250px; }
  @media (min-width: 480px) {
    .o-container {
      padding-right: 30px;
      padding-left: 30px; } }

.o-grid {
  box-sizing: border-box;
  width: calc(100% + 10px);
  display: -webkit-flex;
  display: flex;
  -webkit-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px; }
  @media (min-width: 480px) {
    .o-grid {
      width: calc(100% + 20px);
      margin-right: -10px;
      margin-left: -10px; } }

.o-grid.reverse {
  -webkit-flex-direction: row-reverse;
          flex-direction: row-reverse; }

.o-col.reverse {
  -webkit-flex-direction: column-reverse;
          flex-direction: column-reverse; }

.o-col {
  -webkit-flex-grow: 0;
          flex-grow: 0;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  padding-right: 5px;
  padding-left: 5px;
  -webkit-flex-basis: auto;
          flex-basis: auto;
  display: -webkit-flex;
  display: flex; }
  @media (min-width: 480px) {
    .o-col {
      padding-right: 10px;
      padding-left: 10px; } }

.o-col-0 {
  -webkit-flex-grow: 0;
          flex-grow: 0;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  padding-right: 5px;
  padding-left: 5px;
  -webkit-flex-basis: 0%;
          flex-basis: 0%;
  max-width: 0%; }
  @media (min-width: 480px) {
    .o-col-0 {
      padding-right: 10px;
      padding-left: 10px; } }

.u-push-0 {
  position: relative;
  right: 0%; }

.u-pull-0 {
  position: relative;
  left: 0%; }

.u-pre-0 {
  position: relative;
  margin-left: 0%; }

.u-post-0 {
  position: relative;
  margin-right: 0%; }

.o-col-1 {
  -webkit-flex-grow: 0;
          flex-grow: 0;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  padding-right: 5px;
  padding-left: 5px;
  -webkit-flex-basis: 4.16667%;
          flex-basis: 4.16667%;
  max-width: 4.16667%; }
  @media (min-width: 480px) {
    .o-col-1 {
      padding-right: 10px;
      padding-left: 10px; } }

.u-push-1 {
  position: relative;
  right: -4.16667%; }

.u-pull-1 {
  position: relative;
  left: -4.16667%; }

.u-pre-1 {
  position: relative;
  margin-left: 4.16667%; }

.u-post-1 {
  position: relative;
  margin-right: 4.16667%; }

.o-col-2 {
  -webkit-flex-grow: 0;
          flex-grow: 0;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  padding-right: 5px;
  padding-left: 5px;
  -webkit-flex-basis: 8.33333%;
          flex-basis: 8.33333%;
  max-width: 8.33333%; }
  @media (min-width: 480px) {
    .o-col-2 {
      padding-right: 10px;
      padding-left: 10px; } }

.u-push-2 {
  position: relative;
  right: -8.33333%; }

.u-pull-2 {
  position: relative;
  left: -8.33333%; }

.u-pre-2 {
  position: relative;
  margin-left: 8.33333%; }

.u-post-2 {
  position: relative;
  margin-right: 8.33333%; }

.o-col-3 {
  -webkit-flex-grow: 0;
          flex-grow: 0;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  padding-right: 5px;
  padding-left: 5px;
  -webkit-flex-basis: 12.5%;
          flex-basis: 12.5%;
  max-width: 12.5%; }
  @media (min-width: 480px) {
    .o-col-3 {
      padding-right: 10px;
      padding-left: 10px; } }

.u-push-3 {
  position: relative;
  right: -12.5%; }

.u-pull-3 {
  position: relative;
  left: -12.5%; }

.u-pre-3 {
  position: relative;
  margin-left: 12.5%; }

.u-post-3 {
  position: relative;
  margin-right: 12.5%; }

.o-col-4 {
  -webkit-flex-grow: 0;
          flex-grow: 0;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  padding-right: 5px;
  padding-left: 5px;
  -webkit-flex-basis: 16.66667%;
          flex-basis: 16.66667%;
  max-width: 16.66667%; }
  @media (min-width: 480px) {
    .o-col-4 {
      padding-right: 10px;
      padding-left: 10px; } }

.u-push-4 {
  position: relative;
  right: -16.66667%; }

.u-pull-4 {
  position: relative;
  left: -16.66667%; }

.u-pre-4 {
  position: relative;
  margin-left: 16.66667%; }

.u-post-4 {
  position: relative;
  margin-right: 16.66667%; }

.o-col-5 {
  -webkit-flex-grow: 0;
          flex-grow: 0;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  padding-right: 5px;
  padding-left: 5px;
  -webkit-flex-basis: 20.83333%;
          flex-basis: 20.83333%;
  max-width: 20.83333%; }
  @media (min-width: 480px) {
    .o-col-5 {
      padding-right: 10px;
      padding-left: 10px; } }

.u-push-5 {
  position: relative;
  right: -20.83333%; }

.u-pull-5 {
  position: relative;
  left: -20.83333%; }

.u-pre-5 {
  position: relative;
  margin-left: 20.83333%; }

.u-post-5 {
  position: relative;
  margin-right: 20.83333%; }

.o-col-6 {
  -webkit-flex-grow: 0;
          flex-grow: 0;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  padding-right: 5px;
  padding-left: 5px;
  -webkit-flex-basis: 25%;
          flex-basis: 25%;
  max-width: 25%; }
  @media (min-width: 480px) {
    .o-col-6 {
      padding-right: 10px;
      padding-left: 10px; } }

.u-push-6 {
  position: relative;
  right: -25%; }

.u-pull-6 {
  position: relative;
  left: -25%; }

.u-pre-6 {
  position: relative;
  margin-left: 25%; }

.u-post-6 {
  position: relative;
  margin-right: 25%; }

.o-col-7 {
  -webkit-flex-grow: 0;
          flex-grow: 0;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  padding-right: 5px;
  padding-left: 5px;
  -webkit-flex-basis: 29.16667%;
          flex-basis: 29.16667%;
  max-width: 29.16667%; }
  @media (min-width: 480px) {
    .o-col-7 {
      padding-right: 10px;
      padding-left: 10px; } }

.u-push-7 {
  position: relative;
  right: -29.16667%; }

.u-pull-7 {
  position: relative;
  left: -29.16667%; }

.u-pre-7 {
  position: relative;
  margin-left: 29.16667%; }

.u-post-7 {
  position: relative;
  margin-right: 29.16667%; }

.o-col-8 {
  -webkit-flex-grow: 0;
          flex-grow: 0;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  padding-right: 5px;
  padding-left: 5px;
  -webkit-flex-basis: 33.33333%;
          flex-basis: 33.33333%;
  max-width: 33.33333%; }
  @media (min-width: 480px) {
    .o-col-8 {
      padding-right: 10px;
      padding-left: 10px; } }

.u-push-8 {
  position: relative;
  right: -33.33333%; }

.u-pull-8 {
  position: relative;
  left: -33.33333%; }

.u-pre-8 {
  position: relative;
  margin-left: 33.33333%; }

.u-post-8 {
  position: relative;
  margin-right: 33.33333%; }

.o-col-9 {
  -webkit-flex-grow: 0;
          flex-grow: 0;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  padding-right: 5px;
  padding-left: 5px;
  -webkit-flex-basis: 37.5%;
          flex-basis: 37.5%;
  max-width: 37.5%; }
  @media (min-width: 480px) {
    .o-col-9 {
      padding-right: 10px;
      padding-left: 10px; } }

.u-push-9 {
  position: relative;
  right: -37.5%; }

.u-pull-9 {
  position: relative;
  left: -37.5%; }

.u-pre-9 {
  position: relative;
  margin-left: 37.5%; }

.u-post-9 {
  position: relative;
  margin-right: 37.5%; }

.o-col-10 {
  -webkit-flex-grow: 0;
          flex-grow: 0;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  padding-right: 5px;
  padding-left: 5px;
  -webkit-flex-basis: 41.66667%;
          flex-basis: 41.66667%;
  max-width: 41.66667%; }
  @media (min-width: 480px) {
    .o-col-10 {
      padding-right: 10px;
      padding-left: 10px; } }

.u-push-10 {
  position: relative;
  right: -41.66667%; }

.u-pull-10 {
  position: relative;
  left: -41.66667%; }

.u-pre-10 {
  position: relative;
  margin-left: 41.66667%; }

.u-post-10 {
  position: relative;
  margin-right: 41.66667%; }

.o-col-11 {
  -webkit-flex-grow: 0;
          flex-grow: 0;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  padding-right: 5px;
  padding-left: 5px;
  -webkit-flex-basis: 45.83333%;
          flex-basis: 45.83333%;
  max-width: 45.83333%; }
  @media (min-width: 480px) {
    .o-col-11 {
      padding-right: 10px;
      padding-left: 10px; } }

.u-push-11 {
  position: relative;
  right: -45.83333%; }

.u-pull-11 {
  position: relative;
  left: -45.83333%; }

.u-pre-11 {
  position: relative;
  margin-left: 45.83333%; }

.u-post-11 {
  position: relative;
  margin-right: 45.83333%; }

.o-col-12 {
  -webkit-flex-grow: 0;
          flex-grow: 0;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  padding-right: 5px;
  padding-left: 5px;
  -webkit-flex-basis: 50%;
          flex-basis: 50%;
  max-width: 50%; }
  @media (min-width: 480px) {
    .o-col-12 {
      padding-right: 10px;
      padding-left: 10px; } }

.u-push-12 {
  position: relative;
  right: -50%; }

.u-pull-12 {
  position: relative;
  left: -50%; }

.u-pre-12 {
  position: relative;
  margin-left: 50%; }

.u-post-12 {
  position: relative;
  margin-right: 50%; }

.o-col-13 {
  -webkit-flex-grow: 0;
          flex-grow: 0;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  padding-right: 5px;
  padding-left: 5px;
  -webkit-flex-basis: 54.16667%;
          flex-basis: 54.16667%;
  max-width: 54.16667%; }
  @media (min-width: 480px) {
    .o-col-13 {
      padding-right: 10px;
      padding-left: 10px; } }

.u-push-13 {
  position: relative;
  right: -54.16667%; }

.u-pull-13 {
  position: relative;
  left: -54.16667%; }

.u-pre-13 {
  position: relative;
  margin-left: 54.16667%; }

.u-post-13 {
  position: relative;
  margin-right: 54.16667%; }

.o-col-14 {
  -webkit-flex-grow: 0;
          flex-grow: 0;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  padding-right: 5px;
  padding-left: 5px;
  -webkit-flex-basis: 58.33333%;
          flex-basis: 58.33333%;
  max-width: 58.33333%; }
  @media (min-width: 480px) {
    .o-col-14 {
      padding-right: 10px;
      padding-left: 10px; } }

.u-push-14 {
  position: relative;
  right: -58.33333%; }

.u-pull-14 {
  position: relative;
  left: -58.33333%; }

.u-pre-14 {
  position: relative;
  margin-left: 58.33333%; }

.u-post-14 {
  position: relative;
  margin-right: 58.33333%; }

.o-col-15 {
  -webkit-flex-grow: 0;
          flex-grow: 0;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  padding-right: 5px;
  padding-left: 5px;
  -webkit-flex-basis: 62.5%;
          flex-basis: 62.5%;
  max-width: 62.5%; }
  @media (min-width: 480px) {
    .o-col-15 {
      padding-right: 10px;
      padding-left: 10px; } }

.u-push-15 {
  position: relative;
  right: -62.5%; }

.u-pull-15 {
  position: relative;
  left: -62.5%; }

.u-pre-15 {
  position: relative;
  margin-left: 62.5%; }

.u-post-15 {
  position: relative;
  margin-right: 62.5%; }

.o-col-16 {
  -webkit-flex-grow: 0;
          flex-grow: 0;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  padding-right: 5px;
  padding-left: 5px;
  -webkit-flex-basis: 66.66667%;
          flex-basis: 66.66667%;
  max-width: 66.66667%; }
  @media (min-width: 480px) {
    .o-col-16 {
      padding-right: 10px;
      padding-left: 10px; } }

.u-push-16 {
  position: relative;
  right: -66.66667%; }

.u-pull-16 {
  position: relative;
  left: -66.66667%; }

.u-pre-16 {
  position: relative;
  margin-left: 66.66667%; }

.u-post-16 {
  position: relative;
  margin-right: 66.66667%; }

.o-col-17 {
  -webkit-flex-grow: 0;
          flex-grow: 0;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  padding-right: 5px;
  padding-left: 5px;
  -webkit-flex-basis: 70.83333%;
          flex-basis: 70.83333%;
  max-width: 70.83333%; }
  @media (min-width: 480px) {
    .o-col-17 {
      padding-right: 10px;
      padding-left: 10px; } }

.u-push-17 {
  position: relative;
  right: -70.83333%; }

.u-pull-17 {
  position: relative;
  left: -70.83333%; }

.u-pre-17 {
  position: relative;
  margin-left: 70.83333%; }

.u-post-17 {
  position: relative;
  margin-right: 70.83333%; }

.o-col-18 {
  -webkit-flex-grow: 0;
          flex-grow: 0;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  padding-right: 5px;
  padding-left: 5px;
  -webkit-flex-basis: 75%;
          flex-basis: 75%;
  max-width: 75%; }
  @media (min-width: 480px) {
    .o-col-18 {
      padding-right: 10px;
      padding-left: 10px; } }

.u-push-18 {
  position: relative;
  right: -75%; }

.u-pull-18 {
  position: relative;
  left: -75%; }

.u-pre-18 {
  position: relative;
  margin-left: 75%; }

.u-post-18 {
  position: relative;
  margin-right: 75%; }

.o-col-19 {
  -webkit-flex-grow: 0;
          flex-grow: 0;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  padding-right: 5px;
  padding-left: 5px;
  -webkit-flex-basis: 79.16667%;
          flex-basis: 79.16667%;
  max-width: 79.16667%; }
  @media (min-width: 480px) {
    .o-col-19 {
      padding-right: 10px;
      padding-left: 10px; } }

.u-push-19 {
  position: relative;
  right: -79.16667%; }

.u-pull-19 {
  position: relative;
  left: -79.16667%; }

.u-pre-19 {
  position: relative;
  margin-left: 79.16667%; }

.u-post-19 {
  position: relative;
  margin-right: 79.16667%; }

.o-col-20 {
  -webkit-flex-grow: 0;
          flex-grow: 0;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  padding-right: 5px;
  padding-left: 5px;
  -webkit-flex-basis: 83.33333%;
          flex-basis: 83.33333%;
  max-width: 83.33333%; }
  @media (min-width: 480px) {
    .o-col-20 {
      padding-right: 10px;
      padding-left: 10px; } }

.u-push-20 {
  position: relative;
  right: -83.33333%; }

.u-pull-20 {
  position: relative;
  left: -83.33333%; }

.u-pre-20 {
  position: relative;
  margin-left: 83.33333%; }

.u-post-20 {
  position: relative;
  margin-right: 83.33333%; }

.o-col-21 {
  -webkit-flex-grow: 0;
          flex-grow: 0;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  padding-right: 5px;
  padding-left: 5px;
  -webkit-flex-basis: 87.5%;
          flex-basis: 87.5%;
  max-width: 87.5%; }
  @media (min-width: 480px) {
    .o-col-21 {
      padding-right: 10px;
      padding-left: 10px; } }

.u-push-21 {
  position: relative;
  right: -87.5%; }

.u-pull-21 {
  position: relative;
  left: -87.5%; }

.u-pre-21 {
  position: relative;
  margin-left: 87.5%; }

.u-post-21 {
  position: relative;
  margin-right: 87.5%; }

.o-col-22 {
  -webkit-flex-grow: 0;
          flex-grow: 0;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  padding-right: 5px;
  padding-left: 5px;
  -webkit-flex-basis: 91.66667%;
          flex-basis: 91.66667%;
  max-width: 91.66667%; }
  @media (min-width: 480px) {
    .o-col-22 {
      padding-right: 10px;
      padding-left: 10px; } }

.u-push-22 {
  position: relative;
  right: -91.66667%; }

.u-pull-22 {
  position: relative;
  left: -91.66667%; }

.u-pre-22 {
  position: relative;
  margin-left: 91.66667%; }

.u-post-22 {
  position: relative;
  margin-right: 91.66667%; }

.o-col-23 {
  -webkit-flex-grow: 0;
          flex-grow: 0;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  padding-right: 5px;
  padding-left: 5px;
  -webkit-flex-basis: 95.83333%;
          flex-basis: 95.83333%;
  max-width: 95.83333%; }
  @media (min-width: 480px) {
    .o-col-23 {
      padding-right: 10px;
      padding-left: 10px; } }

.u-push-23 {
  position: relative;
  right: -95.83333%; }

.u-pull-23 {
  position: relative;
  left: -95.83333%; }

.u-pre-23 {
  position: relative;
  margin-left: 95.83333%; }

.u-post-23 {
  position: relative;
  margin-right: 95.83333%; }

.o-col-24 {
  -webkit-flex-grow: 0;
          flex-grow: 0;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  padding-right: 5px;
  padding-left: 5px;
  -webkit-flex-basis: 100%;
          flex-basis: 100%;
  max-width: 100%; }
  @media (min-width: 480px) {
    .o-col-24 {
      padding-right: 10px;
      padding-left: 10px; } }

.u-push-24 {
  position: relative;
  right: -100%; }

.u-pull-24 {
  position: relative;
  left: -100%; }

.u-pre-24 {
  position: relative;
  margin-left: 100%; }

.u-post-24 {
  position: relative;
  margin-right: 100%; }

.o-col {
  -webkit-flex-grow: 1;
          flex-grow: 1;
  -webkit-flex-basis: 0;
          flex-basis: 0;
  max-width: 100%; }

@media only screen and (min-width: 480px) {
  .o-col--sm {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: auto;
            flex-basis: auto; } }
  @media only screen and (min-width: 480px) and (min-width: 480px) {
    .o-col--sm {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 480px) {
  .o-col-0--sm {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 0%;
            flex-basis: 0%;
    max-width: 0%; } }
  @media only screen and (min-width: 480px) and (min-width: 480px) {
    .o-col-0--sm {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 480px) {
  .u-push-0--sm {
    position: relative;
    right: 0%; }
  .u-pull-0--sm {
    position: relative;
    left: 0%; }
  .u-pre-0--sm {
    position: relative;
    margin-left: 0%; }
  .u-post-0--sm {
    position: relative;
    margin-right: 0%; }
  .o-col-1--sm {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 4.16667%;
            flex-basis: 4.16667%;
    max-width: 4.16667%; } }
  @media only screen and (min-width: 480px) and (min-width: 480px) {
    .o-col-1--sm {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 480px) {
  .u-push-1--sm {
    position: relative;
    right: -4.16667%; }
  .u-pull-1--sm {
    position: relative;
    left: -4.16667%; }
  .u-pre-1--sm {
    position: relative;
    margin-left: 4.16667%; }
  .u-post-1--sm {
    position: relative;
    margin-right: 4.16667%; }
  .o-col-2--sm {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 8.33333%;
            flex-basis: 8.33333%;
    max-width: 8.33333%; } }
  @media only screen and (min-width: 480px) and (min-width: 480px) {
    .o-col-2--sm {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 480px) {
  .u-push-2--sm {
    position: relative;
    right: -8.33333%; }
  .u-pull-2--sm {
    position: relative;
    left: -8.33333%; }
  .u-pre-2--sm {
    position: relative;
    margin-left: 8.33333%; }
  .u-post-2--sm {
    position: relative;
    margin-right: 8.33333%; }
  .o-col-3--sm {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 12.5%;
            flex-basis: 12.5%;
    max-width: 12.5%; } }
  @media only screen and (min-width: 480px) and (min-width: 480px) {
    .o-col-3--sm {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 480px) {
  .u-push-3--sm {
    position: relative;
    right: -12.5%; }
  .u-pull-3--sm {
    position: relative;
    left: -12.5%; }
  .u-pre-3--sm {
    position: relative;
    margin-left: 12.5%; }
  .u-post-3--sm {
    position: relative;
    margin-right: 12.5%; }
  .o-col-4--sm {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 16.66667%;
            flex-basis: 16.66667%;
    max-width: 16.66667%; } }
  @media only screen and (min-width: 480px) and (min-width: 480px) {
    .o-col-4--sm {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 480px) {
  .u-push-4--sm {
    position: relative;
    right: -16.66667%; }
  .u-pull-4--sm {
    position: relative;
    left: -16.66667%; }
  .u-pre-4--sm {
    position: relative;
    margin-left: 16.66667%; }
  .u-post-4--sm {
    position: relative;
    margin-right: 16.66667%; }
  .o-col-5--sm {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 20.83333%;
            flex-basis: 20.83333%;
    max-width: 20.83333%; } }
  @media only screen and (min-width: 480px) and (min-width: 480px) {
    .o-col-5--sm {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 480px) {
  .u-push-5--sm {
    position: relative;
    right: -20.83333%; }
  .u-pull-5--sm {
    position: relative;
    left: -20.83333%; }
  .u-pre-5--sm {
    position: relative;
    margin-left: 20.83333%; }
  .u-post-5--sm {
    position: relative;
    margin-right: 20.83333%; }
  .o-col-6--sm {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 25%;
            flex-basis: 25%;
    max-width: 25%; } }
  @media only screen and (min-width: 480px) and (min-width: 480px) {
    .o-col-6--sm {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 480px) {
  .u-push-6--sm {
    position: relative;
    right: -25%; }
  .u-pull-6--sm {
    position: relative;
    left: -25%; }
  .u-pre-6--sm {
    position: relative;
    margin-left: 25%; }
  .u-post-6--sm {
    position: relative;
    margin-right: 25%; }
  .o-col-7--sm {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 29.16667%;
            flex-basis: 29.16667%;
    max-width: 29.16667%; } }
  @media only screen and (min-width: 480px) and (min-width: 480px) {
    .o-col-7--sm {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 480px) {
  .u-push-7--sm {
    position: relative;
    right: -29.16667%; }
  .u-pull-7--sm {
    position: relative;
    left: -29.16667%; }
  .u-pre-7--sm {
    position: relative;
    margin-left: 29.16667%; }
  .u-post-7--sm {
    position: relative;
    margin-right: 29.16667%; }
  .o-col-8--sm {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 33.33333%;
            flex-basis: 33.33333%;
    max-width: 33.33333%; } }
  @media only screen and (min-width: 480px) and (min-width: 480px) {
    .o-col-8--sm {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 480px) {
  .u-push-8--sm {
    position: relative;
    right: -33.33333%; }
  .u-pull-8--sm {
    position: relative;
    left: -33.33333%; }
  .u-pre-8--sm {
    position: relative;
    margin-left: 33.33333%; }
  .u-post-8--sm {
    position: relative;
    margin-right: 33.33333%; }
  .o-col-9--sm {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 37.5%;
            flex-basis: 37.5%;
    max-width: 37.5%; } }
  @media only screen and (min-width: 480px) and (min-width: 480px) {
    .o-col-9--sm {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 480px) {
  .u-push-9--sm {
    position: relative;
    right: -37.5%; }
  .u-pull-9--sm {
    position: relative;
    left: -37.5%; }
  .u-pre-9--sm {
    position: relative;
    margin-left: 37.5%; }
  .u-post-9--sm {
    position: relative;
    margin-right: 37.5%; }
  .o-col-10--sm {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 41.66667%;
            flex-basis: 41.66667%;
    max-width: 41.66667%; } }
  @media only screen and (min-width: 480px) and (min-width: 480px) {
    .o-col-10--sm {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 480px) {
  .u-push-10--sm {
    position: relative;
    right: -41.66667%; }
  .u-pull-10--sm {
    position: relative;
    left: -41.66667%; }
  .u-pre-10--sm {
    position: relative;
    margin-left: 41.66667%; }
  .u-post-10--sm {
    position: relative;
    margin-right: 41.66667%; }
  .o-col-11--sm {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 45.83333%;
            flex-basis: 45.83333%;
    max-width: 45.83333%; } }
  @media only screen and (min-width: 480px) and (min-width: 480px) {
    .o-col-11--sm {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 480px) {
  .u-push-11--sm {
    position: relative;
    right: -45.83333%; }
  .u-pull-11--sm {
    position: relative;
    left: -45.83333%; }
  .u-pre-11--sm {
    position: relative;
    margin-left: 45.83333%; }
  .u-post-11--sm {
    position: relative;
    margin-right: 45.83333%; }
  .o-col-12--sm {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 50%;
            flex-basis: 50%;
    max-width: 50%; } }
  @media only screen and (min-width: 480px) and (min-width: 480px) {
    .o-col-12--sm {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 480px) {
  .u-push-12--sm {
    position: relative;
    right: -50%; }
  .u-pull-12--sm {
    position: relative;
    left: -50%; }
  .u-pre-12--sm {
    position: relative;
    margin-left: 50%; }
  .u-post-12--sm {
    position: relative;
    margin-right: 50%; }
  .o-col-13--sm {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 54.16667%;
            flex-basis: 54.16667%;
    max-width: 54.16667%; } }
  @media only screen and (min-width: 480px) and (min-width: 480px) {
    .o-col-13--sm {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 480px) {
  .u-push-13--sm {
    position: relative;
    right: -54.16667%; }
  .u-pull-13--sm {
    position: relative;
    left: -54.16667%; }
  .u-pre-13--sm {
    position: relative;
    margin-left: 54.16667%; }
  .u-post-13--sm {
    position: relative;
    margin-right: 54.16667%; }
  .o-col-14--sm {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 58.33333%;
            flex-basis: 58.33333%;
    max-width: 58.33333%; } }
  @media only screen and (min-width: 480px) and (min-width: 480px) {
    .o-col-14--sm {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 480px) {
  .u-push-14--sm {
    position: relative;
    right: -58.33333%; }
  .u-pull-14--sm {
    position: relative;
    left: -58.33333%; }
  .u-pre-14--sm {
    position: relative;
    margin-left: 58.33333%; }
  .u-post-14--sm {
    position: relative;
    margin-right: 58.33333%; }
  .o-col-15--sm {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 62.5%;
            flex-basis: 62.5%;
    max-width: 62.5%; } }
  @media only screen and (min-width: 480px) and (min-width: 480px) {
    .o-col-15--sm {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 480px) {
  .u-push-15--sm {
    position: relative;
    right: -62.5%; }
  .u-pull-15--sm {
    position: relative;
    left: -62.5%; }
  .u-pre-15--sm {
    position: relative;
    margin-left: 62.5%; }
  .u-post-15--sm {
    position: relative;
    margin-right: 62.5%; }
  .o-col-16--sm {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 66.66667%;
            flex-basis: 66.66667%;
    max-width: 66.66667%; } }
  @media only screen and (min-width: 480px) and (min-width: 480px) {
    .o-col-16--sm {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 480px) {
  .u-push-16--sm {
    position: relative;
    right: -66.66667%; }
  .u-pull-16--sm {
    position: relative;
    left: -66.66667%; }
  .u-pre-16--sm {
    position: relative;
    margin-left: 66.66667%; }
  .u-post-16--sm {
    position: relative;
    margin-right: 66.66667%; }
  .o-col-17--sm {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 70.83333%;
            flex-basis: 70.83333%;
    max-width: 70.83333%; } }
  @media only screen and (min-width: 480px) and (min-width: 480px) {
    .o-col-17--sm {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 480px) {
  .u-push-17--sm {
    position: relative;
    right: -70.83333%; }
  .u-pull-17--sm {
    position: relative;
    left: -70.83333%; }
  .u-pre-17--sm {
    position: relative;
    margin-left: 70.83333%; }
  .u-post-17--sm {
    position: relative;
    margin-right: 70.83333%; }
  .o-col-18--sm {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 75%;
            flex-basis: 75%;
    max-width: 75%; } }
  @media only screen and (min-width: 480px) and (min-width: 480px) {
    .o-col-18--sm {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 480px) {
  .u-push-18--sm {
    position: relative;
    right: -75%; }
  .u-pull-18--sm {
    position: relative;
    left: -75%; }
  .u-pre-18--sm {
    position: relative;
    margin-left: 75%; }
  .u-post-18--sm {
    position: relative;
    margin-right: 75%; }
  .o-col-19--sm {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 79.16667%;
            flex-basis: 79.16667%;
    max-width: 79.16667%; } }
  @media only screen and (min-width: 480px) and (min-width: 480px) {
    .o-col-19--sm {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 480px) {
  .u-push-19--sm {
    position: relative;
    right: -79.16667%; }
  .u-pull-19--sm {
    position: relative;
    left: -79.16667%; }
  .u-pre-19--sm {
    position: relative;
    margin-left: 79.16667%; }
  .u-post-19--sm {
    position: relative;
    margin-right: 79.16667%; }
  .o-col-20--sm {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 83.33333%;
            flex-basis: 83.33333%;
    max-width: 83.33333%; } }
  @media only screen and (min-width: 480px) and (min-width: 480px) {
    .o-col-20--sm {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 480px) {
  .u-push-20--sm {
    position: relative;
    right: -83.33333%; }
  .u-pull-20--sm {
    position: relative;
    left: -83.33333%; }
  .u-pre-20--sm {
    position: relative;
    margin-left: 83.33333%; }
  .u-post-20--sm {
    position: relative;
    margin-right: 83.33333%; }
  .o-col-21--sm {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 87.5%;
            flex-basis: 87.5%;
    max-width: 87.5%; } }
  @media only screen and (min-width: 480px) and (min-width: 480px) {
    .o-col-21--sm {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 480px) {
  .u-push-21--sm {
    position: relative;
    right: -87.5%; }
  .u-pull-21--sm {
    position: relative;
    left: -87.5%; }
  .u-pre-21--sm {
    position: relative;
    margin-left: 87.5%; }
  .u-post-21--sm {
    position: relative;
    margin-right: 87.5%; }
  .o-col-22--sm {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 91.66667%;
            flex-basis: 91.66667%;
    max-width: 91.66667%; } }
  @media only screen and (min-width: 480px) and (min-width: 480px) {
    .o-col-22--sm {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 480px) {
  .u-push-22--sm {
    position: relative;
    right: -91.66667%; }
  .u-pull-22--sm {
    position: relative;
    left: -91.66667%; }
  .u-pre-22--sm {
    position: relative;
    margin-left: 91.66667%; }
  .u-post-22--sm {
    position: relative;
    margin-right: 91.66667%; }
  .o-col-23--sm {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 95.83333%;
            flex-basis: 95.83333%;
    max-width: 95.83333%; } }
  @media only screen and (min-width: 480px) and (min-width: 480px) {
    .o-col-23--sm {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 480px) {
  .u-push-23--sm {
    position: relative;
    right: -95.83333%; }
  .u-pull-23--sm {
    position: relative;
    left: -95.83333%; }
  .u-pre-23--sm {
    position: relative;
    margin-left: 95.83333%; }
  .u-post-23--sm {
    position: relative;
    margin-right: 95.83333%; }
  .o-col-24--sm {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 100%;
            flex-basis: 100%;
    max-width: 100%; } }
  @media only screen and (min-width: 480px) and (min-width: 480px) {
    .o-col-24--sm {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 480px) {
  .u-push-24--sm {
    position: relative;
    right: -100%; }
  .u-pull-24--sm {
    position: relative;
    left: -100%; }
  .u-pre-24--sm {
    position: relative;
    margin-left: 100%; }
  .u-post-24--sm {
    position: relative;
    margin-right: 100%; }
  .o-col--sm {
    -webkit-flex-grow: 1;
            flex-grow: 1;
    -webkit-flex-basis: 0;
            flex-basis: 0;
    max-width: 100%; } }

@media only screen and (min-width: 768px) {
  .o-col--md {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: auto;
            flex-basis: auto; } }
  @media only screen and (min-width: 768px) and (min-width: 480px) {
    .o-col--md {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 768px) {
  .o-col-0--md {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 0%;
            flex-basis: 0%;
    max-width: 0%; } }
  @media only screen and (min-width: 768px) and (min-width: 480px) {
    .o-col-0--md {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 768px) {
  .u-push-0--md {
    position: relative;
    right: 0%; }
  .u-pull-0--md {
    position: relative;
    left: 0%; }
  .u-pre-0--md {
    position: relative;
    margin-left: 0%; }
  .u-post-0--md {
    position: relative;
    margin-right: 0%; }
  .o-col-1--md {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 4.16667%;
            flex-basis: 4.16667%;
    max-width: 4.16667%; } }
  @media only screen and (min-width: 768px) and (min-width: 480px) {
    .o-col-1--md {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 768px) {
  .u-push-1--md {
    position: relative;
    right: -4.16667%; }
  .u-pull-1--md {
    position: relative;
    left: -4.16667%; }
  .u-pre-1--md {
    position: relative;
    margin-left: 4.16667%; }
  .u-post-1--md {
    position: relative;
    margin-right: 4.16667%; }
  .o-col-2--md {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 8.33333%;
            flex-basis: 8.33333%;
    max-width: 8.33333%; } }
  @media only screen and (min-width: 768px) and (min-width: 480px) {
    .o-col-2--md {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 768px) {
  .u-push-2--md {
    position: relative;
    right: -8.33333%; }
  .u-pull-2--md {
    position: relative;
    left: -8.33333%; }
  .u-pre-2--md {
    position: relative;
    margin-left: 8.33333%; }
  .u-post-2--md {
    position: relative;
    margin-right: 8.33333%; }
  .o-col-3--md {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 12.5%;
            flex-basis: 12.5%;
    max-width: 12.5%; } }
  @media only screen and (min-width: 768px) and (min-width: 480px) {
    .o-col-3--md {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 768px) {
  .u-push-3--md {
    position: relative;
    right: -12.5%; }
  .u-pull-3--md {
    position: relative;
    left: -12.5%; }
  .u-pre-3--md {
    position: relative;
    margin-left: 12.5%; }
  .u-post-3--md {
    position: relative;
    margin-right: 12.5%; }
  .o-col-4--md {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 16.66667%;
            flex-basis: 16.66667%;
    max-width: 16.66667%; } }
  @media only screen and (min-width: 768px) and (min-width: 480px) {
    .o-col-4--md {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 768px) {
  .u-push-4--md {
    position: relative;
    right: -16.66667%; }
  .u-pull-4--md {
    position: relative;
    left: -16.66667%; }
  .u-pre-4--md {
    position: relative;
    margin-left: 16.66667%; }
  .u-post-4--md {
    position: relative;
    margin-right: 16.66667%; }
  .o-col-5--md {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 20.83333%;
            flex-basis: 20.83333%;
    max-width: 20.83333%; } }
  @media only screen and (min-width: 768px) and (min-width: 480px) {
    .o-col-5--md {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 768px) {
  .u-push-5--md {
    position: relative;
    right: -20.83333%; }
  .u-pull-5--md {
    position: relative;
    left: -20.83333%; }
  .u-pre-5--md {
    position: relative;
    margin-left: 20.83333%; }
  .u-post-5--md {
    position: relative;
    margin-right: 20.83333%; }
  .o-col-6--md {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 25%;
            flex-basis: 25%;
    max-width: 25%; } }
  @media only screen and (min-width: 768px) and (min-width: 480px) {
    .o-col-6--md {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 768px) {
  .u-push-6--md {
    position: relative;
    right: -25%; }
  .u-pull-6--md {
    position: relative;
    left: -25%; }
  .u-pre-6--md {
    position: relative;
    margin-left: 25%; }
  .u-post-6--md {
    position: relative;
    margin-right: 25%; }
  .o-col-7--md {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 29.16667%;
            flex-basis: 29.16667%;
    max-width: 29.16667%; } }
  @media only screen and (min-width: 768px) and (min-width: 480px) {
    .o-col-7--md {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 768px) {
  .u-push-7--md {
    position: relative;
    right: -29.16667%; }
  .u-pull-7--md {
    position: relative;
    left: -29.16667%; }
  .u-pre-7--md {
    position: relative;
    margin-left: 29.16667%; }
  .u-post-7--md {
    position: relative;
    margin-right: 29.16667%; }
  .o-col-8--md {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 33.33333%;
            flex-basis: 33.33333%;
    max-width: 33.33333%; } }
  @media only screen and (min-width: 768px) and (min-width: 480px) {
    .o-col-8--md {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 768px) {
  .u-push-8--md {
    position: relative;
    right: -33.33333%; }
  .u-pull-8--md {
    position: relative;
    left: -33.33333%; }
  .u-pre-8--md {
    position: relative;
    margin-left: 33.33333%; }
  .u-post-8--md {
    position: relative;
    margin-right: 33.33333%; }
  .o-col-9--md {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 37.5%;
            flex-basis: 37.5%;
    max-width: 37.5%; } }
  @media only screen and (min-width: 768px) and (min-width: 480px) {
    .o-col-9--md {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 768px) {
  .u-push-9--md {
    position: relative;
    right: -37.5%; }
  .u-pull-9--md {
    position: relative;
    left: -37.5%; }
  .u-pre-9--md {
    position: relative;
    margin-left: 37.5%; }
  .u-post-9--md {
    position: relative;
    margin-right: 37.5%; }
  .o-col-10--md {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 41.66667%;
            flex-basis: 41.66667%;
    max-width: 41.66667%; } }
  @media only screen and (min-width: 768px) and (min-width: 480px) {
    .o-col-10--md {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 768px) {
  .u-push-10--md {
    position: relative;
    right: -41.66667%; }
  .u-pull-10--md {
    position: relative;
    left: -41.66667%; }
  .u-pre-10--md {
    position: relative;
    margin-left: 41.66667%; }
  .u-post-10--md {
    position: relative;
    margin-right: 41.66667%; }
  .o-col-11--md {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 45.83333%;
            flex-basis: 45.83333%;
    max-width: 45.83333%; } }
  @media only screen and (min-width: 768px) and (min-width: 480px) {
    .o-col-11--md {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 768px) {
  .u-push-11--md {
    position: relative;
    right: -45.83333%; }
  .u-pull-11--md {
    position: relative;
    left: -45.83333%; }
  .u-pre-11--md {
    position: relative;
    margin-left: 45.83333%; }
  .u-post-11--md {
    position: relative;
    margin-right: 45.83333%; }
  .o-col-12--md {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 50%;
            flex-basis: 50%;
    max-width: 50%; } }
  @media only screen and (min-width: 768px) and (min-width: 480px) {
    .o-col-12--md {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 768px) {
  .u-push-12--md {
    position: relative;
    right: -50%; }
  .u-pull-12--md {
    position: relative;
    left: -50%; }
  .u-pre-12--md {
    position: relative;
    margin-left: 50%; }
  .u-post-12--md {
    position: relative;
    margin-right: 50%; }
  .o-col-13--md {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 54.16667%;
            flex-basis: 54.16667%;
    max-width: 54.16667%; } }
  @media only screen and (min-width: 768px) and (min-width: 480px) {
    .o-col-13--md {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 768px) {
  .u-push-13--md {
    position: relative;
    right: -54.16667%; }
  .u-pull-13--md {
    position: relative;
    left: -54.16667%; }
  .u-pre-13--md {
    position: relative;
    margin-left: 54.16667%; }
  .u-post-13--md {
    position: relative;
    margin-right: 54.16667%; }
  .o-col-14--md {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 58.33333%;
            flex-basis: 58.33333%;
    max-width: 58.33333%; } }
  @media only screen and (min-width: 768px) and (min-width: 480px) {
    .o-col-14--md {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 768px) {
  .u-push-14--md {
    position: relative;
    right: -58.33333%; }
  .u-pull-14--md {
    position: relative;
    left: -58.33333%; }
  .u-pre-14--md {
    position: relative;
    margin-left: 58.33333%; }
  .u-post-14--md {
    position: relative;
    margin-right: 58.33333%; }
  .o-col-15--md {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 62.5%;
            flex-basis: 62.5%;
    max-width: 62.5%; } }
  @media only screen and (min-width: 768px) and (min-width: 480px) {
    .o-col-15--md {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 768px) {
  .u-push-15--md {
    position: relative;
    right: -62.5%; }
  .u-pull-15--md {
    position: relative;
    left: -62.5%; }
  .u-pre-15--md {
    position: relative;
    margin-left: 62.5%; }
  .u-post-15--md {
    position: relative;
    margin-right: 62.5%; }
  .o-col-16--md {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 66.66667%;
            flex-basis: 66.66667%;
    max-width: 66.66667%; } }
  @media only screen and (min-width: 768px) and (min-width: 480px) {
    .o-col-16--md {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 768px) {
  .u-push-16--md {
    position: relative;
    right: -66.66667%; }
  .u-pull-16--md {
    position: relative;
    left: -66.66667%; }
  .u-pre-16--md {
    position: relative;
    margin-left: 66.66667%; }
  .u-post-16--md {
    position: relative;
    margin-right: 66.66667%; }
  .o-col-17--md {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 70.83333%;
            flex-basis: 70.83333%;
    max-width: 70.83333%; } }
  @media only screen and (min-width: 768px) and (min-width: 480px) {
    .o-col-17--md {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 768px) {
  .u-push-17--md {
    position: relative;
    right: -70.83333%; }
  .u-pull-17--md {
    position: relative;
    left: -70.83333%; }
  .u-pre-17--md {
    position: relative;
    margin-left: 70.83333%; }
  .u-post-17--md {
    position: relative;
    margin-right: 70.83333%; }
  .o-col-18--md {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 75%;
            flex-basis: 75%;
    max-width: 75%; } }
  @media only screen and (min-width: 768px) and (min-width: 480px) {
    .o-col-18--md {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 768px) {
  .u-push-18--md {
    position: relative;
    right: -75%; }
  .u-pull-18--md {
    position: relative;
    left: -75%; }
  .u-pre-18--md {
    position: relative;
    margin-left: 75%; }
  .u-post-18--md {
    position: relative;
    margin-right: 75%; }
  .o-col-19--md {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 79.16667%;
            flex-basis: 79.16667%;
    max-width: 79.16667%; } }
  @media only screen and (min-width: 768px) and (min-width: 480px) {
    .o-col-19--md {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 768px) {
  .u-push-19--md {
    position: relative;
    right: -79.16667%; }
  .u-pull-19--md {
    position: relative;
    left: -79.16667%; }
  .u-pre-19--md {
    position: relative;
    margin-left: 79.16667%; }
  .u-post-19--md {
    position: relative;
    margin-right: 79.16667%; }
  .o-col-20--md {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 83.33333%;
            flex-basis: 83.33333%;
    max-width: 83.33333%; } }
  @media only screen and (min-width: 768px) and (min-width: 480px) {
    .o-col-20--md {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 768px) {
  .u-push-20--md {
    position: relative;
    right: -83.33333%; }
  .u-pull-20--md {
    position: relative;
    left: -83.33333%; }
  .u-pre-20--md {
    position: relative;
    margin-left: 83.33333%; }
  .u-post-20--md {
    position: relative;
    margin-right: 83.33333%; }
  .o-col-21--md {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 87.5%;
            flex-basis: 87.5%;
    max-width: 87.5%; } }
  @media only screen and (min-width: 768px) and (min-width: 480px) {
    .o-col-21--md {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 768px) {
  .u-push-21--md {
    position: relative;
    right: -87.5%; }
  .u-pull-21--md {
    position: relative;
    left: -87.5%; }
  .u-pre-21--md {
    position: relative;
    margin-left: 87.5%; }
  .u-post-21--md {
    position: relative;
    margin-right: 87.5%; }
  .o-col-22--md {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 91.66667%;
            flex-basis: 91.66667%;
    max-width: 91.66667%; } }
  @media only screen and (min-width: 768px) and (min-width: 480px) {
    .o-col-22--md {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 768px) {
  .u-push-22--md {
    position: relative;
    right: -91.66667%; }
  .u-pull-22--md {
    position: relative;
    left: -91.66667%; }
  .u-pre-22--md {
    position: relative;
    margin-left: 91.66667%; }
  .u-post-22--md {
    position: relative;
    margin-right: 91.66667%; }
  .o-col-23--md {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 95.83333%;
            flex-basis: 95.83333%;
    max-width: 95.83333%; } }
  @media only screen and (min-width: 768px) and (min-width: 480px) {
    .o-col-23--md {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 768px) {
  .u-push-23--md {
    position: relative;
    right: -95.83333%; }
  .u-pull-23--md {
    position: relative;
    left: -95.83333%; }
  .u-pre-23--md {
    position: relative;
    margin-left: 95.83333%; }
  .u-post-23--md {
    position: relative;
    margin-right: 95.83333%; }
  .o-col-24--md {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 100%;
            flex-basis: 100%;
    max-width: 100%; } }
  @media only screen and (min-width: 768px) and (min-width: 480px) {
    .o-col-24--md {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 768px) {
  .u-push-24--md {
    position: relative;
    right: -100%; }
  .u-pull-24--md {
    position: relative;
    left: -100%; }
  .u-pre-24--md {
    position: relative;
    margin-left: 100%; }
  .u-post-24--md {
    position: relative;
    margin-right: 100%; }
  .o-col--md {
    -webkit-flex-grow: 1;
            flex-grow: 1;
    -webkit-flex-basis: 0;
            flex-basis: 0;
    max-width: 100%; } }

@media only screen and (min-width: 1024px) {
  .o-col--lg {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: auto;
            flex-basis: auto; } }
  @media only screen and (min-width: 1024px) and (min-width: 480px) {
    .o-col--lg {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 1024px) {
  .o-col-0--lg {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 0%;
            flex-basis: 0%;
    max-width: 0%; } }
  @media only screen and (min-width: 1024px) and (min-width: 480px) {
    .o-col-0--lg {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 1024px) {
  .u-push-0--lg {
    position: relative;
    right: 0%; }
  .u-pull-0--lg {
    position: relative;
    left: 0%; }
  .u-pre-0--lg {
    position: relative;
    margin-left: 0%; }
  .u-post-0--lg {
    position: relative;
    margin-right: 0%; }
  .o-col-1--lg {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 4.16667%;
            flex-basis: 4.16667%;
    max-width: 4.16667%; } }
  @media only screen and (min-width: 1024px) and (min-width: 480px) {
    .o-col-1--lg {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 1024px) {
  .u-push-1--lg {
    position: relative;
    right: -4.16667%; }
  .u-pull-1--lg {
    position: relative;
    left: -4.16667%; }
  .u-pre-1--lg {
    position: relative;
    margin-left: 4.16667%; }
  .u-post-1--lg {
    position: relative;
    margin-right: 4.16667%; }
  .o-col-2--lg {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 8.33333%;
            flex-basis: 8.33333%;
    max-width: 8.33333%; } }
  @media only screen and (min-width: 1024px) and (min-width: 480px) {
    .o-col-2--lg {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 1024px) {
  .u-push-2--lg {
    position: relative;
    right: -8.33333%; }
  .u-pull-2--lg {
    position: relative;
    left: -8.33333%; }
  .u-pre-2--lg {
    position: relative;
    margin-left: 8.33333%; }
  .u-post-2--lg {
    position: relative;
    margin-right: 8.33333%; }
  .o-col-3--lg {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 12.5%;
            flex-basis: 12.5%;
    max-width: 12.5%; } }
  @media only screen and (min-width: 1024px) and (min-width: 480px) {
    .o-col-3--lg {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 1024px) {
  .u-push-3--lg {
    position: relative;
    right: -12.5%; }
  .u-pull-3--lg {
    position: relative;
    left: -12.5%; }
  .u-pre-3--lg {
    position: relative;
    margin-left: 12.5%; }
  .u-post-3--lg {
    position: relative;
    margin-right: 12.5%; }
  .o-col-4--lg {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 16.66667%;
            flex-basis: 16.66667%;
    max-width: 16.66667%; } }
  @media only screen and (min-width: 1024px) and (min-width: 480px) {
    .o-col-4--lg {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 1024px) {
  .u-push-4--lg {
    position: relative;
    right: -16.66667%; }
  .u-pull-4--lg {
    position: relative;
    left: -16.66667%; }
  .u-pre-4--lg {
    position: relative;
    margin-left: 16.66667%; }
  .u-post-4--lg {
    position: relative;
    margin-right: 16.66667%; }
  .o-col-5--lg {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 20.83333%;
            flex-basis: 20.83333%;
    max-width: 20.83333%; } }
  @media only screen and (min-width: 1024px) and (min-width: 480px) {
    .o-col-5--lg {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 1024px) {
  .u-push-5--lg {
    position: relative;
    right: -20.83333%; }
  .u-pull-5--lg {
    position: relative;
    left: -20.83333%; }
  .u-pre-5--lg {
    position: relative;
    margin-left: 20.83333%; }
  .u-post-5--lg {
    position: relative;
    margin-right: 20.83333%; }
  .o-col-6--lg {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 25%;
            flex-basis: 25%;
    max-width: 25%; } }
  @media only screen and (min-width: 1024px) and (min-width: 480px) {
    .o-col-6--lg {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 1024px) {
  .u-push-6--lg {
    position: relative;
    right: -25%; }
  .u-pull-6--lg {
    position: relative;
    left: -25%; }
  .u-pre-6--lg {
    position: relative;
    margin-left: 25%; }
  .u-post-6--lg {
    position: relative;
    margin-right: 25%; }
  .o-col-7--lg {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 29.16667%;
            flex-basis: 29.16667%;
    max-width: 29.16667%; } }
  @media only screen and (min-width: 1024px) and (min-width: 480px) {
    .o-col-7--lg {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 1024px) {
  .u-push-7--lg {
    position: relative;
    right: -29.16667%; }
  .u-pull-7--lg {
    position: relative;
    left: -29.16667%; }
  .u-pre-7--lg {
    position: relative;
    margin-left: 29.16667%; }
  .u-post-7--lg {
    position: relative;
    margin-right: 29.16667%; }
  .o-col-8--lg {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 33.33333%;
            flex-basis: 33.33333%;
    max-width: 33.33333%; } }
  @media only screen and (min-width: 1024px) and (min-width: 480px) {
    .o-col-8--lg {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 1024px) {
  .u-push-8--lg {
    position: relative;
    right: -33.33333%; }
  .u-pull-8--lg {
    position: relative;
    left: -33.33333%; }
  .u-pre-8--lg {
    position: relative;
    margin-left: 33.33333%; }
  .u-post-8--lg {
    position: relative;
    margin-right: 33.33333%; }
  .o-col-9--lg {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 37.5%;
            flex-basis: 37.5%;
    max-width: 37.5%; } }
  @media only screen and (min-width: 1024px) and (min-width: 480px) {
    .o-col-9--lg {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 1024px) {
  .u-push-9--lg {
    position: relative;
    right: -37.5%; }
  .u-pull-9--lg {
    position: relative;
    left: -37.5%; }
  .u-pre-9--lg {
    position: relative;
    margin-left: 37.5%; }
  .u-post-9--lg {
    position: relative;
    margin-right: 37.5%; }
  .o-col-10--lg {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 41.66667%;
            flex-basis: 41.66667%;
    max-width: 41.66667%; } }
  @media only screen and (min-width: 1024px) and (min-width: 480px) {
    .o-col-10--lg {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 1024px) {
  .u-push-10--lg {
    position: relative;
    right: -41.66667%; }
  .u-pull-10--lg {
    position: relative;
    left: -41.66667%; }
  .u-pre-10--lg {
    position: relative;
    margin-left: 41.66667%; }
  .u-post-10--lg {
    position: relative;
    margin-right: 41.66667%; }
  .o-col-11--lg {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 45.83333%;
            flex-basis: 45.83333%;
    max-width: 45.83333%; } }
  @media only screen and (min-width: 1024px) and (min-width: 480px) {
    .o-col-11--lg {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 1024px) {
  .u-push-11--lg {
    position: relative;
    right: -45.83333%; }
  .u-pull-11--lg {
    position: relative;
    left: -45.83333%; }
  .u-pre-11--lg {
    position: relative;
    margin-left: 45.83333%; }
  .u-post-11--lg {
    position: relative;
    margin-right: 45.83333%; }
  .o-col-12--lg {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 50%;
            flex-basis: 50%;
    max-width: 50%; } }
  @media only screen and (min-width: 1024px) and (min-width: 480px) {
    .o-col-12--lg {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 1024px) {
  .u-push-12--lg {
    position: relative;
    right: -50%; }
  .u-pull-12--lg {
    position: relative;
    left: -50%; }
  .u-pre-12--lg {
    position: relative;
    margin-left: 50%; }
  .u-post-12--lg {
    position: relative;
    margin-right: 50%; }
  .o-col-13--lg {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 54.16667%;
            flex-basis: 54.16667%;
    max-width: 54.16667%; } }
  @media only screen and (min-width: 1024px) and (min-width: 480px) {
    .o-col-13--lg {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 1024px) {
  .u-push-13--lg {
    position: relative;
    right: -54.16667%; }
  .u-pull-13--lg {
    position: relative;
    left: -54.16667%; }
  .u-pre-13--lg {
    position: relative;
    margin-left: 54.16667%; }
  .u-post-13--lg {
    position: relative;
    margin-right: 54.16667%; }
  .o-col-14--lg {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 58.33333%;
            flex-basis: 58.33333%;
    max-width: 58.33333%; } }
  @media only screen and (min-width: 1024px) and (min-width: 480px) {
    .o-col-14--lg {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 1024px) {
  .u-push-14--lg {
    position: relative;
    right: -58.33333%; }
  .u-pull-14--lg {
    position: relative;
    left: -58.33333%; }
  .u-pre-14--lg {
    position: relative;
    margin-left: 58.33333%; }
  .u-post-14--lg {
    position: relative;
    margin-right: 58.33333%; }
  .o-col-15--lg {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 62.5%;
            flex-basis: 62.5%;
    max-width: 62.5%; } }
  @media only screen and (min-width: 1024px) and (min-width: 480px) {
    .o-col-15--lg {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 1024px) {
  .u-push-15--lg {
    position: relative;
    right: -62.5%; }
  .u-pull-15--lg {
    position: relative;
    left: -62.5%; }
  .u-pre-15--lg {
    position: relative;
    margin-left: 62.5%; }
  .u-post-15--lg {
    position: relative;
    margin-right: 62.5%; }
  .o-col-16--lg {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 66.66667%;
            flex-basis: 66.66667%;
    max-width: 66.66667%; } }
  @media only screen and (min-width: 1024px) and (min-width: 480px) {
    .o-col-16--lg {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 1024px) {
  .u-push-16--lg {
    position: relative;
    right: -66.66667%; }
  .u-pull-16--lg {
    position: relative;
    left: -66.66667%; }
  .u-pre-16--lg {
    position: relative;
    margin-left: 66.66667%; }
  .u-post-16--lg {
    position: relative;
    margin-right: 66.66667%; }
  .o-col-17--lg {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 70.83333%;
            flex-basis: 70.83333%;
    max-width: 70.83333%; } }
  @media only screen and (min-width: 1024px) and (min-width: 480px) {
    .o-col-17--lg {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 1024px) {
  .u-push-17--lg {
    position: relative;
    right: -70.83333%; }
  .u-pull-17--lg {
    position: relative;
    left: -70.83333%; }
  .u-pre-17--lg {
    position: relative;
    margin-left: 70.83333%; }
  .u-post-17--lg {
    position: relative;
    margin-right: 70.83333%; }
  .o-col-18--lg {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 75%;
            flex-basis: 75%;
    max-width: 75%; } }
  @media only screen and (min-width: 1024px) and (min-width: 480px) {
    .o-col-18--lg {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 1024px) {
  .u-push-18--lg {
    position: relative;
    right: -75%; }
  .u-pull-18--lg {
    position: relative;
    left: -75%; }
  .u-pre-18--lg {
    position: relative;
    margin-left: 75%; }
  .u-post-18--lg {
    position: relative;
    margin-right: 75%; }
  .o-col-19--lg {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 79.16667%;
            flex-basis: 79.16667%;
    max-width: 79.16667%; } }
  @media only screen and (min-width: 1024px) and (min-width: 480px) {
    .o-col-19--lg {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 1024px) {
  .u-push-19--lg {
    position: relative;
    right: -79.16667%; }
  .u-pull-19--lg {
    position: relative;
    left: -79.16667%; }
  .u-pre-19--lg {
    position: relative;
    margin-left: 79.16667%; }
  .u-post-19--lg {
    position: relative;
    margin-right: 79.16667%; }
  .o-col-20--lg {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 83.33333%;
            flex-basis: 83.33333%;
    max-width: 83.33333%; } }
  @media only screen and (min-width: 1024px) and (min-width: 480px) {
    .o-col-20--lg {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 1024px) {
  .u-push-20--lg {
    position: relative;
    right: -83.33333%; }
  .u-pull-20--lg {
    position: relative;
    left: -83.33333%; }
  .u-pre-20--lg {
    position: relative;
    margin-left: 83.33333%; }
  .u-post-20--lg {
    position: relative;
    margin-right: 83.33333%; }
  .o-col-21--lg {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 87.5%;
            flex-basis: 87.5%;
    max-width: 87.5%; } }
  @media only screen and (min-width: 1024px) and (min-width: 480px) {
    .o-col-21--lg {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 1024px) {
  .u-push-21--lg {
    position: relative;
    right: -87.5%; }
  .u-pull-21--lg {
    position: relative;
    left: -87.5%; }
  .u-pre-21--lg {
    position: relative;
    margin-left: 87.5%; }
  .u-post-21--lg {
    position: relative;
    margin-right: 87.5%; }
  .o-col-22--lg {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 91.66667%;
            flex-basis: 91.66667%;
    max-width: 91.66667%; } }
  @media only screen and (min-width: 1024px) and (min-width: 480px) {
    .o-col-22--lg {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 1024px) {
  .u-push-22--lg {
    position: relative;
    right: -91.66667%; }
  .u-pull-22--lg {
    position: relative;
    left: -91.66667%; }
  .u-pre-22--lg {
    position: relative;
    margin-left: 91.66667%; }
  .u-post-22--lg {
    position: relative;
    margin-right: 91.66667%; }
  .o-col-23--lg {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 95.83333%;
            flex-basis: 95.83333%;
    max-width: 95.83333%; } }
  @media only screen and (min-width: 1024px) and (min-width: 480px) {
    .o-col-23--lg {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 1024px) {
  .u-push-23--lg {
    position: relative;
    right: -95.83333%; }
  .u-pull-23--lg {
    position: relative;
    left: -95.83333%; }
  .u-pre-23--lg {
    position: relative;
    margin-left: 95.83333%; }
  .u-post-23--lg {
    position: relative;
    margin-right: 95.83333%; }
  .o-col-24--lg {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 100%;
            flex-basis: 100%;
    max-width: 100%; } }
  @media only screen and (min-width: 1024px) and (min-width: 480px) {
    .o-col-24--lg {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 1024px) {
  .u-push-24--lg {
    position: relative;
    right: -100%; }
  .u-pull-24--lg {
    position: relative;
    left: -100%; }
  .u-pre-24--lg {
    position: relative;
    margin-left: 100%; }
  .u-post-24--lg {
    position: relative;
    margin-right: 100%; }
  .o-col--lg {
    -webkit-flex-grow: 1;
            flex-grow: 1;
    -webkit-flex-basis: 0;
            flex-basis: 0;
    max-width: 100%; } }

@media only screen and (min-width: 1240px) {
  .o-col--xlg {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: auto;
            flex-basis: auto; } }
  @media only screen and (min-width: 1240px) and (min-width: 480px) {
    .o-col--xlg {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 1240px) {
  .o-col-0--xlg {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 0%;
            flex-basis: 0%;
    max-width: 0%; } }
  @media only screen and (min-width: 1240px) and (min-width: 480px) {
    .o-col-0--xlg {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 1240px) {
  .u-push-0--xlg {
    position: relative;
    right: 0%; }
  .u-pull-0--xlg {
    position: relative;
    left: 0%; }
  .u-pre-0--xlg {
    position: relative;
    margin-left: 0%; }
  .u-post-0--xlg {
    position: relative;
    margin-right: 0%; }
  .o-col-1--xlg {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 4.16667%;
            flex-basis: 4.16667%;
    max-width: 4.16667%; } }
  @media only screen and (min-width: 1240px) and (min-width: 480px) {
    .o-col-1--xlg {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 1240px) {
  .u-push-1--xlg {
    position: relative;
    right: -4.16667%; }
  .u-pull-1--xlg {
    position: relative;
    left: -4.16667%; }
  .u-pre-1--xlg {
    position: relative;
    margin-left: 4.16667%; }
  .u-post-1--xlg {
    position: relative;
    margin-right: 4.16667%; }
  .o-col-2--xlg {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 8.33333%;
            flex-basis: 8.33333%;
    max-width: 8.33333%; } }
  @media only screen and (min-width: 1240px) and (min-width: 480px) {
    .o-col-2--xlg {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 1240px) {
  .u-push-2--xlg {
    position: relative;
    right: -8.33333%; }
  .u-pull-2--xlg {
    position: relative;
    left: -8.33333%; }
  .u-pre-2--xlg {
    position: relative;
    margin-left: 8.33333%; }
  .u-post-2--xlg {
    position: relative;
    margin-right: 8.33333%; }
  .o-col-3--xlg {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 12.5%;
            flex-basis: 12.5%;
    max-width: 12.5%; } }
  @media only screen and (min-width: 1240px) and (min-width: 480px) {
    .o-col-3--xlg {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 1240px) {
  .u-push-3--xlg {
    position: relative;
    right: -12.5%; }
  .u-pull-3--xlg {
    position: relative;
    left: -12.5%; }
  .u-pre-3--xlg {
    position: relative;
    margin-left: 12.5%; }
  .u-post-3--xlg {
    position: relative;
    margin-right: 12.5%; }
  .o-col-4--xlg {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 16.66667%;
            flex-basis: 16.66667%;
    max-width: 16.66667%; } }
  @media only screen and (min-width: 1240px) and (min-width: 480px) {
    .o-col-4--xlg {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 1240px) {
  .u-push-4--xlg {
    position: relative;
    right: -16.66667%; }
  .u-pull-4--xlg {
    position: relative;
    left: -16.66667%; }
  .u-pre-4--xlg {
    position: relative;
    margin-left: 16.66667%; }
  .u-post-4--xlg {
    position: relative;
    margin-right: 16.66667%; }
  .o-col-5--xlg {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 20.83333%;
            flex-basis: 20.83333%;
    max-width: 20.83333%; } }
  @media only screen and (min-width: 1240px) and (min-width: 480px) {
    .o-col-5--xlg {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 1240px) {
  .u-push-5--xlg {
    position: relative;
    right: -20.83333%; }
  .u-pull-5--xlg {
    position: relative;
    left: -20.83333%; }
  .u-pre-5--xlg {
    position: relative;
    margin-left: 20.83333%; }
  .u-post-5--xlg {
    position: relative;
    margin-right: 20.83333%; }
  .o-col-6--xlg {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 25%;
            flex-basis: 25%;
    max-width: 25%; } }
  @media only screen and (min-width: 1240px) and (min-width: 480px) {
    .o-col-6--xlg {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 1240px) {
  .u-push-6--xlg {
    position: relative;
    right: -25%; }
  .u-pull-6--xlg {
    position: relative;
    left: -25%; }
  .u-pre-6--xlg {
    position: relative;
    margin-left: 25%; }
  .u-post-6--xlg {
    position: relative;
    margin-right: 25%; }
  .o-col-7--xlg {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 29.16667%;
            flex-basis: 29.16667%;
    max-width: 29.16667%; } }
  @media only screen and (min-width: 1240px) and (min-width: 480px) {
    .o-col-7--xlg {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 1240px) {
  .u-push-7--xlg {
    position: relative;
    right: -29.16667%; }
  .u-pull-7--xlg {
    position: relative;
    left: -29.16667%; }
  .u-pre-7--xlg {
    position: relative;
    margin-left: 29.16667%; }
  .u-post-7--xlg {
    position: relative;
    margin-right: 29.16667%; }
  .o-col-8--xlg {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 33.33333%;
            flex-basis: 33.33333%;
    max-width: 33.33333%; } }
  @media only screen and (min-width: 1240px) and (min-width: 480px) {
    .o-col-8--xlg {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 1240px) {
  .u-push-8--xlg {
    position: relative;
    right: -33.33333%; }
  .u-pull-8--xlg {
    position: relative;
    left: -33.33333%; }
  .u-pre-8--xlg {
    position: relative;
    margin-left: 33.33333%; }
  .u-post-8--xlg {
    position: relative;
    margin-right: 33.33333%; }
  .o-col-9--xlg {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 37.5%;
            flex-basis: 37.5%;
    max-width: 37.5%; } }
  @media only screen and (min-width: 1240px) and (min-width: 480px) {
    .o-col-9--xlg {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 1240px) {
  .u-push-9--xlg {
    position: relative;
    right: -37.5%; }
  .u-pull-9--xlg {
    position: relative;
    left: -37.5%; }
  .u-pre-9--xlg {
    position: relative;
    margin-left: 37.5%; }
  .u-post-9--xlg {
    position: relative;
    margin-right: 37.5%; }
  .o-col-10--xlg {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 41.66667%;
            flex-basis: 41.66667%;
    max-width: 41.66667%; } }
  @media only screen and (min-width: 1240px) and (min-width: 480px) {
    .o-col-10--xlg {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 1240px) {
  .u-push-10--xlg {
    position: relative;
    right: -41.66667%; }
  .u-pull-10--xlg {
    position: relative;
    left: -41.66667%; }
  .u-pre-10--xlg {
    position: relative;
    margin-left: 41.66667%; }
  .u-post-10--xlg {
    position: relative;
    margin-right: 41.66667%; }
  .o-col-11--xlg {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 45.83333%;
            flex-basis: 45.83333%;
    max-width: 45.83333%; } }
  @media only screen and (min-width: 1240px) and (min-width: 480px) {
    .o-col-11--xlg {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 1240px) {
  .u-push-11--xlg {
    position: relative;
    right: -45.83333%; }
  .u-pull-11--xlg {
    position: relative;
    left: -45.83333%; }
  .u-pre-11--xlg {
    position: relative;
    margin-left: 45.83333%; }
  .u-post-11--xlg {
    position: relative;
    margin-right: 45.83333%; }
  .o-col-12--xlg {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 50%;
            flex-basis: 50%;
    max-width: 50%; } }
  @media only screen and (min-width: 1240px) and (min-width: 480px) {
    .o-col-12--xlg {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 1240px) {
  .u-push-12--xlg {
    position: relative;
    right: -50%; }
  .u-pull-12--xlg {
    position: relative;
    left: -50%; }
  .u-pre-12--xlg {
    position: relative;
    margin-left: 50%; }
  .u-post-12--xlg {
    position: relative;
    margin-right: 50%; }
  .o-col-13--xlg {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 54.16667%;
            flex-basis: 54.16667%;
    max-width: 54.16667%; } }
  @media only screen and (min-width: 1240px) and (min-width: 480px) {
    .o-col-13--xlg {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 1240px) {
  .u-push-13--xlg {
    position: relative;
    right: -54.16667%; }
  .u-pull-13--xlg {
    position: relative;
    left: -54.16667%; }
  .u-pre-13--xlg {
    position: relative;
    margin-left: 54.16667%; }
  .u-post-13--xlg {
    position: relative;
    margin-right: 54.16667%; }
  .o-col-14--xlg {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 58.33333%;
            flex-basis: 58.33333%;
    max-width: 58.33333%; } }
  @media only screen and (min-width: 1240px) and (min-width: 480px) {
    .o-col-14--xlg {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 1240px) {
  .u-push-14--xlg {
    position: relative;
    right: -58.33333%; }
  .u-pull-14--xlg {
    position: relative;
    left: -58.33333%; }
  .u-pre-14--xlg {
    position: relative;
    margin-left: 58.33333%; }
  .u-post-14--xlg {
    position: relative;
    margin-right: 58.33333%; }
  .o-col-15--xlg {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 62.5%;
            flex-basis: 62.5%;
    max-width: 62.5%; } }
  @media only screen and (min-width: 1240px) and (min-width: 480px) {
    .o-col-15--xlg {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 1240px) {
  .u-push-15--xlg {
    position: relative;
    right: -62.5%; }
  .u-pull-15--xlg {
    position: relative;
    left: -62.5%; }
  .u-pre-15--xlg {
    position: relative;
    margin-left: 62.5%; }
  .u-post-15--xlg {
    position: relative;
    margin-right: 62.5%; }
  .o-col-16--xlg {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 66.66667%;
            flex-basis: 66.66667%;
    max-width: 66.66667%; } }
  @media only screen and (min-width: 1240px) and (min-width: 480px) {
    .o-col-16--xlg {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 1240px) {
  .u-push-16--xlg {
    position: relative;
    right: -66.66667%; }
  .u-pull-16--xlg {
    position: relative;
    left: -66.66667%; }
  .u-pre-16--xlg {
    position: relative;
    margin-left: 66.66667%; }
  .u-post-16--xlg {
    position: relative;
    margin-right: 66.66667%; }
  .o-col-17--xlg {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 70.83333%;
            flex-basis: 70.83333%;
    max-width: 70.83333%; } }
  @media only screen and (min-width: 1240px) and (min-width: 480px) {
    .o-col-17--xlg {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 1240px) {
  .u-push-17--xlg {
    position: relative;
    right: -70.83333%; }
  .u-pull-17--xlg {
    position: relative;
    left: -70.83333%; }
  .u-pre-17--xlg {
    position: relative;
    margin-left: 70.83333%; }
  .u-post-17--xlg {
    position: relative;
    margin-right: 70.83333%; }
  .o-col-18--xlg {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 75%;
            flex-basis: 75%;
    max-width: 75%; } }
  @media only screen and (min-width: 1240px) and (min-width: 480px) {
    .o-col-18--xlg {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 1240px) {
  .u-push-18--xlg {
    position: relative;
    right: -75%; }
  .u-pull-18--xlg {
    position: relative;
    left: -75%; }
  .u-pre-18--xlg {
    position: relative;
    margin-left: 75%; }
  .u-post-18--xlg {
    position: relative;
    margin-right: 75%; }
  .o-col-19--xlg {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 79.16667%;
            flex-basis: 79.16667%;
    max-width: 79.16667%; } }
  @media only screen and (min-width: 1240px) and (min-width: 480px) {
    .o-col-19--xlg {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 1240px) {
  .u-push-19--xlg {
    position: relative;
    right: -79.16667%; }
  .u-pull-19--xlg {
    position: relative;
    left: -79.16667%; }
  .u-pre-19--xlg {
    position: relative;
    margin-left: 79.16667%; }
  .u-post-19--xlg {
    position: relative;
    margin-right: 79.16667%; }
  .o-col-20--xlg {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 83.33333%;
            flex-basis: 83.33333%;
    max-width: 83.33333%; } }
  @media only screen and (min-width: 1240px) and (min-width: 480px) {
    .o-col-20--xlg {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 1240px) {
  .u-push-20--xlg {
    position: relative;
    right: -83.33333%; }
  .u-pull-20--xlg {
    position: relative;
    left: -83.33333%; }
  .u-pre-20--xlg {
    position: relative;
    margin-left: 83.33333%; }
  .u-post-20--xlg {
    position: relative;
    margin-right: 83.33333%; }
  .o-col-21--xlg {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 87.5%;
            flex-basis: 87.5%;
    max-width: 87.5%; } }
  @media only screen and (min-width: 1240px) and (min-width: 480px) {
    .o-col-21--xlg {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 1240px) {
  .u-push-21--xlg {
    position: relative;
    right: -87.5%; }
  .u-pull-21--xlg {
    position: relative;
    left: -87.5%; }
  .u-pre-21--xlg {
    position: relative;
    margin-left: 87.5%; }
  .u-post-21--xlg {
    position: relative;
    margin-right: 87.5%; }
  .o-col-22--xlg {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 91.66667%;
            flex-basis: 91.66667%;
    max-width: 91.66667%; } }
  @media only screen and (min-width: 1240px) and (min-width: 480px) {
    .o-col-22--xlg {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 1240px) {
  .u-push-22--xlg {
    position: relative;
    right: -91.66667%; }
  .u-pull-22--xlg {
    position: relative;
    left: -91.66667%; }
  .u-pre-22--xlg {
    position: relative;
    margin-left: 91.66667%; }
  .u-post-22--xlg {
    position: relative;
    margin-right: 91.66667%; }
  .o-col-23--xlg {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 95.83333%;
            flex-basis: 95.83333%;
    max-width: 95.83333%; } }
  @media only screen and (min-width: 1240px) and (min-width: 480px) {
    .o-col-23--xlg {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 1240px) {
  .u-push-23--xlg {
    position: relative;
    right: -95.83333%; }
  .u-pull-23--xlg {
    position: relative;
    left: -95.83333%; }
  .u-pre-23--xlg {
    position: relative;
    margin-left: 95.83333%; }
  .u-post-23--xlg {
    position: relative;
    margin-right: 95.83333%; }
  .o-col-24--xlg {
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-flex-basis: 100%;
            flex-basis: 100%;
    max-width: 100%; } }
  @media only screen and (min-width: 1240px) and (min-width: 480px) {
    .o-col-24--xlg {
      padding-right: 10px;
      padding-left: 10px; } }

@media only screen and (min-width: 1240px) {
  .u-push-24--xlg {
    position: relative;
    right: -100%; }
  .u-pull-24--xlg {
    position: relative;
    left: -100%; }
  .u-pre-24--xlg {
    position: relative;
    margin-left: 100%; }
  .u-post-24--xlg {
    position: relative;
    margin-right: 100%; }
  .o-col--xlg {
    -webkit-flex-grow: 1;
            flex-grow: 1;
    -webkit-flex-basis: 0;
            flex-basis: 0;
    max-width: 100%; } }

.o-background-image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-size: cover;
  background-position: center center; }

.o-background-image--top {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-size: cover;
  background-position: center center;
  background-position: center top; }

.o-background-image--bottom {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-size: cover;
  background-position: center center;
  background-position: center bottom; }

.o-background-image--left {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-size: cover;
  background-position: center center;
  background-position: left center; }

.o-background-image--right {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-size: cover;
  background-position: center center;
  background-position: right center; }

.o-background-image--overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-size: cover;
  background-position: center center; }
  .o-background-image--overlay:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000000;
    opacity: 0.2; }

.o-background-image--gradient {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-size: cover;
  background-position: center center; }
  .o-background-image--gradient:after {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0.075) 65%, rgba(0, 0, 0, 0.0375) 75.5%, rgba(0, 0, 0, 0.0185) 82.85%, rgba(0, 0, 0, 0.0095) 88%, rgba(0, 0, 0, 0) 100%);
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }

.u-background--primary {
  background-image: linear-gradient(to right, #0094d9, #74bde9); }
  .t-dfe-pharma .u-background--primary {
    background-image: linear-gradient(to left, #2c5a6f, #55a29e); }
    .t-dfe-pharma .u-background--primary:after {
      background-image: linear-gradient(to left, #2c5a6f, #55a29e);
      z-index: -1; }

.u-background--primary-diagonal {
  background-image: linear-gradient(45deg, #0094d9, #74bde9); }

.u-background--primary-light {
  background-color: #ecf4f8; }

.u-background--tertiary {
  background-image: linear-gradient(to right, #fdc688, #fdc688); }

.u-background--tertiary-light {
  background-color: rgba(253, 198, 136, 0.5); }

.u-background--tertiary-lighter {
  background-color: rgba(253, 198, 136, 0.2); }

.u-background--secondary-light {
  background-color: #ecf6eb; }

.u-background--primary-overlay {
  overflow: hidden; }
  .u-background--primary-overlay::after {
    content: '';
    display: block;
    position: absolute;
    border-radius: 9% 91% 97% 3% / 54% 28% 72% 46%;
    right: 10%;
    width: 100%;
    padding-bottom: 80%;
    -webkit-transform-origin: right center;
            transform-origin: right center; }
    @media only screen and (max-width: 47.96875em) {
      .u-background--primary-overlay::after {
        top: 50%;
        -webkit-transform: rotate(-4deg) scale(2.5);
                transform: rotate(-4deg) scale(2.5);
        background: linear-gradient(to right, #0094d9 0%, #0094d9 65%, rgba(255, 255, 255, 0.2) 100%); } }
    @media only screen and (min-width: 48em) {
      .u-background--primary-overlay::after {
        top: 40%;
        -webkit-transform: rotate(-2deg) scale(2);
                transform: rotate(-2deg) scale(2);
        background: linear-gradient(to right, #0094d9 0%, #0094d9 45%, rgba(255, 255, 255, 0.15) 100%); } }

.u-background--rounded {
  border-radius: 1rem;
  border-top-right-radius: 75px;
  border-bottom-left-radius: 75px; }
  @media screen and (min-width: 480px) {
    .u-background--rounded {
      border-top-right-radius: calc(75px + 45 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .u-background--rounded {
      border-top-right-radius: 120px; } }
  @media screen and (min-width: 480px) {
    .u-background--rounded {
      border-bottom-left-radius: calc(75px + 45 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .u-background--rounded {
      border-bottom-left-radius: 120px; } }

.u-background--rounded-small {
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 30px 50px -30px rgba(0, 0, 0, 0.2); }

.u-has--object-fit-polyfill {
  background-size: cover;
  background-position: center; }
  .u-has--object-fit-polyfill img {
    opacity: 0; }

.u-flex {
  display: -webkit-flex;
  display: flex; }

.u-flex-wrap {
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap; }
  @media only screen and (min-width: 480px) {
    .u-flex-wrap--sm {
      -webkit-flex-wrap: wrap;
              flex-wrap: wrap; } }
  @media only screen and (min-width: 768px) {
    .u-flex-wrap--md {
      -webkit-flex-wrap: wrap;
              flex-wrap: wrap; } }
  @media only screen and (min-width: 1024px) {
    .u-flex-wrap--lg {
      -webkit-flex-wrap: wrap;
              flex-wrap: wrap; } }
  @media only screen and (min-width: 1240px) {
    .u-flex-wrap--xlg {
      -webkit-flex-wrap: wrap;
              flex-wrap: wrap; } }

.u-flex-nowrap {
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap; }
  @media only screen and (min-width: 480px) {
    .u-flex-nowrap--sm {
      -webkit-flex-wrap: nowrap;
              flex-wrap: nowrap; } }
  @media only screen and (min-width: 768px) {
    .u-flex-nowrap--md {
      -webkit-flex-wrap: nowrap;
              flex-wrap: nowrap; } }
  @media only screen and (min-width: 1024px) {
    .u-flex-nowrap--lg {
      -webkit-flex-wrap: nowrap;
              flex-wrap: nowrap; } }
  @media only screen and (min-width: 1240px) {
    .u-flex-nowrap--xlg {
      -webkit-flex-wrap: nowrap;
              flex-wrap: nowrap; } }

.u-flex-column {
  -webkit-flex-direction: column;
          flex-direction: column; }
  @media only screen and (min-width: 480px) {
    .u-flex-column--sm {
      -webkit-flex-direction: column;
              flex-direction: column; } }
  @media only screen and (min-width: 768px) {
    .u-flex-column--md {
      -webkit-flex-direction: column;
              flex-direction: column; } }
  @media only screen and (min-width: 1024px) {
    .u-flex-column--lg {
      -webkit-flex-direction: column;
              flex-direction: column; } }
  @media only screen and (min-width: 1240px) {
    .u-flex-column--xlg {
      -webkit-flex-direction: column;
              flex-direction: column; } }

.u-flex-row {
  -webkit-flex-direction: row;
          flex-direction: row; }
  @media only screen and (min-width: 480px) {
    .u-flex-row--sm {
      -webkit-flex-direction: row;
              flex-direction: row; } }
  @media only screen and (min-width: 768px) {
    .u-flex-row--md {
      -webkit-flex-direction: row;
              flex-direction: row; } }
  @media only screen and (min-width: 1024px) {
    .u-flex-row--lg {
      -webkit-flex-direction: row;
              flex-direction: row; } }
  @media only screen and (min-width: 1240px) {
    .u-flex-row--xlg {
      -webkit-flex-direction: row;
              flex-direction: row; } }

.u-flex-start {
  -webkit-justify-content: flex-start;
          justify-content: flex-start; }
  @media only screen and (min-width: 480px) {
    .u-flex-start--sm {
      -webkit-justify-content: flex-start;
              justify-content: flex-start; } }
  @media only screen and (min-width: 768px) {
    .u-flex-start--md {
      -webkit-justify-content: flex-start;
              justify-content: flex-start; } }
  @media only screen and (min-width: 1024px) {
    .u-flex-start--lg {
      -webkit-justify-content: flex-start;
              justify-content: flex-start; } }
  @media only screen and (min-width: 1240px) {
    .u-flex-start--xlg {
      -webkit-justify-content: flex-start;
              justify-content: flex-start; } }

.u-flex-center {
  -webkit-justify-content: center;
          justify-content: center; }
  @media only screen and (min-width: 480px) {
    .u-flex-center--sm {
      -webkit-justify-content: center;
              justify-content: center; } }
  @media only screen and (min-width: 768px) {
    .u-flex-center--md {
      -webkit-justify-content: center;
              justify-content: center; } }
  @media only screen and (min-width: 1024px) {
    .u-flex-center--lg {
      -webkit-justify-content: center;
              justify-content: center; } }
  @media only screen and (min-width: 1240px) {
    .u-flex-center--xlg {
      -webkit-justify-content: center;
              justify-content: center; } }

.u-flex-baseline {
  -webkit-align-items: baseline;
          align-items: baseline; }
  @media only screen and (min-width: 480px) {
    .u-flex-baseline--sm {
      -webkit-align-items: baseline;
              align-items: baseline; } }
  @media only screen and (min-width: 768px) {
    .u-flex-baseline--md {
      -webkit-align-items: baseline;
              align-items: baseline; } }
  @media only screen and (min-width: 1024px) {
    .u-flex-baseline--lg {
      -webkit-align-items: baseline;
              align-items: baseline; } }
  @media only screen and (min-width: 1240px) {
    .u-flex-baseline--xlg {
      -webkit-align-items: baseline;
              align-items: baseline; } }

.u-flex-end {
  -webkit-justify-content: flex-end;
          justify-content: flex-end; }
  @media only screen and (min-width: 480px) {
    .u-flex-end--sm {
      -webkit-justify-content: flex-end;
              justify-content: flex-end; } }
  @media only screen and (min-width: 768px) {
    .u-flex-end--md {
      -webkit-justify-content: flex-end;
              justify-content: flex-end; } }
  @media only screen and (min-width: 1024px) {
    .u-flex-end--lg {
      -webkit-justify-content: flex-end;
              justify-content: flex-end; } }
  @media only screen and (min-width: 1240px) {
    .u-flex-end--xlg {
      -webkit-justify-content: flex-end;
              justify-content: flex-end; } }

.u-flex-top {
  -webkit-align-items: flex-start;
          align-items: flex-start; }
  @media only screen and (min-width: 480px) {
    .u-flex-top--sm {
      -webkit-align-items: flex-start;
              align-items: flex-start; } }
  @media only screen and (min-width: 768px) {
    .u-flex-top--md {
      -webkit-align-items: flex-start;
              align-items: flex-start; } }
  @media only screen and (min-width: 1024px) {
    .u-flex-top--lg {
      -webkit-align-items: flex-start;
              align-items: flex-start; } }
  @media only screen and (min-width: 1240px) {
    .u-flex-top--xlg {
      -webkit-align-items: flex-start;
              align-items: flex-start; } }

.u-flex-middle {
  -webkit-align-items: center;
          align-items: center; }
  @media only screen and (min-width: 480px) {
    .u-flex-middle--sm {
      -webkit-align-items: center;
              align-items: center; } }
  @media only screen and (min-width: 768px) {
    .u-flex-middle--md {
      -webkit-align-items: center;
              align-items: center; } }
  @media only screen and (min-width: 1024px) {
    .u-flex-middle--lg {
      -webkit-align-items: center;
              align-items: center; } }
  @media only screen and (min-width: 1240px) {
    .u-flex-middle--xlg {
      -webkit-align-items: center;
              align-items: center; } }

.u-flex-bottom {
  -webkit-align-items: flex-end;
          align-items: flex-end; }
  @media only screen and (min-width: 480px) {
    .u-flex-bottom--sm {
      -webkit-align-items: flex-end;
              align-items: flex-end; } }
  @media only screen and (min-width: 768px) {
    .u-flex-bottom--md {
      -webkit-align-items: flex-end;
              align-items: flex-end; } }
  @media only screen and (min-width: 1024px) {
    .u-flex-bottom--lg {
      -webkit-align-items: flex-end;
              align-items: flex-end; } }
  @media only screen and (min-width: 1240px) {
    .u-flex-bottom--xlg {
      -webkit-align-items: flex-end;
              align-items: flex-end; } }

.u-flex-self-left {
  margin-left: 0;
  margin-right: auto; }
  @media only screen and (min-width: 480px) {
    .u-flex-self-left--sm {
      margin-left: 0;
      margin-right: auto; } }
  @media only screen and (min-width: 768px) {
    .u-flex-self-left--md {
      margin-left: 0;
      margin-right: auto; } }
  @media only screen and (min-width: 1024px) {
    .u-flex-self-left--lg {
      margin-left: 0;
      margin-right: auto; } }
  @media only screen and (min-width: 1240px) {
    .u-flex-self-left--xlg {
      margin-left: 0;
      margin-right: auto; } }

.u-flex-self-center {
  margin-left: auto;
  margin-right: auto; }
  @media only screen and (min-width: 480px) {
    .u-flex-self-center--sm {
      margin-left: auto;
      margin-right: auto; } }
  @media only screen and (min-width: 768px) {
    .u-flex-self-center--md {
      margin-left: auto;
      margin-right: auto; } }
  @media only screen and (min-width: 1024px) {
    .u-flex-self-center--lg {
      margin-left: auto;
      margin-right: auto; } }
  @media only screen and (min-width: 1240px) {
    .u-flex-self-center--xlg {
      margin-left: auto;
      margin-right: auto; } }

.u-flex-self-right {
  margin-left: auto;
  margin-right: 0; }
  @media only screen and (min-width: 480px) {
    .u-flex-self-right--sm {
      margin-left: auto;
      margin-right: 0; } }
  @media only screen and (min-width: 768px) {
    .u-flex-self-right--md {
      margin-left: auto;
      margin-right: 0; } }
  @media only screen and (min-width: 1024px) {
    .u-flex-self-right--lg {
      margin-left: auto;
      margin-right: 0; } }
  @media only screen and (min-width: 1240px) {
    .u-flex-self-right--xlg {
      margin-left: auto;
      margin-right: 0; } }

.u-flex-self-top {
  margin-top: 0;
  margin-bottom: auto; }
  @media only screen and (min-width: 480px) {
    .u-flex-self-top--sm {
      margin-top: 0;
      margin-bottom: auto; } }
  @media only screen and (min-width: 768px) {
    .u-flex-self-top--md {
      margin-top: 0;
      margin-bottom: auto; } }
  @media only screen and (min-width: 1024px) {
    .u-flex-self-top--lg {
      margin-top: 0;
      margin-bottom: auto; } }
  @media only screen and (min-width: 1240px) {
    .u-flex-self-top--xlg {
      margin-top: 0;
      margin-bottom: auto; } }

.u-flex-self-middle {
  margin-top: auto;
  margin-bottom: auto; }
  @media only screen and (min-width: 480px) {
    .u-flex-self-middle--sm {
      margin-top: auto;
      margin-bottom: auto; } }
  @media only screen and (min-width: 768px) {
    .u-flex-self-middle--md {
      margin-top: auto;
      margin-bottom: auto; } }
  @media only screen and (min-width: 1024px) {
    .u-flex-self-middle--lg {
      margin-top: auto;
      margin-bottom: auto; } }
  @media only screen and (min-width: 1240px) {
    .u-flex-self-middle--xlg {
      margin-top: auto;
      margin-bottom: auto; } }

.u-flex-self-bottom {
  margin-top: auto;
  margin-bottom: 0; }
  @media only screen and (min-width: 480px) {
    .u-flex-self-bottom--sm {
      margin-top: auto;
      margin-bottom: 0; } }
  @media only screen and (min-width: 768px) {
    .u-flex-self-bottom--md {
      margin-top: auto;
      margin-bottom: 0; } }
  @media only screen and (min-width: 1024px) {
    .u-flex-self-bottom--lg {
      margin-top: auto;
      margin-bottom: 0; } }
  @media only screen and (min-width: 1240px) {
    .u-flex-self-bottom--xlg {
      margin-top: auto;
      margin-bottom: 0; } }

.u-flex-around {
  -webkit-justify-content: space-around;
          justify-content: space-around; }
  @media only screen and (min-width: 480px) {
    .u-flex-around--sm {
      -webkit-justify-content: space-around;
              justify-content: space-around; } }
  @media only screen and (min-width: 768px) {
    .u-flex-around--md {
      -webkit-justify-content: space-around;
              justify-content: space-around; } }
  @media only screen and (min-width: 1024px) {
    .u-flex-around--lg {
      -webkit-justify-content: space-around;
              justify-content: space-around; } }
  @media only screen and (min-width: 1240px) {
    .u-flex-around--xlg {
      -webkit-justify-content: space-around;
              justify-content: space-around; } }

.u-flex-between {
  -webkit-justify-content: space-between;
          justify-content: space-between; }
  @media only screen and (min-width: 480px) {
    .u-flex-between--sm {
      -webkit-justify-content: space-between;
              justify-content: space-between; } }
  @media only screen and (min-width: 768px) {
    .u-flex-between--md {
      -webkit-justify-content: space-between;
              justify-content: space-between; } }
  @media only screen and (min-width: 1024px) {
    .u-flex-between--lg {
      -webkit-justify-content: space-between;
              justify-content: space-between; } }
  @media only screen and (min-width: 1240px) {
    .u-flex-between--xlg {
      -webkit-justify-content: space-between;
              justify-content: space-between; } }

.u-flex-first {
  -webkit-order: -1;
          order: -1; }
  @media only screen and (min-width: 480px) {
    .u-flex-first--sm {
      -webkit-order: -1;
              order: -1; } }
  @media only screen and (min-width: 768px) {
    .u-flex-first--md {
      -webkit-order: -1;
              order: -1; } }
  @media only screen and (min-width: 1024px) {
    .u-flex-first--lg {
      -webkit-order: -1;
              order: -1; } }
  @media only screen and (min-width: 1240px) {
    .u-flex-first--xlg {
      -webkit-order: -1;
              order: -1; } }

.u-flex-last {
  -webkit-order: 1;
          order: 1; }
  @media only screen and (min-width: 480px) {
    .u-flex-last--sm {
      -webkit-order: 1;
              order: 1; } }
  @media only screen and (min-width: 768px) {
    .u-flex-last--md {
      -webkit-order: 1;
              order: 1; } }
  @media only screen and (min-width: 1024px) {
    .u-flex-last--lg {
      -webkit-order: 1;
              order: 1; } }
  @media only screen and (min-width: 1240px) {
    .u-flex-last--xlg {
      -webkit-order: 1;
              order: 1; } }

.u-h1 {
  color: #000000;
  font-weight: 200;
  line-height: 1.1;
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
  font-size: 35px; }
  @media screen and (min-width: 480px) {
    .u-h1 {
      font-size: calc(35px + 35 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .u-h1 {
      font-size: 70px; } }
  .t-dfe-pharma .u-h1 {
    font-size: 35px;
    color: #0094d9;
    font-weight: 100;
    letter-spacing: -1px;
    line-height: 1.16;
    text-transform: uppercase; }
    @media screen and (min-width: 480px) {
      .t-dfe-pharma .u-h1 {
        font-size: calc(35px + 15 * (100vw - 480px) / 760); } }
    @media screen and (min-width: 1240px) {
      .t-dfe-pharma .u-h1 {
        font-size: 50px; } }

.u-h1--small {
  color: #000000;
  font-weight: 200;
  line-height: 1.1;
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
  font-size: 35px; }
  @media screen and (min-width: 480px) {
    .u-h1--small {
      font-size: calc(35px + 15 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .u-h1--small {
      font-size: 50px; } }

.u-h2 {
  color: #000000;
  font-weight: 200;
  line-height: 1.2;
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
  font-size: 24px; }
  @media screen and (min-width: 480px) {
    .u-h2 {
      font-size: calc(24px + 26 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .u-h2 {
      font-size: 50px; } }
  .t-dfe-pharma .u-h2 {
    font-size: 24px;
    color: #0094d9;
    font-weight: 500;
    letter-spacing: -1px;
    line-height: 1.14; }
    @media screen and (min-width: 480px) {
      .t-dfe-pharma .u-h2 {
        font-size: calc(24px + 11 * (100vw - 480px) / 760); } }
    @media screen and (min-width: 1240px) {
      .t-dfe-pharma .u-h2 {
        font-size: 35px; } }

.u-h2--small {
  color: #000000;
  font-weight: 200;
  line-height: 1.2;
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
  font-size: 24px; }
  @media screen and (min-width: 480px) {
    .u-h2--small {
      font-size: calc(24px + 11 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .u-h2--small {
      font-size: 35px; } }

.u-h3 {
  color: #000000;
  font-weight: 200;
  line-height: 1.4;
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
  font-size: 20px; }
  @media screen and (min-width: 480px) {
    .u-h3 {
      font-size: calc(20px + 15 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .u-h3 {
      font-size: 35px; } }
  .t-dfe-pharma .u-h3 {
    font-size: 16px;
    color: #0094d9;
    font-weight: 500;
    line-height: 1.16; }
    @media screen and (min-width: 480px) {
      .t-dfe-pharma .u-h3 {
        font-size: calc(16px + 8 * (100vw - 480px) / 760); } }
    @media screen and (min-width: 1240px) {
      .t-dfe-pharma .u-h3 {
        font-size: 24px; } }
    @media only screen and (max-width: 63.96875em) {
      .t-dfe-pharma .u-h3 {
        font-weight: 300; } }

.u-h3--small {
  color: #000000;
  font-weight: 200;
  line-height: 1.4;
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
  font-size: 20px; }
  @media screen and (min-width: 480px) {
    .u-h3--small {
      font-size: calc(20px + 4 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .u-h3--small {
      font-size: 24px; } }

.u-h4 {
  color: #000000;
  font-weight: 200;
  line-height: 1.4;
  font-size: 20px; }
  @media screen and (min-width: 480px) {
    .u-h4 {
      font-size: calc(20px + 4 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .u-h4 {
      font-size: 24px; } }

.u-h5 {
  color: #000000;
  font-weight: 200;
  font-size: 1.6rem;
  line-height: 1.5; }

.u-h6 {
  color: #000000;
  font-weight: 200;
  font-size: 1.6rem;
  line-height: 1.5; }

.u-section {
  margin-top: 40px;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  transition: opacity 350ms, -webkit-transform 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955), opacity 350ms;
  transition: transform 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955), opacity 350ms, -webkit-transform 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }
  @media screen and (min-width: 480px) {
    .u-section {
      margin-top: calc(40px + 60 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .u-section {
      margin-top: 100px; } }
  .u-section.u-background--primary, .u-section.u-background--primary-light {
    padding-top: 35px;
    padding-bottom: 35px; }
    @media screen and (min-width: 480px) {
      .u-section.u-background--primary, .u-section.u-background--primary-light {
        padding-top: calc(35px + 35 * (100vw - 480px) / 760); } }
    @media screen and (min-width: 1240px) {
      .u-section.u-background--primary, .u-section.u-background--primary-light {
        padding-top: 70px; } }
    @media screen and (min-width: 480px) {
      .u-section.u-background--primary, .u-section.u-background--primary-light {
        padding-bottom: calc(35px + 35 * (100vw - 480px) / 760); } }
    @media screen and (min-width: 1240px) {
      .u-section.u-background--primary, .u-section.u-background--primary-light {
        padding-bottom: 70px; } }
  .u-section.is--out-view {
    opacity: 0;
    -webkit-transform: translate3d(0, 10rem, 0);
            transform: translate3d(0, 10rem, 0); }

.u-section[class*='u-background--'] + .u-section[class*='u-background--']:not(.c-discipline-overview) {
  margin-top: 0; }

.u-section--no-margin-top {
  margin-top: 0; }

@media only screen and (min-width: 100em) {
  .u-margin-top--xlg {
    margin-top: 80px !important; }
  .u-padding-top--xlg {
    padding-top: 80px !important; } }

@media only screen and (min-width: 100em) {
  .u-margin-left--xlg {
    margin-left: 80px !important; }
  .u-padding-left--xlg {
    padding-left: 80px !important; } }

@media only screen and (min-width: 100em) {
  .u-margin-bottom--xlg {
    margin-bottom: 80px !important; }
  .u-padding-bottom--xlg {
    padding-bottom: 80px !important; } }

@media only screen and (min-width: 100em) {
  .u-margin-right--xlg {
    margin-right: 80px !important; }
  .u-padding-right--xlg {
    padding-right: 80px !important; } }

@media only screen and (min-width: 100em) {
  .u-margin-top--lg {
    margin-top: 60px !important; }
  .u-padding-top--lg {
    padding-top: 60px !important; } }

@media only screen and (min-width: 100em) {
  .u-margin-left--lg {
    margin-left: 60px !important; }
  .u-padding-left--lg {
    padding-left: 60px !important; } }

@media only screen and (min-width: 100em) {
  .u-margin-bottom--lg {
    margin-bottom: 60px !important; }
  .u-padding-bottom--lg {
    padding-bottom: 60px !important; } }

@media only screen and (min-width: 100em) {
  .u-margin-right--lg {
    margin-right: 60px !important; }
  .u-padding-right--lg {
    padding-right: 60px !important; } }

@media only screen and (min-width: 100em) {
  .u-margin-top--md {
    margin-top: 40px !important; }
  .u-padding-top--md {
    padding-top: 40px !important; } }

@media only screen and (min-width: 100em) {
  .u-margin-left--md {
    margin-left: 40px !important; }
  .u-padding-left--md {
    padding-left: 40px !important; } }

@media only screen and (min-width: 100em) {
  .u-margin-bottom--md {
    margin-bottom: 40px !important; }
  .u-padding-bottom--md {
    padding-bottom: 40px !important; } }

@media only screen and (min-width: 100em) {
  .u-margin-right--md {
    margin-right: 40px !important; }
  .u-padding-right--md {
    padding-right: 40px !important; } }

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

.u-padding-top--sm {
  padding-top: 20px !important; }

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

.u-padding-left--sm {
  padding-left: 20px !important; }

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

.u-padding-bottom--sm {
  padding-bottom: 20px !important; }

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

.u-padding-right--sm {
  padding-right: 20px !important; }

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

.u-padding-top--xs {
  padding-top: 10px !important; }

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

.u-padding-left--xs {
  padding-left: 10px !important; }

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

.u-padding-bottom--xs {
  padding-bottom: 10px !important; }

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

.u-padding-right--xs {
  padding-right: 10px !important; }

@media only screen and (min-width: 77.5em) and (max-width: 99.96875em) {
  .u-margin-top--xlg {
    margin-top: 80px !important; }
  .u-padding-top--xlg {
    padding-top: 80px !important; } }

@media only screen and (min-width: 77.5em) and (max-width: 99.96875em) {
  .u-margin-left--xlg {
    margin-left: 80px !important; }
  .u-padding-left--xlg {
    padding-left: 80px !important; } }

@media only screen and (min-width: 77.5em) and (max-width: 99.96875em) {
  .u-margin-bottom--xlg {
    margin-bottom: 80px !important; }
  .u-padding-bottom--xlg {
    padding-bottom: 80px !important; } }

@media only screen and (min-width: 77.5em) and (max-width: 99.96875em) {
  .u-margin-right--xlg {
    margin-right: 80px !important; }
  .u-padding-right--xlg {
    padding-right: 80px !important; } }

@media only screen and (min-width: 77.5em) and (max-width: 99.96875em) {
  .u-margin-top--lg {
    margin-top: 60px !important; }
  .u-padding-top--lg {
    padding-top: 60px !important; } }

@media only screen and (min-width: 77.5em) and (max-width: 99.96875em) {
  .u-margin-left--lg {
    margin-left: 60px !important; }
  .u-padding-left--lg {
    padding-left: 60px !important; } }

@media only screen and (min-width: 77.5em) and (max-width: 99.96875em) {
  .u-margin-bottom--lg {
    margin-bottom: 60px !important; }
  .u-padding-bottom--lg {
    padding-bottom: 60px !important; } }

@media only screen and (min-width: 77.5em) and (max-width: 99.96875em) {
  .u-margin-right--lg {
    margin-right: 60px !important; }
  .u-padding-right--lg {
    padding-right: 60px !important; } }

@media only screen and (min-width: 77.5em) and (max-width: 99.96875em) {
  .u-margin-top--md {
    margin-top: 40px !important; }
  .u-padding-top--md {
    padding-top: 40px !important; } }

@media only screen and (min-width: 77.5em) and (max-width: 99.96875em) {
  .u-margin-left--md {
    margin-left: 40px !important; }
  .u-padding-left--md {
    padding-left: 40px !important; } }

@media only screen and (min-width: 77.5em) and (max-width: 99.96875em) {
  .u-margin-bottom--md {
    margin-bottom: 40px !important; }
  .u-padding-bottom--md {
    padding-bottom: 40px !important; } }

@media only screen and (min-width: 77.5em) and (max-width: 99.96875em) {
  .u-margin-right--md {
    margin-right: 40px !important; }
  .u-padding-right--md {
    padding-right: 40px !important; } }

@media only screen and (min-width: 64em) and (max-width: 77.46875em) {
  .u-margin-top--xlg {
    margin-top: 40px !important; }
  .u-padding-top--xlg {
    padding-top: 40px !important; } }

@media only screen and (min-width: 64em) and (max-width: 77.46875em) {
  .u-margin-left--xlg {
    margin-left: 40px !important; }
  .u-padding-left--xlg {
    padding-left: 40px !important; } }

@media only screen and (min-width: 64em) and (max-width: 77.46875em) {
  .u-margin-bottom--xlg {
    margin-bottom: 40px !important; }
  .u-padding-bottom--xlg {
    padding-bottom: 40px !important; } }

@media only screen and (min-width: 64em) and (max-width: 77.46875em) {
  .u-margin-right--xlg {
    margin-right: 40px !important; }
  .u-padding-right--xlg {
    padding-right: 40px !important; } }

@media only screen and (min-width: 64em) and (max-width: 77.46875em) {
  .u-margin-top--lg {
    margin-top: 40px !important; }
  .u-padding-top--lg {
    padding-top: 40px !important; } }

@media only screen and (min-width: 64em) and (max-width: 77.46875em) {
  .u-margin-left--lg {
    margin-left: 40px !important; }
  .u-padding-left--lg {
    padding-left: 40px !important; } }

@media only screen and (min-width: 64em) and (max-width: 77.46875em) {
  .u-margin-bottom--lg {
    margin-bottom: 40px !important; }
  .u-padding-bottom--lg {
    padding-bottom: 40px !important; } }

@media only screen and (min-width: 64em) and (max-width: 77.46875em) {
  .u-margin-right--lg {
    margin-right: 40px !important; }
  .u-padding-right--lg {
    padding-right: 40px !important; } }

@media only screen and (min-width: 64em) and (max-width: 77.46875em) {
  .u-margin-top--md {
    margin-top: 40px !important; }
  .u-padding-top--md {
    padding-top: 40px !important; } }

@media only screen and (min-width: 64em) and (max-width: 77.46875em) {
  .u-margin-left--md {
    margin-left: 40px !important; }
  .u-padding-left--md {
    padding-left: 40px !important; } }

@media only screen and (min-width: 64em) and (max-width: 77.46875em) {
  .u-margin-bottom--md {
    margin-bottom: 40px !important; }
  .u-padding-bottom--md {
    padding-bottom: 40px !important; } }

@media only screen and (min-width: 64em) and (max-width: 77.46875em) {
  .u-margin-right--md {
    margin-right: 40px !important; }
  .u-padding-right--md {
    padding-right: 40px !important; } }

@media only screen and (min-width: 48em) and (max-width: 63.96875em) {
  .u-margin-top--xlg {
    margin-top: 30px !important; }
  .u-padding-top--xlg {
    padding-top: 30px !important; } }

@media only screen and (min-width: 48em) and (max-width: 63.96875em) {
  .u-margin-left--xlg {
    margin-left: 30px !important; }
  .u-padding-left--xlg {
    padding-left: 30px !important; } }

@media only screen and (min-width: 48em) and (max-width: 63.96875em) {
  .u-margin-bottom--xlg {
    margin-bottom: 30px !important; }
  .u-padding-bottom--xlg {
    padding-bottom: 30px !important; } }

@media only screen and (min-width: 48em) and (max-width: 63.96875em) {
  .u-margin-right--xlg {
    margin-right: 30px !important; }
  .u-padding-right--xlg {
    padding-right: 30px !important; } }

@media only screen and (min-width: 48em) and (max-width: 63.96875em) {
  .u-margin-top--lg {
    margin-top: 20px !important; }
  .u-padding-top--lg {
    padding-top: 20px !important; } }

@media only screen and (min-width: 48em) and (max-width: 63.96875em) {
  .u-margin-left--lg {
    margin-left: 20px !important; }
  .u-padding-left--lg {
    padding-left: 20px !important; } }

@media only screen and (min-width: 48em) and (max-width: 63.96875em) {
  .u-margin-bottom--lg {
    margin-bottom: 20px !important; }
  .u-padding-bottom--lg {
    padding-bottom: 20px !important; } }

@media only screen and (min-width: 48em) and (max-width: 63.96875em) {
  .u-margin-right--lg {
    margin-right: 20px !important; }
  .u-padding-right--lg {
    padding-right: 20px !important; } }

@media only screen and (min-width: 48em) and (max-width: 63.96875em) {
  .u-margin-top--md {
    margin-top: 20px !important; }
  .u-padding-top--md {
    padding-top: 20px !important; } }

@media only screen and (min-width: 48em) and (max-width: 63.96875em) {
  .u-margin-left--md {
    margin-left: 20px !important; }
  .u-padding-left--md {
    padding-left: 20px !important; } }

@media only screen and (min-width: 48em) and (max-width: 63.96875em) {
  .u-margin-bottom--md {
    margin-bottom: 20px !important; }
  .u-padding-bottom--md {
    padding-bottom: 20px !important; } }

@media only screen and (min-width: 48em) and (max-width: 63.96875em) {
  .u-margin-right--md {
    margin-right: 20px !important; }
  .u-padding-right--md {
    padding-right: 20px !important; } }

@media only screen and (min-width: 30em) and (max-width: 47.96875em) {
  .u-margin-top--xlg {
    margin-top: 20px !important; }
  .u-padding-top--xlg {
    padding-top: 20px !important; } }

@media only screen and (min-width: 30em) and (max-width: 47.96875em) {
  .u-margin-left--xlg {
    margin-left: 20px !important; }
  .u-padding-left--xlg {
    padding-left: 20px !important; } }

@media only screen and (min-width: 30em) and (max-width: 47.96875em) {
  .u-margin-bottom--xlg {
    margin-bottom: 20px !important; }
  .u-padding-bottom--xlg {
    padding-bottom: 20px !important; } }

@media only screen and (min-width: 30em) and (max-width: 47.96875em) {
  .u-margin-right--xlg {
    margin-right: 20px !important; }
  .u-padding-right--xlg {
    padding-right: 20px !important; } }

@media only screen and (min-width: 30em) and (max-width: 47.96875em) {
  .u-margin-top--lg {
    margin-top: 20px !important; }
  .u-padding-top--lg {
    padding-top: 20px !important; } }

@media only screen and (min-width: 30em) and (max-width: 47.96875em) {
  .u-margin-left--lg {
    margin-left: 20px !important; }
  .u-padding-left--lg {
    padding-left: 20px !important; } }

@media only screen and (min-width: 30em) and (max-width: 47.96875em) {
  .u-margin-bottom--lg {
    margin-bottom: 20px !important; }
  .u-padding-bottom--lg {
    padding-bottom: 20px !important; } }

@media only screen and (min-width: 30em) and (max-width: 47.96875em) {
  .u-margin-right--lg {
    margin-right: 20px !important; }
  .u-padding-right--lg {
    padding-right: 20px !important; } }

@media only screen and (min-width: 30em) and (max-width: 47.96875em) {
  .u-margin-top--md {
    margin-top: 20px !important; }
  .u-padding-top--md {
    padding-top: 20px !important; } }

@media only screen and (min-width: 30em) and (max-width: 47.96875em) {
  .u-margin-left--md {
    margin-left: 20px !important; }
  .u-padding-left--md {
    padding-left: 20px !important; } }

@media only screen and (min-width: 30em) and (max-width: 47.96875em) {
  .u-margin-bottom--md {
    margin-bottom: 20px !important; }
  .u-padding-bottom--md {
    padding-bottom: 20px !important; } }

@media only screen and (min-width: 30em) and (max-width: 47.96875em) {
  .u-margin-right--md {
    margin-right: 20px !important; }
  .u-padding-right--md {
    padding-right: 20px !important; } }

@media only screen and (max-width: 29.96875em) {
  .u-margin-top--xlg {
    margin-top: 20px !important; }
  .u-padding-top--xlg {
    padding-top: 20px !important; } }

@media only screen and (max-width: 29.96875em) {
  .u-margin-left--xlg {
    margin-left: 20px !important; }
  .u-padding-left--xlg {
    padding-left: 20px !important; } }

@media only screen and (max-width: 29.96875em) {
  .u-margin-bottom--xlg {
    margin-bottom: 20px !important; }
  .u-padding-bottom--xlg {
    padding-bottom: 20px !important; } }

@media only screen and (max-width: 29.96875em) {
  .u-margin-right--xlg {
    margin-right: 20px !important; }
  .u-padding-right--xlg {
    padding-right: 20px !important; } }

@media only screen and (max-width: 29.96875em) {
  .u-margin-top--lg {
    margin-top: 20px !important; }
  .u-padding-top--lg {
    padding-top: 20px !important; } }

@media only screen and (max-width: 29.96875em) {
  .u-margin-left--lg {
    margin-left: 20px !important; }
  .u-padding-left--lg {
    padding-left: 20px !important; } }

@media only screen and (max-width: 29.96875em) {
  .u-margin-bottom--lg {
    margin-bottom: 20px !important; }
  .u-padding-bottom--lg {
    padding-bottom: 20px !important; } }

@media only screen and (max-width: 29.96875em) {
  .u-margin-right--lg {
    margin-right: 20px !important; }
  .u-padding-right--lg {
    padding-right: 20px !important; } }

@media only screen and (max-width: 29.96875em) {
  .u-margin-top--md {
    margin-top: 20px !important; }
  .u-padding-top--md {
    padding-top: 20px !important; } }

@media only screen and (max-width: 29.96875em) {
  .u-margin-left--md {
    margin-left: 20px !important; }
  .u-padding-left--md {
    padding-left: 20px !important; } }

@media only screen and (max-width: 29.96875em) {
  .u-margin-bottom--md {
    margin-bottom: 20px !important; }
  .u-padding-bottom--md {
    padding-bottom: 20px !important; } }

@media only screen and (max-width: 29.96875em) {
  .u-margin-right--md {
    margin-right: 20px !important; }
  .u-padding-right--md {
    padding-right: 20px !important; } }

@media only screen and (max-width: 29.96875em) {
  .u-no-container-gutter--small {
    margin-left: -2.5rem;
    margin-right: -2.5rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem; } }

@media only screen and (min-width: 30em) and (max-width: 47.96875em) {
  .u-no-container-gutter--small {
    margin-left: -3rem;
    margin-right: -3rem;
    padding-left: 3rem;
    padding-right: 3rem; } }

.u-text--left {
  text-align: left; }
  @media only screen and (min-width: 480px) {
    .u-text--left--sm {
      text-align: left; } }
  @media only screen and (min-width: 768px) {
    .u-text--left--md {
      text-align: left; } }
  @media only screen and (min-width: 1024px) {
    .u-text--left--lg {
      text-align: left; } }
  @media only screen and (min-width: 1240px) {
    .u-text--left--xlg {
      text-align: left; } }

.u-text--centered {
  text-align: center; }
  @media only screen and (min-width: 480px) {
    .u-text--centered--sm {
      text-align: center; } }
  @media only screen and (min-width: 768px) {
    .u-text--centered--md {
      text-align: center; } }
  @media only screen and (min-width: 1024px) {
    .u-text--centered--lg {
      text-align: center; } }
  @media only screen and (min-width: 1240px) {
    .u-text--centered--xlg {
      text-align: center; } }

.u-text--right {
  text-align: right; }
  @media only screen and (min-width: 480px) {
    .u-text--right--sm {
      text-align: right; } }
  @media only screen and (min-width: 768px) {
    .u-text--right--md {
      text-align: right; } }
  @media only screen and (min-width: 1024px) {
    .u-text--right--lg {
      text-align: right; } }
  @media only screen and (min-width: 1240px) {
    .u-text--right--xlg {
      text-align: right; } }

.u-visible--xxlg,
.u-visible--xxlg-block,
.u-visible--xxlg-table-cell,
.u-visible--xxlg-inline-block,
.u-visible--xxlg-inline {
  display: none            !important; }

@media only screen and (min-width: 100em) {
  .u-visible--xxlg,
  .u-visible--xxlg-block {
    display: block           !important; }
  .u-visible--xxlg-table-cell {
    display: table-cell      !important; }
  .u-visible--xxlg-inline-block {
    display: inline-block    !important; }
  .u-visible--xxlg-inline {
    display: inline          !important; }
  .u-hidden--xxlg {
    display: none            !important; } }

.u-visible--xlg,
.u-visible--xlg-block,
.u-visible--xlg-table-cell,
.u-visible--xlg-inline-block,
.u-visible--xlg-inline {
  display: none            !important; }

@media only screen and (min-width: 77.5em) and (max-width: 99.96875em) {
  .u-visible--xlg,
  .u-visible--xlg-block {
    display: block           !important; }
  .u-visible--xlg-table-cell {
    display: table-cell      !important; }
  .u-visible--xlg-inline-block {
    display: inline-block    !important; }
  .u-visible--xlg-inline {
    display: inline          !important; }
  .u-hidden--xlg {
    display: none            !important; } }

.u-visible--lg,
.u-visible--lg-block,
.u-visible--lg-table-cell,
.u-visible--lg-inline-block,
.u-visible--lg-inline {
  display: none            !important; }

@media only screen and (min-width: 64em) and (max-width: 77.46875em) {
  .u-visible--lg,
  .u-visible--lg-block {
    display: block           !important; }
  .u-visible--lg-table-cell {
    display: table-cell      !important; }
  .u-visible--lg-inline-block {
    display: inline-block    !important; }
  .u-visible--lg-inline {
    display: inline          !important; }
  .u-hidden--lg {
    display: none            !important; } }

.u-visible--md,
.u-visible--md-block,
.u-visible--md-table-cell,
.u-visible--md-inline-block,
.u-visible--md-inline {
  display: none            !important; }

@media only screen and (min-width: 48em) and (max-width: 63.96875em) {
  .u-visible--md,
  .u-visible--md-block {
    display: block           !important; }
  .u-visible--md-table-cell {
    display: table-cell      !important; }
  .u-visible--md-inline-block {
    display: inline-block    !important; }
  .u-visible--md-inline {
    display: inline          !important; }
  .u-hidden--md {
    display: none            !important; } }

.u-visible--sm,
.u-visible--sm-block,
.u-visible--sm-table-cell,
.u-visible--sm-inline-block,
.u-visible--sm-inline {
  display: none            !important; }

@media only screen and (min-width: 30em) and (max-width: 47.96875em) {
  .u-visible--sm,
  .u-visible--sm-block {
    display: block           !important; }
  .u-visible--sm-table-cell {
    display: table-cell      !important; }
  .u-visible--sm-inline-block {
    display: inline-block    !important; }
  .u-visible--sm-inline {
    display: inline          !important; }
  .u-hidden--sm {
    display: none            !important; } }

.u-visible--xs,
.u-visible--xs-block,
.u-visible--xs-table-cell,
.u-visible--xs-inline-block,
.u-visible--xs-inline {
  display: none            !important; }

@media only screen and (max-width: 29.96875em) {
  .u-visible--xs,
  .u-visible--xs-block {
    display: block           !important; }
  .u-visible--xs-table-cell {
    display: table-cell      !important; }
  .u-visible--xs-inline-block {
    display: inline-block    !important; }
  .u-visible--xs-inline {
    display: inline          !important; }
  .u-hidden--xs {
    display: none            !important; } }

.u-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px !important;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.u-hidden {
  display: none !important; }

@media only screen and (min-width: 48em) {
  .u-hidden--medium-and-up {
    display: none !important; } }

@media only screen and (min-width: 64em) {
  .u-hidden--large-and-up {
    display: none !important; } }

@media only screen and (min-width: 77.5em) {
  .u-hidden--xlarge-and-up {
    display: none !important; } }

@media only screen and (max-width: 47.96875em) {
  .u-hidden--small-and-down {
    display: none !important; } }

@media only screen and (max-width: 63.96875em) {
  .u-hidden--medium-and-down {
    display: none !important; } }

.u-inline-children {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap; }

/* components:scss */
.c-alert {
  padding: 10px 15px;
  margin-bottom: 30px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  border-radius: 26px; }
  .c-alert svg path,
  .c-alert svg polygon {
    fill: currentColor; }

.alert--center {
  text-align: center; }

.alert--error {
  background-color: #ed1c24;
  color: #ffffff; }
  .alert--error a {
    font-weight: 500;
    color: #ffffff; }

.alert--warning {
  background-color: #f7931e;
  color: #000000; }
  .alert--warning a {
    font-weight: 500;
    color: #000000; }

.alert--success {
  background-color: #39b54a;
  color: #ffffff; }
  .alert--success a {
    font-weight: 500;
    color: #ffffff; }

.alert__icon {
  display: inline-block;
  margin-right: 20px;
  line-height: 0; }

.application-form__close-message {
  padding: 3rem;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transition: opacity 300ms ease, visibility 0s ease 300ms; }
  .application-form__close-message.close-message--is-active {
    opacity: 1;
    visibility: visible;
    transition: opacity 300ms ease; }
  .application-form__close-message .application-form__close-message-title {
    color: #000000;
    padding-right: 2rem; }
    .t-dfe-pharma .application-form__close-message .application-form__close-message-title {
      font-size: 24px;
      margin-bottom: 15px;
      font-weight: 200; }
      @media screen and (min-width: 480px) {
        .t-dfe-pharma .application-form__close-message .application-form__close-message-title {
          font-size: calc(24px + 26 * (100vw - 480px) / 760); } }
      @media screen and (min-width: 1240px) {
        .t-dfe-pharma .application-form__close-message .application-form__close-message-title {
          font-size: 50px; } }
      @media screen and (min-width: 480px) {
        .t-dfe-pharma .application-form__close-message .application-form__close-message-title {
          margin-bottom: calc(15px + 10 * (100vw - 480px) / 760); } }
      @media screen and (min-width: 1240px) {
        .t-dfe-pharma .application-form__close-message .application-form__close-message-title {
          margin-bottom: 25px; } }
      @media only screen and (min-width: 48em) {
        .t-dfe-pharma .application-form__close-message .application-form__close-message-title {
          font-weight: 100; } }

.application-form__close-message-content {
  max-width: 78rem;
  position: relative;
  background-color: #ffffff;
  z-index: 2;
  padding: 40px;
  max-height: calc(100vh - 10rem);
  overflow-y: auto; }
  @media screen and (min-width: 480px) {
    .application-form__close-message-content {
      padding: calc(40px + 40 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .application-form__close-message-content {
      padding: 80px; } }

.application-form__close-message-body {
  color: #6e6f72;
  margin-top: 20px; }
  @media screen and (min-width: 480px) {
    .application-form__close-message-body {
      margin-top: calc(20px + 20 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .application-form__close-message-body {
      margin-top: 40px; } }

.application-form__close-message-actions {
  margin-top: 40px; }
  @media screen and (min-width: 480px) {
    .application-form__close-message-actions {
      margin-top: calc(40px + 20 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .application-form__close-message-actions {
      margin-top: 60px; } }
  @media only screen and (min-width: 30em) {
    .application-form__close-message-actions {
      display: -webkit-flex;
      display: flex; } }
  @media only screen and (max-width: 29.96875em) {
    .application-form__close-message-actions .c-share {
      margin-bottom: 2rem; } }
  @media only screen and (min-width: 30em) and (max-width: 47.96875em) {
    .application-form__close-message-actions .c-share {
      margin-right: 2rem; } }
  @media only screen and (min-width: 48em) {
    .application-form__close-message-actions .c-share {
      margin-right: 4rem; } }

.application-form__close-message-close {
  padding: 1rem;
  position: absolute;
  line-height: 0;
  transition: -webkit-transform 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }
  @media only screen and (max-width: 47.96875em) {
    .application-form__close-message-close {
      top: 1rem;
      right: 1rem; } }
  @media only screen and (min-width: 48em) {
    .application-form__close-message-close {
      top: 3rem;
      right: 3rem; } }
  .application-form__close-message-close::before, .application-form__close-message-close::after {
    display: none; }
  html:not(.is-touch) .application-form__close-message-close:hover,
  html.is-touch--with-mouse .application-form__close-message-close:hover {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  .application-form__close-message-close svg {
    fill: #0094d9; }

.application-form__close-message-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  cursor: pointer; }

.c-arch-block {
  position: relative;
  z-index: -1; }

.arch-block__visual {
  min-width: 100%;
  padding-bottom: 52.5%;
  position: absolute;
  top: 100px; }
  @media screen and (min-width: 480px) {
    .arch-block__visual {
      top: calc(100px + 250 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .arch-block__visual {
      top: 350px; } }
  @media only screen and (max-width: 47.96875em) {
    .arch-block__visual {
      -webkit-transform-origin: top center;
              transform-origin: top center;
      -webkit-transform: scale(1.6);
              transform: scale(1.6);
      left: calc(100vw * .15); } }
  .arch-block__visual svg {
    display: block;
    width: 100%;
    height: 100%;
    fill: #ecf4f8; }

*::-ms-backdrop,
.arch-block__visual {
  display: none; }

.c-arrow-link {
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-decoration: none;
  vertical-align: top;
  margin: 0;
  text-align: center;
  font-weight: 500;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
          align-items: center;
  color: #0094d9;
  text-align: left; }
  .c-arrow-link::before, .c-arrow-link::after {
    content: '';
    position: absolute;
    bottom: 2px;
    height: 2px;
    background-color: currentColor;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    transition: -webkit-transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }
  .c-arrow-link::before {
    left: 0;
    right: 50%;
    -webkit-transform-origin: bottom left;
            transform-origin: bottom left; }
  .c-arrow-link::after {
    right: 0;
    left: 50%;
    -webkit-transform-origin: bottom right;
            transform-origin: bottom right; }
  html:not(.is-touch) .c-arrow-link:hover:before,
  html.is-touch--with-mouse .c-arrow-link:hover:before {
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  html:not(.is-touch) .c-arrow-link:hover:after,
  html.is-touch--with-mouse .c-arrow-link:hover:after {
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  .c-arrow-link::before, .c-arrow-link::after {
    display: none; }
  .t-dfe-pharma .c-arrow-link {
    color: #39b54a; }
  .c-arrow-link .arrow-link__icon {
    display: inline-block;
    -webkit-transform: translate3d(0, -1px, 0);
            transform: translate3d(0, -1px, 0);
    margin-left: .7rem;
    transition: -webkit-transform 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: transform 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: transform 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }
    .c-arrow-link .arrow-link__icon svg {
      fill: currentColor; }
  .c-arrow-link .arrow-link__label {
    display: inline-block;
    position: relative; }
    .c-arrow-link .arrow-link__label::before, .c-arrow-link .arrow-link__label::after {
      content: '';
      position: absolute;
      bottom: 2px;
      height: 2px;
      background-color: currentColor;
      -webkit-transform: scaleX(0);
              transform: scaleX(0);
      transition: -webkit-transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
      transition: transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
      transition: transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }
    .c-arrow-link .arrow-link__label::before {
      left: 0;
      right: 50%;
      -webkit-transform-origin: bottom left;
              transform-origin: bottom left; }
    .c-arrow-link .arrow-link__label::after {
      right: 0;
      left: 50%;
      -webkit-transform-origin: bottom right;
              transform-origin: bottom right; }
    html:not(.is-touch) .c-arrow-link .arrow-link__label:hover:before,
    html.is-touch--with-mouse .c-arrow-link .arrow-link__label:hover:before {
      -webkit-transform: scaleX(1);
              transform: scaleX(1); }
    html:not(.is-touch) .c-arrow-link .arrow-link__label:hover:after,
    html.is-touch--with-mouse .c-arrow-link .arrow-link__label:hover:after {
      -webkit-transform: scaleX(1);
              transform: scaleX(1); }
  html:not(.is-touch) .c-arrow-link:hover .arrow-link__label:before,
  html.is-touch--with-mouse .c-arrow-link:hover .arrow-link__label:before {
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  html:not(.is-touch) .c-arrow-link:hover .arrow-link__label:after,
  html.is-touch--with-mouse .c-arrow-link:hover .arrow-link__label:after {
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  html:not(.is-touch) .c-arrow-link:hover .arrow-link__icon,
  html.is-touch--with-mouse .c-arrow-link:hover .arrow-link__icon {
    -webkit-transform: translate3d(0.5rem, -1px, 0);
            transform: translate3d(0.5rem, -1px, 0); }
  .has--keyboard-focus .c-arrow-link:focus {
    background-color: #0071a6;
    color: #ffffff; }

/**
* Button variants
*/
.c-arrow-link--down {
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-decoration: none;
  vertical-align: top;
  margin: 0;
  text-align: center;
  font-weight: 500;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
          align-items: center;
  color: #0094d9;
  text-align: left; }
  .c-arrow-link--down::before, .c-arrow-link--down::after {
    content: '';
    position: absolute;
    bottom: 2px;
    height: 2px;
    background-color: currentColor;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    transition: -webkit-transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }
  .c-arrow-link--down::before {
    left: 0;
    right: 50%;
    -webkit-transform-origin: bottom left;
            transform-origin: bottom left; }
  .c-arrow-link--down::after {
    right: 0;
    left: 50%;
    -webkit-transform-origin: bottom right;
            transform-origin: bottom right; }
  html:not(.is-touch) .c-arrow-link--down:hover:before,
  html.is-touch--with-mouse .c-arrow-link--down:hover:before {
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  html:not(.is-touch) .c-arrow-link--down:hover:after,
  html.is-touch--with-mouse .c-arrow-link--down:hover:after {
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  .c-arrow-link--down::before, .c-arrow-link--down::after {
    display: none; }
  .t-dfe-pharma .c-arrow-link--down {
    color: #39b54a; }
  .c-arrow-link--down .arrow-link__icon {
    display: inline-block;
    -webkit-transform: translate3d(0, -1px, 0);
            transform: translate3d(0, -1px, 0);
    margin-left: .7rem;
    transition: -webkit-transform 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: transform 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: transform 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }
    .c-arrow-link--down .arrow-link__icon svg {
      fill: currentColor; }
  .c-arrow-link--down .arrow-link__label {
    display: inline-block;
    position: relative; }
    .c-arrow-link--down .arrow-link__label::before, .c-arrow-link--down .arrow-link__label::after {
      content: '';
      position: absolute;
      bottom: 2px;
      height: 2px;
      background-color: currentColor;
      -webkit-transform: scaleX(0);
              transform: scaleX(0);
      transition: -webkit-transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
      transition: transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
      transition: transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }
    .c-arrow-link--down .arrow-link__label::before {
      left: 0;
      right: 50%;
      -webkit-transform-origin: bottom left;
              transform-origin: bottom left; }
    .c-arrow-link--down .arrow-link__label::after {
      right: 0;
      left: 50%;
      -webkit-transform-origin: bottom right;
              transform-origin: bottom right; }
    html:not(.is-touch) .c-arrow-link--down .arrow-link__label:hover:before,
    html.is-touch--with-mouse .c-arrow-link--down .arrow-link__label:hover:before {
      -webkit-transform: scaleX(1);
              transform: scaleX(1); }
    html:not(.is-touch) .c-arrow-link--down .arrow-link__label:hover:after,
    html.is-touch--with-mouse .c-arrow-link--down .arrow-link__label:hover:after {
      -webkit-transform: scaleX(1);
              transform: scaleX(1); }
  html:not(.is-touch) .c-arrow-link--down:hover .arrow-link__label:before,
  html.is-touch--with-mouse .c-arrow-link--down:hover .arrow-link__label:before {
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  html:not(.is-touch) .c-arrow-link--down:hover .arrow-link__label:after,
  html.is-touch--with-mouse .c-arrow-link--down:hover .arrow-link__label:after {
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  html:not(.is-touch) .c-arrow-link--down:hover .arrow-link__icon,
  html.is-touch--with-mouse .c-arrow-link--down:hover .arrow-link__icon {
    -webkit-transform: translate3d(0.5rem, -1px, 0);
            transform: translate3d(0.5rem, -1px, 0); }
  .has--keyboard-focus .c-arrow-link--down:focus {
    background-color: #0071a6;
    color: #ffffff; }
  .c-arrow-link--down .arrow-link__label {
    -webkit-order: 2;
            order: 2; }
  .c-arrow-link--down .arrow-link__icon {
    margin-left: 0;
    margin-right: .8rem;
    -webkit-order: 1;
            order: 1;
    -webkit-transform: translate3d(0, 1px, 0);
            transform: translate3d(0, 1px, 0); }
    .c-arrow-link--down .arrow-link__icon svg {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
  html:not(.is-touch) .c-arrow-link--down:hover .arrow-link__icon,
  html.is-touch--with-mouse .c-arrow-link--down:hover .arrow-link__icon {
    margin-left: 0;
    -webkit-transform: translate3d(0, 6px, 0);
            transform: translate3d(0, 6px, 0); }

.c-arrow-link--left {
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-decoration: none;
  vertical-align: top;
  margin: 0;
  text-align: center;
  font-weight: 500;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
          align-items: center;
  color: #0094d9;
  text-align: left; }
  .c-arrow-link--left::before, .c-arrow-link--left::after {
    content: '';
    position: absolute;
    bottom: 2px;
    height: 2px;
    background-color: currentColor;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    transition: -webkit-transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }
  .c-arrow-link--left::before {
    left: 0;
    right: 50%;
    -webkit-transform-origin: bottom left;
            transform-origin: bottom left; }
  .c-arrow-link--left::after {
    right: 0;
    left: 50%;
    -webkit-transform-origin: bottom right;
            transform-origin: bottom right; }
  html:not(.is-touch) .c-arrow-link--left:hover:before,
  html.is-touch--with-mouse .c-arrow-link--left:hover:before {
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  html:not(.is-touch) .c-arrow-link--left:hover:after,
  html.is-touch--with-mouse .c-arrow-link--left:hover:after {
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  .c-arrow-link--left::before, .c-arrow-link--left::after {
    display: none; }
  .t-dfe-pharma .c-arrow-link--left {
    color: #39b54a; }
  .c-arrow-link--left .arrow-link__icon {
    display: inline-block;
    -webkit-transform: translate3d(0, -1px, 0);
            transform: translate3d(0, -1px, 0);
    margin-left: .7rem;
    transition: -webkit-transform 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: transform 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: transform 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }
    .c-arrow-link--left .arrow-link__icon svg {
      fill: currentColor; }
  .c-arrow-link--left .arrow-link__label {
    display: inline-block;
    position: relative; }
    .c-arrow-link--left .arrow-link__label::before, .c-arrow-link--left .arrow-link__label::after {
      content: '';
      position: absolute;
      bottom: 2px;
      height: 2px;
      background-color: currentColor;
      -webkit-transform: scaleX(0);
              transform: scaleX(0);
      transition: -webkit-transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
      transition: transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
      transition: transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }
    .c-arrow-link--left .arrow-link__label::before {
      left: 0;
      right: 50%;
      -webkit-transform-origin: bottom left;
              transform-origin: bottom left; }
    .c-arrow-link--left .arrow-link__label::after {
      right: 0;
      left: 50%;
      -webkit-transform-origin: bottom right;
              transform-origin: bottom right; }
    html:not(.is-touch) .c-arrow-link--left .arrow-link__label:hover:before,
    html.is-touch--with-mouse .c-arrow-link--left .arrow-link__label:hover:before {
      -webkit-transform: scaleX(1);
              transform: scaleX(1); }
    html:not(.is-touch) .c-arrow-link--left .arrow-link__label:hover:after,
    html.is-touch--with-mouse .c-arrow-link--left .arrow-link__label:hover:after {
      -webkit-transform: scaleX(1);
              transform: scaleX(1); }
  html:not(.is-touch) .c-arrow-link--left:hover .arrow-link__label:before,
  html.is-touch--with-mouse .c-arrow-link--left:hover .arrow-link__label:before {
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  html:not(.is-touch) .c-arrow-link--left:hover .arrow-link__label:after,
  html.is-touch--with-mouse .c-arrow-link--left:hover .arrow-link__label:after {
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  html:not(.is-touch) .c-arrow-link--left:hover .arrow-link__icon,
  html.is-touch--with-mouse .c-arrow-link--left:hover .arrow-link__icon {
    -webkit-transform: translate3d(0.5rem, -1px, 0);
            transform: translate3d(0.5rem, -1px, 0); }
  .has--keyboard-focus .c-arrow-link--left:focus {
    background-color: #0071a6;
    color: #ffffff; }
  .c-arrow-link--left .arrow-link__label {
    -webkit-order: 2;
            order: 2; }
  .c-arrow-link--left .arrow-link__icon {
    -webkit-order: 1;
            order: 1;
    margin-left: 0;
    margin-right: .8rem; }
  html:not(.is-touch) .c-arrow-link--left:hover .arrow-link__icon,
  html.is-touch--with-mouse .c-arrow-link--left:hover .arrow-link__icon {
    margin-left: 0; }

.c-arrow-link--sort-desc {
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-decoration: none;
  vertical-align: top;
  margin: 0;
  text-align: center;
  font-weight: 500;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
          align-items: center;
  color: #0094d9;
  text-align: left; }
  .c-arrow-link--sort-desc::before, .c-arrow-link--sort-desc::after {
    content: '';
    position: absolute;
    bottom: 2px;
    height: 2px;
    background-color: currentColor;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    transition: -webkit-transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }
  .c-arrow-link--sort-desc::before {
    left: 0;
    right: 50%;
    -webkit-transform-origin: bottom left;
            transform-origin: bottom left; }
  .c-arrow-link--sort-desc::after {
    right: 0;
    left: 50%;
    -webkit-transform-origin: bottom right;
            transform-origin: bottom right; }
  html:not(.is-touch) .c-arrow-link--sort-desc:hover:before,
  html.is-touch--with-mouse .c-arrow-link--sort-desc:hover:before {
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  html:not(.is-touch) .c-arrow-link--sort-desc:hover:after,
  html.is-touch--with-mouse .c-arrow-link--sort-desc:hover:after {
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  .c-arrow-link--sort-desc::before, .c-arrow-link--sort-desc::after {
    display: none; }
  .t-dfe-pharma .c-arrow-link--sort-desc {
    color: #39b54a; }
  .c-arrow-link--sort-desc .arrow-link__icon {
    display: inline-block;
    -webkit-transform: translate3d(0, -1px, 0);
            transform: translate3d(0, -1px, 0);
    margin-left: .7rem;
    transition: -webkit-transform 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: transform 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: transform 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }
    .c-arrow-link--sort-desc .arrow-link__icon svg {
      fill: currentColor; }
  .c-arrow-link--sort-desc .arrow-link__label {
    display: inline-block;
    position: relative; }
    .c-arrow-link--sort-desc .arrow-link__label::before, .c-arrow-link--sort-desc .arrow-link__label::after {
      content: '';
      position: absolute;
      bottom: 2px;
      height: 2px;
      background-color: currentColor;
      -webkit-transform: scaleX(0);
              transform: scaleX(0);
      transition: -webkit-transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
      transition: transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
      transition: transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }
    .c-arrow-link--sort-desc .arrow-link__label::before {
      left: 0;
      right: 50%;
      -webkit-transform-origin: bottom left;
              transform-origin: bottom left; }
    .c-arrow-link--sort-desc .arrow-link__label::after {
      right: 0;
      left: 50%;
      -webkit-transform-origin: bottom right;
              transform-origin: bottom right; }
    html:not(.is-touch) .c-arrow-link--sort-desc .arrow-link__label:hover:before,
    html.is-touch--with-mouse .c-arrow-link--sort-desc .arrow-link__label:hover:before {
      -webkit-transform: scaleX(1);
              transform: scaleX(1); }
    html:not(.is-touch) .c-arrow-link--sort-desc .arrow-link__label:hover:after,
    html.is-touch--with-mouse .c-arrow-link--sort-desc .arrow-link__label:hover:after {
      -webkit-transform: scaleX(1);
              transform: scaleX(1); }
  html:not(.is-touch) .c-arrow-link--sort-desc:hover .arrow-link__label:before,
  html.is-touch--with-mouse .c-arrow-link--sort-desc:hover .arrow-link__label:before {
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  html:not(.is-touch) .c-arrow-link--sort-desc:hover .arrow-link__label:after,
  html.is-touch--with-mouse .c-arrow-link--sort-desc:hover .arrow-link__label:after {
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  html:not(.is-touch) .c-arrow-link--sort-desc:hover .arrow-link__icon,
  html.is-touch--with-mouse .c-arrow-link--sort-desc:hover .arrow-link__icon {
    -webkit-transform: translate3d(0.5rem, -1px, 0);
            transform: translate3d(0.5rem, -1px, 0); }
  .has--keyboard-focus .c-arrow-link--sort-desc:focus {
    background-color: #0071a6;
    color: #ffffff; }
  .c-arrow-link--sort-desc .arrow-link__icon {
    margin-left: .8rem;
    -webkit-transform: translate3d(0, -1px, 0);
            transform: translate3d(0, -1px, 0); }
    .c-arrow-link--sort-desc .arrow-link__icon svg {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
  html:not(.is-touch) .c-arrow-link--sort-desc:hover .arrow-link__icon,
  html.is-touch--with-mouse .c-arrow-link--sort-desc:hover .arrow-link__icon {
    -webkit-transform: translate3d(0, -7px, 0);
            transform: translate3d(0, -7px, 0); }

.c-arrow-link--sort-asc {
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-decoration: none;
  vertical-align: top;
  margin: 0;
  text-align: center;
  font-weight: 500;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
          align-items: center;
  color: #0094d9;
  text-align: left; }
  .c-arrow-link--sort-asc::before, .c-arrow-link--sort-asc::after {
    content: '';
    position: absolute;
    bottom: 2px;
    height: 2px;
    background-color: currentColor;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    transition: -webkit-transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }
  .c-arrow-link--sort-asc::before {
    left: 0;
    right: 50%;
    -webkit-transform-origin: bottom left;
            transform-origin: bottom left; }
  .c-arrow-link--sort-asc::after {
    right: 0;
    left: 50%;
    -webkit-transform-origin: bottom right;
            transform-origin: bottom right; }
  html:not(.is-touch) .c-arrow-link--sort-asc:hover:before,
  html.is-touch--with-mouse .c-arrow-link--sort-asc:hover:before {
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  html:not(.is-touch) .c-arrow-link--sort-asc:hover:after,
  html.is-touch--with-mouse .c-arrow-link--sort-asc:hover:after {
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  .c-arrow-link--sort-asc::before, .c-arrow-link--sort-asc::after {
    display: none; }
  .t-dfe-pharma .c-arrow-link--sort-asc {
    color: #39b54a; }
  .c-arrow-link--sort-asc .arrow-link__icon {
    display: inline-block;
    -webkit-transform: translate3d(0, -1px, 0);
            transform: translate3d(0, -1px, 0);
    margin-left: .7rem;
    transition: -webkit-transform 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: transform 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: transform 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }
    .c-arrow-link--sort-asc .arrow-link__icon svg {
      fill: currentColor; }
  .c-arrow-link--sort-asc .arrow-link__label {
    display: inline-block;
    position: relative; }
    .c-arrow-link--sort-asc .arrow-link__label::before, .c-arrow-link--sort-asc .arrow-link__label::after {
      content: '';
      position: absolute;
      bottom: 2px;
      height: 2px;
      background-color: currentColor;
      -webkit-transform: scaleX(0);
              transform: scaleX(0);
      transition: -webkit-transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
      transition: transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
      transition: transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }
    .c-arrow-link--sort-asc .arrow-link__label::before {
      left: 0;
      right: 50%;
      -webkit-transform-origin: bottom left;
              transform-origin: bottom left; }
    .c-arrow-link--sort-asc .arrow-link__label::after {
      right: 0;
      left: 50%;
      -webkit-transform-origin: bottom right;
              transform-origin: bottom right; }
    html:not(.is-touch) .c-arrow-link--sort-asc .arrow-link__label:hover:before,
    html.is-touch--with-mouse .c-arrow-link--sort-asc .arrow-link__label:hover:before {
      -webkit-transform: scaleX(1);
              transform: scaleX(1); }
    html:not(.is-touch) .c-arrow-link--sort-asc .arrow-link__label:hover:after,
    html.is-touch--with-mouse .c-arrow-link--sort-asc .arrow-link__label:hover:after {
      -webkit-transform: scaleX(1);
              transform: scaleX(1); }
  html:not(.is-touch) .c-arrow-link--sort-asc:hover .arrow-link__label:before,
  html.is-touch--with-mouse .c-arrow-link--sort-asc:hover .arrow-link__label:before {
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  html:not(.is-touch) .c-arrow-link--sort-asc:hover .arrow-link__label:after,
  html.is-touch--with-mouse .c-arrow-link--sort-asc:hover .arrow-link__label:after {
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  html:not(.is-touch) .c-arrow-link--sort-asc:hover .arrow-link__icon,
  html.is-touch--with-mouse .c-arrow-link--sort-asc:hover .arrow-link__icon {
    -webkit-transform: translate3d(0.5rem, -1px, 0);
            transform: translate3d(0.5rem, -1px, 0); }
  .has--keyboard-focus .c-arrow-link--sort-asc:focus {
    background-color: #0071a6;
    color: #ffffff; }
  .c-arrow-link--sort-asc .arrow-link__icon {
    margin-left: .8rem;
    -webkit-transform: translate3d(0, 1px, 0);
            transform: translate3d(0, 1px, 0); }
    .c-arrow-link--sort-asc .arrow-link__icon svg {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
  html:not(.is-touch) .c-arrow-link--sort-asc:hover .arrow-link__icon,
  html.is-touch--with-mouse .c-arrow-link--sort-asc:hover .arrow-link__icon {
    -webkit-transform: translate3d(0, 6px, 0);
            transform: translate3d(0, 6px, 0); }

.arrow-link--black {
  color: #000000; }
  .arrow-link--black .arrow-link__icon svg {
    fill: #0094d9; }

.arrow-link--red {
  color: #ed1c24; }

.arrow-link--light {
  color: #ffffff; }

.c-brand-banner {
  opacity: 0;
  -webkit-transform: translate3d(0, -10rem, 0);
          transform: translate3d(0, -10rem, 0);
  height: 0;
  overflow: hidden;
  position: relative;
  background-color: #ecf4f8;
  transition: opacity 300ms ease, height 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: opacity 300ms ease, transform 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955), height 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: opacity 300ms ease, transform 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955), height 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }
  .has--brand-banner .c-brand-banner {
    height: 95px;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
    @media screen and (min-width: 480px) {
      .has--brand-banner .c-brand-banner {
        height: calc(95px + 355 * (100vw - 480px) / 760); } }
    @media screen and (min-width: 1240px) {
      .has--brand-banner .c-brand-banner {
        height: 450px; } }
    @media only screen and (max-width: 47.96875em) {
      .has--brand-banner .c-brand-banner {
        height: 9.5rem; } }
    @media only screen and (max-width: 63.96875em) {
      .has--brand-banner .c-brand-banner {
        height: 9.5rem; } }
    @media only screen and (min-width: 64em) {
      .has--brand-banner .c-brand-banner {
        height: 45rem; } }
    @media only screen and (min-width: 77.5em) {
      .has--brand-banner .c-brand-banner {
        height: 45rem; } }
  @media only screen and (min-width: 64em) {
    .c-brand-banner {
      background-image: url("../images/brand-banner-bg.png");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center bottom; } }
  .c-brand-banner .o-container {
    padding-top: 15px;
    padding-bottom: 15px; }
    @media screen and (min-width: 480px) {
      .c-brand-banner .o-container {
        padding-top: calc(15px + 65 * (100vw - 480px) / 760); } }
    @media screen and (min-width: 1240px) {
      .c-brand-banner .o-container {
        padding-top: 80px; } }
    @media screen and (min-width: 480px) {
      .c-brand-banner .o-container {
        padding-bottom: calc(15px + 65 * (100vw - 480px) / 760); } }
    @media screen and (min-width: 1240px) {
      .c-brand-banner .o-container {
        padding-bottom: 80px; } }
    @media only screen and (max-width: 63.96875em) {
      .c-brand-banner .o-container {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem; } }

.brand-banner__container {
  overflow: hidden; }

.brand-banner__image {
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  width: 25%;
  margin-right: 5%; }
  @media only screen and (max-width: 63.96875em) {
    .brand-banner__image {
      max-width: 6rem;
      max-height: 6rem; } }

.brand-banner__slide-content {
  display: -webkit-flex;
  display: flex; }

.brand-banner__slide-body {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column; }
  @media only screen and (max-width: 63.96875em) {
    .brand-banner__slide-body {
      max-width: 20rem; } }
  @media only screen and (min-width: 48em) {
    .brand-banner__slide-body {
      max-width: 55%; } }

.brand-banner__title {
  margin-top: auto; }
  @media only screen and (max-width: 63.96875em) {
    .brand-banner__title {
      margin-bottom: auto;
      font-size: 1.6rem;
      font-weight: 400;
      line-height: 1.4; } }

.brand-banner__button {
  margin-top: 1.5rem;
  margin-bottom: auto;
  margin-right: auto; }

.brand-banner__close {
  padding: 1rem;
  position: absolute;
  line-height: 0;
  transition: -webkit-transform 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  @media only screen and (max-width: 47.96875em) {
    .brand-banner__close {
      top: calc(50% - 2.25rem);
      right: 1.5rem; } }
  @media only screen and (min-width: 48em) and (max-width: 63.96875em) {
    .brand-banner__close {
      top: 2rem;
      right: 2rem; } }
  @media only screen and (min-width: 64em) {
    .brand-banner__close {
      top: 4rem;
      right: 4rem; } }
  .brand-banner__close::before, .brand-banner__close::after {
    display: none; }
  html:not(.is-touch) .brand-banner__close:hover,
  html.is-touch--with-mouse .brand-banner__close:hover {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  .brand-banner__close svg {
    fill: #0094d9; }

@media only screen and (max-width: 63.96875em) {
  .brand-carousel__title {
    margin-bottom: 1.5rem; } }

@media only screen and (min-width: 64em) {
  .brand-carousel__title {
    margin-bottom: 2.5rem; } }

.brand-carousel__body {
  max-width: 45rem; }

.brand-carousel__container {
  margin-top: 4rem; }

.brand-carousel__slide-title {
  color: #000000;
  font-weight: 500; }
  @media only screen and (max-width: 63.96875em) {
    .brand-carousel__slide-title {
      margin-top: 1rem; } }
  @media only screen and (min-width: 64em) {
    .brand-carousel__slide-title {
      margin-top: 2rem;
      font-size: 2rem; } }

.c-breadcrumb {
  overflow: auto; }
  @media only screen and (max-width: 47.96875em) {
    .c-breadcrumb {
      margin-left: -25px;
      margin-right: -25px;
      padding-left: 25px;
      padding-right: 25px; } }

.breadcrumb__list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
  list-style: none;
  padding-left: 0; }

.breadcrumb__list-item {
  position: relative;
  overflow: hidden;
  display: -webkit-flex;
  display: flex;
  padding-right: 1rem; }
  .breadcrumb__list-item:last-child .breadcrumb__item-icon {
    display: none; }
  html:not(.is-touch) .breadcrumb__list-item:not(:last-child) .breadcrumb__item:hover,
  html.is-touch--with-mouse .breadcrumb__list-item:not(:last-child) .breadcrumb__item:hover {
    opacity: 1; }
  @media only screen and (max-width: 47.96875em) {
    .breadcrumb__list-item:not(:nth-last-child(2)) {
      display: none; }
    .breadcrumb__list-item .breadcrumb__item {
      -webkit-order: 2;
              order: 2; }
    .breadcrumb__list-item .breadcrumb__item-icon {
      margin-left: 0;
      margin-right: 1rem;
      -webkit-order: 1;
              order: 1; }
      .breadcrumb__list-item .breadcrumb__item-icon svg {
        -webkit-transform: scaleX(-1);
                transform: scaleX(-1); } }

.breadcrumb__item-icon {
  margin-left: 1rem;
  opacity: .5;
  -webkit-transform: translate3d(0, -1px, 0);
          transform: translate3d(0, -1px, 0); }
  .breadcrumb__item-icon svg {
    fill: #ffffff; }

.breadcrumb__item {
  font-size: 1.4rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  opacity: .5;
  transition: opacity 300ms; }
  .breadcrumb__item::before, .breadcrumb__item::after {
    display: none; }

.breadcrumb__item--current {
  color: #6e6f72;
  pointer-events: none; }

.c-button {
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-decoration: none;
  vertical-align: top;
  margin: 0;
  text-align: center;
  padding: 1.4rem 2.5rem;
  min-height: 5.5rem;
  font-weight: 500;
  border-radius: 28px;
  background-color: #6e6f72;
  color: #ffffff;
  text-align: left;
  transition: 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition-property: color, background-color;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); }
  .c-button::before, .c-button::after {
    content: '';
    position: absolute;
    bottom: 2px;
    height: 2px;
    background-color: currentColor;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    transition: -webkit-transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }
  .c-button::before {
    left: 0;
    right: 50%;
    -webkit-transform-origin: bottom left;
            transform-origin: bottom left; }
  .c-button::after {
    right: 0;
    left: 50%;
    -webkit-transform-origin: bottom right;
            transform-origin: bottom right; }
  html:not(.is-touch) .c-button:hover:before,
  html.is-touch--with-mouse .c-button:hover:before {
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  html:not(.is-touch) .c-button:hover:after,
  html.is-touch--with-mouse .c-button:hover:after {
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  .c-button .button__label {
    display: block;
    position: relative;
    z-index: 1; }
  .c-button .button__icon {
    position: relative;
    z-index: 1; }
  .c-button svg {
    fill: currentColor;
    transition: 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition-property: fill; }
    .c-button svg.svg-icons-lang-global g {
      stroke: currentColor; }
  .c-button::before, .c-button::after {
    bottom: 0;
    height: 100%; }
  .c-button[disabled] {
    pointer-events: none;
    opacity: .5; }
  html:not(.is-touch) .c-button:hover,
  html.is-touch--with-mouse .c-button:hover {
    color: #ffffff;
    background-color: #555658; }
  .has--keyboard-focus .c-button:focus {
    color: #ffffff;
    background-color: black; }
  .t-dfe-pharma .c-button {
    border-radius: 10px;
    padding: 0 2.2rem; }

/**
* Button variants
*/
.c-button--primary {
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-decoration: none;
  vertical-align: top;
  margin: 0;
  text-align: center;
  padding: 1.4rem 2.5rem;
  min-height: 5.5rem;
  font-weight: 500;
  border-radius: 28px;
  background-color: #6e6f72;
  color: #ffffff;
  text-align: left;
  transition: 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition-property: color, background-color;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  background-color: #0094d9;
  color: #ffffff; }
  .c-button--primary::before, .c-button--primary::after {
    content: '';
    position: absolute;
    bottom: 2px;
    height: 2px;
    background-color: currentColor;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    transition: -webkit-transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }
  .c-button--primary::before {
    left: 0;
    right: 50%;
    -webkit-transform-origin: bottom left;
            transform-origin: bottom left; }
  .c-button--primary::after {
    right: 0;
    left: 50%;
    -webkit-transform-origin: bottom right;
            transform-origin: bottom right; }
  html:not(.is-touch) .c-button--primary:hover:before,
  html.is-touch--with-mouse .c-button--primary:hover:before {
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  html:not(.is-touch) .c-button--primary:hover:after,
  html.is-touch--with-mouse .c-button--primary:hover:after {
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  .c-button--primary .button__label {
    display: block;
    position: relative;
    z-index: 1; }
  .c-button--primary .button__icon {
    position: relative;
    z-index: 1; }
  .c-button--primary svg {
    fill: currentColor;
    transition: 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition-property: fill; }
    .c-button--primary svg.svg-icons-lang-global g {
      stroke: currentColor; }
  .c-button--primary::before, .c-button--primary::after {
    bottom: 0;
    height: 100%; }
  .c-button--primary[disabled] {
    pointer-events: none;
    opacity: .5; }
  html:not(.is-touch) .c-button--primary:hover,
  html.is-touch--with-mouse .c-button--primary:hover {
    color: #ffffff;
    background-color: #555658; }
  .has--keyboard-focus .c-button--primary:focus {
    color: #ffffff;
    background-color: black; }
  .t-dfe-pharma .c-button--primary {
    border-radius: 10px;
    padding: 0 2.2rem; }
  .c-button--primary::before, .c-button--primary::after {
    background-color: #0083c0; }
  html:not(.is-touch) .c-button--primary:hover,
  html.is-touch--with-mouse .c-button--primary:hover {
    background-color: #0094d9; }
  .has--keyboard-focus .c-button--primary:focus {
    background-color: #004e73; }

.c-button--secondary {
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-decoration: none;
  vertical-align: top;
  margin: 0;
  text-align: center;
  padding: 1.4rem 2.5rem;
  min-height: 5.5rem;
  font-weight: 500;
  border-radius: 28px;
  background-color: #6e6f72;
  color: #ffffff;
  text-align: left;
  transition: 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition-property: color, background-color;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  background-color: #39b54a;
  color: #ffffff; }
  .c-button--secondary::before, .c-button--secondary::after {
    content: '';
    position: absolute;
    bottom: 2px;
    height: 2px;
    background-color: currentColor;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    transition: -webkit-transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }
  .c-button--secondary::before {
    left: 0;
    right: 50%;
    -webkit-transform-origin: bottom left;
            transform-origin: bottom left; }
  .c-button--secondary::after {
    right: 0;
    left: 50%;
    -webkit-transform-origin: bottom right;
            transform-origin: bottom right; }
  html:not(.is-touch) .c-button--secondary:hover:before,
  html.is-touch--with-mouse .c-button--secondary:hover:before {
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  html:not(.is-touch) .c-button--secondary:hover:after,
  html.is-touch--with-mouse .c-button--secondary:hover:after {
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  .c-button--secondary .button__label {
    display: block;
    position: relative;
    z-index: 1; }
  .c-button--secondary .button__icon {
    position: relative;
    z-index: 1; }
  .c-button--secondary svg {
    fill: currentColor;
    transition: 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition-property: fill; }
    .c-button--secondary svg.svg-icons-lang-global g {
      stroke: currentColor; }
  .c-button--secondary::before, .c-button--secondary::after {
    bottom: 0;
    height: 100%; }
  .c-button--secondary[disabled] {
    pointer-events: none;
    opacity: .5; }
  html:not(.is-touch) .c-button--secondary:hover,
  html.is-touch--with-mouse .c-button--secondary:hover {
    color: #ffffff;
    background-color: #555658; }
  .has--keyboard-focus .c-button--secondary:focus {
    color: #ffffff;
    background-color: black; }
  .t-dfe-pharma .c-button--secondary {
    border-radius: 10px;
    padding: 0 2.2rem; }
  .c-button--secondary::before, .c-button--secondary::after {
    background-color: #33a242; }
  html:not(.is-touch) .c-button--secondary:hover,
  html.is-touch--with-mouse .c-button--secondary:hover {
    background-color: #39b54a; }
  .has--keyboard-focus .c-button--secondary:focus {
    background-color: #21672a; }
  .c-button--secondary:hover {
    background-color: #3AB64A; }

.c-button--tertiary {
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-decoration: none;
  vertical-align: top;
  margin: 0;
  text-align: center;
  padding: 1.4rem 2.5rem;
  min-height: 5.5rem;
  font-weight: 500;
  border-radius: 28px;
  background-color: #6e6f72;
  color: #ffffff;
  text-align: left;
  transition: 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition-property: color, background-color;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  background-color: #f7931e;
  color: #ffffff; }
  .c-button--tertiary::before, .c-button--tertiary::after {
    content: '';
    position: absolute;
    bottom: 2px;
    height: 2px;
    background-color: currentColor;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    transition: -webkit-transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }
  .c-button--tertiary::before {
    left: 0;
    right: 50%;
    -webkit-transform-origin: bottom left;
            transform-origin: bottom left; }
  .c-button--tertiary::after {
    right: 0;
    left: 50%;
    -webkit-transform-origin: bottom right;
            transform-origin: bottom right; }
  html:not(.is-touch) .c-button--tertiary:hover:before,
  html.is-touch--with-mouse .c-button--tertiary:hover:before {
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  html:not(.is-touch) .c-button--tertiary:hover:after,
  html.is-touch--with-mouse .c-button--tertiary:hover:after {
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  .c-button--tertiary .button__label {
    display: block;
    position: relative;
    z-index: 1; }
  .c-button--tertiary .button__icon {
    position: relative;
    z-index: 1; }
  .c-button--tertiary svg {
    fill: currentColor;
    transition: 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition-property: fill; }
    .c-button--tertiary svg.svg-icons-lang-global g {
      stroke: currentColor; }
  .c-button--tertiary::before, .c-button--tertiary::after {
    bottom: 0;
    height: 100%; }
  .c-button--tertiary[disabled] {
    pointer-events: none;
    opacity: .5; }
  html:not(.is-touch) .c-button--tertiary:hover,
  html.is-touch--with-mouse .c-button--tertiary:hover {
    color: #ffffff;
    background-color: #555658; }
  .has--keyboard-focus .c-button--tertiary:focus {
    color: #ffffff;
    background-color: black; }
  .t-dfe-pharma .c-button--tertiary {
    border-radius: 10px;
    padding: 0 2.2rem; }
  .c-button--tertiary::before, .c-button--tertiary::after {
    background-color: #f38709; }
  html:not(.is-touch) .c-button--tertiary:hover,
  html.is-touch--with-mouse .c-button--tertiary:hover {
    background-color: #f7931e; }
  .has--keyboard-focus .c-button--tertiary:focus {
    background-color: #a95e06; }

.c-button--light {
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-decoration: none;
  vertical-align: top;
  margin: 0;
  text-align: center;
  padding: 1.4rem 2.5rem;
  min-height: 5.5rem;
  font-weight: 500;
  border-radius: 28px;
  background-color: #6e6f72;
  color: #ffffff;
  text-align: left;
  transition: 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition-property: color, background-color;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  background-color: #ffffff;
  color: #0094d9; }
  .c-button--light::before, .c-button--light::after {
    content: '';
    position: absolute;
    bottom: 2px;
    height: 2px;
    background-color: currentColor;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    transition: -webkit-transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }
  .c-button--light::before {
    left: 0;
    right: 50%;
    -webkit-transform-origin: bottom left;
            transform-origin: bottom left; }
  .c-button--light::after {
    right: 0;
    left: 50%;
    -webkit-transform-origin: bottom right;
            transform-origin: bottom right; }
  html:not(.is-touch) .c-button--light:hover:before,
  html.is-touch--with-mouse .c-button--light:hover:before {
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  html:not(.is-touch) .c-button--light:hover:after,
  html.is-touch--with-mouse .c-button--light:hover:after {
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  .c-button--light .button__label {
    display: block;
    position: relative;
    z-index: 1; }
  .c-button--light .button__icon {
    position: relative;
    z-index: 1; }
  .c-button--light svg {
    fill: currentColor;
    transition: 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition-property: fill; }
    .c-button--light svg.svg-icons-lang-global g {
      stroke: currentColor; }
  .c-button--light::before, .c-button--light::after {
    bottom: 0;
    height: 100%; }
  .c-button--light[disabled] {
    pointer-events: none;
    opacity: .5; }
  html:not(.is-touch) .c-button--light:hover,
  html.is-touch--with-mouse .c-button--light:hover {
    color: #ffffff;
    background-color: #555658; }
  .has--keyboard-focus .c-button--light:focus {
    color: #ffffff;
    background-color: black; }
  .t-dfe-pharma .c-button--light {
    border-radius: 10px;
    padding: 0 2.2rem; }
  .c-button--light::before, .c-button--light::after {
    background-color: #f2f2f2; }
  html:not(.is-touch) .c-button--light:hover,
  html.is-touch--with-mouse .c-button--light:hover {
    color: #0094d9;
    background-color: #ffffff; }
  .has--keyboard-focus .c-button--light:focus {
    background-color: #cccccc; }

.c-button--ghost {
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-decoration: none;
  vertical-align: top;
  margin: 0;
  text-align: center;
  padding: 1.4rem 2.5rem;
  min-height: 5.5rem;
  font-weight: 500;
  border-radius: 28px;
  background-color: #6e6f72;
  color: #ffffff;
  text-align: left;
  transition: 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition-property: color, background-color;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  background: #fff;
  color: #0094d9;
  box-shadow: 0 0 0 2px #0094d9 inset; }
  .c-button--ghost::before, .c-button--ghost::after {
    content: '';
    position: absolute;
    bottom: 2px;
    height: 2px;
    background-color: currentColor;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    transition: -webkit-transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }
  .c-button--ghost::before {
    left: 0;
    right: 50%;
    -webkit-transform-origin: bottom left;
            transform-origin: bottom left; }
  .c-button--ghost::after {
    right: 0;
    left: 50%;
    -webkit-transform-origin: bottom right;
            transform-origin: bottom right; }
  html:not(.is-touch) .c-button--ghost:hover:before,
  html.is-touch--with-mouse .c-button--ghost:hover:before {
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  html:not(.is-touch) .c-button--ghost:hover:after,
  html.is-touch--with-mouse .c-button--ghost:hover:after {
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  .c-button--ghost .button__label {
    display: block;
    position: relative;
    z-index: 1; }
  .c-button--ghost .button__icon {
    position: relative;
    z-index: 1; }
  .c-button--ghost svg {
    fill: currentColor;
    transition: 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition-property: fill; }
    .c-button--ghost svg.svg-icons-lang-global g {
      stroke: currentColor; }
  .c-button--ghost::before, .c-button--ghost::after {
    bottom: 0;
    height: 100%; }
  .c-button--ghost[disabled] {
    pointer-events: none;
    opacity: .5; }
  html:not(.is-touch) .c-button--ghost:hover,
  html.is-touch--with-mouse .c-button--ghost:hover {
    color: #ffffff;
    background-color: #555658; }
  .has--keyboard-focus .c-button--ghost:focus {
    color: #ffffff;
    background-color: black; }
  .t-dfe-pharma .c-button--ghost {
    border-radius: 10px;
    padding: 0 2.2rem; }
  .c-button--ghost::before, .c-button--ghost::after {
    background-color: #0094d9; }
  html:not(.is-touch) .c-button--ghost:hover,
  html.is-touch--with-mouse .c-button--ghost:hover {
    background: transparent;
    color: #ffffff; }
  .has--keyboard-focus .c-button--ghost:focus {
    background-color: #004e73;
    box-shadow: 0 0 0 2px hsl(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l)20%) inset;
    color: #ffffff; }
  .t-dfe-pharma .c-button--ghost {
    color: #39b54a;
    box-shadow: 0 0 0 2px #39b54a inset; }
    .t-dfe-pharma .c-button--ghost::before, .t-dfe-pharma .c-button--ghost::after {
      background-color: #39b54a; }
    .has--keyboard-focus .t-dfe-pharma .c-button--ghost:focus {
      background-color: #21672a;
      box-shadow: 0 0 0 2px hsl(var(--color-secondary-h), var(--color-secondary-s), var(--color-secondary-l)20%) inset;
      color: #ffffff; }

.c-button--ghost-grey {
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-decoration: none;
  vertical-align: top;
  margin: 0;
  text-align: center;
  padding: 1.4rem 2.5rem;
  min-height: 5.5rem;
  font-weight: 500;
  border-radius: 28px;
  background-color: #6e6f72;
  color: #ffffff;
  text-align: left;
  transition: 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition-property: color, background-color;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  background: transparent;
  color: #9c9da2;
  box-shadow: 0 0 0 2px #d3d4d6 inset; }
  .c-button--ghost-grey::before, .c-button--ghost-grey::after {
    content: '';
    position: absolute;
    bottom: 2px;
    height: 2px;
    background-color: currentColor;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    transition: -webkit-transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }
  .c-button--ghost-grey::before {
    left: 0;
    right: 50%;
    -webkit-transform-origin: bottom left;
            transform-origin: bottom left; }
  .c-button--ghost-grey::after {
    right: 0;
    left: 50%;
    -webkit-transform-origin: bottom right;
            transform-origin: bottom right; }
  html:not(.is-touch) .c-button--ghost-grey:hover:before,
  html.is-touch--with-mouse .c-button--ghost-grey:hover:before {
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  html:not(.is-touch) .c-button--ghost-grey:hover:after,
  html.is-touch--with-mouse .c-button--ghost-grey:hover:after {
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  .c-button--ghost-grey .button__label {
    display: block;
    position: relative;
    z-index: 1; }
  .c-button--ghost-grey .button__icon {
    position: relative;
    z-index: 1; }
  .c-button--ghost-grey svg {
    fill: currentColor;
    transition: 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition-property: fill; }
    .c-button--ghost-grey svg.svg-icons-lang-global g {
      stroke: currentColor; }
  .c-button--ghost-grey::before, .c-button--ghost-grey::after {
    bottom: 0;
    height: 100%; }
  .c-button--ghost-grey[disabled] {
    pointer-events: none;
    opacity: .5; }
  html:not(.is-touch) .c-button--ghost-grey:hover,
  html.is-touch--with-mouse .c-button--ghost-grey:hover {
    color: #ffffff;
    background-color: #555658; }
  .has--keyboard-focus .c-button--ghost-grey:focus {
    color: #ffffff;
    background-color: black; }
  .t-dfe-pharma .c-button--ghost-grey {
    border-radius: 10px;
    padding: 0 2.2rem; }
  .c-button--ghost-grey::before, .c-button--ghost-grey::after {
    background-color: #c6c7ca; }
  html:not(.is-touch) .c-button--ghost-grey:hover,
  html.is-touch--with-mouse .c-button--ghost-grey:hover {
    background: transparent;
    color: #ffffff; }
  .has--keyboard-focus .c-button--ghost-grey:focus {
    background-color: #696a6f;
    box-shadow: 0 0 0 2px #696a6f inset;
    color: #ffffff; }

.c-button--ghost-white {
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-decoration: none;
  vertical-align: top;
  margin: 0;
  text-align: center;
  padding: 1.4rem 2.5rem;
  min-height: 5.5rem;
  font-weight: 500;
  border-radius: 28px;
  background-color: #6e6f72;
  color: #ffffff;
  text-align: left;
  transition: 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition-property: color, background-color;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  background: transparent;
  color: #ffffff;
  box-shadow: 0 0 0 2px #ffffff inset; }
  .c-button--ghost-white::before, .c-button--ghost-white::after {
    content: '';
    position: absolute;
    bottom: 2px;
    height: 2px;
    background-color: currentColor;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    transition: -webkit-transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }
  .c-button--ghost-white::before {
    left: 0;
    right: 50%;
    -webkit-transform-origin: bottom left;
            transform-origin: bottom left; }
  .c-button--ghost-white::after {
    right: 0;
    left: 50%;
    -webkit-transform-origin: bottom right;
            transform-origin: bottom right; }
  html:not(.is-touch) .c-button--ghost-white:hover:before,
  html.is-touch--with-mouse .c-button--ghost-white:hover:before {
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  html:not(.is-touch) .c-button--ghost-white:hover:after,
  html.is-touch--with-mouse .c-button--ghost-white:hover:after {
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  .c-button--ghost-white .button__label {
    display: block;
    position: relative;
    z-index: 1; }
  .c-button--ghost-white .button__icon {
    position: relative;
    z-index: 1; }
  .c-button--ghost-white svg {
    fill: currentColor;
    transition: 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition-property: fill; }
    .c-button--ghost-white svg.svg-icons-lang-global g {
      stroke: currentColor; }
  .c-button--ghost-white::before, .c-button--ghost-white::after {
    bottom: 0;
    height: 100%; }
  .c-button--ghost-white[disabled] {
    pointer-events: none;
    opacity: .5; }
  html:not(.is-touch) .c-button--ghost-white:hover,
  html.is-touch--with-mouse .c-button--ghost-white:hover {
    color: #ffffff;
    background-color: #555658; }
  .has--keyboard-focus .c-button--ghost-white:focus {
    color: #ffffff;
    background-color: black; }
  .t-dfe-pharma .c-button--ghost-white {
    border-radius: 10px;
    padding: 0 2.2rem; }
  .c-button--ghost-white::before, .c-button--ghost-white::after {
    background-color: #ffffff; }
  html:not(.is-touch) .c-button--ghost-white:hover,
  html.is-touch--with-mouse .c-button--ghost-white:hover {
    background: transparent;
    color: #0094d9; }
  .has--keyboard-focus .c-button--ghost-white:focus {
    background-color: #696a6f;
    box-shadow: 0 0 0 2px #696a6f inset;
    color: #ffffff; }

/**
* Button icon modifier
*/
.button--icon {
  position: relative;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
          align-items: center; }
  .button--icon .button__label {
    margin-right: 1.5rem; }
  .button--icon .button__icon {
    display: block;
    line-height: 0;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    transition: 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform; }
  html:not(.is-touch) .button--icon:hover .button__icon,
  html.is-touch--with-mouse .button--icon:hover .button__icon {
    -webkit-transform: translateX(0.5rem);
            transform: translateX(0.5rem); }
  html:not(.is-touch) .button--icon:hover.button--left .button__icon,
  html.is-touch--with-mouse .button--icon:hover.button--left .button__icon {
    -webkit-transform: translateX(-0.5rem);
            transform: translateX(-0.5rem); }

/**
* Button sizes
*/
.button--large {
  padding: 2.1rem 3rem;
  border-radius: 35px;
  min-height: 7rem; }
  .button--large.c-button--secondary {
    padding: 2.1rem 7rem; }

/**
* Button positions
*/
.button--left .button__label {
  -webkit-order: 2;
          order: 2; }

.button--left .button__icon {
  -webkit-order: 1;
          order: 1; }

.button--left.button--icon .button__label {
  margin-left: 1.5rem;
  margin-right: 0; }

.c-card {
  border-bottom: 1px solid #d3d4d6;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem; }
  @media only screen and (max-width: 47.96875em) {
    .c-card {
      position: relative; } }
  .c-card:last-child {
    border-bottom: 0; }

@media only screen and (max-width: 47.96875em) {
  .card__content {
    width: 50%;
    margin-right: 5%; } }

@media only screen and (min-width: 48em) {
  .card__content {
    width: 74%;
    margin-right: 5%; } }

.card-date {
  padding-bottom: 10px; }
  @media only screen and (max-width: 47.96875em) {
    .card-date {
      font-size: 14px; } }

.card__title {
  padding-bottom: 10px; }
  @media only screen and (max-width: 47.96875em) {
    .card__title {
      font-size: 1.6rem; } }

.card__description {
  max-width: 65rem;
  margin-bottom: 30px; }
  @media only screen and (max-width: 47.96875em) {
    .card__description {
      display: none; } }

@media only screen and (max-width: 47.96875em) {
  .card__arrow-link {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2; }
    .card__arrow-link .arrow-link__icon {
      position: absolute;
      top: 50%;
      margin-top: -12px;
      right: 0; }
    .card__arrow-link .arrow-link__label {
      display: none; } }

.card__image {
  width: 21%; }
  @media only screen and (max-width: 47.96875em) {
    .card__image {
      width: 35%;
      -webkit-align-items: center;
              align-items: center;
      display: -webkit-flex;
      display: flex;
      height: 100%; } }

@media only screen and (max-width: 47.96875em) {
  .card-has--link-list .card__content {
    width: auto; } }

@media only screen and (max-width: 47.96875em) {
  .card-has--link-list .card__title {
    margin-bottom: 20px; } }

@media only screen and (max-width: 47.96875em) {
  .card-has--link-list .card__link {
    display: block; }
  .card-has--link-list .card__image,
  .card-has--link-list .card__link--on-mobile {
    display: none;
    z-index: -1; } }

.card-has--link-list .card__link-item-wrapper {
  list-style: none;
  width: 100%;
  margin: 0 2rem; }
  .card-has--link-list .card__link-item-wrapper .card__link {
    -webkit-align-items: flex-start;
            align-items: flex-start; }
  .card-has--link-list .card__link-item-wrapper:not(:last-child) {
    padding-bottom: 1.5rem; }
  @media only screen and (min-width: 64em) {
    .card-has--link-list .card__link-item-wrapper {
      width: calc(50% - 4rem); } }
  @media only screen and (min-width: 100em) {
    .card-has--link-list .card__link-item-wrapper {
      width: calc(33% - 4rem); } }

.card-has--link-list .card__link-list {
  width: 100%;
  margin: 0 -2rem; }
  @media only screen and (min-width: 48em) {
    .card-has--link-list .card__link-list {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
              flex-wrap: wrap; } }

.our-brands-card__wrapper .carousel__controls {
  position: relative;
  bottom: 0; }

.our-brands-card__wrapper .c-carousel.carousel--has-controls {
  padding-bottom: 0; }

.card-overview__title {
  padding-bottom: 35px; }
  @media screen and (min-width: 480px) {
    .card-overview__title {
      padding-bottom: calc(35px + 5 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .card-overview__title {
      padding-bottom: 40px; } }

.c-carousel {
  position: relative; }
  @media only screen and (max-width: 63.96875em) {
    .c-carousel.carousel--has-controls {
      padding-bottom: 10rem; } }
  @media only screen and (min-width: 64em) {
    .c-carousel.carousel--has-controls {
      padding-bottom: 4rem; } }
  @media only screen and (max-width: 47.96875em) {
    .c-carousel.carousel--has-dots {
      padding-top: 8rem; } }

.carousel__wrapper {
  opacity: 0;
  transition: opacity 500ms; }
  .carousel__wrapper.carousel--is-loaded {
    opacity: 1; }

.carousel__controls {
  width: 100%;
  position: absolute;
  margin-top: 30px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
          justify-content: flex-end; }
  @media screen and (min-width: 480px) {
    .carousel__controls {
      margin-top: calc(30px + 20 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .carousel__controls {
      margin-top: 50px; } }
  @media only screen and (max-width: 63.96875em) {
    .carousel__controls {
      bottom: 0; } }
  @media only screen and (min-width: 64em) {
    .carousel__controls {
      bottom: -7.5rem; } }

.carousel__controls-button {
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  width: 7.5rem;
  height: 7.5rem;
  border-radius: 50%;
  background-color: #ffffff;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15);
  margin-left: 1rem;
  transition: box-shadow 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  @media only screen and (max-width: 63.96875em) {
    .carousel__controls-button {
      margin-left: 1.5rem; } }
  @media only screen and (min-width: 64em) {
    .carousel__controls-button {
      margin-left: 3rem; } }
  .carousel__controls-button::before, .carousel__controls-button::after {
    display: none; }
  .carousel__controls-button:disabled {
    opacity: .4; }
  html:not(.is-touch) .carousel__controls-button:not(:disabled):hover,
  html.is-touch--with-mouse .carousel__controls-button:not(:disabled):hover {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.1); }
    html:not(.is-touch) .carousel__controls-button:not(:disabled):hover svg,
    html.is-touch--with-mouse .carousel__controls-button:not(:disabled):hover svg {
      -webkit-transform: scale(1.4);
              transform: scale(1.4); }
  .carousel__controls-button svg {
    display: block;
    fill: #0094d9;
    width: 8px;
    height: 14px;
    transition: -webkit-transform 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }

html[dir='rtl'] .carousel__controls-button svg {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }

html[dir='rtl'] .carousel__controls-button:not(:disabled):hover svg {
  -webkit-transform: rotate(180deg) scale(1.1);
          transform: rotate(180deg) scale(1.1); }

.carousel__dots {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; }
  @media only screen and (max-width: 47.96875em) {
    .carousel__dots {
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: space-between;
              justify-content: space-between; } }
  @media only screen and (min-width: 48em) {
    .carousel__dots {
      top: 3rem;
      left: 3rem;
      width: 20.83333%; } }
  @media only screen and (min-width: 64em) {
    .carousel__dots {
      top: 6rem;
      left: 6rem; } }

.carousel__dots-button {
  -webkit-flex: 1;
          flex: 1;
  position: static;
  text-align: left; }
  @media only screen and (max-width: 47.96875em) {
    .carousel__dots-button {
      padding-top: 4rem; } }
  @media only screen and (min-width: 48em) {
    .carousel__dots-button {
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
              align-items: center;
      margin-bottom: 3rem;
      min-height: 4rem; } }
  .carousel__dots-button::before, .carousel__dots-button::after {
    display: none; }
  .carousel__dots-button:last-child {
    -webkit-flex: 0;
            flex: 0; }
    .carousel__dots-button:last-child .carousel__dots-button-icon:after {
      display: none; }
  html:not(.is-touch) .carousel__dots-button:not(.tns-nav-active):hover .carousel__dots-button-icon::before,
  html.is-touch--with-mouse .carousel__dots-button:not(.tns-nav-active):hover .carousel__dots-button-icon::before {
    -webkit-transform: scale(1.15);
            transform: scale(1.15);
    box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.1); }
  .carousel__dots-button.tns-nav-active {
    cursor: pointer; }

.carousel__dots-button-icon {
  display: block;
  position: relative; }
  .carousel__dots-button-icon::before {
    content: '';
    display: block;
    border: 2px solid #ffffff;
    background-color: #0094d9;
    border-radius: 50%;
    transition: background-color 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: background-color 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: background-color 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    @media only screen and (max-width: 47.96875em) {
      .carousel__dots-button-icon::before {
        width: 1.6rem;
        height: 1.6rem; } }
    @media only screen and (min-width: 48em) {
      .carousel__dots-button-icon::before {
        width: 3.2rem;
        height: 3.2rem; } }
    .tns-nav-active .carousel__dots-button-icon::before {
      background-color: #ffffff;
      box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15); }
  .carousel__dots-button-icon::after {
    content: '';
    display: block;
    position: absolute;
    background-color: #ffffff; }
    @media only screen and (max-width: 47.96875em) {
      .carousel__dots-button-icon::after {
        bottom: 7px;
        left: 15px;
        width: calc(100% - 15px);
        height: 2px; } }
    @media only screen and (min-width: 48em) {
      .carousel__dots-button-icon::after {
        top: 32px;
        left: 15px;
        width: 2px;
        height: 5rem; } }

.carousel__dots-button-label {
  color: #ffffff;
  font-weight: 500;
  display: block; }
  @media only screen and (max-width: 47.96875em) {
    .carousel__dots-button-label {
      font-size: 2.4rem;
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0;
      transition: opacity 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
      .tns-nav-active .carousel__dots-button-label {
        opacity: 1; } }
  @media only screen and (min-width: 48em) {
    .carousel__dots-button-label {
      font-size: 2rem;
      line-height: 1.3;
      margin-left: 3rem; } }

.tns-outer [hidden] {
  display: none !important; }

.tns-outer [aria-controls],
.tns-outer [data-action] {
  cursor: pointer; }

.tns-slider {
  transition: 0s; }

.tns-slider > .tns-item {
  box-sizing: border-box; }

.tns-horizontal.tns-subpixel {
  white-space: nowrap; }

.tns-horizontal.tns-subpixel > .tns-item {
  display: inline-block;
  vertical-align: top;
  white-space: normal; }

.tns-horizontal.tns-no-subpixel:after {
  content: '';
  display: table;
  clear: both; }

.tns-horizontal.tns-no-subpixel > .tns-item {
  float: left; }

.tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item {
  margin-right: -100%; }

.tns-no-calc {
  position: relative;
  left: 0; }

.tns-gallery {
  position: relative;
  left: 0;
  min-height: 1px; }

.tns-gallery > .tns-item {
  position: absolute;
  left: -100%;
  transition: opacity 0s, -webkit-transform 0s;
  transition: transform 0s, opacity 0s;
  transition: transform 0s, opacity 0s, -webkit-transform 0s; }

.tns-gallery > .tns-slide-active {
  position: relative;
  left: auto !important; }

.tns-gallery > .tns-moving {
  transition: 0.25s; }

.tns-autowidth {
  display: inline-block; }

.tns-lazy-img {
  transition: opacity 0.6s;
  opacity: 0.6; }

.tns-lazy-img.tns-complete {
  opacity: 1; }

.tns-ah {
  transition: height 0s; }

.tns-visually-hidden {
  position: absolute;
  left: -10000em; }

.tns-transparent {
  opacity: 0;
  visibility: hidden; }

.tns-fadeIn {
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 0; }

.tns-normal,
.tns-fadeOut {
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: -1; }

.tns-vpfix {
  white-space: nowrap; }

.tns-vpfix > div,
.tns-vpfix > li {
  display: inline-block; }

.tns-t-subp2 {
  margin: 0 auto;
  width: 310px;
  position: relative;
  height: 10px;
  overflow: hidden; }

.tns-t-ct {
  width: calc(100% * 70 / 3);
  position: absolute;
  right: 0; }

.tns-t-ct:after {
  content: '';
  display: table;
  clear: both; }

.tns-t-ct > div {
  width: calc(100% / 70);
  height: 10px;
  float: left; }

.tns-nav {
  display: none; }

.contact-block__image {
  position: relative;
  z-index: 2;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  transition: opacity 350ms 200ms, -webkit-transform 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 200ms;
  transition: transform 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 200ms, opacity 350ms 200ms;
  transition: transform 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 200ms, opacity 350ms 200ms, -webkit-transform 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 200ms; }
  .is--out-view .contact-block__image {
    opacity: 0;
    -webkit-transform: translate3d(0, 5rem, 0);
            transform: translate3d(0, 5rem, 0); }
  @media only screen and (max-width: 47.96875em) {
    .contact-block__image {
      margin-left: 10%;
      margin-right: 10%;
      -webkit-transform: translate3d(0, 15rem, 0);
              transform: translate3d(0, 15rem, 0);
      margin-top: -15rem; } }
  @media only screen and (min-width: 48em) {
    .contact-block__image {
      width: calc(50% - 2rem);
      position: absolute;
      top: 0;
      left: calc(-25% + 1rem); } }

.contact-block__wrapper {
  position: relative; }
  @media only screen and (min-width: 48em) {
    .contact-block__wrapper {
      padding-left: 37.5%;
      margin-top: 4rem; } }
  @media only screen and (min-width: 64em) {
    .contact-block__wrapper {
      margin-top: 6rem; } }

.contact-block__content {
  position: relative;
  z-index: 2; }
  @media only screen and (max-width: 47.96875em) {
    .contact-block__content {
      padding-left: 10%;
      padding-right: 10%; } }
  @media only screen and (max-width: 47.96875em) {
    .contact-block__content {
      padding-top: 19rem;
      padding-bottom: 5rem; } }
  @media only screen and (min-width: 48em) {
    .contact-block__content {
      padding-top: 40px;
      padding-bottom: 40px;
      min-height: 200px; } }
  @media only screen and (min-width: 48em) and (min-width: 480px) {
    .contact-block__content {
      padding-top: calc(40px + 60 * (100vw - 480px) / 760); } }
  @media only screen and (min-width: 48em) and (min-width: 1240px) {
    .contact-block__content {
      padding-top: 100px; } }
  @media only screen and (min-width: 48em) and (min-width: 480px) {
    .contact-block__content {
      padding-bottom: calc(40px + 60 * (100vw - 480px) / 760); } }
  @media only screen and (min-width: 48em) and (min-width: 1240px) {
    .contact-block__content {
      padding-bottom: 100px; } }
  @media only screen and (min-width: 48em) and (min-width: 480px) {
    .contact-block__content {
      min-height: calc(200px + 260 * (100vw - 480px) / 760); } }
  @media only screen and (min-width: 48em) and (min-width: 1240px) {
    .contact-block__content {
      min-height: 460px; } }

.contact-block__title {
  margin-bottom: 1rem; }
  @media only screen and (max-width: 47.96875em) {
    .contact-block__title {
      font-size: 3.6rem; } }

.contact-block__description {
  margin-bottom: 2.5rem; }

.contact-block__name {
  margin-bottom: 4rem; }
  .contact-block__name.u-h4 {
    font-weight: 400; }

.contact-block__link:not(:last-child) {
  margin-bottom: 1rem; }

.t-dfe-pharma .c-contact-block .contact-block__wrapper {
  border-radius: 1rem; }
  @media only screen and (max-width: 47.96875em) {
    .t-dfe-pharma .c-contact-block .contact-block__wrapper {
      border-radius: 0; } }

.t-dfe-pharma .c-contact-block .contact-block__name,
.t-dfe-pharma .c-contact-block .contact-block__link {
  font-weight: 300; }

.c-cookie-bar {
  position: fixed;
  z-index: 99;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #ffffff;
  color: #ffffff;
  visibility: hidden;
  -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
  transition: 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955), 0ms 400ms;
  transition-property: visibility, -webkit-transform;
  transition-property: transform, visibility;
  transition-property: transform, visibility, -webkit-transform;
  box-shadow: 0 -7px 18px 1px rgba(110, 111, 114, 0.2); }
  @media only screen and (max-width: 63.96875em) {
    .c-cookie-bar {
      overflow-y: scroll;
      height: 100%;
      padding-top: 100px; } }
  @media only screen and (min-width: 64em) {
    .c-cookie-bar {
      padding: 50px 0; } }
  .c-cookie-bar.cookie-bar--is-visible {
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    transition: 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955), 0ms; }

.cookie-bar__title {
  margin-bottom: 30px; }

.cookie-bar__content {
  -webkit-align-items: center;
          align-items: center;
  margin-right: 10px;
  color: #6e6f72; }

.cookie-bar__actions {
  margin-left: auto;
  margin-right: auto;
  text-align: center; }

.cookie-bar__button-holder {
  margin-top: 4rem;
  margin-left: auto;
  text-align: center;
  width: 100%; }
  @media only screen and (max-width: 63.96875em) {
    .cookie-bar__button-holder {
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
              align-items: center; } }

.cookie-bar__button {
  margin-bottom: 2rem;
  min-width: 150px;
  text-align: center; }
  @media only screen and (max-width: 63.96875em) {
    .cookie-bar__button:first-child {
      margin-right: 2rem; } }

.cookie-policy__title {
  margin-bottom: 30px; }
  @media screen and (min-width: 480px) {
    .cookie-policy__title {
      margin-bottom: calc(30px + -30 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .cookie-policy__title {
      margin-bottom: 0px; } }

.cookie-policy__button {
  margin-left: 50px; }
  @media screen and (min-width: 480px) {
    .cookie-policy__button {
      margin-left: calc(50px + -50 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .cookie-policy__button {
      margin-left: 0px; } }

.cta-block__wrapper {
  padding-top: 25px;
  padding-bottom: 25px; }
  @media screen and (min-width: 480px) {
    .cta-block__wrapper {
      padding-top: calc(25px + 50 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .cta-block__wrapper {
      padding-top: 75px; } }
  @media screen and (min-width: 480px) {
    .cta-block__wrapper {
      padding-bottom: calc(25px + 50 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .cta-block__wrapper {
      padding-bottom: 75px; } }

@media only screen and (max-width: 47.96875em) {
  .cta-block__title {
    margin-bottom: 2rem; } }

.cta-block__button-wrapper {
  display: block;
  text-align: right; }
  @media only screen and (min-width: 48em) {
    .cta-block__button-wrapper {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: row-reverse;
              flex-direction: row-reverse;
      -webkit-align-self: flex-end;
              align-self: flex-end; } }

.c-culture-quiz-button {
  margin-top: -7rem;
  z-index: 5; }
  .c-culture-quiz-button .o-container {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
            justify-content: flex-end; }

.culture-quiz-button__button {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  border-radius: 50%;
  transition: -webkit-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  @media only screen and (max-width: 47.96875em) {
    .culture-quiz-button__button {
      width: 12rem;
      height: 12rem; } }
  @media only screen and (min-width: 48em) {
    .culture-quiz-button__button {
      width: 14rem;
      height: 14rem; } }
  @media only screen and (min-width: 77.5em) {
    .culture-quiz-button__button {
      margin-right: -6rem; } }
  .culture-quiz-button__button::before, .culture-quiz-button__button::after {
    display: none; }
  html:not(.is-touch) .culture-quiz-button__button:hover,
  html.is-touch--with-mouse .culture-quiz-button__button:hover {
    -webkit-transform: scale(1.15) rotate(12deg);
            transform: scale(1.15) rotate(12deg); }

.culture-quiz-button__button-icon {
  margin-top: -1rem;
  margin-bottom: 1rem; }
  .culture-quiz-button__button-icon svg {
    fill: #ffffff; }

.culture-quiz-button__button-label {
  font-weight: 500;
  line-height: 1.2;
  color: #ffffff;
  letter-spacing: -.5px;
  display: block;
  width: 100%; }
  @media only screen and (max-width: 47.96875em) {
    .culture-quiz-button__button-label {
      font-size: 1.4rem; } }

.c-discipline-card {
  position: relative;
  margin-bottom: 2rem;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  background-color: #ffffff;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px; }
  @media screen and (min-width: 480px) {
    .c-discipline-card {
      padding-top: calc(20px + 10 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .c-discipline-card {
      padding-top: 30px; } }
  @media screen and (min-width: 480px) {
    .c-discipline-card {
      padding-bottom: calc(20px + 10 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .c-discipline-card {
      padding-bottom: 30px; } }
  @media screen and (min-width: 480px) {
    .c-discipline-card {
      padding-left: calc(20px + 20 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .c-discipline-card {
      padding-left: 40px; } }
  @media screen and (min-width: 480px) {
    .c-discipline-card {
      padding-right: calc(20px + 20 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .c-discipline-card {
      padding-right: 40px; } }

.discipline-card__content {
  position: relative;
  z-index: 2;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  height: 100%; }
  @media only screen and (min-width: 48em) {
    .discipline-card__content {
      padding-right: calc(40% - 2rem); } }

.discipline-card__title {
  margin-bottom: 2rem; }

.discipline-card__list {
  margin-bottom: 2rem; }

.discipline-card__button-wrapper {
  margin-top: auto; }

.discipline-card__image {
  overflow: hidden;
  width: 40%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0; }
  .discipline-card__image::after {
    content: '';
    display: block;
    position: absolute;
    border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
    right: 80%;
    width: 100%;
    padding-bottom: 80%;
    background-color: #ffffff;
    -webkit-transform-origin: right center;
            transform-origin: right center;
    top: 40%;
    -webkit-transform: rotate(2deg) scale(2.5);
            transform: rotate(2deg) scale(2.5); }
    @media only screen and (min-width: 64em) {
      .discipline-card__image::after {
        top: 39%;
        width: 40%;
        -webkit-transform: rotate(2deg) scale(3.1);
                transform: rotate(2deg) scale(3.1); } }

.c-discipline-overview {
  position: relative; }
  .c-discipline-overview::before {
    position: absolute;
    top: -40px;
    content: '';
    display: none;
    width: 100%;
    height: 40px;
    z-index: -1;
    background-color: #ecf4f8; }
    @media screen and (min-width: 480px) {
      .c-discipline-overview::before {
        top: calc(-40px + -60 * (100vw - 480px) / 760); } }
    @media screen and (min-width: 1240px) {
      .c-discipline-overview::before {
        top: -100px; } }
    @media screen and (min-width: 480px) {
      .c-discipline-overview::before {
        height: calc(40px + 60 * (100vw - 480px) / 760); } }
    @media screen and (min-width: 1240px) {
      .c-discipline-overview::before {
        height: 100px; } }
  .c-timeline + .c-discipline-overview {
    margin-top: 0; }
    .c-timeline + .c-discipline-overview::before {
      display: block; }
  .c-page-header + .c-discipline-overview {
    margin-top: 0; }
    @media only screen and (max-width: 47.96875em) {
      .c-page-header + .c-discipline-overview {
        margin-top: -6rem; } }
    .c-page-header + .c-discipline-overview::before {
      display: block; }
  .c-page-header.page-header--has-search + .c-discipline-overview {
    margin-top: 30px; }
    @media screen and (min-width: 480px) {
      .c-page-header.page-header--has-search + .c-discipline-overview {
        margin-top: calc(30px + 20 * (100vw - 480px) / 760); } }
    @media screen and (min-width: 1240px) {
      .c-page-header.page-header--has-search + .c-discipline-overview {
        margin-top: 50px; } }
  @media only screen and (min-width: 64em) {
    .c-discipline-overview .c-discipline-card {
      width: calc(50% - 4rem);
      margin-left: 2rem;
      margin-right: 2rem; } }

.discipline-overview__title {
  margin-bottom: 25px; }
  @media screen and (min-width: 480px) {
    .discipline-overview__title {
      margin-bottom: calc(25px + 10 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .discipline-overview__title {
      margin-bottom: 35px; } }

.discipline-overview__card-list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap; }
  @media only screen and (min-width: 48em) {
    .discipline-overview__card-list {
      margin-left: -1rem;
      margin-right: -1rem; } }
  @media only screen and (min-width: 64em) {
    .discipline-overview__card-list {
      margin-left: -2rem;
      margin-right: -2rem; } }

.c-dot {
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-decoration: none;
  vertical-align: top;
  margin: 0;
  text-align: center;
  font-weight: 100;
  border-radius: 50px;
  transition: 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition-property: color, background-color, -webkit-transform;
  transition-property: color, background-color, transform;
  transition-property: color, background-color, transform, -webkit-transform;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  padding: 0;
  width: 15px;
  height: 15px;
  line-height: 15px; }
  .c-dot::before, .c-dot::after {
    content: '';
    position: absolute;
    bottom: 2px;
    height: 2px;
    background-color: currentColor;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    transition: -webkit-transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }
  .c-dot::before {
    left: 0;
    right: 50%;
    -webkit-transform-origin: bottom left;
            transform-origin: bottom left; }
  .c-dot::after {
    right: 0;
    left: 50%;
    -webkit-transform-origin: bottom right;
            transform-origin: bottom right; }
  html:not(.is-touch) .c-dot:hover:before,
  html.is-touch--with-mouse .c-dot:hover:before {
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  html:not(.is-touch) .c-dot:hover:after,
  html.is-touch--with-mouse .c-dot:hover:after {
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  @media screen and (min-width: 480px) {
    .c-dot {
      width: calc(15px + 15 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .c-dot {
      width: 30px; } }
  @media screen and (min-width: 480px) {
    .c-dot {
      height: calc(15px + 15 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .c-dot {
      height: 30px; } }
  @media screen and (min-width: 480px) {
    .c-dot {
      line-height: calc(15px + 15 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .c-dot {
      line-height: 30px; } }
  .c-dot .dot__label {
    display: block;
    position: relative;
    z-index: 1;
    font-size: 16px;
    font-weight: 500; }
  .c-dot::before {
    position: absolute;
    border-radius: 100%;
    background: #0094d9;
    -webkit-transform-origin: center;
            transform-origin: center;
    content: ''; }
  .c-dot::after {
    display: none; }
  html:not(.is-touch) .c-dot:hover,
  html.is-touch--with-mouse .c-dot:hover {
    color: #ffffff;
    background-color: #555658;
    -webkit-transform: scale(1.2);
            transform: scale(1.2); }
  .has--keyboard-focus .c-dot:focus {
    color: #ffffff;
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    background-color: black; }

.c-dot--primary {
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-decoration: none;
  vertical-align: top;
  margin: 0;
  text-align: center;
  font-weight: 100;
  border-radius: 50px;
  transition: 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition-property: color, background-color, -webkit-transform;
  transition-property: color, background-color, transform;
  transition-property: color, background-color, transform, -webkit-transform;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  padding: 0;
  width: 15px;
  height: 15px;
  line-height: 15px;
  background-color: #0094d9;
  color: #ffffff; }
  .c-dot--primary::before, .c-dot--primary::after {
    content: '';
    position: absolute;
    bottom: 2px;
    height: 2px;
    background-color: currentColor;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    transition: -webkit-transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }
  .c-dot--primary::before {
    left: 0;
    right: 50%;
    -webkit-transform-origin: bottom left;
            transform-origin: bottom left; }
  .c-dot--primary::after {
    right: 0;
    left: 50%;
    -webkit-transform-origin: bottom right;
            transform-origin: bottom right; }
  html:not(.is-touch) .c-dot--primary:hover:before,
  html.is-touch--with-mouse .c-dot--primary:hover:before {
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  html:not(.is-touch) .c-dot--primary:hover:after,
  html.is-touch--with-mouse .c-dot--primary:hover:after {
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  @media screen and (min-width: 480px) {
    .c-dot--primary {
      width: calc(15px + 15 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .c-dot--primary {
      width: 30px; } }
  @media screen and (min-width: 480px) {
    .c-dot--primary {
      height: calc(15px + 15 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .c-dot--primary {
      height: 30px; } }
  @media screen and (min-width: 480px) {
    .c-dot--primary {
      line-height: calc(15px + 15 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .c-dot--primary {
      line-height: 30px; } }
  .c-dot--primary .dot__label {
    display: block;
    position: relative;
    z-index: 1;
    font-size: 16px;
    font-weight: 500; }
  .c-dot--primary::before {
    position: absolute;
    border-radius: 100%;
    background: #0094d9;
    -webkit-transform-origin: center;
            transform-origin: center;
    content: ''; }
  .c-dot--primary::after {
    display: none; }
  html:not(.is-touch) .c-dot--primary:hover,
  html.is-touch--with-mouse .c-dot--primary:hover {
    color: #ffffff;
    background-color: #555658;
    -webkit-transform: scale(1.2);
            transform: scale(1.2); }
  .has--keyboard-focus .c-dot--primary:focus {
    color: #ffffff;
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    background-color: black; }
  html:not(.is-touch) .c-dot--primary:hover,
  html.is-touch--with-mouse .c-dot--primary:hover {
    background-color: #0094d9; }
  .has--keyboard-focus .c-dot--primary:focus {
    background-color: #004e73; }

.c-error {
  position: relative; }

@media only screen and (min-width: 48em) {
  .error__content {
    -webkit-order: 2;
            order: 2; } }

.error__title {
  margin-bottom: 30px; }
  @media screen and (min-width: 480px) {
    .error__title {
      margin-bottom: calc(30px + 10 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .error__title {
      margin-bottom: 40px; } }

.error__message-text {
  margin-bottom: 40px;
  max-width: 385px; }
  @media screen and (min-width: 480px) {
    .error__message-text {
      margin-bottom: calc(40px + -10 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .error__message-text {
      margin-bottom: 30px; } }

.error__links-intro {
  margin-bottom: 20px; }

.error__link {
  margin-bottom: 10px; }

.error__button-wrapper {
  padding-bottom: 30px; }
  @media screen and (min-width: 480px) {
    .error__button-wrapper {
      padding-bottom: calc(30px + -30 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .error__button-wrapper {
      padding-bottom: 0px; } }

@media only screen and (max-width: 47.96875em) {
  .error__image-wrapper {
    margin-top: 4rem; } }

@media only screen and (min-width: 48em) {
  .error__image-wrapper {
    -webkit-order: 1;
            order: 1; } }

.error__image {
  overflow: hidden;
  border-top-left-radius: 1rem;
  height: 110%;
  border-bottom-left-radius: 75px;
  box-shadow: 0 70px 50px -50px rgba(110, 111, 114, 0.5); }
  @media screen and (min-width: 480px) {
    .error__image {
      border-bottom-left-radius: calc(75px + 45 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .error__image {
      border-bottom-left-radius: 120px; } }
  @media only screen and (max-width: 47.96875em) {
    .error__image {
      margin-bottom: -6.5rem;
      width: calc(100% + 3rem);
      margin-right: -2rem; } }
  @media only screen and (min-width: 48em) {
    .error__image {
      position: absolute;
      top: 5rem;
      right: -3rem;
      width: calc(33.33% + 3rem); } }
  @media only screen and (min-width: 77.5em) {
    .error__image {
      right: calc((100vw - 1200px) / -2);
      width: calc((100vw - 1200px) / 2 + 33.33%); } }

.error__links {
  padding-top: 20px; }
  @media only screen and (min-width: 48em) {
    .error__links {
      -webkit-order: 3;
              order: 3;
      padding-top: 0; } }

@media only screen and (min-width: 48em) {
  .error__links-wrapper {
    margin-top: 3rem; } }

.filter-dropdown-wrapper {
  width: 100%; }
  @media only screen and (min-width: 64em) {
    .filter-dropdown-wrapper {
      max-width: 200px; } }
  .filter-dropdown-wrapper .select__label {
    position: absolute;
    left: 2.5rem;
    top: .3rem;
    font-size: 12px; }
  .filter-dropdown-wrapper .select__input {
    font-weight: 500;
    padding-top: 1.8rem;
    padding-bottom: .5rem;
    min-height: 5.5rem;
    box-shadow: 0 0 0 2px #d3d4d6 inset;
    color: #000000; }

.filter-dropdown--no-label .select__input {
  padding-top: 0;
  padding-bottom: 0;
  line-height: normal; }

.footer__title {
  font-size: 2rem; }
  @media only screen and (max-width: 47.96875em) {
    .footer__title {
      border-top: 1px solid #d3d4d6;
      padding-top: 1.5rem;
      padding-bottom: 1.5rem;
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: space-between;
              justify-content: space-between;
      -webkit-align-items: center;
              align-items: center;
      height: 5rem;
      cursor: pointer;
      transition: color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
      html:not(.is-touch) .footer__title:hover,
      html.is-touch--with-mouse .footer__title:hover {
        color: #0094d9; }
      .footer__title svg {
        fill: #0094d9;
        transition: -webkit-transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
        transition: transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
        transition: transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }
      .footer__title.toggle--is-active svg {
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg); } }
  @media only screen and (min-width: 48em) {
    .footer__title {
      margin-bottom: 2rem; }
      .footer__title svg {
        display: none; } }

.footer__list {
  list-style-type: none; }

.footer__arrow-link {
  margin-top: 1rem; }

.footer__top {
  padding-bottom: 20px; }
  @media screen and (min-width: 480px) {
    .footer__top {
      padding-bottom: calc(20px + 60 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .footer__top {
      padding-bottom: 80px; } }
  @media only screen and (max-width: 47.96875em) {
    .footer__top .footer__list {
      max-height: 0;
      overflow: hidden;
      transition: max-height 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }
      .footer__top .footer__list.toggle--is-active {
        max-height: 50rem; } }
  @media only screen and (max-width: 47.96875em) {
    .footer__top .footer__item {
      padding-bottom: 1.5rem; } }
  @media only screen and (min-width: 48em) {
    .footer__top .footer__item {
      padding-bottom: .5rem; } }
  .footer__top .footer__link {
    font-weight: 500; }
  @media only screen and (min-width: 48em) and (max-width: 63.96875em) {
    .footer__top .o-col-24:nth-child(1), .footer__top .o-col-24:nth-child(2) {
      margin-bottom: 4rem; } }

.footer__copyright {
  font-size: 1.4rem; }
  @media only screen and (max-width: 47.96875em) {
    .footer__copyright {
      margin-top: 3rem; } }

.footer__bottom {
  padding-top: 25px;
  padding-bottom: 25px; }
  @media screen and (min-width: 480px) {
    .footer__bottom {
      padding-top: calc(25px + -10 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .footer__bottom {
      padding-top: 15px; } }
  @media screen and (min-width: 480px) {
    .footer__bottom {
      padding-bottom: calc(25px + -10 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .footer__bottom {
      padding-bottom: 15px; } }
  @media only screen and (min-width: 48em) {
    .footer__bottom .footer__content {
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: space-between;
              justify-content: space-between; } }
  @media only screen and (min-width: 48em) {
    .footer__bottom .footer__list {
      display: -webkit-flex;
      display: flex; } }
  @media only screen and (max-width: 47.96875em) {
    .footer__bottom .footer__item {
      padding-bottom: 1.5rem; } }
  @media only screen and (min-width: 48em) {
    .footer__bottom .footer__item {
      padding-right: 5px; } }
  @media only screen and (min-width: 48em) and (min-width: 480px) {
    .footer__bottom .footer__item {
      padding-right: calc(5px + 45 * (100vw - 480px) / 760); } }
  @media only screen and (min-width: 48em) and (min-width: 1240px) {
    .footer__bottom .footer__item {
      padding-right: 50px; } }
  .footer__bottom .footer__link {
    font-size: 1.4rem; }

.footer__social {
  margin-top: 3rem; }
  .footer__social .footer__item:not(:last-child) {
    padding-right: 1rem; }

.footer__social-list {
  display: -webkit-flex;
  display: flex;
  list-style-type: none; }

.footer__social-link {
  overflow: hidden;
  display: -webkit-flex;
  display: flex;
  width: 4.4rem;
  height: 4.4rem;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  border-radius: 50%;
  background-color: #0094d9;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); }
  .footer__social-link::before, .footer__social-link::after {
    display: none; }
  .footer__social-link svg {
    fill: #ffffff;
    max-width: 24px;
    max-height: 24px;
    position: relative;
    z-index: 2; }
  html:not(.is-touch) .footer__social-link:hover,
  html.is-touch--with-mouse .footer__social-link:hover {
    background-color: #0071a6; }
  .has--keyboard-focus .footer__social-link:focus {
    background-color: #0071a6; }

.t-dfe-pharma .c-footer-dfe {
  padding-bottom: 6rem; }
  .t-dfe-pharma .c-footer-dfe .footer-dfe__title {
    font-size: 20px;
    margin-bottom: 20px;
    font-weight: 300; }
    @media screen and (min-width: 480px) {
      .t-dfe-pharma .c-footer-dfe .footer-dfe__title {
        font-size: calc(20px + 12 * (100vw - 480px) / 760); } }
    @media screen and (min-width: 1240px) {
      .t-dfe-pharma .c-footer-dfe .footer-dfe__title {
        font-size: 32px; } }
    @media screen and (min-width: 480px) {
      .t-dfe-pharma .c-footer-dfe .footer-dfe__title {
        margin-bottom: calc(20px + 30 * (100vw - 480px) / 760); } }
    @media screen and (min-width: 1240px) {
      .t-dfe-pharma .c-footer-dfe .footer-dfe__title {
        margin-bottom: 50px; } }
    .t-dfe-pharma .c-footer-dfe .footer-dfe__title strong,
    .t-dfe-pharma .c-footer-dfe .footer-dfe__title b {
      font-weight: 600; }
  .t-dfe-pharma .c-footer-dfe .footer-dfe__nav {
    position: relative;
    width: 100%;
    padding: 0 5px; }
    .t-dfe-pharma .c-footer-dfe .footer-dfe__nav:not(:last-of-type) {
      padding-bottom: 2rem;
      margin-bottom: 1.5rem; }
      .t-dfe-pharma .c-footer-dfe .footer-dfe__nav:not(:last-of-type)::after {
        background-color: rgba(0, 148, 217, 0.07);
        position: absolute;
        bottom: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
        content: '';
        height: 1px;
        width: calc(100% - 10px); }
    @media only screen and (min-width: 30em) {
      .t-dfe-pharma .c-footer-dfe .footer-dfe__nav {
        padding: 0 10px; }
        .t-dfe-pharma .c-footer-dfe .footer-dfe__nav:not(:last-of-type)::after {
          width: calc(100% - 20px); } }
    @media only screen and (min-width: 48em) {
      .t-dfe-pharma .c-footer-dfe .footer-dfe__nav {
        width: 30%; }
        .t-dfe-pharma .c-footer-dfe .footer-dfe__nav:not(:last-of-type)::after {
          content: none; } }
    @media only screen and (min-width: 64em) {
      .t-dfe-pharma .c-footer-dfe .footer-dfe__nav {
        width: 20%;
        padding-bottom: 0;
        margin-bottom: 0; } }
    .t-dfe-pharma .c-footer-dfe .footer-dfe__nav--horizontal {
      width: 100%;
      margin-bottom: 1rem; }
      .t-dfe-pharma .c-footer-dfe .footer-dfe__nav--horizontal ul {
        font-weight: 600;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
                justify-content: center;
        -webkit-flex-wrap: wrap;
                flex-wrap: wrap;
        -webkit-flex-direction: column;
                flex-direction: column; }
        @media only screen and (min-width: 64em) {
          .t-dfe-pharma .c-footer-dfe .footer-dfe__nav--horizontal ul {
            -webkit-flex-direction: row;
                    flex-direction: row;
            gap: 3rem; } }
  .t-dfe-pharma .c-footer-dfe li, .t-dfe-pharma .c-footer-dfe ul {
    list-style-type: none; }
  .t-dfe-pharma .c-footer-dfe .footer-dfe__section-title,
  .t-dfe-pharma .c-footer-dfe .footer-dfe__item {
    font-size: 1.6rem;
    line-height: 1.8; }
  .t-dfe-pharma .c-footer-dfe .footer-dfe__section-title {
    font-weight: 600; }
  .t-dfe-pharma .c-footer-dfe .footer-dfe__list {
    list-style-type: none;
    -webkit-columns: 2;
            columns: 2;
    -webkit-column-gap: 4rem;
            column-gap: 4rem; }
    @media only screen and (min-width: 48em) {
      .t-dfe-pharma .c-footer-dfe .footer-dfe__list {
        -webkit-columns: auto;
                columns: auto; } }
  .t-dfe-pharma .c-footer-dfe .footer-dfe__copyright {
    margin-top: 55px;
    position: relative;
    padding-top: 2.5rem;
    text-align: center; }
    @media screen and (min-width: 480px) {
      .t-dfe-pharma .c-footer-dfe .footer-dfe__copyright {
        margin-top: calc(55px + 60 * (100vw - 480px) / 760); } }
    @media screen and (min-width: 1240px) {
      .t-dfe-pharma .c-footer-dfe .footer-dfe__copyright {
        margin-top: 115px; } }
    .t-dfe-pharma .c-footer-dfe .footer-dfe__copyright::before {
      position: absolute;
      top: 0;
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      content: '';
      height: 1px;
      background-color: #DFDFDF;
      width: 100%; }
    .t-dfe-pharma .c-footer-dfe .footer-dfe__copyright p {
      font-size: 1.2rem; }
      .t-dfe-pharma .c-footer-dfe .footer-dfe__copyright p:last-of-type {
        color: #39b54a; }

.form__item {
  margin-bottom: 40px; }

.form__item-error {
  display: none;
  margin-top: 5px;
  box-shadow: 0 0 0 1px #ff0000 inset;
  background-color: rgba(255, 0, 0, 0.2);
  border-radius: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px; }
  .form__item--error .form__item-error {
    display: inline-block; }

.c-input {
  position: relative; }

.input__label {
  display: block; }
  .input__label.form-required::after {
    content: '*'; }

.input__input {
  display: block;
  -webkit-appearance: none;
          appearance: none;
  width: 100%;
  min-height: 4rem;
  color: #6e6f72;
  font-size: 1.6rem;
  font-weight: 500;
  padding: .3rem 0;
  border-radius: 0;
  border: 0;
  border-bottom: 2px solid currentColor;
  background-color: transparent;
  line-height: 2; }
  .input__input[disabled] {
    cursor: default;
    opacity: 0.5; }
  .input__input::-ms-expand {
    display: none; }
  .form__item--error .input__input {
    box-shadow: 0 0 0 2px #ff0000 inset; }
  .t-dfe-pharma .form__item--small .input__input {
    min-height: auto;
    line-height: 1.75;
    font-size: 1.6rem; }
  .s-form-large .input__input {
    padding: 0;
    min-height: 7rem;
    font-size: 35px;
    line-height: 1.2;
    font-weight: 400; }
    @media screen and (min-width: 480px) {
      .s-form-large .input__input {
        font-size: calc(35px + -5 * (100vw - 480px) / 760); } }
    @media screen and (min-width: 1240px) {
      .s-form-large .input__input {
        font-size: 30px; } }
  .input--file .input__input {
    padding: 0 3rem;
    text-align: center;
    height: 5.5rem;
    line-height: 5.5rem;
    background-color: #ffffff;
    color: #0094d9;
    border-radius: 2.8rem;
    border-bottom: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: calc(100vw - 6rem);
    transition: background-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    html:not(.is-touch) .input--file .input__input:hover,
    html.is-touch--with-mouse .input--file .input__input:hover {
      background-color: rgba(255, 255, 255, 0.8); }
    .t-dfe-pharma .input--file .input__input {
      font-size: 1.6rem;
      font-weight: 500;
      color: #39b54a;
      padding: 0 1rem;
      min-height: 5.5rem;
      line-height: 5.5rem;
      border-radius: 1rem; }
  .t-dfe-pharma .input__input {
    font-size: 2.4rem;
    min-height: 6rem; }

.input__wrapper {
  position: relative; }
  .form__item--small .input__wrapper {
    padding-top: 1rem; }

/**
 * File
 */
.input--file .input__input {
  cursor: pointer; }

.c-autocomplete {
  position: relative;
  display: block; }

.autocomplete__element {
  opacity: 0;
  position: absolute;
  top: 100%;
  transition-property: opacity, visibility, -webkit-transform;
  transition-property: opacity, transform, visibility;
  transition-property: opacity, transform, visibility, -webkit-transform;
  transition-duration: 250ms;
  -webkit-transform: translate3d(0, 10px, 0);
          transform: translate3d(0, 10px, 0);
  visibility: hidden;
  width: 100%;
  z-index: 10; }

.autocomplete__element--is-active {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  visibility: visible; }

.autocomplete__list {
  font-size: 2.4rem;
  line-height: 2;
  background-color: #ffffff;
  list-style: none;
  padding: 0; }

.autocomplete__list-item {
  font-size: 1.6rem;
  line-height: 2;
  background-color: transparent;
  color: #151516;
  cursor: pointer;
  transition-property: background-color;
  transition-duration: 250ms;
  padding: .5rem 2rem; }
  .autocomplete__list-item:last-child {
    padding-bottom: 1rem; }
  @media only screen and (min-width: 48em) {
    .autocomplete__list-item {
      font-size: 2rem; } }

.autocomplete__list-item--is-active {
  color: #0094d9; }

.c-checkbox.form__item--disabled {
  opacity: .4;
  cursor: default;
  pointer-events: none; }

.checkbox__title {
  margin-bottom: 1rem; }

.checkbox__input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px !important;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }
  .checkbox__input:checked + label::before {
    -webkit-transform: translateY(-50%) scale(1);
            transform: translateY(-50%) scale(1); }
  .checkbox__input[disabled] + label {
    opacity: .4;
    cursor: default;
    pointer-events: none; }
  .checkbox__input:hover + label::after {
    opacity: .7; }

.checkbox__label {
  display: block;
  position: relative;
  cursor: pointer;
  padding-left: 4.4rem;
  margin-bottom: 3rem; }
  .checkbox__label::before, .checkbox__label::after {
    position: absolute;
    content: '';
    border-radius: 3px;
    left: 0;
    width: 2.4rem;
    height: 2.4rem;
    cursor: pointer; }
    @media only screen and (max-width: 63.96875em) {
      .checkbox__label::before, .checkbox__label::after {
        top: 12px; } }
    @media only screen and (min-width: 64em) {
      .checkbox__label::before, .checkbox__label::after {
        top: 15px; } }
  .checkbox__label::before {
    background-color: #0094d9;
    background-image: url("/assets/svg/icons/checkmark-light.svg");
    background-position: center;
    background-repeat: no-repeat;
    border: 1px solid #0094d9;
    z-index: 2;
    -webkit-transform: translateY(-50%) scale(0);
            transform: translateY(-50%) scale(0);
    transition: 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955), 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition-property: box-shadow, background-color, -webkit-transform;
    transition-property: transform, box-shadow, background-color;
    transition-property: transform, box-shadow, background-color, -webkit-transform; }
  .checkbox__label::after {
    border: 2px solid #d3d4d6;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    transition: 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition-property: box-shadow, opacity; }
    .form__item--error .checkbox__label::after {
      box-shadow: 0 0 0 1px #ff0000 inset, 0 0 0 3px #ffffff inset; }
  .t-dfe-pharma .checkbox__label {
    font-weight: 500; }
    .t-dfe-pharma .checkbox__label::before {
      background-color: #ffffff;
      background-image: url("/assets/svg/icons/checkmark-red.svg"); }

/**
 * Horizontal
 */
.checkbox--horizontal {
  width: 100%; }
  @media only screen and (min-width: 64em) {
    .checkbox--horizontal .checkbox__wrapper {
      width: 100%;
      -webkit-columns: 2;
              columns: 2;
      -webkit-column-gap: 20px;
              column-gap: 20px; } }

.radio__title {
  margin-bottom: 1rem; }

.radio__input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px !important;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }
  .radio__input:checked + label::before {
    -webkit-transform: translateY(-50%) scale(1);
            transform: translateY(-50%) scale(1); }
  .s-form-large .radio__input:checked + label {
    color: #0094d9;
    border-color: #ffffff;
    background-color: #ffffff;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15); }
    .s-form-large .radio__input:checked + label:hover {
      background-color: #ffffff; }
  .radio__input:hover + label::after {
    opacity: .7; }
  .s-form-large .radio__input:hover + label {
    background-color: rgba(255, 255, 255, 0.2); }
    .t-dfe-pharma .s-form-large .radio__input:hover + label {
      background-color: rgba(255, 255, 255, 0.7); }

.radio__label {
  display: block;
  position: relative;
  cursor: pointer;
  padding-left: 34px; }
  .s-form-large .radio__label {
    border: 2px solid currentColor;
    text-align: center;
    font-weight: 500;
    font-size: 2rem;
    transition-duration: 200ms;
    transition-property: background-color, color, border-color, box-shadow;
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    margin-bottom: 2.5rem; }
    @media only screen and (max-width: 47.96875em) {
      .s-form-large .radio__label {
        padding: 1.5rem 3rem;
        height: 5.5rem;
        border-radius: 2.8rem;
        width: 100%; } }
    @media only screen and (min-width: 48em) {
      .s-form-large .radio__label {
        padding: 2rem;
        height: 7.5rem;
        border-radius: 3.7rem;
        width: calc(50% - 5rem);
        margin-bottom: 4rem; } }
    .t-dfe-pharma .s-form-large .radio__label {
      color: #39b54a;
      font-size: 2rem;
      font-weight: 500;
      line-height: 2;
      border: 0;
      border-radius: 1rem;
      background-color: #ffffff; }
  .radio__label::before, .radio__label::after {
    position: absolute;
    content: '';
    border-radius: 24px;
    top: 50%;
    left: 0;
    width: 24px;
    height: 24px;
    cursor: pointer; }
    .s-form-large .radio__label::before, .s-form-large .radio__label::after {
      display: none; }
  .radio__label::before {
    background-color: currentColor;
    -webkit-transform: translateY(-50%) scale(0);
            transform: translateY(-50%) scale(0);
    transition: 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform; }
  .radio__label::after {
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    transition: 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition-property: border-color, opacity;
    border: 2px solid currentColor; }
    .form__item--error .radio__label::after {
      border-color: #ff0000; }

/**
 * Horizontal
 */
.radio--horizontal .radio__wrapper {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap; }
  @media only screen and (min-width: 48em) {
    .s-form-large .radio--horizontal .radio__wrapper {
      margin-left: -2.5rem;
      margin-right: -2.5rem; } }

.radio--horizontal .radio__label {
  margin-right: 20px; }
  @media only screen and (max-width: 63.96875em) {
    .s-form-large .radio--horizontal .radio__label {
      margin-right: 0; } }
  @media only screen and (min-width: 48em) {
    .s-form-large .radio--horizontal .radio__label {
      margin-left: 2.5rem;
      margin-right: 2.5rem; } }

.select__wrapper {
  position: relative; }

.select__label {
  cursor: pointer;
  display: block; }

.select__input {
  cursor: pointer;
  -webkit-appearance: none;
          appearance: none;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 2.5rem;
  padding-right: 4.5rem;
  border-radius: 3rem;
  border: 0;
  box-shadow: 0 0 0 1px #000000 inset;
  background-color: #ffffff;
  line-height: 2; }
  .select__input::-ms-expand {
    display: none; }
  .form__item--error .select__input {
    box-shadow: 0 0 0 1px #ff0000 inset; }

.textarea__wrapper {
  position: relative; }

.select__icon {
  position: absolute;
  top: 0;
  right: 0;
  width: 3.5rem;
  text-align: center;
  pointer-events: none;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  height: 100%; }
  .select__icon svg,
  .select__icon path {
    fill: #9c9da2; }

.c-textarea {
  position: relative; }

.textarea__label {
  display: block; }

.textarea__input {
  display: block;
  -webkit-appearance: none;
          appearance: none;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 40px;
  border-radius: 0;
  border: 0;
  box-shadow: 0 0 0 2px #000000 inset;
  background-color: #ffffff;
  line-height: 2; }
  .textarea__input[disabled] {
    cursor: default;
    opacity: 0.5; }
  .textarea__input::-ms-expand {
    display: none; }
  .form__item--error .textarea__input {
    box-shadow: 0 0 0 2px #ff0000 inset; }

.textarea__wrapper {
  position: relative; }

.focus-helper::before {
  display: block;
  width: 100%;
  height: 4px;
  bottom: -2px;
  position: absolute;
  background-color: #0094d9;
  content: ''; }

.focus-helper::before {
  opacity: 0;
  transition: 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition-property: opacity; }

.checkbox__focus-helper,
.radio__focus-helper {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  opacity: 0;
  z-index: -1; }

.checkbox__focus-helper {
  width: 2.4rem;
  height: 2.4rem; }
  .checkbox__focus-helper::before {
    display: block;
    width: calc(100% + 15px);
    height: calc(100% + 15px);
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
            transform: translate3d(-50%, -50%, 0);
    background-color: #0094d9;
    -webkit-animation: focus-pulse 1500ms cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
            animation: focus-pulse 1500ms cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
    z-index: -1;
    content: ''; }

@keyframes focus-pulse {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-50%, -50%, 0) scale(0.85);
            transform: translate3d(-50%, -50%, 0) scale(0.85); }
  50% {
    opacity: 0.15;
    -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
            transform: translate3d(-50%, -50%, 0) scale(1); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-50%, -50%, 0) scale(0.85);
            transform: translate3d(-50%, -50%, 0) scale(0.85); } }

.radio__focus-helper {
  width: 24px;
  height: 24px; }
  .radio__focus-helper::before {
    display: block;
    width: calc(100% + 15px);
    height: calc(100% + 15px);
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
            transform: translate3d(-50%, -50%, 0);
    background-color: #0094d9;
    -webkit-animation: focus-pulse 1500ms cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
            animation: focus-pulse 1500ms cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
    z-index: -1;
    content: '';
    border-radius: 50%; }

@keyframes focus-pulse {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-50%, -50%, 0) scale(0.85);
            transform: translate3d(-50%, -50%, 0) scale(0.85); }
  50% {
    opacity: 0.15;
    -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
            transform: translate3d(-50%, -50%, 0) scale(1); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-50%, -50%, 0) scale(0.85);
            transform: translate3d(-50%, -50%, 0) scale(0.85); } }

.has--keyboard-focus .input__input:focus + .focus-helper::before,
.has--keyboard-focus .textarea__input:focus + .focus-helper::before,
.has--keyboard-focus .select__input:focus + .focus-helper::before,
.has--keyboard-focus .u-sr-only:focus + .focus-helper::before {
  opacity: 1; }

.has--keyboard-focus .checkbox__input:focus + label .checkbox__focus-helper {
  opacity: 1; }

.has--keyboard-focus .radio__input:focus + label .radio__focus-helper::before {
  opacity: 1; }

.form__item--lap .input__label,
.form__item--lap .textarea__label,
.form__item--lap .select__label {
  pointer-events: none;
  position: absolute;
  -webkit-transform: translate3d(0, 5px, 0);
          transform: translate3d(0, 5px, 0);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  transition: 300ms ease;
  transition-property: color, max-width, opacity, -webkit-transform;
  transition-property: transform, color, max-width, opacity;
  transition-property: transform, color, max-width, opacity, -webkit-transform;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis; }
  .s-form-large .form__item--lap .input__label, .s-form-large
  .form__item--lap .textarea__label, .s-form-large
  .form__item--lap .select__label {
    font-size: 30px;
    line-height: 1.2;
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0); }
    @media screen and (min-width: 480px) {
      .s-form-large .form__item--lap .input__label, .s-form-large
      .form__item--lap .textarea__label, .s-form-large
      .form__item--lap .select__label {
        font-size: calc(30px + 5 * (100vw - 480px) / 760); } }
    @media screen and (min-width: 1240px) {
      .s-form-large .form__item--lap .input__label, .s-form-large
      .form__item--lap .textarea__label, .s-form-large
      .form__item--lap .select__label {
        font-size: 35px; } }
  .t-dfe-pharma .form__item--lap .input__label, .t-dfe-pharma
  .form__item--lap .textarea__label, .t-dfe-pharma
  .form__item--lap .select__label {
    color: rgba(255, 255, 255, 0.6); }

.form__item--lap.input--file .input__label {
  font-weight: 500;
  color: #0094d9;
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 0 3rem;
  line-height: 5.5rem;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  max-width: calc(100% - calc((0 * 2) + 20px)); }

.form__item--lap-active .input__label,
.form__item--lap-active .textarea__label,
.form__item--lap-active .select__label {
  opacity: .6;
  -webkit-transform: translate3d(0, -10px, 0) scale(0.8);
          transform: translate3d(0, -10px, 0) scale(0.8);
  max-width: 120%; }
  .s-form-large .form__item--lap-active .input__label, .s-form-large
  .form__item--lap-active .textarea__label, .s-form-large
  .form__item--lap-active .select__label {
    -webkit-transform: translate3d(0, -10px, 0) scale(0.5);
            transform: translate3d(0, -10px, 0) scale(0.5); }
  .t-dfe-pharma .form__item--lap-active .input__label, .t-dfe-pharma
  .form__item--lap-active .textarea__label, .t-dfe-pharma
  .form__item--lap-active .select__label {
    -webkit-transform: translate3d(0, -20px, 0) scale(0.5);
            transform: translate3d(0, -20px, 0) scale(0.5); }

.t-dfe-pharma .form__item--lap-active.form__item--small .input__label,
.t-dfe-pharma .form__item--lap-active.form__item--small .textarea__label,
.t-dfe-pharma .form__item--lap-active.form__item--small .select__label {
  -webkit-transform: translate3d(0, -15px, 0) scale(0.8);
          transform: translate3d(0, -15px, 0) scale(0.8); }

.form__item--lap-active.input--file .input__label {
  opacity: 0; }

.c-found-results-block {
  border-radius: 10px;
  margin-bottom: 25px; }
  @media screen and (min-width: 480px) {
    .c-found-results-block {
      margin-bottom: calc(25px + 55 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .c-found-results-block {
      margin-bottom: 80px; } }

@media only screen and (max-width: 47.96875em) {
  .found-results-block__wrapper {
    padding: 15px; }
    .found-results-block__wrapper .found-results-block__button {
      width: 100%; }
      .found-results-block__wrapper .found-results-block__button .button__label {
        text-align: center; } }

@media only screen and (min-width: 48em) {
  .found-results-block__wrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
            justify-content: space-between;
    padding: 1rem 0.5rem 1rem 1.5rem; } }

.found-results-block__title {
  margin-bottom: 15px;
  font-size: 2rem;
  color: #151516;
  font-weight: 100; }
  @media screen and (min-width: 480px) {
    .found-results-block__title {
      margin-bottom: calc(15px + -15 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .found-results-block__title {
      margin-bottom: 0px; } }
  @media only screen and (min-width: 48em) {
    .found-results-block__title {
      -webkit-align-self: center;
                  -ms-grid-row-align: center;
              align-self: center; } }

.c-general-search-bar {
  width: 100%;
  position: relative;
  z-index: 50; }
  .c-hero .c-general-search-bar {
    margin-top: 70px; }
    @media screen and (min-width: 480px) {
      .c-hero .c-general-search-bar {
        margin-top: calc(70px + -20 * (100vw - 480px) / 760); } }
    @media screen and (min-width: 1240px) {
      .c-hero .c-general-search-bar {
        margin-top: 50px; } }

.general-search-bar .c-autocomplete {
  width: 100%; }

.c-header-search .autocomplete__element:before {
  content: '';
  position: absolute;
  height: 100%;
  background-color: #ffffff;
  width: 100%;
  left: -99.9%;
  top: 0; }

.c-header-search .autocomplete__element:after {
  content: '';
  position: absolute;
  height: 100%;
  background-color: #ffffff;
  width: 100%;
  right: -99%;
  top: 0; }

.c-header-search .autocomplete__element .autocomplete__list {
  box-shadow: none;
  border-radius: 0; }

.c-header-search .autocomplete__element .autocomplete__list-item {
  border: 0;
  padding-left: 0; }

.general-search-bar__form {
  position: relative;
  padding-right: 8.5rem; }
  .general-search-bar__form .form__item {
    margin-bottom: 0; }
  .general-search-bar__form .input__input {
    font-size: 20px;
    height: 40px;
    font-weight: 200;
    line-height: 1.5;
    padding-bottom: 1rem;
    border-bottom: 1px solid #d3d4d6; }
    @media screen and (min-width: 480px) {
      .general-search-bar__form .input__input {
        font-size: calc(20px + 15 * (100vw - 480px) / 760); } }
    @media screen and (min-width: 1240px) {
      .general-search-bar__form .input__input {
        font-size: 35px; } }
    @media screen and (min-width: 480px) {
      .general-search-bar__form .input__input {
        height: calc(40px + 30 * (100vw - 480px) / 760); } }
    @media screen and (min-width: 1240px) {
      .general-search-bar__form .input__input {
        height: 70px; } }
  .general-search-bar__form .autocomplete__list {
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem; }
    @media only screen and (max-width: 47.96875em) {
      .general-search-bar__form .autocomplete__list {
        margin-top: -.5rem;
        box-shadow: 0 12px 20px -10px rgba(110, 111, 114, 0.4); } }
    @media only screen and (min-width: 48em) {
      .general-search-bar__form .autocomplete__list {
        box-shadow: 0 30px 50px -30px rgba(110, 111, 114, 0.4); } }
  @media only screen and (min-width: 48em) {
    .general-search-bar__form .autocomplete__list-item {
      padding-right: 3.6rem; }
      .general-search-bar__form .autocomplete__list-item:last-child {
        padding-bottom: 2.5rem; }
      .general-search-bar__form .autocomplete__list-item:first-child {
        padding-top: 2.5rem; } }

.general-search-bar__form-actions {
  position: absolute;
  right: 0; }
  @media only screen and (max-width: 63.96875em) {
    .general-search-bar__form-actions {
      bottom: -.5rem; } }
  @media only screen and (min-width: 64em) {
    .general-search-bar__form-actions {
      bottom: 0; } }

.general-search-bar__submit-button {
  padding: 1.7rem 1.8rem;
  margin-left: .5rem; }
  html:not(.is-touch) .general-search-bar__submit-button:hover .button__icon,
  html.is-touch--with-mouse .general-search-bar__submit-button:hover .button__icon {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }

.t-dfe-pharma .c-header {
  height: 5rem; }
  @media only screen and (min-width: 48em) {
    .t-dfe-pharma .c-header {
      height: 11rem; } }
  .t-dfe-pharma .c-header .header__logo {
    padding: 0 2rem; }
    .t-dfe-pharma .c-header .header__logo svg {
      height: 32px;
      width: 69px; }
    @media only screen and (min-width: 48em) {
      .t-dfe-pharma .c-header .header__logo {
        padding: 0; }
        .t-dfe-pharma .c-header .header__logo svg {
          height: 60px;
          width: 129px; } }

.c-header {
  position: relative;
  position: -webkit-sticky;
  position: sticky;
  width: 100%;
  top: 0;
  z-index: 100;
  background-color: #ffffff;
  box-shadow: 0 10px 30px 0 rgba(110, 111, 114, 0.1);
  transition: top 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }
  .toolbar-tray-open .c-header {
    top: 79px; }
  @media only screen and (max-width: 47.96875em) {
    .c-header {
      height: 6.6rem; } }
  @media only screen and (min-width: 64em) {
    .c-header {
      height: 10.8rem; } }
  .c-header .o-container {
    position: relative; }
    @media only screen and (max-width: 63.96875em) {
      .c-header .o-container {
        padding: 0; } }
  @media only screen and (max-width: 63.96875em) {
    .c-header .o-grid {
      margin: 0;
      width: 100%; } }
  .c-header .o-container,
  .c-header .o-grid,
  .c-header [class^='o-col-'] {
    height: 100%; }
  .c-header .modal__button-close.modal--is-showing {
    display: block; }

.is--modal-open__vacancy-filter .c-header {
  position: fixed; }

.header__content {
  height: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center; }

.header__logo {
  display: block; }
  .header__logo.logo__is-large-screen {
    display: none; }
  .header__logo.logo__is-small-screen {
    display: block; }
  @media only screen and (max-width: 63.96875em) {
    .header__logo {
      padding: 1rem;
      overflow: hidden;
      max-height: 5.6rem; } }
  @media only screen and (min-width: 77.5em) {
    .header__logo {
      position: relative;
      z-index: 5; }
      .header__logo.logo__is-large-screen {
        display: block; }
      .header__logo.logo__is-small-screen {
        display: none; } }
  .header__logo:before, .header__logo:after {
    display: none; }
  @media only screen and (max-width: 63.96875em) {
    .header__logo svg {
      width: 195px;
      height: 50px; } }
  @media only screen and (min-width: 64em) {
    .header__logo svg {
      width: 238px;
      height: 62px; } }
  @media only screen and (max-width: 63.96875em) {
    .header__logo svg .logo-tagline {
      display: none; } }

.header__buttons {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  position: relative;
  z-index: 999;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  margin-left: auto; }
  @media only screen and (max-width: 63.96875em) {
    [class*='is--modal-open'] .header__buttons {
      position: fixed;
      top: 0;
      right: 10px; } }

.header__button-search {
  padding: 1.6rem 1.8rem;
  box-shadow: none; }
  html:not(.is-touch) .header__button-search:hover .button__icon,
  html.is-touch--with-mouse .header__button-search:hover .button__icon {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  .header__button-search .button__label {
    display: none; }
  .header__button-search .button__icon {
    margin-left: 0; }
  @media only screen and (max-width: 77.46875em) {
    .header__button-search {
      -webkit-transform: translate3d(1rem, 0, 0);
              transform: translate3d(1rem, 0, 0); } }

.header__button-search--open {
  display: block; }
  .is--modal-open__header-search .header__button-search--open {
    display: none; }

.header__button-search--close {
  display: none;
  padding: 1.6rem 1.8rem;
  line-height: 0;
  transition: -webkit-transform 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .is--modal-open__header-search .header__button-search--close {
    display: block; }
  .header__button-search--close::before, .header__button-search--close::after {
    display: none; }
  html:not(.is-touch) .header__button-search--close:hover,
  html.is-touch--with-mouse .header__button-search--close:hover {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  .header__button-search--close svg {
    fill: #0094d9; }

.header__menu-toggle {
  width: 5.6rem;
  height: 5.6rem;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center; }
  .header__menu-toggle::before, .header__menu-toggle::after {
    display: none; }
  html:not(.is-touch) .header__menu-toggle:hover:not(.modal--is-showing) .header__menu-toggle-icon::before,
  html.is-touch--with-mouse .header__menu-toggle:hover:not(.modal--is-showing) .header__menu-toggle-icon::before {
    top: -.6rem; }
  html:not(.is-touch) .header__menu-toggle:hover:not(.modal--is-showing) .header__menu-toggle-icon::after,
  html.is-touch--with-mouse .header__menu-toggle:hover:not(.modal--is-showing) .header__menu-toggle-icon::after {
    bottom: -.6rem; }

.header__menu-toggle-icon {
  position: relative;
  display: block;
  width: 2.4rem;
  height: .2rem;
  border-radius: 20%;
  background-color: #0094d9;
  transition: background-color 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: background-color 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: background-color 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .modal--is-showing .header__menu-toggle-icon {
    background-color: transparent;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg); }
  .header__menu-toggle-icon::before, .header__menu-toggle-icon::after {
    content: '';
    position: absolute;
    right: 0;
    display: block;
    width: 2.4rem;
    height: .2rem;
    border-radius: 20%;
    background-color: #0094d9;
    -webkit-transform-origin: center center;
            transform-origin: center center; }
  .header__menu-toggle-icon::before {
    top: -.8rem;
    transition: top 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), top 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), top 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    .modal--is-showing .header__menu-toggle-icon::before {
      top: 0;
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg); }
  .header__menu-toggle-icon::after {
    bottom: -.8rem;
    width: 1.6rem;
    transition: width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), bottom 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), bottom 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), bottom 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    .modal--is-showing .header__menu-toggle-icon::after {
      width: 2.4rem;
      bottom: 0;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }

.c-header-search {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  z-index: 999;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translate3d(0, 10rem, 0);
          transform: translate3d(0, 10rem, 0);
  transition: opacity 200ms ease, visibility 0s ease 300ms, width 0s ease 300ms, -webkit-transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 200ms ease, transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0s ease 300ms, width 0s ease 300ms;
  transition: opacity 200ms ease, transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0s ease 300ms, width 0s ease 300ms, -webkit-transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .c-header-search.modal--is-showing {
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
    height: 100vw;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    transition: opacity 200ms ease, -webkit-transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: opacity 200ms ease, transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: opacity 200ms ease, transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  @media only screen and (max-width: 63.96875em) {
    .c-header-search {
      top: 5.6rem; } }
  @media only screen and (min-width: 64em) {
    .c-header-search {
      top: 10.8rem; } }

.header-search__content {
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 20px;
  padding-right: 20px;
  background-color: #ffffff; }
  @media screen and (min-width: 480px) {
    .header-search__content {
      padding-top: calc(30px + 30 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .header-search__content {
      padding-top: 60px; } }
  @media screen and (min-width: 480px) {
    .header-search__content {
      padding-bottom: calc(30px + 30 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .header-search__content {
      padding-bottom: 60px; } }
  @media screen and (min-width: 480px) {
    .header-search__content {
      padding-left: calc(20px + 0 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .header-search__content {
      padding-left: 20px; } }
  @media screen and (min-width: 480px) {
    .header-search__content {
      padding-right: calc(20px + 0 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .header-search__content {
      padding-right: 20px; } }

.header-search__background {
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: -1; }

.is--modal-open__header-search {
  overflow-y: scroll; }
  .is--modal-open__header-search body {
    overflow-y: scroll; }

.c-hero {
  height: 530px;
  position: relative;
  max-height: 80vh; }
  .c-hero::after {
    content: '';
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 0;
    background: url("../svg/brand/sun-flare.svg") no-repeat;
    background-size: cover;
    background-position: center; }
    @media only screen and (min-width: 48em) {
      .c-hero::after {
        background-size: contain; } }
  @media screen and (min-width: 480px) {
    .c-hero {
      height: calc(530px + 70 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .c-hero {
      height: 600px; } }

.hero__content {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%;
  -webkit-align-items: center;
          align-items: center;
  position: relative;
  z-index: 2; }
  .hero__content .o-container {
    width: 100%;
    margin-top: auto; }
  .hero__content .c-vacancy-search-bar {
    margin-bottom: auto; }
  @media only screen and (min-width: 48em) {
    .hero__content .vacancy-search-bar__form {
      width: 83.33333%;
      margin-left: auto;
      margin-right: auto; } }
  @media only screen and (min-width: 64em) {
    .hero__content .vacancy-search-bar__form {
      width: 66.66667%; } }

.hero__body {
  margin-top: 1.5rem; }
  @media only screen and (min-width: 64em) {
    .hero__body {
      font-size: 2rem; } }

.hero__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-bottom-left-radius: 75px;
  box-shadow: 0 50px 30px -51px rgba(110, 111, 114, 0.4);
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); }
  @media screen and (min-width: 480px) {
    .hero__video {
      border-bottom-left-radius: calc(75px + 45 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .hero__video {
      border-bottom-left-radius: 120px; } }
  .hero__video .c-video {
    margin-bottom: 0;
    height: 100%;
    padding-bottom: 0; }
  .hero__video video {
    object-fit: cover; }
  .hero__video .video__button {
    display: none; }

.c-image {
  position: relative; }
  .c-image img {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: auto; }
  .c-image [js-hook-objectfit-img] {
    object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none; }
    .has--object-fit-polyfill .c-image [js-hook-objectfit-img] {
      opacity: 0; }

[js-hook-objectfit-container] {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }
  [js-hook-objectfit-container] img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none; }

.image__default {
  opacity: 0;
  transition: opacity 200ms ease-out; }
  .image--is-loaded .image__default {
    opacity: 1; }

.image__ghost {
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity 200ms ease-out 50ms; }
  .image--is-loaded .image__ghost {
    opacity: 0; }

.c-image-block + .u-background--primary-light {
  margin-top: 0; }

.image-block__image {
  position: relative;
  padding-bottom: 40%; }
  .image-block__image .c-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.t-dfe-pharma .c-image-carousel .carousel__wrapper {
  border-radius: 1rem; }

.image-carousel__wrapper .tns-outer {
  overflow: hidden;
  -webkit-transform: translate3d(0, -5rem, 0);
          transform: translate3d(0, -5rem, 0);
  margin-top: 4rem;
  border-radius: 10px;
  box-shadow: 0 30px 40px 0 rgba(0, 0, 0, 0.15); }
  @media only screen and (min-width: 48em) {
    .image-carousel__wrapper .tns-outer {
      width: 91.66667%;
      margin-left: 4.16667%;
      -webkit-transform: translate3d(0, -8rem, 0);
              transform: translate3d(0, -8rem, 0); } }

.image-carousel__wrapper .c-carousel {
  padding-bottom: 30px; }
  @media screen and (min-width: 480px) {
    .image-carousel__wrapper .c-carousel {
      padding-bottom: calc(30px + -30 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .image-carousel__wrapper .c-carousel {
      padding-bottom: 0px; } }
  @media only screen and (max-width: 47.96875em) {
    .image-carousel__wrapper .c-carousel {
      margin-top: 2rem; } }
  @media only screen and (min-width: 48em) {
    .image-carousel__wrapper .c-carousel {
      margin-top: 5rem; } }

.image-carousel__wrapper .carousel__controls {
  bottom: 30px; }
  @media screen and (min-width: 480px) {
    .image-carousel__wrapper .carousel__controls {
      bottom: calc(30px + 20 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .image-carousel__wrapper .carousel__controls {
      bottom: 50px; } }
  @media only screen and (max-width: 29.96875em) {
    .image-carousel__wrapper .carousel__controls {
      right: 2.5rem; } }
  @media only screen and (min-width: 30em) and (max-width: 47.96875em) {
    .image-carousel__wrapper .carousel__controls {
      right: 3rem; } }
  @media only screen and (min-width: 48em) {
    .image-carousel__wrapper .carousel__controls {
      right: 8.33333%; } }

.image-carousel__wrapper .tns-inner {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  transition: opacity 350ms 200ms, -webkit-transform 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 200ms;
  transition: transform 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 200ms, opacity 350ms 200ms;
  transition: transform 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 200ms, opacity 350ms 200ms, -webkit-transform 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 200ms; }
  .is--out-view .image-carousel__wrapper .tns-inner {
    opacity: 0;
    -webkit-transform: translate3d(0, 10rem, 0);
            transform: translate3d(0, 10rem, 0); }

.c-language-switch {
  position: fixed;
  left: 0;
  width: 100%;
  background-color: #ffffff;
  z-index: 999;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translate3d(0, 10rem, 0);
          transform: translate3d(0, 10rem, 0);
  transition: opacity 200ms ease, visibility 0s ease 300ms, -webkit-transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 200ms ease, transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0s ease 300ms;
  transition: opacity 200ms ease, transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0s ease 300ms, -webkit-transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .c-language-switch.modal--is-showing {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    transition: opacity 200ms ease, -webkit-transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: opacity 200ms ease, transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: opacity 200ms ease, transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  @media only screen and (max-width: 47.96875em) {
    .c-language-switch {
      top: 0;
      height: 100%; } }
  @media only screen and (max-width: 63.96875em) {
    .c-language-switch {
      padding-top: 2.5rem; } }
  @media only screen and (min-width: 48em) and (max-width: 63.96875em) {
    .c-language-switch {
      top: 14.5rem;
      height: calc(100% - 14.5rem); } }
  @media only screen and (min-width: 64em) {
    .c-language-switch {
      padding-top: 5rem;
      top: 10.8rem;
      height: calc(100% - 10.8rem); } }
  @media only screen and (min-width: 77.5em) {
    .c-language-switch {
      padding: 5rem 0 4rem;
      height: auto;
      max-height: calc(100% - 10.8rem); }
      .c-language-switch::before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #ffffff;
        z-index: -1; } }
  .c-language-switch .o-container {
    position: relative;
    height: 100%;
    padding-right: 0; }
    @media only screen and (min-width: 64em) and (max-width: 77.46875em) {
      .c-language-switch .o-container {
        padding-left: 5rem; } }

@media only screen and (min-width: 77.5em) {
  .language-switch__background {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: -2;
    cursor: pointer; } }

@media only screen and (max-width: 47.96875em) {
  .language-switch__title {
    font-size: 2rem;
    font-weight: 500; } }

@media only screen and (min-width: 48em) {
  .language-switch__title {
    font-size: 2.4rem; } }

.language-switch__content {
  margin-top: 2rem;
  padding-right: 2.5rem;
  height: calc(100% - 4.5rem); }
  @media only screen and (max-width: 47.96875em) {
    .language-switch__content {
      height: calc(100% - 4.5rem); } }
  @media only screen and (max-width: 63.96875em) {
    .language-switch__content {
      padding-top: 2rem;
      overflow-y: scroll;
      -webkit-overflow-scrolling: touch; } }
  @media only screen and (min-width: 48em) {
    .language-switch__content {
      padding-bottom: 3rem; } }
  @media only screen and (min-width: 64em) {
    .language-switch__content {
      padding-top: 5rem;
      padding-right: 5rem;
      overflow-y: auto; } }
  @media only screen and (min-width: 77.5em) {
    .language-switch__content {
      padding-bottom: 0;
      max-height: calc(100vh - 24rem); } }

@media only screen and (min-width: 48em) and (max-width: 63.96875em) {
  .language-switch__countries {
    -webkit-column-count: 2;
            column-count: 2; } }

@media only screen and (min-width: 48em) {
  .language-switch__countries {
    -webkit-column-gap: 4rem;
            column-gap: 4rem; } }

@media only screen and (min-width: 64em) {
  .language-switch__countries {
    -webkit-column-count: 3;
            column-count: 3; } }

@media only screen and (min-width: 48em) {
  .language-switch__country {
    -webkit-column-break-inside: avoid;
            break-inside: avoid; } }

@media only screen and (max-width: 63.96875em) {
  .language-switch__country:not(:first-child) {
    margin-top: 2rem; } }

@media only screen and (min-width: 64em) {
  .language-switch__country:not(:first-child) {
    margin-top: 4rem; } }

@media only screen and (max-width: 47.96875em) {
  .language-switch__country:last-child {
    margin-bottom: 2rem; } }

.language-switch__country-title {
  font-size: 2rem;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  font-weight: 500; }

.language-switch__country-icon {
  width: 2rem;
  margin-right: 1.5rem;
  line-height: 0; }

.language-switch__country-links {
  margin-left: 3.5rem;
  margin-top: 1rem; }

.language-switch__link {
  margin-right: 2rem;
  margin-bottom: 1rem;
  font-weight: 500; }

.language-switch__close {
  line-height: 0;
  padding: 1rem;
  position: absolute;
  transition: -webkit-transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }
  @media only screen and (max-width: 63.96875em) {
    .language-switch__close {
      top: -.5rem;
      right: 1.5rem; } }
  @media only screen and (min-width: 64em) and (max-width: 77.46875em) {
    .language-switch__close {
      top: -.5rem;
      right: 4rem; } }
  @media only screen and (min-width: 77.5em) {
    .language-switch__close {
      top: 0;
      right: 2.5rem; } }
  .language-switch__close::before, .language-switch__close::after {
    display: none; }
  html:not(.is-touch) .language-switch__close:hover,
  html.is-touch--with-mouse .language-switch__close:hover {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); }
  .language-switch__close svg {
    fill: #0094d9; }

html[class*='is--modal-open__language-switch'] {
  overflow: visible; }

.location-highlights__item-wrapper {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: space-between;
          justify-content: space-between; }

@media only screen and (max-width: 47.96875em) {
  .location-highlights__item {
    margin-bottom: 2rem; } }

@media only screen and (min-width: 48em) {
  .location-highlights__item {
    margin-bottom: 12rem; } }

@media only screen and (max-width: 47.96875em) {
  .location-highlights__item:nth-child(1) {
    width: 75%;
    -webkit-order: 1;
            order: 1; }
    .location-highlights__item:nth-child(1) .location-highlights__item-image {
      width: 125%;
      margin-left: -25%; } }

@media only screen and (min-width: 48em) {
  .location-highlights__item:nth-child(1) {
    width: 50%; } }

@media only screen and (max-width: 47.96875em) {
  .location-highlights__item:nth-child(2) {
    width: calc(50% - 2rem);
    -webkit-order: 3;
            order: 3;
    -webkit-transform: translate3d(0, -10%, 0);
            transform: translate3d(0, -10%, 0); }
    .location-highlights__item:nth-child(2) .location-highlights__item-image {
      width: 140%;
      margin-right: -40%; } }

@media only screen and (min-width: 48em) {
  .location-highlights__item:nth-child(2) {
    width: 41.66667%;
    -webkit-transform: translate3d(0, 50%, 0);
            transform: translate3d(0, 50%, 0); } }

@media only screen and (max-width: 47.96875em) {
  .location-highlights__item:nth-child(3) {
    width: calc(50% - 2rem);
    -webkit-order: 2;
            order: 2;
    -webkit-transform: translate3d(0, 15%, 0);
            transform: translate3d(0, 15%, 0); }
    .location-highlights__item:nth-child(3) .location-highlights__item-image {
      width: 200%;
      margin-left: -100%; } }

@media only screen and (min-width: 48em) {
  .location-highlights__item:nth-child(3) {
    width: 41.66667%; } }

@media only screen and (max-width: 47.96875em) {
  .location-highlights__item:nth-child(4) {
    width: calc(50% - 2rem);
    -webkit-order: 4;
            order: 4;
    margin-left: auto;
    -webkit-transform: translate3d(0, -25%, 0);
            transform: translate3d(0, -25%, 0);
    margin-bottom: -20%; }
    .location-highlights__item:nth-child(4) .location-highlights__item-image {
      width: 175%;
      margin-right: -75%; } }

@media only screen and (min-width: 48em) {
  .location-highlights__item:nth-child(4) {
    width: 50%;
    -webkit-transform: translate3d(0, 20%, 0);
            transform: translate3d(0, 20%, 0); } }

.location-highlights__item-content {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  transition: opacity 350ms, -webkit-transform 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955), opacity 350ms;
  transition: transform 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955), opacity 350ms, -webkit-transform 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }
  .is--out-view .location-highlights__item-content {
    opacity: 0;
    -webkit-transform: translate3d(0, 10rem, 0);
            transform: translate3d(0, 10rem, 0); }

.location-highlights__item-label {
  margin-top: 2rem;
  font-size: 1.4rem;
  line-height: 1.2;
  color: #9c9da2;
  text-transform: uppercase;
  font-weight: 500; }

.location-highlights__item-title {
  font-size: 2rem;
  color: #000000;
  font-weight: 500; }

.c-location-info-block:last-child {
  margin-bottom: 50px; }
  @media screen and (min-width: 480px) {
    .c-location-info-block:last-child {
      margin-bottom: calc(50px + 50 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .c-location-info-block:last-child {
      margin-bottom: 100px; } }

.location-info-block__wrapper {
  padding-top: 50px;
  padding-bottom: 50px;
  padding-left: 0px;
  padding-right: 0px; }
  @media screen and (min-width: 480px) {
    .location-info-block__wrapper {
      padding-top: calc(50px + 30 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .location-info-block__wrapper {
      padding-top: 80px; } }
  @media screen and (min-width: 480px) {
    .location-info-block__wrapper {
      padding-bottom: calc(50px + 30 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .location-info-block__wrapper {
      padding-bottom: 80px; } }
  @media screen and (min-width: 480px) {
    .location-info-block__wrapper {
      padding-left: calc(0px + 80 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .location-info-block__wrapper {
      padding-left: 80px; } }
  @media screen and (min-width: 480px) {
    .location-info-block__wrapper {
      padding-right: calc(0px + 80 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .location-info-block__wrapper {
      padding-right: 80px; } }

.location-info-block__title {
  padding-bottom: 7px; }
  @media screen and (min-width: 480px) {
    .location-info-block__title {
      padding-bottom: calc(7px + 8 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .location-info-block__title {
      padding-bottom: 15px; } }

.location-info-block__subtitle {
  padding-bottom: 25px; }
  @media screen and (min-width: 480px) {
    .location-info-block__subtitle {
      padding-bottom: calc(25px + 25 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .location-info-block__subtitle {
      padding-bottom: 50px; } }

.location-info-block__text-wrapper {
  display: block; }
  @media only screen and (min-width: 77.5em) {
    .location-info-block__text-wrapper {
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: space-between;
              justify-content: space-between; } }

@media only screen and (max-width: 77.46875em) {
  .location-info-block__text {
    padding-bottom: 25px; } }

.location-info-block__button-wrapper {
  display: block; }
  @media only screen and (min-width: 48em) {
    .location-info-block__button-wrapper {
      display: -webkit-flex;
      display: flex;
      -webkit-align-self: flex-end;
              align-self: flex-end; } }

.location-info-block--light-rounded {
  background-color: #ecf4f8;
  border-radius: 1rem;
  border-top-right-radius: 75px;
  border-bottom-left-radius: 75px; }
  @media screen and (min-width: 480px) {
    .location-info-block--light-rounded {
      border-top-right-radius: calc(75px + 45 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .location-info-block--light-rounded {
      border-top-right-radius: 120px; } }
  @media screen and (min-width: 480px) {
    .location-info-block--light-rounded {
      border-bottom-left-radius: calc(75px + 45 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .location-info-block--light-rounded {
      border-bottom-left-radius: 120px; } }

.location-info-block--transparent {
  color: #ffffff; }

.c-main-nav {
  display: -webkit-flex;
  display: flex;
  height: 100%; }
  @media only screen and (max-width: 77.46875em) {
    .c-main-nav {
      -webkit-flex-direction: column;
              flex-direction: column;
      position: fixed;
      top: -10rem;
      left: 0;
      width: 100%;
      background-color: #ffffff;
      z-index: 100;
      visibility: hidden;
      opacity: 0;
      transition: top 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0s ease 250ms; }
      .c-main-nav.modal--is-showing {
        top: 0;
        opacity: 1;
        visibility: visible;
        transition: top 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } }
  @media only screen and (min-width: 77.5em) {
    .c-main-nav {
      -webkit-flex-grow: 1;
              flex-grow: 1;
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: flex-end;
              justify-content: flex-end; } }

@media only screen and (min-width: 77.5em) {
  *::-ms-backdrop,
  .c-main-nav {
    flex-grow: 0;
    width: 848px;
    margin-right: 100px; } }

@media only screen and (max-width: 77.46875em) {
  .main-nav__buttons {
    display: -webkit-flex;
    display: flex;
    padding: 2.5rem 5rem;
    background-color: #ffffff;
    box-shadow: 0 0 0.6rem 0 rgba(0, 0, 0, 0.2);
    -webkit-order: 1;
            order: 1; } }

@media only screen and (max-width: 63.96875em) {
  .main-nav__buttons {
    padding: 6rem 2.5rem 2.5rem; } }

@media only screen and (min-width: 48em) {
  .main-nav__buttons {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center; } }

@media only screen and (min-width: 77.5em) {
  .main-nav__buttons {
    padding-right: .5rem;
    position: relative;
    z-index: 2; } }

@media only screen and (min-width: 64em) {
  .main-nav__buttons-top {
    height: 11rem;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center; } }

@media only screen and (min-width: 77.5em) {
  .main-nav__buttons-top::after {
    content: '';
    display: block;
    width: 100vw;
    height: 100%;
    background: #ffffff;
    position: absolute;
    top: 0;
    right: calc((100vw - 1110px) / -2);
    z-index: 2; } }

.main-nav__button-languague {
  margin-right: 1rem; }
  .main-nav__button-languague .button__label {
    text-transform: uppercase; }
  @media only screen and (max-width: 47.96875em) {
    .main-nav__button-languague {
      -webkit-flex: 1;
              flex: 1; } }
  @media only screen and (min-width: 48em) {
    .main-nav__button-languague {
      margin-left: 1.5rem;
      margin-right: 1rem; } }
  @media only screen and (min-width: 77.5em) {
    .main-nav__button-languague {
      position: relative;
      z-index: 5; } }
  html:not(.is-touch) .main-nav__button-languague:hover.button--icon .button__icon,
  html.is-touch--with-mouse .main-nav__button-languague:hover.button--icon .button__icon {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
    html:not(.is-touch) .main-nav__button-languague:hover.button--icon .button__icon .svg-icons-lang-global,
    html.is-touch--with-mouse .main-nav__button-languague:hover.button--icon .button__icon .svg-icons-lang-global {
      -webkit-filter: brightness(0) invert(1);
              filter: brightness(0) invert(1); }

@media only screen and (max-width: 47.96875em) {
  .main-nav__button-login {
    -webkit-flex: 1;
            flex: 1;
    margin-left: 1rem; } }

@media only screen and (min-width: 77.5em) {
  .main-nav__button-login {
    padding: 1.4rem 1.8rem;
    box-shadow: none;
    position: relative;
    z-index: 5; }
    .main-nav__button-login .button__label {
      display: none; }
    .main-nav__button-login .button__icon {
      margin-right: 0; } }

html:not(.is-touch) .main-nav__button-login:hover.button--icon .button__icon,
html.is-touch--with-mouse .main-nav__button-login:hover.button--icon .button__icon {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); }

@media only screen and (max-width: 47.96875em) {
  .main-nav__buttons-bottom {
    background-color: #ffffff;
    position: absolute;
    width: 100%;
    padding: 2.5rem;
    left: 0;
    bottom: 0; } }

@media only screen and (min-width: 77.5em) {
  .main-nav__buttons-bottom {
    position: relative;
    z-index: 5; } }

@media only screen and (max-width: 47.96875em) {
  .main-nav__button-vacancies {
    width: 100%;
    text-align: center; } }

.main-nav__list {
  list-style-type: none; }
  @media only screen and (max-width: 63.96875em) {
    .main-nav__list {
      padding: 2.5rem; } }
  @media only screen and (max-width: 77.46875em) {
    .main-nav__list {
      -webkit-order: 2;
              order: 2;
      height: calc(100%);
      overflow-y: scroll;
      -webkit-overflow-scrolling: touch; } }
  @media only screen and (max-width: 47.96875em) {
    .main-nav__list {
      height: calc(100% - 24.5rem); } }
  @media only screen and (min-width: 64em) {
    .main-nav__list {
      padding: 4rem 5rem; } }
  @media only screen and (min-width: 77.5em) {
    .main-nav__list {
      padding: 0;
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: flex-end;
              justify-content: flex-end;
      -webkit-align-items: center;
              align-items: center;
      margin-left: auto;
      margin-right: auto; } }

@media only screen and (max-width: 77.46875em) {
  .main-nav__list-item {
    padding: 1rem 0; } }

@media only screen and (min-width: 77.5em) {
  .main-nav__list-item {
    padding: 0 1.7rem;
    height: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: stretch;
            align-items: stretch;
    position: relative; }
    html:not(.is-touch) .main-nav__list-item:hover .main-nav__list-item__title:before, html:not(.is-touch) .main-nav__list-item:hover .main-nav__list-item__title:after,
    html.is-touch--with-mouse .main-nav__list-item:hover .main-nav__list-item__title:before,
    html.is-touch--with-mouse .main-nav__list-item:hover .main-nav__list-item__title:after {
      -webkit-transform: scaleX(1);
              transform: scaleX(1); }
    html:not(.is-touch) .main-nav__list-item:hover .main-nav__sublist-container, html:not(.is-touch) .main-nav__list-item:focus .main-nav__sublist-container, html:not(.is-touch) .main-nav__list-item:focus-within .main-nav__sublist-container,
    html.is-touch--with-mouse .main-nav__list-item:hover .main-nav__sublist-container,
    html.is-touch--with-mouse .main-nav__list-item:focus .main-nav__sublist-container,
    html.is-touch--with-mouse .main-nav__list-item:focus-within .main-nav__sublist-container {
      pointer-events: initial; }
    html:not(.is-touch) .main-nav__list-item:hover .main-nav__sublist, html:not(.is-touch) .main-nav__list-item:focus .main-nav__sublist, html:not(.is-touch) .main-nav__list-item:focus-within .main-nav__sublist,
    html.is-touch--with-mouse .main-nav__list-item:hover .main-nav__sublist,
    html.is-touch--with-mouse .main-nav__list-item:focus .main-nav__sublist,
    html.is-touch--with-mouse .main-nav__list-item:focus-within .main-nav__sublist {
      opacity: 1;
      transition: opacity 300ms ease; }
      html:not(.is-touch) .main-nav__list-item:hover .main-nav__sublist::before, html:not(.is-touch) .main-nav__list-item:focus .main-nav__sublist::before, html:not(.is-touch) .main-nav__list-item:focus-within .main-nav__sublist::before,
      html.is-touch--with-mouse .main-nav__list-item:hover .main-nav__sublist::before,
      html.is-touch--with-mouse .main-nav__list-item:focus .main-nav__sublist::before,
      html.is-touch--with-mouse .main-nav__list-item:focus-within .main-nav__sublist::before {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0); } }

.main-nav__list-item .main-nav__list-item__title {
  position: relative; }
  .main-nav__list-item .main-nav__list-item__title::before, .main-nav__list-item .main-nav__list-item__title::after {
    content: '';
    position: absolute;
    bottom: 2px;
    height: 2px;
    background-color: currentColor;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    transition: -webkit-transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }
  .main-nav__list-item .main-nav__list-item__title::before {
    left: 0;
    right: 50%;
    -webkit-transform-origin: bottom left;
            transform-origin: bottom left; }
  .main-nav__list-item .main-nav__list-item__title::after {
    right: 0;
    left: 50%;
    -webkit-transform-origin: bottom right;
            transform-origin: bottom right; }
  html:not(.is-touch) .main-nav__list-item .main-nav__list-item__title:hover:before,
  html.is-touch--with-mouse .main-nav__list-item .main-nav__list-item__title:hover:before {
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  html:not(.is-touch) .main-nav__list-item .main-nav__list-item__title:hover:after,
  html.is-touch--with-mouse .main-nav__list-item .main-nav__list-item__title:hover:after {
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }

.main-nav__link {
  font-weight: 500; }
  .main-nav__link .arrow-link__icon {
    margin-left: 1rem; }
  html:not(.is-touch) .main-nav__link.has--sublinks:hover .arrow-link__icon,
  html.is-touch--with-mouse .main-nav__link.has--sublinks:hover .arrow-link__icon {
    margin-left: 1rem; }
  @media only screen and (max-width: 77.46875em) {
    .main-nav__link.sublist--is-active .arrow-link__icon {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); } }
  .main-nav__link:focus .main-nav__list-item__title::before {
    display: block;
    width: calc(100% + 15px);
    height: calc(100% + 15px);
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
            transform: translate3d(-50%, -50%, 0);
    background-color: #0094d9;
    -webkit-animation: focus-pulse 1500ms cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
            animation: focus-pulse 1500ms cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
    z-index: -1;
    content: ''; }

@keyframes focus-pulse {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-50%, -50%, 0) scale(0.85);
            transform: translate3d(-50%, -50%, 0) scale(0.85); }
  50% {
    opacity: 0.15;
    -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
            transform: translate3d(-50%, -50%, 0) scale(1); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-50%, -50%, 0) scale(0.85);
            transform: translate3d(-50%, -50%, 0) scale(0.85); } }

.main-nav__link--main-level {
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
          align-items: center; }
  .main-nav__link--main-level::before, .main-nav__link--main-level::after {
    display: none !important; }
  @media only screen and (max-width: 77.46875em) {
    .main-nav__link--main-level {
      font-size: 2.5rem;
      line-height: 1.5; } }
  @media only screen and (min-width: 77.5em) {
    .main-nav__link--main-level {
      position: relative;
      z-index: 5; } }

@media only screen and (min-width: 77.5em) {
  .main-nav__sublist-container {
    padding-top: 2rem;
    pointer-events: none; } }

@media only screen and (max-width: 77.46875em) {
  .main-nav__sublist-container.sublist--is-active .main-nav__sublist {
    max-height: 100rem; } }

.main-nav__sublist {
  list-style-type: none; }
  @media only screen and (max-width: 77.46875em) {
    .main-nav__sublist {
      overflow: hidden;
      max-height: 0;
      transition: max-height 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }
      .main-nav__sublist.sublist--is-active {
        max-height: 100rem; } }
  @media only screen and (min-width: 77.5em) {
    .main-nav__sublist {
      padding: 3rem;
      position: absolute;
      top: 12rem;
      left: -1rem;
      width: 40rem;
      opacity: 0;
      transition: opacity 300ms ease; }
      .main-nav__sublist::before, .main-nav__sublist::after {
        content: '';
        display: block; }
      .main-nav__sublist::before {
        -webkit-transform: translate3d(0, 2rem, 0);
                transform: translate3d(0, 2rem, 0);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #ffffff;
        border-radius: 1rem;
        box-shadow: 0 0 0.6rem 0 rgba(0, 0, 0, 0.4);
        transition: -webkit-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
      .main-nav__sublist::after {
        position: fixed;
        top: 10.8rem;
        left: 0;
        width: 100vw;
        height: calc(100vh - 10.8rem);
        background-color: rgba(0, 0, 0, 0.2);
        z-index: -1;
        pointer-events: none; } }

@media only screen and (max-width: 77.46875em) {
  .main-nav__sublist-item {
    padding-bottom: 2rem; }
    .main-nav__sublist-item:first-child {
      margin-top: 2rem; } }

@media only screen and (min-width: 77.5em) {
  .main-nav__sublist-item:first-child::after {
    position: absolute;
    top: -1.5rem;
    left: 0;
    z-index: 2;
    content: '';
    display: block;
    width: 100%;
    height: 2rem;
    background: transparent; }
  .main-nav__sublist-item:not(:last-child) {
    padding-bottom: 1.5rem; } }

@media only screen and (max-width: 47.96875em) {
  .main-nav__link--sub-level {
    width: 100%;
    -webkit-justify-content: space-between;
            justify-content: space-between;
    padding-right: .5rem; } }

.main-nav__button-login-wrapper {
  display: -webkit-inline-flex;
  display: inline-flex;
  position: relative; }
  .main-nav__button-login-wrapper .login-indicator {
    display: none;
    z-index: 15;
    width: 10px;
    height: 10px;
    background-color: #39b54a;
    border-radius: 50%;
    position: absolute;
    top: 32px;
    right: 10px; }
  .main-nav__button-login-wrapper.is--logged-in .login-indicator {
    display: block; }
    @media only screen and (max-width: 47.96875em) {
      .main-nav__button-login-wrapper.is--logged-in .login-indicator {
        top: -1px;
        right: 12px; } }
  @media only screen and (min-width: 64em) {
    .main-nav__button-login-wrapper {
      height: 11rem;
      -webkit-align-items: center;
              align-items: center; }
      html:not(.is-touch) .main-nav__button-login-wrapper.is--logged-in:hover .main-nav__login-menu,
      html.is-touch--with-mouse .main-nav__button-login-wrapper.is--logged-in:hover .main-nav__login-menu {
        visibility: visible;
        opacity: 1;
        transition: opacity 300ms ease; }
        html:not(.is-touch) .main-nav__button-login-wrapper.is--logged-in:hover .main-nav__login-menu::before,
        html.is-touch--with-mouse .main-nav__button-login-wrapper.is--logged-in:hover .main-nav__login-menu::before {
          -webkit-transform: translate3d(0, 0, 0);
                  transform: translate3d(0, 0, 0); } }

.main-nav__login-menu {
  opacity: 0;
  visibility: hidden;
  transition: opacity 300ms ease, visibility 0s 300ms; }
  .main-nav__login-menu::before, .main-nav__login-menu::after {
    content: '';
    display: block; }
  .main-nav__login-menu::after {
    position: fixed;
    left: 0;
    width: 100vw;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: -1;
    pointer-events: none; }
  .has--brand-banner .main-nav__login-menu::after {
    background-color: transparent; }
  @media only screen and (max-width: 63.96875em) {
    .main-nav__login-menu {
      display: -webkit-flex;
      display: flex;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      -webkit-flex-direction: column;
              flex-direction: column;
      -webkit-justify-content: flex-end;
              justify-content: flex-end;
      z-index: 999; }
      .main-nav__login-menu.login-menu--is-active {
        visibility: visible;
        opacity: 1;
        transition: opacity 300ms ease; }
      .main-nav__login-menu::after {
        top: 0;
        height: 100vh; } }
  @media only screen and (min-width: 64em) {
    .main-nav__login-menu {
      padding: 3rem;
      position: absolute;
      top: 12rem;
      right: 0;
      width: 35rem; }
      .main-nav__login-menu::before {
        -webkit-transform: translate3d(0, 2rem, 0);
                transform: translate3d(0, 2rem, 0);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #ffffff;
        border-radius: 1rem;
        box-shadow: 0 0 0.6rem 0 rgba(0, 0, 0, 0.4);
        transition: -webkit-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
      .main-nav__login-menu::after {
        top: 10.8rem;
        height: calc(100vh - 10.8rem); } }

.main-nav__login-menu-content {
  position: relative; }
  @media only screen and (max-width: 63.96875em) {
    .main-nav__login-menu-content {
      padding: 3rem;
      background-color: #ffffff;
      box-shadow: 0 0 0.6rem 0 rgba(0, 0, 0, 0.4);
      -webkit-transform: translate3d(0, 15rem, 0);
              transform: translate3d(0, 15rem, 0);
      transition: -webkit-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
      transition: transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
      transition: transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
      .login-menu--is-active .main-nav__login-menu-content {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0); } }
  @media only screen and (max-width: 29.96875em) {
    .main-nav__login-menu-content {
      padding: 2.5rem; } }

.main-nav__login-menu-title {
  position: relative;
  z-index: 2;
  font-size: 2rem;
  color: #000000;
  font-weight: 500;
  margin-bottom: 3rem;
  overflow: hidden;
  text-overflow: ellipsis;
  text-rendering: auto; }
  @media only screen and (max-width: 63.96875em) {
    .main-nav__login-menu-title {
      width: calc(100% - 4rem); } }
  @media only screen and (min-width: 64em) {
    .main-nav__login-menu-title::before {
      content: '';
      display: block;
      position: absolute;
      top: -5rem;
      left: -3rem;
      width: calc(100% + 6rem);
      height: 3rem;
      background-color: transparent; } }

.main-nav__login-menu-list {
  position: relative;
  z-index: 2;
  list-style-type: none; }

.main-nav__login-menu-item:not(:last-child) {
  margin-bottom: 2rem; }

.main-nav__login-menu-link {
  font-weight: 500; }

.main-nav__login-menu-close {
  padding: 1rem;
  line-height: 0;
  position: absolute;
  top: 2rem;
  right: 2rem;
  z-index: 2; }
  @media only screen and (max-width: 29.96875em) {
    .main-nav__login-menu-close {
      top: 1.5rem;
      right: 1.5rem; } }
  @media only screen and (min-width: 30em) {
    .main-nav__login-menu-close {
      top: 2rem;
      right: 2rem; } }
  .main-nav__login-menu-close::before, .main-nav__login-menu-close::after {
    display: none; }
  .main-nav__login-menu-close svg {
    fill: #0094d9; }

@media only screen and (max-width: 47.96875em) {
  .map-block--desktop {
    display: none; } }

@media only screen and (min-width: 48em) {
  .map-block--mobile {
    display: none; } }

.map-dot__wrapper {
  position: relative;
  margin-top: 35px; }
  .map-dot__wrapper img {
    width: 100%;
    height: auto; }
  @media screen and (min-width: 480px) {
    .map-dot__wrapper {
      margin-top: calc(35px + 5 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .map-dot__wrapper {
      margin-top: 40px; } }

.map__dot {
  position: absolute;
  width: 3.5rem;
  height: 3.5rem; }

.map__dot--mobile {
  position: absolute;
  width: 3rem;
  height: 3rem;
  font-weight: 500; }

.c-map-list {
  display: block; }
  @media only screen and (min-width: 48em) {
    .c-map-list {
      display: none; } }

.map-list__wrapper {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column; }

.map-list__item-link-item-wrapper {
  margin-top: 25px;
  display: -webkit-flex;
  display: flex; }

.map-list__item-dot--mobile {
  margin-right: 15px;
  width: 2.5rem;
  height: 2.5rem; }

.map-list__link {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-grow: 1;
          flex-grow: 1;
  -webkit-justify-content: space-between;
          justify-content: space-between; }

html[class*='is--modal-open__modal-map'], html[class*='is--modal-open__header-search'] {
  overflow: visible; }

.c-modal.modal--map {
  top: 5.5rem; }
  @media only screen and (min-width: 48em) and (max-width: 63.96875em) {
    .c-modal.modal--map {
      top: 5rem; } }
  @media only screen and (min-width: 64em) {
    .c-modal.modal--map {
      top: 10.5rem; } }
  .c-modal.modal--map .modal__container {
    height: 100%; }
  .c-modal.modal--map .modal__content {
    position: relative;
    height: 100%;
    padding: 0;
    margin: 0;
    max-width: none; }
  .c-modal.modal--map .modal__background {
    background-color: transparent; }
  .c-modal.modal--map .svg-fc {
    height: 100%; }
  .c-modal.modal--map .location-info-block__wrapper {
    padding: 0;
    margin-bottom: 40px; }
    @media only screen and (max-width: 47.96875em) {
      .c-modal.modal--map .location-info-block__wrapper {
        width: 85%; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ CSS styles go here */
  .c-modal.modal--map {
    top: 0; } }

.c-map__overlay {
  z-index: 3;
  background-color: rgba(0, 0, 0, 0.4);
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row-reverse;
          flex-direction: row-reverse;
  height: 100%;
  cursor: pointer; }

.map__overlay--right {
  position: absolute;
  right: -400px;
  overflow-y: scroll;
  background-color: #0094d9;
  width: 100%;
  transition: -webkit-transform 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  top: 0;
  bottom: 0;
  padding-top: 50px;
  padding-bottom: 50px;
  padding-left: 25px;
  padding-right: 25px; }
  @media screen and (min-width: 480px) {
    .map__overlay--right {
      padding-top: calc(50px + 20 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .map__overlay--right {
      padding-top: 70px; } }
  @media screen and (min-width: 480px) {
    .map__overlay--right {
      padding-bottom: calc(50px + 30 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .map__overlay--right {
      padding-bottom: 80px; } }
  @media screen and (min-width: 480px) {
    .map__overlay--right {
      padding-left: calc(25px + 55 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .map__overlay--right {
      padding-left: 80px; } }
  @media screen and (min-width: 480px) {
    .map__overlay--right {
      padding-right: calc(25px + 55 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .map__overlay--right {
      padding-right: 80px; } }
  @media only screen and (min-width: 48em) {
    .map__overlay--right {
      width: 50%; } }
  @media only screen and (min-width: 77.5em) {
    .map__overlay--right {
      width: 40%; } }
  .modal--is-showing .map__overlay--right {
    -webkit-transform: translateX(-400px);
            transform: translateX(-400px); }

.modal--map .modal__button-close {
  position: absolute;
  top: 4rem;
  right: 2.5rem;
  z-index: 3;
  width: 20px;
  height: 20px;
  background-color: transparent;
  line-height: 0;
  transition: -webkit-transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -webkit-transform-origin: center center;
          transform-origin: center center; }
  @media only screen and (min-width: 48em) {
    .modal--map .modal__button-close {
      top: 8.5rem;
      right: 6rem; } }
  .modal--map .modal__button-close svg path {
    color: #fff;
    fill: currentColor; }
  .modal--map .modal__button-close::before, .modal--map .modal__button-close::after {
    display: none; }
  html:not(.is-touch) .modal--map .modal__button-close:hover,
  html.is-touch--with-mouse .modal--map .modal__button-close:hover {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); }

.modal--map .location-info-block__subtitle {
  padding-bottom: 10px;
  font-size: 2rem;
  font-weight: 400; }

.modal--map .location-info-block__text {
  opacity: 0.6;
  padding-bottom: 0; }

.modal--map .modal--is-showing .map__overlay--right {
  right: 0; }

.c-masonry-card {
  border-bottom: 1px solid #d3d4d6;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid; }
  @media only screen and (max-width: 47.96875em) {
    .c-masonry-card {
      position: relative; } }
  .c-masonry-card:last-child {
    border-bottom: 0; }

.masonry-card-date {
  padding-bottom: 10px; }
  @media only screen and (max-width: 47.96875em) {
    .masonry-card-date {
      font-size: 14px; } }

.masonry-card__title {
  padding-bottom: 10px; }
  @media only screen and (max-width: 47.96875em) {
    .masonry-card__title {
      font-size: 1.6rem; } }

.masonry-card__media-wrapper {
  position: relative; }

.masonry-card__media .c-video {
  margin-bottom: 0;
  height: 24rem; }

.masonry-card__media .c-image {
  height: 24rem; }

.masonry-card__label-wrapper {
  position: absolute;
  bottom: 2px;
  left: 1px; }
  .masonry-card__label-wrapper.masonry-card__label-on-media {
    position: absolute;
    bottom: 10px;
    left: 10px;
    z-index: 3; }

.masonry-card__label {
  line-height: 1;
  padding: .5rem;
  display: inline;
  font-size: 1.3rem;
  font-weight: 500;
  color: #ffffff;
  background-color: #f7931e;
  margin-right: .5rem; }

.masonry-card__description {
  max-width: 65rem;
  margin-bottom: 30px;
  margin-top: 25px; }

@media only screen and (max-width: 47.96875em) {
  .card__arrow-link {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2; }
    .card__arrow-link .arrow-link__icon {
      position: absolute;
      top: 50%;
      margin-top: -12px;
      right: 0; }
    .card__arrow-link .arrow-link__label {
      display: none; } }

.card__image {
  width: 21%; }
  @media only screen and (max-width: 47.96875em) {
    .card__image {
      width: 35%;
      -webkit-align-items: center;
              align-items: center;
      display: -webkit-flex;
      display: flex;
      height: 100%; } }

.masonry-card-overview__title {
  padding-bottom: 35px; }
  @media screen and (min-width: 480px) {
    .masonry-card-overview__title {
      padding-bottom: calc(35px + 5 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .masonry-card-overview__title {
      padding-bottom: 40px; } }

.masonry-overview__card {
  -webkit-column-count: 1;
          column-count: 1;
  -webkit-column-gap: 0;
          column-gap: 0; }
  @media only screen and (min-width: 48em) and (max-width: 63.96875em) {
    .masonry-overview__card {
      -webkit-column-count: 2;
              column-count: 2;
      -webkit-column-gap: 40px;
              column-gap: 40px; } }
  @media only screen and (min-width: 64em) {
    .masonry-overview__card {
      -webkit-column-count: 3;
              column-count: 3;
      -webkit-column-gap: 40px;
              column-gap: 40px; } }

.t-dfe-pharma .c-meta-data-item {
  color: #0094d9; }

.c-meta-data-item {
  display: -webkit-flex;
  display: flex;
  color: #6e6f72; }
  .c-meta-data-item.meta-data-item--light {
    color: #ffffff; }

.meta-data-item__icon {
  line-height: 0;
  min-width: 18px; }
  @media only screen and (max-width: 47.96875em) {
    .meta-data-item__icon {
      margin-right: 1.5rem; } }
  @media only screen and (min-width: 48em) {
    .meta-data-item__icon {
      margin-right: 2rem; } }
  .meta-data-item__icon svg {
    max-width: 20px;
    max-height: 20px;
    fill: currentColor; }

.meta-data-item__label {
  font-size: 1.4rem;
  line-height: 1.2; }
  .meta-data-item--light .meta-data-item__label {
    font-weight: 500;
    text-transform: uppercase; }
  .page-header__detail .meta-data-item__label {
    font-weight: 500; }

.c-milestone-card {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  border-radius: 1rem;
  padding: 20px; }
  @media screen and (min-width: 480px) {
    .c-milestone-card {
      padding: calc(20px + 10 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .c-milestone-card {
      padding: 30px; } }

.milestone-card__icon {
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  margin-right: 30px;
  margin-left: 0px;
  width: 35px;
  height: 35px; }
  @media screen and (min-width: 480px) {
    .milestone-card__icon {
      margin-right: calc(30px + 20 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .milestone-card__icon {
      margin-right: 50px; } }
  @media screen and (min-width: 480px) {
    .milestone-card__icon {
      margin-left: calc(0px + 10 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .milestone-card__icon {
      margin-left: 10px; } }
  @media screen and (min-width: 480px) {
    .milestone-card__icon {
      width: calc(35px + 20 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .milestone-card__icon {
      width: 55px; } }
  @media screen and (min-width: 480px) {
    .milestone-card__icon {
      height: calc(35px + 20 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .milestone-card__icon {
      height: 55px; } }
  .milestone-card__icon svg {
    width: 100%;
    height: 100%;
    fill: #39b54a; }

.milestone-card__title {
  font-weight: 500; }

.milestone-card__description {
  font-size: 1.4rem;
  color: #000000;
  line-height: 1.4; }

.milestones__title {
  margin-bottom: 2rem; }

@media only screen and (min-width: 48em) {
  .milestones__content {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    margin-left: -1rem;
    margin-right: -1rem;
    margin-bottom: 1.5rem; } }

.milestones__content .c-milestone-card {
  margin-bottom: 1.5rem; }
  @media only screen and (max-width: 47.96875em) {
    .milestones__content .c-milestone-card:last-child {
      margin-bottom: 0; } }
  @media only screen and (min-width: 48em) {
    .milestones__content .c-milestone-card {
      margin-left: 1rem;
      margin-right: 1rem;
      width: calc(49.99% - 2rem); } }

[class*='is--modal-open'] {
  overflow: hidden; }
  [class*='is--modal-open'] body {
    overflow: hidden; }

[class^='is--modal-open'].is-touch body {
  position: fixed; }

.c-modal {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  z-index: 9999;
  display: -webkit-flex;
  display: flex;
  pointer-events: none;
  transition: 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955), 0ms linear 400ms;
  transition-property: opacity, visibility;
  -webkit-overflow-scrolling: touch;
  visibility: hidden; }

div.modal--is-showing {
  left: 0;
  opacity: 1;
  pointer-events: all;
  transition: 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition-property: opacity;
  visibility: visible; }
  div.modal--is-showing .modal__content {
    opacity: 1;
    transition: 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 100ms, 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform; }
  div.modal--is-showing .modal__background {
    left: 0;
    transition: 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955), 0ms;
    transition-property: opacity, left; }

.modal__button-close {
  position: absolute;
  top: 0;
  right: 0;
  background-color: transparent; }

.modal__container {
  z-index: 1;
  left: 50%;
  max-height: 100%;
  overflow: auto;
  position: absolute;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  top: 50%;
  width: 100%; }

.modal__content {
  position: relative;
  z-index: 1;
  max-width: 1600px;
  margin: 20px;
  width: auto;
  height: auto;
  opacity: 0;
  padding: 20px;
  transition: 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955), 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  overflow-x: hidden; }
  @media only screen and (min-width: 102.46875em) {
    .modal__content {
      max-width: calc( 1600px - 40px);
      margin: 20px auto; } }

.modal__background {
  position: fixed;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 0;
  cursor: pointer;
  transition: 0ms linear 400ms;
  transition-property: left; }

#onetrust-banner-sdk button::before, #onetrust-banner-sdk button::after {
  display: none; }

.t-dfe-pharma .c-page-header.page-header__detail .page-header__title {
  font-size: 35px; }
  @media screen and (min-width: 480px) {
    .t-dfe-pharma .c-page-header.page-header__detail .page-header__title {
      font-size: calc(35px + 35 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .t-dfe-pharma .c-page-header.page-header__detail .page-header__title {
      font-size: 70px; } }

.t-dfe-pharma .c-page-header .page-header__title {
  font-family: "Canaro", Helvetica, Arial, sans-serif; }

.t-dfe-pharma .c-page-header .page-header__image {
  border-radius: 1rem; }

.c-page-header {
  position: relative;
  z-index: 2;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center; }
  .c-page-header::after {
    content: '';
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 0;
    background: url("../svg/brand/sun-flare.svg") no-repeat;
    background-size: cover;
    background-position: center; }
    @media only screen and (min-width: 48em) {
      .c-page-header::after {
        background-size: contain; } }
  .c-page-header.page-header--is-small {
    min-height: 120px;
    padding-top: 40px;
    padding-bottom: 20px; }
    @media screen and (min-width: 480px) {
      .c-page-header.page-header--is-small {
        min-height: calc(120px + 60 * (100vw - 480px) / 760); } }
    @media screen and (min-width: 1240px) {
      .c-page-header.page-header--is-small {
        min-height: 180px; } }
    @media screen and (min-width: 480px) {
      .c-page-header.page-header--is-small {
        padding-top: calc(40px + 25 * (100vw - 480px) / 760); } }
    @media screen and (min-width: 1240px) {
      .c-page-header.page-header--is-small {
        padding-top: 65px; } }
    @media screen and (min-width: 480px) {
      .c-page-header.page-header--is-small {
        padding-bottom: calc(20px + 15 * (100vw - 480px) / 760); } }
    @media screen and (min-width: 1240px) {
      .c-page-header.page-header--is-small {
        padding-bottom: 35px; } }
  .c-page-header.page-header--is-large {
    padding-top: 60px;
    padding-bottom: 20px; }
    @media screen and (min-width: 480px) {
      .c-page-header.page-header--is-large {
        padding-top: calc(60px + 25 * (100vw - 480px) / 760); } }
    @media screen and (min-width: 1240px) {
      .c-page-header.page-header--is-large {
        padding-top: 85px; } }
    @media screen and (min-width: 480px) {
      .c-page-header.page-header--is-large {
        padding-bottom: calc(20px + 30 * (100vw - 480px) / 760); } }
    @media screen and (min-width: 1240px) {
      .c-page-header.page-header--is-large {
        padding-bottom: 50px; } }
    @media only screen and (min-width: 64em) {
      .c-page-header.page-header--is-large {
        min-height: 46rem; } }
  .c-page-header.page-header--is-medium {
    padding-top: 60px;
    padding-bottom: 20px; }
    @media screen and (min-width: 480px) {
      .c-page-header.page-header--is-medium {
        padding-top: calc(60px + 25 * (100vw - 480px) / 760); } }
    @media screen and (min-width: 1240px) {
      .c-page-header.page-header--is-medium {
        padding-top: 85px; } }
    @media screen and (min-width: 480px) {
      .c-page-header.page-header--is-medium {
        padding-bottom: calc(20px + 30 * (100vw - 480px) / 760); } }
    @media screen and (min-width: 1240px) {
      .c-page-header.page-header--is-medium {
        padding-bottom: 50px; } }
    @media only screen and (min-width: 48em) {
      .c-page-header.page-header--is-medium {
        min-height: 34rem; } }
  @media only screen and (max-width: 47.96875em) {
    .c-page-header.page-header--has-search.page-header--has-image {
      padding-bottom: 0; } }
  .c-page-header.page-header--has-general-search {
    -webkit-flex-direction: column;
            flex-direction: column; }
    @media only screen and (max-width: 47.96875em) {
      .c-page-header.page-header--has-general-search {
        padding-bottom: 0; } }
  @media only screen and (max-width: 47.96875em) {
    .c-page-header:not(.page-header--has-metadata):not(.page-header--has-search).page-header--has-image {
      margin-bottom: 100px; } }
  @media only screen and (max-width: 47.96875em) and (min-width: 480px) {
    .c-page-header:not(.page-header--has-metadata):not(.page-header--has-search).page-header--has-image {
      margin-bottom: calc(100px + 60 * (100vw - 480px) / 760); } }
  @media only screen and (max-width: 47.96875em) and (min-width: 1240px) {
    .c-page-header:not(.page-header--has-metadata):not(.page-header--has-search).page-header--has-image {
      margin-bottom: 160px; } }
  .c-page-header.page-header--has-image:last-child {
    margin-bottom: 4rem; }
  .c-page-header .o-container {
    width: 100%; }
  .c-page-header .c-breadcrumb {
    position: absolute;
    top: 20px; }
    @media screen and (min-width: 480px) {
      .c-page-header .c-breadcrumb {
        top: calc(20px + 20 * (100vw - 480px) / 760); } }
    @media screen and (min-width: 1240px) {
      .c-page-header .c-breadcrumb {
        top: 40px; } }
  .c-page-header .c-vacancy-search-bar {
    position: absolute;
    left: 0; }
    @media only screen and (max-width: 47.96875em) {
      .c-page-header .c-vacancy-search-bar {
        bottom: -3.9rem; } }
    @media only screen and (min-width: 48em) {
      .c-page-header .c-vacancy-search-bar {
        bottom: -4.5rem; } }
  .c-page-header .c-general-search-bar {
    width: 100%; }

@media only screen and (min-width: 48em) and (max-width: 63.96875em) {
  .page-header--has-image .page-header__wrapper {
    width: 50%; } }

@media only screen and (min-width: 64em) and (max-width: 77.46875em) {
  .page-header--has-image .page-header__wrapper {
    width: 58.33333%; } }

@media only screen and (min-width: 77.5em) {
  .page-header--has-image .page-header__wrapper {
    width: 66.66667%; } }

.page-header__content {
  margin-top: auto;
  margin-bottom: auto; }

.page-header__title {
  max-width: 78rem; }

.page-header__body {
  margin-top: 20px; }
  @media screen and (min-width: 480px) {
    .page-header__body {
      margin-top: calc(20px + 10 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .page-header__body {
      margin-top: 30px; } }

.page-header__button {
  margin-top: 20px;
  position: relative;
  z-index: 1; }
  @media screen and (min-width: 480px) {
    .page-header__button {
      margin-top: calc(20px + 10 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .page-header__button {
      margin-top: 30px; } }

.page-header__job-alert-unsubscribe-form {
  margin-top: 20px;
  margin-left: 20px;
  display: inline-block;
  position: relative;
  z-index: 1; }
  @media screen and (min-width: 480px) {
    .page-header__job-alert-unsubscribe-form {
      margin-top: calc(20px + 10 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .page-header__job-alert-unsubscribe-form {
      margin-top: 30px; } }

.page-header__alert {
  margin-top: 40px;
  margin-bottom: 0; }

.page-header__image {
  overflow: hidden;
  border-top-left-radius: 1rem;
  border-bottom-left-radius: 75px;
  box-shadow: 0 70px 50px -50px rgba(110, 111, 114, 0.5); }
  @media screen and (min-width: 480px) {
    .page-header__image {
      border-bottom-left-radius: calc(75px + 45 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .page-header__image {
      border-bottom-left-radius: 120px; } }
  @media only screen and (max-width: 47.96875em) {
    .page-header__image {
      margin-top: 3rem;
      width: calc(100% + 3rem); }
      .c-page-header:not(.page-header--has-search) .page-header__image:last-child {
        margin-bottom: -6rem; } }
  @media only screen and (min-width: 48em) {
    .page-header__image {
      position: absolute;
      right: 0;
      height: 100%; } }
  @media only screen and (min-width: 48em) and (max-width: 63.96875em) {
    .page-header__image {
      top: 3rem;
      width: 41.66667%; } }
  @media only screen and (min-width: 64em) {
    .page-header__image {
      top: 5rem;
      width: 33.33333%; } }
  @media only screen and (min-width: 48em) {
    .c-page-header.page-header--has-search .page-header__image {
      top: 3rem;
      height: calc(100% - 3rem); } }

.page-header__meta-data {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 4rem -2rem -2rem; }
  .page-header__meta-data .c-meta-data-item {
    margin-bottom: 3rem;
    margin-left: 2rem;
    margin-right: 2rem; }
    @media only screen and (max-width: 63.96875em) {
      .page-header__meta-data .c-meta-data-item {
        width: calc(50% - 4rem); } }
    @media only screen and (min-width: 64em) {
      .page-header__meta-data .c-meta-data-item {
        width: calc(33.33% - 4rem); } }

@media only screen and (min-width: 48em) {
  .page-header--image-is-large .page-header__image {
    height: 150%; } }

@media only screen and (min-width: 64em) {
  .page-header--image-is-large .page-header__image {
    height: 195%; } }

.t-dfe-pharma .pagination__label {
  color: #0094d9; }

.c-pagination {
  margin-top: 30px; }
  @media screen and (min-width: 480px) {
    .c-pagination {
      margin-top: calc(30px + 50 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .c-pagination {
      margin-top: 80px; } }

.pagination__list {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
  text-align: center;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center; }
  @media only screen and (max-width: 47.96875em) {
    .pagination__list {
      -webkit-justify-content: center;
              justify-content: center; } }
  @media only screen and (min-width: 48em) {
    .pagination__list {
      -webkit-justify-content: flex-end;
              justify-content: flex-end; } }

.pagination__label {
  letter-spacing: .5rem;
  margin-left: 2rem;
  margin-right: 2rem;
  color: #000000;
  font-weight: 500; }

.pagination__link {
  line-height: 5.5rem;
  padding-top: 2.4rem;
  padding-bottom: 2.3rem; }

.process-block__title {
  margin-bottom: 2rem; }

@media only screen and (min-width: 64em) {
  .process-block__content {
    display: -webkit-flex;
    display: flex;
    margin-left: -1rem;
    margin-right: -1rem; } }

.process-block__step {
  width: 100%;
  padding: 15px;
  display: -webkit-flex;
  display: flex;
  overflow: hidden;
  text-align: left;
  -webkit-flex-direction: column;
          flex-direction: column;
  border-radius: 1rem;
  border: 2px solid rgba(110, 111, 114, 0.3); }
  @media screen and (min-width: 480px) {
    .process-block__step {
      padding: calc(15px + 10 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .process-block__step {
      padding: 25px; } }
  @media only screen and (max-width: 63.96875em) {
    .process-block__step {
      transition-duration: 250ms;
      transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      transition-property: background-color, border-color, box-shadow; } }
  @media only screen and (max-width: 63.96875em) {
    .process-block__step:not(:last-child) {
      margin-bottom: 1.5rem; } }
  @media only screen and (min-width: 64em) {
    .process-block__step {
      width: 20%;
      margin-left: 1rem;
      margin-right: 1rem;
      transition-duration: 250ms;
      transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      transition-property: background-color, border-color, box-shadow, width; }
      .process-block__step--count-1 .process-block__step {
        width: 100%; }
      .process-block__step--count-2 .process-block__step {
        width: 50%; }
      .process-block__step--count-3 .process-block__step {
        width: 33.33%; }
      .process-block__step--count-4 .process-block__step {
        width: 25%; }
      .process-block__step--count-5 .process-block__step {
        width: 20%; } }
  .process-block__step::before, .process-block__step::after {
    background-color: rgba(0, 148, 217, 0.07);
    bottom: 0;
    height: 100%; }

.process-block__step--is-active {
  border-color: #ffffff;
  background-color: #ffffff;
  box-shadow: 0 30px 50px -30px rgba(110, 111, 114, 0.3);
  cursor: default; }
  @media only screen and (min-width: 64em) {
    .process-block__step--is-active {
      width: 40%;
      transition: width 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955), background-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 400ms, border-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 400ms, box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 400ms; } }
  .process-block__step--is-active::before, .process-block__step--is-active::after {
    display: none; }

.process-block__step-icons {
  position: relative;
  z-index: 2;
  padding-right: 5px;
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-align-items: center;
          align-items: center; }
  @media screen and (min-width: 480px) {
    .process-block__step-icons {
      padding-right: calc(5px + 5 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .process-block__step-icons {
      padding-right: 10px; } }
  .process-block__step-icons svg {
    fill: #f7931e;
    transition: -webkit-transform 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    @media only screen and (max-width: 63.96875em) {
      .process-block__step--is-active .process-block__step-icons svg {
        -webkit-transform: rotate(-180deg);
                transform: rotate(-180deg); } }
    @media only screen and (min-width: 64em) {
      .process-block__step-icons svg {
        display: none; } }

.process-block__step-count {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 50%;
  background-color: #f7931e;
  color: #ffffff;
  font-weight: 500; }

.process-block__step-title {
  position: relative;
  z-index: 2;
  margin-top: 1.5rem;
  margin-bottom: 1rem;
  display: block;
  font-weight: 500;
  color: #000000; }

.process-block__step-description {
  position: relative;
  z-index: 2;
  max-height: 0;
  overflow: hidden; }
  @media only screen and (max-width: 63.96875em) {
    .process-block__step-description {
      transition: max-height 350ms cubic-bezier(0.455, 0.03, 0.515, 0.955); } }
  @media only screen and (min-width: 64em) {
    .process-block__step-description {
      opacity: 0;
      transition: max-height 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955), opacity 250ms ease; } }
  .process-block__step--is-active .process-block__step-description {
    max-height: 30rem; }
    @media only screen and (max-width: 63.96875em) {
      .process-block__step--is-active .process-block__step-description {
        transition-delay: 150ms; } }
    @media only screen and (min-width: 64em) {
      .process-block__step--is-active .process-block__step-description {
        transition: max-height 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 600ms, opacity 200ms ease 750ms;
        opacity: 1; } }

.rich-text-block__link {
  margin-top: 1rem; }

@media only screen and (max-width: 47.96875em) {
  .rich-text-block__body {
    margin-top: 2rem; } }

.rich-text-block__button {
  margin-top: 2rem; }

@media only screen and (max-width: 47.96875em) {
  .rich-text-block__readmore-block.readmore--is-active {
    position: relative;
    overflow: hidden;
    max-height: 40rem;
    margin-bottom: 2rem;
    transition: max-height 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }
    .rich-text-block__readmore-block.readmore--is-active::after {
      content: '';
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 6.5rem;
      background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
      transition: opacity 300ms, visibility 0s ease 200ms; }
    .rich-text-block__readmore-block.readmore--is-active.readmore--is-opened {
      max-height: 300rem;
      margin-bottom: 0; }
      .rich-text-block__readmore-block.readmore--is-active.readmore--is-opened:after {
        opacity: 0;
        visibility: hidden; }
    .rich-text-block__readmore-block.readmore--is-active + .rich-text-block__readmore-button {
      display: -webkit-inline-flex;
      display: inline-flex; } }

.rich-text-block__readmore-button {
  display: none;
  transition: opacity 300ms, visibility 0s ease 200ms, height 0s ease 200ms; }
  .rich-text-block__readmore-button.button--is-hidden {
    opacity: 0;
    visibility: hidden;
    height: 0; }

.c-search-card {
  display: -webkit-flex;
  display: flex;
  border-top: 1px solid #d3d4d6;
  border-bottom: 1px solid #d3d4d6;
  padding-top: 35px;
  padding-bottom: 25px; }
  @media screen and (min-width: 480px) {
    .c-search-card {
      padding-top: calc(35px + 10 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .c-search-card {
      padding-top: 45px; } }
  @media screen and (min-width: 480px) {
    .c-search-card {
      padding-bottom: calc(25px + 15 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .c-search-card {
      padding-bottom: 40px; } }
  .c-search-card + .c-search-card {
    border-top: 0; }
  .c-search-card.search-card--has-label {
    padding-top: 40px; }
    @media screen and (min-width: 480px) {
      .c-search-card.search-card--has-label {
        padding-top: calc(40px + 0 * (100vw - 480px) / 760); } }
    @media screen and (min-width: 1240px) {
      .c-search-card.search-card--has-label {
        padding-top: 40px; } }
  .c-search-card::before, .c-search-card::after {
    background-color: rgba(0, 148, 217, 0.07);
    height: 100%;
    width: calc(50% + 1.5rem);
    bottom: 0; }
  .c-search-card::before {
    left: -1.5rem;
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem; }
  .c-search-card::after {
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem; }
  html:not(.is-touch) .c-search-card:hover .search-card__icon,
  html.is-touch--with-mouse .c-search-card:hover .search-card__icon {
    -webkit-transform: translate3d(8px, 0, 0);
            transform: translate3d(8px, 0, 0); }

.search-card__wrapper {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  width: 100%; }

.search-card__description-wrapper {
  width: 70%; }
  @media only screen and (min-width: 48em) {
    .search-card__description-wrapper {
      width: 100%; } }
  .search-card__description-wrapper .search-card__description {
    display: none;
    color: #6e6f72;
    width: 70%; }
    @media only screen and (min-width: 48em) {
      .search-card__description-wrapper .search-card__description {
        display: block;
        margin-top: 10px; } }

.search-card__label {
  line-height: 1;
  padding: .5rem;
  display: block;
  font-size: 1.3rem;
  font-weight: 500;
  color: #ffffff;
  background-color: #f7931e;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2; }

.search-card__title {
  position: relative;
  z-index: 2; }

.search-card__icon-wrapper {
  position: relative;
  width: auto; }

.search-card__icon {
  vertical-align: middle;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -15px;
  right: 0;
  height: 30%;
  margin: auto;
  transition: -webkit-transform 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }

.path-search .block.block-system.block-system-main-block > h2 {
  display: none; }

.search-cards-overview__title {
  margin-bottom: 25px; }
  @media screen and (min-width: 480px) {
    .search-cards-overview__title {
      margin-bottom: calc(25px + 15 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .search-cards-overview__title {
      margin-bottom: 40px; } }

.search-cards-overview__button {
  margin-top: 25px; }
  @media screen and (min-width: 480px) {
    .search-cards-overview__button {
      margin-top: calc(25px + 10 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .search-cards-overview__button {
      margin-top: 35px; } }

.t-dfe-pharma .c-share .share__title {
  font-size: 2.4rem;
  font-weight: 300; }

.t-dfe-pharma .c-share .share__button {
  background-color: #39b54a; }

.share__title {
  margin-bottom: 2rem; }

.share__list {
  list-style-type: none;
  display: -webkit-flex;
  display: flex; }

@media only screen and (max-width: 29.96875em) {
  .share__item:not(:last-child) {
    padding-right: .5rem; } }

@media only screen and (min-width: 30em) {
  .share__item:not(:last-child) {
    padding-right: 1rem; } }

.share__button {
  overflow: hidden;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  border-radius: 50%;
  background-color: #0094d9;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  margin-bottom: 1px;
  padding-bottom: 1px; }
  @media only screen and (max-width: 47.96875em) {
    .share__button {
      width: 5rem;
      height: 5rem; } }
  @media only screen and (min-width: 48em) {
    .share__button {
      width: 5.5rem;
      height: 5.5rem; } }
  .share__button::before, .share__button::after {
    background-color: #0083c0;
    height: 100%;
    bottom: 0; }
  .share__button svg {
    fill: #ffffff;
    max-width: 30px;
    max-height: 25px;
    position: relative;
    z-index: 2; }

.t-dfe-pharma .c-step-form .step-form__vacancy-title {
  color: rgba(255, 255, 255, 0.6); }

.t-dfe-pharma .c-step-form .step-form__step-title {
  font-size: 35px;
  margin-bottom: 15px;
  font-weight: 100; }
  @media screen and (min-width: 480px) {
    .t-dfe-pharma .c-step-form .step-form__step-title {
      font-size: calc(35px + 15 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .t-dfe-pharma .c-step-form .step-form__step-title {
      font-size: 50px; } }
  @media screen and (min-width: 480px) {
    .t-dfe-pharma .c-step-form .step-form__step-title {
      margin-bottom: calc(15px + 10 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .t-dfe-pharma .c-step-form .step-form__step-title {
      margin-bottom: 25px; } }

.t-dfe-pharma .c-step-form .step-form__step-description {
  margin-bottom: 60px;
  font-weight: 300;
  margin-top: 0; }
  @media screen and (min-width: 480px) {
    .t-dfe-pharma .c-step-form .step-form__step-description {
      margin-bottom: calc(60px + 60 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .t-dfe-pharma .c-step-form .step-form__step-description {
      margin-bottom: 120px; } }

.t-dfe-pharma .c-step-form .step-form__nav-next svg,
.t-dfe-pharma .c-step-form .step-form__nav-submut svg {
  fill: #39b54a; }

@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.c-step-form {
  position: fixed;
  top: 0;
  left: 200%;
  width: 100%;
  height: 100vh;
  background-color: #0094d9;
  z-index: 999;
  visibility: hidden;
  pointer-events: none;
  opacity: 0;
  -webkit-transform: translate3d(0, 10rem, 0);
          transform: translate3d(0, 10rem, 0);
  transition: opacity 200ms ease, visibility 0s ease 300ms, left 0s 300ms, -webkit-transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 200ms ease, transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0s ease 300ms, left 0s 300ms;
  transition: opacity 200ms ease, transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0s ease 300ms, left 0s 300ms, -webkit-transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .c-step-form.modal--is-showing {
    opacity: 1;
    left: 0;
    visibility: visible;
    pointer-events: auto;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    transition: opacity 200ms ease, left 0s 0s, -webkit-transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: opacity 200ms ease, transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94), left 0s 0s;
    transition: opacity 200ms ease, transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94), left 0s 0s, -webkit-transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  @media only screen and (max-width: 47.96875em) {
    .c-step-form {
      padding-top: 2.5rem; } }
  @media only screen and (min-width: 48em) and (max-width: 63.96875em) {
    .c-step-form {
      padding-top: 4rem; } }
  @media only screen and (min-width: 64em) and (max-width: 77.46875em) {
    .c-step-form {
      padding-top: 6rem; } }
  @media only screen and (min-width: 77.5em) {
    .c-step-form {
      padding-top: 8rem; } }
  .c-step-form .o-container {
    padding: 0; }
  .c-step-form #edit-application-submit {
    display: none; }
  .c-step-form .messages--error {
    font-size: 1.4rem;
    line-height: 1.7;
    margin-top: 2rem;
    opacity: .8; }

.step-form__wrapper {
  position: relative; }

@media only screen and (max-width: 29.96875em) {
  .step-form__header {
    padding-left: 2.5rem;
    padding-right: 2.5rem; } }

@media only screen and (max-width: 47.96875em) {
  .step-form__header {
    height: 7.5rem; } }

@media only screen and (min-width: 30em) {
  .step-form__header {
    padding-left: 3rem;
    padding-right: 3rem; } }

@media only screen and (min-width: 48em) {
  .step-form__header {
    height: 4rem; } }

.step-form__step-indicator {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-items: center;
          align-items: center;
  width: 6rem;
  border-radius: 1.5rem;
  border: 2px solid #ffffff;
  height: 3rem;
  font-size: 1.4rem;
  font-weight: 500; }
  @media only screen and (max-width: 47.96875em) {
    .step-form__step-indicator {
      margin-bottom: 2rem; } }
  @media only screen and (min-width: 48em) {
    .step-form__step-indicator {
      margin-right: 2rem; } }

.step-form__vacancy-title {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.5);
  max-width: calc(100% - 4rem);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }
  @media screen and (min-width: 480px) {
    .step-form__vacancy-title {
      font-size: calc(12px + 4 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .step-form__vacancy-title {
      font-size: 16px; } }
  @media only screen and (min-width: 48em) {
    .step-form__vacancy-title {
      padding-top: .3rem; } }

.step-form__close {
  padding: 1rem;
  top: -1rem;
  position: absolute;
  transition: -webkit-transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }
  @media only screen and (max-width: 29.96875em) {
    .step-form__close {
      right: 1.5rem; } }
  @media only screen and (min-width: 30em) {
    .step-form__close {
      right: 2rem; } }
  .step-form__close::before, .step-form__close::after {
    display: none; }
  .step-form__close svg {
    fill: #ffffff; }
  html:not(.is-touch) .step-form__close:hover,
  html.is-touch--with-mouse .step-form__close:hover {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); }

.step-form__content {
  padding-top: 20px; }
  @media screen and (min-width: 480px) {
    .step-form__content {
      padding-top: calc(20px + 30 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .step-form__content {
      padding-top: 50px; } }
  @media only screen and (max-width: 47.96875em) {
    .step-form__content {
      height: calc(100vh - 2.5rem - 7.5rem); } }
  @media only screen and (min-width: 48em) and (max-width: 63.96875em) {
    .step-form__content {
      height: calc(100vh - 4rem - 4rem); } }
  @media only screen and (min-width: 64em) and (max-width: 77.46875em) {
    .step-form__content {
      height: calc(100vh - 6rem - 4rem); } }
  @media only screen and (min-width: 77.5em) {
    .step-form__content {
      height: calc(100vh - 8rem - 4rem); } }
  @media only screen and (max-width: 63.96875em) {
    .step-form__content {
      overflow-y: scroll;
      -webkit-overflow-scrolling: touch; } }
  @media only screen and (min-width: 64em) {
    .step-form__content {
      overflow-y: auto; } }
  .step-form__content .s-form-large .form__item {
    margin-bottom: 0; }

.step-form__form {
  height: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column; }
  .step-form__form .form__item-wrapper {
    position: relative; }
  .step-form__form .form__item {
    width: 100%; }
  .step-form__form .input--file .ajax-progress {
    position: absolute;
    top: 1.2rem;
    left: 2.5rem; }

.step-form__clear-selection-button {
  margin-top: 30px; }
  @media only screen and (max-width: 47.96875em) {
    .step-form__clear-selection-button {
      margin-bottom: 30px; } }

.step-form__form-steps {
  height: 100%;
  position: relative; }
  .step-form__form-steps .o-grid {
    height: 100%; }

.step-form__step {
  position: absolute;
  top: 0;
  overflow: hidden;
  visibility: hidden;
  height: 0;
  width: 100%;
  opacity: 0;
  -webkit-transform: translate3d(0, 10rem, 0);
          transform: translate3d(0, 10rem, 0);
  transition: opacity 350ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: opacity 350ms cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: opacity 350ms cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }
  @media only screen and (max-width: 29.96875em) {
    .step-form__step {
      padding-left: 2.5rem;
      padding-right: 2.5rem; } }
  @media only screen and (min-width: 30em) and (max-width: 47.96875em) {
    .step-form__step {
      padding-left: 3rem;
      padding-right: 3rem; } }
  @media only screen and (min-width: 48em) {
    .step-form__step {
      padding-left: calc(12.5% + 3rem);
      padding-right: calc(12.5% + 3rem); } }
  .step-form__step .form__item-wrapper {
    margin-bottom: 6rem; }
    .step-form__step .form__item-wrapper.spacing--small {
      margin-bottom: 1rem; }
    .t-dfe-pharma .step-form__step .form__item-wrapper {
      margin-bottom: 8rem; }
    @media only screen and (min-width: 48em) {
      .step-form__step .form__item-wrapper:first-child {
        padding-top: 1rem; }
        .t-dfe-pharma .step-form__step .form__item-wrapper:first-child {
          padding-top: 0; } }
    @media only screen and (min-width: 64em) {
      .step-form__step .form__item-wrapper:last-child {
        margin-bottom: -4rem; } }
    .step-form__step .form__item-wrapper .form__item.input--file {
      margin-bottom: 3rem; }
    .step-form__step .form__item-wrapper .checkbox__label,
    .step-form__step .form__item-wrapper .radio__label {
      margin-bottom: .5rem; }
      .step-form__step .form__item-wrapper .checkbox__label:last-child,
      .step-form__step .form__item-wrapper .radio__label:last-child {
        margin-bottom: 0; }
    @media only screen and (min-width: 77.5em) {
      .step-form__step .form__item-wrapper {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
                flex-wrap: wrap;
        margin-left: -2rem;
        margin-right: -2rem; }
        .step-form__step .form__item-wrapper > div,
        .step-form__step .form__item-wrapper > button {
          margin-left: 2rem;
          margin-right: 2rem; }
          .step-form__step .form__item-wrapper > div:not(.c-checkbox),
          .step-form__step .form__item-wrapper > button:not(.c-checkbox) {
            width: calc(50% - 4rem); }
          .step-form__step .form__item-wrapper > div.step-form__step-form-description,
          .step-form__step .form__item-wrapper > button.step-form__step-form-description {
            width: calc(100% - 4rem); } }

.form-step--is-active {
  visibility: visible;
  opacity: 1;
  height: auto;
  min-height: 100%;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); }
  .form-step--is-active::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0094d9;
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    transition: opacity 300ms ease, visibility 0ms ease 300ms; }

.form-step--is-disabled {
  pointer-events: none; }
  .form-step--is-disabled::before {
    opacity: .5;
    visibility: visible;
    transition: opacity 300ms; }
  .form-step--is-disabled::after {
    content: '';
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 150px;
    left: calc(50% - 20px);
    z-index: 20;
    background-image: url("/assets/svg/icons/loader.svg");
    background-size: 40px 40px;
    -webkit-animation: spin 1000ms infinite;
            animation: spin 1000ms infinite; }

.step-form__step-content {
  height: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: center;
          justify-content: center; }
  @media only screen and (max-width: 47.96875em) {
    .step-form__step-content {
      padding-bottom: calc(17.5rem + 2.5rem); } }
  @media only screen and (min-width: 48em) and (max-width: 63.96875em) {
    .step-form__step-content {
      padding-bottom: calc(7.5rem + 4rem); } }
  @media only screen and (min-width: 64em) and (max-width: 77.46875em) {
    .step-form__step-content {
      padding-bottom: calc(7.5rem + 12rem); } }
  @media only screen and (min-width: 77.5em) {
    .step-form__step-content {
      padding-bottom: calc(7.5rem + 16rem); } }

.step-form__icon {
  margin-top: 50px;
  margin-bottom: 20px; }
  @media only screen and (min-width: 48em) {
    .step-form__icon {
      margin-bottom: 30px; } }
  .step-form__icon svg path {
    fill: #ffffff; }
  @media only screen and (max-width: 47.96875em) {
    .step-form__icon .svg-icons-bell-large {
      width: 30px;
      height: 32px; } }

.step-form__step-title {
  max-width: 70rem; }
  .step-form__step-title:not(:last-child) {
    margin-bottom: 40px; }
    @media screen and (min-width: 480px) {
      .step-form__step-title:not(:last-child) {
        margin-bottom: calc(40px + 40 * (100vw - 480px) / 760); } }
    @media screen and (min-width: 1240px) {
      .step-form__step-title:not(:last-child) {
        margin-bottom: 80px; } }
  .step-form__step-title + .step-form__step-description {
    margin-top: -20px; }
    @media screen and (min-width: 480px) {
      .step-form__step-title + .step-form__step-description {
        margin-top: calc(-20px + -30 * (100vw - 480px) / 760); } }
    @media screen and (min-width: 1240px) {
      .step-form__step-title + .step-form__step-description {
        margin-top: -50px; } }

.step-form__step-description {
  max-width: 70rem;
  margin-top: 2rem; }
  .step-form__step-description:not(:last-child) {
    margin-bottom: 40px; }
    @media screen and (min-width: 480px) {
      .step-form__step-description:not(:last-child) {
        margin-bottom: calc(40px + 40 * (100vw - 480px) / 760); } }
    @media screen and (min-width: 1240px) {
      .step-form__step-description:not(:last-child) {
        margin-bottom: 80px; } }

@media only screen and (max-width: 47.96875em) {
  .step-form__step-form-wrapper {
    margin-top: 5rem; } }

.step-form__step-form-description {
  margin-bottom: 3rem; }

.step-form__media {
  line-height: 0; }
  @media only screen and (min-width: 48em) {
    .step-form__media {
      margin-bottom: 40px; } }
  @media only screen and (min-width: 48em) and (min-width: 480px) {
    .step-form__media {
      margin-bottom: calc(40px + 40 * (100vw - 480px) / 760); } }
  @media only screen and (min-width: 48em) and (min-width: 1240px) {
    .step-form__media {
      margin-bottom: 80px; } }

@media only screen and (min-width: 48em) {
  .step-form__media--images {
    display: -webkit-flex;
    display: flex; } }

.step-form__media--video {
  opacity: 0;
  -webkit-transform: translate3d(0, 5rem, 0);
          transform: translate3d(0, 5rem, 0);
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-delay: 400ms; }
  .form-step--is-active .step-form__media--video {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  .step-form__media--video .c-video {
    margin-bottom: 0; }

.step-form__media-column {
  opacity: 0;
  -webkit-transform: translate3d(0, 5rem, 0);
          transform: translate3d(0, 5rem, 0);
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-delay: 400ms; }
  .form-step--is-active .step-form__media-column {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  .step-form__media-column:nth-child(2) {
    transition-delay: 600ms; }
  @media only screen and (max-width: 47.96875em) {
    .step-form__media-column {
      margin-bottom: 4rem; }
      .step-form__media-column:nth-child(1) {
        padding-right: 10%; }
        .step-form__media-column:nth-child(1) .step-form__image {
          -webkit-transform: translate3d(-4rem, 0, 0);
                  transform: translate3d(-4rem, 0, 0); }
      .step-form__media-column:nth-child(2) {
        padding-left: 10%; }
        .step-form__media-column:nth-child(2) .step-form__image {
          -webkit-transform: translate3d(4rem, 0, 0);
                  transform: translate3d(4rem, 0, 0); }
        .step-form__media-column:nth-child(2) .step-form__image-caption {
          padding-left: 4rem; } }
  @media only screen and (min-width: 48em) {
    .step-form__media-column {
      -webkit-flex: 1;
              flex: 1; }
      .step-form__media-column:nth-child(1) {
        padding-right: 2rem; }
      .step-form__media-column:nth-child(2) {
        padding-top: 5rem;
        padding-left: 2rem; } }

.step-form__image {
  position: relative; }
  @media only screen and (max-width: 47.96875em) {
    .step-form__image {
      padding-bottom: 65%; } }
  @media only screen and (min-width: 48em) {
    .step-form__image {
      padding-bottom: 85%; } }
  .step-form__image .c-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.step-form__caption {
  display: block;
  font-size: 1.4rem;
  line-height: 1.5;
  opacity: .6;
  margin-top: 1.5rem;
  padding: 0 2rem;
  text-align: center; }

.step-form__step-button {
  width: auto;
  margin-right: auto;
  opacity: 0;
  -webkit-transform: translate3d(0, 5rem, 0);
          transform: translate3d(0, 5rem, 0);
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-delay: 400ms; }
  .form-step--is-active .step-form__step-button {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }

.step-from__alert {
  margin-top: 40px; }

.step-form__nav {
  position: absolute;
  width: 7.5rem;
  height: 7.5rem;
  border-radius: 50%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  line-height: 0;
  overflow: hidden;
  transition: box-shadow 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955), opacity 200ms, -webkit-transform 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955), opacity 200ms;
  transition: transform 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955), opacity 200ms, -webkit-transform 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  @media only screen and (max-width: 47.96875em) {
    .step-form__nav {
      bottom: 12rem; } }
  @media only screen and (min-width: 48em) and (max-width: 63.96875em) {
    .step-form__nav {
      bottom: 4rem; } }
  @media only screen and (min-width: 64em) and (max-width: 77.46875em) {
    .step-form__nav {
      bottom: 6rem; } }
  @media only screen and (min-width: 77.5em) {
    .step-form__nav {
      bottom: 8rem; } }
  .step-form__nav::before, .step-form__nav::after {
    display: none; }
  .step-form__nav svg {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    transition: -webkit-transform 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  html:not(.is-touch) .step-form__nav:not(:disabled):hover,
  html.is-touch--with-mouse .step-form__nav:not(:disabled):hover {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.1); }
    html:not(.is-touch) .step-form__nav:not(:disabled):hover svg,
    html.is-touch--with-mouse .step-form__nav:not(:disabled):hover svg {
      -webkit-transform: scale(1.3);
              transform: scale(1.3); }
  .step-form__nav:disabled {
    opacity: .3; }

.step-form__nav-prev {
  border: 2px solid #ffffff; }
  @media only screen and (max-width: 29.96875em) {
    .step-form__nav-prev {
      left: 2.5rem; } }
  @media only screen and (min-width: 30em) {
    .step-form__nav-prev {
      left: 3rem; } }
  .step-form__nav-prev svg {
    fill: #ffffff; }

.step-form__nav-next,
.step-form__nav-submit {
  background-color: #ffffff;
  right: 0; }
  @media only screen and (max-width: 29.96875em) {
    .step-form__nav-next,
    .step-form__nav-submit {
      right: 2.5rem; } }
  @media only screen and (min-width: 30em) {
    .step-form__nav-next,
    .step-form__nav-submit {
      right: 3rem; } }
  .step-form__nav-next svg,
  .step-form__nav-submit svg {
    fill: #0094d9; }

.step-from__button-right {
  position: absolute;
  right: 0; }
  @media only screen and (max-width: 29.96875em) {
    .step-from__button-right {
      right: 2.5rem; } }
  @media only screen and (min-width: 30em) {
    .step-from__button-right {
      right: 3rem; } }
  @media only screen and (max-width: 47.96875em) {
    .step-from__button-right {
      bottom: 12rem; } }
  @media only screen and (min-width: 48em) and (max-width: 63.96875em) {
    .step-from__button-right {
      bottom: 4rem; } }
  @media only screen and (min-width: 64em) and (max-width: 77.46875em) {
    .step-from__button-right {
      bottom: 6rem; } }
  @media only screen and (min-width: 77.5em) {
    .step-from__button-right {
      bottom: 8rem; } }

div[data-drupal-messages] {
  background-color: #ffffff;
  padding: 20px; }
  div[data-drupal-messages] .item-list__comma-list {
    list-style-type: none;
    color: #ed1c24; }
    div[data-drupal-messages] .item-list__comma-list li a {
      color: #ed1c24; }

#gcs-job-alert-subscription-messages {
  width: 100%; }

.c-tabs {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  min-width: 100%; }
  @media only screen and (max-width: 47.96875em) {
    .c-tabs {
      margin-left: -.5rem;
      margin-right: -.5rem; } }

.tabs__item {
  list-style: none; }
  @media only screen and (max-width: 47.96875em) {
    .tabs__item {
      width: 50%;
      padding-left: .5rem;
      padding-right: .5rem;
      padding-bottom: 1.5rem; } }
  @media only screen and (min-width: 48em) {
    .tabs__item {
      padding-right: 1rem; } }

.tabs__tab {
  opacity: .5;
  transition: opacity 300ms; }
  @media only screen and (max-width: 47.96875em) {
    .tabs__tab {
      width: 100%; } }
  html:not(.is-touch) .tabs__tab:hover,
  html.is-touch--with-mouse .tabs__tab:hover {
    opacity: 1; }
  .tabs__tab.tabs__tab--is-active {
    opacity: 1; }

.tabs__panels {
  position: relative; }

.tabs__panel {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0; }
  .tabs__panel.tabs__panel--is-active {
    position: relative;
    opacity: 1;
    z-index: 10;
    transition: opacity 500ms; }

@media only screen and (min-width: 48em) {
  .t-dfe-pharma .c-teaser .teaser__media {
    border-radius: 1rem; } }

@media only screen and (min-width: 64em) {
  .c-teaser {
    padding-top: 5rem; } }

.teaser__title {
  padding-bottom: 20px; }

.teaser__text {
  padding-bottom: 15px; }
  @media screen and (min-width: 480px) {
    .teaser__text {
      padding-bottom: calc(15px + 15 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .teaser__text {
      padding-bottom: 30px; } }

.teaser__button-wrapper {
  margin-bottom: 10px; }

.teaser__media {
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 40px; }
  @media screen and (min-width: 480px) {
    .teaser__media {
      padding-left: calc(20px + 35 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .teaser__media {
      padding-left: 55px; } }
  @media screen and (min-width: 480px) {
    .teaser__media {
      padding-right: calc(20px + 35 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .teaser__media {
      padding-right: 55px; } }
  @media screen and (min-width: 480px) {
    .teaser__media {
      padding-bottom: calc(40px + -40 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .teaser__media {
      padding-bottom: 0px; } }
  @media only screen and (max-width: 77.46875em) {
    .teaser__media {
      margin-top: 5.2rem; } }
  .teaser__media .c-video {
    margin-bottom: 0; }

.teaser__media-wrapper {
  position: relative;
  top: -15px;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  transition: opacity 350ms 200ms, -webkit-transform 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 200ms;
  transition: transform 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 200ms, opacity 350ms 200ms;
  transition: transform 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 200ms, opacity 350ms 200ms, -webkit-transform 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 200ms; }
  @media screen and (min-width: 480px) {
    .teaser__media-wrapper {
      top: calc(-15px + -35 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .teaser__media-wrapper {
      top: -50px; } }
  .is--out-view .teaser__media-wrapper {
    opacity: 0;
    -webkit-transform: translate3d(0, 5rem, 0);
            transform: translate3d(0, 5rem, 0); }

.teaser__video .video__button {
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-decoration: none;
  vertical-align: top;
  margin: 0;
  text-align: center;
  padding: 1.4rem 2.5rem;
  min-height: 5.5rem;
  font-weight: 500;
  border-radius: 28px;
  background-color: #6e6f72;
  color: #ffffff;
  text-align: left;
  transition: 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition-property: color, background-color;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  background-color: #f7931e;
  color: #ffffff;
  width: 10rem;
  height: 0; }
  .teaser__video .video__button::before, .teaser__video .video__button::after {
    content: '';
    position: absolute;
    bottom: 2px;
    height: 2px;
    background-color: currentColor;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    transition: -webkit-transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }
  .teaser__video .video__button::before {
    left: 0;
    right: 50%;
    -webkit-transform-origin: bottom left;
            transform-origin: bottom left; }
  .teaser__video .video__button::after {
    right: 0;
    left: 50%;
    -webkit-transform-origin: bottom right;
            transform-origin: bottom right; }
  html:not(.is-touch) .teaser__video .video__button:hover:before,
  html.is-touch--with-mouse .teaser__video .video__button:hover:before {
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  html:not(.is-touch) .teaser__video .video__button:hover:after,
  html.is-touch--with-mouse .teaser__video .video__button:hover:after {
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  .teaser__video .video__button .button__label {
    display: block;
    position: relative;
    z-index: 1; }
  .teaser__video .video__button .button__icon {
    position: relative;
    z-index: 1; }
  .teaser__video .video__button svg {
    fill: currentColor;
    transition: 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition-property: fill; }
    .teaser__video .video__button svg.svg-icons-lang-global g {
      stroke: currentColor; }
  .teaser__video .video__button::before, .teaser__video .video__button::after {
    bottom: 0;
    height: 100%; }
  .teaser__video .video__button[disabled] {
    pointer-events: none;
    opacity: .5; }
  html:not(.is-touch) .teaser__video .video__button:hover,
  html.is-touch--with-mouse .teaser__video .video__button:hover {
    color: #ffffff;
    background-color: #555658; }
  .has--keyboard-focus .teaser__video .video__button:focus {
    color: #ffffff;
    background-color: black; }
  .t-dfe-pharma .teaser__video .video__button {
    border-radius: 10px;
    padding: 0 2.2rem; }
  .teaser__video .video__button::before, .teaser__video .video__button::after {
    background-color: #f38709; }
  html:not(.is-touch) .teaser__video .video__button:hover,
  html.is-touch--with-mouse .teaser__video .video__button:hover {
    background-color: #f7931e; }
  .has--keyboard-focus .teaser__video .video__button:focus {
    background-color: #a95e06; }
  .teaser__video .video__button .video__button-icon {
    color: #ffffff;
    border-radius: 1px;
    margin-left: 2rem;
    border-left-color: #ffffff; }
  html:not(.is-touch) .teaser__video .video__button:hover .video__button-icon,
  html.is-touch--with-mouse .teaser__video .video__button:hover .video__button-icon {
    border-left-color: #ffffff;
    color: #ffffff; }
  .teaser__video .video__button.video__button--pause, .teaser__video .video__button.video__button--replay {
    background-color: transparent; }
    html:not(.is-touch) .teaser__video .video__button.video__button--pause:hover:after, html:not(.is-touch) .teaser__video .video__button.video__button--pause:hover:before,
    html.is-touch--with-mouse .teaser__video .video__button.video__button--pause:hover:after,
    html.is-touch--with-mouse .teaser__video .video__button.video__button--pause:hover:before, html:not(.is-touch) .teaser__video .video__button.video__button--replay:hover:after, html:not(.is-touch) .teaser__video .video__button.video__button--replay:hover:before,
    html.is-touch--with-mouse .teaser__video .video__button.video__button--replay:hover:after,
    html.is-touch--with-mouse .teaser__video .video__button.video__button--replay:hover:before {
      background-color: transparent; }

.teaser__video .video__button--pause,
.teaser__video .video__button--replay,
.teaser__video .video__button--play {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 0;
  left: 0; }

.teaser__video .video__button--play .u-sr-only {
  position: relative;
  left: -5px; }

.teaser__video .video__button--pause .u-sr-only,
.teaser__video .video__button--replay .u-sr-only {
  position: relative;
  left: -1rem; }

.teaser__video .video__button--pause .video__button-icon,
.teaser__video .video__button--replay .video__button-icon {
  padding-left: 1.5rem; }

.c-timeline {
  position: relative;
  z-index: 2; }

@media only screen and (max-width: 47.96875em) {
  .timeline__title {
    margin-bottom: 2rem; } }

@media only screen and (max-width: 47.96875em) {
  .timeline__body {
    margin-bottom: 2rem; } }

@media only screen and (min-width: 48em) {
  .timeline__body {
    margin-bottom: 4rem; } }

.timeline__wrapper {
  overflow: hidden; }
  @media only screen and (max-width: 29.96875em) {
    .timeline__wrapper {
      padding-top: 2.5rem; } }
  @media only screen and (min-width: 30em) and (max-width: 47.96875em) {
    .timeline__wrapper {
      padding-top: 3rem; } }
  @media only screen and (max-width: 47.96875em) {
    .timeline__wrapper {
      margin-top: 4rem; } }
  @media only screen and (min-width: 48em) {
    .timeline__wrapper {
      display: -webkit-flex;
      display: flex;
      width: 100%;
      -webkit-justify-content: flex-end;
              justify-content: flex-end;
      overflow: visible;
      margin-top: calc(7% + 6rem); } }
  @media only screen and (max-width: 29.96875em) {
    .timeline__wrapper .c-carousel {
      padding-bottom: 12.5rem; } }
  @media only screen and (min-width: 30em) and (max-width: 47.96875em) {
    .timeline__wrapper .c-carousel {
      padding-bottom: 13rem; } }
  @media only screen and (min-width: 48em) {
    .timeline__wrapper .c-carousel {
      padding-bottom: 13rem; } }
  @media only screen and (min-width: 77.5em) {
    .timeline__wrapper .c-carousel {
      padding-bottom: 6rem; } }
  @media only screen and (min-width: 48em) {
    .timeline__wrapper .tns-outer {
      margin-left: auto;
      padding-left: 3rem;
      padding-right: 3rem;
      width: 75%;
      overflow-x: hidden;
      margin-top: -7%; } }
  @media only screen and (min-width: 64em) {
    .timeline__wrapper .tns-outer {
      width: 66.66667%;
      margin-right: 8.33333%; } }
  @media only screen and (max-width: 29.96875em) {
    .timeline__wrapper .carousel__controls {
      bottom: 2.5rem; } }
  @media only screen and (min-width: 30em) and (max-width: 47.96875em) {
    .timeline__wrapper .carousel__controls {
      bottom: 3rem; } }
  @media only screen and (min-width: 48em) {
    .timeline__wrapper .carousel__controls {
      width: auto;
      right: 3rem;
      bottom: 3rem; } }

.timeline__slide-body {
  margin-top: 2rem; }
  @media only screen and (min-width: 77.5em) {
    .timeline__slide-body {
      width: 62.5%; } }

.t-dfe-pharma .c-usps-block .usps-block__content {
  border-radius: 1rem; }
  @media only screen and (max-width: 47.96875em) {
    .t-dfe-pharma .c-usps-block .usps-block__content {
      border-radius: 0; } }

.t-dfe-pharma .c-usps-block .usps-block__item::before {
  background-color: #39b54a; }

.t-dfe-pharma .c-usps-block .usps-block__button {
  color: #39b54a; }

@media only screen and (max-width: 63.96875em) {
  .c-usps-block [class^='o-col-'] + [class^='o-col-'] {
    margin-top: 4rem; } }

.usps-block__content {
  padding-top: 35px;
  padding-bottom: 35px; }
  @media screen and (min-width: 480px) {
    .usps-block__content {
      padding-top: calc(35px + 40 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .usps-block__content {
      padding-top: 75px; } }
  @media screen and (min-width: 480px) {
    .usps-block__content {
      padding-bottom: calc(35px + 40 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .usps-block__content {
      padding-bottom: 75px; } }

.usps-block__items {
  list-style-type: none; }

.usps-block__item {
  position: relative;
  padding-left: 2.5rem;
  overflow: hidden;
  max-height: 15rem;
  transition: max-height 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }
  .usps-block__item.item--is-hidden {
    max-height: 0; }
  .usps-block__item::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background-color: #0094d9; }
    @media only screen and (max-width: 47.96875em) {
      .usps-block__item::before {
        top: .7rem; } }
    @media only screen and (min-width: 48em) {
      .usps-block__item::before {
        top: 1rem; } }

.usps-block__item-label {
  display: block;
  margin-bottom: 2rem; }

.usps-block__title {
  margin-bottom: 20px; }
  @media screen and (min-width: 480px) {
    .usps-block__title {
      margin-bottom: calc(20px + 20 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .usps-block__title {
      margin-bottom: 40px; } }

.usps-block__button {
  transition: opacity 300ms, visibility 0s ease 200ms; }
  .usps-block__button.button--is-hidden {
    opacity: 0;
    visibility: hidden; }

.usps-block__button--centered {
  margin: 3rem auto -4rem; }

/* We're getting this snippet directly out of Successfactors, so yeah... */
.usps-block__items-sf-block ul {
  list-style-type: none; }
  .usps-block__items-sf-block ul li {
    position: relative;
    padding-left: 2.5rem;
    overflow: hidden; }
    .usps-block__items-sf-block ul li::before {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      width: 1rem;
      height: 1rem;
      border-radius: 50%;
      background-color: #0094d9; }
      @media only screen and (max-width: 47.96875em) {
        .usps-block__items-sf-block ul li::before {
          top: .7rem; } }
      @media only screen and (min-width: 48em) {
        .usps-block__items-sf-block ul li::before {
          top: 1rem; } }

@media only screen and (max-width: 47.96875em) {
  .vacancies-overview__title {
    margin-bottom: 10px; } }
  @media only screen and (max-width: 47.96875em) and (min-width: 480px) {
    .vacancies-overview__title {
      margin-bottom: calc(10px + 10 * (100vw - 480px) / 760); } }
  @media only screen and (max-width: 47.96875em) and (min-width: 1240px) {
    .vacancies-overview__title {
      margin-bottom: 20px; } }

.vacancies-overview__job-alert-button {
  margin-bottom: 30px; }
  @media screen and (min-width: 480px) {
    .vacancies-overview__job-alert-button {
      margin-bottom: calc(30px + 10 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .vacancies-overview__job-alert-button {
      margin-bottom: 40px; } }
  html:not(.is-touch) .vacancies-overview__job-alert-button:hover .button__icon,
  html.is-touch--with-mouse .vacancies-overview__job-alert-button:hover .button__icon {
    -webkit-transform: none;
            transform: none; }

.vacancies-overview__dfe-link {
  margin-top: 25px; }
  @media screen and (min-width: 480px) {
    .vacancies-overview__dfe-link {
      margin-top: calc(25px + 15 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .vacancies-overview__dfe-link {
      margin-top: 40px; } }

.vacancies-overview__list {
  border-top: 1px solid #d3d4d6; }

.vacancies-overview__button {
  margin-top: 25px; }
  @media screen and (min-width: 480px) {
    .vacancies-overview__button {
      margin-top: calc(25px + 10 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .vacancies-overview__button {
      margin-top: 35px; } }

.vacancies-overview__top {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-align-items: center;
          align-items: center;
  margin-bottom: 25px; }
  @media screen and (min-width: 480px) {
    .vacancies-overview__top {
      margin-bottom: calc(25px + 15 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .vacancies-overview__top {
      margin-bottom: 40px; } }
  @media only screen and (max-width: 47.96875em) {
    .vacancies-overview__top {
      -webkit-flex-direction: column;
              flex-direction: column;
      -webkit-align-items: flex-start;
              align-items: flex-start; } }

.vacancies-overview__sort--hidden {
  display: none; }

.vacancies-tabs__title {
  margin-bottom: 2rem; }

.vacancies-tabs__body {
  margin-bottom: 3rem; }

.vacancies-tabs__tabs {
  padding-top: 30px;
  padding-bottom: 30px; }
  @media screen and (min-width: 480px) {
    .vacancies-tabs__tabs {
      padding-top: calc(30px + 30 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .vacancies-tabs__tabs {
      padding-top: 60px; } }
  @media screen and (min-width: 480px) {
    .vacancies-tabs__tabs {
      padding-bottom: calc(30px + 30 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .vacancies-tabs__tabs {
      padding-bottom: 60px; } }
  @media only screen and (min-width: 48em) {
    .vacancies-tabs__tabs {
      padding-left: 5rem;
      padding-right: 5rem;
      width: 150%; } }
  @media only screen and (min-width: 64em) and (max-width: 77.46875em) {
    .vacancies-tabs__tabs {
      padding-left: 4rem;
      padding-right: 4rem; } }
  .vacancies-tabs__tabs .tabs__panel {
    width: 100%; }

.vacancies-tabs__tabs-title {
  margin-bottom: 2rem; }

.vacancies-tabs__tab-panel__countries {
  width: 100%;
  display: block;
  overflow: auto;
  margin-top: 3rem;
  max-height: 40rem; }
  @media only screen and (min-width: 48em) {
    .vacancies-tabs__tab-panel__countries {
      min-height: 40rem;
      margin-top: 6rem; } }
  @media only screen and (min-width: 48em) {
    .tabs__panel--has-two-columns .vacancies-tabs__tab-panel__countries {
      width: 43%; } }

.vacancies-tabs__tab-panel__country {
  float: left;
  margin-bottom: 2rem; }
  @media only screen and (max-width: 47.96875em) {
    .vacancies-tabs__tab-panel__country {
      width: calc(50% - 2px); }
      .vacancies-tabs__tab-panel__country:nth-child(odd) {
        padding-right: 1rem; }
      .vacancies-tabs__tab-panel__country:nth-child(even) {
        padding-left: 1rem; } }
  @media only screen and (min-width: 48em) {
    .vacancies-tabs__tab-panel__country {
      width: 30%; } }
  @media only screen and (min-width: 48em) {
    .tabs__panel--has-two-columns .vacancies-tabs__tab-panel__country {
      width: 50%; } }

.vacancies-tabs__tab-panel__button {
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 1.5;
  opacity: 1;
  transition: opacity 300ms;
  cursor: default;
  text-align: left; }
  .vacancies-tabs__tab-panel__button::before, .vacancies-tabs__tab-panel__button::after {
    display: none; }
  @media only screen and (min-width: 48em) {
    .vacancies-tabs__tab-panel__button {
      opacity: 0.5; }
      .country--is-active .vacancies-tabs__tab-panel__button {
        opacity: 1; } }

.vacancies-tabs__tab-panel__image {
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0;
  width: 68rem;
  height: 38rem;
  transition: opacity 300ms; }
  @media only screen and (min-width: 77.5em) {
    .vacancies-tabs__tab-panel__image {
      right: -5%; } }
  .country--is-active .vacancies-tabs__tab-panel__image {
    opacity: 1; }
  @media only screen and (min-width: 48em) {
    .tabs__panel--has-two-columns .vacancies-tabs__tab-panel__image {
      width: 55%; } }
  @media only screen and (min-width: 77.5em) {
    .tabs__panel--has-two-columns .vacancies-tabs__tab-panel__image {
      width: 60%; } }
  .vacancies-tabs__tab-panel__image .c-image {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%; }

.t-dfe-pharma .c-vacancy-card::before, .t-dfe-pharma .c-vacancy-card::after {
  background-color: rgba(0, 148, 217, 0.07);
  height: 100%;
  width: calc(50% + 1.5rem);
  bottom: 0; }

.t-dfe-pharma .vacancy-card__icon svg {
  fill: #39b54a; }

.c-vacancy-card {
  position: relative;
  display: block;
  border-bottom: 1px solid #d3d4d6;
  padding-top: 25px;
  padding-bottom: 25px; }
  @media screen and (min-width: 480px) {
    .c-vacancy-card {
      padding-top: calc(25px + 15 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .c-vacancy-card {
      padding-top: 40px; } }
  @media screen and (min-width: 480px) {
    .c-vacancy-card {
      padding-bottom: calc(25px + 15 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .c-vacancy-card {
      padding-bottom: 40px; } }
  @media only screen and (max-width: 47.96875em) {
    .c-vacancy-card {
      padding-right: 4rem; } }
  @media only screen and (min-width: 48em) {
    .c-vacancy-card {
      padding-right: 6rem; } }
  @media only screen and (min-width: 64em) {
    .c-vacancy-card {
      display: -webkit-flex;
      display: flex; } }
  .c-vacancy-card.vacancy-card--has-label {
    padding-top: 40px; }
    @media screen and (min-width: 480px) {
      .c-vacancy-card.vacancy-card--has-label {
        padding-top: calc(40px + 0 * (100vw - 480px) / 760); } }
    @media screen and (min-width: 1240px) {
      .c-vacancy-card.vacancy-card--has-label {
        padding-top: 40px; } }
  .c-vacancy-card::before, .c-vacancy-card::after {
    background-color: rgba(0, 148, 217, 0.07);
    height: 100%;
    width: calc(50% + 1.5rem);
    bottom: 0; }
  .c-vacancy-card::before {
    left: -1.5rem;
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem; }
  .c-vacancy-card::after {
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem; }
  html:not(.is-touch) .c-vacancy-card:hover .vacancy-card__icon,
  html.is-touch--with-mouse .c-vacancy-card:hover .vacancy-card__icon {
    -webkit-transform: translate3d(8px, 0, 0);
            transform: translate3d(8px, 0, 0); }

.vacancy-card__labels {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  display: -webkit-flex;
  display: flex; }

.vacancy-card__label {
  line-height: 1;
  padding: .5rem;
  display: block;
  font-size: 1.3rem;
  font-weight: 500;
  color: #ffffff;
  background-color: #9c9da2;
  margin-right: .5rem; }
  .vacancy-card__label.is--employee-only {
    background-color: #f7931e; }
  .vacancy-card__label.is--hpk {
    background-color: #39b54a; }

.vacancy-card__title {
  position: relative;
  z-index: 2; }
  @media only screen and (max-width: 47.96875em) {
    .vacancy-card__title.u-h3--small {
      font-size: 1.6rem;
      font-weight: 400; } }
  @media only screen and (min-width: 64em) {
    .vacancy-card__title {
      width: 30%;
      margin-right: 10%;
      -webkit-flex-shrink: 0;
              flex-shrink: 0; } }

.vacancy-card__meta-data {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  position: relative;
  z-index: 2; }
  @media only screen and (max-width: 47.96875em) {
    .vacancy-card__meta-data {
      margin: 2rem -.5rem 0; } }
  @media only screen and (min-width: 48em) {
    .vacancy-card__meta-data {
      margin: 2rem -2rem -1.5rem;
      width: 70rem; }
      .vacancy-card--has-label .vacancy-card__meta-data {
        padding-right: 0; } }
  @media only screen and (min-width: 64em) {
    .vacancy-card__meta-data {
      margin-top: 1rem; }
      .vacancy-card--has-label .vacancy-card__meta-data {
        padding-right: 0; } }
  @media only screen and (max-width: 47.96875em) {
    .vacancy-card__meta-data .c-meta-data-item {
      margin-left: .5rem;
      margin-right: .5rem;
      width: calc(50% - 1rem); }
      .vacancy-card__meta-data .c-meta-data-item:not(:nth-child(1)):not(:nth-child(2)) {
        display: none; } }
  @media only screen and (min-width: 48em) {
    .vacancy-card__meta-data .c-meta-data-item {
      margin-left: 2rem;
      margin-right: 2rem;
      margin-bottom: 3rem;
      width: calc(33.33% - 4rem); }
      .vacancy-card--has-label .vacancy-card__meta-data .c-meta-data-item {
        width: calc(33.3% - 4rem); } }
  @media only screen and (min-width: 48em) {
    .vacancy-card__meta-data .vacancy-card__meta-data-count-1 .vacancy-card__meta-data-count-2 .vacancy-card__meta-data-count-3 .vacancy-card__meta-data-count-4 {
      width: 40rem; } }
  .vacancy-card__meta-data .vacancy-card__meta-data-count-1 .vacancy-card__meta-data-count-2 .vacancy-card__meta-data-count-3 .vacancy-card__meta-data-count-4 .c-meta-data-item {
    margin-bottom: 1.5rem;
    width: calc(49.99% - 4rem); }

.vacancy-card__icon {
  line-height: 0;
  position: absolute;
  top: calc(50% - 5px);
  right: 5px;
  transition: -webkit-transform 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  z-index: 2; }
  .vacancy-card__icon svg {
    fill: #0094d9; }

.c-vacancy-filter {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
  visibility: hidden;
  transition: visibility 0s ease 400ms; }
  @media only screen and (max-width: 63.96875em) {
    .c-vacancy-filter {
      height: calc(100% - 5.6rem);
      top: 5.6rem; } }
  @media only screen and (min-width: 64em) {
    .c-vacancy-filter {
      height: calc(100% - 10.8rem);
      top: 10.8rem; } }
  .c-vacancy-filter.modal--is-showing {
    visibility: visible;
    transition: visibility 0s; }

.vacancy-filter__wrapper {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
  z-index: 2;
  background-color: #ffffff;
  transition: -webkit-transform 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }
  @media only screen and (max-width: 47.96875em) {
    .vacancy-filter__wrapper {
      width: 100%;
      padding-top: 3rem;
      padding-bottom: 3rem; } }
  @media only screen and (min-width: 48em) {
    .vacancy-filter__wrapper {
      width: 50%;
      max-width: 58rem;
      padding: 3rem; } }
  @media only screen and (min-width: 64em) {
    .vacancy-filter__wrapper {
      padding: 8rem 4rem; } }
  .modal--is-showing .vacancy-filter__wrapper {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }

.vacancy-filter__form {
  height: 100%; }

.vacancy-filter__content {
  overflow-y: scroll;
  scroll-behavior: smooth;
  height: calc(100% - 5rem); }
  @media only screen and (max-width: 29.96875em) {
    .vacancy-filter__content {
      padding-left: 2.5rem;
      padding-right: 2.5rem; } }
  @media only screen and (min-width: 30em) and (max-width: 47.96875em) {
    .vacancy-filter__content {
      padding-left: 3rem;
      padding-right: 3rem; } }
  @media only screen and (min-width: 64em) {
    .vacancy-filter__content {
      padding-left: 4rem;
      padding-right: 4rem; } }

.vacancy-filter__title {
  margin-bottom: 2rem; }

.vacancy-filter__subtitle {
  margin-top: 5rem;
  margin-bottom: .5rem;
  font-size: 1.6rem;
  color: #6e6f72;
  font-weight: 400; }
  .t-dfe-pharma .vacancy-filter__subtitle {
    font-size: 24px; }

.vacancy-filter__filters {
  padding-top: 2rem;
  margin-bottom: 5rem;
  /* Drupal specific filter styling */ }
  .vacancy-filter__filters .form__item {
    margin-bottom: 0;
    max-height: 8rem;
    overflow: hidden;
    transition-property: max-height;
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); }
    .vacancy-filter__filters .form__item.item--is-hidden {
      max-height: 0; }
  .vacancy-filter__filters .checkbox__wrapper {
    margin-bottom: 2rem; }
  .vacancy-filter__filters .checkbox__label {
    margin-bottom: 0;
    font-weight: 500;
    color: #000000; }
  .vacancy-filter__filters .checkbox__wrapper .facet-item {
    position: relative; }
    .vacancy-filter__filters .checkbox__wrapper .facet-item input[type='checkbox'] {
      -webkit-appearance: none;
              appearance: none;
      border: 2px solid #d3d4d6;
      width: 2.4rem;
      height: 2.4rem;
      border-radius: 3px;
      position: absolute;
      top: -3px; }
      .vacancy-filter__filters .checkbox__wrapper .facet-item input[type='checkbox']:checked {
        background-color: #0094d9;
        background-image: url("/assets/svg/icons/checkmark-light.svg");
        background-repeat: no-repeat;
        background-position: center center;
        border-color: #0094d9; }
      .vacancy-filter__filters .checkbox__wrapper .facet-item input[type='checkbox'] + label {
        margin-bottom: 0;
        font-weight: 500;
        color: #000000;
        position: relative;
        cursor: pointer;
        padding-left: 4.4rem; }

.vacancy-filter__show-all-button {
  overflow: hidden; }
  .vacancy-filter__show-all-button.button--is-hidden {
    opacity: 0;
    height: 0;
    transition: opacity 300ms ease, height 0s ease 300ms; }

.vacancy-filter__close {
  position: absolute;
  transition: -webkit-transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }
  @media only screen and (max-width: 47.96875em) {
    .vacancy-filter__close {
      top: 3rem;
      right: 2.5rem; } }
  @media only screen and (min-width: 48em) and (max-width: 63.96875em) {
    .vacancy-filter__close {
      top: 3rem;
      right: 3rem; } }
  @media only screen and (min-width: 64em) {
    .vacancy-filter__close {
      top: 8rem;
      right: 8rem; } }
  .vacancy-filter__close::before, .vacancy-filter__close::after {
    display: none; }
  html:not(.is-touch) .vacancy-filter__close:hover,
  html.is-touch--with-mouse .vacancy-filter__close:hover {
    -webkit-transform: rotate(-90deg) scale(1.2);
            transform: rotate(-90deg) scale(1.2); }
  .vacancy-filter__close svg {
    fill: #0094d9; }

.vacancy-filter__bg-close {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: background-color 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  cursor: pointer; }
  html:not(.is-touch) .vacancy-filter__bg-close:hover,
  html.is-touch--with-mouse .vacancy-filter__bg-close:hover {
    background-color: rgba(0, 0, 0, 0); }
  .modal--is-showing .vacancy-filter__bg-close {
    background-color: rgba(0, 0, 0, 0.5); }
    html:not(.is-touch) .modal--is-showing .vacancy-filter__bg-close:hover,
    html.is-touch--with-mouse .modal--is-showing .vacancy-filter__bg-close:hover {
      background-color: rgba(0, 0, 0, 0.3); }

@media only screen and (max-width: 29.96875em) {
  .vacancy-filter__submit-wrapper {
    padding-left: 2.5rem;
    padding-right: 2.5rem; } }

@media only screen and (min-width: 30em) and (max-width: 47.96875em) {
  .vacancy-filter__submit-wrapper {
    padding-left: 3rem;
    padding-right: 3rem; } }

@media only screen and (min-width: 64em) {
  .vacancy-filter__submit-wrapper {
    padding-left: 4rem;
    padding-right: 4rem;
    margin-top: 4rem; } }

.vacancy-filter__submit-button {
  width: 100%;
  text-align: center; }

.c-vacancy-filter-labels {
  padding-top: 3rem;
  position: relative; }

.vacancy-filter-labels__list {
  margin-top: 2rem;
  list-style-type: none;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-items: center;
          align-items: center; }

.vacancy-filter-labels__item {
  margin-bottom: 1rem; }
  .vacancy-filter-labels__item:not(:first-child) {
    margin-left: 1rem; }
  .vacancy-filter-labels__item:last-child {
    margin-left: 1.5rem; }

.vacancy-filter-labels__button {
  background-color: #0094d9;
  color: #ffffff;
  font-size: 1.3rem;
  font-weight: 500;
  border-radius: 2px;
  padding-left: .8rem;
  padding-right: .8rem;
  overflow: hidden; }
  .vacancy-filter-labels__button::before, .vacancy-filter-labels__button::after {
    background-color: #0083c0;
    bottom: 0;
    height: 100%; }

.vacancy-filter-labels__button-label {
  position: relative;
  z-index: 2; }

.c-vacancy-search-bar {
  width: 100%;
  position: relative;
  z-index: 50; }
  .c-hero .c-vacancy-search-bar {
    margin-top: 70px; }
    @media screen and (min-width: 480px) {
      .c-hero .c-vacancy-search-bar {
        margin-top: calc(70px + -20 * (100vw - 480px) / 760); } }
    @media screen and (min-width: 1240px) {
      .c-hero .c-vacancy-search-bar {
        margin-top: 50px; } }

.vacancy-search-bar__form {
  position: relative; }
  .vacancy-search-bar__form .form__item {
    margin-bottom: 0; }
  .vacancy-search-bar__form .input__input {
    line-height: 1.2;
    border: 0;
    background-color: #ffffff; }
    @media only screen and (max-width: 47.96875em) {
      .vacancy-search-bar__form .input__input {
        padding-left: 5rem;
        height: 7.8rem;
        border-radius: 3.9rem;
        box-shadow: 0 12px 20px -10px rgba(110, 111, 114, 0.4); } }
    @media only screen and (min-width: 48em) {
      .vacancy-search-bar__form .input__input {
        padding-left: 8rem;
        height: 9rem;
        border-radius: 4.5rem;
        box-shadow: 0 30px 50px -30px rgba(110, 111, 114, 0.4); } }
  .vacancy-search-bar__form .autocomplete__list {
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem; }
    @media only screen and (max-width: 47.96875em) {
      .vacancy-search-bar__form .autocomplete__list {
        margin-top: -.5rem;
        margin-left: 3rem;
        margin-right: 3rem;
        box-shadow: 0 12px 20px -10px rgba(110, 111, 114, 0.4); } }
    @media only screen and (min-width: 48em) {
      .vacancy-search-bar__form .autocomplete__list {
        margin-left: 4.5rem;
        margin-right: 4.5rem;
        box-shadow: 0 30px 50px -30px rgba(110, 111, 114, 0.4); } }
  @media only screen and (min-width: 48em) {
    .vacancy-search-bar__form .autocomplete__list-item {
      padding-left: 3.6rem;
      padding-right: 3.6rem; }
      .vacancy-search-bar__form .autocomplete__list-item:last-child {
        padding-bottom: 2.5rem; } }

.vacancy-search-bar__search-icon {
  position: absolute;
  z-index: 2;
  top: calc(50% - 1.5rem); }
  @media only screen and (max-width: 47.96875em) {
    .vacancy-search-bar__search-icon {
      left: 2rem; } }
  @media only screen and (min-width: 48em) {
    .vacancy-search-bar__search-icon {
      left: 4rem; } }
  .vacancy-search-bar__search-icon svg {
    fill: #0094d9; }

.vacancy-search-bar__form-actions {
  position: absolute; }
  @media only screen and (max-width: 47.96875em) {
    .vacancy-search-bar__form-actions {
      right: 1.1rem;
      top: 1.1rem; } }
  @media only screen and (min-width: 48em) {
    .vacancy-search-bar__form-actions {
      right: 2rem;
      top: 1.7rem; } }

@media only screen and (max-width: 47.96875em) {
  .vacancy-search-bar__filter-toggle {
    width: 5.5rem;
    padding: 0;
    -webkit-justify-content: center;
            justify-content: center; } }

@media only screen and (max-width: 47.96875em) {
  .vacancy-search-bar__filter-toggle .button__label {
    display: none; } }

@media only screen and (max-width: 47.96875em) {
  .vacancy-search-bar__filter-toggle .button__icon {
    margin-left: 0; } }

html:not(.is-touch) .vacancy-search-bar__filter-toggle:hover .button__icon,
html.is-touch--with-mouse .vacancy-search-bar__filter-toggle:hover .button__icon {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); }

.c-hero .vacancy-search-bar__filter-toggle {
  display: none; }

.vacancy-search-bar__submit-button {
  margin-left: .5rem; }
  @media only screen and (max-width: 47.96875em) {
    .vacancy-search-bar__submit-button {
      display: none; } }

.t-dfe-pharma .c-vacancy-short-description .vacancy-short-description__body {
  font-weight: 300; }

.vacancy-short-description__title {
  margin-bottom: 2rem; }

@media only screen and (max-width: 47.96875em) {
  .vacancy-short-description__body {
    margin-bottom: 2rem; } }

@media only screen and (min-width: 48em) {
  .vacancy-short-description__body {
    font-size: 2rem;
    line-height: 1.7;
    font-weight: 200; } }

.vacancy-short-description__sticky-bar {
  padding: .7rem 1rem;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 10;
  background-color: #ffffff;
  width: 100%;
  box-shadow: 0 0 8px 0 rgba(110, 111, 114, 0.5);
  text-align: right;
  transition: -webkit-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 150ms;
  transition: transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 150ms;
  transition: transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 150ms, -webkit-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 150ms; }
  @media only screen and (max-width: 29.96875em) {
    .vacancy-short-description__sticky-bar {
      padding-left: 2.5rem;
      padding-right: 2.5rem; } }
  @media only screen and (min-width: 30em) {
    .vacancy-short-description__sticky-bar {
      padding-left: 3rem;
      padding-right: 3rem; } }
  .vacancy-short-description__sticky-bar.sticky-bar--is-scrolled .vacancy-short-description__button {
    width: 40%; }
  .vacancy-short-description__sticky-bar.sticky-bar--is-scrolled .vacancy-short-description__sticky-title {
    opacity: 1;
    transition: opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 150ms; }
  .vacancy-short-description__sticky-bar.sticky-bar--is-hidden {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0); }
  .vacancy-short-description__sticky-bar .vacancy-short-description__sticky-title {
    text-align: left;
    font-size: 1.4rem;
    line-height: 1.2;
    position: absolute;
    top: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    height: 100%;
    overflow: hidden;
    opacity: 0;
    transition: opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    @media only screen and (max-width: 29.96875em) {
      .vacancy-short-description__sticky-bar .vacancy-short-description__sticky-title {
        left: 2.5rem;
        width: calc(60% - 2.5rem);
        padding-right: 2rem; } }
    @media only screen and (min-width: 30em) {
      .vacancy-short-description__sticky-bar .vacancy-short-description__sticky-title {
        left: 3rem;
        width: calc(60% - 3rem);
        padding-right: 3rem; } }
  .vacancy-short-description__sticky-bar .vacancy-short-description__button {
    width: 100%;
    min-height: 4rem;
    text-align: center;
    padding: .9rem 1rem;
    transition: width 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }

@media only screen and (min-width: 48em) {
  .vacancy-short-description__button-wrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-end;
            align-items: flex-end;
    height: 100%;
    width: 100%;
    padding-bottom: .5rem; } }

.c-video {
  position: relative;
  padding-bottom: 56.25%;
  margin-bottom: 20px;
  background-color: #d3d4d6; }
  .c-video .video__image,
  .c-video .video__player,
  .c-video iframe,
  .c-video video {
    position: absolute;
    width: 100%;
    height: 100%; }

.video__player {
  z-index: 1;
  opacity: 0;
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
  transition: 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform; }
  .video--is-initialised .video__player {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); }

.video__loader {
  display: block;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 50px;
  background-color: #d3d4d6;
  box-shadow: inset 0 0 0 4px #0094d9;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-radius: 50%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 3;
  transition: 500ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition-property: opacity; }
  .video__loader::before, .video__loader::after {
    position: absolute;
    content: ''; }
  .video__loader::before {
    width: 26px;
    height: 52px;
    background: #d3d4d6;
    border-radius: 52px 0 0 52px;
    top: -1px;
    left: -1px;
    -webkit-transform-origin: 26px 26px;
            transform-origin: 26px 26px;
    -webkit-animation: video-loader 1200ms infinite cubic-bezier(0.215, 0.61, 0.355, 1) 900ms;
            animation: video-loader 1200ms infinite cubic-bezier(0.215, 0.61, 0.355, 1) 900ms; }
  .video__loader::after {
    width: 26px;
    height: 52px;
    background: #d3d4d6;
    border-radius: 0 51px 51px 0;
    top: -1px;
    left: 25px;
    -webkit-transform-origin: 0 26px;
            transform-origin: 0 26px;
    -webkit-animation: video-loader 1200ms infinite cubic-bezier(0.215, 0.61, 0.355, 1);
            animation: video-loader 1200ms infinite cubic-bezier(0.215, 0.61, 0.355, 1); }
  .video--has-invalid-cookie .video__loader,
  .video--is-initialised .video__loader {
    opacity: 0;
    pointer-events: none; }
    .video--has-invalid-cookie .video__loader::before, .video--has-invalid-cookie .video__loader::after,
    .video--is-initialised .video__loader::before,
    .video--is-initialised .video__loader::after {
      -webkit-animation: none;
              animation: none; }

.video__invalid-cookie {
  display: none;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-direction: column;
          flex-direction: column;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 30px;
  z-index: 10;
  background-color: #d3d4d6; }
  .video--has-invalid-cookie .video__invalid-cookie {
    display: -webkit-flex;
    display: flex; }

@-webkit-keyframes video-loader {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes video-loader {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.video__button {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: 75px;
  height: 75px;
  border-radius: 75px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 1;
  background-color: #ffffff;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3);
  transition: 500ms cubic-bezier(0.55, 0.085, 0.68, 0.53), 500ms cubic-bezier(0.55, 0.085, 0.68, 0.53), 0ms 500ms;
  transition-property: box-shadow, opacity, visibility; }
  .video__button::before, .video__button::after {
    display: none; }
  html:not(.is-touch) .video__button:hover,
  html.is-touch--with-mouse .video__button:hover {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); }
    html:not(.is-touch) .video__button:hover .video__button-icon,
    html.is-touch--with-mouse .video__button:hover .video__button-icon {
      color: #004e73; }
  .has--keyboard-focus .video__button:focus .video__button-icon {
    color: black; }

.video__button-icon {
  display: block;
  position: absolute;
  top: 50%;
  left: calc(50% + 1px);
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 2;
  font-size: 3rem;
  color: #0094d9;
  transition: 500ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition-property: color, border; }

.video__button--play .video__button-icon {
  width: 18px;
  height: 18px;
  border-top: 9px solid transparent;
  border-left: 18px solid #0094d9;
  border-right: 0 solid transparent;
  border-bottom: 9px solid transparent; }

.video--is-paused .video__button--play {
  opacity: 1;
  visibility: visible;
  transition: 500ms cubic-bezier(0.55, 0.085, 0.68, 0.53), 500ms cubic-bezier(0.55, 0.085, 0.68, 0.53), 500ms; }

html:not(.is-touch) .video__button--play:hover .video__button-icon,
html.is-touch--with-mouse .video__button--play:hover .video__button-icon {
  border-left-color: #004e73; }

.has--keyboard-focus .video__button--play:focus .video__button-icon {
  border-left-color: black; }

.video__button--pause .video__button-icon {
  letter-spacing: 2px; }

.video--is-playing .video__button--pause {
  visibility: visible;
  transition: 500ms cubic-bezier(0.55, 0.085, 0.68, 0.53), 500ms cubic-bezier(0.55, 0.085, 0.68, 0.53), 500ms; }

html:not(.is-touch) .video--is-playing:hover .video__button--pause {
  opacity: 1; }

.video__button--replay .video__button-icon {
  font-weight: 600; }

.video--is-ended .video__button--replay {
  opacity: 1;
  visibility: visible;
  transition: 500ms cubic-bezier(0.55, 0.085, 0.68, 0.53), 500ms cubic-bezier(0.55, 0.085, 0.68, 0.53), 500ms; }

/* endinject */
/*------------------------------------*\
  #RICH TEXT
\*------------------------------------*/
.s-rich-text p:not(:last-child) {
  margin-bottom: 2.5rem; }

.s-rich-text ul {
  margin-bottom: 3rem;
  margin-left: 2rem; }
  .s-rich-text ul li {
    padding-left: .9rem;
    margin-bottom: 1rem; }

.s-rich-text ol {
  padding-left: 0;
  margin-bottom: 3rem;
  counter-reset: ol-counter; }
  .s-rich-text ol li {
    margin-bottom: 1rem;
    padding-left: 3rem;
    position: relative;
    list-style: none;
    counter-increment: ol-counter; }
    .s-rich-text ol li::before {
      display: inline-block;
      position: absolute;
      top: 0;
      left: 0;
      width: 3rem;
      content: counter(ol-counter) "."; }

.s-rich-text .blockquote-wrapper {
  position: relative;
  padding-top: 25px; }
  @media screen and (min-width: 480px) {
    .s-rich-text .blockquote-wrapper {
      padding-top: calc(25px + 10 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .s-rich-text .blockquote-wrapper {
      padding-top: 35px; } }
  .s-rich-text .blockquote-wrapper:not(:first-child) {
    margin-top: 30px; }
    @media screen and (min-width: 480px) {
      .s-rich-text .blockquote-wrapper:not(:first-child) {
        margin-top: calc(30px + 20 * (100vw - 480px) / 760); } }
    @media screen and (min-width: 1240px) {
      .s-rich-text .blockquote-wrapper:not(:first-child) {
        margin-top: 50px; } }
  .s-rich-text .blockquote-wrapper:not(:last-child) {
    margin-bottom: 30px; }
    @media screen and (min-width: 480px) {
      .s-rich-text .blockquote-wrapper:not(:last-child) {
        margin-bottom: calc(30px + 20 * (100vw - 480px) / 760); } }
    @media screen and (min-width: 1240px) {
      .s-rich-text .blockquote-wrapper:not(:last-child) {
        margin-bottom: 50px; } }
  .s-rich-text .blockquote-wrapper::before {
    content: '';
    width: 40%;
    height: .2rem;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    background-color: #000000; }

.s-rich-text blockquote {
  font-size: 20px;
  position: relative;
  font-weight: 200;
  color: #000000;
  line-height: 1.5;
  padding-left: 1.5rem;
  padding-right: 1.5rem; }
  @media screen and (min-width: 480px) {
    .s-rich-text blockquote {
      font-size: calc(20px + 4 * (100vw - 480px) / 760); } }
  @media screen and (min-width: 1240px) {
    .s-rich-text blockquote {
      font-size: 24px; } }
  .s-rich-text blockquote p::before {
    position: absolute;
    left: 0;
    content: open-quote; }
  .s-rich-text blockquote p::after {
    padding-left: 0.5rem;
    content: close-quote; }

.s-text-light {
  color: #ffffff; }
  .s-text-light ::selection {
    background-color: rgba(255, 255, 255, 0.4);
    color: #ffffff; }
  .s-text-light h1,
  .s-text-light h2,
  .s-text-light h3,
  .s-text-light h4,
  .s-text-light h5,
  .s-text-light h6,
  .s-text-light a:not([class^='c-button']) {
    color: #ffffff; }
  .s-text-light .c-meta-data-item {
    color: #ffffff; }
  .s-text-light form:not(.search-bar) .form__item:not(.input--file):not(.c-managed_file) .input__input {
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.2); }
    .s-text-light form:not(.search-bar) .form__item:not(.input--file):not(.c-managed_file) .input__input::-webkit-input-placeholder {
      color: #ffffff; }
    .s-text-light form:not(.search-bar) .form__item:not(.input--file):not(.c-managed_file) .input__input::-moz-placeholder {
      color: #ffffff; }
    .s-text-light form:not(.search-bar) .form__item:not(.input--file):not(.c-managed_file) .input__input:-ms-input-placeholder {
      color: #ffffff; }
  .t-dfe-pharma .s-text-light form:not(.search-bar) .form__item:not(.input--file):not(.c-managed_file).form__item--lap .input__input {
    transition: border-color, 300ms, ease-in-out; }
  .t-dfe-pharma .s-text-light form:not(.search-bar) .form__item:not(.input--file):not(.c-managed_file).form__item--lap-active .input__input {
    border-color: #ffffff; }
  .s-text-light .checkbox__label::before {
    background-image: url("/assets/svg/icons/checkmark.svg");
    background-color: #ffffff !important;
    border-color: #ffffff !important; }
  .s-text-light .checkbox__label::after {
    border-color: #ffffff; }
  .t-dfe-pharma .s-text-light .checkbox__label::before {
    background-image: url("/assets/svg/icons/checkmark-red.svg"); }
  .s-text-light input:-webkit-autofill,
  .s-text-light input:-webkit-autofill:hover,
  .s-text-light input:-webkit-autofill:focus,
  .s-text-light input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 100px #0094d9 inset;
    -webkit-text-fill-color: #ffffff;
    border-color: #ffffff; }
  .s-text-light .c-alert {
    background-color: #ffffff;
    color: #000000; }
    .s-text-light .c-alert a:not([class^='c-button']) {
      color: #000000; }
  .s-text-light .alert--error svg path,
  .s-text-light .alert--error svg polygon {
    fill: #ed1c24; }
  .s-text-light .alert--warning svg path,
  .s-text-light .alert--warning svg polygon {
    fill: #f7931e; }
  .s-text-light .alert--success svg path,
  .s-text-light .alert--success svg polygon {
    fill: #39b54a; }

/*# sourceMappingURL=main.css.map */