/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

 html {
  line-height: 1.15 !important; /* 1 */
  -webkit-text-size-adjust: 100% !important; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0 !important;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block !important;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em !important;
  margin: 0.67em 0 !important;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box !important; /* 1 */
  overflow: visible !important; /* 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 !important; /* 1 */
  font-size: 1em !important; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent !important;
}

/**
 * 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 !important; /* 1 */
  text-decoration: underline !important; /* 2 */
  text-decoration: underline dotted !important; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder !important;
}

/**
 * 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 !important; /* 1 */
  font-size: 1em !important; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80% !important;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75% !important;
  line-height: 0 !important;
  position: relative !important;
  vertical-align: baseline !important;
}

sub {
  bottom: -0.25em !important;
}

sup {
  top: -0.5em !important;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none !important;
}

/* 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 !important; /* 1 */
  font-size: 100% !important; /* 1 */
  line-height: 1.15 !important; /* 1 */
  margin: 0 !important; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible !important;
}

/**
 * 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 !important;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button !important;
}

/**
 * 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 !important;
  padding: 0 !important;
}

/**
 * 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 !important;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em !important;
}

/**
 * 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 !important; /* 1 */
  color: inherit !important; /* 2 */
  display: table !important; /* 1 */
  max-width: 100% !important; /* 1 */
  padding: 0 !important; /* 3 */
  white-space: normal !important; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline !important;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto !important;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box !important; /* 1 */
  padding: 0 !important; /* 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 !important;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield !important; /* 1 */
  outline-offset: -2px !important; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none !important;
}

/**
 * 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 !important; /* 1 */
  font: inherit !important; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block !important;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item !important;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none !important;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none !important;
}

/* Google Font - Using direct @font-face declarations due to weight params being ignored from @import */
/* vietnamese */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Barlow Regular'), local('Barlow-Regular'), url(https://fonts.gstatic.com/s/barlow/v4/7cHpv4kjgoGqM7E_A8s5ynghnQci.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Barlow Regular'), local('Barlow-Regular'), url(https://fonts.gstatic.com/s/barlow/v4/7cHpv4kjgoGqM7E_Ass5ynghnQci.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Barlow Regular'), local('Barlow-Regular'), url(https://fonts.gstatic.com/s/barlow/v4/7cHpv4kjgoGqM7E_DMs5ynghnQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('Barlow Medium'), local('Barlow-Medium'), url(https://fonts.gstatic.com/s/barlow/v4/7cHqv4kjgoGqM7E3_-gs6Fostz0rdom9.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('Barlow Medium'), local('Barlow-Medium'), url(https://fonts.gstatic.com/s/barlow/v4/7cHqv4kjgoGqM7E3_-gs6Vostz0rdom9.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('Barlow Medium'), local('Barlow-Medium'), url(https://fonts.gstatic.com/s/barlow/v4/7cHqv4kjgoGqM7E3_-gs51ostz0rdg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local('Barlow SemiBold'), local('Barlow-SemiBold'), url(https://fonts.gstatic.com/s/barlow/v4/7cHqv4kjgoGqM7E30-8s6Fostz0rdom9.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local('Barlow SemiBold'), local('Barlow-SemiBold'), url(https://fonts.gstatic.com/s/barlow/v4/7cHqv4kjgoGqM7E30-8s6Vostz0rdom9.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local('Barlow SemiBold'), local('Barlow-SemiBold'), url(https://fonts.gstatic.com/s/barlow/v4/7cHqv4kjgoGqM7E30-8s51ostz0rdg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

*,
*:before,
*:after {
  box-sizing: border-box !important;
}

html,
body {
  font-size: 16px !important;
}

body {
  color: #202232 !important;
  font-family: 'Barlow', sans-serif !important;
  line-height: 1.5625 !important;
  text-rendering: optimizeLegibility !important;
  text-shadow: 0 0 get-rem(1px) transparent !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

body:before {
  content: none !important;
}

#wrapper {
  margin: 0 auto !important;
  padding: 0 !important;
  width: 100% !important;
  overflow: initial !important;
}

#main {
  padding-top: 0 !important;
  padding-bottom: 40px !important;
}

#main hr:last-of-type {
  height: 0;
}

#apply_with_buttons {
  text-align: center;
}

#apply_with_buttons hr:last-of-type {
  height: initial;
}

@media screen and (max-width: 767px) {
  #logo,
  #header,
  #content {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
}

#app_body {
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
}

