/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

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

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none; }

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none; }
.sitecore-editing .header-content, .sitecore-editing .body-content {
  z-index: 0 !important;
  padding: 40px 0px; }

.sitecore-editing .body-content {
  padding: 0;
  max-width: 1600px; }

.sitecore-editing .generic-content-banner .scEmptyPlaceholder {
  width: 100%; }

.sitecore-editing .spacer {
  outline: 1px dotted rgba(255, 255, 255, 0.4); }

.sitecore-editing #Header .navigation-placeholder-warning {
  text-align: center;
  display: block;
  position: relative;
  z-index: 999999999999999999999; }
  .sitecore-editing #Header .navigation-placeholder-warning b {
    padding: 5px 10px;
    background: #fff;
    color: darkred; }

.navigation-placeholder-warning {
  display: none; }
/* Smartphones (portrait and landscape) ----------- */
/* Smartphones (landscape) ----------- */
/* Smartphones (portrait) ----------- */
/* iPads (portrait and landscape) ----------- */
/* iPads (landscape) ----------- */
/* iPads (portrait) ----------- */
/* Desktops and laptops ----------- */
/* Large screens ----------- */
html,
input,
button,
select {
  font-size: 15px;
  color: #000000;
  font-family: 'Roboto', sans-serif;
  line-height: 1.5;
  font-weight: 300; }
  @media (min-width: 768px) {
    html,
    input,
    button,
    select {
      font-size: 15px;
      line-height: 1.5; } }

a {
  color: #939598;
  text-decoration: none; }