#app_body h1 {
  margin-top: 0 !important;
  margin-bottom: 8px !important;
  font-size: 1.75rem !important;
  font-weight: 400 !important;
  line-height: 1.875rem !important;
}

@media screen and (min-width: 768px) {

  #app_body h1 {
    font-size: 2.25rem !important;
    font-weight: 300 !important;
    line-height: 2.5rem !important;
  }
}

#logo {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  margin-bottom: 24px !important;
}

#header {
  display: flex !important;
  flex-direction: column !important;
  position: relative !important;
  margin-bottom: 32px !important;
  padding-bottom: 16px !important;
  border-bottom: 1px solid #f2f3f4 !important;
}

@media screen and (max-width: 767px) {

  #header .app-title,
  #header .company-name,
  #header a {
    order: 0 !important;
  }

  #header > #apply_button {
    position: relative !important;
    top: initial !important;
    right: initial !important;
    order: 1 !important;
  }

  #header {
    padding-bottom: 32px !important;
  }
}

#content {
  display: block !important;
  margin-bottom: 0 !important;
  padding-bottom: 24px !important;
  border-bottom: 1px solid #f2f3f4 !important;
}

@media screen and (min-width: 768px) {
  #content {
    margin-bottom: 40px !important;
  }
}

#application {
  max-width: none !important;
  padding: 16px !important;
  background-color: #ffffff !important;
}

@media screen and (min-width: 768px) {
  #application {
    padding: 32px !important;
  }
}

#application .heading {
  display: none !important;
}

#application div.required-fields {
  display: block !important;
  margin-bottom: 16px !important;
  float: none !important;
  font-weight: 500 !important;
}

#main_fields {
  position: relative !important;
}

#footer {
  display: none !important;
  position: relative !important;
  margin: 0 !important;
  padding: 16px !important;
  height: auto !important;
  background-color: #0d2131 !important;
  color: #fff !important;
  line-height: 1 !important;
}

#footer:before {
  display: block !important;
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  width: 100% !important;
  height: 24px !important;
  background-color: #0d2131 !important;
  content: '' !important;
}

#footer a,
#footer a:hover {
  color: #fff !important;
}

#footer > a {
  display: inline-block !important;
  margin-bottom: 16px !important;
}

#footer span,
#footer img {
  vertical-align: middle !important;
}

#footer span {
  display: block !important;
  margin-bottom: 4px !important;
  font-size: 9px !important;
}

#submit_app,
#apply_button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 16px 20px !important;
  background-image: none !important;
  background-color: #e6aa67 !important;
  border-radius: 2px !important;
  color: #001526 !important;
  font-family: inherit !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  letter-spacing: .33px !important;
  line-height: 1 !important;
  text-decoration: none !important;
  text-shadow: none !important;
  text-transform: uppercase !important;
}

#submit_app:hover,
#apply_button:hover {
  background-color: #e29e51 !important;
  color: #001526 !important;
}

@media screen and (max-width: 768px) {
  #submit_app {
    width: 100% !important;
  }
}

a,
input[type='button'].link-like-button {
  color: #020047 !important;
  text-decoration: underline !important;
}

p,
ol,
ul {
  line-height: 24px !important;
}

b,
strong {
  font-weight: 500 !important;
}

li {
  margin-bottom: 16px !important;
  list-style-type: disclosure-closed !important;
}

div.field {
  display: flex !important;
  flex-direction: column !important;
  position: relative !important;
  margin-bottom: 24px !important;
  line-height: inherit !important;
  overflow: initial !important;
}

div.field label {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  float: none !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left !important;
}

div.field input[type="text"],
div.field textarea,
div.field select {
  margin-top: 4px !important;
  width: 100% !important;
  font-size: 16px !important;
  line-height: 26px !important;
}

div.field textarea.paste {
  margin-top: 16px !important;
  margin-left: 0 !important;
}

div.field input[name="job_application[location]"] {
  margin-top: 0 !important;
}

.field-error-msg {
  display: block !important;
  margin-top: 8px !important;
  padding-left: 0 !important;
  font-size: 16px !important;
  line-height: 18px !important;
}

.location {
  color: #36394d !important;
}

@media screen and (min-width: 768px) {
  #job_application_location {
    padding-right: 128px !important;
  }
}

@media (max-width: 640px) {
  .accessible a.locate-me {
    margin-top: 0 !important;
  }
}