sup {
  color: #911E5B; }

.font-primary {
  font-family: 'Roboto', sans-serif; }

.font-secondary {
  font-family: 'Reso', serif; }

.font-tertiary {
  font-family: 'Roboto', serif; }

h1, h2, h3, h4, h5,
.h1, .h2, .h3, .h4, .h5 {
  font-family: 'ResoLight', serif;
  margin: 0 0 20px;
  padding: 0;
  font-weight: 300; }

h5,
.h5 {
  font-family: 'Roboto', sans-serif;
  margin: 0 0 20px;
  padding: 0;
  font-weight: normal; }

p, address {
  margin: 0 0 15px;
  padding: 0;
  font-style: normal;
  line-height: 23px; }
  @media (min-width: 768px) {
    p, address {
      margin: 0 0 22px; } }

.center {
  text-align: center; }
  .center .section-label {
    margin-left: auto;
    margin-right: auto; }

.left {
  text-align: left; }

/*
strong {
    font-weight: normal;
    font-family: 'Playfair Display', serif;
    font-size: 24px;
    line-height: 1.33;
    display: block;
    border-top: 1px solid #e6e6e6;
    margin: 20px -20px 20px 0;
    padding-top: 10px;
    box-sizing:border-box;

    @include breakpoint($medium) {
        margin: 20px 0px;
    }
    @include breakpoint($large) {
        font-size: 32px;
        line-height: 1.19;
    }
}
*/
.heading {
  border-top: 1px solid #e6e6e6;
  margin: 0px -20px 30px 0;
  padding-top: 10px;
  box-sizing: border-box;
  clear: both; }
  @media (min-width: 481px) {
    .heading {
      margin: 0px 0px 30px; } }

.title {
  clear: both;
  margin-bottom: 30px; }

h1,
.h1 {
  font-size: 38px;
  line-height: 40px; }
  @media (min-width: 481px) {
    h1,
    .h1 {
      font-size: 70px;
      line-height: 68px; } }

h2,
.h2 {
  font-size: 36px;
  line-height: 1; }
  @media (min-width: 768px) {
    h2,
    .h2 {
      font-size: 70px;
      line-height: 1; } }

h3,
.h3 {
  font-size: 30px;
  line-height: 34px; }
  @media (min-width: 768px) {
    h3,
    .h3 {
      font-size: 46px;
      line-height: 0.8; } }

h4,
.h4 {
  font-size: 16px;
  line-height: 1; }
  @media (min-width: 768px) {
    h4,
    .h4 {
      font-size: 21px;
      line-height: 1.33; } }

h5,
.h5 {
  font-size: 36px;
  line-height: 1; }
  @media (min-width: 768px) {
    h5,
    .h5 {
      font-size: 36px;
      line-height: 1.44; } }

.headline {
  font-size: 30px;
  line-height: 36px;
  font-family: roboto, serif;
  display: inline-block;
  margin-bottom: 22px; }
  @media (max-width: 480px) {
    .headline {
      font-size: 24px;
      line-height: 32px; } }

.headline--large {
  font-size: 34px;
  line-height: 42px;
  font-family: roboto, serif;
  display: inline-block;
  margin-bottom: 22px; }
  @media (max-width: 480px) {
    .headline--large {
      font-size: 21px;
      line-height: 27px; } }

.headline--small {
  font-size: 24px;
  line-height: 28px;
  font-family: roboto, serif;
  display: block;
  margin-bottom: 22px; }
  @media (max-width: 480px) {
    .headline--small {
      font-size: 21px;
      line-height: 27px; } }

.divider {
  font-size: 18px;
  line-height: 1;
  letter-spacing: 6px;
  text-transform: uppercase;
  text-align: center;
  color: #000000;
  position: relative;
  width: 100%;
  margin: 0 0 30px;
  clear: both;
  display: block; }
  @media (max-width: 767px) {
    .divider {
      font-size: 18px; } }
  @media (max-width: 480px) {
    .divider {
      font-size: 18px; } }

h2.divider {
  margin: 20px 0 50px; }

.divider__inner {
  z-index: 1;
  position: relative;
  padding: 0;
  /*
    border-left: 1px solid #e7e7e7;
    border-right: 1px solid #e7e7e7;
    */
  display: block;
  padding: 0 20%; }
  @media (max-width: 480px) {
    .divider__inner {
      padding: 0 12.5%; } }

.divider__inner:before {
  content: ' ';
  display: inline-block;
  width: 20px;
  height: 15px;
  background: #fff;
  border-left: 1px solid #e7e7e7;
  position: absolute;
  top: 50%;
  margin-top: -7px;
  margin-left: -20px; }

.divider__inner:after {
  content: ' ';
  display: inline-block;
  width: 15px;
  height: 15px;
  background: #fff;
  border-right: 1px solid #e7e7e7;
  position: absolute;
  top: 50%;
  margin-top: -7px;
  margin-right: -20px; }

.divider__innerwrap {
  display: inline-block;
  padding: 0;
  background: #fff; }

.divider:before {
  content: ' ';
  display: block;
  width: 100%;
  height: 1px;
  background: #e7e7e7;
  position: absolute;
  top: 50%;
  left: 0; }

.strong {
  font-weight: 400; }

.small {
  font-size: 12px;
  line-height: 1; }
  @media (min-width: 768px) {
    .small {
      font-size: 14px;
      line-height: 1; } }

address {
  white-space: pre-line;
  line-height: 23px; }

dl dd,
dl dt {
  font-size: 16px;
  line-height: 1.5;
  color: #212121; }

dl dt {
  font-size: 14px;
  color: #868686;
  display: block;
  width: 100%;
  box-sizing: border-box; }
  dl dt.label {
    margin-bottom: 2px; }
  @media (min-width: 768px) {
    dl dt {
      width: 25%;
      margin-bottom: 10px;
      padding-right: 20px; } }
  dl dt:before {
    content: ' ';
    width: 100%;
    display: block;
    clear: both; }

dl dd {
  font-size: 14px;
  color: #373A36;
  margin: 0;
  font-weight: 400;
  line-height: 28px; }
  @media (min-width: 768px) {
    dl dd {
      margin-bottom: 10px; } }
  dl dd:after {
    content: ' ';
    width: 100%;
    display: block;
    clear: both; }

.datalist dt:last-of-type,
.datalist dd:last-of-type {
  margin-bottom: 0px; }

ol.numbered {
  margin: 0 0 25px;
  padding: 0 0 0 25px;
  list-style-type: none; }

ol.numbered li {
  counter-increment: list-counter;
  font-size: 12px;
  line-height: 1.5;
  padding: 0 0 5px 0;
  position: relative; }
  @media (min-width: 768px) {
    ol.numbered li {
      font-size: 14px;
      line-height: 1.5; } }

ol.numbered li:before {
  content: counter(list-counter);
  font-size: 9px;
  display: block;
  margin: 2px 0 0 -20px;
  position: absolute; }
  @media (min-width: 768px) {
    ol.numbered li:before {
      font-size: 11px; } }

label,
.label,
.data--highlight dt {
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 2px;
  line-height: 1;
  color: #939598;
  text-transform: uppercase;
  margin: 0 0 20px;
  display: block; }

.label--large {
  font-size: 18px;
  margin-bottom: 36px;
  font-weight: 400;
  font-family: ResoSemiBold;
  letter-spacing: 4px; }

.label--small,
.data--highlight dt {
  font-size: 10px;
  line-height: 1.5;
  letter-spacing: 1.7px;
  color: #69a9e3; }

.section-label, legend, .form__text h2 {
  color: #373A36;
  font-size: 18px;
  letter-spacing: 4px;
  text-transform: uppercase;
  margin: 0 0 24px;
  display: block;
  font-family: 'ResoSemiBold'; }
  .section-label--plain, legend--plain, .form__text h2--plain {
    color: #373A36 !important; }
  .section-label--branded, legend--branded, .form__text h2--branded {
    color: #FFB81C !important; }
  .section-label--postfix span:first-child, legend--postfix span:first-child, .form__text h2--postfix span:first-child {
    padding-right: 10px;
    margin-right: 10px;
    display: inline-block; }
    .section-label--postfix span:first-child:after, legend--postfix span:first-child:after, .form__text h2--postfix span:first-child:after {
      content: ' ';
      width: 1px;
      height: 14px;
      top: 1px;
      right: -9px;
      position: relative;
      background: #d6d6d6;
      display: inline-block; }
  .section-label .section-label__postfix, legend .section-label__postfix, .form__text h2 .section-label__postfix {
    color: #373a36;
    font-family: 'Roboto';
    font-size: 12px;
    text-transform: none;
    letter-spacing: 0;
    display: inline-block;
    top: -1px;
    position: relative; }

.form__text h2 {
  margin-bottom: 12px; }

.utility-column .section-label {
  color: #939598; }

.section-intro {
  margin: 0 0 70px;
  display: block; }
  @media (max-width: 768px) {
    .section-intro {
      margin: 0 0 30px; } }
  @media (max-width: 480px) {
    .section-intro {
      line-height: 23px; } }

.subcopy {
  font-size: 12px;
  line-height: 1.5;
  color: #C7C8CA; }

.label--link {
  color: #FFB81C;
  text-transform: uppercase; }

.label--link.link--arrow:after {
  color: #FFB81C;
  right: -20px;
  top: 8px;
  transition: color .3s; }

.label--link.link--arrow:hover:after {
  color: #FFB81C; }

.label--date {
  color: #9f9f9f;
  font-size: 12px;
  line-height: 1;
  font-style: italic;
  margin-left: 10px;
  padding-left: 10px;
  font-weight: normal;
  letter-spacing: 0px;
  text-transform: initial; }

.label--italic {
  color: #9f9f9f;
  font-size: 12px;
  line-height: 1;
  font-style: italic;
  font-weight: normal;
  letter-spacing: 0px;
  text-transform: initial;
  padding-right: 10px; }

.label--grey {
  color: #C7C8CA;
  font-size: 12px;
  line-height: 1;
  font-weight: normal;
  letter-spacing: 0px;
  text-transform: initial;
  padding-right: 10px; }

.label--date:before {
  content: '|';
  font-style: normal;
  color: #C7C8CA;
  left: -10px;
  position: relative; }

.label--time {
  font-size: 12px;
  font-style: italic;
  line-height: 1.5;
  text-align: left;
  color: #373A36; }

.label--time:before {
  content: ' ';
  width: 17px;
  height: 17px;
  display: inline-block;
  background: #E7E7E7;
  position: relative;
  top: 4px;
  margin-right: 5px; }

.alt-text {
  color: #F4F4F4; }
  .alt-text .button--basic {
    color: #F4F4F4; }
  .alt-text .link {
    color: #E7E7E7; }
    .alt-text .link--arrow {
      border-bottom: 1px solid rgba(255, 255, 255, 0.25); }
      .alt-text .link--arrow:before {
        border-left-color: #E7E7E7; }
      .alt-text .link--arrow.link--rev:before {
        border-right-color: #E7E7E7; }
    .alt-text .link.active, .alt-text .link:hover {
      color: #ffffff; }
    .alt-text .link--cta.active, .alt-text .link--cta:hover {
      color: #f4f4f4; }
  .alt-text .button--no-border {
    color: #f4f4f4; }
    .alt-text .button--no-border:before {
      border-left-color: #f4f4f4; }
    .alt-text .button--no-border:hover {
      color: #ffffff; }
  .alt-text .button--ghost {
    border: 1px solid #f4f4f4;
    border-right: 0;
    color: #e7e7e7; }
    .alt-text .button--ghost:after {
      border: 1px solid #f4f4f4;
      border-right: 2px solid #f4f4f4;
      border-left: 0;
      border-bottom: 0; }
    .alt-text .button--ghost:before {
      border-left-color: #f4f4f4; }
    .alt-text .button--ghost:hover {
      color: #ffffff; }
      .alt-text .button--ghost:hover:after {
        border-right: 2px solid #FFB81C; }
      .alt-text .button--ghost:hover:before {
        border-left-color: #ffffff; }
  .alt-text .section-label {
    color: #f4f4f4; }
    .alt-text .section-label--plain {
      color: #f4f4f4 !important; }
  .alt-text .back {
    color: #f4f4f4; }
    .alt-text .back:before {
      border-left-color: transparent;
      border-right-color: #f4f4f4; }
  .alt-text .header-banner__inner h1, .alt-text .header-banner__inner h2, .alt-text .header-banner__inner span:not(.section-label):not(.indeed-apply-button-label), .alt-text .header-banner__inner p, .alt-text .header-banner__inner label, .alt-text .header-banner__inner .section-label--plain, .alt-text .generic-content-banner__content h1, .alt-text .generic-content-banner__content h2, .alt-text .generic-content-banner__content span:not(.section-label):not(.indeed-apply-button-label), .alt-text .generic-content-banner__content p, .alt-text .generic-content-banner__content label, .alt-text .generic-content-banner__content .section-label--plain {
    text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6); }
  .alt-text .indeed-apply-button-label {
    text-shadow: none !important; }

@media (min-width: 768px) {
  .alt-text--desktop {
    color: #F4F4F4; }
    .alt-text--desktop .button--basic {
      color: #F4F4F4; }
    .alt-text--desktop .link {
      color: #E7E7E7; }
      .alt-text--desktop .link--arrow {
        border-bottom: 1px solid rgba(255, 255, 255, 0.25); }
        .alt-text--desktop .link--arrow:before {
          border-left-color: #E7E7E7; }
        .alt-text--desktop .link--arrow.link--rev:before {
          border-right-color: #E7E7E7; }
      .alt-text--desktop .link.active, .alt-text--desktop .link:hover {
        color: #ffffff; }
      .alt-text--desktop .link--cta.active, .alt-text--desktop .link--cta:hover {
        color: #f4f4f4; }
    .alt-text--desktop .button--no-border {
      color: #f4f4f4; }
      .alt-text--desktop .button--no-border:before {
        border-left-color: #f4f4f4; }
      .alt-text--desktop .button--no-border:hover {
        color: #ffffff; }
    .alt-text--desktop .button--ghost {
      border: 1px solid #f4f4f4;
      border-right: 0;
      color: #e7e7e7; }
      .alt-text--desktop .button--ghost:after {
        border: 1px solid #f4f4f4;
        border-right: 2px solid #f4f4f4;
        border-left: 0;
        border-bottom: 0; }
      .alt-text--desktop .button--ghost:before {
        border-left-color: #f4f4f4; }
      .alt-text--desktop .button--ghost:hover {
        color: #ffffff; }
        .alt-text--desktop .button--ghost:hover:after {
          border-right: 2px solid #FFB81C; }
        .alt-text--desktop .button--ghost:hover:before {
          border-left-color: #ffffff; }
    .alt-text--desktop .section-label {
      color: #f4f4f4; }
      .alt-text--desktop .section-label--plain {
        color: #f4f4f4 !important; }
    .alt-text--desktop .back {
      color: #f4f4f4; }
      .alt-text--desktop .back:before {
        border-left-color: transparent;
        border-right-color: #f4f4f4; }
    .alt-text--desktop .header-banner__inner h1, .alt-text--desktop .header-banner__inner h2, .alt-text--desktop .header-banner__inner span:not(.section-label):not(.indeed-apply-button-label), .alt-text--desktop .header-banner__inner p, .alt-text--desktop .header-banner__inner label, .alt-text--desktop .header-banner__inner .section-label--plain, .alt-text--desktop .generic-content-banner__content h1, .alt-text--desktop .generic-content-banner__content h2, .alt-text--desktop .generic-content-banner__content span:not(.section-label):not(.indeed-apply-button-label), .alt-text--desktop .generic-content-banner__content p, .alt-text--desktop .generic-content-banner__content label, .alt-text--desktop .generic-content-banner__content .section-label--plain {
      text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6); }
    .alt-text--desktop .indeed-apply-button-label {
      text-shadow: none !important; } }

@media (hover) {
  .cookie__cta1:after {
    content: "";
    display: block;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    height: 1px;
    background: #fff;
    width: 0%;
    position: absolute;
    transition: width 0.2s ease-out; }
  .cookie__cta1:not(.active):hover {
    border: 2px solid #FFB81Ced;
    border-bottom-right-radius: 110px 90px;
    background-color: white;
    color: black;
    font-weight: 400; } }

.cookie__cta-accept {
  background-color: #fff !important;
  color: black !important;
  font-weight: 400 !important; }
  .cookie__cta-accept:before {
    border-left: none !important; }
  .cookie__cta-accept:after {
    background-color: #fff !important; }
  @media (hover) {
    .cookie__cta-accept:before {
      border-left: none !important; }
    .cookie__cta-accept.active, .cookie__cta-accept:hover {
      font-weight: 400;
      color: black !important;
      background-color: #fff !important; }
      .cookie__cta-accept.active:after, .cookie__cta-accept:hover:after {
        width: 100%;
        background-color: #fff !important; } }

.link {
  position: relative;
  cursor: pointer;
  color: #373A36;
  display: inline-block;
  font-weight: 400; }
  @media (hover) {
    .link:after {
      content: "";
      display: block;
      top: 100%;
      left: 50%;
      transform: translateX(-50%);
      height: 1px;
      background: #FFB81C;
      width: 0%;
      position: absolute;
      transition: width 0.2s ease-out; }
    .link.active, .link:hover {
      font-weight: 400; }
      .link.active:after, .link:hover:after {
        width: 100%; }
    .link:not(.active):hover {
      font-weight: 400; } }
  .link--cta {
    line-height: 1.8; }
    .link--cta:before {
      content: "";
      display: block;
      top: 100%;
      left: 50%;
      transform: translateX(-50%);
      height: 1px;
      background: #373A36;
      opacity: 0.25;
      width: 100%;
      position: absolute;
      transition: width 0.2s ease-out; }
  .link--external {
    padding-right: 26px;
    position: relative; }
    .link--external:before {
      content: "";
      background-image: url("/assets/images/icons/icon-external.svg");
      display: block;
      width: 16px;
      height: 16px;
      background-size: contain;
      background-repeat: no-repeat;
      position: absolute;
      right: 0;
      top: 50%;
      margin-top: -8px; }
  .link--wide {
    display: block;
    width: 100%;
    box-sizing: border-box; }
  .link--arrow {
    padding-right: 1.5em;
    width: 100%;
    display: inline-block;
    max-width: 218px;
    margin-bottom: 25px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    padding-bottom: 6px;
    padding-top: 6px; }
    .link--arrow:before {
      content: "";
      display: block;
      width: 0;
      height: 0;
      border-top: 5px solid transparent;
      border-left: 5px solid #373A36;
      border-bottom: 5px solid transparent;
      border-right: 5px solid transparent;
      margin-top: -5px;
      position: absolute;
      opacity: 1;
      right: -5px;
      top: 50%;
      left: auto;
      background: none;
      transition: right 0.2s ease-in-out; }
    .link--arrow:after {
      left: 0;
      transform: none; }
    .link--arrow.link--rev {
      padding-right: 0;
      padding-left: 1.5em;
      width: auto;
      min-width: 0;
      border: 0; }
      .link--arrow.link--rev:before {
        border-right: 5px solid #373A36;
        border-left: 5px solid transparent;
        left: 2px;
        right: auto;
        background: none;
        transition: left 0.2s ease-in-out; }
      .link--arrow.link--rev:after {
        display: none; }
      .link--arrow.link--rev:hover:before {
        left: -5px; }

.date-stamp {
  font-size: 12px;
  color: #939598; }

.button {
  text-align: left;
  min-width: 218px;
  width: auto;
  max-width: 100%;
  max-width: calc(100% - 20px);
  background: #FFB81C;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 1px solid #FFB81C;
  border-right: 0;
  padding: 15px 25px 15px 18px;
  font-family: 400;
  margin-right: 45px;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
  flex-grow: 0;
  cursor: pointer;
  position: relative;
  z-index: 1;
  display: inline-block;
  color: #262626;
  margin-bottom: 20px;
  box-sizing: border-box;
  transition: background 0.5s linear, border-color 0.5s ease-in-out, padding-left 0.5s ease-in-out, color 0.5s linear; }
  .button:after {
    content: '';
    position: absolute;
    display: block;
    border: 1px solid #FFB81C;
    border-left: 0;
    border-bottom: 0;
    top: -1px;
    right: -1px;
    bottom: 0px;
    width: 40px;
    background: #FFB81C;
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: skew(-25deg);
    -ms-transform: skew(-25deg);
    transform: skew(-25deg);
    z-index: -1;
    transition: background 0.5s linear, border-color 0.5s linear; }
  .button:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-left: 5px solid #000000;
    border-bottom: 5px solid transparent;
    border-right: 5px solid transparent;
    position: absolute;
    right: 4px;
    top: 50%;
    margin-top: -5px;
    transition: right 0.2s ease-in-out; }
  .button:hover, .button:active {
    color: #373A36;
    background: #ffd069;
    transition-duration: 0.25s;
    padding-left: 25px; }
    .button:hover:after, .button:active:after {
      background: #ffd069;
      transition-duration: 0.25s; }
  .button--no-border {
    background: none;
    border: 0;
    line-height: 1;
    padding-left: 0;
    border-bottom: 0px solid #FFB81C;
    width: auto;
    display: inline-block; }
    .button--no-border:after {
      display: none;
      background: none;
      border: 0; }
    .button--no-border:hover {
      padding-left: 0;
      background: none; }
  .button--grey {
    border: 0;
    background: #fafafa !important;
    transition: background 0.5s linear, border 0.5s ease-in-out, padding-left 0.5s ease-in-out; }
    .button--grey:after {
      border: 0;
      top: 0;
      background: #fafafa !important;
      transition: background 0.5s linear, border 0.5s ease-in-out; }
    .button--grey:hover {
      color: modis-mid-grey-1;
      background: #eeeeee !important;
      transition-duration: 0.25s;
      transition-timing-function: ease-out;
      padding-left: 30px; }
      .button--grey:hover:before {
        right: 4px !important; }
      .button--grey:hover:after {
        transition-duration: 0.25s !important;
        background: #eeeeee !important; }
  .button--ghost {
    background: transparent;
    border: 1px solid #939598;
    border-right: 0;
    color: #373A36; }
    .button--ghost:after {
      background: transparent;
      border: 1px solid #939598;
      border-bottom: 0;
      border-left: 0; }
    .button--ghost:hover {
      background: transparent;
      border: 1px solid #FFB81C;
      border-right: 0; }
      .button--ghost:hover:before {
        border-left: 5px solid #FFB81C; }
      .button--ghost:hover:after {
        border: 1px solid #FFB81C;
        border-left: 0;
        border-bottom: 0;
        background: transparent; }
  .button--alert {
    background: #F4F4F4;
    border: 1px solid #F4F4F4;
    border-right: 0;
    width: 100%; }
    .button--alert:after {
      background: #F4F4F4;
      border-right: 1px solid #F4F4F4;
      border-left: 0;
      border-bottom: 0;
      border-top: 0; }
    .button--alert:hover {
      border: 1px solid #F4F4F4;
      border-right: 0;
      color: modis-mid-grey-1;
      background: #E7E7E7 !important;
      transition-duration: 0.25s;
      transition-timing-function: ease-out;
      padding-left: 30px; }
      .button--alert:hover:before {
        right: 4px !important; }
      .button--alert:hover:after {
        transition-duration: 0.25s !important;
        border: 1px solid #F4F4F4;
        border-left: 0;
        border-bottom: 0;
        border-top: 0;
        background: #E7E7E7 !important; }
  .button--rev {
    padding: 17px 18px 17px 45px; }
    .button--rev:after {
      transform: skew(25deg); }
    .button--rev:before {
      left: 4px;
      right: auto;
      border-left: 5px solid transparent;
      border-right: 5px solid #373A36;
      transition: left 0.15s linear; }
    .button--rev.button--ghost {
      border: 1px solid #939598;
      border-left: 0;
      padding: 0; }
      .button--rev.button--ghost:after {
        border-right: 0;
        border-left: 1px solid #939598; }
    .button--rev:hover:before {
      left: 2px; }
  .button--disabled {
    opacity: 0.25;
    pointer-events: none; }

/* utility-column */
.utility-column {
  margin: 100px 0 150px;
  padding-bottom: 100px;
  min-height: 200px; }

.toggle {
  position: relative; }
  .toggle:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 5px solid #E7E7E7;
    border-left: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid transparent;
    margin-top: -2.5px;
    position: absolute;
    right: 0;
    top: 50%;
    transform-origin: center 2.5px;
    transition: transform 0.25s ease-in-out; }
  .toggle--on:before {
    -webkit-transform: RotateZ(180deg);
    transform: RotateZ(180deg); }

.tick-list-item {
  padding: 0;
  margin-bottom: 0; }
  .tick-list-item:after {
    width: 14px !important;
    height: 14px !important;
    margin-top: -0.5em !important; }
  .tick-list-item + .tick-list-item {
    margin-top: 20px; }

.section-title {
  flex: 100%; }
  .section-title .section-label {
    margin-bottom: 50px; }
    .section-title .section-label + .section-intro {
      margin-top: -50px; }

.reading-column {
  opacity: 0;
  transition: opacity 0.5s linear; }

.body {
  max-width: 1180px;
  margin: 0 auto; }

.temp-mobile {
  display: none; }

@media (max-width: 600px) {
  .temp-mobile {
    display: block;
    margin-top: 30px; }
  .temp-desktop {
    display: none; } }

.arrow-border {
  width: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  display: block;
  position: relative; }
  .arrow-border:before, .arrow-border:after {
    height: 1px;
    content: "";
    display: block;
    width: calc(50% - 10px);
    background: #d6d6d6;
    position: absolute;
    bottom: 0;
    opacity: 1; }
  .arrow-border:before {
    left: 0; }
  .arrow-border:after {
    right: 0; }
  .arrow-border__arrow {
    width: 20px;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -10px; }
    .arrow-border__arrow:after, .arrow-border__arrow:before {
      content: "";
      opacity: 0.9;
      display: block;
      height: 2px;
      background: #d6d6d6;
      width: 50%;
      position: absolute;
      bottom: -1px; }
    .arrow-border__arrow:after {
      left: 0;
      transform: skewY(45deg);
      transform-origin: 0 50%; }
    .arrow-border__arrow:before {
      right: 0;
      transform: skewY(-45deg);
      transform-origin: 100% 50%; }

.arrow {
  position: relative;
  display: block;
  width: 45px;
  height: 45px;
  transition: background-color 0.25s linear; }
  .arrow:hover {
    background: rgba(0, 0, 0, 0.05); }
  .arrow:after {
    content: "";
    position: absolute;
    overflow: hidden;
    display: inline-block;
    /*set the size for arrow*/
    width: 50%;
    height: 50%;
    transition: border-color 0.3s linear;
    box-sizing: border-box;
    top: 25%;
    left: 40%;
    transform-origin: 50% 50%; }
  .arrow--left:after {
    border-top: 1px solid #373A36;
    border-left: 1px solid #373A36;
    transform: rotate(-45deg); }
  .arrow--left:hover:after {
    border-top: 1px solid #161616;
    border-left: 1px solid #161616; }
  .arrow--right:after {
    right: 40%;
    left: auto;
    border-bottom: 1px solid #373A36;
    border-right: 1px solid #373A36;
    transform: rotate(-45deg); }
  .arrow--right:hover:after {
    border-bottom: 1px solid #161616;
    border-right: 1px solid #161616; }
  .arrow--inactive {
    opacity: 0.2;
    pointer-events: none; }

.alt-text .arrow--right:after {
  border-bottom: 1px solid #888888;
  border-right: 1px solid #888888; }

.alt-text .arrow--right:hover:after {
  border-bottom: 1px solid #555555;
  border-right: 1px solid #555555; }

.alt-text .arrow--right--left:after {
  border-top: 1px solid #888888;
  border-left: 1px solid #888888; }

.alt-text .arrow--right--left:hover:after {
  border-top: 1px solid #555555;
  border-left: 1px solid #555555; }

.mug-shot {
  border-radius: 100%;
  display: block;
  overflow: hidden; }
  .mug-shot img {
    width: 100%;
    display: block;
    height: auto; }

.country-list__inner {
  max-width: 700px;
  width: 100%;
  margin: 0; }

.error-500 .header {
  background: #262626; }
  .error-500 .header:after {
    display: none; }

.error-500 .mobile-nav img {
  width: 98px; }

.hidden {
  display: none; }

.container {
  padding: 0 15px;
  margin: 0 auto;
  max-width: 1180px;
  position: relative; }
  .container::after {
    clear: both;
    content: ' ';
    display: block; }

.container--side {
  position: relative; }
  @media (min-width: 768px) {
    .container--side {
      border-top: 1px solid #e7e7e7;
      padding-top: 20px; } }

@media (min-width: 768px) {
  .container--main {
    border-top: 1px solid #e7e7e7; } }

.container--expand {
  padding-left: 0;
  padding-right: 0; }

.container--flex {
  display: flex; }

.container--small {
  max-width: 930px; }

/*
.container {
    background:rgba(0,0,0,0.25);
}
.col {
    background:rgba(0,0,0,0.25);
}
.col .col {
    background:rgba(0,0,0,0.25);
}
*/
.col {
  float: left;
  margin: 0 15px;
  width: calc(210px + (100% - 240px)); }

.col--expand {
  margin-left: 0;
  margin-right: 0; }

.col--expand-left {
  margin-left: 0; }

.col--expand-right {
  margin-right: 0; }

.col--flex {
  display: flex;
  width: 100%; }

.col--col {
  margin: 0;
  width: 100%; }

.col--inner {
  width: calc( 100% + 20px) !important;
  margin-left: -15px !important;
  margin-right: -15px !important;
  float: left; }

.col--wrapper {
  float: left;
  width: calc(150px + ((100% - 240px) / 8 * 6)); }

@media (min-width: 481px) {
  .col--push_1 {
    margin-left: calc(30px + ((100% - 240px) / 8 * 1));
    padding-left: 10px; } }

@media (min-width: 481px) and (max-width: 768px) {
  .col--push_1_medium {
    margin-left: calc(30px + ((100% - 240px) / 8 * 1));
    padding-left: 10px; } }

@media (min-width: 1180px) {
  .col--push_1_xl {
    margin-left: calc(30px + ((100% - 240px) / 8 * 1));
    padding-left: 10px; } }

@media (min-width: 768px) {
  .col--push_2_large {
    margin-left: calc(60px + ((100% - 240px) / 8 * 2));
    padding-left: 10px; } }

@media (min-width: 481px) and (max-width: 768px) {
  .col--push_2_medium_only {
    margin-left: calc(60px + ((100% - 240px) / 8 * 2));
    padding-left: 10px; } }

@media (max-width: 767px) {
  .col--push_2_medium_max {
    margin-left: calc(60px + ((100% - 240px) / 8 * 2));
    padding-left: 10px; } }

.col--push_2 {
  margin-left: calc(60px + ((100% - 240px) / 8 * 2)); }

@media (min-width: 481px) {
  .col--span1 {
    width: calc(((100% - 240px) / 8 * 1)); } }

@media (min-width: 481px) {
  .col--span2 {
    width: calc(30px + ((100% - 240px) / 8 * 2)); } }

@media (min-width: 481px) {
  .col--span3 {
    width: calc(60px + ((100% - 240px) / 8 * 3)); } }

@media (min-width: 481px) {
  .col--span4 {
    width: calc(90px + ((100% - 240px) / 8 * 4)); } }

@media (min-width: 481px) {
  .col--span5 {
    width: calc(120px + ((100% - 240px) / 8 * 5)); } }

@media (min-width: 481px) {
  .col--span6 {
    width: calc(150px + ((100% - 240px) / 8 * 6)); } }

@media (min-width: 481px) and (max-width: 768px) {
  .col--span6_medium {
    width: calc(150px + ((100% - 240px) / 8 * 6)); } }

@media (min-width: 481px) {
  .col--span7 {
    width: calc(180px + ((100% - 240px) / 8 * 7)); } }

@media (min-width: 481px) {
  .col--span8 {
    width: calc(210px + (100% - 240px)); } }

@media (max-width: 480px) {
  .col--span1_small {
    width: calc(((100% - 240px) / 8 * 1)); } }

@media (max-width: 480px) {
  .col--span2_small {
    width: calc(30px + ((100% - 240px) / 8 * 2)); } }

@media (max-width: 480px) {
  .col--span4_small {
    width: calc(90px + ((100% - 240px) / 8 * 4)); } }

@media (max-width: 480px) {
  .col--span6_small {
    width: calc(150px + ((100% - 240px) / 8 * 6)); } }

@media (max-width: 480px) {
  .col--span7_small {
    width: calc(180px + ((100% - 240px) / 8 * 7)); } }

@media (min-width: 481px) and (max-width: 768px) {
  .col--span2_medium {
    width: calc(30px + ((100% - 240px) / 8 * 2)); } }

@media (min-width: 481px) and (max-width: 768px) {
  .col--span3_medium {
    width: calc(60px + ((100% - 240px) / 8 * 3)); } }

@media (min-width: 481px) and (max-width: 768px) {
  .col--span4_medium {
    width: calc(90px + ((100% - 240px) / 8 * 4)); } }

@media (min-width: 768px) {
  .col--span1_large {
    width: calc(((100% - 240px) / 8 * 1)); } }

@media (min-width: 768px) {
  .col--span2_large {
    width: calc(30px + ((100% - 240px) / 8 * 2)); } }

@media (min-width: 768px) {
  .col--span3_large {
    width: calc(60px + ((100% - 240px) / 8 * 3)); } }

@media (min-width: 768px) {
  .col--span4_large {
    width: calc(90px + ((100% - 240px) / 8 * 4)); } }

@media (min-width: 768px) {
  .col--span5_large {
    width: calc(120px + ((100% - 240px) / 8 * 5)); } }

@media (min-width: 768px) {
  .col--span6_large {
    width: calc(150px + ((100% - 240px) / 8 * 6)); } }

@media (min-width: 768px) {
  .col--spann7_large {
    width: calc(180px + ((100% - 240px) / 8 * 7)); } }

@media (min-width: 768px) {
  .col--span8_large {
    width: calc(210px + (100% - 240px)); } }

@media (min-width: 1180px) {
  .col--span1_xl {
    width: calc(((100% - 240px) / 8 * 1)); } }

@media (min-width: 1180px) {
  .col--span2_xl {
    width: calc(30px + ((100% - 240px) / 8 * 2)); } }

@media (min-width: 1180px) {
  .col--span3_xl {
    width: calc(60px + ((100% - 240px) / 8 * 3)); } }

@media (min-width: 1180px) {
  .col--span6_xl {
    width: calc(150px + ((100% - 240px) / 8 * 6)); } }

@media (min-width: 1180px) {
  .col--span7_xl {
    width: calc(180px + ((100% - 240px) / 8 * 7)); } }

/** block alignment **/
.center-align {
  margin: 0 auto;
  display: inline-block; }

.modal_open {
  width: 100%;
  height: 100%;
  overflow: hidden;
  max-height: 100%; }

.modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 11000;
  opacity: 0;
  transition: opacity 0.3s linear 0.3s; }
  .modal--after-open {
    opacity: 1;
    transition: opacity 0.3s linear 0s; }
  .modal--before-close {
    opacity: 0;
    transition: opacity 0.3s linear 0.3s; }
  .modal__title {
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 50px;
    display: block; }
  .modal .icon--close {
    position: absolute;
    top: 27px;
    right: 27px;
    width: 22px;
    height: 22px;
    cursor: pointer; }
  .modal--non-react {
    display: none; }
    @media (min-width: 481px) {
      .modal--non-react .modal__content {
        top: 50%;
        left: 50%;
        transform: translate3d(-50%, -50%, 0); } }

.modal__content {
  position: absolute;
  max-width: 900px;
  max-height: 80%;
  box-sizing: border-box;
  width: 90%;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -70%, 0);
  border: 0px solid #000;
  background: #fff;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  border-radius: 0;
  outline: none;
  opacity: 0;
  transition: opacity 0.2s ease-out 0s; }
  .modal__content--after-open {
    opacity: 1;
    transition: opacity 0.3s linear 0.3s; }
  .modal__content--before-close {
    opacity: 0;
    transition: opacity 0.3s linear 0s; }
  .modal__content--job-detail {
    padding: 60px 80px 60px 60px;
    max-width: 850px; }
  .modal__content > img {
    max-width: 100%; }

@media (max-width: 481px) {
  .ReactModal__Body--open > div {
    display: none; }
  .ReactModal__Body--open .ReactModalPortal {
    display: block; }
  .modal {
    overflow: scroll; }
  .modal__content {
    top: 0px;
    bottom: 0px;
    max-height: 100%;
    transform: none;
    width: 100%;
    margin: 0 auto;
    left: 0;
    padding: 30px; }
    .modal__content .icon--close {
      width: 30px;
      height: 30px;
      top: 30px;
      right: 30px;
      z-index: 10; } }

.icon {
  display: block;
  position: relative;
  /* social icons */ }
  .icon::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat; }
  .icon--search {
    padding-left: 15px; }
    .icon--search::after {
      width: 22px;
      height: 22px;
      background-image: url("/assets/images/icons/icon-search.svg"); }
  .icon--search-black::after {
    background-image: url("/assets/images/icons/icon-search-black.svg"); }
  .icon--bookmark {
    width: auto;
    height: auto; }
    .icon--bookmark::after {
      width: 12px;
      height: 16px;
      position: absolute;
      right: 0;
      top: 50%;
      margin-top: -8px;
      background-image: url("/assets/images/icons/icon-bookmark.svg"); }
  .icon--star {
    width: 28px;
    height: 26px; }
    .icon--star::after {
      background-image: url("/assets/images/icons/icon-star.svg"); }
  .icon--star-white {
    width: 28px;
    height: 26px; }
    .icon--star-white::after {
      background-image: url("/assets/images/icons/icon-star-white.svg"); }
  .icon--star-filled {
    width: 28px;
    height: 26px; }
    .icon--star-filled::after {
      background-image: url("/assets/images/icons/icon-star-b.svg"); }
  .icon--filter::after {
    margin-top: -0.7em;
    background-image: url("/assets/images/icons/icon-filter.svg"); }
  .icon--send-cv::after {
    background-image: url("/assets/images/icons/icon-send-cv.svg"); }
  .icon--conversation::after {
    background-image: url("/assets/images/icons/icon-conversation.svg"); }
  .icon--facebook::after {
    background-image: url("/assets/images/icons/icon-facebook-social.svg"); }
  .icon--twitter::after {
    background-image: url("/assets/images/icons/icon-twitter-social.svg"); }
  .icon--linkedin::after {
    background-image: url("/assets/images/icons/icon-linkedin-social.svg"); }
  .icon--linked-in-b::after {
    background-image: url("/assets/images/icons/icon-linked-in-b.svg"); }
  .icon--linked-in-b.icon--square:before {
    background: #0076b7; }
  .icon--indeed::after {
    background-image: url("/assets/images/icons/icon-indeed.png"); }
  .icon--indeed.icon--square:before {
    background: #E7E7E7; }
  .icon--upload::after {
    width: 21px !important;
    height: 25px;
    background-image: url("/assets/images/icons/icon-upload.svg"); }
  .icon--modal::after {
    width: 23px;
    height: 21px;
    background-image: url("/assets/images/icons/icon-modal.svg"); }
  .icon--dropbox::after {
    width: 1.4em;
    background-image: url("/assets/images/icons/icon-dropbox.svg"); }
  .icon--google-drive::after {
    height: 24px !important;
    width: 24px !important;
    background-image: url("/assets/images/drive_icon.png");
    margin-top: -12px !important; }
  .icon--hamburger {
    float: left;
    display: block;
    width: 18px;
    height: 14px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    cursor: pointer; }
    .icon--hamburger span {
      display: block;
      position: absolute;
      height: 14%;
      width: 100%;
      background: #d6d6d6;
      border-radius: 9px;
      opacity: 1;
      left: 0;
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
      -webkit-transition: .25s ease-in-out;
      -moz-transition: .25s ease-in-out;
      -o-transition: .25s ease-in-out;
      transition: .25s ease-in-out; }
    .icon--hamburger span:nth-child(1) {
      top: 0%; }
    .icon--hamburger span:nth-child(2), .icon--hamburger span:nth-child(3) {
      top: 43%; }
    .icon--hamburger span:nth-child(4) {
      top: 86%; }
    .icon--hamburger.open span:nth-child(1) {
      top: 45%;
      width: 0%;
      left: 50%; }
    .icon--hamburger.open span:nth-child(2) {
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg); }
    .icon--hamburger.open span:nth-child(3) {
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    .icon--hamburger.open span:nth-child(4) {
      top: 45%;
      width: 0%;
      left: 50%; }
  .icon--tick::after, .icon .tick-after::after {
    width: 1em;
    height: 1em;
    margin-right: 0.3em;
    background-image: url("/assets/images/icons/icon-tick.svg"); }
  .icon--tick--green:after, .icon .tick-after--green:after {
    background-image: url("/assets/images/icons/icon-tick-green.svg"); }
  .icon--tick--white:after, .icon .tick-after--white:after {
    background-image: url("/assets/images/icons/icon-tick-white.svg"); }
  .icon--globe {
    width: 26px;
    height: 1em; }
    .icon--globe::after {
      width: 18px;
      height: 18px;
      background-image: url("/assets/images/icons/icon-globe.svg");
      position: absolute;
      top: 50%;
      margin-top: -9px; }
  .icon--close {
    cursor: pointer;
    width: 22px;
    height: 22px;
    cursor: pointer;
    position: relative; }
    .icon--close:hover::before, .icon--close:hover::after {
      background: #939598; }
    .icon--close::before, .icon--close::after {
      content: '';
      position: absolute;
      height: 2px;
      width: 100%;
      top: 50%;
      left: 0;
      margin-top: -1px;
      background: #373A36; }
    .icon--close::before {
      transform: rotate(45deg); }
    .icon--close::after {
      transform: rotate(-45deg); }
  .icon--text-left::after, .icon--text-right::after {
    height: 1.2em;
    width: 1.2em;
    position: absolute;
    top: 50%;
    margin-top: -0.6em; }
  .icon--text-left {
    padding-left: 1.75em; }
    .icon--text-left::after {
      left: 0px; }
  .icon--text-right {
    padding-right: 1.75em; }
    .icon--text-right::after {
      right: 0px; }
  .icon--inline {
    display: block;
    float: left; }
  .icon--square {
    line-height: 2; }
    .icon--square:before {
      background-color: #E7E7E7;
      content: "";
      display: block;
      width: 30px;
      height: 30px;
      left: 0;
      top: 50%;
      margin-top: -15px;
      position: absolute; }
    .icon--square:after {
      margin-top: -9px;
      left: 6px;
      width: 18px;
      height: 18px; }
    .icon--square.icon--text-left {
      padding-left: 44px; }
  .icon--linked-in-square {
    padding-left: 55px;
    border: none;
    background: transparent;
    cursor: pointer; }
    .icon--linked-in-square::after {
      width: 40px;
      height: 40px;
      margin-top: -20px;
      background-image: url("/assets/images/icons/icon-linked-in-square.png"); }
  .icon--indeed-square {
    padding-left: 55px; }
    .icon--indeed-square::after {
      width: 40px;
      height: 40px;
      margin-top: -20px;
      background-image: url("/assets/images/icons/icon-indeed-square.png"); }

.alt-text .icon--close::before, .alt-text .icon--close::after {
  background: #d7d7d7; }

.alt-text .icon--close:hover::before, .alt-text .icon--close:hover::after {
  background: #ffffff; }

.body-content {
  overflow: hidden;
  margin: 0 auto;
  padding: 0;
  z-index: 0;
  position: relative; }
  .body-content--utility-page {
    background: url("/assets/images/brand/UtilityNetworkPath.jpg") top right no-repeat;
    background-size: 476px 382px; }
    @media (max-width: 480px) {
      .body-content--utility-page {
        padding: 30px 0 50px;
        background: none; } }

.footer-content {
  z-index: 1;
  position: relative; }

body {
  width: 100%; }

.animatable .section-label {
  overflow: hidden; }
  @media (min-width: 768px) {
    .animatable .section-label {
      width: 0;
      white-space: nowrap; } }

.animatable .headline, .animatable .headline--small, .animatable .headline--large {
  opacity: 0;
  transition: opacity 0.5s ease-out 0s; }

.animatable .generic-content-banner__content-wrapper {
  opacity: 0;
  transition: opacity 0.3s linear 0.1s; }

.animatable.animated .generic-content-banner__content-wrapper {
  opacity: 1; }

@media (min-width: 768px) {
  .animatable.animated .section-label {
    -webkit-animation: type 2s steps(60, end) 0s;
    animation: type 2s steps(60, end) 0s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards; } }

.animatable.animated .headline, .animatable.animated .headline--small, .animatable.animated .headline--large {
  opacity: 1; }

/***

Need to think about this a little more

**/
.services-block .vertical-tabs__container > * {
  margin-bottom: 40px; }

.services-block .vertical-tabs__container .link {
  margin-bottom: 20px; }

.spacer {
  width: 100%;
  max-width: 100%;
  display: block;
  height: 60px;
  flex: 0 0 100%;
  border: blue; }
  @media (max-width: 480px) {
    .spacer {
      height: 30px; } }
  .spacer--small {
    height: 30px;
    border: red; }
    @media (max-width: 480px) {
      .spacer--small {
        height: 15px; } }
  .spacer--large {
    border: pink;
    height: 90px; }
    @media (max-width: 480px) {
      .spacer--large {
        height: 45px; } }

.hub-card--information-technology .hub-card__marker {
  background: #00b5e1; }

.hub-card--information-technology:hover .hub-card__marker {
  background: #00b5e1 !important;
  opacity: 0.5; }

.alt-text .hub-card--information-technology .hub-card__inner {
  border-bottom-color: #00b5e1; }

.theme--information-technology .section-label {
  color: #00b5e1 !important; }

.body-content--information-technology .reading-column__header .section-label,
.body-content--information-technology .section-label {
  color: #00b5e1; }

.body-content--information-technology .header-banner__path-svg path, .body-content--information-technology .header-banner__path-svg polyline {
  stroke: #00b5e1; }

.body-content--information-technology .header-banner__path-svg polygon, .body-content--information-technology .header-banner__path-svg circle {
  fill: #00b5e1; }

.body-content--information-technology .industry-card__inner:after,
.body-content--information-technology .insight-card__inner:after,
.body-content--information-technology .vertical-tabs .link:after {
  background-color: #00b5e1; }

.body-content--information-technology .vertical-tabs .button--ghost:hover,
.body-content--information-technology .vertical-tabs .button--ghost:hover:after {
  border-color: #00b5e1; }

.hub-card--life-sciences .hub-card__marker {
  background: #2dc84d; }

.hub-card--life-sciences:hover .hub-card__marker {
  background: #2dc84d !important;
  opacity: 0.5; }

.alt-text .hub-card--life-sciences .hub-card__inner {
  border-bottom-color: #2dc84d; }

.theme--life-sciences .section-label {
  color: #2dc84d !important; }

.body-content--life-sciences .reading-column__header .section-label,
.body-content--life-sciences .section-label {
  color: #2dc84d; }

.body-content--life-sciences .header-banner__path-svg path, .body-content--life-sciences .header-banner__path-svg polyline {
  stroke: #2dc84d; }

.body-content--life-sciences .header-banner__path-svg polygon, .body-content--life-sciences .header-banner__path-svg circle {
  fill: #2dc84d; }

.body-content--life-sciences .industry-card__inner:after,
.body-content--life-sciences .insight-card__inner:after,
.body-content--life-sciences .vertical-tabs .link:after {
  background-color: #2dc84d; }

.body-content--life-sciences .vertical-tabs .button--ghost:hover,
.body-content--life-sciences .vertical-tabs .button--ghost:hover:after {
  border-color: #2dc84d; }

.hub-card--engineering .hub-card__marker {
  background: #8a75d1; }

.hub-card--engineering:hover .hub-card__marker {
  background: #8a75d1 !important;
  opacity: 0.5; }

.alt-text .hub-card--engineering .hub-card__inner {
  border-bottom-color: #8a75d1; }

.theme--engineering .section-label {
  color: #8a75d1 !important; }

.body-content--engineering .reading-column__header .section-label,
.body-content--engineering .section-label {
  color: #8a75d1; }

.body-content--engineering .header-banner__path-svg path, .body-content--engineering .header-banner__path-svg polyline {
  stroke: #8a75d1; }

.body-content--engineering .header-banner__path-svg polygon, .body-content--engineering .header-banner__path-svg circle {
  fill: #8a75d1; }

.body-content--engineering .industry-card__inner:after,
.body-content--engineering .insight-card__inner:after,
.body-content--engineering .vertical-tabs .link:after {
  background-color: #8a75d1; }

.body-content--engineering .vertical-tabs .button--ghost:hover,
.body-content--engineering .vertical-tabs .button--ghost:hover:after {
  border-color: #8a75d1; }

.hub-card--modis .hub-card__marker {
  background: #FFB81C; }

.hub-card--modis:hover .hub-card__marker {
  background: #FFB81C !important;
  opacity: 0.5; }

.alt-text .hub-card--modis .hub-card__inner {
  border-bottom-color: #FFB81C; }

.theme--modis .section-label {
  color: #FFB81C !important; }

.body-content--modis .reading-column__header .section-label,
.body-content--modis .section-label {
  color: #FFB81C; }

.body-content--modis .header-banner__path-svg path, .body-content--modis .header-banner__path-svg polyline {
  stroke: #FFB81C; }

.body-content--modis .header-banner__path-svg polygon, .body-content--modis .header-banner__path-svg circle {
  fill: #FFB81C; }

.body-content--modis .industry-card__inner:after,
.body-content--modis .insight-card__inner:after,
.body-content--modis .vertical-tabs .link:after {
  background-color: #FFB81C; }

.body-content--modis .vertical-tabs .button--ghost:hover,
.body-content--modis .vertical-tabs .button--ghost:hover:after {
  border-color: #FFB81C; }

.loading-spinner {
  display: block;
  border: 6px solid #f3f3f3;
  border-top: 6px solid #373A36;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: spin 1s linear infinite; }
  .loading-spinner--small {
    width: 20px;
    height: 20px;
    border: 3px solid #f3f3f3;
    border-top: 3px solid #373A36; }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

#ajax-loader {
  position: fixed;
  z-index: 12000;
  right: 20px;
  bottom: 20px;
  opacity: 0;
  transition: opacity .2s; }
  #ajax-loader.active {
    opacity: 1; }
  #ajax-loader .loading-spinner {
    width: 30px;
    height: 30px; }
/* Smartphones (portrait and landscape) ----------- */
/* Smartphones (landscape) ----------- */
/* Smartphones (portrait) ----------- */
/* iPads (portrait and landscape) ----------- */
/* iPads (landscape) ----------- */
/* iPads (portrait) ----------- */
/* Desktops and laptops ----------- */
/* Large screens ----------- */
.generic-content-banner {
  position: relative;
  background-size: cover !important;
  background-position: 50% !important;
  z-index: 0; }
  .generic-content-banner__mask-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 12; }
  .generic-content-banner__mask {
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%; }
    .generic-content-banner__mask--small {
      display: none; }
    .generic-content-banner__mask--bottom {
      top: auto;
      bottom: -1px; }
      .generic-content-banner__mask--bottom svg {
        position: absolute;
        bottom: 0; }
    .generic-content-banner__mask svg {
      /* height: 1px; */
      display: block;
      overflow: visible; }
  .generic-content-banner__content {
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
    position: relative;
    min-height: 230px; }
    .generic-content-banner__content.col--span4, .generic-content-banner__content.col--span4_large {
      display: block; }
  .generic-content-banner__content-wrapper {
    padding-top: 5%;
    padding-bottom: 5%;
    position: relative;
    z-index: 13;
    width: 100%;
    box-sizing: border-box;
    transform: scale3d(1, 1, 1); }
  .generic-content-banner__content h1, .generic-content-banner__content h2, .generic-content-banner__content span:not(.section-label), .generic-content-banner__content p, .generic-content-banner__content .section-label--plain {
    text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.6); }
  .generic-content-banner__content .button span {
    text-shadow: none !important; }
  .generic-content-banner--anchor-right .generic-content-banner__content {
    float: right; }
  .generic-content-banner--justify-center .generic-content-banner__content {
    justify-content: center; }
  .generic-content-banner--justify-right .generic-content-banner__content {
    justify-content: flex-end; }
  .generic-content-banner--justify-spaced .generic-content-banner__content {
    justify-content: space-evenly; }
  .generic-content-banner__image-tint {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000;
    opacity: 0.2; }
  @media (max-width: 1179px) {
    .generic-content-banner__content {
      justify-content: space-around; } }

@keyframes type {
  from {
    width: 0; }
  to {
    width: 100%; } }

.generic-content-banner--image .generic-content-banner__content-wrapper {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0); }

.generic-content-banner--image .generic-content-banner__image-wrapper {
  display: block;
  position: relative; }
  .generic-content-banner--image .generic-content-banner__image-wrapper:after {
    content: "";
    display: table;
    clear: both; }

.generic-content-banner--image .generic-content-banner__image {
  display: block;
  max-width: 100%;
  z-index: 9; }

.generic-content-banner--image .generic-content-banner__image-tint {
  z-index: 10;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0; }

/** change the height to be based on the content and not the image **/
@media (max-width: 1230px) {
  .generic-content-banner__content {
    padding-top: 25px;
    padding-bottom: 25px;
    min-height: 210px; }
  .generic-content-banner--image .generic-content-banner__image-wrapper {
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }
  .generic-content-banner--image .generic-content-banner__image {
    height: 100%;
    width: auto;
    max-width: none;
    transform: translateX(-270px); }
    .generic-content-banner--image .generic-content-banner__image--right {
      float: right;
      transform: translateX(270px); }
  .generic-content-banner--image .generic-content-banner__content-wrapper {
    position: relative;
    left: auto;
    top: auto;
    transform: none; } }

@media (max-width: 768px) {
  .generic-content-banner {
    background-image: none !important; }
    .generic-content-banner__content {
      display: block;
      padding-top: 50px;
      padding-bottom: 50px;
      min-height: 240px; } }

@media (max-width: 480px) {
  .generic-content-banner__content {
    min-height: 200px; } }

@media (max-width: 1440px) {
  .header-banner__image {
    height: 600px;
    width: auto;
    float: left; }
  .header-banner--anchor-right .header-banner__image {
    float: right; } }

@media (max-width: 1023px) {
  .header-banner__inner {
    width: 100%;
    -webkit-transform: none;
    transform: none;
    min-width: auto;
    left: 0; }
  .header-banner--anchor-right .header-banner__inner {
    right: 0;
    -webkit-transform: none;
    transform: none; }
  .header-banner__mask--small {
    display: block; } }

@media (max-width: 767px) {
  .header-banner {
    min-height: 150px;
    background-image: none !important; }
    .header-banner__network {
      display: none; }
    .header-banner__heading {
      max-width: 70%;
      line-height: 0.8;
      margin-bottom: 20px; }
    .header-banner__sub-heading {
      max-width: 85%;
      font-size: 16px; }
    .header-banner__inner {
      position: relative;
      box-sizing: border-box;
      top: 0;
      padding-top: 30px;
      padding-bottom: 15%; }
    .header-banner--anchor-right .header-banner__inner {
      min-width: auto; }
    .header-banner__mask-wrapper {
      background-size: 217px 312px;
      background-repeat: no-repeat;
      background-position: right -27%;
      padding: 0;
      position: static; }
      .header-banner__mask-wrapper:after {
        display: none; }
    .header-banner input {
      width: 100%; }
  .body-content--information-technology .header-banner {
    background-image: url("/assets/images/brand/networks/MOBILE_Graphic_IT.png"); }
  .body-content--engineering .header-banner {
    background-image: url("/assets/images/brand/networks/MOBILE_Graphic_Engineering.png"); }
  .body-content--life-sciences .header-banner {
    background-image: url("/assets/images/brand/networks/MOBILE_Graphic_LifeScience.png"); } }

@media (max-width: 480px) {
  .header-banner {
    min-height: 100px; }
    .header-banner .header-banner__inner {
      max-width: auto; }
    .header-banner .input-wrapper {
      margin-right: 0; }
    .header-banner__image {
      float: none !important; }
    .header-banner__mask-wrapper {
      padding: 0; }
    .header-banner__mask--small {
      position: absolute;
      bottom: 0; }
    .header-banner--image-as-bg {
      min-height: 120px; } }

.path-animation {
  position: absolute; }

@keyframes dash {
  0% {
    stroke-dashoffset: 2000;
    opacity: 0; }
  1% {
    stroke-dashoffset: 2000;
    opacity: 1; }
  100% {
    stroke-dashoffset: 0;
    opacity: 1; } }

@keyframes reveal {
  to {
    opacity: 1; } }

@keyframes fadeInSemi {
  to {
    opacity: 0.3; } }

.job-application-header {
  max-width: 900px;
  margin: 0 auto; }
  .job-application-header .section-label {
    margin-bottom: 15px; }
  .job-application-header__inner {
    max-width: 570px;
    border-top: 1px solid rgba(160, 160, 160, 0.5);
    padding: 20px 0; }
  .job-application-header__body {
    font-size: 18px;
    line-height: 24px; }
.standard-cookies-content {
  margin-bottom: 20px; }
  .standard-cookies-content__title {
    margin-left: -4px; }
  .standard-cookies-content__body-text {
    display: block;
    font-size: 24px;
    line-height: 28px;
    margin: 0 0 28px;
    width: 90%; }

.utility-column h1 {
  margin-bottom: 30px; }

.utility-column .standard-cookies-content__body-text {
  color: #373a36;
  font-family: 'Roboto';
  font-size: 22px;
  line-height: 32px;
  margin-bottom: 50px; }
/* Smartphones (portrait and landscape) ----------- */
/* Smartphones (landscape) ----------- */
/* Smartphones (portrait) ----------- */
/* iPads (portrait and landscape) ----------- */
/* iPads (landscape) ----------- */
/* iPads (portrait) ----------- */
/* Desktops and laptops ----------- */
/* Large screens ----------- */
.top-drawer {
  background: #FFFFFF;
  z-index: 11;
  transition: height 0.4s ease-in-out;
  position: relative;
  height: 0;
  border-bottom: 1px solid #373A36;
  overflow: hidden;
  transform: Scale3d(1, 1, 1); }
  .top-drawer.alt-text {
    background: #161616; }
  .top-drawer__container {
    animation: fadeIn 0.25s; }
  .top-drawer__inner {
    padding: 30px 30px 30px 15px; }
  .top-drawer .close {
    position: absolute;
    top: 30px;
    right: 30px;
    transition: background 0.25s ease-in-out;
    padding: 2px; }
    .top-drawer .close .icon {
      width: 30px;
      height: 30px;
      z-index: 2; }
      .top-drawer .close .icon:after, .top-drawer .close .icon:before {
        height: 2px; }
    .top-drawer .close:hover {
      background: #444444; }
  @media (max-width: 480px) {
    .top-drawer {
      transition-duration: 0.5s; }
      .top-drawer .close {
        top: 0px;
        right: 30px; } }
/* Smartphones (portrait and landscape) ----------- */
/* Smartphones (landscape) ----------- */
/* Smartphones (portrait) ----------- */
/* iPads (portrait and landscape) ----------- */
/* iPads (landscape) ----------- */
/* iPads (portrait) ----------- */
/* Desktops and laptops ----------- */
/* Large screens ----------- */

.nav-tabs {
  padding: 0;
  margin: 0;
  float: left; }
  .nav-tabs:after {
    content: "";
    display: block;
    clear: both; }
  .nav-tabs__tab {
    padding: 0;
    margin: 0;
    float: left;
    display: block;
    font-size: 12px;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 2px; }
    .nav-tabs__tab.active {
      background: #262626; }
      .nav-tabs__tab.active .nav-tabs__link {
        padding: 19px 32px 18px 28px;
        margin: 0 0px;
        color: #f4f4f4 !important; }
        .nav-tabs__tab.active .nav-tabs__link--arrow:after {
          display: block; }
    .nav-tabs__tab:last-child:after {
      content: " ";
      display: block;
      clear: both; }
  .nav-tabs__link {
    padding: 19px 28px 18px 28px;
    display: inline-block;
    position: relative;
    color: #939598 !important;
    font-weight: 400;
    font-size: 11px;
    line-height: 13px;
    transition: color 0.15s linear; }
    .nav-tabs__link--arrow:after {
      content: "";
      display: none;
      width: 0px;
      height: 0px;
      border-bottom: 4px solid transparent;
      border-left: 4px solid transparent;
      border-right: 4px solid transparent;
      border-top: 4px solid #FFB81C;
      position: absolute;
      right: 15px;
      top: 22px; }
    .nav-tabs__link:hover, .nav-tabs__link.active {
      color: #FFFFFF !important; }
    .nav-tabs__link--country-selector {
      font-weight: 500;
      margin-right: 10px; }
    .nav-tabs__link--language {
      position: relative; }
      .nav-tabs__link--language.active:after {
        content: "";
        display: block;
        height: 2px;
        width: 10px;
        left: 50%;
        margin-left: -5px;
        background: #FFB81C;
        position: absolute; }
      .nav-tabs__link--language:before {
        content: "";
        display: block;
        width: 1px;
        position: absolute;
        left: -2px;
        top: 50%;
        height: 12px;
        margin-top: -7px;
        background: #939598; }
    .nav-tabs__link--first:before {
      display: none; }
  .nav-tabs--narrow .nav-tabs__link {
    padding: 19px 7px 18px 7px; }

.nav-buttons {
  padding: 0;
  margin: 0;
  display: block;
  background: #262626;
  position: absolute; }
  .nav-buttons__button {
    padding: 0;
    margin: 0;
    display: block;
    z-index: 2;
    float: left; }
    .nav-buttons__button:hover .nav-buttons__link {
      color: #ffffff; }
  .nav-buttons__link {
    padding: 20px 27px 22px;
    display: block;
    text-transform: none;
    font-size: 15px;
    letter-spacing: 0.3px;
    line-height: 18px;
    transition: color 0.15s linear;
    color: #d6d6d6; }
  .nav-buttons--sub {
    position: absolute;
    left: 0;
    min-width: 900px; }
    .nav-buttons--sub:after {
      content: "";
      position: absolute;
      left: 100%;
      height: 100%;
      background: #262626;
      width: 1500px;
      top: 0; }
  .nav-buttons__hover-state {
    position: absolute;
    bottom: -4px;
    height: 3px;
    background: #FFB81C;
    width: 100px;
    transition: left 0.3s ease-out, bottom 0.2s linear 0.3s;
    margin-left: -50px; }
    .nav-buttons__hover-state--show {
      bottom: 0px; }

@media (max-width: 768px) {
  .nav-tabs--main {
    overflow: hidden;
    float: none; }
    .nav-tabs--main .nav-tabs__tab {
      width: 50%;
      background: #2c2c2c; }
      .nav-tabs--main .nav-tabs__tab.active {
        background: #373A36; }
        .nav-tabs--main .nav-tabs__tab.active .nav-tabs__link {
          color: #FFB81C !important; }
    .nav-tabs--main .nav-tabs__link {
      text-align: center;
      padding: 17px 28px 18px 28px;
      margin: 0;
      border: 0 !important; }
  .nav-buttons {
    position: static;
    padding: 20px 0; }
    .nav-buttons__button {
      width: 100%;
      float: none; }
      .nav-buttons__button--arrow .nav-buttons__link:after {
        content: " ";
        display: block;
        width: 0;
        height: 0;
        border-bottom: 5px solid transparent;
        border-left: 5px solid #C7C8CA;
        border-right: 5px solid transparent;
        border-top: 5px solid transparent;
        position: absolute;
        right: 28px;
        top: 50%;
        margin-top: -5px; }
    .nav-buttons__link {
      padding: 20px 30px;
      position: relative; }
      .nav-buttons__link--return {
        padding-left: 50px; }
        .nav-buttons__link--return:after {
          content: " ";
          display: block;
          width: 0;
          height: 0;
          border-bottom: 5px solid transparent;
          border-left: 5px solid transparent;
          border-right: 5px solid #C7C8CA;
          border-top: 5px solid transparent;
          top: 50%;
          position: absolute;
          left: 28px;
          right: auto;
          margin-top: -5px; } }

/* Smartphones (portrait and landscape) ----------- */
/* Smartphones (landscape) ----------- */
/* Smartphones (portrait) ----------- */
/* iPads (portrait and landscape) ----------- */
/* iPads (landscape) ----------- */
/* iPads (portrait) ----------- */
/* Desktops and laptops ----------- */
/* Large screens ----------- */
.secondary-nav {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 4; }
  .secondary-nav .nav-tabs__link {
    border: 0 !important; }
  .secondary-nav .nav-button__search .nav-button__link {
    padding: 14px; }
  .secondary-nav .icon--search {
    margin-top: -3px;
    width: 30px; }
  .secondary-nav .nav-tabs:first-child {
    margin-right: 20px; }

@media (max-width: 768px) {
  .secondary-nav {
    display: block;
    justify-content: space-between;
    background: #161616;
    padding: 13px 20px;
    overflow: hidden; }
    .secondary-nav .nav-tabs {
      float: none;
      width: 100%;
      display: block;
      text-align: center;
      padding-left: 0 !important; }
      .secondary-nav .nav-tabs .nav-tabs__tab + .nav-tabs__tab::before {
        content: "\A0|\A0";
        padding: 0 3px; }
      .secondary-nav .nav-tabs__tab {
        display: inline-block;
        float: none; }
    .secondary-nav .nav-tabs__link {
      padding-left: 0;
      padding-right: 0; } }
@keyframes slideInLeft {
  from {
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

.slideInLeft {
  animation-name: slideInLeft; }

.mobile-nav {
  overflow: hidden;
  transition: all 0.5s ease-in-out;
  min-height: 70px; }
  .mobile-nav--fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    overflow-y: scroll; }
  .mobile-nav.closing {
    min-height: 0; }
  .mobile-nav__ribbon {
    background: #262626;
    height: 68px; }
  .mobile-nav__logo {
    display: block;
    padding: 0;
    margin: 0;
    line-height: 1;
    font-size: 12px;
    padding: 19px 31px; }
    .mobile-nav__logo img {
      width: 86px; }
  .mobile-nav .icon--search {
    width: 26px;
    width: 26px; }
  .mobile-nav .hamburger_clickable {
    padding: 20px;
    width: 18px;
    height: 14px;
    margin-top: -20px;
    margin-right: -20px; }
  .mobile-nav__hamburger-icon {
    margin-top: 4px; }
  .mobile-nav__ribbon-controls {
    position: absolute;
    right: 31px;
    top: 24px; }
    .mobile-nav__ribbon-controls .icon {
      float: left; }
    .mobile-nav__ribbon-controls .icon--close {
      width: 22px;
      height: 22px; }
    .mobile-nav__ribbon-controls .icon--search {
      height: 22px;
      width: 22px; }
  .mobile-nav__icon-seperator {
    display: block;
    opacity: 0.59;
    background: #939598;
    width: 2px;
    height: 18px;
    float: left;
    margin: 2px 20px 5px 15px; }
  .mobile-nav__wrapper {
    left: 0;
    min-height: 0;
    background: #161616;
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
    position: absolute;
    overflow: hidden;
    width: 200%;
    transition: all 0.5s ease-in-out;
    float: left; }
    .mobile-nav__wrapper.slide {
      -moz-transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%); }
  .mobile-nav__inner-wrapper {
    width: 50%;
    position: relative;
    float: left; }
    .mobile-nav__inner-wrapper:after {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1;
      width: 30px;
      height: 60px;
      transition: opacity 0.1s linear;
      pointer-events: none;
      background: -moz-linear-gradient(right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.5) 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.5) 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.5) 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
    .mobile-nav__inner-wrapper:before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      transition: opacity 0.1s linear;
      z-index: 1;
      width: 30px;
      height: 60px;
      pointer-events: none;
      background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.5) 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.5) 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.5) 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
    .mobile-nav__inner-wrapper.hideRight:before {
      opacity: 0; }
    .mobile-nav__inner-wrapper.hideLeft:after {
      opacity: 0; }
  .mobile-nav .secondary-nav {
    position: static; }
  .mobile-nav .nav-buttons__button {
    transform: translateX(-350px);
    -webkit-animation: slideInLeft 0.5s;
    animation: slideInLeft 0.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards; }
    .mobile-nav .nav-buttons__button:nth-child(1) {
      -webkit-animation-delay: 0s;
      animation-delay: 0s; }
    .mobile-nav .nav-buttons__button:nth-child(2) {
      -webkit-animation-delay: 0.1s;
      animation-delay: 0.1s; }
    .mobile-nav .nav-buttons__button:nth-child(3) {
      -webkit-animation-delay: 0.2s;
      animation-delay: 0.2s; }
    .mobile-nav .nav-buttons__button:nth-child(4) {
      -webkit-animation-delay: 0.3s;
      animation-delay: 0.3s; }
    .mobile-nav .nav-buttons__button:nth-child(5) {
      -webkit-animation-delay: 0.4s;
      animation-delay: 0.4s; }
    .mobile-nav .nav-buttons__button:nth-child(6) {
      -webkit-animation-delay: 0.5s;
      animation-delay: 0.5s; }
    .mobile-nav .nav-buttons__button:nth-child(7) {
      -webkit-animation-delay: 0.6s;
      animation-delay: 0.6s; }
    .mobile-nav .nav-buttons__button:nth-child(8) {
      -webkit-animation-delay: 0.7s;
      animation-delay: 0.7s; }
    .mobile-nav .nav-buttons__button span.nav-buttons__link {
      cursor: pointer; }
    .mobile-nav .nav-buttons__button .label,
    .mobile-nav .nav-buttons__button .drop-navigation__item {
      margin: 0;
      padding: 10px 30px; }
    .mobile-nav .nav-buttons__button .drop-navigation__list {
      margin-bottom: 10px; }
    .mobile-nav .nav-buttons__button .nav-toggle {
      transition: height .5s; }
      .mobile-nav .nav-buttons__button .nav-toggle .drop-navigation__list {
        padding: 15px; }
  .mobile-nav__slider {
    display: block;
    background: #161616;
    height: 60px;
    position: relative;
    width: 100%;
    overflow-y: scroll; }
    .mobile-nav__slider ul, .mobile-nav__slider li {
      list-style: none;
      height: 100%;
      margin: 0;
      display: block; }
  .mobile-nav__slider-inner {
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    padding: 0 15px; }
    .mobile-nav__slider-inner > li {
      float: left; }
    .mobile-nav__slider-inner .label {
      padding: 26px 15px 21px;
      margin: 0; }
  .mobile-nav__mid-slider-inner {
    display: block;
    background: #262626;
    transition: transform 0.3s ease-in-out; }
    .mobile-nav__mid-slider-inner .nav-buttons {
      float: left;
      width: 100%;
      opacity: 0;
      transition: opacity 0.15s linear 0.15s; }
      .mobile-nav__mid-slider-inner .nav-buttons.active {
        opacity: 1; }
      .mobile-nav__mid-slider-inner .nav-buttons .nav-buttons__link {
        color: #fff; }
      .mobile-nav__mid-slider-inner .nav-buttons__button.active .nav-buttons__link {
        font-weight: 400; }
    .mobile-nav__mid-slider-inner:after {
      display: table;
      content: "";
      clear: both; }
  .mobile-nav__slider-button a {
    color: #C7C8CA !important; }
  .mobile-nav__slider-button.active a {
    color: #ffffff !important; }
  .mobile-nav__active-state {
    width: 70px;
    height: 2px !important;
    position: absolute;
    transform: translateX(-50%);
    background: #FFB81C;
    bottom: 0;
    left: 0;
    transition: left 0.3s ease-out; }

.slide-in-nav {
  background: #2c2c2c;
  top: 0;
  left: 100%;
  width: 100%; }
  .slide-in-nav.active {
    left: 0; }
  .slide-in-nav__section {
    width: 100%;
    padding: 0 0 30px 0; }
  .slide-in-nav__sub-section {
    margin: 20px 32px 0;
    border-bottom: 1px solid #939598; }
    .slide-in-nav__sub-section.active {
      border-bottom: 0;
      margin: 20px 32px 40px; }
      .slide-in-nav__sub-section.active .slide-in-nav__accordion-title {
        margin-bottom: 35px; }
      .slide-in-nav__sub-section.active .slide-in-nav__accordion-title:after {
        border-top: 5px solid transparent;
        border-bottom: 5px solid #C7C8CA;
        margin-top: -7px; }
  .slide-in-nav .descriptive-link {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #373A36; }
    .slide-in-nav .descriptive-link:last-child {
      border-bottom: 0; }
  .slide-in-nav__accordion-title {
    position: relative; }
    .slide-in-nav__accordion-title:after {
      content: " ";
      display: block;
      width: 0;
      height: 0;
      border-bottom: 5px solid transparent;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-top: 5px solid #C7C8CA;
      position: absolute;
      right: 4px;
      top: 50%;
      margin-top: -3px; }
/* Smartphones (portrait and landscape) ----------- */
/* Smartphones (landscape) ----------- */
/* Smartphones (portrait) ----------- */
/* iPads (portrait and landscape) ----------- */
/* iPads (landscape) ----------- */
/* iPads (portrait) ----------- */
/* Desktops and laptops ----------- */
/* Large screens ----------- */
.breadcrumbs {
  background-color: #161616;
  font-weight: 300;
  font-size: 11px;
  color: #c3c3c3;
  position: relative;
  z-index: 10; }
  .breadcrumbs ul {
    transition: opacity 0.1s linear; }
  .breadcrumbs ul,
  .breadcrumbs li {
    list-style-type: none;
    margin: 0;
    padding: 0; }
  .breadcrumbs li {
    display: inline-block;
    position: relative;
    padding: 0 20px; }
    .breadcrumbs li:after {
      content: "";
      position: absolute;
      width: 10px;
      height: 17px;
      background: url("/assets/images/breadcrumb/chevron.svg") no-repeat 50% 50%;
      left: 0;
      top: 50%;
      transform: translateY(-50%); }
    .breadcrumbs li > * {
      display: inline-block;
      vertical-align: middle;
      padding: 13px 0; }
    .breadcrumbs li:first-child {
      padding-left: 0; }
      .breadcrumbs li:first-child:after {
        display: none; }
      .breadcrumbs li:first-child a > span {
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px;
        overflow: hidden;
        position: absolute !important;
        width: 1px; }
      .breadcrumbs li:first-child a svg {
        width: 16px;
        height: 11px;
        display: inline-block;
        vertical-align: middle; }
      .breadcrumbs li:first-child a path {
        fill: currentColor; }
  .breadcrumbs a {
    color: inherit;
    position: relative; }
    .breadcrumbs a:hover {
      color: #fff;
      text-decoration: underline; }
  @media (max-width: 480px) {
    .breadcrumbs li {
      display: none; }
      .breadcrumbs li:nth-last-child(2) {
        display: inline-block; }
        .breadcrumbs li:nth-last-child(2):after {
          transform: translateY(-50%) rotate(180deg); } }

.fixed-navigation .breadcrumbs {
  background-color: #161616;
  font-weight: 300;
  font-size: 11px;
  color: #c3c3c3;
  position: relative;
  z-index: 10; }
  .fixed-navigation .breadcrumbs li:first-child {
    padding-left: 25px; }
    @media (max-width: 480px) {
      .fixed-navigation .breadcrumbs li:first-child {
        padding-left: 0; } }
.standard-hero-content {
  margin-bottom: 20px; }
  .standard-hero-content__title {
    margin-left: -4px; }
  .standard-hero-content__body-text {
    display: block;
    font-size: 24px;
    line-height: 28px;
    margin: 0 0 28px;
    width: 90%; }

.utility-column h1 {
  margin-bottom: 30px; }

.utility-column .standard-hero-content__body-text {
  color: #373a36;
  font-family: 'Roboto';
  font-size: 22px;
  line-height: 32px;
  margin-bottom: 50px; }
/* Smartphones (portrait and landscape) ----------- */
/* Smartphones (landscape) ----------- */
/* Smartphones (portrait) ----------- */
/* iPads (portrait and landscape) ----------- */
/* iPads (landscape) ----------- */
/* iPads (portrait) ----------- */
/* Desktops and laptops ----------- */
/* Large screens ----------- */
.mad-lib-search {
  width: 100%; }
  .mad-lib-search .mad-lib-search__text {
    font-size: 76px;
    line-height: 76px;
    font-family: ResoLight; }
  .mad-lib-search-wrapper {
    width: 100%; }
  .mad-lib-search input {
    font-family: ResoLight;
    max-width: 100% !important;
    width: auto !important;
    color: #373A36; }
  .mad-lib-search .label {
    color: #FFB81C; }
  .mad-lib-search__text {
    margin-bottom: 60px;
    display: inline-block;
    width: 100%;
    line-height: 66px; }
  .mad-lib-search--small .mad-lib-search__text {
    font-size: 48px;
    line-height: 46px;
    margin-bottom: 30px;
    position: relative; }
  .mad-lib-search .button {
    display: block; }
  .mad-lib-search .mobile-only {
    display: none; }
  .mad-lib-search + .listings {
    margin-top: 30px; }

.alt-text .mad-lib-search .mad-lib-search input {
  color: #a4a4a4; }

.careers-services-hero .header-banner__detail {
  width: 90%;
  width: calc(100% - 30px); }

@media (max-width: 767px) {
  .mad-lib-search__text {
    line-height: 1; }
  .careers-services-hero .header-banner__detail {
    padding-top: 0px; } }

@media (max-width: 480px) {
  .mad-lib-search input {
    width: 100% !important;
    display: none; }
    .mad-lib-search input.mobile-only {
      display: block; }
  .mad-lib-search__text {
    font-size: 32px;
    line-height: 1; } }

:-ms-input-placeholder {
  color: #939598 !important;
  font-weight: 400 !important; }

::-ms-input-placeholder {
  color: #939598 !important;
  font-weight: 400 !important; }
/* Smartphones (portrait and landscape) ----------- */
/* Smartphones (landscape) ----------- */
/* Smartphones (portrait) ----------- */
/* iPads (portrait and landscape) ----------- */
/* iPads (landscape) ----------- */
/* iPads (portrait) ----------- */
/* Desktops and laptops ----------- */
/* Large screens ----------- */
@media (max-width: 480px) {
  ::placeholder {
    text-overflow: ellipsis; }
  ::-webkit-input-placeholder {
    text-overflow: ellipsis; } }

.suggested-terms-input-madlib {
  position: relative; }
  .suggested-terms-input-madlib input, .suggested-terms-input-madlib__shadow {
    background: none;
    border: 0;
    outline: 0;
    border-bottom: 3px solid #C7C8CA;
    padding: 0;
    color: #373A36;
    font-size: inherit;
    max-width: 600px;
    width: auto;
    display: inline-block;
    box-sizing: border-box;
    line-height: 1.2;
    border-radius: 0; }
    @media (max-width: 480px) {
      .suggested-terms-input-madlib input, .suggested-terms-input-madlib__shadow {
        border-bottom-width: 2px;
        margin: 10px 0; }
        .suggested-terms-input-madlib input:focus, .suggested-terms-input-madlib input:active, .suggested-terms-input-madlib__shadow:focus, .suggested-terms-input-madlib__shadow:active {
          border-bottom: 2px solid #FFB81C; } }
  .suggested-terms-input-madlib__shadow {
    position: absolute;
    transform: translateX(-5000px);
    display: block; }
  .suggested-terms-input-madlib .job-listing__flag {
    display: block; }
  .suggested-terms-input-madlib__terms {
    line-height: 1;
    position: absolute;
    top: 100%;
    top: calc(100%);
    margin-top: 2px;
    left: 0;
    background: #f4f4f4;
    width: 100%;
    display: block;
    color: #262626;
    z-index: 200;
    padding: 30px 0;
    z-index: 99999999999;
    font-size: 30px;
    box-sizing: border-box; }
    @media (min-width: 768px) {
      .suggested-terms-input-madlib__terms {
        width: 720px; } }
    @media (min-width: 1180px) {
      .suggested-terms-input-madlib__terms {
        width: 880px; } }
    .suggested-terms-input-madlib__terms ul,
    .suggested-terms-input-madlib__terms li {
      margin: 0;
      padding: 0;
      list-style: none; }
    .suggested-terms-input-madlib__terms li {
      padding: 10px 0; }
    .suggested-terms-input-madlib__terms a {
      color: #262626 !important;
      text-shadow: none;
      font-family: 'Roboto';
      line-height: 32px;
      font-size: 30px;
      cursor: pointer; }
      .suggested-terms-input-madlib__terms a.active {
        color: #fcbb1c !important; }
    @media (max-width: 480px) {
      .suggested-terms-input-madlib__terms {
        width: 100%;
        width: calc(100% + 60px);
        padding: 30px;
        margin-left: -30px; } }
    .suggested-terms-input-madlib__terms .icon--close {
      text-indent: -99em;
      position: absolute;
      top: 30px;
      right: 20px;
      width: 25px;
      height: 25px;
      opacity: 1;
      transition: opacity 0.3s; }
      .suggested-terms-input-madlib__terms .icon--close:before, .suggested-terms-input-madlib__terms .icon--close:after {
        background: #373a36;
        height: 1px; }
      .suggested-terms-input-madlib__terms .icon--close:hover:before, .suggested-terms-input-madlib__terms .icon--close:hover:after {
        background: #373a36; }
      .suggested-terms-input-madlib__terms .icon--close:hover {
        opacity: 0.5; }
  .suggested-terms-input-madlib--open .suggested-terms-input-madlib__terms {
    -webkit-animation: fadeIn 0.2s;
    animation: fadeIn 0.2s; }
  .suggested-terms-input-madlib--closing .suggested-terms-input-madlib__terms {
    -webkit-animation: fadeOut 0.2s;
    animation: fadeOut 0.2s; }
  .suggested-terms-input-madlib__heading {
    font-size: 11px;
    font-family: 'Roboto';
    text-shadow: none !important;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #939598; }

.suggested-terms-bg {
  content: ' ';
  width: 100%;
  height: 100%;
  background: #f4f4f4;
  opacity: 1;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1; }

.suggested-terms-bg:after {
  content: ' ';
  display: block;
  background: #f4f4f4;
  width: 100%;
  height: 100px;
  position: absolute;
  bottom: -100px; }

.alt-text .suggested-terms-input-madlib input {
  color: #f4f4f4;
  border-bottom: 3px solid #f4f4f4; }
/* Smartphones (portrait and landscape) ----------- */
/* Smartphones (landscape) ----------- */
/* Smartphones (portrait) ----------- */
/* iPads (portrait and landscape) ----------- */
/* iPads (landscape) ----------- */
/* iPads (portrait) ----------- */
/* Desktops and laptops ----------- */
/* Large screens ----------- */
.job-search {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start; }
  .job-search .job-search__text {
    font-size: 16px;
    line-height: 20px; }
  .job-search-wrapper {
    width: 100%; }
  .job-search input {
    max-width: 100% !important;
    width: auto !important;
    color: #373A36; }
  .job-search .form__title {
    flex: 0 0 100%;
    margin-bottom: 2.5rem; }
  .job-search .label {
    color: #FFB81C;
    flex: 0 0 100%; }
  .job-search__text {
    margin-bottom: 60px;
    display: inline-block;
    line-height: 66px; }
  .job-search--small .job-search__text {
    flex: 0 0 100%;
    margin-bottom: 30px;
    /*font-size: 24px;
            line-height: 46px;
            margin-bottom: 30px;
            position: relative;*/ }
  .job-search .button {
    display: block;
    min-width: 140px !important; }
    .job-search .button.notrans {
      transition: none !important; }
      .job-search .button.notrans:after {
        transition: none !important; }
  .job-search .mobile-only {
    display: none; }
  .job-search + .listings {
    margin-top: 30px; }

.alt-text .job-search .job-search input {
  color: #a4a4a4; }

.careers-services-hero .header-banner__detail {
  width: 90%;
  width: calc(100% - 30px); }

@media (max-width: 767px) {
  .job-search__text {
    margin: 0 0 1rem;
    width: 100%;
    line-height: 1; }
  .careers-services-hero .header-banner__detail {
    padding-top: 0px; } }

@media (max-width: 767px) {
  .job-search input {
    width: 100% !important;
    display: none; }
    .job-search input.mobile-only {
      display: block; }
  .job-search__text {
    font-size: 32px;
    line-height: 1; } }

.job-search--invert .suggested-terms-input input {
  background: #fff !important;
  color: #000 !important;
  border: 1px solid #C7C8CA; }

.job-search--invert input::-webkit-input-placeholder {
  color: #939598; }

.job-search--invert input::-moz-placeholder {
  color: #939598; }

.job-search--invert input::-ms-placeholder {
  color: #939598; }

.job-search--invert input::placeholder {
  color: #939598; }
/* Smartphones (portrait and landscape) ----------- */
/* Smartphones (landscape) ----------- */
/* Smartphones (portrait) ----------- */
/* iPads (portrait and landscape) ----------- */
/* iPads (landscape) ----------- */
/* iPads (portrait) ----------- */
/* Desktops and laptops ----------- */
/* Large screens ----------- */
@media (max-width: 767px) {
  ::placeholder {
    text-overflow: ellipsis; }
  ::-webkit-input-placeholder {
    text-overflow: ellipsis; } }

.suggested-terms-input {
  position: relative;
  display: inline-block;
  margin-right: 2rem; }
  @media (max-width: 767px) {
    .suggested-terms-input {
      display: block;
      margin-right: 0;
      margin-bottom: 1rem; } }
  .suggested-terms-input .icon {
    width: 17px;
    height: 16px;
    display: block;
    margin-right: 0.5rem;
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none; }
    .suggested-terms-input .icon svg {
      width: 100%;
      height: 100%; }
      .suggested-terms-input .icon svg g {
        fill: #FFB81C; }
  .suggested-terms-input .icon--close {
    margin: 0;
    left: auto;
    right: 10px;
    text-indent: -2000em;
    pointer-events: all;
    display: none;
    width: 10px;
    height: 10px; }
  .suggested-terms-input input, .suggested-terms-input__shadow {
    background: none;
    border: 0;
    outline: 0;
    border-bottom: 1px solid #C7C8CA;
    padding: 1.2rem 0.8rem 1.2rem 30px;
    background: #222;
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    max-width: 600px;
    min-width: 250px;
    display: inline-block !important;
    box-sizing: border-box;
    line-height: 1.2;
    border-radius: 0; }
    .suggested-terms-input input::-ms-clear, .suggested-terms-input__shadow::-ms-clear {
      display: none; }
    @media (max-width: 767px) {
      .suggested-terms-input input, .suggested-terms-input__shadow {
        border-bottom-width: 2px; }
        .suggested-terms-input input:focus, .suggested-terms-input input:active, .suggested-terms-input__shadow:focus, .suggested-terms-input__shadow:active {
          border-bottom: 2px solid #FFB81C; } }
  .suggested-terms-input input:disabled {
    border: none !important;
    background: none !important; }
    .suggested-terms-input input:disabled + .icon--close {
      display: none; }
  .suggested-terms-input__shadow {
    position: absolute;
    transform: translateX(-5000px);
    display: block; }
  .suggested-terms-input .job-listing__flag {
    display: block; }
  .suggested-terms-input__terms {
    line-height: 1;
    position: absolute;
    background: #f4f4f4;
    width: 100%;
    display: block;
    color: #262626;
    z-index: 200;
    left: 0;
    padding: 1rem;
    z-index: 99999999999;
    font-size: 16px;
    min-height: 80px;
    box-sizing: border-box; }
    .suggested-terms-input__terms .loader {
      background: rgba(255, 255, 255, 0.7);
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1;
      display: flex;
      align-items: center;
      justify-content: center; }
    .suggested-terms-input__terms ul,
    .suggested-terms-input__terms li {
      margin: 0;
      padding: 0;
      list-style: none; }
    .suggested-terms-input__terms li {
      padding: 0;
      margin-bottom: 1rem; }
      .suggested-terms-input__terms li:last-child {
        margin: 0; }
    .suggested-terms-input__terms a {
      color: #262626 !important;
      text-shadow: none;
      font-family: 'Roboto';
      font-weight: normal;
      line-height: 18px;
      font-size: 16px;
      display: block;
      cursor: pointer; }
      .suggested-terms-input__terms a.active {
        color: #fcbb1c !important; }
    @media (max-width: 767px) {
      .suggested-terms-input__terms {
        /* width:100%;
            width: calc(100% + 60px);
            padding: 30px;
            margin-left: -30px;*/ } }
  .suggested-terms-input--open input {
    background: #fff !important;
    color: #000 !important; }
  .suggested-terms-input--open .icon--close {
    display: block; }
    .suggested-terms-input--open .icon--close:before, .suggested-terms-input--open .icon--close:after {
      background-color: #373a36 !important; }
  .suggested-terms-input--open .suggested-terms-input__terms {
    -webkit-animation: fadeIn 0.2s;
    animation: fadeIn 0.2s; }
  .suggested-terms-input--populated .icon--close {
    display: block; }
  .suggested-terms-input--closing .suggested-terms-input__terms {
    -webkit-animation: fadeOut 0.2s;
    animation: fadeOut 0.2s; }
  .suggested-terms-input__heading {
    font-size: 11px;
    font-family: 'Roboto';
    text-shadow: none !important;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #939598; }

.suggested-terms-bg {
  content: ' ';
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 1;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  border: 2px solid rgba(0, 0, 0, 0.05);
  border-width: 0 2px 2px;
  box-sizing: border-box; }

.suggested-terms-bg:after {
  /*content:' ';
    display: block;
    background:#f4f4f4;
    width:100%;
    height:100px;
    position: absolute;
    bottom: -100px;*/ }

.alt-text .suggested-terms-input input {
  color: #f4f4f4;
  border-bottom: 1px solid #f4f4f4; }
/* Smartphones (portrait and landscape) ----------- */
/* Smartphones (landscape) ----------- */
/* Smartphones (portrait) ----------- */
/* iPads (portrait and landscape) ----------- */
/* iPads (landscape) ----------- */
/* iPads (portrait) ----------- */
/* Desktops and laptops ----------- */
/* Large screens ----------- */
.apply-button__applied {
  overflow: hidden;
  padding: 25px;
  border: 1px solid #E7E7E7; }

.apply-button .label {
  margin: 0 0 5px;
  display: block; }

.apply-button__inner {
  display: block;
  float: left;
  width: 75%; }

.apply-button__body {
  display: block; }

.apply-button svg {
  float: left;
  margin-right: 15px;
  display: block; }

.apply-button:after {
  content: "";
  display: table;
  clear: both; }

.alt-text .apply-button__applied {
  border: 0;
  padding: 15px 0; }

.alt-text .apply-button path {
  stroke: #f4f4f4; }

.header-banner .apply-button__applied {
  max-width: 600px; }
/* Smartphones (portrait and landscape) ----------- */
/* Smartphones (landscape) ----------- */
/* Smartphones (portrait) ----------- */
/* iPads (portrait and landscape) ----------- */
/* iPads (landscape) ----------- */
/* iPads (portrait) ----------- */
/* Desktops and laptops ----------- */
/* Large screens ----------- */
.job-detail-header {
  position: relative;
  z-index: 1;
  max-width: 708px; }
  .job-detail-header__inner {
    max-width: 650px;
    position: relative; }
  .job-detail-header .date-stamp {
    display: block;
    margin-bottom: 10px; }
  .job-detail-header dl {
    margin: 0 0 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .job-detail-header dl div {
      flex: 0 1 49%; }
  .job-detail-header dt {
    font-size: 12px;
    line-height: 2;
    margin: 0;
    padding-top: 13px;
    display: block;
    width: 100%;
    color: #939598; }
  .job-detail-header dd {
    color: #d6d6d6;
    margin-bottom: 20px;
    font-weight: 300;
    border-bottom: 1px solid #d6d6d6; }
  .job-detail-header .icon, .job-detail-header .loading-spinner {
    position: absolute;
    right: 0;
    top: 0; }
  .job-detail-header .button {
    margin-top: 20px; }
  .job-detail-header__ref-wrapper {
    padding-right: 40px; }

@media (max-width: 768px) {
  .job-detail-header__back {
    margin-bottom: 20px; }
  .job-detail-header__header {
    margin-bottom: 20px;
    font-size: 36px;
    line-height: 38px; }
  .job-detail-header dl {
    margin-bottom: 20px; }
  .job-detail-header dl div {
    flex: 0 1 70%; }
  .job-detail-header dd {
    margin: 0;
    line-height: 22px;
    border: 0;
    font-size: 15px; }
  .job-detail-header dt {
    display: none; }
  .job-detail-header__buttons {
    display: block; }
    .job-detail-header__buttons .link, .job-detail-header__buttons .button {
      margin: 0 0 12px; } }
.icon--star, .icon--star-filled, .icon--star-white {
  cursor: pointer; }
/* Smartphones (portrait and landscape) ----------- */
/* Smartphones (landscape) ----------- */
/* Smartphones (portrait) ----------- */
/* iPads (portrait and landscape) ----------- */
/* iPads (landscape) ----------- */
/* iPads (portrait) ----------- */
/* Desktops and laptops ----------- */
/* Large screens ----------- */
.modal-trigger__lead {
  font-weight: 400; }

.modal-trigger__body {
  font-weight: 300; }

.modal-trigger__icon {
  height: 30px;
  width: 30px;
  position: absolute;
  top: 50%;
  left: 15px;
  margin-top: -15px; }
  .modal-trigger__icon + span {
    margin-left: 45px; }

@media (max-width: 480px) {
  .modal-trigger__body {
    display: none; } }
/* Smartphones (portrait and landscape) ----------- */
/* Smartphones (landscape) ----------- */
/* Smartphones (portrait) ----------- */
/* iPads (portrait and landscape) ----------- */
/* iPads (landscape) ----------- */
/* iPads (portrait) ----------- */
/* Desktops and laptops ----------- */
/* Large screens ----------- */
.link-selector {
  padding: 30px 60px 30px 30px; }
  @media (max-width: 767px) {
    .link-selector {
      padding: 15px 45px 15px 15px; } }
  .link-selector__wrapper {
    display: flex;
    width: 100%;
    overflow: hidden;
    transition: opacity 0.4s linear, transform 0.4s linear;
    transform: translateY(0px);
    padding-bottom: 0px; }
    @media (max-width: 767px) {
      .link-selector__wrapper {
        display: block; } }
  .link-selector__link-group {
    flex: 1;
    padding: 0 42px 0px 0; }
    .link-selector__link-group--wide {
      flex: 2; }
    @media (max-width: 767px) {
      .link-selector__link-group {
        margin-bottom: 30px; } }
  .link-selector__group-name {
    display: block;
    width: 100%;
    margin-bottom: 30px;
    border-bottom: 1px solid #E7E7E7;
    font-size: 15px;
    font-weight: 400;
    line-height: 37px; }
  .link-selector__list {
    list-style: none;
    padding: 0;
    margin: 0;
    max-height: 280px;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap; }
    @media (max-width: 767px) {
      .link-selector__list {
        display: block;
        max-height: 100%; } }
  .link-selector__link {
    margin: 0;
    padding: 0 0 8px;
    flex: 1 0 1;
    margin-bottom: 10px;
    display: block;
    padding: 0; }
.linkedin-sdk {
  border: none;
  background: #0174b3;
  padding: 10px;
  color: white;
  font-size: 15px;
  border-radius: 3px; }

.linkedin-sdk:disabled {
  background: #59839a;
  cursor: not-allowed; }
/* Smartphones (portrait and landscape) ----------- */
/* Smartphones (landscape) ----------- */
/* Smartphones (portrait) ----------- */
/* iPads (portrait and landscape) ----------- */
/* iPads (landscape) ----------- */
/* iPads (portrait) ----------- */
/* Desktops and laptops ----------- */
/* Large screens ----------- */
.job-listing {
  color: #373A36;
  margin-bottom: 4px;
  display: block;
  cursor: pointer;
  padding: 15px;
  transition: background-color 0.3s linear; }
  .job-listing__title {
    display: block;
    clear: both;
    margin: 0;
    padding: 0 40px 0 0;
    max-width: 550px; }
  .job-listing__ref-wrapper {
    margin: 0 0 40px 4px; }
  .job-listing__ref {
    font-size: 16px;
    margin: 0 0 20px 0;
    color: #aaa;
    letter-spacing: 1px; }
  .job-listing__description {
    margin-bottom: 23px;
    width: 80%; }
  .job-listing em {
    font-style: normal !important;
    background: #f9f9f9;
    padding: 0 2px;
    display: inline-block; }
  .job-listing__meta {
    display: flex;
    flex-wrap: wrap;
    max-width: 70%;
    position: relative; }
  .job-listing__inner {
    position: relative;
    padding-bottom: 20px;
    border-bottom: 1px solid #C7C8CA; }
  .job-listing__meta-item {
    flex: 1 1 50%;
    min-width: 200px;
    box-sizing: border-box; }
    .job-listing__meta-item:nth-child(2n) {
      border-right: 0; }
  .job-listing__flags {
    overflow: hidden;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 500;
    margin-left: 2px;
    letter-spacing: 1.5px;
    display: inline-block;
    margin-right: 4px; }
  .job-listing__flag {
    position: relative;
    display: inline-block;
    margin-right: 8px;
    line-height: 12px;
    vertical-align: top;
    margin-top: 1px; }
    .job-listing__flag--applied {
      color: #00B5E1; }
    .job-listing__flag--bookmarked {
      color: #FFB81C; }
    .job-listing__flag--new {
      color: #33b47f; }
  .job-listing__date {
    display: inline-block;
    line-height: 12px;
    vertical-align: top; }
  .job-listing__cta {
    display: none; }
  .job-listing__actions {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 8px 0; }
  .job-listing .icon--star, .job-listing .icon--star-filled, .job-listing .loading-spinner {
    position: absolute;
    right: 0;
    top: 0; }
  .job-listing:hover {
    background-color: rgba(0, 0, 0, 0.03); }

@media (max-width: 768px) {
  .job-listing__description {
    display: none; }
  .job-listing__flags {
    margin: 0 0 10px; }
  .job-listing__title {
    font-size: 24px; }
  .job-listing__ref {
    margin: 0 0 16px; }
  .job-listing__meta {
    display: block; }
  .job-listing__meta-item {
    display: block;
    padding: 0;
    margin: 0;
    border: 0; }
    .job-listing__meta-item b {
      font-weight: 300; }
  .job-listing .icon--bookmark {
    display: none; }
  .job-listing__actions {
    width: 100%;
    float: none; } }

@media (max-width: 480px) {
  .job-listing__meta {
    margin: 0 0 20px; }
  .job-listing__inner {
    padding-bottom: 10px; }
  .job-listing .icon--star, .job-listing .icon--star-filled {
    position: static;
    width: 24px;
    height: 22px;
    padding: 10px;
    margin: -10px 0 -10px -10px; }
  .job-listing__cta.headline {
    display: inline;
    min-width: 0;
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 0 0 10px;
    border: 0; } }

.alt-text .job-listing {
  color: #f4f4f4; }
/* Smartphones (portrait and landscape) ----------- */
/* Smartphones (landscape) ----------- */
/* Smartphones (portrait) ----------- */
/* iPads (portrait and landscape) ----------- */
/* iPads (landscape) ----------- */
/* iPads (portrait) ----------- */
/* Desktops and laptops ----------- */
/* Large screens ----------- */
.job-summary {
  margin: 70px 0 90px;
  max-width: 568px;
  width: 100%; }
  .job-summary__inner {
    border-top: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
    padding: 30px 0 0;
    margin: 0 0 30px; }
  .job-summary .job-listing__meta {
    max-width: 100%;
    padding: 0;
    margin-bottom: 45px; }
  .job-summary__quick-check {
    background: #f4f4f4;
    padding: 15px 60px 15px 15px;
    color: #373A36;
    font-weight: 400;
    display: inline-block;
    width: auto; }
    .job-summary__quick-check:after {
      position: absolute;
      right: 15px;
      top: 15px; }
  .job-summary img {
    max-width: 100%; }
  .job-summary__third-party-apply {
    display: inline-block;
    max-width: 42%;
    color: #373a36;
    font-size: 15px;
    font-family: Roboto;
    margin-right: 15px;
    padding-right: 15px;
    transition: opacity .2s;
    opacity: 1; }
    .job-summary__third-party-apply[disabled] {
      opacity: .3;
      cursor: default; }
  @media (max-width: 480px) {
    .job-summary {
      width: 100%; }
      .job-summary__quick-check {
        width: 100%;
        box-sizing: border-box; } }
/* Smartphones (portrait and landscape) ----------- */
/* Smartphones (landscape) ----------- */
/* Smartphones (portrait) ----------- */
/* iPads (portrait and landscape) ----------- */
/* iPads (landscape) ----------- */
/* iPads (portrait) ----------- */
/* Desktops and laptops ----------- */
/* Large screens ----------- */
.job-detail {
  box-sizing: border-box;
  max-width: 650px; }
  .job-detail-wrapper {
    width: 100%; }
  .job-detail__content {
    line-height: 23px;
    margin-bottom: 30px !important; }
    .job-detail__content p {
      margin: 0 0 20px; }
    .job-detail__content > p:first-child {
      line-height: 32px;
      font-size: 22px; }
    .job-detail__content li p, .job-detail__content li b {
      margin: 0;
      font-weight: normal; }
  .job-detail__aside {
    float: right;
    box-sizing: border-box;
    position: relative;
    max-width: 210px; }
    .job-detail__aside .button {
      margin: 0 0 17px; }
    .job-detail__aside .link {
      margin-bottom: 15px; }
    .job-detail__aside .start-convo {
      border-top: 1px solid #E7E7E7;
      padding-top: 15px;
      margin-top: 40px; }

@media (max-width: 768px) {
  .job-detail__content {
    float: none;
    width: calc(210px + (100% - 240px));
    padding-bottom: 0; }
  .job-detail__aside {
    float: none;
    width: calc(210px + (100% - 240px));
    padding: 20px 0 20px; } }

.modal__content--job-detail .headline {
  margin: 0 0 40px;
  padding-right: 40px; }

.modal__content--job-detail .job-detail {
  padding: 0; }
  .modal__content--job-detail .job-detail__content {
    margin: 0;
    width: 100%; }
/* Smartphones (portrait and landscape) ----------- */
/* Smartphones (landscape) ----------- */
/* Smartphones (portrait) ----------- */
/* iPads (portrait and landscape) ----------- */
/* iPads (landscape) ----------- */
/* iPads (portrait) ----------- */
/* Desktops and laptops ----------- */
/* Large screens ----------- */
.form-field select,
.form-field keygen,
.form-field textarea,
.form-field input[type=""],
.form-field input[type="text"],
.form-field input[type="password"],
.form-field input[type="datetime"],
.form-field input[type="datetime-local"],
.form-field input[type="date"],
.form-field input[type="month"],
.form-field input[type="time"],
.form-field input[type="week"],
.form-field input[type="number"],
.form-field input[type="email"],
.form-field input[type="url"],
.form-field input[type="search"],
.form-field input[type="tel"],
.form-field input[type="color"], .hero-input input {
  font-size: 15px;
  width: 100%;
  box-sizing: border-box;
  font-weight: 400;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: transparent;
  outline: 0;
  border: 0;
  border-bottom: 1px solid #C7C8CA;
  padding: 10px 0;
  border-radius: 0; }
  .form-field select:active,
  .form-field keygen:active,
  .form-field textarea:active,
  .form-field input:active[type=""],
  .form-field input:active[type="text"],
  .form-field input:active[type="password"],
  .form-field input:active[type="datetime"],
  .form-field input:active[type="datetime-local"],
  .form-field input:active[type="date"],
  .form-field input:active[type="month"],
  .form-field input:active[type="time"],
  .form-field input:active[type="week"],
  .form-field input:active[type="number"],
  .form-field input:active[type="email"],
  .form-field input:active[type="url"],
  .form-field input:active[type="search"],
  .form-field input:active[type="tel"],
  .form-field input:active[type="color"], .hero-input input:active, .form-field select:focus,
  .form-field keygen:focus,
  .form-field textarea:focus,
  .form-field input:focus[type=""],
  .form-field input:focus[type="text"],
  .form-field input:focus[type="password"],
  .form-field input:focus[type="datetime"],
  .form-field input:focus[type="datetime-local"],
  .form-field input:focus[type="date"],
  .form-field input:focus[type="month"],
  .form-field input:focus[type="time"],
  .form-field input:focus[type="week"],
  .form-field input:focus[type="number"],
  .form-field input:focus[type="email"],
  .form-field input:focus[type="url"],
  .form-field input:focus[type="search"],
  .form-field input:focus[type="tel"],
  .form-field input:focus[type="color"], .hero-input input:focus {
    cursor: text;
    outline: none;
    border-bottom: 2px solid #ffb81c !important;
    padding-bottom: 9px; }

::-webkit-input-placeholder {
  color: #C7C8CA;
  font-weight: 300;
  text-overflow: ellipsis; }

::-moz-placeholder {
  color: #C7C8CA;
  font-weight: 300;
  text-overflow: ellipsis; }

::-ms-placeholder {
  color: #C7C8CA !important;
  font-weight: 300; }

::-ms-input-placeholder {
  color: #C7C8CA !important;
  font-weight: 300; }

::placeholder {
  color: #C7C8CA;
  font-weight: 300;
  text-overflow: ellipsis; }

.form-field--hero-input ::-webkit-input-placeholder {
  color: #f4f4f4;
  font-weight: 300;
  text-overflow: ellipsis; }

.form-field--hero-input ::-moz-placeholder {
  color: #f4f4f4;
  font-weight: 300;
  text-overflow: ellipsis; }

.form-field--hero-input ::-ms-placeholder {
  color: #f4f4f4;
  font-weight: 300;
  text-overflow: ellipsis; }

.form-field--hero-input ::placeholder {
  color: #f4f4f4;
  font-weight: 300;
  text-overflow: ellipsis; }

.validator__message, .field-validation-error {
  color: #f56251;
  font-size: 12px;
  padding: 5px 0;
  display: block;
  text-align: left;
  font-weight: 400;
  position: absolute;
  width: 100%; }

@media (max-width: 767px) {
  input, select {
    font-size: 16px; } }

[placeholder] {
  text-overflow: ellipsis; }

input[placeholder] {
  text-overflow: ellipsis; }

/* input type date polyfill start */
date-input-polyfill {
  background: #fff;
  color: #000;
  text-shadow: none;
  border: 0;
  padding: 0;
  height: auto;
  width: auto;
  line-height: normal;
  font-family: sans-serif;
  font-size: 14px;
  position: absolute !important;
  text-align: center;
  box-shadow: 0px 3px 10px 1px rgba(0, 0, 0, 0.22);
  cursor: default;
  z-index: 1;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  overflow: hidden;
  display: block; }
  date-input-polyfill[data-open="false"] {
    visibility: hidden;
    z-index: -100 !important;
    top: 0; }
  date-input-polyfill[data-open="true"] {
    visibility: visible; }
  date-input-polyfill select, date-input-polyfill table, date-input-polyfill th, date-input-polyfill td {
    background: #fff;
    color: #000;
    text-shadow: none;
    border: 0;
    padding: 0;
    height: auto;
    width: auto;
    line-height: normal;
    font-family: sans-serif;
    font-size: 14px;
    box-shadow: none;
    font-family: 'Lato', Helvetica, Arial, sans-serif; }
  date-input-polyfill select, date-input-polyfill button {
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid #DADFE1;
    height: 24px;
    vertical-align: top;
    -webkit-appearance: none;
    -moz-appearance: none; }
  date-input-polyfill .monthSelect-wrapper {
    width: 55%;
    display: inline-block; }
  date-input-polyfill .yearSelect-wrapper {
    width: 25%;
    display: inline-block; }
  date-input-polyfill button {
    width: 20%;
    background: #DADFE1;
    border-radius: 0 5px 0 0;
    -moz-border-radius: 0 5px 0 0;
    -webkit-border-radius: 0 5px 0 0; }
    date-input-polyfill button:hover {
      background: #eee; }
  date-input-polyfill table {
    border-collapse: separate !important;
    border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    overflow: hidden;
    max-width: 280px;
    width: 280px; }
  date-input-polyfill th, date-input-polyfill td {
    width: 32px;
    padding: 4px;
    text-align: center;
    box-sizing: content-box; }
  date-input-polyfill td[data-day] {
    cursor: pointer; }
    date-input-polyfill td[data-day]:hover {
      background: #DADFE1; }
  date-input-polyfill [data-selected] {
    font-weight: bold;
    background: #D8EAF6; }

/* input type date polyfill end  */
.form {
  opacity: 1;
  max-width: 568px;
  width: 100%;
  position: relative;
  /**
   * 1. Chrome and Firefox set a `min-width: min-content;` on fieldsets,
   *  so we reset that to ensure it behaves more like a standard block element.
   */
  /* fix browser specific select styles */ }
  .form p {
    margin-bottom: 40px; }
  .form__fieldsets {
    position: relative; }
  .form__main-heading {
    margin: 0 0 50px;
    overflow: hidden; }
  .form__header {
    line-height: 1.25;
    margin-bottom: 28px; }
  .form__footerText {
    color: #939598; }
  .form--small .form__title {
    color: #373a36;
    font-size: 18px;
    letter-spacing: 4px;
    text-transform: uppercase;
    margin: 0 0 24px;
    display: block;
    font-family: ResoSemiBold;
    line-height: 1; }
  .form .form__intro {
    margin: 0; }
  .form .form__intro *, .form .form__intro, .form p {
    font-size: 16px; }
  .form--loading .form__fieldsets:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.5);
    z-index: 5; }
  .form fieldset {
    min-width: 0;
    /* 1 */
    border: 0;
    margin: 0 0 30px;
    padding: 0; }
    .form fieldset legend {
      display: none; }
  .form legend {
    padding: 0;
    font-weight: inherit;
    display: block;
    width: 100%;
    border: 0;
    line-height: inherit; }
  .form__loading-div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5); }
  .form .loading-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    margin-left: -26px;
    margin-top: -26px; }
  .form .form-errors {
    color: #f56251;
    margin: 0 0 45px;
    font-weight: 400; }
    .form .form-errors ul, .form .form-errors li {
      color: #f56251; }
    .form .form-errors label {
      display: inline;
      color: #f56251; }
  .form select::-ms-expand {
    display: none;
    /* hide the default arrow in ie11 */ }
  .form label, .form input, .form textarea, .form select, .form option {
    cursor: text; }

.form-field {
  margin-bottom: 30px;
  position: relative;
  transition: margin-bottom 0.2s linear; }
  .form-field--hidden {
    display: none; }
  .form-field input,
  .form-field textarea,
  .form-field select,
  .form-field keygen,
  .form-field option,
  .form-field optgroup,
  .form-field legend {
    outline: none;
    color: #373A36;
    vertical-align: top;
    display: block; }
  .form-field input,
  .form-field select,
  .form-field keygen,
  .form-field textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    font-style: inherit; }
  .form-field input, .form-field select {
    border-color: #C7C8CA;
    width: 100%; }
  .form-field input[type="checkbox"],
  .form-field input[type="radio"] {
    margin: 0 5px 0 0;
    margin-top: 1px \9;
    line-height: normal;
    display: block;
    opacity: 0;
    position: absolute;
    vertical-align: middle; }
    .form-field input[type="checkbox"] ~ label,
    .form-field input[type="radio"] ~ label {
      display: inline-block;
      position: relative;
      width: 100%;
      clear: both;
      line-height: 27px;
      font-size: 15px;
      padding: 0 15px 0 45px;
      box-sizing: border-box;
      color: #373a36;
      letter-spacing: normal;
      font-weight: 400;
      cursor: pointer;
      margin-bottom: 0; }
      @media (min-width: 768px) {
        .form-field input[type="checkbox"] ~ label,
        .form-field input[type="radio"] ~ label {
          padding-right: 0; } }
      .form-field input[type="checkbox"] ~ label:before,
      .form-field input[type="radio"] ~ label:before {
        content: "";
        display: block;
        width: 25px;
        height: 25px;
        background: rgba(255, 255, 255, 0.75) no-repeat 50% 50%;
        position: absolute;
        top: 0;
        left: 0;
        border: 1px solid #d6d6d6;
        z-index: 1; }
    .form-field input[type="checkbox"]:checked ~ label:before,
    .form-field input[type="radio"]:checked ~ label:before {
      background-color: #f4f4f4;
      border-color: #f4f4f4;
      background-image: url(/assets/images/icons/icon-tick.svg); }
    .form-field input[type="checkbox"][disabled] + label,
    .form-field input[type="radio"][disabled] + label {
      cursor: not-allowed; }
    .form-field input[type="checkbox"]:focus,
    .form-field input[type="radio"]:focus {
      outline: 0; }
  .form-field input[type="text"],
  .form-field input[type="email"],
  .form-field input[type="password"],
  .form-field input[type="search"],
  .form-field input[type="color"],
  .form-field input[type="date"],
  .form-field input[type="datetime"],
  .form-field input[type="datetime-local"],
  .form-field input[type="month"],
  .form-field input[type="number"],
  .form-field input[type="tel"],
  .form-field input[type="time"],
  .form-field input[type="url"],
  .form-field input[type="week"],
  .form-field input[list] {
    -webkit-appearance: none; }
  .form-field input[type=number]:not(.enable-spinners)::-webkit-inner-spin-button,
  .form-field input[type=number]:not(.enable-spinners)::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  .form-field input[type=number] {
    -moz-appearance: textfield; }
  .form-field input[type=number].enable-spinners:hover,
  .form-field input[type=number].enable-spinners:focus {
    -moz-appearance: none; }
  .form-field textarea {
    -webkit-appearance: none;
    resize: vertical;
    overflow: auto;
    height: auto;
    min-height: 8rem; }
  .form-field input[type="file"] {
    display: block; }
  .form-field input[type="search"] {
    box-sizing: border-box;
    -webkit-appearance: none;
    /* 1 */ }
  .form-field input[type="search"]::-webkit-search-decoration,
  .form-field input[type="search"]::-webkit-search-cancel-button,
  .form-field input[type="search"]::-webkit-search-results-button,
  .form-field input[type="search"]::-webkit-search-results-decoration {
    display: none; }
  .form-field select {
    width: 100%; }
    .form-field select option {
      padding: 8px 10px; }
    .form-field select[multiple], .form-field select[size] {
      height: auto;
      border: 1px solid #C7C8CA;
      padding: 5px;
      margin: 5px 0; }
      .form-field select[multiple] option, .form-field select[size] option {
        margin: 0;
        padding: 5px; }
  .form-field select::-ms-expand,
  .form-field keygen::-ms-expand,
  .form-field textarea::-ms-expand,
  .form-field input[type=""]::-ms-expand,
  .form-field input[type="text"]::-ms-expand,
  .form-field input[type="password"]::-ms-expand,
  .form-field input[type="datetime"]::-ms-expand,
  .form-field input[type="datetime-local"]::-ms-expand,
  .form-field input[type="date"]::-ms-expand,
  .form-field input[type="month"]::-ms-expand,
  .form-field input[type="time"]::-ms-expand,
  .form-field input[type="week"]::-ms-expand,
  .form-field input[type="number"]::-ms-expand,
  .form-field input[type="email"]::-ms-expand,
  .form-field input[type="url"]::-ms-expand,
  .form-field input[type="search"]::-ms-expand,
  .form-field input[type="tel"]::-ms-expand,
  .form-field input[type="color"]::-ms-expand {
    border: 0;
    background-color: transparent; }
  .form-field select[disabled], .form-field select[readonly],
  fieldset[disabled] .form-field select,
  .form-field keygen[disabled],
  .form-field keygen[readonly],
  fieldset[disabled]
  .form-field keygen,
  .form-field textarea[disabled],
  .form-field textarea[readonly],
  fieldset[disabled]
  .form-field textarea,
  .form-field input[type=""][disabled],
  .form-field input[type=""][readonly],
  fieldset[disabled]
  .form-field input[type=""],
  .form-field input[type="text"][disabled],
  .form-field input[type="text"][readonly],
  fieldset[disabled]
  .form-field input[type="text"],
  .form-field input[type="password"][disabled],
  .form-field input[type="password"][readonly],
  fieldset[disabled]
  .form-field input[type="password"],
  .form-field input[type="datetime"][disabled],
  .form-field input[type="datetime"][readonly],
  fieldset[disabled]
  .form-field input[type="datetime"],
  .form-field input[type="datetime-local"][disabled],
  .form-field input[type="datetime-local"][readonly],
  fieldset[disabled]
  .form-field input[type="datetime-local"],
  .form-field input[type="date"][disabled],
  .form-field input[type="date"][readonly],
  fieldset[disabled]
  .form-field input[type="date"],
  .form-field input[type="month"][disabled],
  .form-field input[type="month"][readonly],
  fieldset[disabled]
  .form-field input[type="month"],
  .form-field input[type="time"][disabled],
  .form-field input[type="time"][readonly],
  fieldset[disabled]
  .form-field input[type="time"],
  .form-field input[type="week"][disabled],
  .form-field input[type="week"][readonly],
  fieldset[disabled]
  .form-field input[type="week"],
  .form-field input[type="number"][disabled],
  .form-field input[type="number"][readonly],
  fieldset[disabled]
  .form-field input[type="number"],
  .form-field input[type="email"][disabled],
  .form-field input[type="email"][readonly],
  fieldset[disabled]
  .form-field input[type="email"],
  .form-field input[type="url"][disabled],
  .form-field input[type="url"][readonly],
  fieldset[disabled]
  .form-field input[type="url"],
  .form-field input[type="search"][disabled],
  .form-field input[type="search"][readonly],
  fieldset[disabled]
  .form-field input[type="search"],
  .form-field input[type="tel"][disabled],
  .form-field input[type="tel"][readonly],
  fieldset[disabled]
  .form-field input[type="tel"],
  .form-field input[type="color"][disabled],
  .form-field input[type="color"][readonly],
  fieldset[disabled]
  .form-field input[type="color"] {
    opacity: 1; }
  .form-field select[disabled],
  fieldset[disabled] .form-field select,
  .form-field keygen[disabled],
  fieldset[disabled]
  .form-field keygen,
  .form-field textarea[disabled],
  fieldset[disabled]
  .form-field textarea,
  .form-field input[type=""][disabled],
  fieldset[disabled]
  .form-field input[type=""],
  .form-field input[type="text"][disabled],
  fieldset[disabled]
  .form-field input[type="text"],
  .form-field input[type="password"][disabled],
  fieldset[disabled]
  .form-field input[type="password"],
  .form-field input[type="datetime"][disabled],
  fieldset[disabled]
  .form-field input[type="datetime"],
  .form-field input[type="datetime-local"][disabled],
  fieldset[disabled]
  .form-field input[type="datetime-local"],
  .form-field input[type="date"][disabled],
  fieldset[disabled]
  .form-field input[type="date"],
  .form-field input[type="month"][disabled],
  fieldset[disabled]
  .form-field input[type="month"],
  .form-field input[type="time"][disabled],
  fieldset[disabled]
  .form-field input[type="time"],
  .form-field input[type="week"][disabled],
  fieldset[disabled]
  .form-field input[type="week"],
  .form-field input[type="number"][disabled],
  fieldset[disabled]
  .form-field input[type="number"],
  .form-field input[type="email"][disabled],
  fieldset[disabled]
  .form-field input[type="email"],
  .form-field input[type="url"][disabled],
  fieldset[disabled]
  .form-field input[type="url"],
  .form-field input[type="search"][disabled],
  fieldset[disabled]
  .form-field input[type="search"],
  .form-field input[type="tel"][disabled],
  fieldset[disabled]
  .form-field input[type="tel"],
  .form-field input[type="color"][disabled],
  fieldset[disabled]
  .form-field input[type="color"] {
    cursor: not-allowed; }
  .form-field input[disabled],
  .form-field textarea[disabled],
  .form-field button[disabled] {
    pointer-events: none; }
  .form-field input:hover {
    border-bottom: 2px solid #FFB81C;
    padding-bottom: 9px; }
  .form-field__info {
    font-style: italic;
    color: #939598;
    font-size: 13px;
    margin-top: 4px; }
  .form-field--text label {
    margin: 0; }
  .form-field--has-focused-state {
    padding-top: 8px;
    position: relative; }
    .form-field--has-focused-state label {
      position: absolute;
      pointer-events: none;
      top: 22px;
      color: black;
      transition: top 0.2s linear, font-size 0.2s linear;
      font-size: 15px;
      font-weight: 400;
      margin-bottom: 0; }
    .form-field--has-focused-state.form-field--focused label {
      top: 0px;
      font-size: 12px;
      color: #939598; }
  .form-field--invalid {
    margin-bottom: 58px; }
    .form-field--invalid .form-field__label {
      color: #f56251 !important; }
    .form-field--invalid input, .form-field--invalid select {
      border-bottom: 2px solid #f56251 !important;
      padding-bottom: 9px !important; }
  .form-field--required .labelText:after {
    content: " *";
    font-weight: 300; }
  .form-field--select-wrapper {
    position: relative; }
  .form-field--select-wrapper:not(.form-field--select-multiple):after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-bottom: 5px solid transparent;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #939598;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -5px;
    pointer-events: none; }
  .form-field--checkbox, .form-field--radio {
    padding-top: 12px; }
    .form-field--checkbox ul, .form-field--checkbox li, .form-field--radio ul, .form-field--radio li {
      padding: 0;
      margin: 0;
      list-style-type: none; }
    .form-field--checkbox li, .form-field--radio li {
      margin: 0 0 16px; }
    .form-field--checkbox li:last-child, .form-field--radio li:last-child {
      margin: 0 0 5px; }
    .form-field--checkbox .form-field__label, .form-field--radio .form-field__label {
      margin-bottom: 16px; }
  .form-field--upload-cv .labelText {
    margin: 0 0 16px;
    display: block; }
  .form-field--upload-cv.form-field--invalid .upload-cv__upload label {
    color: #373A36; }
  .form-field--upload-cv .form-field__messages {
    margin-top: 10px;
    display: block; }
  .form-field__checkbox-label {
    text-transform: none; }
    .form-field__checkbox-label a {
      position: relative;
      cursor: pointer;
      color: #373A36;
      display: inline-block;
      font-weight: 400;
      line-height: 1.8; }
      .form-field__checkbox-label a:before {
        content: "";
        display: block;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
        height: 1px;
        background: #373A36;
        opacity: 0.25;
        width: 100%;
        position: absolute;
        transition: width 0.2s ease-out; }
      .form-field__checkbox-label a:after {
        content: "";
        display: block;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
        height: 1px;
        background: #FFB81C;
        width: 0%;
        position: absolute;
        transition: width 0.2s ease-out; }
      .form-field__checkbox-label a.active:after, .form-field__checkbox-label a:hover:after, .form-field__checkbox-label a:active:after {
        width: 100%; }
    .form-field__checkbox-label em {
      font-style: inherit;
      margin: 0 0 0 2px;
      font-size: 1.3em; }

.form-field__label, .form__text label {
  margin-bottom: 12px;
  text-transform: none;
  color: #939598;
  font-weight: 400;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0; }
  .form-field__label:empty, .form__text label:empty {
    display: none; }

.hero-input {
  margin: 0 0 30px;
  display: block; }
  .hero-input input {
    background: rgba(255, 255, 255, 0.4);
    border-bottom: 1px solid #939598;
    color: #373A36;
    font-weight: 400;
    padding: 16px 10px; }
    .hero-input input:active, .hero-input input:focus, .hero-input input:hover {
      padding-bottom: 15px;
      border-bottom: 2px solid #FFB81C; }
    .hero-input input::-webkit-input-placeholder {
      color: #000000 !important; }
    .hero-input input::-moz-input-placeholder {
      color: #000000 !important; }
    .hero-input input::-ms-input-placeholder {
      color: #000000 !important; }
    .hero-input input::placeholder {
      color: #000000 !important; }

.alt-text .hero-input input {
  background: rgba(0, 0, 0, 0.4);
  color: #fff; }
  .alt-text .hero-input input::-webkit-input-placeholder {
    color: #fff !important; }
  .alt-text .hero-input input::-moz-input-placeholder {
    color: #fff !important; }
  .alt-text .hero-input input::-ms-input-placeholder {
    color: #fff !important; }
  .alt-text .hero-input input::placeholder {
    color: #fff !important; }

.gated-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  max-width: 100%;
  left: 0;
  right: 0;
  z-index: 1000;
  background: #fff;
  box-shadow: 0 -50px 160px 100px #fff;
  box-sizing: border-box;
  padding: 60px 60px 0 0; }
  .gated-content .button {
    margin: 0; }

.fieldset-text {
  margin: 0 0 2em; }
.whitepaper_button {
  font-family: "Roboto" !important; }
/* Smartphones (portrait and landscape) ----------- */
/* Smartphones (landscape) ----------- */
/* Smartphones (portrait) ----------- */
/* iPads (portrait and landscape) ----------- */
/* iPads (landscape) ----------- */
/* iPads (portrait) ----------- */
/* Desktops and laptops ----------- */
/* Large screens ----------- */
.cms-edit {
  padding: 10px 0; }
  .cms-edit .scLooseFrameZone {
    display: inline-block; }

.cta--edit {
  background-color: #fff;
  box-shadow: 0.5px 0.5px 1px 1px rgba(0, 0, 0, 0.08);
  padding: .8rem 1.5rem;
  color: #373A36;
  margin: 1px;
  overflow: hidden;
  line-height: 1;
  border-radius: 8px;
  position: relative; }
  .cta--edit:hover {
    background-color: #eee; }
  .cta--edit span {
    display: inline-block;
    vertical-align: middle; }
  .cta--edit:after {
    content: '';
    position: relative;
    width: 16px;
    height: 16px;
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
    background-size: cover;
    margin-left: 8px; }
  .cms-edit--sm .cta--edit {
    padding: .8rem;
    width: 45px;
    height: 45px;
    margin: 1px; }
    .cms-edit--sm .cta--edit > span {
      position: absolute;
      top: 0;
      left: 50%;
      transform: translate(-50%, -120%);
      background: #000;
      color: #fff;
      padding: 8px;
      border-radius: 4px;
      display: none;
      white-space: nowrap;
      font-size: 90%; }
    .cms-edit--sm .cta--edit:hover > span {
      display: block; }
    .cms-edit--sm .cta--edit:after {
      margin-left: 0; }
/* Smartphones (portrait and landscape) ----------- */
/* Smartphones (landscape) ----------- */
/* Smartphones (portrait) ----------- */
/* iPads (portrait and landscape) ----------- */
/* iPads (landscape) ----------- */
/* iPads (portrait) ----------- */
/* Desktops and laptops ----------- */
/* Large screens ----------- */
.upload-cv {
  margin: 0 0 45px; }
  .upload-cv input[type="file"] {
    display: none  !important; }
  .upload-cv__file-types {
    display: block;
    margin: 0 0 32px; }
  .upload-cv .section-label {
    margin: 0 0 16px; }
  .upload-cv__upload {
    max-width: 440px;
    width: 100%;
    margin: 0 0 40px; }
    .upload-cv__upload label {
      font-family: Roboto !important;
      font-weight: 400 !important;
      text-transform: none !important;
      font-size: 15px !important;
      line-height: 23px !important;
      color: #373A36 !important;
      letter-spacing: normal  !important;
      padding: 25px  !important;
      cursor: pointer  !important;
      transition: background-color 0.3s linear  !important;
      border: 1px solid #d6d6d6; }
      .upload-cv__upload label:hover {
        background: rgba(0, 0, 0, 0.03);
        border-color: #FFB81C; }
    .upload-cv__upload input {
      display: none; }
    .upload-cv__upload .icon:after {
      position: absolute;
      right: 25px;
      top: 25px; }
  .upload-cv__alternative-methods {
    max-width: 440px;
    width: 100%;
    border: 1px solid #d6d6d6;
    position: relative;
    margin: 0; }
    .upload-cv__alternative-methods:hover {
      border-color: #FFB81C; }
      .upload-cv__alternative-methods:hover .upload-cv__alternative-method:after {
        background-color: #FFB81C; }
  .upload-cv__legend {
    padding: 0 5px;
    background: #ffffff;
    position: absolute;
    top: -0.5em;
    left: 2em; }
  .upload-cv__alternative-method span {
    font-family: Roboto !important;
    font-weight: 400 !important;
    text-transform: none !important;
    font-size: 15px !important;
    line-height: 23px !important;
    color: #373A36 !important;
    letter-spacing: normal  !important;
    padding: 25px  !important;
    cursor: pointer  !important;
    transition: background-color 0.3s linear  !important; }
    .upload-cv__alternative-method span:hover {
      background: rgba(0, 0, 0, 0.03);
      border-color: #FFB81C; }
    .upload-cv__alternative-method span:after {
      right: 25px;
      width: 25px;
      height: 22px; }
  .upload-cv__alternative-method#google-drive-upload, .upload-cv__alternative-method#indeed-upload, .upload-cv__alternative-method#linkedin-upload {
    position: relative;
    display: block; }
    .upload-cv__alternative-method#google-drive-upload:after, .upload-cv__alternative-method#indeed-upload:after, .upload-cv__alternative-method#linkedin-upload:after {
      content: "";
      display: block;
      width: 90%;
      width: calc(100% - 50px);
      height: 1px;
      left: 50%;
      top: 0;
      position: absolute;
      transform: translateX(-50%);
      background: #d6d6d6; }
  .upload-cv__file {
    width: 80%;
    position: relative;
    margin: 25px 0 10px 0;
    display: block; }
  .upload-cv .field-validation-error {
    width: 80%;
    text-align: left;
    margin-top: 15px; }
  .upload-cv__file-data {
    display: block;
    padding-right: 95px; }
  .upload-cv__filename {
    font-weight: 400;
    display: block;
    word-break: break-word; }
  .upload-cv__filesize {
    margin: 0;
    display: block; }
  .upload-cv__remove {
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -11px;
    cursor: pointer;
    font-weight: 400; }
    .upload-cv__remove .icon {
      display: inline-block;
      width: 15px;
      height: 15px;
      margin-bottom: -2px; }
      .upload-cv__remove .icon:after, .upload-cv__remove .icon:before {
        background: #d6d6d6; }
  @media (max-width: 480px) {
    .upload-cv__alternative-methods, .upload-cv__file, .upload-cv__upload {
      width: 100%; } }

.form__fieldset .upload-cv {
  margin: 0; }
.insight-search {
  box-sizing: border-box;
  width: 100%;
  margin: 0 0 20px; }
  .insight-search input {
    color: #fff;
    background-image: url("/assets/images/icons/icon-search-black.svg") !important;
    background-size: 22px 22px !important;
    background-repeat: no-repeat !important;
    background-position: 95% 50%  !important;
    width: 100%;
    max-width: 430px; }
    .insight-search input::-ms-clear {
      display: none; }

.generic-content-banner + .insight-search {
  margin-top: 50px;
  padding: 0 30px; }

.alt-text .insight-search input {
  background-image: url("/assets/images/icons/icon-search.svg") !important; }