a.locate-me {
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin-top: 2px !important;
  padding: 4px 8px !important;
  font-family: 'Barlow', sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  letter-spacing: .33px !important;
  line-height: 30px !important;
  background-image: none !important;
  background-color: #e6aa67 !important;
  border: 0 !important;
  color: #001526 !important;
  text-transform: uppercase !important;
}

@media (max-width: 640px) {
  a.locate-me {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin-top: 2px !important;
    padding: 4px 8px !important;
    font-family: 'Barlow', sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    letter-spacing: .33px !important;
    line-height: 30px !important;
    background-image: none !important;
    background-color: #e6aa67 !important;
    border: 0 !important;
    color: #001526 !important;
    text-transform: uppercase !important;
  }
}



@media screen and (min-width: 641px) {
  a.locate-me {
    position: absolute !important;
    top: 25px !important;
    right: 0 !important;
    margin: 0 !important;
    padding-right: 12px !important;
    padding-left: 12px !important;
  }
}

a.locate-me,
a.locate-me:hover {
  text-decoration: none !important;
}

a.locate-me:hover {
  background-color: #e29e51 !important;
}

a.locate-me:before {
  display: block !important;
  position: relative !important;
  width: 16px !important;
  height: 16px !important;
  margin-right: 8px !important;
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2060.47%2060.25%22%3E%3Cpath%20fill%3D%22%23001526%22%20d%3D%22M52.56%2C7.9A26.89%2C26.89%2C0%2C0%2C0%2C33.44%2C0h0A27%2C27%2C0%2C0%2C0%2C13%2C44.66l-6%2C6a2%2C2%2C0%2C0%2C0%2C0%2C2.83%2C2%2C2%2C0%2C0%2C0%2C2.83%2C0l6-6A27%2C27%2C0%2C0%2C0%2C52.56%2C7.9ZM17.16%2C43.3a23%2C23%2C0%2C1%2C1%2C32.57%2C0A22.87%2C22.87%2C0%2C0%2C1%2C17.16%2C43.3Z%22%2F%3E%3Cpath%20fill%3D%22%23001526%22%20d%3D%22M2.66%2C54.94A2.66%2C2.66%2C0%2C1%2C0%2C5.31%2C57.6%2C2.66%2C2.66%2C0%2C0%2C0%2C2.66%2C54.94Z%22%2F%3E%3C%2Fsvg%3E) !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 100% auto !important;
  content: '' !important;
}

a.locate-me ~ label {
  height: 0 !important;
}

#submit_buttons {
  display: block !important;
  padding-top: 0 !important;
  border-top: 0 !important;
}

.link-container {
  display: flex !important;
}

.attach-or-paste .link-container a {
  display: inline-flex !important;
  justify-content: center !important;
  width: auto !important;
  margin-right: 4px !important;
  margin-bottom: 0 !important;
  padding: 8px !important;
  background-image: none !important;
  border: 1px solid #e6aa67 !important;
  border-radius: 2px !important;
  color: #001526 !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  text-decoration: none !important;
}

@media (max-width: 640px) {
  .attach-or-paste .link-container a {
    display: inline-flex !important;
    justify-content: center !important;
    width: auto !important;
    margin-right: 4px !important;
    margin-bottom: 0 !important;
    padding: 8px !important;
    background-image: none !important;
    border: 1px solid #e6aa67 !important;
    border-radius: 2px !important;
    color: #e6aa67 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    text-decoration: none !important;
  }
}

@media (max-width: 640px) {
  .attach-or-paste .link-container a:active,
  .attach-or-paste .link-container a.active {
    color: #001526 !important;
  }
}

.attach-or-paste .link-container a:hover {
  background-color: #e29e51 !important;
  border-color: #e29e51 !important;
  color: #001526 !important;
}

.link-container a:hover {
  background-color: #e29e51 !important;
}

.link-container a:last-of-type {
  margin-right: 0 !important;
}

.attach-or-paste .link-container a:not(:last-child)::after {
  content: none !important;
}

.attach-or-paste .link-container a.active[data-source="paste"] {
  background-color: #e29e51 !important;
  color: #001526 !important;
}

.select2-container {
  width: 100% !important;
}

.accessible .select2-container .select2-chosen,
.accessible .select2-container .select2-arrow,
.accessible .select2-container .select2-choice {
  background: #ffffff !important;
  text-decoration: none !important;
}

.select2-container .select2-choice {
  height: auto;
  padding: 5px 8px;
}

.select2-container .select2-choice .select2-arrow b {
  margin-top: 5px;
}