@charset "UTF-8";
/**
 * Breakpoints defined using a nested Sass map
 *
 * - name: name of the breakpoint (also used to namespace grid classes)
 * - query: media query for the named breakpoint
 * - generate-grid-classes: generate namespaced grid classes based on breakpoint or not
 *
 * Default sizes
 *
 * - medium:   768px
 * - large:    1020px
 * - xlarge:   1164px
 *
*/
/**
 * Primary Colors
*/
/**
 * Secondary Colors
*/
/**
 * UI Colors
*/
/*$mex-color-ui-favourite: #f4bf4e !default;*/
/**
 * Functional Colors
*/
/**
 * Link Colors
*/
/**
 * Gutter between grid units
 *
 * Use only fixed value (em, rem, px)
 */
/**
 * Number of units
 *
 * Always use a number or a list of numbers
 * You can combine two or more grids
 * Be careful with this, it generates quite a few classes for each number in the list
 * combined with many breakpoints, it can generate a lot of classes
 *
 * $mex-grid-units: 12 !default;
 * $mex-grid-units: (10,12) !default;
 */
/**
 * Desired grid classes
 *
 * Use whatever class names you like (namespaced or not, etc.)
 * $grid-mainclass: is used to define the grid itself, defaults to '.l-grid' or
 * $grid-unitclass: is used to define the grid itself, defaults to '.l-grid__unit'
 *
 * BEM notation is enforced for grid and grid unit modifier classes ('.grid--center' or '.grid__unit--5of10')
 */
/**
 * Order classes
 *
 * - set to "false" if you don't need them
 * - works with the flexbox order property
 * - if you use a list for $mex-grid-units, $mex-grid-orderclasses-number should be set
 *   to the highest of all numbers in that list. If you don't use a list for $mex-grid-units
 *   $mex-grid-orderclasses-number should be the same as $mex-grid-units
 */
/**
 * Individual values
 * - specify in pixels, we transform them into rem
*/
@font-face {
  font-style: normal;
  font-weight: 400;
  font-family: "Iconic";
  src: url("../fonts/iconic/iconic-sm.eot");
  src: url("../fonts/iconic/iconic-sm.eot?#iconic-sm") format("embedded-opentype"), url("../fonts/iconic/iconic-sm.woff") format("woff"), url("../fonts/iconic/iconic-sm.ttf") format("truetype"), url("../fonts/iconic/iconic-sm.svg#iconic-sm") format("svg");
}

@font-face {
  font-style: normal;
  font-weight: 500;
  font-family: "Iconic";
  src: url("../fonts/iconic/iconic-md.eot");
  src: url("../fonts/iconic/iconic-md.eot?#iconic-md") format("embedded-opentype"), url("../fonts/iconic/iconic-md.woff") format("woff"), url("../fonts/iconic/iconic-md.ttf") format("truetype"), url("../fonts/iconic/iconic-md.svg#iconic-md") format("svg");
}

@font-face {
  font-style: normal;
  font-weight: 800;
  font-family: "Iconic";
  src: url("../fonts/iconic/iconic-lg.eot");
  src: url("../fonts/iconic/iconic-lg.eot?#iconic-lg") format("embedded-opentype"), url("../fonts/iconic/iconic-lg.woff") format("woff"), url("../fonts/iconic/iconic-lg.ttf") format("truetype"), url("../fonts/iconic/iconic-lg.svg#iconic-lg") format("svg");
}

/**
 * Base
*/
.iconic[data-glyph].iconic-text-replace {
  font-size: 0;
  line-height: 0;
}

.iconic[data-glyph].iconic-text-replace::before {
  width: 1em;
  text-align: center;
}

.iconic[data-glyph]::before {
  position: relative;
  top: 1px;
  display: inline-block;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  font-family: "Iconic";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  speak: none;
  vertical-align: baseline;
}

.iconic[data-glyph].iconic-sm::before, .iconic[data-glyph].iconic-md::before, .iconic[data-glyph].iconic-lg::before, .iconic[data-glyph].iconic-icon-sm::before, .iconic[data-glyph].iconic-icon-md::before, .iconic[data-glyph].iconic-icon-lg::before {
  font-style: normal;
}

.iconic[data-glyph].iconic-sm::before {
  font-weight: 400;
  font-size: 16px;
}

.iconic[data-glyph].iconic-md::before {
  font-weight: 500;
  font-size: 32px;
}

.iconic[data-glyph].iconic-lg::before {
  font-weight: 800;
  font-size: 128px;
}

.iconic[data-glyph].iconic-icon-sm::before {
  font-weight: 400;
}

.iconic[data-glyph].iconic-icon-md::before {
  font-weight: 500;
}

.iconic[data-glyph].iconic-icon-lg::before {
  font-weight: 800;
}

.iconic[data-glyph].iconic-size-sm::before {
  font-size: 16px;
}

.iconic[data-glyph].iconic-size-md::before {
  font-size: 32px;
}

.iconic[data-glyph].iconic-size-lg::before {
  font-size: 128px;
}

.iconic[data-glyph].iconic-size-medium::before {
  font-size: 21px;
}

.iconic[data-glyph].iconic-align-left::before {
  text-align: left;
}

.iconic[data-glyph].iconic-align-right::before {
  text-align: right;
}

.iconic[data-glyph].iconic-align-center::before {
  text-align: center;
}

.iconic[data-glyph].iconic-flip-horizontal::before {
  transform: scale(-1, 1);
}

.iconic[data-glyph].iconic-flip-vertical::before {
  transform: scale(1, -1);
}

.iconic[data-glyph].iconic-flip-horizontal-vertical::before {
  transform: scale(-1, -1);
}

.iconic[data-glyph="account-login"]::before {
  content: "\e000";
}

.iconic[data-glyph="account-logout"]::before {
  content: "\e001";
}

.iconic[data-glyph="action-redo"]::before {
  content: "\e002";
}

.iconic[data-glyph="action-undo"]::before {
  content: "\e003";
}

.iconic[data-glyph="align-center"]::before {
  content: "\e004";
}

.iconic[data-glyph="align-left"]::before {
  content: "\e005";
}

.iconic[data-glyph="align-right"]::before {
  content: "\e006";
}

.iconic[data-glyph="aperture"]::before {
  content: "\e007";
}

.iconic[data-glyph="arrow-bottom-fill-acute"]::before {
  content: "\e008";
}

.iconic[data-glyph="arrow-bottom-fill-angled"]::before {
  content: "\e009";
}

.iconic[data-glyph="arrow-bottom-fill-large-acute"]::before {
  content: "\e00a";
}

.iconic[data-glyph="arrow-bottom-fill-large-angled"]::before {
  content: "\e00b";
}

.iconic[data-glyph="arrow-bottom-fill-large-oblique"]::before {
  content: "\e00c";
}

.iconic[data-glyph="arrow-bottom-fill-large"]::before {
  content: "\e00d";
}

.iconic[data-glyph="arrow-bottom-fill-oblique"]::before {
  content: "\e00e";
}

.iconic[data-glyph="arrow-bottom-fill"]::before {
  content: "\e00f";
}

.iconic[data-glyph="arrow-bottom-left-fill-acute"]::before {
  content: "\e010";
}

.iconic[data-glyph="arrow-bottom-left-fill-angled"]::before {
  content: "\e011";
}

.iconic[data-glyph="arrow-bottom-left-fill-large-acute"]::before {
  content: "\e012";
}

.iconic[data-glyph="arrow-bottom-left-fill-large-angled"]::before {
  content: "\e013";
}

.iconic[data-glyph="arrow-bottom-left-fill-large-oblique"]::before {
  content: "\e014";
}

.iconic[data-glyph="arrow-bottom-left-fill-large"]::before {
  content: "\e015";
}

.iconic[data-glyph="arrow-bottom-left-fill-oblique"]::before {
  content: "\e016";
}

.iconic[data-glyph="arrow-bottom-left-fill"]::before {
  content: "\e017";
}

.iconic[data-glyph="arrow-bottom-left-line-acute"]::before {
  content: "\e018";
}

.iconic[data-glyph="arrow-bottom-left-line-large-acute"]::before {
  content: "\e019";
}

.iconic[data-glyph="arrow-bottom-left-line-large-oblique"]::before {
  content: "\e01a";
}

.iconic[data-glyph="arrow-bottom-left-line-large"]::before {
  content: "\e01b";
}

.iconic[data-glyph="arrow-bottom-left-line-oblique"]::before {
  content: "\e01c";
}

.iconic[data-glyph="arrow-bottom-left-line"]::before {
  content: "\e01d";
}

.iconic[data-glyph="arrow-bottom-line-acute"]::before {
  content: "\e01e";
}

.iconic[data-glyph="arrow-bottom-line-large-acute"]::before {
  content: "\e01f";
}

.iconic[data-glyph="arrow-bottom-line-large-oblique"]::before {
  content: "\e020";
}

.iconic[data-glyph="arrow-bottom-line-large"]::before {
  content: "\e021";
}

.iconic[data-glyph="arrow-bottom-line-oblique"]::before {
  content: "\e022";
}

.iconic[data-glyph="arrow-bottom-line"]::before {
  content: "\e023";
}

.iconic[data-glyph="arrow-bottom-right-fill-acute"]::before {
  content: "\e024";
}

.iconic[data-glyph="arrow-bottom-right-fill-angled"]::before {
  content: "\e025";
}

.iconic[data-glyph="arrow-bottom-right-fill-large-acute"]::before {
  content: "\e026";
}

.iconic[data-glyph="arrow-bottom-right-fill-large-angled"]::before {
  content: "\e027";
}

.iconic[data-glyph="arrow-bottom-right-fill-large-oblique"]::before {
  content: "\e028";
}

.iconic[data-glyph="arrow-bottom-right-fill-large"]::before {
  content: "\e029";
}

.iconic[data-glyph="arrow-bottom-right-fill-oblique"]::before {
  content: "\e02a";
}

.iconic[data-glyph="arrow-bottom-right-fill"]::before {
  content: "\e02b";
}

.iconic[data-glyph="arrow-bottom-right-line-acute"]::before {
  content: "\e02c";
}

.iconic[data-glyph="arrow-bottom-right-line-large-acute"]::before {
  content: "\e02d";
}

.iconic[data-glyph="arrow-bottom-right-line-large-oblique"]::before {
  content: "\e02e";
}

.iconic[data-glyph="arrow-bottom-right-line-large"]::before {
  content: "\e02f";
}

.iconic[data-glyph="arrow-bottom-right-line-oblique"]::before {
  content: "\e030";
}

.iconic[data-glyph="arrow-bottom-right-line"]::before {
  content: "\e031";
}

.iconic[data-glyph="arrow-left-fill-acute"]::before {
  content: "\e032";
}

.iconic[data-glyph="arrow-left-fill-angled"]::before {
  content: "\e033";
}

.iconic[data-glyph="arrow-left-fill-large-acute"]::before {
  content: "\e034";
}

.iconic[data-glyph="arrow-left-fill-large-angled"]::before {
  content: "\e035";
}

.iconic[data-glyph="arrow-left-fill-large-oblique"]::before {
  content: "\e036";
}

.iconic[data-glyph="arrow-left-fill-large"]::before {
  content: "\e037";
}

.iconic[data-glyph="arrow-left-fill-oblique"]::before {
  content: "\e038";
}

.iconic[data-glyph="arrow-left-fill"]::before {
  content: "\e039";
}

.iconic[data-glyph="arrow-left-line-acute"]::before {
  content: "\e03a";
}

.iconic[data-glyph="arrow-left-line-large-acute"]::before {
  content: "\e03b";
}

.iconic[data-glyph="arrow-left-line-large-oblique"]::before {
  content: "\e03c";
}

.iconic[data-glyph="arrow-left-line-large"]::before {
  content: "\e03d";
}

.iconic[data-glyph="arrow-left-line-oblique"]::before {
  content: "\e03e";
}

.iconic[data-glyph="arrow-left-line"]::before {
  content: "\e03f";
}

.iconic[data-glyph="arrow-right-angle-bottom-left-fill-acute"]::before {
  content: "\e040";
}

.iconic[data-glyph="arrow-right-angle-bottom-left-fill-angled"]::before {
  content: "\e041";
}

.iconic[data-glyph="arrow-right-angle-bottom-left-fill"]::before {
  content: "\e042";
}

.iconic[data-glyph="arrow-right-angle-bottom-left-line"]::before {
  content: "\e043";
}

.iconic[data-glyph="arrow-right-angle-bottom-right-fill-acute"]::before {
  content: "\e044";
}

.iconic[data-glyph="arrow-right-angle-bottom-right-fill-angled"]::before {
  content: "\e045";
}

.iconic[data-glyph="arrow-right-angle-bottom-right-fill"]::before {
  content: "\e046";
}

.iconic[data-glyph="arrow-right-angle-bottom-right-line"]::before {
  content: "\e047";
}

.iconic[data-glyph="arrow-right-angle-left-bottom-fill-acute"]::before {
  content: "\e048";
}

.iconic[data-glyph="arrow-right-angle-left-bottom-fill-angled"]::before {
  content: "\e049";
}

.iconic[data-glyph="arrow-right-angle-left-bottom-fill"]::before {
  content: "\e04a";
}

.iconic[data-glyph="arrow-right-angle-left-bottom-line"]::before {
  content: "\e04b";
}

.iconic[data-glyph="arrow-right-angle-left-top-fill-acute"]::before {
  content: "\e04c";
}

.iconic[data-glyph="arrow-right-angle-left-top-fill-angled"]::before {
  content: "\e04d";
}

.iconic[data-glyph="arrow-right-angle-left-top-fill"]::before {
  content: "\e04e";
}

.iconic[data-glyph="arrow-right-angle-left-top-line"]::before {
  content: "\e04f";
}

.iconic[data-glyph="arrow-right-angle-right-bottom-fill-acute"]::before {
  content: "\e050";
}

.iconic[data-glyph="arrow-right-angle-right-bottom-fill-angled"]::before {
  content: "\e051";
}

.iconic[data-glyph="arrow-right-angle-right-bottom-fill"]::before {
  content: "\e052";
}

.iconic[data-glyph="arrow-right-angle-right-bottom-line"]::before {
  content: "\e053";
}

.iconic[data-glyph="arrow-right-angle-right-top-fill-acute"]::before {
  content: "\e054";
}

.iconic[data-glyph="arrow-right-angle-right-top-fill-angled"]::before {
  content: "\e055";
}

.iconic[data-glyph="arrow-right-angle-right-top-fill"]::before {
  content: "\e056";
}

.iconic[data-glyph="arrow-right-angle-right-top-line"]::before {
  content: "\e057";
}

.iconic[data-glyph="arrow-right-angle-thick-bottom-left-fill-acute"]::before {
  content: "\e058";
}

.iconic[data-glyph="arrow-right-angle-thick-bottom-left-fill-angled"]::before {
  content: "\e059";
}

.iconic[data-glyph="arrow-right-angle-thick-bottom-left-fill"]::before {
  content: "\e05a";
}

.iconic[data-glyph="arrow-right-angle-thick-bottom-left-line"]::before {
  content: "\e05b";
}

.iconic[data-glyph="arrow-right-angle-thick-bottom-right-fill-acute"]::before {
  content: "\e05c";
}

.iconic[data-glyph="arrow-right-angle-thick-bottom-right-fill-angled"]::before {
  content: "\e05d";
}

.iconic[data-glyph="arrow-right-angle-thick-bottom-right-fill"]::before {
  content: "\e05e";
}

.iconic[data-glyph="arrow-right-angle-thick-bottom-right-line"]::before {
  content: "\e05f";
}

.iconic[data-glyph="arrow-right-angle-thick-left-bottom-fill-acute"]::before {
  content: "\e060";
}

.iconic[data-glyph="arrow-right-angle-thick-left-bottom-fill-angled"]::before {
  content: "\e061";
}

.iconic[data-glyph="arrow-right-angle-thick-left-bottom-fill"]::before {
  content: "\e062";
}

.iconic[data-glyph="arrow-right-angle-thick-left-bottom-line"]::before {
  content: "\e063";
}

.iconic[data-glyph="arrow-right-angle-thick-left-top-fill-acute"]::before {
  content: "\e064";
}

.iconic[data-glyph="arrow-right-angle-thick-left-top-fill-angled"]::before {
  content: "\e065";
}

.iconic[data-glyph="arrow-right-angle-thick-left-top-fill"]::before {
  content: "\e066";
}

.iconic[data-glyph="arrow-right-angle-thick-left-top-line"]::before {
  content: "\e067";
}

.iconic[data-glyph="arrow-right-angle-thick-right-bottom-fill-acute"]::before {
  content: "\e068";
}

.iconic[data-glyph="arrow-right-angle-thick-right-bottom-fill-angled"]::before {
  content: "\e069";
}

.iconic[data-glyph="arrow-right-angle-thick-right-bottom-fill"]::before {
  content: "\e06a";
}

.iconic[data-glyph="arrow-right-angle-thick-right-bottom-line"]::before {
  content: "\e06b";
}

.iconic[data-glyph="arrow-right-angle-thick-right-top-fill-acute"]::before {
  content: "\e06c";
}

.iconic[data-glyph="arrow-right-angle-thick-right-top-fill-angled"]::before {
  content: "\e06d";
}

.iconic[data-glyph="arrow-right-angle-thick-right-top-fill"]::before {
  content: "\e06e";
}

.iconic[data-glyph="arrow-right-angle-thick-right-top-line"]::before {
  content: "\e06f";
}

.iconic[data-glyph="arrow-right-angle-thick-top-left-fill-acute"]::before {
  content: "\e070";
}

.iconic[data-glyph="arrow-right-angle-thick-top-left-fill-angled"]::before {
  content: "\e071";
}

.iconic[data-glyph="arrow-right-angle-thick-top-left-fill"]::before {
  content: "\e072";
}

.iconic[data-glyph="arrow-right-angle-thick-top-left-line"]::before {
  content: "\e073";
}

.iconic[data-glyph="arrow-right-angle-thick-top-right-fill-acute"]::before {
  content: "\e074";
}

.iconic[data-glyph="arrow-right-angle-thick-top-right-fill-angled"]::before {
  content: "\e075";
}

.iconic[data-glyph="arrow-right-angle-thick-top-right-fill"]::before {
  content: "\e076";
}

.iconic[data-glyph="arrow-right-angle-thick-top-right-line"]::before {
  content: "\e077";
}

.iconic[data-glyph="arrow-right-angle-top-left-fill-acute"]::before {
  content: "\e078";
}

.iconic[data-glyph="arrow-right-angle-top-left-fill-angled"]::before {
  content: "\e079";
}

.iconic[data-glyph="arrow-right-angle-top-left-fill"]::before {
  content: "\e07a";
}

.iconic[data-glyph="arrow-right-angle-top-left-line"]::before {
  content: "\e07b";
}

.iconic[data-glyph="arrow-right-angle-top-right-fill-acute"]::before {
  content: "\e07c";
}

.iconic[data-glyph="arrow-right-angle-top-right-fill-angled"]::before {
  content: "\e07d";
}

.iconic[data-glyph="arrow-right-angle-top-right-fill"]::before {
  content: "\e07e";
}

.iconic[data-glyph="arrow-right-angle-top-right-line"]::before {
  content: "\e07f";
}

.iconic[data-glyph="arrow-right-fill-acute"]::before {
  content: "\e080";
}

.iconic[data-glyph="arrow-right-fill-angled"]::before {
  content: "\e081";
}

.iconic[data-glyph="arrow-right-fill-large-acute"]::before {
  content: "\e082";
}

.iconic[data-glyph="arrow-right-fill-large-angled"]::before {
  content: "\e083";
}

.iconic[data-glyph="arrow-right-fill-large-oblique"]::before {
  content: "\e084";
}

.iconic[data-glyph="arrow-right-fill-large"]::before {
  content: "\e085";
}

.iconic[data-glyph="arrow-right-fill-oblique"]::before {
  content: "\e086";
}

.iconic[data-glyph="arrow-right-fill"]::before {
  content: "\e087";
}

.iconic[data-glyph="arrow-right-line-acute"]::before {
  content: "\e088";
}

.iconic[data-glyph="arrow-right-line-large-acute"]::before {
  content: "\e089";
}

.iconic[data-glyph="arrow-right-line-large-oblique"]::before {
  content: "\e08a";
}

.iconic[data-glyph="arrow-right-line-large"]::before {
  content: "\e08b";
}

.iconic[data-glyph="arrow-right-line-oblique"]::before {
  content: "\e08c";
}

.iconic[data-glyph="arrow-right-line"]::before {
  content: "\e08d";
}

.iconic[data-glyph="arrow-thick-bottom-fill-acute"]::before {
  content: "\e08e";
}

.iconic[data-glyph="arrow-thick-bottom-fill-angled"]::before {
  content: "\e08f";
}

.iconic[data-glyph="arrow-thick-bottom-fill-large-acute"]::before {
  content: "\e090";
}

.iconic[data-glyph="arrow-thick-bottom-fill-large-angled"]::before {
  content: "\e091";
}

.iconic[data-glyph="arrow-thick-bottom-fill-large-oblique"]::before {
  content: "\e092";
}

.iconic[data-glyph="arrow-thick-bottom-fill-large"]::before {
  content: "\e093";
}

.iconic[data-glyph="arrow-thick-bottom-fill-oblique"]::before {
  content: "\e094";
}

.iconic[data-glyph="arrow-thick-bottom-fill"]::before {
  content: "\e095";
}

.iconic[data-glyph="arrow-thick-bottom-left-fill-acute"]::before {
  content: "\e096";
}

.iconic[data-glyph="arrow-thick-bottom-left-fill-angled"]::before {
  content: "\e097";
}

.iconic[data-glyph="arrow-thick-bottom-left-fill-large-acute"]::before {
  content: "\e098";
}

.iconic[data-glyph="arrow-thick-bottom-left-fill-large-angled"]::before {
  content: "\e099";
}

.iconic[data-glyph="arrow-thick-bottom-left-fill-large-oblique"]::before {
  content: "\e09a";
}

.iconic[data-glyph="arrow-thick-bottom-left-fill-large"]::before {
  content: "\e09b";
}

.iconic[data-glyph="arrow-thick-bottom-left-fill-oblique"]::before {
  content: "\e09c";
}

.iconic[data-glyph="arrow-thick-bottom-left-fill"]::before {
  content: "\e09d";
}

.iconic[data-glyph="arrow-thick-bottom-left-line-acute"]::before {
  content: "\e09e";
}

.iconic[data-glyph="arrow-thick-bottom-left-line-large-acute"]::before {
  content: "\e09f";
}

.iconic[data-glyph="arrow-thick-bottom-left-line-large-oblique"]::before {
  content: "\e0a0";
}

.iconic[data-glyph="arrow-thick-bottom-left-line-large"]::before {
  content: "\e0a1";
}

.iconic[data-glyph="arrow-thick-bottom-left-line-oblique"]::before {
  content: "\e0a2";
}

.iconic[data-glyph="arrow-thick-bottom-left-line"]::before {
  content: "\e0a3";
}

.iconic[data-glyph="arrow-thick-bottom-line-acute"]::before {
  content: "\e0a4";
}

.iconic[data-glyph="arrow-thick-bottom-line-large-acute"]::before {
  content: "\e0a5";
}

.iconic[data-glyph="arrow-thick-bottom-line-large-oblique"]::before {
  content: "\e0a6";
}

.iconic[data-glyph="arrow-thick-bottom-line-large"]::before {
  content: "\e0a7";
}

.iconic[data-glyph="arrow-thick-bottom-line-oblique"]::before {
  content: "\e0a8";
}

.iconic[data-glyph="arrow-thick-bottom-line"]::before {
  content: "\e0a9";
}

.iconic[data-glyph="arrow-thick-bottom-right-fill-acute"]::before {
  content: "\e0aa";
}

.iconic[data-glyph="arrow-thick-bottom-right-fill-angled"]::before {
  content: "\e0ab";
}

.iconic[data-glyph="arrow-thick-bottom-right-fill-large-acute"]::before {
  content: "\e0ac";
}

.iconic[data-glyph="arrow-thick-bottom-right-fill-large-angled"]::before {
  content: "\e0ad";
}

.iconic[data-glyph="arrow-thick-bottom-right-fill-large-oblique"]::before {
  content: "\e0ae";
}

.iconic[data-glyph="arrow-thick-bottom-right-fill-large"]::before {
  content: "\e0af";
}

.iconic[data-glyph="arrow-thick-bottom-right-fill-oblique"]::before {
  content: "\e0b0";
}

.iconic[data-glyph="arrow-thick-bottom-right-fill"]::before {
  content: "\e0b1";
}

.iconic[data-glyph="arrow-thick-bottom-right-line-acute"]::before {
  content: "\e0b2";
}

.iconic[data-glyph="arrow-thick-bottom-right-line-large-acute"]::before {
  content: "\e0b3";
}

.iconic[data-glyph="arrow-thick-bottom-right-line-large-oblique"]::before {
  content: "\e0b4";
}

.iconic[data-glyph="arrow-thick-bottom-right-line-large"]::before {
  content: "\e0b5";
}

.iconic[data-glyph="arrow-thick-bottom-right-line-oblique"]::before {
  content: "\e0b6";
}

.iconic[data-glyph="arrow-thick-bottom-right-line"]::before {
  content: "\e0b7";
}

.iconic[data-glyph="arrow-thick-left-fill-acute"]::before {
  content: "\e0b8";
}

.iconic[data-glyph="arrow-thick-left-fill-angled"]::before {
  content: "\e0b9";
}

.iconic[data-glyph="arrow-thick-left-fill-large-acute"]::before {
  content: "\e0ba";
}

.iconic[data-glyph="arrow-thick-left-fill-large-angled"]::before {
  content: "\e0bb";
}

.iconic[data-glyph="arrow-thick-left-fill-large-oblique"]::before {
  content: "\e0bc";
}

.iconic[data-glyph="arrow-thick-left-fill-large"]::before {
  content: "\e0bd";
}

.iconic[data-glyph="arrow-thick-left-fill-oblique"]::before {
  content: "\e0be";
}

.iconic[data-glyph="arrow-thick-left-fill"]::before {
  content: "\e0bf";
}

.iconic[data-glyph="arrow-thick-left-line-acute"]::before {
  content: "\e0c0";
}

.iconic[data-glyph="arrow-thick-left-line-large-acute"]::before {
  content: "\e0c1";
}

.iconic[data-glyph="arrow-thick-left-line-large-oblique"]::before {
  content: "\e0c2";
}

.iconic[data-glyph="arrow-thick-left-line-large"]::before {
  content: "\e0c3";
}

.iconic[data-glyph="arrow-thick-left-line-oblique"]::before {
  content: "\e0c4";
}

.iconic[data-glyph="arrow-thick-left-line"]::before {
  content: "\e0c5";
}

.iconic[data-glyph="arrow-thick-right-fill-acute"]::before {
  content: "\e0c6";
}

.iconic[data-glyph="arrow-thick-right-fill-angled"]::before {
  content: "\e0c7";
}

.iconic[data-glyph="arrow-thick-right-fill-large-acute"]::before {
  content: "\e0c8";
}

.iconic[data-glyph="arrow-thick-right-fill-large-angled"]::before {
  content: "\e0c9";
}

.iconic[data-glyph="arrow-thick-right-fill-large-oblique"]::before {
  content: "\e0ca";
}

.iconic[data-glyph="arrow-thick-right-fill-large"]::before {
  content: "\e0cb";
}

.iconic[data-glyph="arrow-thick-right-fill-oblique"]::before {
  content: "\e0cc";
}

.iconic[data-glyph="arrow-thick-right-fill"]::before {
  content: "\e0cd";
}

.iconic[data-glyph="arrow-thick-right-line-acute"]::before {
  content: "\e0ce";
}

.iconic[data-glyph="arrow-thick-right-line-large-acute"]::before {
  content: "\e0cf";
}

.iconic[data-glyph="arrow-thick-right-line-large-oblique"]::before {
  content: "\e0d0";
}

.iconic[data-glyph="arrow-thick-right-line-large"]::before {
  content: "\e0d1";
}

.iconic[data-glyph="arrow-thick-right-line-oblique"]::before {
  content: "\e0d2";
}

.iconic[data-glyph="arrow-thick-right-line"]::before {
  content: "\e0d3";
}

.iconic[data-glyph="arrow-thick-top-fill-acute"]::before {
  content: "\e0d4";
}

.iconic[data-glyph="arrow-thick-top-fill-angled"]::before {
  content: "\e0d5";
}

.iconic[data-glyph="arrow-thick-top-fill-large-acute"]::before {
  content: "\e0d6";
}

.iconic[data-glyph="arrow-thick-top-fill-large-angled"]::before {
  content: "\e0d7";
}

.iconic[data-glyph="arrow-thick-top-fill-large-oblique"]::before {
  content: "\e0d8";
}

.iconic[data-glyph="arrow-thick-top-fill-large"]::before {
  content: "\e0d9";
}

.iconic[data-glyph="arrow-thick-top-fill-oblique"]::before {
  content: "\e0da";
}

.iconic[data-glyph="arrow-thick-top-fill"]::before {
  content: "\e0db";
}

.iconic[data-glyph="arrow-thick-top-left-fill-acute"]::before {
  content: "\e0dc";
}

.iconic[data-glyph="arrow-thick-top-left-fill-angled"]::before {
  content: "\e0dd";
}

.iconic[data-glyph="arrow-thick-top-left-fill-large-acute"]::before {
  content: "\e0de";
}

.iconic[data-glyph="arrow-thick-top-left-fill-large-angled"]::before {
  content: "\e0df";
}

.iconic[data-glyph="arrow-thick-top-left-fill-large-oblique"]::before {
  content: "\e0e0";
}

.iconic[data-glyph="arrow-thick-top-left-fill-large"]::before {
  content: "\e0e1";
}

.iconic[data-glyph="arrow-thick-top-left-fill-oblique"]::before {
  content: "\e0e2";
}

.iconic[data-glyph="arrow-thick-top-left-fill"]::before {
  content: "\e0e3";
}

.iconic[data-glyph="arrow-thick-top-left-line-acute"]::before {
  content: "\e0e4";
}

.iconic[data-glyph="arrow-thick-top-left-line-large-acute"]::before {
  content: "\e0e5";
}

.iconic[data-glyph="arrow-thick-top-left-line-large-oblique"]::before {
  content: "\e0e6";
}

.iconic[data-glyph="arrow-thick-top-left-line-large"]::before {
  content: "\e0e7";
}

.iconic[data-glyph="arrow-thick-top-left-line-oblique"]::before {
  content: "\e0e8";
}

.iconic[data-glyph="arrow-thick-top-left-line"]::before {
  content: "\e0e9";
}

.iconic[data-glyph="arrow-thick-top-line-acute"]::before {
  content: "\e0ea";
}

.iconic[data-glyph="arrow-thick-top-line-large-acute"]::before {
  content: "\e0eb";
}

.iconic[data-glyph="arrow-thick-top-line-large-oblique"]::before {
  content: "\e0ec";
}

.iconic[data-glyph="arrow-thick-top-line-large"]::before {
  content: "\e0ed";
}

.iconic[data-glyph="arrow-thick-top-line-oblique"]::before {
  content: "\e0ee";
}

.iconic[data-glyph="arrow-thick-top-line"]::before {
  content: "\e0ef";
}

.iconic[data-glyph="arrow-thick-top-right-fill-acute"]::before {
  content: "\e0f0";
}

.iconic[data-glyph="arrow-thick-top-right-fill-angled"]::before {
  content: "\e0f1";
}

.iconic[data-glyph="arrow-thick-top-right-fill-large-acute"]::before {
  content: "\e0f2";
}

.iconic[data-glyph="arrow-thick-top-right-fill-large-angled"]::before {
  content: "\e0f3";
}

.iconic[data-glyph="arrow-thick-top-right-fill-large-oblique"]::before {
  content: "\e0f4";
}

.iconic[data-glyph="arrow-thick-top-right-fill-large"]::before {
  content: "\e0f5";
}

.iconic[data-glyph="arrow-thick-top-right-fill-oblique"]::before {
  content: "\e0f6";
}

.iconic[data-glyph="arrow-thick-top-right-fill"]::before {
  content: "\e0f7";
}

.iconic[data-glyph="arrow-thick-top-right-line-acute"]::before {
  content: "\e0f8";
}

.iconic[data-glyph="arrow-thick-top-right-line-large-acute"]::before {
  content: "\e0f9";
}

.iconic[data-glyph="arrow-thick-top-right-line-large-oblique"]::before {
  content: "\e0fa";
}

.iconic[data-glyph="arrow-thick-top-right-line-large"]::before {
  content: "\e0fb";
}

.iconic[data-glyph="arrow-thick-top-right-line-oblique"]::before {
  content: "\e0fc";
}

.iconic[data-glyph="arrow-thick-top-right-line"]::before {
  content: "\e0fd";
}

.iconic[data-glyph="arrow-top-fill-acute"]::before {
  content: "\e0fe";
}

.iconic[data-glyph="arrow-top-fill-angled"]::before {
  content: "\e0ff";
}

.iconic[data-glyph="arrow-top-fill-large-acute"]::before {
  content: "\e100";
}

.iconic[data-glyph="arrow-top-fill-large-angled"]::before {
  content: "\e101";
}

.iconic[data-glyph="arrow-top-fill-large-oblique"]::before {
  content: "\e102";
}

.iconic[data-glyph="arrow-top-fill-large"]::before {
  content: "\e103";
}

.iconic[data-glyph="arrow-top-fill-oblique"]::before {
  content: "\e104";
}

.iconic[data-glyph="arrow-top-fill"]::before {
  content: "\e105";
}

.iconic[data-glyph="arrow-top-left-fill-acute"]::before {
  content: "\e106";
}

.iconic[data-glyph="arrow-top-left-fill-angled"]::before {
  content: "\e107";
}

.iconic[data-glyph="arrow-top-left-fill-large-acute"]::before {
  content: "\e108";
}

.iconic[data-glyph="arrow-top-left-fill-large-angled"]::before {
  content: "\e109";
}

.iconic[data-glyph="arrow-top-left-fill-large-oblique"]::before {
  content: "\e10a";
}

.iconic[data-glyph="arrow-top-left-fill-large"]::before {
  content: "\e10b";
}

.iconic[data-glyph="arrow-top-left-fill-oblique"]::before {
  content: "\e10c";
}

.iconic[data-glyph="arrow-top-left-fill"]::before {
  content: "\e10d";
}

.iconic[data-glyph="arrow-top-left-line-acute"]::before {
  content: "\e10e";
}

.iconic[data-glyph="arrow-top-left-line-large-acute"]::before {
  content: "\e10f";
}

.iconic[data-glyph="arrow-top-left-line-large-oblique"]::before {
  content: "\e110";
}

.iconic[data-glyph="arrow-top-left-line-large"]::before {
  content: "\e111";
}

.iconic[data-glyph="arrow-top-left-line-oblique"]::before {
  content: "\e112";
}

.iconic[data-glyph="arrow-top-left-line"]::before {
  content: "\e113";
}

.iconic[data-glyph="arrow-top-line-acute"]::before {
  content: "\e114";
}

.iconic[data-glyph="arrow-top-line-large-acute"]::before {
  content: "\e115";
}

.iconic[data-glyph="arrow-top-line-large-oblique"]::before {
  content: "\e116";
}

.iconic[data-glyph="arrow-top-line-large"]::before {
  content: "\e117";
}

.iconic[data-glyph="arrow-top-line-oblique"]::before {
  content: "\e118";
}

.iconic[data-glyph="arrow-top-line"]::before {
  content: "\e119";
}

.iconic[data-glyph="arrow-top-right-fill-acute"]::before {
  content: "\e11a";
}

.iconic[data-glyph="arrow-top-right-fill-angled"]::before {
  content: "\e11b";
}

.iconic[data-glyph="arrow-top-right-fill-large-acute"]::before {
  content: "\e11c";
}

.iconic[data-glyph="arrow-top-right-fill-large-angled"]::before {
  content: "\e11d";
}

.iconic[data-glyph="arrow-top-right-fill-large-oblique"]::before {
  content: "\e11e";
}

.iconic[data-glyph="arrow-top-right-fill-large"]::before {
  content: "\e11f";
}

.iconic[data-glyph="arrow-top-right-fill-oblique"]::before {
  content: "\e120";
}

.iconic[data-glyph="arrow-top-right-fill"]::before {
  content: "\e121";
}

.iconic[data-glyph="arrow-top-right-line-acute"]::before {
  content: "\e122";
}

.iconic[data-glyph="arrow-top-right-line-large-acute"]::before {
  content: "\e123";
}

.iconic[data-glyph="arrow-top-right-line-large-oblique"]::before {
  content: "\e124";
}

.iconic[data-glyph="arrow-top-right-line-large"]::before {
  content: "\e125";
}

.iconic[data-glyph="arrow-top-right-line-oblique"]::before {
  content: "\e126";
}

.iconic[data-glyph="arrow-top-right-line"]::before {
  content: "\e127";
}

.iconic[data-glyph="audio-spectrum"]::before {
  content: "\e128";
}

.iconic[data-glyph="audio"]::before {
  content: "\e129";
}

.iconic[data-glyph="ban"]::before {
  content: "\e12a";
}

.iconic[data-glyph="bar-chart"]::before {
  content: "\e12b";
}

.iconic[data-glyph="barcode"]::before {
  content: "\e12c";
}

.iconic[data-glyph="basket"]::before {
  content: "\e12d";
}

.iconic[data-glyph="battery"]::before {
  content: "\e12e";
}

.iconic[data-glyph="beaker"]::before {
  content: "\e12f";
}

.iconic[data-glyph="bell"]::before {
  content: "\e130";
}

.iconic[data-glyph="bitcoin-address"]::before {
  content: "\e131";
}

.iconic[data-glyph="bitcoin-block"]::before {
  content: "\e132";
}

.iconic[data-glyph="bitcoin-transaction"]::before {
  content: "\e133";
}

.iconic[data-glyph="bitcoin"]::before {
  content: "\e134";
}

.iconic[data-glyph="bluetooth"]::before {
  content: "\e135";
}

.iconic[data-glyph="bold"]::before {
  content: "\e136";
}

.iconic[data-glyph="book"]::before {
  content: "\e137";
}

.iconic[data-glyph="bookmark"]::before {
  content: "\e138";
}

.iconic[data-glyph="box"]::before {
  content: "\e139";
}

.iconic[data-glyph="brain"]::before {
  content: "\e13a";
}

.iconic[data-glyph="briefcase"]::before {
  content: "\e13b";
}

.iconic[data-glyph="british-pound"]::before {
  content: "\e13c";
}

.iconic[data-glyph="browser-full-page"]::before {
  content: "\e13d";
}

.iconic[data-glyph="browser-type-chrome"]::before {
  content: "\e13e";
}

.iconic[data-glyph="browser-type-firefox"]::before {
  content: "\e13f";
}

.iconic[data-glyph="browser-type-internetexplorer"]::before {
  content: "\e140";
}

.iconic[data-glyph="browser-type-safari"]::before {
  content: "\e141";
}

.iconic[data-glyph="browser-viewport"]::before {
  content: "\e142";
}

.iconic[data-glyph="browser"]::before {
  content: "\e143";
}

.iconic[data-glyph="brush"]::before {
  content: "\e144";
}

.iconic[data-glyph="bug"]::before {
  content: "\e145";
}

.iconic[data-glyph="building"]::before {
  content: "\e146";
}

.iconic[data-glyph="bullhorn"]::before {
  content: "\e147";
}

.iconic[data-glyph="calculator"]::before {
  content: "\e148";
}

.iconic[data-glyph="calendar"]::before {
  content: "\e149";
}

.iconic[data-glyph="camera-rangefinder"]::before {
  content: "\e14a";
}

.iconic[data-glyph="camera-slr"]::before {
  content: "\e14b";
}

.iconic[data-glyph="caret-bottom"]::before {
  content: "\e14c";
}

.iconic[data-glyph="caret-left"]::before {
  content: "\e14d";
}

.iconic[data-glyph="caret-right"]::before {
  content: "\e14e";
}

.iconic[data-glyph="caret-top"]::before {
  content: "\e14f";
}

.iconic[data-glyph="carriage-return"]::before {
  content: "\e150";
}

.iconic[data-glyph="cart"]::before {
  content: "\e151";
}

.iconic[data-glyph="chat"]::before {
  content: "\e152";
}

.iconic[data-glyph="check-thin"]::before {
  content: "\e153";
}

.iconic[data-glyph="check"]::before {
  content: "\e154";
}

.iconic[data-glyph="chevron-bottom"]::before {
  content: "\e155";
}

.iconic[data-glyph="chevron-left"]::before {
  content: "\e156";
}

.iconic[data-glyph="chevron-right"]::before {
  content: "\e157";
}

.iconic[data-glyph="chevron-top"]::before {
  content: "\e158";
}

.iconic[data-glyph="circle-check"]::before {
  content: "\e159";
}

.iconic[data-glyph="circle-x"]::before {
  content: "\e15a";
}

.iconic[data-glyph="clipboard"]::before {
  content: "\e15b";
}

.iconic[data-glyph="clock"]::before {
  content: "\e15c";
}

.iconic[data-glyph="cloud-transfer-download"]::before {
  content: "\e15d";
}

.iconic[data-glyph="cloud-transfer-upload"]::before {
  content: "\e15e";
}

.iconic[data-glyph="cloud"]::before {
  content: "\e15f";
}

.iconic[data-glyph="cloudy"]::before {
  content: "\e160";
}

.iconic[data-glyph="code"]::before {
  content: "\e161";
}

.iconic[data-glyph="cog"]::before {
  content: "\e162";
}

.iconic[data-glyph="cogs"]::before {
  content: "\e163";
}

.iconic[data-glyph="collapse-down"]::before {
  content: "\e164";
}

.iconic[data-glyph="collapse-left"]::before {
  content: "\e165";
}

.iconic[data-glyph="collapse-right"]::before {
  content: "\e166";
}

.iconic[data-glyph="collapse-up"]::before {
  content: "\e167";
}

.iconic[data-glyph="command"]::before {
  content: "\e168";
}

.iconic[data-glyph="comment-square"]::before {
  content: "\e169";
}

.iconic[data-glyph="compass"]::before {
  content: "\e16a";
}

.iconic[data-glyph="connections"]::before {
  content: "\e16b";
}

.iconic[data-glyph="contrast"]::before {
  content: "\e16c";
}

.iconic[data-glyph="copyleft"]::before {
  content: "\e16d";
}

.iconic[data-glyph="copyright"]::before {
  content: "\e16e";
}

.iconic[data-glyph="copywriting"]::before {
  content: "\e16f";
}

.iconic[data-glyph="cpu"]::before {
  content: "\e170";
}

.iconic[data-glyph="credit-card"]::before {
  content: "\e171";
}

.iconic[data-glyph="crop"]::before {
  content: "\e172";
}

.iconic[data-glyph="dashboard"]::before {
  content: "\e173";
}

.iconic[data-glyph="data-transfer-download"]::before {
  content: "\e174";
}

.iconic[data-glyph="data-transfer-upload"]::before {
  content: "\e175";
}

.iconic[data-glyph="database"]::before {
  content: "\e176";
}

.iconic[data-glyph="delete"]::before {
  content: "\e177";
}

.iconic[data-glyph="delta"]::before {
  content: "\e178";
}

.iconic[data-glyph="dial"]::before {
  content: "\e179";
}

.iconic[data-glyph="dna"]::before {
  content: "\e17a";
}

.iconic[data-glyph="document"]::before {
  content: "\e17b";
}

.iconic[data-glyph="dollar"]::before {
  content: "\e17c";
}

.iconic[data-glyph="double-quote-sans-left"]::before {
  content: "\e17d";
}

.iconic[data-glyph="double-quote-sans-right"]::before {
  content: "\e17e";
}

.iconic[data-glyph="double-quote-serif-left"]::before {
  content: "\e17f";
}

.iconic[data-glyph="double-quote-serif-right"]::before {
  content: "\e180";
}

.iconic[data-glyph="easel"]::before {
  content: "\e181";
}

.iconic[data-glyph="eject"]::before {
  content: "\e182";
}

.iconic[data-glyph="electric"]::before {
  content: "\e183";
}

.iconic[data-glyph="elevator"]::before {
  content: "\e184";
}

.iconic[data-glyph="ellipses"]::before {
  content: "\e185";
}

.iconic[data-glyph="envelope-closed"]::before {
  content: "\e186";
}

.iconic[data-glyph="envelope-open"]::before {
  content: "\e187";
}

.iconic[data-glyph="euro"]::before {
  content: "\e188";
}

.iconic[data-glyph="excerpt"]::before {
  content: "\e189";
}

.iconic[data-glyph="expand-down"]::before {
  content: "\e18a";
}

.iconic[data-glyph="expand-left"]::before {
  content: "\e18b";
}

.iconic[data-glyph="expand-right"]::before {
  content: "\e18c";
}

.iconic[data-glyph="expand-up"]::before {
  content: "\e18d";
}

.iconic[data-glyph="external-link"]::before {
  content: "\e18e";
}

.iconic[data-glyph="eye-closed"]::before {
  content: "\e18f";
}

.iconic[data-glyph="eye-open"]::before {
  content: "\e190";
}

.iconic[data-glyph="eyedropper"]::before {
  content: "\e191";
}

.iconic[data-glyph="file-ai"]::before {
  content: "\e192";
}

.iconic[data-glyph="file-css"]::before {
  content: "\e193";
}

.iconic[data-glyph="file-dmg"]::before {
  content: "\e194";
}

.iconic[data-glyph="file-doc"]::before {
  content: "\e195";
}

.iconic[data-glyph="file-gif"]::before {
  content: "\e196";
}

.iconic[data-glyph="file-html"]::before {
  content: "\e197";
}

.iconic[data-glyph="file-jpg"]::before {
  content: "\e198";
}

.iconic[data-glyph="file-js"]::before {
  content: "\e199";
}

.iconic[data-glyph="file-json"]::before {
  content: "\e19a";
}

.iconic[data-glyph="file-mov"]::before {
  content: "\e19b";
}

.iconic[data-glyph="file-mp3"]::before {
  content: "\e19c";
}

.iconic[data-glyph="file-pdf"]::before {
  content: "\e19d";
}

.iconic[data-glyph="file-png"]::before {
  content: "\e19e";
}

.iconic[data-glyph="file-psd"]::before {
  content: "\e19f";
}

.iconic[data-glyph="file-svg"]::before {
  content: "\e1a0";
}

.iconic[data-glyph="file-txt"]::before {
  content: "\e1a1";
}

.iconic[data-glyph="file-xls"]::before {
  content: "\e1a2";
}

.iconic[data-glyph="file-xml"]::before {
  content: "\e1a3";
}

.iconic[data-glyph="file-zip"]::before {
  content: "\e1a4";
}

.iconic[data-glyph="fire"]::before {
  content: "\e1a5";
}

.iconic[data-glyph="firefly"]::before {
  content: "\e1a6";
}

.iconic[data-glyph="flag"]::before {
  content: "\e1a7";
}

.iconic[data-glyph="flash"]::before {
  content: "\e1a8";
}

.iconic[data-glyph="flow-four-up"]::before {
  content: "\e1a9";
}

.iconic[data-glyph="flow-three-up"]::before {
  content: "\e1aa";
}

.iconic[data-glyph="flow-two-up"]::before {
  content: "\e1ab";
}

.iconic[data-glyph="folder"]::before {
  content: "\e1ac";
}

.iconic[data-glyph="fork"]::before {
  content: "\e1ad";
}

.iconic[data-glyph="full-page"]::before {
  content: "\e1ae";
}

.iconic[data-glyph="fullscreen-enter"]::before {
  content: "\e1af";
}

.iconic[data-glyph="fullscreen-exit"]::before {
  content: "\e1b0";
}

.iconic[data-glyph="funnel"]::before {
  content: "\e1b1";
}

.iconic[data-glyph="game-controller"]::before {
  content: "\e1b2";
}

.iconic[data-glyph="globe"]::before {
  content: "\e1b3";
}

.iconic[data-glyph="graph"]::before {
  content: "\e1b4";
}

.iconic[data-glyph="grid-four-up"]::before {
  content: "\e1b5";
}

.iconic[data-glyph="grid-three-up"]::before {
  content: "\e1b6";
}

.iconic[data-glyph="grid-two-up"]::before {
  content: "\e1b7";
}

.iconic[data-glyph="group"]::before {
  content: "\e1b8";
}

.iconic[data-glyph="guides"]::before {
  content: "\e1b9";
}

.iconic[data-glyph="hammer"]::before {
  content: "\e1ba";
}

.iconic[data-glyph="hand"]::before {
  content: "\e1bb";
}

.iconic[data-glyph="hard-drive"]::before {
  content: "\e1bc";
}

.iconic[data-glyph="header"]::before {
  content: "\e1bd";
}

.iconic[data-glyph="headphones"]::before {
  content: "\e1be";
}

.iconic[data-glyph="heart"]::before {
  content: "\e1bf";
}

.iconic[data-glyph="history"]::before {
  content: "\e1c0";
}

.iconic[data-glyph="home"]::before {
  content: "\e1c1";
}

.iconic[data-glyph="image-landscape"]::before {
  content: "\e1c2";
}

.iconic[data-glyph="image-portrait"]::before {
  content: "\e1c3";
}

.iconic[data-glyph="inbox"]::before {
  content: "\e1c4";
}

.iconic[data-glyph="infinity"]::before {
  content: "\e1c5";
}

.iconic[data-glyph="info"]::before {
  content: "\e1c6";
}

.iconic[data-glyph="inkwell"]::before {
  content: "\e1c7";
}

.iconic[data-glyph="iphone"]::before {
  content: "\e1c8";
}

.iconic[data-glyph="italic"]::before {
  content: "\e1c9";
}

.iconic[data-glyph="justify-center"]::before {
  content: "\e1ca";
}

.iconic[data-glyph="justify-left"]::before {
  content: "\e1cb";
}

.iconic[data-glyph="justify-right"]::before {
  content: "\e1cc";
}

.iconic[data-glyph="key"]::before {
  content: "\e1cd";
}

.iconic[data-glyph="keyboard"]::before {
  content: "\e1ce";
}

.iconic[data-glyph="keypad-mobile"]::before {
  content: "\e1cf";
}

.iconic[data-glyph="laptop"]::before {
  content: "\e1d0";
}

.iconic[data-glyph="layers"]::before {
  content: "\e1d1";
}

.iconic[data-glyph="lightbulb-alt-off"]::before {
  content: "\e1d2";
}

.iconic[data-glyph="lightbulb-alt-on"]::before {
  content: "\e1d3";
}

.iconic[data-glyph="lightbulb"]::before {
  content: "\e1d4";
}

.iconic[data-glyph="lightning-bolt"]::before {
  content: "\e1d5";
}

.iconic[data-glyph="lightning"]::before {
  content: "\e1d6";
}

.iconic[data-glyph="link-broken"]::before {
  content: "\e1d7";
}

.iconic[data-glyph="link-intact"]::before {
  content: "\e1d8";
}

.iconic[data-glyph="list-nested"]::before {
  content: "\e1d9";
}

.iconic[data-glyph="list-rich"]::before {
  content: "\e1da";
}

.iconic[data-glyph="list"]::before {
  content: "\e1db";
}

.iconic[data-glyph="location"]::before {
  content: "\e1dc";
}

.iconic[data-glyph="lock-locked"]::before {
  content: "\e1dd";
}

.iconic[data-glyph="lock-unlocked"]::before {
  content: "\e1de";
}

.iconic[data-glyph="loop-circular"]::before {
  content: "\e1df";
}

.iconic[data-glyph="loop-square"]::before {
  content: "\e1e0";
}

.iconic[data-glyph="loop"]::before {
  content: "\e1e1";
}

.iconic[data-glyph="loupe"]::before {
  content: "\e1e2";
}

.iconic[data-glyph="magic-wand"]::before {
  content: "\e1e3";
}

.iconic[data-glyph="magnifying-glass"]::before {
  content: "\e1e4";
}

.iconic[data-glyph="map-marker"]::before {
  content: "\e1e5";
}

.iconic[data-glyph="map"]::before {
  content: "\e1e6";
}

.iconic[data-glyph="marquee"]::before {
  content: "\e1e7";
}

.iconic[data-glyph="medal"]::before {
  content: "\e1e8";
}

.iconic[data-glyph="media-pause"]::before {
  content: "\e1e9";
}

.iconic[data-glyph="media-play-circle"]::before {
  content: "\e1ea";
}

.iconic[data-glyph="media-play"]::before {
  content: "\e1eb";
}

.iconic[data-glyph="media-record"]::before {
  content: "\e1ec";
}

.iconic[data-glyph="media-skip-backward"]::before {
  content: "\e1ed";
}

.iconic[data-glyph="media-skip-forward"]::before {
  content: "\e1ee";
}

.iconic[data-glyph="media-step-backward"]::before {
  content: "\e1ef";
}

.iconic[data-glyph="media-step-forward"]::before {
  content: "\e1f0";
}

.iconic[data-glyph="media-stop"]::before {
  content: "\e1f1";
}

.iconic[data-glyph="medical-cross"]::before {
  content: "\e1f2";
}

.iconic[data-glyph="menu-selected"]::before {
  content: "\e1f3";
}

.iconic[data-glyph="menu"]::before {
  content: "\e1f4";
}

.iconic[data-glyph="microphone"]::before {
  content: "\e1f5";
}

.iconic[data-glyph="minus-thin"]::before {
  content: "\e1f6";
}

.iconic[data-glyph="minus"]::before {
  content: "\e1f7";
}

.iconic[data-glyph="monitor"]::before {
  content: "\e1f8";
}

.iconic[data-glyph="moon"]::before {
  content: "\e1f9";
}

.iconic[data-glyph="move"]::before {
  content: "\e1fa";
}

.iconic[data-glyph="musical-note"]::before {
  content: "\e1fb";
}

.iconic[data-glyph="network"]::before {
  content: "\e1fc";
}

.iconic[data-glyph="nexus"]::before {
  content: "\e1fd";
}

.iconic[data-glyph="open-hardware"]::before {
  content: "\e1fe";
}

.iconic[data-glyph="open-source"]::before {
  content: "\e1ff";
}

.iconic[data-glyph="palette"]::before {
  content: "\e200";
}

.iconic[data-glyph="paperclip"]::before {
  content: "\e201";
}

.iconic[data-glyph="peace"]::before {
  content: "\e202";
}

.iconic[data-glyph="pen"]::before {
  content: "\e203";
}

.iconic[data-glyph="pencil"]::before {
  content: "\e204";
}

.iconic[data-glyph="people"]::before {
  content: "\e205";
}

.iconic[data-glyph="person-female"]::before {
  content: "\e206";
}

.iconic[data-glyph="person-genderless"]::before {
  content: "\e207";
}

.iconic[data-glyph="person-male"]::before {
  content: "\e208";
}

.iconic[data-glyph="pie-chart"]::before {
  content: "\e209";
}

.iconic[data-glyph="pilcrow"]::before {
  content: "\e20a";
}

.iconic[data-glyph="pill"]::before {
  content: "\e20b";
}

.iconic[data-glyph="pin"]::before {
  content: "\e20c";
}

.iconic[data-glyph="platform-android"]::before {
  content: "\e20d";
}

.iconic[data-glyph="platform-apple"]::before {
  content: "\e20e";
}

.iconic[data-glyph="platform-linux"]::before {
  content: "\e20f";
}

.iconic[data-glyph="platform-microsoft"]::before {
  content: "\e210";
}

.iconic[data-glyph="plus-thin"]::before {
  content: "\e211";
}

.iconic[data-glyph="plus"]::before {
  content: "\e212";
}

.iconic[data-glyph="pointer"]::before {
  content: "\e213";
}

.iconic[data-glyph="power-standby"]::before {
  content: "\e214";
}

.iconic[data-glyph="print"]::before {
  content: "\e215";
}

.iconic[data-glyph="project"]::before {
  content: "\e216";
}

.iconic[data-glyph="pulse"]::before {
  content: "\e217";
}

.iconic[data-glyph="puzzle-piece"]::before {
  content: "\e218";
}

.iconic[data-glyph="question-mark"]::before {
  content: "\e219";
}

.iconic[data-glyph="radiation"]::before {
  content: "\e21a";
}

.iconic[data-glyph="rainy"]::before {
  content: "\e21b";
}

.iconic[data-glyph="random"]::before {
  content: "\e21c";
}

.iconic[data-glyph="ratio"]::before {
  content: "\e21d";
}

.iconic[data-glyph="reload"]::before {
  content: "\e21e";
}

.iconic[data-glyph="resize-both"]::before {
  content: "\e21f";
}

.iconic[data-glyph="resize-height"]::before {
  content: "\e220";
}

.iconic[data-glyph="resize-width"]::before {
  content: "\e221";
}

.iconic[data-glyph="rocket"]::before {
  content: "\e222";
}

.iconic[data-glyph="route"]::before {
  content: "\e223";
}

.iconic[data-glyph="rss-alt"]::before {
  content: "\e224";
}

.iconic[data-glyph="rss"]::before {
  content: "\e225";
}

.iconic[data-glyph="scissors"]::before {
  content: "\e226";
}

.iconic[data-glyph="screen-viewport"]::before {
  content: "\e227";
}

.iconic[data-glyph="screenshot"]::before {
  content: "\e228";
}

.iconic[data-glyph="screwdriver"]::before {
  content: "\e229";
}

.iconic[data-glyph="script"]::before {
  content: "\e22a";
}

.iconic[data-glyph="server"]::before {
  content: "\e22b";
}

.iconic[data-glyph="settings"]::before {
  content: "\e22c";
}

.iconic[data-glyph="shape-circle"]::before {
  content: "\e22d";
}

.iconic[data-glyph="shape-hexagon"]::before {
  content: "\e22e";
}

.iconic[data-glyph="shape-octagon"]::before {
  content: "\e22f";
}

.iconic[data-glyph="shape-square-rounded"]::before {
  content: "\e230";
}

.iconic[data-glyph="shape-square"]::before {
  content: "\e231";
}

.iconic[data-glyph="share-boxed"]::before {
  content: "\e232";
}

.iconic[data-glyph="share-social"]::before {
  content: "\e233";
}

.iconic[data-glyph="share"]::before {
  content: "\e234";
}

.iconic[data-glyph="shield"]::before {
  content: "\e235";
}

.iconic[data-glyph="signal"]::before {
  content: "\e236";
}

.iconic[data-glyph="signpost"]::before {
  content: "\e237";
}

.iconic[data-glyph="social-dribbble"]::before {
  content: "\e238";
}

.iconic[data-glyph="social-dropbox"]::before {
  content: "\e239";
}

.iconic[data-glyph="social-facebook"]::before {
  content: "\e23a";
}

.iconic[data-glyph="social-flickr"]::before {
  content: "\e23b";
}

.iconic[data-glyph="social-github"]::before {
  content: "\e23c";
}

.iconic[data-glyph="social-google-plus"]::before {
  content: "\e23d";
}

.iconic[data-glyph="social-instagram"]::before {
  content: "\e23e";
}

.iconic[data-glyph="social-linkedin"]::before {
  content: "\e23f";
}

.iconic[data-glyph="social-pinterest"]::before {
  content: "\e240";
}

.iconic[data-glyph="social-reddit"]::before {
  content: "\e241";
}

.iconic[data-glyph="social-tumblr"]::before {
  content: "\e242";
}

.iconic[data-glyph="social-twitter"]::before {
  content: "\e243";
}

.iconic[data-glyph="social-vimeo"]::before {
  content: "\e244";
}

.iconic[data-glyph="social-youtube"]::before {
  content: "\e245";
}

.iconic[data-glyph="sort-ascending"]::before {
  content: "\e246";
}

.iconic[data-glyph="sort-descending"]::before {
  content: "\e247";
}

.iconic[data-glyph="spreadsheet"]::before {
  content: "\e248";
}

.iconic[data-glyph="star-empty"]::before {
  content: "\e249";
}

.iconic[data-glyph="star"]::before {
  content: "\e24a";
}

.iconic[data-glyph="sun"]::before {
  content: "\e24b";
}

.iconic[data-glyph="syringe"]::before {
  content: "\e24c";
}

.iconic[data-glyph="tablet"]::before {
  content: "\e24d";
}

.iconic[data-glyph="tag"]::before {
  content: "\e24e";
}

.iconic[data-glyph="tags"]::before {
  content: "\e24f";
}

.iconic[data-glyph="target"]::before {
  content: "\e250";
}

.iconic[data-glyph="task"]::before {
  content: "\e251";
}

.iconic[data-glyph="terminal"]::before {
  content: "\e252";
}

.iconic[data-glyph="text"]::before {
  content: "\e253";
}

.iconic[data-glyph="thermometer"]::before {
  content: "\e254";
}

.iconic[data-glyph="thumb-down"]::before {
  content: "\e255";
}

.iconic[data-glyph="thumb-up"]::before {
  content: "\e256";
}

.iconic[data-glyph="tiara"]::before {
  content: "\e257";
}

.iconic[data-glyph="timer"]::before {
  content: "\e258";
}

.iconic[data-glyph="tint"]::before {
  content: "\e259";
}

.iconic[data-glyph="tools"]::before {
  content: "\e25a";
}

.iconic[data-glyph="transfer"]::before {
  content: "\e25b";
}

.iconic[data-glyph="trash"]::before {
  content: "\e25c";
}

.iconic[data-glyph="ungroup"]::before {
  content: "\e25d";
}

.iconic[data-glyph="vertical-align-bottom"]::before {
  content: "\e25e";
}

.iconic[data-glyph="vertical-align-center"]::before {
  content: "\e25f";
}

.iconic[data-glyph="vertical-align-top"]::before {
  content: "\e260";
}

.iconic[data-glyph="video"]::before {
  content: "\e261";
}

.iconic[data-glyph="viewport"]::before {
  content: "\e262";
}

.iconic[data-glyph="volume-high"]::before {
  content: "\e263";
}

.iconic[data-glyph="volume-low"]::before {
  content: "\e264";
}

.iconic[data-glyph="volume-medium"]::before {
  content: "\e265";
}

.iconic[data-glyph="volume-off"]::before {
  content: "\e266";
}

.iconic[data-glyph="warning"]::before {
  content: "\e267";
}

.iconic[data-glyph="weight"]::before {
  content: "\e268";
}

.iconic[data-glyph="wifi"]::before {
  content: "\e269";
}

.iconic[data-glyph="wrench"]::before {
  content: "\e26a";
}

.iconic[data-glyph="x-thin"]::before {
  content: "\e26b";
}

.iconic[data-glyph="x"]::before {
  content: "\e26c";
}

.iconic[data-glyph="yen"]::before {
  content: "\e26d";
}

.iconic[data-glyph="zoom-in"]::before {
  content: "\e26e";
}

.iconic[data-glyph="zoom-out"]::before {
  content: "\e26f";
}

/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
/* Document
   ========================================================================== */
html {
  line-height: 1.15;
  /* 2 */
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 3 */
}

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

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}

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

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

/**
 * 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-size: 1em;
  /* 2 */
  font-family: monospace, monospace;
  /* 1 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 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 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

/**
 * 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-size: 1em;
  /* 2 */
  font-family: monospace, monospace;
  /* 1 */
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ffff00;
  color: #000000;
}

/**
 * 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 {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

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

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

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

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

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
}

/**
 * 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 {
  padding: 0;
  border-style: none;
}

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

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  margin: 0 2px;
  padding: .35em .625em .75em;
  border: 1px solid #c0c0c0;
}

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

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
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 and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[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 {
  font: inherit;
  /* 2 */
  -webkit-appearance: button;
  /* 1 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}

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

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
  display: none;
}

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}

/* http://prismjs.com/download.html?themes=prism&languages=markup+css+clike+javascript */
/**
 * prism.js default theme for JavaScript, CSS and HTML
 * Based on dabblet (http://dabblet.com)
 * @author Lea Verou
 */
code[class*="language-"],
pre[class*="language-"] {
  background: none;
  color: black;
  line-height: 1.5;
  font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
  text-align: left;
  text-shadow: 0 1px white;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  -moz-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}

pre[class*="language-"]::selection,
pre[class*="language-"] ::selection,
code[class*="language-"]::selection,
code[class*="language-"] ::selection {
  background: #b3d4fc;
  text-shadow: none;
}

@media print {
  code[class*="language-"],
  pre[class*="language-"] {
    text-shadow: none;
  }
}

/* Code blocks */
pre[class*="language-"] {
  margin: .5em 0;
  padding: 1em;
  overflow: auto;
}

:not(pre) > code[class*="language-"],
pre[class*="language-"] {
  border: 1px solid #dcdfe2;
  background: #f5f2f0;
}

/* Inline code */
:not(pre) > code[class*="language-"] {
  padding: .1em;
  border-radius: .3em;
  white-space: normal;
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
  color: slategray;
}

.token.punctuation {
  color: #999999;
}

.namespace {
  opacity: .7;
}

.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted {
  color: #990055;
}

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
  color: #669900;
}

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
  background: rgba(255, 255, 255, 0.5);
  color: #a67f59;
}

.token.atrule,
.token.attr-value,
.token.keyword {
  color: #0077aa;
}

.token.function {
  color: #dd4a68;
}

.token.regex,
.token.important,
.token.variable {
  color: #ee9900;
}

.token.important,
.token.bold {
  font-weight: bold;
}

.token.italic {
  font-style: italic;
}

.token.entity {
  cursor: help;
}

.mex-text-left {
  text-align: left !important;
}

.mex-text-right {
  text-align: right !important;
}

.mex-text-center {
  text-align: center !important;
}

.mex-text-justify {
  text-align: justify !important;
}

/**
 * Alignment classes per breakpoint
*/
@media all and (min-width: 768px) {
  .mex-text-left\@medium {
    text-align: left !important;
  }
  .mex-text-right\@medium {
    text-align: right !important;
  }
  .mex-text-center\@medium {
    text-align: center !important;
  }
  .mex-text-justify\@medium {
    text-align: justify !important;
  }
}

@media all and (min-width: 1020px) {
  .mex-text-left\@large {
    text-align: left !important;
  }
  .mex-text-right\@large {
    text-align: right !important;
  }
  .mex-text-center\@large {
    text-align: center !important;
  }
  .mex-text-justify\@large {
    text-align: justify !important;
  }
}

@media all and (min-width: 1164px) {
  .mex-text-left\@xlarge {
    text-align: left !important;
  }
  .mex-text-right\@xlarge {
    text-align: right !important;
  }
  .mex-text-center\@xlarge {
    text-align: center !important;
  }
  .mex-text-justify\@xlarge {
    text-align: justify !important;
  }
}

/**
 * Animation base
*/
.mex-anim {
  animation-duration: 0.3s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}

/**
 * Fade in
*/
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 100%;
  }
}

.mex-anim--fade-in {
  animation-name: fade-in;
}

/**
 * Fade out
*/
@keyframes fade-out {
  0% {
    opacity: 100%;
  }
  100% {
    opacity: 0;
  }
}

.mex-anim--fade-out {
  animation-name: fade-out;
}

/**
 * Slide in
*/
@keyframes slide-in {
  0% {
    opacity: 0;
    transform: translateY(-20%);
  }
  100% {
    opacity: 100%;
    transform: translateY(0%);
  }
}

.mex-anim--slide-in {
  animation-name: slide-in;
}

/**
 * Slide out to bottom
*/
@keyframes slide-out__bottom {
  0% {
    opacity: 100%;
    transform: translateY(0%);
  }
  100% {
    opacity: 0;
    transform: translateY(20%);
  }
}

.mex-anim--slide-out__bottom {
  animation-name: slide-out__bottom;
}

/**
 * Slide out to top
*/
@keyframes slide-out__top {
  0% {
    opacity: 100%;
    transform: translateY(0%);
  }
  100% {
    opacity: 0;
    transform: translateY(-20%);
  }
}

.mex-anim--slide-out__top {
  animation-name: slide-out__top;
}

/**
 * scale in
*/
@keyframes scale-in {
  0% {
    opacity: 0;
    transform: scale(1.1);
  }
  100% {
    opacity: 100%;
    transform: scale(1);
  }
}

.mex-anim--scale-in {
  animation-name: scale-in;
}

/**
 * Slide out
*/
@keyframes scale-out {
  0% {
    opacity: 100%;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1.1);
  }
}

.mex-anim--scale-out {
  animation-name: scale-out;
}

/**
 * Bounce
*/
@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-24px);
  }
  60% {
    transform: translateY(-12px);
  }
}

.mex-anim--bounce {
  animation-name: bounce;
  animation-duration: 1s;
}

/**
 * Wiggle
*/
@keyframes wiggle {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateX(0);
  }
  40% {
    transform: translateX(6px);
  }
  60% {
    transform: translateX(-6px);
  }
}

.mex-anim--wiggle {
  animation-name: wiggle;
}

.mex-anim__headline {
  position: relative;
  z-index: 2;
  cursor: pointer;
}

.mex-anim__text {
  position: relative;
  z-index: 1;
}

/**
 * Responsive classes for border radius
 * - using !immortant for overrides
 * - using the default settings for border-radius
 */
.mex-border-radius-none {
  border-radius: 0 !important;
}

.mex-border-radius-top-none {
  border-top-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
}

.mex-border-radius-right-none {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.mex-border-radius-bottom-none {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.mex-border-radius-left-none {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}

.mex-border-radius-top-left-none {
  border-top-left-radius: 0 !important;
}

.mex-border-radius-top-right-none {
  border-top-right-radius: 0 !important;
}

.mex-border-radius-bottom-left-none {
  border-bottom-left-radius: 0 !important;
}

.mex-border-radius-bottom-right-none {
  border-bottom-right-radius: 0 !important;
}

@media all and (min-width: 768px) {
  .mex-border-radius-none\@medium {
    border-radius: 0 !important;
  }
  .mex-border-radius-top-none\@medium {
    border-top-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
  }
  .mex-border-radius-right-none\@medium {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .mex-border-radius-bottom-none\@medium {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
  .mex-border-radius-left-none\@medium {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
  }
  .mex-border-radius-top-left-none\@medium {
    border-top-left-radius: 0 !important;
  }
  .mex-border-radius-top-right-none\@medium {
    border-top-right-radius: 0 !important;
  }
  .mex-border-radius-bottom-left-none\@medium {
    border-bottom-left-radius: 0 !important;
  }
  .mex-border-radius-bottom-right-none\@medium {
    border-bottom-right-radius: 0 !important;
  }
}

@media all and (min-width: 1020px) {
  .mex-border-radius-none\@large {
    border-radius: 0 !important;
  }
  .mex-border-radius-top-none\@large {
    border-top-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
  }
  .mex-border-radius-right-none\@large {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .mex-border-radius-bottom-none\@large {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
  .mex-border-radius-left-none\@large {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
  }
  .mex-border-radius-top-left-none\@large {
    border-top-left-radius: 0 !important;
  }
  .mex-border-radius-top-right-none\@large {
    border-top-right-radius: 0 !important;
  }
  .mex-border-radius-bottom-left-none\@large {
    border-bottom-left-radius: 0 !important;
  }
  .mex-border-radius-bottom-right-none\@large {
    border-bottom-right-radius: 0 !important;
  }
}

@media all and (min-width: 1164px) {
  .mex-border-radius-none\@xlarge {
    border-radius: 0 !important;
  }
  .mex-border-radius-top-none\@xlarge {
    border-top-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
  }
  .mex-border-radius-right-none\@xlarge {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .mex-border-radius-bottom-none\@xlarge {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
  .mex-border-radius-left-none\@xlarge {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
  }
  .mex-border-radius-top-left-none\@xlarge {
    border-top-left-radius: 0 !important;
  }
  .mex-border-radius-top-right-none\@xlarge {
    border-top-right-radius: 0 !important;
  }
  .mex-border-radius-bottom-left-none\@xlarge {
    border-bottom-left-radius: 0 !important;
  }
  .mex-border-radius-bottom-right-none\@xlarge {
    border-bottom-right-radius: 0 !important;
  }
}

.mex-border-radius-all {
  border-radius: 3px !important;
}

.mex-border-radius-top {
  border-top-right-radius: 3px !important;
  border-top-left-radius: 3px !important;
}

.mex-border-radius-right {
  border-top-right-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
}

.mex-border-radius-bottom {
  border-bottom-right-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
}

.mex-border-radius-left {
  border-bottom-left-radius: 3px !important;
  border-top-left-radius: 3px !important;
}

.mex-border-radius-top-left {
  border-top-left-radius: 3px !important;
}

.mex-border-radius-top-right {
  border-top-right-radius: 3px !important;
}

.mex-border-radius-bottom-left {
  border-bottom-left-radius: 3px !important;
}

.mex-border-radius-bottom-right {
  border-bottom-right-radius: 3px !important;
}

@media all and (min-width: 768px) {
  .mex-border-radius-all\@medium {
    border-radius: 3px !important;
  }
  .mex-border-radius-top\@medium {
    border-top-right-radius: 3px !important;
    border-top-left-radius: 3px !important;
  }
  .mex-border-radius-right\@medium {
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
  }
  .mex-border-radius-bottom\@medium {
    border-bottom-right-radius: 3px !important;
    border-bottom-left-radius: 3px !important;
  }
  .mex-border-radius-left\@medium {
    border-bottom-left-radius: 3px !important;
    border-top-left-radius: 3px !important;
  }
  .mex-border-radius-top-left\@medium {
    border-top-left-radius: 3px !important;
  }
  .mex-border-radius-top-right\@medium {
    border-top-right-radius: 3px !important;
  }
  .mex-border-radius-bottom-left\@medium {
    border-bottom-left-radius: 3px !important;
  }
  .mex-border-radius-bottom-right\@medium {
    border-bottom-right-radius: 3px !important;
  }
}

@media all and (min-width: 1020px) {
  .mex-border-radius-all\@large {
    border-radius: 3px !important;
  }
  .mex-border-radius-top\@large {
    border-top-right-radius: 3px !important;
    border-top-left-radius: 3px !important;
  }
  .mex-border-radius-right\@large {
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
  }
  .mex-border-radius-bottom\@large {
    border-bottom-right-radius: 3px !important;
    border-bottom-left-radius: 3px !important;
  }
  .mex-border-radius-left\@large {
    border-bottom-left-radius: 3px !important;
    border-top-left-radius: 3px !important;
  }
  .mex-border-radius-top-left\@large {
    border-top-left-radius: 3px !important;
  }
  .mex-border-radius-top-right\@large {
    border-top-right-radius: 3px !important;
  }
  .mex-border-radius-bottom-left\@large {
    border-bottom-left-radius: 3px !important;
  }
  .mex-border-radius-bottom-right\@large {
    border-bottom-right-radius: 3px !important;
  }
}

@media all and (min-width: 1164px) {
  .mex-border-radius-all\@xlarge {
    border-radius: 3px !important;
  }
  .mex-border-radius-top\@xlarge {
    border-top-right-radius: 3px !important;
    border-top-left-radius: 3px !important;
  }
  .mex-border-radius-right\@xlarge {
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
  }
  .mex-border-radius-bottom\@xlarge {
    border-bottom-right-radius: 3px !important;
    border-bottom-left-radius: 3px !important;
  }
  .mex-border-radius-left\@xlarge {
    border-bottom-left-radius: 3px !important;
    border-top-left-radius: 3px !important;
  }
  .mex-border-radius-top-left\@xlarge {
    border-top-left-radius: 3px !important;
  }
  .mex-border-radius-top-right\@xlarge {
    border-top-right-radius: 3px !important;
  }
  .mex-border-radius-bottom-left\@xlarge {
    border-bottom-left-radius: 3px !important;
  }
  .mex-border-radius-bottom-right\@xlarge {
    border-bottom-right-radius: 3px !important;
  }
}

/**
 * Just simple classes here, no responsive options.
 */
.mex-border-transparent {
  border-color: transparent !important;
}

.mex-border-brand {
  border-color: #0c2577 !important;
}

.mex-border-accent {
  border-color: #4088ee !important;
}

.mex-border-black {
  border-color: #222222 !important;
}

.mex-border-grey-darker {
  border-color: #3a434f !important;
}

.mex-border-grey-dark {
  border-color: #566578 !important;
}

.mex-border-grey {
  border-color: #8e97a4 !important;
}

.mex-border-grey-light {
  border-color: #b3b9c1 !important;
}

.mex-border-grey-lighter {
  border-color: #dcdfe2 !important;
}

.mex-border-off-white {
  border-color: #f5f5f5 !important;
}

.mex-border-white {
  border-color: #ffffff !important;
}

.mex-border-all {
  border-color: #dcdfe2;
  border-width: 1px !important;
  border-style: solid !important;
}

.mex-border-top {
  border-top-color: #dcdfe2;
  border-top-width: 1px !important;
  border-top-style: solid !important;
}

.mex-border-right {
  border-right-color: #dcdfe2;
  border-right-width: 1px !important;
  border-right-style: solid !important;
}

.mex-border-bottom {
  border-bottom-color: #dcdfe2;
  border-bottom-width: 1px !important;
  border-bottom-style: solid !important;
}

.mex-border-left {
  border-left-color: #dcdfe2;
  border-left-width: 1px !important;
  border-left-style: solid !important;
}

@media all and (min-width: 768px) {
  .mex-border-all\@medium {
    border-color: #dcdfe2;
    border-width: 1px !important;
    border-style: solid !important;
  }
  .mex-border-top\@medium {
    border-top-color: #dcdfe2;
    border-top-width: 1px !important;
    border-top-style: solid !important;
  }
  .mex-border-right\@medium {
    border-right-color: #dcdfe2;
    border-right-width: 1px !important;
    border-right-style: solid !important;
  }
  .mex-border-bottom\@medium {
    border-bottom-color: #dcdfe2;
    border-bottom-width: 1px !important;
    border-bottom-style: solid !important;
  }
  .mex-border-left\@medium {
    border-left-color: #dcdfe2;
    border-left-width: 1px !important;
    border-left-style: solid !important;
  }
}

@media all and (min-width: 1020px) {
  .mex-border-all\@large {
    border-color: #dcdfe2;
    border-width: 1px !important;
    border-style: solid !important;
  }
  .mex-border-top\@large {
    border-top-color: #dcdfe2;
    border-top-width: 1px !important;
    border-top-style: solid !important;
  }
  .mex-border-right\@large {
    border-right-color: #dcdfe2;
    border-right-width: 1px !important;
    border-right-style: solid !important;
  }
  .mex-border-bottom\@large {
    border-bottom-color: #dcdfe2;
    border-bottom-width: 1px !important;
    border-bottom-style: solid !important;
  }
  .mex-border-left\@large {
    border-left-color: #dcdfe2;
    border-left-width: 1px !important;
    border-left-style: solid !important;
  }
}

@media all and (min-width: 1164px) {
  .mex-border-all\@xlarge {
    border-color: #dcdfe2;
    border-width: 1px !important;
    border-style: solid !important;
  }
  .mex-border-top\@xlarge {
    border-top-color: #dcdfe2;
    border-top-width: 1px !important;
    border-top-style: solid !important;
  }
  .mex-border-right\@xlarge {
    border-right-color: #dcdfe2;
    border-right-width: 1px !important;
    border-right-style: solid !important;
  }
  .mex-border-bottom\@xlarge {
    border-bottom-color: #dcdfe2;
    border-bottom-width: 1px !important;
    border-bottom-style: solid !important;
  }
  .mex-border-left\@xlarge {
    border-left-color: #dcdfe2;
    border-left-width: 1px !important;
    border-left-style: solid !important;
  }
}

.mex-border-all-none {
  border: none !important;
}

.mex-border-top-none {
  border-top: none !important;
}

.mex-border-right-none {
  border-right: none !important;
}

.mex-border-bottom-none {
  border-bottom: none !important;
}

.mex-border-left-none {
  border-left: none !important;
}

@media all and (min-width: 768px) {
  .mex-border-none\@medium {
    border: none !important;
  }
  .mex-border-top-none\@medium {
    border-top: none !important;
  }
  .mex-border-right-none\@medium {
    border-right: none !important;
  }
  .mex-border-bottom-none\@medium {
    border-bottom: none !important;
  }
  .mex-border-left-none\@medium {
    border-left: none !important;
  }
}

@media all and (min-width: 1020px) {
  .mex-border-none\@large {
    border: none !important;
  }
  .mex-border-top-none\@large {
    border-top: none !important;
  }
  .mex-border-right-none\@large {
    border-right: none !important;
  }
  .mex-border-bottom-none\@large {
    border-bottom: none !important;
  }
  .mex-border-left-none\@large {
    border-left: none !important;
  }
}

@media all and (min-width: 1164px) {
  .mex-border-none\@xlarge {
    border: none !important;
  }
  .mex-border-top-none\@xlarge {
    border-top: none !important;
  }
  .mex-border-right-none\@xlarge {
    border-right: none !important;
  }
  .mex-border-bottom-none\@xlarge {
    border-bottom: none !important;
  }
  .mex-border-left-none\@xlarge {
    border-left: none !important;
  }
}

/**
 * Based on micro clearfix hack by Nicolas Gallhager
*/
.mex-clearfix::after {
  display: table;
  clear: both;
  content: "";
}

[class*="prefix-columns"] {
  column-gap: 12px;
}

.mex-columns-1 {
  column-count: 1;
}

.mex-columns-2 {
  column-count: 2;
}

.mex-columns-3 {
  column-count: 3;
}

@media all and (min-width: 768px) {
  .mex-columns-1\@medium {
    column-gap: 12px;
    column-count: 1;
  }
  .mex-columns-2\@medium {
    column-gap: 12px;
    column-count: 2;
  }
  .mex-columns-3\@medium {
    column-gap: 12px;
    column-count: 3;
  }
}

@media all and (min-width: 1020px) {
  .mex-columns-1\@large {
    column-gap: 12px;
    column-count: 1;
  }
  .mex-columns-2\@large {
    column-gap: 12px;
    column-count: 2;
  }
  .mex-columns-3\@large {
    column-gap: 12px;
    column-count: 3;
  }
}

@media all and (min-width: 1164px) {
  .mex-columns-1\@xlarge {
    column-gap: 12px;
    column-count: 1;
  }
  .mex-columns-2\@xlarge {
    column-gap: 12px;
    column-count: 2;
  }
  .mex-columns-3\@xlarge {
    column-gap: 12px;
    column-count: 3;
  }
}

.mex-display-inline {
  display: inline !important;
}

.mex-display-inline-block {
  display: inline-block !important;
}

.mex-display-block {
  display: block !important;
}

@media all and (min-width: 768px) {
  .mex-display-inline\@medium {
    display: inline !important;
  }
  .mex-display-inline-block\@medium {
    display: inline-block !important;
  }
  .mex-display-block\@medium {
    display: block !important;
  }
}

@media all and (min-width: 1020px) {
  .mex-display-inline\@large {
    display: inline !important;
  }
  .mex-display-inline-block\@large {
    display: inline-block !important;
  }
  .mex-display-block\@large {
    display: block !important;
  }
}

@media all and (min-width: 1164px) {
  .mex-display-inline\@xlarge {
    display: inline !important;
  }
  .mex-display-inline-block\@xlarge {
    display: inline-block !important;
  }
  .mex-display-block\@xlarge {
    display: block !important;
  }
}

/**
 * Used on divs or on any compoent when you need to "paint" them
 * a certain background color
*/
.mex-fill-brand {
  background-color: #0c2577 !important;
}

.mex-fill-brand-dark {
  background-color: #081b59 !important;
}

.mex-fill-brand-light {
  background-color: #6e7cad !important;
}

.mex-fill-accent {
  background-color: #4088ee !important;
}

.mex-fill-accent-candidate {
  background-color: #7aae1a !important;
}

.mex-fill-accent-recruiter {
  background-color: #d54500 !important;
}

.mex-fill-black {
  background-color: #222222 !important;
}

.mex-fill-grey-darker {
  background-color: #3a434f !important;
}

.mex-fill-grey-dark {
  background-color: #566578 !important;
}

.mex-fill-grey {
  background-color: #8e97a4 !important;
}

.mex-fill-grey-light {
  background-color: #b3b9c1 !important;
}

.mex-fill-grey-lighter {
  background-color: #dcdfe2 !important;
}

.mex-fill-off-white {
  background-color: #f5f5f5 !important;
}

.mex-fill-white {
  background-color: #ffffff !important;
}

.mex-fill-ui-danger {
  background-color: #e45e6a !important;
}

.mex-fill-ui-warning {
  background-color: #eba600 !important;
}

.mex-fill-ui-success {
  background-color: #669ff1 !important;
}

/**
 * When using an image as fill, the image is:
 * - positioned at 50% 50%
 * - set as background-size: cover;
 * - image sources and media queries must be added through a style element
*/
.mex-fill-image {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

/**
 * Replicating most of Flexbox in classes
 *
 * - We have omitted some "reverse" properties for now
 *   (only flex direction includes them)
 * - Order is not implemented as it can be problematic for accessibility
 * - Align content for wrapping flex items is not implemented
 * - All flex-units have instrisinc width and cannot grow or shrink (0 0 auto)
*/
/**
 * Replicating flex-direction, justify-content, align-items and flex-wrap
*/
.mex-flex {
  display: -ms-flexbox;
  display: flex;
}

.mex-flex--direction-row {
  -ms-flex-direction: row;
      flex-direction: row;
}

.mex-flex--direction-column {
  -ms-flex-direction: column;
      flex-direction: column;
}

.mex-flex--direction-row-reverse {
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
}

.mex-flex--direction-column-reverse {
  -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
}

@media all and (min-width: 768px) {
  .mex-flex--direction-row\@medium {
    -ms-flex-direction: row;
        flex-direction: row;
  }
  .mex-flex--direction-column\@medium {
    -ms-flex-direction: column;
        flex-direction: column;
  }
  .mex-flex--direction-row-reverse\@medium {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
  }
  .mex-flex--direction-column-reverse\@medium {
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
  }
}

@media all and (min-width: 1020px) {
  .mex-flex--direction-row\@large {
    -ms-flex-direction: row;
        flex-direction: row;
  }
  .mex-flex--direction-column\@large {
    -ms-flex-direction: column;
        flex-direction: column;
  }
  .mex-flex--direction-row-reverse\@large {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
  }
  .mex-flex--direction-column-reverse\@large {
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
  }
}

@media all and (min-width: 1164px) {
  .mex-flex--direction-row\@xlarge {
    -ms-flex-direction: row;
        flex-direction: row;
  }
  .mex-flex--direction-column\@xlarge {
    -ms-flex-direction: column;
        flex-direction: column;
  }
  .mex-flex--direction-row-reverse\@xlarge {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
  }
  .mex-flex--direction-column-reverse\@xlarge {
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
  }
}

.mex-flex--justify-content-start {
  -ms-flex-pack: start;
      justify-content: flex-start;
}

.mex-flex--justify-content-end {
  -ms-flex-pack: end;
      justify-content: flex-end;
}

.mex-flex--justify-content-center {
  -ms-flex-pack: center;
      justify-content: center;
}

.mex-flex--justify-content-around {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.mex-flex--justify-content-between {
  -ms-flex-pack: justify;
      justify-content: space-between;
}

@media all and (min-width: 768px) {
  .mex-flex--justify-content-start\@medium {
    -ms-flex-pack: start;
        justify-content: flex-start;
  }
  .mex-flex--justify-content-end\@medium {
    -ms-flex-pack: end;
        justify-content: flex-end;
  }
  .mex-flex--justify-content-center\@medium {
    -ms-flex-pack: center;
        justify-content: center;
  }
  .mex-flex--justify-content-around\@medium {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  .mex-flex--justify-content-between\@medium {
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
}

@media all and (min-width: 1020px) {
  .mex-flex--justify-content-start\@large {
    -ms-flex-pack: start;
        justify-content: flex-start;
  }
  .mex-flex--justify-content-end\@large {
    -ms-flex-pack: end;
        justify-content: flex-end;
  }
  .mex-flex--justify-content-center\@large {
    -ms-flex-pack: center;
        justify-content: center;
  }
  .mex-flex--justify-content-around\@large {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  .mex-flex--justify-content-between\@large {
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
}

@media all and (min-width: 1164px) {
  .mex-flex--justify-content-start\@xlarge {
    -ms-flex-pack: start;
        justify-content: flex-start;
  }
  .mex-flex--justify-content-end\@xlarge {
    -ms-flex-pack: end;
        justify-content: flex-end;
  }
  .mex-flex--justify-content-center\@xlarge {
    -ms-flex-pack: center;
        justify-content: center;
  }
  .mex-flex--justify-content-around\@xlarge {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  .mex-flex--justify-content-between\@xlarge {
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
}

.mex-flex--align-items-start {
  -ms-flex-align: start;
      align-items: flex-start;
}

.mex-flex--align-items-end {
  -ms-flex-align: end;
      align-items: flex-end;
}

.mex-flex--align-items-center {
  -ms-flex-align: center;
      align-items: center;
}

.mex-flex--align-items-baseline {
  -ms-flex-align: baseline;
      align-items: baseline;
}

.mex-flex--align-items-stretch {
  -ms-flex-align: stretch;
      align-items: stretch;
}

@media all and (min-width: 768px) {
  .mex-flex--align-items-start\@medium {
    -ms-flex-align: start;
        align-items: flex-start;
  }
  .mex-flex--align-items-end\@medium {
    -ms-flex-align: end;
        align-items: flex-end;
  }
  .mex-flex--align-items-center\@medium {
    -ms-flex-align: center;
        align-items: center;
  }
  .mex-flex--align-items-baseline\@medium {
    -ms-flex-align: baseline;
        align-items: baseline;
  }
  .mex-flex--align-items-stretch\@medium {
    -ms-flex-align: stretch;
        align-items: stretch;
  }
}

@media all and (min-width: 1020px) {
  .mex-flex--align-items-start\@large {
    -ms-flex-align: start;
        align-items: flex-start;
  }
  .mex-flex--align-items-end\@large {
    -ms-flex-align: end;
        align-items: flex-end;
  }
  .mex-flex--align-items-center\@large {
    -ms-flex-align: center;
        align-items: center;
  }
  .mex-flex--align-items-baseline\@large {
    -ms-flex-align: baseline;
        align-items: baseline;
  }
  .mex-flex--align-items-stretch\@large {
    -ms-flex-align: stretch;
        align-items: stretch;
  }
}

@media all and (min-width: 1164px) {
  .mex-flex--align-items-start\@xlarge {
    -ms-flex-align: start;
        align-items: flex-start;
  }
  .mex-flex--align-items-end\@xlarge {
    -ms-flex-align: end;
        align-items: flex-end;
  }
  .mex-flex--align-items-center\@xlarge {
    -ms-flex-align: center;
        align-items: center;
  }
  .mex-flex--align-items-baseline\@xlarge {
    -ms-flex-align: baseline;
        align-items: baseline;
  }
  .mex-flex--align-items-stretch\@xlarge {
    -ms-flex-align: stretch;
        align-items: stretch;
  }
}

.mex-flex--wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.mex-flex--nowrap {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

@media all and (min-width: 768px) {
  .mex-flex--wrap\@medium {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .mex-flex--nowrap\@medium {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}

@media all and (min-width: 1020px) {
  .mex-flex--wrap\@large {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .mex-flex--nowrap\@large {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}

@media all and (min-width: 1164px) {
  .mex-flex--wrap\@xlarge {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .mex-flex--nowrap\@xlarge {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}

.mex-flex__item {
  -ms-flex: 0 1 auto;
      flex: 0 1 auto;
}

.mex-flex__item--align-self-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.mex-flex__item--align-self-end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.mex-flex__item--align-self-center {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.mex-flex__item--align-self-baseline {
  -ms-flex-item-align: baseline;
      align-self: baseline;
}

.mex-flex__item--align-self-stretch {
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
}

@media all and (min-width: 768px) {
  .mex-flex__item--align-self-start\@medium {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
  .mex-flex__item--align-self-end\@medium {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
  .mex-flex__item--align-self-center\@medium {
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
  }
  .mex-flex__item--align-self-baseline\@medium {
    -ms-flex-item-align: baseline;
        align-self: baseline;
  }
  .mex-flex__item--align-self-stretch\@medium {
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
  }
}

@media all and (min-width: 1020px) {
  .mex-flex__item--align-self-start\@large {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
  .mex-flex__item--align-self-end\@large {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
  .mex-flex__item--align-self-center\@large {
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
  }
  .mex-flex__item--align-self-baseline\@large {
    -ms-flex-item-align: baseline;
        align-self: baseline;
  }
  .mex-flex__item--align-self-stretch\@large {
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
  }
}

@media all and (min-width: 1164px) {
  .mex-flex__item--align-self-start\@xlarge {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
  .mex-flex__item--align-self-end\@xlarge {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
  .mex-flex__item--align-self-center\@xlarge {
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
  }
  .mex-flex__item--align-self-baseline\@xlarge {
    -ms-flex-item-align: baseline;
        align-self: baseline;
  }
  .mex-flex__item--align-self-stretch\@xlarge {
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
  }
}

/**
 * Left responsive classes out as we are mainly concerned with simple use cases
*/
.mex-flex-automargin-top {
  margin-top: auto;
}

.mex-flex-automargin-right {
  margin-right: auto;
}

.mex-flex-automargin-bottom {
  margin-bottom: auto;
}

.mex-flex-automargin-left {
  margin-left: auto;
}

.mex-float-right {
  float: right;
}

.mex-float-left {
  float: left;
}

/**
 * Pay attention when using this.
 * Hidden items cannot be seen by screen readers
*/
.mex-hide {
  display: none !important;
}

.mex-show {
  display: block !important;
}

.mex-show-inline {
  display: inline !important;
}

.mex-show-inline-block {
  display: inline-block !important;
}

.mex-show-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}

@media all and (min-width: 768px) {
  .mex-hide\@medium {
    display: none !important;
  }
  .mex-show\@medium {
    display: block !important;
  }
  .mex-show-inline\@medium {
    display: inline !important;
  }
  .mex-show-inline-block\@medium {
    display: inline-block !important;
  }
  .mex-show-flex\@medium {
    display: -ms-flexbox !important;
    display: flex !important;
  }
}

@media all and (min-width: 1020px) {
  .mex-hide\@large {
    display: none !important;
  }
  .mex-show\@large {
    display: block !important;
  }
  .mex-show-inline\@large {
    display: inline !important;
  }
  .mex-show-inline-block\@large {
    display: inline-block !important;
  }
  .mex-show-flex\@large {
    display: -ms-flexbox !important;
    display: flex !important;
  }
}

@media all and (min-width: 1164px) {
  .mex-hide\@xlarge {
    display: none !important;
  }
  .mex-show\@xlarge {
    display: block !important;
  }
  .mex-show-inline\@xlarge {
    display: inline !important;
  }
  .mex-show-inline-block\@xlarge {
    display: inline-block !important;
  }
  .mex-show-flex\@xlarge {
    display: -ms-flexbox !important;
    display: flex !important;
  }
}

/**
 * Use this class to hide things visually but preserve access
 * for assistive technologies like screen readers
*/
.mex-visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  border: 0 !important;
}

/**
 * Force removal or addition of underline
*/
.mex-link-bare,
.mex-link-bare:hover {
  text-decoration: none !important;
}

.mex-link-underline,
.mex-link-underline:hover {
  text-decoration: none !important;
}

/**
 * Force links text and hover colors
*/
.mex-link-inherit {
  color: inherit !important;
}

.mex-link-inherit:visited {
  color:  !important;
}

.mex-link-inherit:hover {
  color: inherit !important;
}

.mex-link-inherit:active {
  color:  !important;
}

.mex-link-brand {
  color: #0c2577 !important;
}

.mex-link-brand:visited {
  color: #8692bb !important;
}

.mex-link-brand:hover {
  color: #6d7cad !important;
}

.mex-link-brand:active {
  color: #8692bb !important;
}

.mex-link-accent {
  color: #4088ee !important;
}

.mex-link-accent:visited {
  color: #79a0d7 !important;
}

.mex-link-accent:hover {
  color: #1260cf !important;
}

.mex-link-accent:active {
  color: #0050c2 !important;
}

.mex-link-accent-candidate {
  color: #7aae1a !important;
}

.mex-link-accent-candidate:visited {
  color: #96b36d !important;
}

.mex-link-accent-candidate:hover {
  color: #6a9817 !important;
}

.mex-link-accent-candidate:active {
  color: #587e14 !important;
}

.mex-link-accent-recruiter {
  color: #d54500 !important;
}

.mex-link-accent-recruiter:visited {
  color: #c37e60 !important;
}

.mex-link-accent-recruiter:hover {
  color: #b93c00 !important;
}

.mex-link-accent-recruiter:active {
  color: #a73600 !important;
}

.mex-link-black {
  color: #222222 !important;
}

.mex-link-black:visited {
  color: #919191 !important;
}

.mex-link-black:hover {
  color: #7a7a7a !important;
}

.mex-link-black:active {
  color: #919191 !important;
}

.mex-link-grey-darker {
  color: #3a434f !important;
}

.mex-link-grey-darker:visited {
  color: #9da1a7 !important;
}

.mex-link-grey-darker:hover {
  color: #898e95 !important;
}

.mex-link-grey-darker:active {
  color: #9da1a7 !important;
}

.mex-link-grey-dark {
  color: #566578 !important;
}

.mex-link-grey-dark:visited {
  color: #2b333c !important;
}

.mex-link-grey-dark:hover {
  color: #343d48 !important;
}

.mex-link-grey-dark:active {
  color: #2b333c !important;
}

.mex-link-grey {
  color: #8e97a4 !important;
}

.mex-link-grey:visited {
  color: #474c52 !important;
}

.mex-link-grey:hover {
  color: #555b62 !important;
}

.mex-link-grey:active {
  color: #474c52 !important;
}

.mex-link-grey-light {
  color: #b3b9c1 !important;
}

.mex-link-grey-light:visited {
  color: #5a5d61 !important;
}

.mex-link-grey-light:hover {
  color: #6b6f74 !important;
}

.mex-link-grey-light:active {
  color: #5a5d61 !important;
}

.mex-link-grey-lighter {
  color: #dcdfe2 !important;
}

.mex-link-grey-lighter:visited {
  color: #6e7071 !important;
}

.mex-link-grey-lighter:hover {
  color: #848688 !important;
}

.mex-link-grey-lighter:active {
  color: #6e7071 !important;
}

.mex-link-off-white {
  color: #f5f5f5 !important;
}

.mex-link-off-white:visited {
  color: #7b7b7b !important;
}

.mex-link-off-white:hover {
  color: #939393 !important;
}

.mex-link-off-white:active {
  color: #7b7b7b !important;
}

.mex-link-white {
  color: #ffffff !important;
}

.mex-link-white:visited {
  color: gray !important;
}

.mex-link-white:hover {
  color: #999999 !important;
}

.mex-link-white:active {
  color: gray !important;
}

.mex-link-ui-danger {
  color: #e45e6a !important;
}

.mex-link-ui-danger:visited {
  color: #722f35 !important;
}

.mex-link-ui-danger:hover {
  color: #893840 !important;
}

.mex-link-ui-danger:active {
  color: #722f35 !important;
}

.mex-link-ui-warning {
  color: #eba600 !important;
}

.mex-link-ui-warning:visited {
  color: #765300 !important;
}

.mex-link-ui-warning:hover {
  color: #8d6400 !important;
}

.mex-link-ui-warning:active {
  color: #765300 !important;
}

.mex-link-ui-success {
  color: #669ff1 !important;
}

.mex-link-ui-success:visited {
  color: #335079 !important;
}

.mex-link-ui-success:hover {
  color: #3d5f91 !important;
}

.mex-link-ui-success:active {
  color: #335079 !important;
}

/**
 * Force removal or addition of underline for
 * links in blocks to which the classes are applied
*/
.mex-links-bare a,
.mex-links-bare a:hover {
  text-decoration: none !important;
}

.mex-links-underline a,
.mex-links-underline a:hover {
  text-decoration: underline !important;
}

/**
 * Force text and hover colors for
 * links in blocks to which the classes are applied
*/
.mex-links-inherit a {
  color: inherit !important;
}

.mex-links-inherit a:visited {
  color:  !important;
}

.mex-links-inherit a:hover {
  color: inherit !important;
}

.mex-links-inherit a:active {
  color:  !important;
}

.mex-links-brand a {
  color: #0c2577 !important;
}

.mex-links-brand a:visited {
  color: #8692bb !important;
}

.mex-links-brand a:hover {
  color: #6d7cad !important;
}

.mex-links-brand a:active {
  color: #8692bb !important;
}

.mex-links-accent a {
  color: #4088ee !important;
}

.mex-links-accent a:visited {
  color: #79a0d7 !important;
}

.mex-links-accent a:hover {
  color: #1260cf !important;
}

.mex-links-accent a:active {
  color: #0050c2 !important;
}

.mex-links-accent-candidate a {
  color: #7aae1a !important;
}

.mex-links-accent-candidate a:visited {
  color: #96b36d !important;
}

.mex-links-accent-candidate a:hover {
  color: #6a9817 !important;
}

.mex-links-accent-candidate a:active {
  color: #587e14 !important;
}

.mex-links-accent-recruiter a {
  color: #d54500 !important;
}

.mex-links-accent-recruiter a:visited {
  color: #c37e60 !important;
}

.mex-links-accent-recruiter a:hover {
  color: #b93c00 !important;
}

.mex-links-accent-recruiter a:active {
  color: #a73600 !important;
}

.mex-links-black a {
  color: #222222 !important;
}

.mex-links-black a:visited {
  color: #919191 !important;
}

.mex-links-black a:hover {
  color: #7a7a7a !important;
}

.mex-links-black a:active {
  color: #919191 !important;
}

.mex-links-grey-darker a {
  color: #3a434f !important;
}

.mex-links-grey-darker a:visited {
  color: #9da1a7 !important;
}

.mex-links-grey-darker a:hover {
  color: #898e95 !important;
}

.mex-links-grey-darker a:active {
  color: #9da1a7 !important;
}

.mex-links-grey-dark a {
  color: #566578 !important;
}

.mex-links-grey-dark a:visited {
  color: #2b333c !important;
}

.mex-links-grey-dark a:hover {
  color: #343d48 !important;
}

.mex-links-grey-dark a:active {
  color: #2b333c !important;
}

.mex-links-grey a {
  color: #8e97a4 !important;
}

.mex-links-grey a:visited {
  color: #474c52 !important;
}

.mex-links-grey a:hover {
  color: #555b62 !important;
}

.mex-links-grey a:active {
  color: #474c52 !important;
}

.mex-links-grey-light a {
  color: #b3b9c1 !important;
}

.mex-links-grey-light a:visited {
  color: #5a5d61 !important;
}

.mex-links-grey-light a:hover {
  color: #6b6f74 !important;
}

.mex-links-grey-light a:active {
  color: #5a5d61 !important;
}

.mex-links-grey-lighter a {
  color: #dcdfe2 !important;
}

.mex-links-grey-lighter a:visited {
  color: #6e7071 !important;
}

.mex-links-grey-lighter a:hover {
  color: #848688 !important;
}

.mex-links-grey-lighter a:active {
  color: #6e7071 !important;
}

.mex-links-off-white a {
  color: #f5f5f5 !important;
}

.mex-links-off-white a:visited {
  color: #7b7b7b !important;
}

.mex-links-off-white a:hover {
  color: #939393 !important;
}

.mex-links-off-white a:active {
  color: #7b7b7b !important;
}

.mex-links-white a {
  color: #ffffff !important;
}

.mex-links-white a:visited {
  color: gray !important;
}

.mex-links-white a:hover {
  color: #999999 !important;
}

.mex-links-white a:active {
  color: gray !important;
}

.mex-links-ui-danger a {
  color: #e45e6a !important;
}

.mex-links-ui-danger a:visited {
  color: #722f35 !important;
}

.mex-links-ui-danger a:hover {
  color: #893840 !important;
}

.mex-links-ui-danger a:active {
  color: #722f35 !important;
}

.mex-links-ui-warning a {
  color: #eba600 !important;
}

.mex-links-ui-warning a:visited {
  color: #765300 !important;
}

.mex-links-ui-warning a:hover {
  color: #8d6400 !important;
}

.mex-links-ui-warning a:active {
  color: #765300 !important;
}

.mex-links-ui-success a {
  color: #669ff1 !important;
}

.mex-links-ui-success a:visited {
  color: #335079 !important;
}

.mex-links-ui-success a:hover {
  color: #3d5f91 !important;
}

.mex-links-ui-success a:active {
  color: #335079 !important;
}

/**
 * Add box shadows to elements
*/
.mex-box-shadow {
  box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.15) !important;
}

.mex-box-shadow-none {
  box-shadow: none !important;
}

@media all and (min-width: 768px) {
  .mex-box-shadow\@medium {
    box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.15) !important;
  }
  .mex-box-shadow-none\@medium {
    box-shadow: none !important;
  }
}

@media all and (min-width: 1020px) {
  .mex-box-shadow\@large {
    box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.15) !important;
  }
  .mex-box-shadow-none\@large {
    box-shadow: none !important;
  }
}

@media all and (min-width: 1164px) {
  .mex-box-shadow\@xlarge {
    box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.15) !important;
  }
  .mex-box-shadow-none\@xlarge {
    box-shadow: none !important;
  }
}

/**
 * Spacing map
 * - keep in sync with the values in _settings.spacing.scss
 * - specify in pixels, we transform them into rem
 * - used to create responsive spacing classes (see utilities/_spacing.scss)
*/
/**
 * Overrides for margins
 *
 * - uses settings in settings/_settings-spacing.scss
*/
.mex-margin-all-none {
  margin: 0 !important;
}

.mex-margin-top-none {
  margin-top: 0 !important;
}

.mex-margin-right-none {
  margin-right: 0 !important;
}

.mex-margin-bottom-none {
  margin-bottom: 0 !important;
}

.mex-margin-left-none {
  margin-left: 0 !important;
}

.mex-margin-horizontal-none {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mex-margin-vertical-none {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.mex-margin-all-base {
  margin: 1.5rem !important;
}

.mex-margin-top-base {
  margin-top: 1.5rem !important;
}

.mex-margin-right-base {
  margin-right: 1.5rem !important;
}

.mex-margin-bottom-base {
  margin-bottom: 1.5rem !important;
}

.mex-margin-left-base {
  margin-left: 1.5rem !important;
}

.mex-margin-horizontal-base {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.mex-margin-vertical-base {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.mex-margin-all-s {
  margin: 0.75rem !important;
}

.mex-margin-top-s {
  margin-top: 0.75rem !important;
}

.mex-margin-right-s {
  margin-right: 0.75rem !important;
}

.mex-margin-bottom-s {
  margin-bottom: 0.75rem !important;
}

.mex-margin-left-s {
  margin-left: 0.75rem !important;
}

.mex-margin-horizontal-s {
  margin-right: 0.75rem !important;
  margin-left: 0.75rem !important;
}

.mex-margin-vertical-s {
  margin-top: 0.75rem !important;
  margin-bottom: 0.75rem !important;
}

.mex-margin-all-xs {
  margin: 0.375rem !important;
}

.mex-margin-top-xs {
  margin-top: 0.375rem !important;
}

.mex-margin-right-xs {
  margin-right: 0.375rem !important;
}

.mex-margin-bottom-xs {
  margin-bottom: 0.375rem !important;
}

.mex-margin-left-xs {
  margin-left: 0.375rem !important;
}

.mex-margin-horizontal-xs {
  margin-right: 0.375rem !important;
  margin-left: 0.375rem !important;
}

.mex-margin-vertical-xs {
  margin-top: 0.375rem !important;
  margin-bottom: 0.375rem !important;
}

.mex-margin-all-l {
  margin: 1.875rem !important;
}

.mex-margin-top-l {
  margin-top: 1.875rem !important;
}

.mex-margin-right-l {
  margin-right: 1.875rem !important;
}

.mex-margin-bottom-l {
  margin-bottom: 1.875rem !important;
}

.mex-margin-left-l {
  margin-left: 1.875rem !important;
}

.mex-margin-horizontal-l {
  margin-right: 1.875rem !important;
  margin-left: 1.875rem !important;
}

.mex-margin-vertical-l {
  margin-top: 1.875rem !important;
  margin-bottom: 1.875rem !important;
}

.mex-margin-all-xl {
  margin: 3.75rem !important;
}

.mex-margin-top-xl {
  margin-top: 3.75rem !important;
}

.mex-margin-right-xl {
  margin-right: 3.75rem !important;
}

.mex-margin-bottom-xl {
  margin-bottom: 3.75rem !important;
}

.mex-margin-left-xl {
  margin-left: 3.75rem !important;
}

.mex-margin-horizontal-xl {
  margin-right: 3.75rem !important;
  margin-left: 3.75rem !important;
}

.mex-margin-vertical-xl {
  margin-top: 3.75rem !important;
  margin-bottom: 3.75rem !important;
}

@media all and (min-width: 768px) {
  .mex-margin-all-none\@medium {
    margin: 0 !important;
  }
  .mex-margin-top-none\@medium {
    margin-top: 0 !important;
  }
  .mex-margin-right-none\@medium {
    margin-right: 0 !important;
  }
  .mex-margin-bottom-none\@medium {
    margin-bottom: 0 !important;
  }
  .mex-margin-left-none\@medium {
    margin-left: 0 !important;
  }
  .mex-margin-horizontal-none\@medium {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mex-margin-vertical-none\@medium {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

@media all and (min-width: 1020px) {
  .mex-margin-all-none\@large {
    margin: 0 !important;
  }
  .mex-margin-top-none\@large {
    margin-top: 0 !important;
  }
  .mex-margin-right-none\@large {
    margin-right: 0 !important;
  }
  .mex-margin-bottom-none\@large {
    margin-bottom: 0 !important;
  }
  .mex-margin-left-none\@large {
    margin-left: 0 !important;
  }
  .mex-margin-horizontal-none\@large {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mex-margin-vertical-none\@large {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

@media all and (min-width: 1164px) {
  .mex-margin-all-none\@xlarge {
    margin: 0 !important;
  }
  .mex-margin-top-none\@xlarge {
    margin-top: 0 !important;
  }
  .mex-margin-right-none\@xlarge {
    margin-right: 0 !important;
  }
  .mex-margin-bottom-none\@xlarge {
    margin-bottom: 0 !important;
  }
  .mex-margin-left-none\@xlarge {
    margin-left: 0 !important;
  }
  .mex-margin-horizontal-none\@xlarge {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mex-margin-vertical-none\@xlarge {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

@media all and (min-width: 768px) {
  .mex-margin-all-base\@medium {
    margin: 1.5rem !important;
  }
  .mex-margin-top-base\@medium {
    margin-top: 1.5rem !important;
  }
  .mex-margin-right-base\@medium {
    margin-right: 1.5rem !important;
  }
  .mex-margin-bottom-base\@medium {
    margin-bottom: 1.5rem !important;
  }
  .mex-margin-left-base\@medium {
    margin-left: 1.5rem !important;
  }
  .mex-margin-horizontal-base\@medium {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mex-margin-vertical-base\@medium {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
}

@media all and (min-width: 1020px) {
  .mex-margin-all-base\@large {
    margin: 1.5rem !important;
  }
  .mex-margin-top-base\@large {
    margin-top: 1.5rem !important;
  }
  .mex-margin-right-base\@large {
    margin-right: 1.5rem !important;
  }
  .mex-margin-bottom-base\@large {
    margin-bottom: 1.5rem !important;
  }
  .mex-margin-left-base\@large {
    margin-left: 1.5rem !important;
  }
  .mex-margin-horizontal-base\@large {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mex-margin-vertical-base\@large {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
}

@media all and (min-width: 1164px) {
  .mex-margin-all-base\@xlarge {
    margin: 1.5rem !important;
  }
  .mex-margin-top-base\@xlarge {
    margin-top: 1.5rem !important;
  }
  .mex-margin-right-base\@xlarge {
    margin-right: 1.5rem !important;
  }
  .mex-margin-bottom-base\@xlarge {
    margin-bottom: 1.5rem !important;
  }
  .mex-margin-left-base\@xlarge {
    margin-left: 1.5rem !important;
  }
  .mex-margin-horizontal-base\@xlarge {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mex-margin-vertical-base\@xlarge {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
}

@media all and (min-width: 768px) {
  .mex-margin-all-s\@medium {
    margin: 0.75rem !important;
  }
  .mex-margin-top-s\@medium {
    margin-top: 0.75rem !important;
  }
  .mex-margin-right-s\@medium {
    margin-right: 0.75rem !important;
  }
  .mex-margin-bottom-s\@medium {
    margin-bottom: 0.75rem !important;
  }
  .mex-margin-left-s\@medium {
    margin-left: 0.75rem !important;
  }
  .mex-margin-horizontal-s\@medium {
    margin-right: 0.75rem !important;
    margin-left: 0.75rem !important;
  }
  .mex-margin-vertical-s\@medium {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
  }
}

@media all and (min-width: 1020px) {
  .mex-margin-all-s\@large {
    margin: 0.75rem !important;
  }
  .mex-margin-top-s\@large {
    margin-top: 0.75rem !important;
  }
  .mex-margin-right-s\@large {
    margin-right: 0.75rem !important;
  }
  .mex-margin-bottom-s\@large {
    margin-bottom: 0.75rem !important;
  }
  .mex-margin-left-s\@large {
    margin-left: 0.75rem !important;
  }
  .mex-margin-horizontal-s\@large {
    margin-right: 0.75rem !important;
    margin-left: 0.75rem !important;
  }
  .mex-margin-vertical-s\@large {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
  }
}

@media all and (min-width: 1164px) {
  .mex-margin-all-s\@xlarge {
    margin: 0.75rem !important;
  }
  .mex-margin-top-s\@xlarge {
    margin-top: 0.75rem !important;
  }
  .mex-margin-right-s\@xlarge {
    margin-right: 0.75rem !important;
  }
  .mex-margin-bottom-s\@xlarge {
    margin-bottom: 0.75rem !important;
  }
  .mex-margin-left-s\@xlarge {
    margin-left: 0.75rem !important;
  }
  .mex-margin-horizontal-s\@xlarge {
    margin-right: 0.75rem !important;
    margin-left: 0.75rem !important;
  }
  .mex-margin-vertical-s\@xlarge {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
  }
}

@media all and (min-width: 768px) {
  .mex-margin-all-xs\@medium {
    margin: 0.375rem !important;
  }
  .mex-margin-top-xs\@medium {
    margin-top: 0.375rem !important;
  }
  .mex-margin-right-xs\@medium {
    margin-right: 0.375rem !important;
  }
  .mex-margin-bottom-xs\@medium {
    margin-bottom: 0.375rem !important;
  }
  .mex-margin-left-xs\@medium {
    margin-left: 0.375rem !important;
  }
  .mex-margin-horizontal-xs\@medium {
    margin-right: 0.375rem !important;
    margin-left: 0.375rem !important;
  }
  .mex-margin-vertical-xs\@medium {
    margin-top: 0.375rem !important;
    margin-bottom: 0.375rem !important;
  }
}

@media all and (min-width: 1020px) {
  .mex-margin-all-xs\@large {
    margin: 0.375rem !important;
  }
  .mex-margin-top-xs\@large {
    margin-top: 0.375rem !important;
  }
  .mex-margin-right-xs\@large {
    margin-right: 0.375rem !important;
  }
  .mex-margin-bottom-xs\@large {
    margin-bottom: 0.375rem !important;
  }
  .mex-margin-left-xs\@large {
    margin-left: 0.375rem !important;
  }
  .mex-margin-horizontal-xs\@large {
    margin-right: 0.375rem !important;
    margin-left: 0.375rem !important;
  }
  .mex-margin-vertical-xs\@large {
    margin-top: 0.375rem !important;
    margin-bottom: 0.375rem !important;
  }
}

@media all and (min-width: 1164px) {
  .mex-margin-all-xs\@xlarge {
    margin: 0.375rem !important;
  }
  .mex-margin-top-xs\@xlarge {
    margin-top: 0.375rem !important;
  }
  .mex-margin-right-xs\@xlarge {
    margin-right: 0.375rem !important;
  }
  .mex-margin-bottom-xs\@xlarge {
    margin-bottom: 0.375rem !important;
  }
  .mex-margin-left-xs\@xlarge {
    margin-left: 0.375rem !important;
  }
  .mex-margin-horizontal-xs\@xlarge {
    margin-right: 0.375rem !important;
    margin-left: 0.375rem !important;
  }
  .mex-margin-vertical-xs\@xlarge {
    margin-top: 0.375rem !important;
    margin-bottom: 0.375rem !important;
  }
}

@media all and (min-width: 768px) {
  .mex-margin-all-l\@medium {
    margin: 1.875rem !important;
  }
  .mex-margin-top-l\@medium {
    margin-top: 1.875rem !important;
  }
  .mex-margin-right-l\@medium {
    margin-right: 1.875rem !important;
  }
  .mex-margin-bottom-l\@medium {
    margin-bottom: 1.875rem !important;
  }
  .mex-margin-left-l\@medium {
    margin-left: 1.875rem !important;
  }
  .mex-margin-horizontal-l\@medium {
    margin-right: 1.875rem !important;
    margin-left: 1.875rem !important;
  }
  .mex-margin-vertical-l\@medium {
    margin-top: 1.875rem !important;
    margin-bottom: 1.875rem !important;
  }
}

@media all and (min-width: 1020px) {
  .mex-margin-all-l\@large {
    margin: 1.875rem !important;
  }
  .mex-margin-top-l\@large {
    margin-top: 1.875rem !important;
  }
  .mex-margin-right-l\@large {
    margin-right: 1.875rem !important;
  }
  .mex-margin-bottom-l\@large {
    margin-bottom: 1.875rem !important;
  }
  .mex-margin-left-l\@large {
    margin-left: 1.875rem !important;
  }
  .mex-margin-horizontal-l\@large {
    margin-right: 1.875rem !important;
    margin-left: 1.875rem !important;
  }
  .mex-margin-vertical-l\@large {
    margin-top: 1.875rem !important;
    margin-bottom: 1.875rem !important;
  }
}

@media all and (min-width: 1164px) {
  .mex-margin-all-l\@xlarge {
    margin: 1.875rem !important;
  }
  .mex-margin-top-l\@xlarge {
    margin-top: 1.875rem !important;
  }
  .mex-margin-right-l\@xlarge {
    margin-right: 1.875rem !important;
  }
  .mex-margin-bottom-l\@xlarge {
    margin-bottom: 1.875rem !important;
  }
  .mex-margin-left-l\@xlarge {
    margin-left: 1.875rem !important;
  }
  .mex-margin-horizontal-l\@xlarge {
    margin-right: 1.875rem !important;
    margin-left: 1.875rem !important;
  }
  .mex-margin-vertical-l\@xlarge {
    margin-top: 1.875rem !important;
    margin-bottom: 1.875rem !important;
  }
}

@media all and (min-width: 768px) {
  .mex-margin-all-xl\@medium {
    margin: 3.75rem !important;
  }
  .mex-margin-top-xl\@medium {
    margin-top: 3.75rem !important;
  }
  .mex-margin-right-xl\@medium {
    margin-right: 3.75rem !important;
  }
  .mex-margin-bottom-xl\@medium {
    margin-bottom: 3.75rem !important;
  }
  .mex-margin-left-xl\@medium {
    margin-left: 3.75rem !important;
  }
  .mex-margin-horizontal-xl\@medium {
    margin-right: 3.75rem !important;
    margin-left: 3.75rem !important;
  }
  .mex-margin-vertical-xl\@medium {
    margin-top: 3.75rem !important;
    margin-bottom: 3.75rem !important;
  }
}

@media all and (min-width: 1020px) {
  .mex-margin-all-xl\@large {
    margin: 3.75rem !important;
  }
  .mex-margin-top-xl\@large {
    margin-top: 3.75rem !important;
  }
  .mex-margin-right-xl\@large {
    margin-right: 3.75rem !important;
  }
  .mex-margin-bottom-xl\@large {
    margin-bottom: 3.75rem !important;
  }
  .mex-margin-left-xl\@large {
    margin-left: 3.75rem !important;
  }
  .mex-margin-horizontal-xl\@large {
    margin-right: 3.75rem !important;
    margin-left: 3.75rem !important;
  }
  .mex-margin-vertical-xl\@large {
    margin-top: 3.75rem !important;
    margin-bottom: 3.75rem !important;
  }
}

@media all and (min-width: 1164px) {
  .mex-margin-all-xl\@xlarge {
    margin: 3.75rem !important;
  }
  .mex-margin-top-xl\@xlarge {
    margin-top: 3.75rem !important;
  }
  .mex-margin-right-xl\@xlarge {
    margin-right: 3.75rem !important;
  }
  .mex-margin-bottom-xl\@xlarge {
    margin-bottom: 3.75rem !important;
  }
  .mex-margin-left-xl\@xlarge {
    margin-left: 3.75rem !important;
  }
  .mex-margin-horizontal-xl\@xlarge {
    margin-right: 3.75rem !important;
    margin-left: 3.75rem !important;
  }
  .mex-margin-vertical-xl\@xlarge {
    margin-top: 3.75rem !important;
    margin-bottom: 3.75rem !important;
  }
}

/**
 * Overrides for paddings
 *
 * - uses settings in settings/_settings-spacing.scss
*/
.mex-padding-all-none {
  padding: 0 !important;
}

.mex-padding-top-none {
  padding-top: 0 !important;
}

.mex-padding-right-none {
  padding-right: 0 !important;
}

.mex-padding-bottom-none {
  padding-bottom: 0 !important;
}

.mex-padding-left-none {
  padding-left: 0 !important;
}

.mex-padding-horizontal-none {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.mex-padding-vertical-none {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.mex-padding-all-base {
  padding: 1.5rem !important;
}

.mex-padding-top-base {
  padding-top: 1.5rem !important;
}

.mex-padding-right-base {
  padding-right: 1.5rem !important;
}

.mex-padding-bottom-base {
  padding-bottom: 1.5rem !important;
}

.mex-padding-left-base {
  padding-left: 1.5rem !important;
}

.mex-padding-horizontal-base {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.mex-padding-vertical-base {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.mex-padding-all-s {
  padding: 0.75rem !important;
}

.mex-padding-top-s {
  padding-top: 0.75rem !important;
}

.mex-padding-right-s {
  padding-right: 0.75rem !important;
}

.mex-padding-bottom-s {
  padding-bottom: 0.75rem !important;
}

.mex-padding-left-s {
  padding-left: 0.75rem !important;
}

.mex-padding-horizontal-s {
  padding-right: 0.75rem !important;
  padding-left: 0.75rem !important;
}

.mex-padding-vertical-s {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}

.mex-padding-all-xs {
  padding: 0.375rem !important;
}

.mex-padding-top-xs {
  padding-top: 0.375rem !important;
}

.mex-padding-right-xs {
  padding-right: 0.375rem !important;
}

.mex-padding-bottom-xs {
  padding-bottom: 0.375rem !important;
}

.mex-padding-left-xs {
  padding-left: 0.375rem !important;
}

.mex-padding-horizontal-xs {
  padding-right: 0.375rem !important;
  padding-left: 0.375rem !important;
}

.mex-padding-vertical-xs {
  padding-top: 0.375rem !important;
  padding-bottom: 0.375rem !important;
}

.mex-padding-all-l {
  padding: 1.875rem !important;
}

.mex-padding-top-l {
  padding-top: 1.875rem !important;
}

.mex-padding-right-l {
  padding-right: 1.875rem !important;
}

.mex-padding-bottom-l {
  padding-bottom: 1.875rem !important;
}

.mex-padding-left-l {
  padding-left: 1.875rem !important;
}

.mex-padding-horizontal-l {
  padding-right: 1.875rem !important;
  padding-left: 1.875rem !important;
}

.mex-padding-vertical-l {
  padding-top: 1.875rem !important;
  padding-bottom: 1.875rem !important;
}

.mex-padding-all-xl {
  padding: 3.75rem !important;
}

.mex-padding-top-xl {
  padding-top: 3.75rem !important;
}

.mex-padding-right-xl {
  padding-right: 3.75rem !important;
}

.mex-padding-bottom-xl {
  padding-bottom: 3.75rem !important;
}

.mex-padding-left-xl {
  padding-left: 3.75rem !important;
}

.mex-padding-horizontal-xl {
  padding-right: 3.75rem !important;
  padding-left: 3.75rem !important;
}

.mex-padding-vertical-xl {
  padding-top: 3.75rem !important;
  padding-bottom: 3.75rem !important;
}

@media all and (min-width: 768px) {
  .mex-padding-all-none\@medium {
    padding: 0 !important;
  }
  .mex-padding-top-none\@medium {
    padding-top: 0 !important;
  }
  .mex-padding-right-none\@medium {
    padding-right: 0 !important;
  }
  .mex-padding-bottom-none\@medium {
    padding-bottom: 0 !important;
  }
  .mex-padding-left-none\@medium {
    padding-left: 0 !important;
  }
  .mex-padding-horizontal-none\@medium {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .mex-padding-vertical-none\@medium {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

@media all and (min-width: 1020px) {
  .mex-padding-all-none\@large {
    padding: 0 !important;
  }
  .mex-padding-top-none\@large {
    padding-top: 0 !important;
  }
  .mex-padding-right-none\@large {
    padding-right: 0 !important;
  }
  .mex-padding-bottom-none\@large {
    padding-bottom: 0 !important;
  }
  .mex-padding-left-none\@large {
    padding-left: 0 !important;
  }
  .mex-padding-horizontal-none\@large {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .mex-padding-vertical-none\@large {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

@media all and (min-width: 1164px) {
  .mex-padding-all-none\@xlarge {
    padding: 0 !important;
  }
  .mex-padding-top-none\@xlarge {
    padding-top: 0 !important;
  }
  .mex-padding-right-none\@xlarge {
    padding-right: 0 !important;
  }
  .mex-padding-bottom-none\@xlarge {
    padding-bottom: 0 !important;
  }
  .mex-padding-left-none\@xlarge {
    padding-left: 0 !important;
  }
  .mex-padding-horizontal-none\@xlarge {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .mex-padding-vertical-none\@xlarge {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

@media all and (min-width: 768px) {
  .mex-padding-all-base\@medium {
    padding: 1.5rem !important;
  }
  .mex-padding-top-base\@medium {
    padding-top: 1.5rem !important;
  }
  .mex-padding-right-base\@medium {
    padding-right: 1.5rem !important;
  }
  .mex-padding-bottom-base\@medium {
    padding-bottom: 1.5rem !important;
  }
  .mex-padding-left-base\@medium {
    padding-left: 1.5rem !important;
  }
  .mex-padding-horizontal-base\@medium {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .mex-padding-vertical-base\@medium {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
}

@media all and (min-width: 1020px) {
  .mex-padding-all-base\@large {
    padding: 1.5rem !important;
  }
  .mex-padding-top-base\@large {
    padding-top: 1.5rem !important;
  }
  .mex-padding-right-base\@large {
    padding-right: 1.5rem !important;
  }
  .mex-padding-bottom-base\@large {
    padding-bottom: 1.5rem !important;
  }
  .mex-padding-left-base\@large {
    padding-left: 1.5rem !important;
  }
  .mex-padding-horizontal-base\@large {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .mex-padding-vertical-base\@large {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
}

@media all and (min-width: 1164px) {
  .mex-padding-all-base\@xlarge {
    padding: 1.5rem !important;
  }
  .mex-padding-top-base\@xlarge {
    padding-top: 1.5rem !important;
  }
  .mex-padding-right-base\@xlarge {
    padding-right: 1.5rem !important;
  }
  .mex-padding-bottom-base\@xlarge {
    padding-bottom: 1.5rem !important;
  }
  .mex-padding-left-base\@xlarge {
    padding-left: 1.5rem !important;
  }
  .mex-padding-horizontal-base\@xlarge {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .mex-padding-vertical-base\@xlarge {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
}

@media all and (min-width: 768px) {
  .mex-padding-all-s\@medium {
    padding: 0.75rem !important;
  }
  .mex-padding-top-s\@medium {
    padding-top: 0.75rem !important;
  }
  .mex-padding-right-s\@medium {
    padding-right: 0.75rem !important;
  }
  .mex-padding-bottom-s\@medium {
    padding-bottom: 0.75rem !important;
  }
  .mex-padding-left-s\@medium {
    padding-left: 0.75rem !important;
  }
  .mex-padding-horizontal-s\@medium {
    padding-right: 0.75rem !important;
    padding-left: 0.75rem !important;
  }
  .mex-padding-vertical-s\@medium {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }
}

@media all and (min-width: 1020px) {
  .mex-padding-all-s\@large {
    padding: 0.75rem !important;
  }
  .mex-padding-top-s\@large {
    padding-top: 0.75rem !important;
  }
  .mex-padding-right-s\@large {
    padding-right: 0.75rem !important;
  }
  .mex-padding-bottom-s\@large {
    padding-bottom: 0.75rem !important;
  }
  .mex-padding-left-s\@large {
    padding-left: 0.75rem !important;
  }
  .mex-padding-horizontal-s\@large {
    padding-right: 0.75rem !important;
    padding-left: 0.75rem !important;
  }
  .mex-padding-vertical-s\@large {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }
}

@media all and (min-width: 1164px) {
  .mex-padding-all-s\@xlarge {
    padding: 0.75rem !important;
  }
  .mex-padding-top-s\@xlarge {
    padding-top: 0.75rem !important;
  }
  .mex-padding-right-s\@xlarge {
    padding-right: 0.75rem !important;
  }
  .mex-padding-bottom-s\@xlarge {
    padding-bottom: 0.75rem !important;
  }
  .mex-padding-left-s\@xlarge {
    padding-left: 0.75rem !important;
  }
  .mex-padding-horizontal-s\@xlarge {
    padding-right: 0.75rem !important;
    padding-left: 0.75rem !important;
  }
  .mex-padding-vertical-s\@xlarge {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }
}

@media all and (min-width: 768px) {
  .mex-padding-all-xs\@medium {
    padding: 0.375rem !important;
  }
  .mex-padding-top-xs\@medium {
    padding-top: 0.375rem !important;
  }
  .mex-padding-right-xs\@medium {
    padding-right: 0.375rem !important;
  }
  .mex-padding-bottom-xs\@medium {
    padding-bottom: 0.375rem !important;
  }
  .mex-padding-left-xs\@medium {
    padding-left: 0.375rem !important;
  }
  .mex-padding-horizontal-xs\@medium {
    padding-right: 0.375rem !important;
    padding-left: 0.375rem !important;
  }
  .mex-padding-vertical-xs\@medium {
    padding-top: 0.375rem !important;
    padding-bottom: 0.375rem !important;
  }
}

@media all and (min-width: 1020px) {
  .mex-padding-all-xs\@large {
    padding: 0.375rem !important;
  }
  .mex-padding-top-xs\@large {
    padding-top: 0.375rem !important;
  }
  .mex-padding-right-xs\@large {
    padding-right: 0.375rem !important;
  }
  .mex-padding-bottom-xs\@large {
    padding-bottom: 0.375rem !important;
  }
  .mex-padding-left-xs\@large {
    padding-left: 0.375rem !important;
  }
  .mex-padding-horizontal-xs\@large {
    padding-right: 0.375rem !important;
    padding-left: 0.375rem !important;
  }
  .mex-padding-vertical-xs\@large {
    padding-top: 0.375rem !important;
    padding-bottom: 0.375rem !important;
  }
}

@media all and (min-width: 1164px) {
  .mex-padding-all-xs\@xlarge {
    padding: 0.375rem !important;
  }
  .mex-padding-top-xs\@xlarge {
    padding-top: 0.375rem !important;
  }
  .mex-padding-right-xs\@xlarge {
    padding-right: 0.375rem !important;
  }
  .mex-padding-bottom-xs\@xlarge {
    padding-bottom: 0.375rem !important;
  }
  .mex-padding-left-xs\@xlarge {
    padding-left: 0.375rem !important;
  }
  .mex-padding-horizontal-xs\@xlarge {
    padding-right: 0.375rem !important;
    padding-left: 0.375rem !important;
  }
  .mex-padding-vertical-xs\@xlarge {
    padding-top: 0.375rem !important;
    padding-bottom: 0.375rem !important;
  }
}

@media all and (min-width: 768px) {
  .mex-padding-all-l\@medium {
    padding: 1.875rem !important;
  }
  .mex-padding-top-l\@medium {
    padding-top: 1.875rem !important;
  }
  .mex-padding-right-l\@medium {
    padding-right: 1.875rem !important;
  }
  .mex-padding-bottom-l\@medium {
    padding-bottom: 1.875rem !important;
  }
  .mex-padding-left-l\@medium {
    padding-left: 1.875rem !important;
  }
  .mex-padding-horizontal-l\@medium {
    padding-right: 1.875rem !important;
    padding-left: 1.875rem !important;
  }
  .mex-padding-vertical-l\@medium {
    padding-top: 1.875rem !important;
    padding-bottom: 1.875rem !important;
  }
}

@media all and (min-width: 1020px) {
  .mex-padding-all-l\@large {
    padding: 1.875rem !important;
  }
  .mex-padding-top-l\@large {
    padding-top: 1.875rem !important;
  }
  .mex-padding-right-l\@large {
    padding-right: 1.875rem !important;
  }
  .mex-padding-bottom-l\@large {
    padding-bottom: 1.875rem !important;
  }
  .mex-padding-left-l\@large {
    padding-left: 1.875rem !important;
  }
  .mex-padding-horizontal-l\@large {
    padding-right: 1.875rem !important;
    padding-left: 1.875rem !important;
  }
  .mex-padding-vertical-l\@large {
    padding-top: 1.875rem !important;
    padding-bottom: 1.875rem !important;
  }
}

@media all and (min-width: 1164px) {
  .mex-padding-all-l\@xlarge {
    padding: 1.875rem !important;
  }
  .mex-padding-top-l\@xlarge {
    padding-top: 1.875rem !important;
  }
  .mex-padding-right-l\@xlarge {
    padding-right: 1.875rem !important;
  }
  .mex-padding-bottom-l\@xlarge {
    padding-bottom: 1.875rem !important;
  }
  .mex-padding-left-l\@xlarge {
    padding-left: 1.875rem !important;
  }
  .mex-padding-horizontal-l\@xlarge {
    padding-right: 1.875rem !important;
    padding-left: 1.875rem !important;
  }
  .mex-padding-vertical-l\@xlarge {
    padding-top: 1.875rem !important;
    padding-bottom: 1.875rem !important;
  }
}

@media all and (min-width: 768px) {
  .mex-padding-all-xl\@medium {
    padding: 3.75rem !important;
  }
  .mex-padding-top-xl\@medium {
    padding-top: 3.75rem !important;
  }
  .mex-padding-right-xl\@medium {
    padding-right: 3.75rem !important;
  }
  .mex-padding-bottom-xl\@medium {
    padding-bottom: 3.75rem !important;
  }
  .mex-padding-left-xl\@medium {
    padding-left: 3.75rem !important;
  }
  .mex-padding-horizontal-xl\@medium {
    padding-right: 3.75rem !important;
    padding-left: 3.75rem !important;
  }
  .mex-padding-vertical-xl\@medium {
    padding-top: 3.75rem !important;
    padding-bottom: 3.75rem !important;
  }
}

@media all and (min-width: 1020px) {
  .mex-padding-all-xl\@large {
    padding: 3.75rem !important;
  }
  .mex-padding-top-xl\@large {
    padding-top: 3.75rem !important;
  }
  .mex-padding-right-xl\@large {
    padding-right: 3.75rem !important;
  }
  .mex-padding-bottom-xl\@large {
    padding-bottom: 3.75rem !important;
  }
  .mex-padding-left-xl\@large {
    padding-left: 3.75rem !important;
  }
  .mex-padding-horizontal-xl\@large {
    padding-right: 3.75rem !important;
    padding-left: 3.75rem !important;
  }
  .mex-padding-vertical-xl\@large {
    padding-top: 3.75rem !important;
    padding-bottom: 3.75rem !important;
  }
}

@media all and (min-width: 1164px) {
  .mex-padding-all-xl\@xlarge {
    padding: 3.75rem !important;
  }
  .mex-padding-top-xl\@xlarge {
    padding-top: 3.75rem !important;
  }
  .mex-padding-right-xl\@xlarge {
    padding-right: 3.75rem !important;
  }
  .mex-padding-bottom-xl\@xlarge {
    padding-bottom: 3.75rem !important;
  }
  .mex-padding-left-xl\@xlarge {
    padding-left: 3.75rem !important;
  }
  .mex-padding-horizontal-xl\@xlarge {
    padding-right: 3.75rem !important;
    padding-left: 3.75rem !important;
  }
  .mex-padding-vertical-xl\@xlarge {
    padding-top: 3.75rem !important;
    padding-bottom: 3.75rem !important;
  }
}

/**
 * Styles: colors
*/
/**
 * No map here because we needed to adhere to a loose baseline grid
 * If that's not needed down the line, switch to sizes only and a map
*/
.mex-text-xs {
  font-size: 0.75rem;
  line-height: 1.5;
}

.mex-text-s {
  font-size: 0.875rem;
  line-height: 1.28571;
}

.mex-text-base {
  font-size: 1rem;
  line-height: 24px;
}

.mex-text-l {
  font-size: 1.125rem;
  line-height: 1.33333;
}

.mex-text-xl {
  font-size: 1.125rem;
  line-height: 1.33333;
}

@media all and (min-width: 768px) {
  .mex-text-xl {
    font-size: 1.3125rem;
    line-height: 1.42857;
  }
}

.mex-text-xxl {
  font-size: 1.3125rem;
  line-height: 1.14286;
}

@media all and (min-width: 768px) {
  .mex-text-xxl {
    font-size: 1.875rem;
    line-height: 1.2;
  }
}

.mex-text-brand {
  color: #0c2577 !important;
  fill: #0c2577 !important;
}

.mex-text-brand-dark {
  color: #081b59 !important;
  fill: #081b59 !important;
}

.mex-text-brand-light {
  color: #6e7cad !important;
  fill: #6e7cad !important;
}

.mex-text-accent {
  color: #4088ee !important;
  fill: #4088ee !important;
}

.mex-text-accent-candidate {
  color: #7aae1a !important;
  fill: #7aae1a !important;
}

.mex-text-accent-recruiter {
  color: #d54500 !important;
  fill: #d54500 !important;
}

.mex-text-black {
  color: #222222 !important;
  fill: #222222 !important;
}

.mex-text-grey-darker {
  color: #3a434f !important;
  fill: #3a434f !important;
}

.mex-text-grey-dark {
  color: #566578 !important;
  fill: #566578 !important;
}

.mex-text-grey {
  color: #8e97a4 !important;
  fill: #8e97a4 !important;
}

.mex-text-grey-light {
  color: #b3b9c1 !important;
  fill: #b3b9c1 !important;
}

.mex-text-grey-lighter {
  color: #dcdfe2 !important;
  fill: #dcdfe2 !important;
}

.mex-text-off-white {
  color: #f5f5f5 !important;
  fill: #f5f5f5 !important;
}

.mex-text-white {
  color: #ffffff !important;
  fill: #ffffff !important;
}

.mex-text-ui-danger {
  color: #e45e6a !important;
  fill: #e45e6a !important;
}

.mex-text-ui-warning {
  color: #eba600 !important;
  fill: #eba600 !important;
}

.mex-text-ui-success {
  color: #669ff1 !important;
  fill: #669ff1 !important;
}

.mex-text-muted {
  color: #8e97a4 !important;
  fill: #8e97a4 !important;
}

.mex-text-divider {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.mex-text-divider::before, .mex-text-divider::after {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  content: "";
  height: 1px;
  background-color: #dcdfe2;
}

.mex-text-divider span {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.mex-text-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

@media all and (min-width: 768px) {
  .mex-text-ellipsis\@medium {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .mex-text-ellipsis-none\@medium {
    overflow: auto;
    white-space: normal;
    text-overflow: none;
  }
}

@media all and (min-width: 1020px) {
  .mex-text-ellipsis\@large {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .mex-text-ellipsis-none\@large {
    overflow: auto;
    white-space: normal;
    text-overflow: none;
  }
}

@media all and (min-width: 1164px) {
  .mex-text-ellipsis\@xlarge {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .mex-text-ellipsis-none\@xlarge {
    overflow: auto;
    white-space: normal;
    text-overflow: none;
  }
}

.mex-text-break-word {
  word-break: break-word;
}

.iconic.mex-iconic--xs::before {
  font-size: 0.75rem;
}

.iconic.mex-iconic--s::before {
  font-size: 0.875rem;
}

.iconic.mex-iconic--l::before {
  font-size: 1.125rem;
}

.iconic.mex-iconic--xl::before {
  font-size: 1.3125rem;
}

.iconic.mex-iconic--xxl::before {
  font-size: 1.875rem;
}

.iconic.mex-iconic--3xl::before {
  font-size: 2.625rem;
}

.iconic.mex-iconic--huge::before {
  font-size: 5rem;
}

address {
  font-style: normal;
}

body {
  color: #222222;
  -webkit-font-smoothing: antialiased;
  background: #f5f5f5;
}

.mex-code,
code {
  color: inherit;
  font-family: "Consolas", "Monaco", monospace;
  word-wrap: break-word;
}

/**
 * Remove default lateral margins
*/
figure {
  margin-right: 0;
  margin-left: 0;
}

hr {
  border: none;
  border-bottom: 1px solid #dcdfe2;
}

a {
  color: #4088ee;
}

a:visited {
  color: #4088ee;
}

a:hover {
  color: #1260cf;
}

a:active {
  color: #0050c2;
}

ul,
ol {
  margin-left: 1.875rem;
  padding: 0;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.875rem;
  padding: 0;
}

/**
 * Remove all top margins and standardize bottom margins
*/
address,
h1,
h2,
h3,
h4,
h5,
h6,
p,
hr,
blockquote,
figure,
ul,
ol,
dl,
video,
audio {
  margin-top: 0;
  margin-bottom: 0.75rem;
}

form {
  margin: 0;
}

/**
 * Set standard lateral margins
*/
blockquote {
  margin-right: 1.5rem;
  margin-left: 1.5rem;
}

blockquote cite {
  font-style: normal;
}

blockquote cite::before {
  content: "\2014\00A0";
}

/**
 * Titles classes (standard)
*/
.mex-h1,
h1, .mex-h2,
h2, .mex-h3,
h3, .mex-h4,
h4 {
  color: #222222;
  font-weight: 600;
  font-family: sans-serif;
}

.mex-h1,
h1 {
  margin-bottom: 1.5rem;
  font-size: 1.3125rem;
  line-height: 1.14286;
}

@media all and (min-width: 768px) {
  .mex-h1,
  h1 {
    font-size: 1.875rem;
    line-height: 1.2;
  }
}

.mex-h1--inverse {
  color: #ffffff;
}

.mex-h2,
h2 {
  margin-bottom: 0.75rem;
  color: #0c2577;
  font-size: 1.125rem;
  line-height: 1.33333;
}

@media all and (min-width: 768px) {
  .mex-h2,
  h2 {
    font-size: 1.3125rem;
    line-height: 1.42857;
  }
}

.mex-h2--inverse {
  color: #ffffff;
}

.mex-h3,
h3 {
  margin-bottom: 0.75rem;
  font-size: 1.125rem;
  line-height: 1.33333;
}

.mex-h3--inverse {
  color: #ffffff;
}

.mex-h4,
h4 {
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.5;
}

.mex-h4--inverse {
  color: #ffffff;
}

/**
 * Uses settings/_settings-typography.scss
*/
html {
  font-weight: 400;
  font-size: 100%;
  line-height: 1.5;
  font-family: sans-serif;
}

/**
 * Used to center things and enforce max-width
*/
.mex-container {
  box-sizing: border-box;
  max-width: 1164px;
  margin: 0 auto;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

/**
 * Define grid
 *
 * [1] grid usable on lists
 * [2] kill default padding and margin
 * [3] compensating left padding of leftmost .grid__unit in .grid
 * [4] grid as flex container / default orientation / default horizontal and
 *     vertical alignement of units
 * [5] grid cells wrap by default, using grid--autowidth changes that behavior
*/
.mex-grid {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
  margin: 0;
  margin-left: -12px;
  padding: 0;
  list-style: none;
}

/**
 * Grid units
 *
 * [1] allows for padding without modifying the box width
 * [2] the basic width for grid units is 100%
 * [3] gutters created using padding
 * [4] units sized using percentage widths as basis, no shrinking, no growing
*/
.mex-grid__unit {
  box-sizing: border-box;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  width: 100%;
  margin: 0;
  padding: 0;
  padding-left: 12px;
}

/**
 * grid autowidth
 *
 * Do not use any width related modifiers, just grid class and modifers and
 * grid unit base classes
 * [1] grid units do not wrap on multiple lines
 * [2] each grid unit will grow and shrink by the same amount to fill all
 *     available space
*/
.mex-grid--autowidth {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.mex-grid--autowidth > .mex-grid__unit {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
}

/**
 * grid units horizontally aligned to the start of the grid
*/
.mex-grid--horizontal-align-start {
  -ms-flex-pack: start;
      justify-content: flex-start;
}

/**
 * grid units horizontally aligned to the center of the grid
*/
.mex-grid--horizontal-align-middle {
  -ms-flex-pack: center;
      justify-content: center;
}

/**
 * grid units horizontally aligned to the end of the grid
*/
.mex-grid--horizontal-align-end {
  -ms-flex-pack: end;
      justify-content: flex-end;
}

/**
 * grid units horizontally distributed: space-between
*/
.mex-grid--horizontal-space-between {
  -ms-flex-pack: justify;
      justify-content: space-between;
}

/**
 * grid units horizontally distributed: space-around
*/
.mex-grid--horizontal-space-around {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

/**
 * grid units vertically stretched (default)
 *
 * [1] grid units are flex items too and have a direction of column
 *     (allows for full height flex children)
*/
.mex-grid--vertical-align-stretch {
  -ms-flex-align: stretch;
      align-items: stretch;
}

.mex-grid--vertical-align-stretch > .mex-grid__unit {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

/**
 * grid units vertically aligned to the start of the grid
*/
.mex-grid--vertical-align-start {
  -ms-flex-align: start;
      align-items: flex-start;
}

/**
 * grid units vertically aligned to the center of the grid
*/
.mex-grid--vertical-align-middle {
  -ms-flex-align: center;
      align-items: center;
}

/**
 * grid units vertically aligned to the end of the grid
*/
.mex-grid--vertical-align-end {
  -ms-flex-align: end;
      align-items: flex-end;
}

/**
 * grid gutterless
*/
.mex-grid--gutterless {
  margin-left: 0;
}

.mex-grid--gutterless > .mex-grid__unit {
  padding-left: 0;
}

/**
 * - Loop through each value in the list
 * - Create corresponding classes
 * - Using "to" in the loop for proportional classes since the "full" classes are created separately
 * - Using "through" in the loop for order classes since we need all 12 of them
*/
/**
 * In SASS, you cannot extend classes that are not in the same media queries
 *
 * - Generate classes for all the defined media queries breakpoints
 * - Using a mobile first approach
*/
/**
 * include basic non-namespaced classes without any media queries
*/
.mex-grid__unit--full {
  width: 100%;
}

.mex-grid__unit--order-1 {
  -ms-flex-order: 1;
      order: 1;
}

.mex-grid__unit--order-2 {
  -ms-flex-order: 2;
      order: 2;
}

.mex-grid__unit--order-3 {
  -ms-flex-order: 3;
      order: 3;
}

.mex-grid__unit--order-4 {
  -ms-flex-order: 4;
      order: 4;
}

.mex-grid__unit--order-5 {
  -ms-flex-order: 5;
      order: 5;
}

.mex-grid__unit--order-6 {
  -ms-flex-order: 6;
      order: 6;
}

.mex-grid__unit--order-7 {
  -ms-flex-order: 7;
      order: 7;
}

.mex-grid__unit--order-8 {
  -ms-flex-order: 8;
      order: 8;
}

.mex-grid__unit--order-9 {
  -ms-flex-order: 9;
      order: 9;
}

.mex-grid__unit--order-10 {
  -ms-flex-order: 10;
      order: 10;
}

.mex-grid__unit--order-11 {
  -ms-flex-order: 11;
      order: 11;
}

.mex-grid__unit--order-12 {
  -ms-flex-order: 12;
      order: 12;
}

.mex-grid__unit--1of12 {
  width: 8.33333%;
}

.mex-grid__unit--offset-1of12 {
  margin-left: 8.33333%;
}

.mex-grid__unit--2of12 {
  width: 16.66667%;
}

.mex-grid__unit--offset-2of12 {
  margin-left: 16.66667%;
}

.mex-grid__unit--3of12 {
  width: 25%;
}

.mex-grid__unit--offset-3of12 {
  margin-left: 25%;
}

.mex-grid__unit--4of12 {
  width: 33.33333%;
}

.mex-grid__unit--offset-4of12 {
  margin-left: 33.33333%;
}

.mex-grid__unit--5of12 {
  width: 41.66667%;
}

.mex-grid__unit--offset-5of12 {
  margin-left: 41.66667%;
}

.mex-grid__unit--6of12 {
  width: 50%;
}

.mex-grid__unit--offset-6of12 {
  margin-left: 50%;
}

.mex-grid__unit--7of12 {
  width: 58.33333%;
}

.mex-grid__unit--offset-7of12 {
  margin-left: 58.33333%;
}

.mex-grid__unit--8of12 {
  width: 66.66667%;
}

.mex-grid__unit--offset-8of12 {
  margin-left: 66.66667%;
}

.mex-grid__unit--9of12 {
  width: 75%;
}

.mex-grid__unit--offset-9of12 {
  margin-left: 75%;
}

.mex-grid__unit--10of12 {
  width: 83.33333%;
}

.mex-grid__unit--offset-10of12 {
  margin-left: 83.33333%;
}

.mex-grid__unit--11of12 {
  width: 91.66667%;
}

.mex-grid__unit--offset-11of12 {
  margin-left: 91.66667%;
}

/**
 * generate namespaced (silent) classes for all defined breakpoints
*/
@media all and (min-width: 768px) {
  .mex-grid__unit--full\@medium {
    width: 100%;
  }
  .mex-grid__unit--order-1\@medium {
    -ms-flex-order: 1;
        order: 1;
  }
  .mex-grid__unit--order-2\@medium {
    -ms-flex-order: 2;
        order: 2;
  }
  .mex-grid__unit--order-3\@medium {
    -ms-flex-order: 3;
        order: 3;
  }
  .mex-grid__unit--order-4\@medium {
    -ms-flex-order: 4;
        order: 4;
  }
  .mex-grid__unit--order-5\@medium {
    -ms-flex-order: 5;
        order: 5;
  }
  .mex-grid__unit--order-6\@medium {
    -ms-flex-order: 6;
        order: 6;
  }
  .mex-grid__unit--order-7\@medium {
    -ms-flex-order: 7;
        order: 7;
  }
  .mex-grid__unit--order-8\@medium {
    -ms-flex-order: 8;
        order: 8;
  }
  .mex-grid__unit--order-9\@medium {
    -ms-flex-order: 9;
        order: 9;
  }
  .mex-grid__unit--order-10\@medium {
    -ms-flex-order: 10;
        order: 10;
  }
  .mex-grid__unit--order-11\@medium {
    -ms-flex-order: 11;
        order: 11;
  }
  .mex-grid__unit--order-12\@medium {
    -ms-flex-order: 12;
        order: 12;
  }
  .mex-grid__unit--1of12\@medium {
    width: 8.33333%;
  }
  .mex-grid__unit--offset-1of12\@medium {
    margin-left: 8.33333%;
  }
  .mex-grid__unit--2of12\@medium {
    width: 16.66667%;
  }
  .mex-grid__unit--offset-2of12\@medium {
    margin-left: 16.66667%;
  }
  .mex-grid__unit--3of12\@medium {
    width: 25%;
  }
  .mex-grid__unit--offset-3of12\@medium {
    margin-left: 25%;
  }
  .mex-grid__unit--4of12\@medium {
    width: 33.33333%;
  }
  .mex-grid__unit--offset-4of12\@medium {
    margin-left: 33.33333%;
  }
  .mex-grid__unit--5of12\@medium {
    width: 41.66667%;
  }
  .mex-grid__unit--offset-5of12\@medium {
    margin-left: 41.66667%;
  }
  .mex-grid__unit--6of12\@medium {
    width: 50%;
  }
  .mex-grid__unit--offset-6of12\@medium {
    margin-left: 50%;
  }
  .mex-grid__unit--7of12\@medium {
    width: 58.33333%;
  }
  .mex-grid__unit--offset-7of12\@medium {
    margin-left: 58.33333%;
  }
  .mex-grid__unit--8of12\@medium {
    width: 66.66667%;
  }
  .mex-grid__unit--offset-8of12\@medium {
    margin-left: 66.66667%;
  }
  .mex-grid__unit--9of12\@medium {
    width: 75%;
  }
  .mex-grid__unit--offset-9of12\@medium {
    margin-left: 75%;
  }
  .mex-grid__unit--10of12\@medium {
    width: 83.33333%;
  }
  .mex-grid__unit--offset-10of12\@medium {
    margin-left: 83.33333%;
  }
  .mex-grid__unit--11of12\@medium {
    width: 91.66667%;
  }
  .mex-grid__unit--offset-11of12\@medium {
    margin-left: 91.66667%;
  }
}

@media all and (min-width: 1020px) {
  .mex-grid__unit--full\@large {
    width: 100%;
  }
  .mex-grid__unit--order-1\@large {
    -ms-flex-order: 1;
        order: 1;
  }
  .mex-grid__unit--order-2\@large {
    -ms-flex-order: 2;
        order: 2;
  }
  .mex-grid__unit--order-3\@large {
    -ms-flex-order: 3;
        order: 3;
  }
  .mex-grid__unit--order-4\@large {
    -ms-flex-order: 4;
        order: 4;
  }
  .mex-grid__unit--order-5\@large {
    -ms-flex-order: 5;
        order: 5;
  }
  .mex-grid__unit--order-6\@large {
    -ms-flex-order: 6;
        order: 6;
  }
  .mex-grid__unit--order-7\@large {
    -ms-flex-order: 7;
        order: 7;
  }
  .mex-grid__unit--order-8\@large {
    -ms-flex-order: 8;
        order: 8;
  }
  .mex-grid__unit--order-9\@large {
    -ms-flex-order: 9;
        order: 9;
  }
  .mex-grid__unit--order-10\@large {
    -ms-flex-order: 10;
        order: 10;
  }
  .mex-grid__unit--order-11\@large {
    -ms-flex-order: 11;
        order: 11;
  }
  .mex-grid__unit--order-12\@large {
    -ms-flex-order: 12;
        order: 12;
  }
  .mex-grid__unit--1of12\@large {
    width: 8.33333%;
  }
  .mex-grid__unit--offset-1of12\@large {
    margin-left: 8.33333%;
  }
  .mex-grid__unit--2of12\@large {
    width: 16.66667%;
  }
  .mex-grid__unit--offset-2of12\@large {
    margin-left: 16.66667%;
  }
  .mex-grid__unit--3of12\@large {
    width: 25%;
  }
  .mex-grid__unit--offset-3of12\@large {
    margin-left: 25%;
  }
  .mex-grid__unit--4of12\@large {
    width: 33.33333%;
  }
  .mex-grid__unit--offset-4of12\@large {
    margin-left: 33.33333%;
  }
  .mex-grid__unit--5of12\@large {
    width: 41.66667%;
  }
  .mex-grid__unit--offset-5of12\@large {
    margin-left: 41.66667%;
  }
  .mex-grid__unit--6of12\@large {
    width: 50%;
  }
  .mex-grid__unit--offset-6of12\@large {
    margin-left: 50%;
  }
  .mex-grid__unit--7of12\@large {
    width: 58.33333%;
  }
  .mex-grid__unit--offset-7of12\@large {
    margin-left: 58.33333%;
  }
  .mex-grid__unit--8of12\@large {
    width: 66.66667%;
  }
  .mex-grid__unit--offset-8of12\@large {
    margin-left: 66.66667%;
  }
  .mex-grid__unit--9of12\@large {
    width: 75%;
  }
  .mex-grid__unit--offset-9of12\@large {
    margin-left: 75%;
  }
  .mex-grid__unit--10of12\@large {
    width: 83.33333%;
  }
  .mex-grid__unit--offset-10of12\@large {
    margin-left: 83.33333%;
  }
  .mex-grid__unit--11of12\@large {
    width: 91.66667%;
  }
  .mex-grid__unit--offset-11of12\@large {
    margin-left: 91.66667%;
  }
}

.mex-fluidimage {
  max-width: 100%;
}

/**
 * Consistent ratio for fluid maps (googlemap/ mapbox, etc.)
 * - 16 by 9 ratio for the maps
 * - the <iframe> is absolutely positioned in a div element with the correct ratio
*/
.mex-fluidmap {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
}

.mex-fluidmap > iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

/**
 * Consistent ratio for fluid videos (youtube / vimeo, etc.)
 * - 16 by 9 ratio for the video
 * - the <iframe> is absolutely positioned in a div element with the correct ratio
*/
.mex-fluidvideo {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
}

.mex-fluidvideo > iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

/**
 * Flexbox based media object based on Nicole Sullivan's work
 * <http://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code/>
 *
 * - not a responsive version (use the grid for that)
 * - used in come edge cases where the grid is overkill
*/
.mex-media-object {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: start;
      align-items: flex-start;
}

.mex-media-object__media {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  margin-right: 0.75rem;
}

.mex-media-object__body {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
}

/*
* Vertical alignments of media
*
* --vertical-align-start (default)
* --vertical-align-end
* --vertical-align-middle
* --gutterless (no gutter)
* --reversed (swap position of media and body)
*/
.mex-media-object--vertical-align-end {
  -ms-flex-align: end;
      align-items: flex-end;
}

.mex-media-object--vertical-align-middle {
  -ms-flex-align: center;
      align-items: center;
}

.mex-media-object--reverse {
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
}

.mex-media-object--reverse > .mex-media-object__media {
  margin-right: 0;
  margin-left: 12px;
}

.mex-media-object__media--gutterless {
  margin-right: 0;
}

/**
 * - is fixed at the bottom of the screen on mobile
 * - h1s a high z-index to be above everything else
 * - is hidden on medium breakpoint and up
 * - can hold one or two buttons
*/
.mex-actions-menu {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 100;
  box-sizing: border-box;
  width: 100%;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  border-top: 1px solid #dcdfe2;
  background-color: #ffffff;
}

@media all and (min-width: 1020px) {
  .mex-actions-menu {
    display: none;
  }
}

/**
 * Base styles
*/
.mex-alert {
  margin-bottom: 12px;
  padding: 0.75rem;
  color: #566578;
  font-size: 16px;
  line-height: 24px;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  border-radius: 0.1875rem;
  background-color: #dcdfe2;
}

.mex-alert *:last-of-type {
  margin-bottom: 0;
}

.mex-alert a {
  color: inherit;
}

/**
 * Themes variants
*/
.mex-alert--success {
  color: #ffffff;
  background-color: #669ff1;
}

.mex-alert--warning {
  color: #ffffff;
  background-color: #eba600;
}

.mex-alert--danger {
  color: #ffffff;
  background-color: #e45e6a;
}

.mex-alert--candidate {
  color: #ffffff;
  background-color: #7aae1a;
}

.mex-alert--recruiter {
  color: #ffffff;
  background-color: #d54500;
}

/**
 * Size variants
*/
.mex-alert--l {
  padding: 24px;
}

.mex-alert--xl {
  padding: 36px;
}

/**
 * The close button is hardcoded in the alert component's HTML
 * .mex-alert--dismissible modifier
 *    - makes room for the close button on the right side of alert
 *    - gives position: relative to alert to position the close button
*/
.mex-alert--dismissible {
  position: relative;
  padding-right: 2.5rem;
}

.mex-alert__trigger {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  cursor: pointer;
}

/**
 * Size variants
*/
.mex-alert--l.mex-alert--dismissible {
  padding-right: 52px;
}

.mex-alert--l .mex-alert__trigger {
  top: 24px;
  right: 24px;
}

.mex-alert--xl.mex-alert--dismissible {
  padding-right: 64px;
}

.mex-alert--xl .mex-alert__trigger {
  top: 36px;
  right: 36px;
}

.mex-avatar {
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 3.875rem;
  height: 3.875rem;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  overflow: hidden;
  color: #b3b9c1;
  font-weight: 700;
  font-size: 1.125rem;
  border: 2px solid #ffffff;
  background: #f5f5f5;
  border-radius: 100%;
}

.mex-avatar--large {
  width: 6.625rem;
  height: 6.625rem;
  font-size: 1.875rem;
}

.mex-avatar--small {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 0.75rem;
}

.mex-avatar__image {
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
}

/* Using global settings for everything */
/**
 * Base breadcrumb
*/
.mex-breadcrumb {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  padding-bottom: 0.75rem;
  color: #566578;
  font-size: 16px;
  line-height: 36px;
}

.mex-breadcrumb__item {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  margin-right: 12px;
  padding-right: 24px;
  background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path fill="#B3B9C1" d="M13.96 6.938L15 8l-1.04 1.063L7.162 16H2l7.837-8L2 0h5.163z" fill-rule="evenodd"/></svg>');
  background-position: 100% 50%;
  background-repeat: no-repeat;
}

.mex-breadcrumb__item:last-child {
  margin-right: 0;
  padding-right: 0;
  background: none;
}

.mex-breadcrumb__link {
  display: inline-block;
  text-decoration: none;
}

.mex-banner {
  position: relative;
  margin-bottom: 24px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  min-width: 2.5rem;
  padding: 12px 6px 12px;
  text-align: center;
  color: #ffffff;
  line-height: 0.5;
}

.mex-banner--brand {
  background-color: #0c2577;
}

.mex-banner--brand::before {
  position: absolute;
  bottom: -6px;
  left: 0;
  display: block;
  width: 50%;
  height: 6px;
  background: linear-gradient(to bottom right, #0c2577 0%, #0c2577 40%, transparent 50%, transparent 50%, transparent 50.1%);
  content: '';
}

.mex-banner--brand::after {
  position: absolute;
  right: 0;
  bottom: -6px;
  display: block;
  width: 50%;
  height: 6px;
  background: linear-gradient(to top right, transparent 50%, transparent 49.9%, #0c2577 60%, #0c2577 50%, #0c2577 0);
  content: '';
}

.mex-banner--brand-dark {
  background-color: #081b59;
}

.mex-banner--brand-dark::before {
  position: absolute;
  bottom: -6px;
  left: 0;
  display: block;
  width: 50%;
  height: 6px;
  background: linear-gradient(to bottom right, #081b59 0%, #081b59 40%, transparent 50%, transparent 50%, transparent 50.1%);
  content: '';
}

.mex-banner--brand-dark::after {
  position: absolute;
  right: 0;
  bottom: -6px;
  display: block;
  width: 50%;
  height: 6px;
  background: linear-gradient(to top right, transparent 50%, transparent 49.9%, #081b59 60%, #081b59 50%, #081b59 0);
  content: '';
}

.mex-banner--accent {
  background-color: #4088ee;
}

.mex-banner--accent::before {
  position: absolute;
  bottom: -6px;
  left: 0;
  display: block;
  width: 50%;
  height: 6px;
  background: linear-gradient(to bottom right, #4088ee 0%, #4088ee 40%, transparent 50%, transparent 50%, transparent 50.1%);
  content: '';
}

.mex-banner--accent::after {
  position: absolute;
  right: 0;
  bottom: -6px;
  display: block;
  width: 50%;
  height: 6px;
  background: linear-gradient(to top right, transparent 50%, transparent 49.9%, #4088ee 60%, #4088ee 50%, #4088ee 0);
  content: '';
}

.mex-banner--accent-candidate {
  background-color: #7aae1a;
}

.mex-banner--accent-candidate::before {
  position: absolute;
  bottom: -6px;
  left: 0;
  display: block;
  width: 50%;
  height: 6px;
  background: linear-gradient(to bottom right, #7aae1a 0%, #7aae1a 40%, transparent 50%, transparent 50%, transparent 50.1%);
  content: '';
}

.mex-banner--accent-candidate::after {
  position: absolute;
  right: 0;
  bottom: -6px;
  display: block;
  width: 50%;
  height: 6px;
  background: linear-gradient(to top right, transparent 50%, transparent 49.9%, #7aae1a 60%, #7aae1a 50%, #7aae1a 0);
  content: '';
}

.mex-banner--accent-recruiter {
  background-color: #7aae1a;
}

.mex-banner--accent-recruiter::before {
  position: absolute;
  bottom: -6px;
  left: 0;
  display: block;
  width: 50%;
  height: 6px;
  background: linear-gradient(to bottom right, #7aae1a 0%, #7aae1a 40%, transparent 50%, transparent 50%, transparent 50.1%);
  content: '';
}

.mex-banner--accent-recruiter::after {
  position: absolute;
  right: 0;
  bottom: -6px;
  display: block;
  width: 50%;
  height: 6px;
  background: linear-gradient(to top right, transparent 50%, transparent 49.9%, #7aae1a 60%, #7aae1a 50%, #7aae1a 0);
  content: '';
}

.mex-banner--ui-danger {
  background-color: #e45e6a;
}

.mex-banner--ui-danger::before {
  position: absolute;
  bottom: -6px;
  left: 0;
  display: block;
  width: 50%;
  height: 6px;
  background: linear-gradient(to bottom right, #e45e6a 0%, #e45e6a 40%, transparent 50%, transparent 50%, transparent 50.1%);
  content: '';
}

.mex-banner--ui-danger::after {
  position: absolute;
  right: 0;
  bottom: -6px;
  display: block;
  width: 50%;
  height: 6px;
  background: linear-gradient(to top right, transparent 50%, transparent 49.9%, #e45e6a 60%, #e45e6a 50%, #e45e6a 0);
  content: '';
}

.mex-banner--ui-warning {
  background-color: #eba600;
}

.mex-banner--ui-warning::before {
  position: absolute;
  bottom: -6px;
  left: 0;
  display: block;
  width: 50%;
  height: 6px;
  background: linear-gradient(to bottom right, #eba600 0%, #eba600 40%, transparent 50%, transparent 50%, transparent 50.1%);
  content: '';
}

.mex-banner--ui-warning::after {
  position: absolute;
  right: 0;
  bottom: -6px;
  display: block;
  width: 50%;
  height: 6px;
  background: linear-gradient(to top right, transparent 50%, transparent 49.9%, #eba600 60%, #eba600 50%, #eba600 0);
  content: '';
}

.mex-banner--ui-success {
  background-color: #669ff1;
}

.mex-banner--ui-success::before {
  position: absolute;
  bottom: -6px;
  left: 0;
  display: block;
  width: 50%;
  height: 6px;
  background: linear-gradient(to bottom right, #669ff1 0%, #669ff1 40%, transparent 50%, transparent 50%, transparent 50.1%);
  content: '';
}

.mex-banner--ui-success::after {
  position: absolute;
  right: 0;
  bottom: -6px;
  display: block;
  width: 50%;
  height: 6px;
  background: linear-gradient(to top right, transparent 50%, transparent 49.9%, #669ff1 60%, #669ff1 50%, #669ff1 0);
  content: '';
}

/**
 * different from global spacing settings so we redefine everything
*/
/**
 * Base button
*/
.mex-button {
  box-sizing: border-box;
  display: inline-block;
  padding: 0.5rem 0.75rem;
  color: #4088ee;
  font-size: 1rem;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  border: 1px solid #dcdfe2;
  border-radius: 0.1875rem;
  background-color: #ffffff;
  vertical-align: middle;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}

.mex-button:visited {
  color: #4088ee;
  border-color: #dcdfe2;
}

.mex-button:hover, .mex-button:focus {
  color: #1260cf;
  border-color: #b3b9c1;
}

.mex-button:active,
.mex-button.is-active {
  color: #0050c2;
  border-color: #8e97a4;
}

.mex-button:disabled,
.mex-button.is-disabled {
  color: #b3b9c1;
  border-color: #dcdfe2;
  cursor: not-allowed;
}

/**
 * Block variant
*/
.mex-button--block {
  display: block;
  width: 100%;
}

/**
 * Inline-block variant
*/
.mex-button--inline-block {
  display: inline-block;
  width: auto;
}

@media all and (min-width: 768px) {
  .mex-button--block\@medium {
    display: block;
    width: 100%;
  }
  .mex-button--inline-block\@medium {
    display: inline-block;
    width: auto;
  }
}

@media all and (min-width: 1020px) {
  .mex-button--block\@large {
    display: block;
    width: 100%;
  }
  .mex-button--inline-block\@large {
    display: inline-block;
    width: auto;
  }
}

@media all and (min-width: 1164px) {
  .mex-button--block\@xlarge {
    display: block;
    width: 100%;
  }
  .mex-button--inline-block\@xlarge {
    display: inline-block;
    width: auto;
  }
}

/**
 * Button sizes
*/
.mex-button--xs {
  padding: 0.3125rem 0.25rem;
  font-size: 0.75rem;
  line-height: 1;
}

.mex-button--s {
  padding: 0.3125rem 0.375rem;
  font-size: 0.875rem;
  line-height: 1.28571;
}

.mex-button--l {
  padding: 0.875rem 1.125rem;
  font-size: 1.3125rem;
  line-height: 1.14286;
}

/**
 * Button types
*/
.mex-button.mex-button--hollow {
  background-color: transparent;
}

.mex-button.mex-button--hollow:visited {
  color: #4088ee;
}

.mex-button.mex-button--hollow:hover, .mex-button.mex-button--hollow:focus {
  color: #1260cf;
}

.mex-button.mex-button--hollow:active,
.mex-button.mex-button--hollow.is-active {
  color: #0050c2;
}

.mex-button.mex-button--hollow:disabled,
.mex-button.mex-button--hollow.is-disabled {
  color: #b3b9c1;
}

.mex-button.mex-button--link {
  border-color: transparent;
  background-color: transparent;
}

.mex-button.mex-button--link:visited {
  color: #4088ee;
  border-color: transparent;
}

.mex-button.mex-button--link:hover, .mex-button.mex-button--link:focus {
  color: #1260cf;
  border-color: transparent;
}

.mex-button.mex-button--link:active,
.mex-button.mex-button--link.is-active {
  color: #0050c2;
  border-color: transparent;
}

.mex-button.mex-button--link:disabled,
.mex-button.mex-button--link.is-disabled {
  color: #b3b9c1;
  border-color: transparent;
}

.mex-button.mex-button--primary {
  color: #ffffff;
  font-weight: 600;
  border-color: #4088ee;
  background-color: #4088ee;
}

.mex-button.mex-button--primary:visited {
  color: #ffffff;
  border-color: #4088ee;
}

.mex-button.mex-button--primary:hover, .mex-button.mex-button--primary:focus {
  color: #ffffff;
  border-color: #1260cf;
  background-color: #1260cf;
}

.mex-button.mex-button--primary:active,
.mex-button.mex-button--primary.is-active {
  color: #ffffff;
  border-color: #0050c2;
  background-color: #0050c2;
}

.mex-button.mex-button--primary:disabled,
.mex-button.mex-button--primary.is-disabled {
  color: #b3b9c1;
  border-color: #dcdfe2;
  background-color: #dcdfe2;
}

.mex-button.mex-button--inverse {
  color: #4088ee;
  font-weight: 600;
  border-color: #ffffff;
  background-color: #ffffff;
}

.mex-button.mex-button--inverse:visited {
  color: #4088ee;
  border-color: #ffffff;
}

.mex-button.mex-button--inverse:hover, .mex-button.mex-button--inverse:focus {
  color: #1260cf;
  border-color: #ffffff;
}

.mex-button.mex-button--inverse:active,
.mex-button.mex-button--inverse.is-active {
  color: #0050c2;
  border-color: #ffffff;
}

.mex-button.mex-button--inverse:disabled,
.mex-button.mex-button--inverse.is-disabled {
  color: #b3b9c1;
  border-color: #ffffff;
}

/**
 * Button candidate theme
*/
.mex-button.mex-button--candidate {
  color: #7aae1a;
}

.mex-button.mex-button--candidate:visited {
  color: #7aae1a;
}

.mex-button.mex-button--candidate:hover, .mex-button.mex-button--candidate:focus {
  color: #6a9817;
}

.mex-button.mex-button--candidate:active,
.mex-button.mex-button--candidate.is-active {
  color: #587e14;
}

.mex-button.mex-button--candidate:disabled,
.mex-button.mex-button--candidate.is-disabled {
  color: #b3b9c1;
}

.mex-button--primary.mex-button--candidate {
  color: #ffffff;
  border-color: #7aae1a;
  background-color: #7aae1a;
}

.mex-button--primary.mex-button--candidate:visited {
  color: #ffffff;
  border-color: #7aae1a;
}

.mex-button--primary.mex-button--candidate:hover, .mex-button--primary.mex-button--candidate:focus {
  color: #ffffff;
  border-color: #6a9817;
  background-color: #6a9817;
}

.mex-button--primary.mex-button--candidate:active,
.mex-button--primary.mex-button--candidate.is-active {
  color: #ffffff;
  border-color: #587e14;
  background-color: #587e14;
}

.mex-button--primary.mex-button--candidate:disabled,
.mex-button--primary.mex-button--candidate.is-disabled {
  color: #b3b9c1;
  border-color: #dcdfe2;
  background-color: #dcdfe2;
}

/**
 * Button recruiter theme
*/
.mex-button.mex-button--recruiter {
  color: #d54500;
}

.mex-button.mex-button--recruiter:visited {
  color: #d54500;
}

.mex-button.mex-button--recruiter:hover, .mex-button.mex-button--recruiter:focus {
  color: #b93c00;
}

.mex-button.mex-button--recruiter:active,
.mex-button.mex-button--recruiter.is-active {
  color: #a73600;
}

.mex-button.mex-button--recruiter:disabled,
.mex-button.mex-button--recruiter.is-disabled {
  color: #b3b9c1;
}

.mex-button--primary.mex-button--recruiter {
  color: #ffffff;
  border-color: #d54500;
  background-color: #d54500;
}

.mex-button--primary.mex-button--recruiter:visited {
  color: #ffffff;
  border-color: #d54500;
}

.mex-button--primary.mex-button--recruiter:hover, .mex-button--primary.mex-button--recruiter:focus {
  color: #ffffff;
  border-color: #b93c00;
  background-color: #b93c00;
}

.mex-button--primary.mex-button--recruiter:active,
.mex-button--primary.mex-button--recruiter.is-active {
  color: #ffffff;
  border-color: #a73600;
  background-color: #a73600;
}

.mex-button--primary.mex-button--recruiter:disabled,
.mex-button--primary.mex-button--recruiter.is-disabled {
  color: #b3b9c1;
  border-color: #dcdfe2;
  background-color: #dcdfe2;
}

/* Using global settings for everything */
/**
 * Using Flexbox
 * - By default buttons in button groups are stacked on top of each other
 *   and take up 100% of the horizontal space
 * - At medium sizes, they will be side by side with no gap
*/
.mex-button-group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
}

.mex-button-group .mex-button {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  border-radius: 0;
}

.mex-button-group .mex-button:hover, .mex-button-group .mex-button:focus, .mex-button-group .mex-button:active {
  z-index: 1;
}

.mex-button-group .mex-button + .mex-button {
  margin-left: -1px;
}

.mex-button-group .mex-button:first-child {
  border-top-left-radius: 0.1875rem;
  border-bottom-left-radius: 0.1875rem;
}

.mex-button-group .mex-button:last-child {
  border-top-right-radius: 0.1875rem;
  border-bottom-right-radius: 0.1875rem;
}

/**
 * Buttons stacked vertically at small screen sizes
*/
.mex-button-group--block {
  -ms-flex-direction: column;
      flex-direction: column;
}

@media all and (min-width: 768px) {
  .mex-button-group--block {
    -ms-flex-direction: row;
        flex-direction: row;
  }
}

.mex-button-group--block .mex-button {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  width: 100%;
  border-radius: 0;
}

@media all and (min-width: 768px) {
  .mex-button-group--block .mex-button {
    width: auto;
  }
}

.mex-button-group--block .mex-button + .mex-button {
  margin-top: -1px;
  margin-left: 0;
}

@media all and (min-width: 768px) {
  .mex-button-group--block .mex-button + .mex-button {
    margin-top: 0;
    margin-left: -1px;
  }
}

.mex-button-group--block .mex-button:first-child {
  border-top-left-radius: 0.1875rem;
  border-top-right-radius: 0.1875rem;
  border-bottom-left-radius: 0;
}

@media all and (min-width: 768px) {
  .mex-button-group--block .mex-button:first-child {
    border-top-left-radius: 0.1875rem;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0.1875rem;
  }
}

.mex-button-group--block .mex-button:last-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0.1875rem;
  border-bottom-left-radius: 0.1875rem;
}

@media all and (min-width: 768px) {
  .mex-button-group--block .mex-button:last-child {
    border-top-right-radius: 0.1875rem;
    border-bottom-left-radius: 0;
  }
}

/**
 * Buttons stacked vertically at small screen sizes
 * Space between buttons in the group at small screen sizes
*/
.mex-button-group--block-spaced {
  -ms-flex-direction: column;
      flex-direction: column;
}

@media all and (min-width: 768px) {
  .mex-button-group--block-spaced {
    -ms-flex-direction: row;
        flex-direction: row;
  }
}

.mex-button-group--block-spaced .mex-button {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  width: 100%;
  border-radius: 3px;
}

@media all and (min-width: 768px) {
  .mex-button-group--block-spaced .mex-button {
    width: auto;
    border-radius: 0;
  }
}

.mex-button-group--block-spaced .mex-button + .mex-button {
  margin-top: 12px;
  margin-left: 0;
}

@media all and (min-width: 768px) {
  .mex-button-group--block-spaced .mex-button + .mex-button {
    margin-top: 0;
    margin-left: -1px;
  }
}

/**
 * Button group is full width at slmall screen sizes
 * Goes back to classic behaviour at medium screen sizes
*/
.mex-button-group--fullwidth {
  -ms-flex-direction: row;
      flex-direction: row;
  width: 100%;
}

.mex-button-group--fullwidth .mex-button {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  width: 100%;
}

@media all and (min-width: 768px) {
  .mex-button-group--fullwidth .mex-button {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    width: auto;
  }
}

@media all and (min-width: 768px) {
  .mex-button-group--fullwidth .mex-button + .mex-button {
    margin-top: 0;
    margin-left: -1px;
  }
}

/**
 * Simple card item
 *
 * - can be used in standalone mode just to wrap things visually
 * - can be used with a title
 * - can be used with various elements inside
 *
 * [1] when used in a grid with vertically stretched units, cards have to fill
 *     the cell vertically. As flex-items of the grid__units they grows and
 *     shrink on the main axis of their flex container (wich is column in the
 *     case of the grid__unit)
*/
.mex-card {
  box-sizing: border-box;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  margin-bottom: 0.75rem;
  border: 1px solid #dcdfe2;
  border-radius: 0.1875rem;
  background-color: #ffffff;
}

.mex-card--accent {
  color: #ffffff;
  border-color: transparent;
  background-color: #4088ee;
}

.mex-card--candidate {
  color: #ffffff;
  border-color: transparent;
  background-color: #7aae1a;
}

.mex-card--recruiter {
  color: #ffffff;
  border-color: transparent;
  background-color: #d54500;
}

.mex-card--off-white {
  color: inherit;
  border-color: #dcdfe2;
  background-color: #f5f5f5;
}

.mex-card--flex {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

/**
 * Needs to influence each element for padding
 * styles in the various elements in elements
 *
 * - .mex-card__block
 * - .mex-card__header
 * - .mex-card__footer
*/
/**
 * when a card block follows another, add top border
*/
.mex-card__block {
  padding: 0.75rem;
}

@media all and (min-width: 768px) {
  .mex-card__block {
    padding: 1.5rem;
  }
}

.mex-card--compact .mex-card__block {
  padding: 0.75rem;
}

.mex-card__block > *:last-child {
  margin-bottom: 0;
}

.mex-card--reduced .mex-card__block {
  padding: 0.75rem;
}

@media all and (min-width: 768px) {
  .mex-card--reduced .mex-card__block {
    padding: 1.125rem;
  }
}

.mex-card__block--no-vertical-padding {
  padding-top: 0;
  padding-bottom: 0;
}

.mex-card__block--no-padding {
  padding: 0;
}

.mex-card__block + .mex-card__block {
  border-top: 1px solid #dcdfe2;
}

/**
 * we need top and bottom variants to handle rounded corners
*/
.mex-card__media {
  margin-left: -1px;
  margin-right: -1px;
  background-color: #dcdfe2;
}

.mex-card__media img,
.mex-card__media iframe {
  display: block;
}

.mex-card__media--top {
  margin-top: -1px;
}

.mex-card__media--top img,
.mex-card__media--top .mex-fluidmap,
.mex-card__media--top .mex-fluidvideo {
  overflow: hidden;
  border-top-left-radius: 0.1875rem;
  border-top-right-radius: 0.1875rem;
}

.mex-card__media--bottom {
  margin-bottom: -1px;
}

.mex-card__media--bottom img,
.mex-card__media--bottom .mex-fluidmap,
.mex-card__media--bottom .mex-fluidvideo {
  overflow: hidden;
  border-bottom-right-radius: 0.1875rem;
  border-bottom-left-radius: 0.1875rem;
}

/**
 * needed to handle the integration of list groups
*/
.mex-card__list {
  margin: -1px;
}

.mex-card__list .mex-list-group {
  margin-bottom: 0;
}

.mex-card__list--top > .mex-list-group {
  border-top-left-radius: 0.1875rem;
  border-top-right-radius: 0.1875rem;
}

.mex-card__list--bottom > .mex-list-group {
  border-bottom-right-radius: 0.1875rem;
  border-bottom-left-radius: 0.1875rem;
}

/**
 * Top and bottom paddings are handled by children (title or tabs)
*/
.mex-card__header {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  border-bottom: 1px solid #dcdfe2;
  border-top-left-radius: 0.1875rem;
  border-top-right-radius: 0.1875rem;
  background-color: #f5f5f5;
}

@media all and (min-width: 768px) {
  .mex-card__header {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }
}

.mex-card--compact .mex-card__header {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.mex-card__header-title {
  margin-bottom: 0;
  padding-top: 12px;
  padding-bottom: 12px;
  color: #222222;
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.33333;
  font-family: sans-serif;
}

.mex-card__header-link {
  display: block;
  margin: -0.75rem -1.5rem;
  padding: 0.75rem 1.5rem;
  color: #222222;
  text-decoration: none;
}

.mex-card__header-link:visited, .mex-card__header-link:hover, .mex-card__header-link:active {
  color: #222222;
}

/**
 * Card footer
 * - use that when you want sticky footers
 * - no visual styling here, just behavior
*/
.mex-card__footer {
  margin-top: auto;
  padding-right: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 0.75rem;
}

@media all and (min-width: 768px) {
  .mex-card__footer {
    padding-right: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: 1.5rem;
  }
}

.mex-card--compact .mex-card__footer {
  padding-right: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 0.75rem;
}

.mex-card__footer *:last-child {
  margin-bottom: 0;
}

.mex-card--expandable .mex-card__header {
  position: relative;
  margin-bottom: -1px;
}

.mex-card--expandable .mex-card__header::before {
  position: absolute;
  top: 1.25rem;
  right: 0.75rem;
  z-index: 9;
  border: 8px solid transparent;
  border-top-color: #3a434f;
  content: "";
  pointer-events: none;
  transition: transform 0.25s ease-out;
  transform-origin: 50% 50%;
}

.mex-card--expandable.is-expanded .mex-card__header::before {
  transform: rotate(180deg) translateY(8px);
}

@media all and (min-width: 768px) {
  .mex-card--expandable .mex-card__header::before {
    right: 1.5rem;
  }
  .mex-card--expandable.mex-card--compact .mex-card__header::before {
    right: 0.75rem;
  }
}

.mex-card--disclosable {
  position: relative;
  overflow-y: hidden;
}

.mex-card--disclosable__button {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 2.25rem;
  padding: 6px 0;
  line-height: 1.5;
  border: none;
  outline: none;
  background-color: #ffffff;
  box-shadow: 0 -12px 12px 0 #ffffff;
  cursor: pointer;
}

.mex-card--disclosable__button::before {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 4;
  border-width: 8px;
  border-style: solid;
  border-color: transparent;
  border-top-color: #4088ee;
  content: "";
  pointer-events: none;
  transform: translate3d(-8px, -4px, 0);
  transform-origin: 50% 50%;
  transition: transform 0.25s ease-out;
}

.is-disclosed .mex-card--disclosable__button::before {
  transform: rotate(180deg) translate3d(8px, 12px, 0);
}

.mex-collapse {
  display: block;
}

.mex-collapse__header {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.mex-collapse__header:hover, .mex-collapse__header:focus {
  border-bottom: #b3b9c1;
}

.mex-collapse__header:hover .mex-collapse__header__icon,
.mex-collapse__header:focus .mex-collapse__header__icon {
  color: #566578 !important;
}

.mex-collapse__header__icon::before {
  content: "\e14c";
}

.mex-collapse__header.is-triggered {
  border-bottom: #222222;
}

.mex-collapse__header.is-triggered > .mex-collapse__header__icon {
  color: #222222 !important;
}

.mex-collapse__header.is-triggered > .mex-collapse__header__icon::before {
  content: "\e14f";
}

.mex-collapse__content.js-toggleable {
  display: none;
}

.mex-collapse__content.is-displayed {
  display: block;
}

.mex-company-logo {
  position: relative;
  display: inline-block;
  width: 100%;
  padding-top: 100%;
  border: 1px solid #dcdfe2;
  border-radius: 3px;
  background-color: #ffffff;
}

.mex-company-logo__inner {
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  height: 100%;
  padding: 2px;
}

.mex-company-logo__inner img {
  display: block;
  max-width: 100%;
  max-height: 100%;
}

/**
 * Style variants
*/
.mex-company-logo--l {
  width: 7.5rem;
  padding-top: 120px;
}

.mex-company-logo--base {
  width: 6rem;
  padding-top: 96px;
}

.mex-company-logo--s {
  width: 3rem;
  padding-top: 48px;
}

.mex-company-logo--xs {
  width: 2.625rem;
  padding-top: 42px;
}

/**
 * Dropdown and trigger container
*/
.mex-dropdown-container {
  position: relative;
  display: inline-block;
}

/**
 * Dropdowns
*/
.mex-dropdown {
  margin-left: 0;
  padding-left: 0;
  list-style: none;
  position: absolute;
  top: 100%;
  z-index: 999;
  display: none;
  width: 13.75rem;
  margin-top: 0.75rem;
  padding: 0.375rem 0;
  color: #3a434f;
  border: 1px solid #dcdfe2;
  border-radius: 3px;
  background-color: #ffffff;
  box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.15);
}

.mex-dropdown::before, .mex-dropdown::after {
  position: absolute;
  bottom: 100%;
  left: 1.25rem;
  width: 0;
  height: 0;
  border: solid transparent;
  content: " ";
  pointer-events: none;
}

.mex-dropdown::before {
  border-width: 0.625rem;
  border-bottom-color: #dcdfe2;
}

.mex-dropdown::after {
  border-width: 0.5625rem;
  border-bottom-color: #ffffff;
  transform: translateX(0.0625rem);
}

.mex-dropdown--s {
  width: 5.625rem;
}

.mex-dropdown--select .mex-dropdown__item:not(.is-active) .mex-dropdown__link {
  padding-left: 2rem;
}

.mex-dropdown.is-displayed {
  display: block;
}

/**
 * Bottom-aligned dropdowns
*/
.mex-dropdown--bottom-center {
  left: 50%;
  transform: translateX(-50%);
}

.mex-dropdown--bottom-center::before, .mex-dropdown--bottom-center::after {
  left: 50%;
}

.mex-dropdown--bottom-center::before {
  transform: translateX(-0.625rem);
}

.mex-dropdown--bottom-center::after {
  transform: translateX(-0.5625rem);
}

.mex-dropdown--bottom-right {
  right: 0;
}

.mex-dropdown--bottom-right::before, .mex-dropdown--bottom-right::after {
  right: 1.25rem;
  left: inherit;
}

.mex-dropdown--bottom-right::after {
  transform: translateX(-0.0625rem);
}

/**
 * Top-aligned dropdowns
*/
.mex-dropdown--top-left,
.mex-dropdown--top-center,
.mex-dropdown--top-right {
  top: inherit;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 12px;
}

.mex-dropdown--top-left::before, .mex-dropdown--top-left::after,
.mex-dropdown--top-center::before,
.mex-dropdown--top-center::after,
.mex-dropdown--top-right::before,
.mex-dropdown--top-right::after {
  top: 100%;
  bottom: inherit;
}

.mex-dropdown--top-left::before,
.mex-dropdown--top-center::before,
.mex-dropdown--top-right::before {
  border-bottom-color: transparent;
  border-top-color: #dcdfe2;
}

.mex-dropdown--top-left::after,
.mex-dropdown--top-center::after,
.mex-dropdown--top-right::after {
  border-bottom-color: transparent;
  border-top-color: #ffffff;
}

.mex-dropdown--top-left::before, .mex-dropdown--top-left::after {
  left: 1.25rem;
}

.mex-dropdown--top-left::after {
  transform: translateX(0.0625rem);
}

.mex-dropdown--top-center {
  left: 50%;
  transform: translateX(-50%);
}

.mex-dropdown--top-center::before, .mex-dropdown--top-center::after {
  left: 50%;
}

.mex-dropdown--top-center::before {
  transform: translateX(-0.625rem);
}

.mex-dropdown--top-center::after {
  transform: translateX(-0.5625rem);
}

.mex-dropdown--top-right {
  right: 0;
}

.mex-dropdown--top-right::before, .mex-dropdown--top-right::after {
  right: 1.25rem;
  left: inherit;
}

.mex-dropdown--top-right::after {
  transform: translateX(-0.0625rem);
}

.mex-dropdown__item {
  font-size: 1rem;
  line-height: 1.5;
}

.mex-dropdown__item.is-active {
  color: #4088ee;
  font-weight: 900;
}

.mex-dropdown__item--divider::after {
  display: block;
  height: 1px;
  margin: 6px 0;
  background-color: #dcdfe2;
  content: " ";
}

.mex-dropdown__link {
  display: block;
  padding: 0.5625rem 0.75rem;
  color: inherit;
  text-decoration: none;
}

.mex-dropdown__link:visited {
  color: inherit;
}

.mex-dropdown__link:hover {
  color: #ffffff;
  background-color: #4088ee;
}

.mex-dropdown__link:active {
  background-color: #1260cf;
}

.mex-dropdown__link.is-active::before {
  left: 12px;
  z-index: 4;
  font-weight: 400;
  font-family: iconic;
  content: "\e153";
  pointer-events: none;
}

.mex-dropdown-trigger {
  position: relative;
  padding-right: 1.6875rem;
  background-color: #ffffff;
}

.mex-dropdown-trigger::after {
  position: absolute;
  top: calc(50% - 3px);
  right: 0.6875rem;
  z-index: 4;
  width: 0;
  height: 0;
  border-width: 6px;
  border-style: solid;
  border-color: transparent;
  border-top-color: #4088ee;
  content: "";
  pointer-events: none;
}

.mex-dropdown-trigger select {
  box-sizing: border-box;
  width: 100%;
  padding: 0.625rem 0.5rem;
  padding-right: 1.625rem;
  line-height: 1.5;
  border: 1px solid #dcdfe2;
  border-radius: 0.1875rem;
  background-color: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.mex-dropdown-trigger select:focus {
  border: 1px solid #4088ee;
  outline: none;
}

.mex-dropdown__complex {
  min-width: 26rem;
}

.mex-dropdown__icon--left {
  left: -24px;
}

.mex-dropdown__icon--right {
  right: -24px;
}

.mex-file-upload {
  cursor: pointer;
  text-align: center;
}

.mex-file-upload__input {
  display: none;
}

.mex-file-upload--image {
  display: inline-block;
  padding: 40px 24px;
  color: #4088ee;
  background: #ffffff;
}

.mex-file-upload--image__icon {
  padding-bottom: 24px;
}

/**
 * Handles the number of sublevels for filters and the class name
 * - By default, we only cater for 2 sublevels. If you plan to have more, simply set it to "3"
*/
.mex-filters {
  box-sizing: border-box;
  color: #3a434f;
  border-top: 1px solid #dcdfe2;
  border-right: 1px solid #dcdfe2;
  border-bottom: 1px solid #dcdfe2;
  border-left: 1px solid #dcdfe2;
  background-color: #ffffff;
}

/**
 * Handles borders (padding on labels)
*/
.mex-filters__item {
  box-sizing: border-box;
  overflow-x: visible;
  border-bottom: 1px solid #dcdfe2;
}

.mex-filters > .mex-filters__item:last-child {
  border-bottom: none;
}

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

.mex-filters__label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
  padding: 0.5rem 1.875rem;
  cursor: pointer;
}

.mex-filters__label::before {
  content: "\e153";
  margin-right: 0.4375rem;
  font-weight: 400;
  font-family: Iconic;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}

.mex-filters__checkbox:checked + .mex-filters__label {
  color: #4088ee;
  font-weight: 700;
}

.mex-filters__checkbox:checked + .mex-filters__label::before {
  opacity: 1;
}

.mex-filters__label--compact {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.mex-filters__button {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  padding: 0.5rem 2.1875rem;
  overflow: hidden;
  color: #4088ee;
  line-height: 1.5;
  text-align: inherit;
  border: none;
  border-bottom: 1px solid #dcdfe2;
  outline: none;
  background-color: transparent;
  cursor: pointer;
}

.mex-filters__button::before {
  position: absolute;
  left: 12px;
  z-index: 4;
  font-family: Iconic;
  content: "\e211";
  pointer-events: none;
  transform-origin: 50% 50%;
  transition: transform 0.25s ease-out;
}

.mex-filters__button.is-active::before {
  content: "\e1f6";
  transform: rotate(180deg);
}

.mex-filters > .mex-filters__button:last-child {
  border-bottom: none;
}

.mex-filters__sublevel1 .mex-filters__label {
  padding-left: 53px;
}

.mex-filters__sublevel1 .mex-filters__button {
  padding-left: 76px;
}

.mex-filters__sublevel1 .mex-filters__button::before {
  left: 53px;
}

.mex-filters__sublevel2 .mex-filters__label {
  padding-left: 76px;
}

.mex-filters__sublevel2 .mex-filters__button {
  padding-left: 99px;
}

.mex-filters__sublevel2 .mex-filters__button::before {
  left: 76px;
}

.mex-filters__sublevel1 .mex-filters__label--compact {
  padding-left: 35px;
}

.mex-filters__sublevel1 .mex-filters__button--compact {
  padding-left: 58px;
}

.mex-filters__sublevel1 .mex-filters__button--compact::before {
  left: 35px;
}

.mex-filters__sublevel2 .mex-filters__label--compact {
  padding-left: 58px;
}

.mex-filters__sublevel2 .mex-filters__button--compact {
  padding-left: 81px;
}

.mex-filters__sublevel2 .mex-filters__button--compact::before {
  left: 58px;
}

/**
 * Fieldsets and legends are sometimes hard to style consistently accross browsers
 * - use them for assistive technologies when fields need to be grouped
 * - fieldsets are always hidden from view while legends are displayed
 * - an alternative is to just use fieldsets and regular titles
*/
.mex-form fieldset {
  margin: 0;
  padding: 0;
  border: none;
}

.mex-form fieldset + fieldset {
  margin-top: 12px;
}

.mex-form legend {
  margin-right: 0;
  margin-bottom: 12px;
  margin-left: 0;
  color: #0c2577;
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.33333;
}

/**
 * Mandatory wrappers for label / input pair
*/
.mex-form__element {
  margin-bottom: 0.75rem;
}

/**
 * Used to style any form control but select, radio and checkboxes
 *
 * [1] needed to remove all appearance in iOS safari mainly (drop shadow, pill shaped fields, etc.)
*/
.mex-form__control {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  /* [1] */
  box-sizing: border-box;
  display: block;
  width: 100%;
  padding: 0.5rem 0.75rem;
  line-height: 1.5;
  border: 1px solid #dcdfe2;
  border-radius: 0.1875rem;
  transition: border-color 0.1s linear, background-color 0.1s linear;
}

.mex-form__control:-ms-input-placeholder {
  color: #b3b9c1;
}

.mex-form__control::placeholder {
  color: #b3b9c1;
}

.mex-form__control:focus {
  border-color: #4088ee;
  outline: none;
}

.mex-form__control[readonly], .mex-form__control[disabled] {
  color: #8e97a4;
  background-color: #ffffff;
}

.mex-form__control[disabled] {
  cursor: not-allowed;
  background-color: #f5f5f5;
}

.mex-form__control--transparent {
  color: inherit;
  background-color: transparent;
  border-color: transparent;
}

.mex-form__control--transparent:focus {
  border-color: transparent;
}

textarea.mex-form__control {
  height: auto;
  resize: vertical;
}

.mex-form__select {
  position: relative;
}

.mex-form__select::after {
  position: absolute;
  top: calc(50% - 3px);
  right: 0.6875rem;
  z-index: 999;
  width: 0;
  height: 0;
  border-width: 6px;
  border-style: solid;
  border-color: transparent;
  border-top-color: #4088ee;
  content: "";
  pointer-events: none;
}

.mex-form__select select {
  box-sizing: border-box;
  width: 100%;
  padding: 0.5rem 0.75rem;
  padding-right: 1.875rem;
  line-height: 1.5;
  border: 1px solid #dcdfe2;
  border-radius: 0.1875rem;
  background-color: #ffffff;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.mex-form__select select:focus {
  border: 1px solid #4088ee;
  outline: none;
}

.mex-form__select--inline {
  display: inline-block;
}

.mex-form__control:invalid,
.mex-form__select select:invalid,
.mex-form__control--error,
.mex-form__select--error select {
  border-color: #e45e6a;
}

/**
 * Labels are always placed on top of fields
 * - side labels would create a lot of design challenges, we will try not to use them
 * - labels should always be explicitely related to their fields
 * - --inline modifiers are used when labels need to be next to their fields (checkboxes, radios)
*/
.mex-form__label {
  display: block;
  margin-top: 0.375rem;
  margin-bottom: 0.375rem;
  font-weight: 600;
}

.mex-form__label--inline {
  display: inline;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0.375rem;
  font-weight: 400;
  vertical-align: middle;
}

/**
 * Used when you need hint for a field
 * - hints are placed under labels at small screen sizes
 * - placed side by side with labels on medium screens and up
 * - labels are growing / shrinking. Hints are always the size of their content (keep short)
*/
@media all and (min-width: 768px) {
  .mex-form__header {
    display: -ms-flexbox;
    display: flex;
  }
}

@media all and (min-width: 768px) {
  .mex-form__header .mex-form__label {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
  }
}

.mex-form__header .mex-form__hint {
  margin-top: 0.375rem;
  margin-bottom: 0.375rem;
  color: #8e97a4;
}

@media all and (min-width: 768px) {
  .mex-form__header .mex-form__hint {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
  }
}

.mex-form__help {
  margin-bottom: 0.375rem;
  color: #8e97a4;
  font-size: 0.875rem;
  line-height: 1.125rem;
}

.mex-form__error {
  display: block;
  padding-top: 0.375rem;
  color: #e45e6a;
  font-size: 0.875rem;
  line-height: 1.125rem;
}

.mex-form__group {
  display: -ms-flexbox;
  display: flex;
}

.mex-form__group-control {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
}

.mex-form__group-control:focus {
  z-index: 10;
}

.mex-form__group-control:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.mex-form__group-control:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.mex-form__group-button,
.mex-form__group-addon {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
}

.mex-form__group-button:not(:first-child),
.mex-form__group-addon:not(:first-child) {
  margin-left: -1px;
}

.mex-form__group-button:not(:last-child),
.mex-form__group-addon:not(:last-child) {
  margin-right: -1px;
}

.mex-form__group-button > .mex-button:hover {
  z-index: 20;
}

.mex-form__group-button:not(:first-child) > .mex-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.mex-form__group-button:not(:last-child) > .mex-button {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.mex-form__group-addon {
  box-sizing: border-box;
  padding: 0.5rem 0.75rem;
  border: 1px solid #dcdfe2;
  border-radius: 0.1875rem;
  background-color: #ffffff;
}

.mex-form__group-addon:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.mex-form__group-addon:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.mex-form__group-addon--transparent {
  color: inherit;
  background-color: transparent;
  border-color: transparent;
  padding-left: 0;
  padding-right: 0;
}

.mex-form__element--l {
  font-size: 1.125rem;
}

.mex-form__element--l .mex-form__control {
  padding: 0.875rem 1.125rem;
  line-height: 1.5rem;
}

.mex-form__element--l .mex-form__select::after {
  right: 1.125rem;
  border-width: 8px;
}

.mex-form__element--l .mex-form__select select {
  padding: 0.875rem 1.125rem;
  line-height: 1.5rem;
}

.mex-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.mex-icon svg {
  fill: inherit;
}

.mex-icon--sm {
  width: 2em;
  height: 2em;
}

.mex-icon--md {
  width: 4em;
  height: 4em;
}

.mex-icon--lg {
  width: 8em;
  height: 8em;
}

.mex-icon--chevron-left {
  background-image: url("../img/icons/icon_chevron_left.svg");
}

.mex-icon--chevron-right {
  background-image: url("../img/icons/icon_chevron_right.svg");
}

.mex-icon--cross {
  background-image: url("../img/icons/icon_cross.svg");
}

/**
 * Main component
*/
.mex-job-item {
  display: -ms-flexbox;
  display: flex;
}

.mex-job-item__content {
  margin-left: 0.75rem;
}

.mex-job-item--card {
  padding: 0.75rem;
  margin-bottom: 0.75rem;
  border: 1px solid #dcdfe2;
  border-radius: 0.1875rem;
  background-color: #ffffff;
}

@media all and (min-width: 768px) {
  .mex-job-item--card {
    padding: 1.5rem;
  }
}

/**
 * Header
*/
.mex-job-item__title,
.mex-job-item__company,
.mex-job-item__metadata {
  color: #566578;
}

.mex-job-item__title {
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.33333;
}

@media all and (min-width: 768px) {
  .mex-job-item__title {
    font-size: 1.125rem;
    line-height: 1.33333;
  }
}

.mex-job-item__title a {
  color: #4088ee;
  text-decoration: none;
}

.mex-job-item__title a:visited {
  color: #79a0d7;
}

.mex-job-item__title a:hover {
  color: #1260cf;
}

.mex-job-item__title a:active {
  color: #0050c2;
}

.mex-job-item__company {
  margin-bottom: 0.375rem;
  font-size: 0.875rem;
}

.mex-job-item__metadata {
  margin-left: 0;
  padding-left: 0;
  list-style: none;
  margin-bottom: 0.375rem;
}

.mex-job-item__metadata > li {
  display: block;
  font-size: 0.875rem;
}

@media all and (min-width: 768px) {
  .mex-job-item__metadata > li {
    display: inline-block;
    margin-right: 1.125rem;
  }
}

.mex-job-item__metadata > li:last-child {
  margin-right: 0;
}

.mex-job-item__metadata a {
  color: #8e97a4;
  text-decoration: none;
}

/**
 * Excerpt
*/
.mex-job-item__excerpt {
  display: none;
}

@media all and (min-width: 768px) {
  .mex-job-item__excerpt {
    display: block;
    margin-top: 0.375rem;
    color: #566578;
    font-size: 0.75rem;
    line-height: 18px;
  }
}

.mex-job-item__excerpt p {
  margin-bottom: 0;
}

/**
 * Banner
*/
.mex-job-item--with-banner {
  position: relative;
  padding-right: 5rem !important;
}

.mex-job-item__banner {
  position: absolute;
  top: 0;
  right: 1.5rem;
}

/**
 * Base label
*/
.mex-label {
  display: inline-block;
  padding: 0.1875rem 0.375rem 0.25rem;
  color: #566578;
  font-weight: 600;
  font-size: 0.625rem;
  line-height: 1;
  text-decoration: none;
  text-transform: uppercase;
  border-radius: 0.1875rem;
  background-color: #dcdfe2;
  vertical-align: middle;
}

/**
 * Label styles
*/
.mex-label--inverse {
  color: #3a434f;
  background-color: #ffffff;
}

.mex-label--accent {
  color: #ffffff;
  background-color: #4088ee;
}

.mex-label--accent-candidate {
  color: #ffffff;
  background-color: #7aae1a;
}

.mex-label--accent-recruiter {
  color: #ffffff;
  background-color: #d54500;
}

/**
 * Spacing for vertical lists
 * - Used for list-unstyled, list-ul, list-ol modifiers
*/
/**
 * Vertical spacing for horizontal lists
*/
/**
 * Horizontal spacing for horizontal lists
*/
/**
 * Width of dt elements for horizontal lists
*/
.mex-list > li {
  display: list-item;
}

.mex-list__icon {
  display: table;
  width: 30px;
}

.mex-list--icons > li {
  display: -ms-flexbox;
  display: flex;
}

.mex-list--unstyled {
  margin-left: 0;
  padding-left: 0;
  list-style: none;
}

li > .mex-list--unstyled {
  margin-left: 1.875rem;
}

/**
 * Spaced lists
 * - margin-bottom on every <li> except the last one.
 * - for nested lists, we need to add a top margin to sublists
*/
.mex-list--vspace-xs {
  margin-bottom: 0;
}

.mex-list--vspace-xs > li {
  margin-bottom: 0;
}

.mex-list--vspace-xs > li:last-child {
  margin-bottom: 0;
  border-bottom: transparent;
}

.mex-list--vspace-xs > li > ul[class*="mex-list--vspace"] {
  margin-top: 0;
}

.mex-list--vspace-s {
  margin-bottom: 0.375rem;
}

.mex-list--vspace-s > li {
  margin-bottom: 0.375rem;
}

.mex-list--vspace-s > li:last-child {
  margin-bottom: 0;
  border-bottom: transparent;
}

.mex-list--vspace-s > li > ul[class*="mex-list--vspace"] {
  margin-top: 0.375rem;
}

.mex-list--vspace-base {
  margin-bottom: 0.75rem;
}

.mex-list--vspace-base > li {
  margin-bottom: 0.75rem;
}

.mex-list--vspace-base > li:last-child {
  margin-bottom: 0;
  border-bottom: transparent;
}

.mex-list--vspace-base > li > ul[class*="mex-list--vspace"] {
  margin-top: 0.75rem;
}

.mex-list--vspace-l {
  margin-bottom: 1.125rem;
}

.mex-list--vspace-l > li {
  margin-bottom: 1.125rem;
}

.mex-list--vspace-l > li:last-child {
  margin-bottom: 0;
  border-bottom: transparent;
}

.mex-list--vspace-l > li > ul[class*="mex-list--vspace"] {
  margin-top: 1.125rem;
}

.mex-list--vspace-xl {
  margin-bottom: 1.5rem;
}

.mex-list--vspace-xl > li {
  margin-bottom: 1.5rem;
}

.mex-list--vspace-xl > li:last-child {
  margin-bottom: 0;
  border-bottom: transparent;
}

.mex-list--vspace-xl > li > ul[class*="mex-list--vspace"] {
  margin-top: 1.5rem;
}

/**
 * Using inline-block so whitespace is interpreted
*/
.mex-list-inline {
  margin-left: 0;
  padding-left: 0;
  list-style: none;
}

.mex-list-inline > li {
  display: inline-block;
}

.mex-list-inline--commas > li:not(:last-child)::after {
  content: ",";
}

.mex-list-inline--align-start {
  text-align: left;
}

.mex-list-inline--align-center {
  text-align: center;
}

.mex-list-inline--align-end {
  text-align: right;
}

@media all and (min-width: 768px) {
  .mex-list-inline--align-start\@medium {
    text-align: left;
  }
  .mex-list-inline--align-center\@medium {
    text-align: center;
  }
  .mex-list-inline--align-end\@medium {
    text-align: right;
  }
}

@media all and (min-width: 1020px) {
  .mex-list-inline--align-start\@large {
    text-align: left;
  }
  .mex-list-inline--align-center\@large {
    text-align: center;
  }
  .mex-list-inline--align-end\@large {
    text-align: right;
  }
}

@media all and (min-width: 1164px) {
  .mex-list-inline--align-start\@xlarge {
    text-align: left;
  }
  .mex-list-inline--align-center\@xlarge {
    text-align: center;
  }
  .mex-list-inline--align-end\@xlarge {
    text-align: right;
  }
}

/**
 * font-size:0 hack to remove the whitespace between <li>
 * interpreted by browsers since we are using inline-block
*/
[class*='list-inline--hspace'] {
  font-size: 0;
}

[class*='list-inline--hspace'] > li {
  font-size: 1rem;
}

.mex-list-inline--hspace-xs > li {
  margin-right: 0;
}

.mex-list-inline--hspace-s > li {
  margin-right: 0.375rem;
}

.mex-list-inline--hspace-base > li {
  margin-right: 0.75rem;
}

.mex-list-inline--hspace-l > li {
  margin-right: 1.125rem;
}

.mex-list-inline--hspace-xl > li {
  margin-right: 1.5rem;
}

.mex-list-inline--vspace-xs > li {
  margin-bottom: 0;
}

.mex-list-inline--vspace-s > li {
  margin-bottom: 0.375rem;
}

.mex-list-inline--vspace-base > li {
  margin-bottom: 0.75rem;
}

.mex-list-inline--vspace-l > li {
  margin-bottom: 1.125rem;
}

.mex-list-inline--vspace-xl > li {
  margin-bottom: 1.5rem;
}

.mex-list-definition dt {
  color: #566578;
  font-weight: 600;
}

.mex-list-definition dd {
  margin-left: 0;
}

.mex-list-definition dd:not(:last-child) {
  margin-bottom: 1.5rem;
}

@media all and (min-width: 768px) {
  .mex-list-definition--horizontal\@medium {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-align: start;
        align-items: flex-start;
  }
  .mex-list-definition--horizontal\@medium dt {
    -ms-flex: 0 0 180px;
        flex: 0 0 180px;
  }
  .mex-list-definition--horizontal\@medium dd {
    -ms-flex: 1 0 calc(100% - 180px);
        flex: 1 0 calc(100% - 180px);
    margin-left: 0;
  }
  .mex-list-definition--horizontal\@medium dd:not(:last-child) {
    margin-bottom: 0.75rem;
  }
}

.mex-list__line-through {
  text-decoration: line-through;
}

/**
 * Handles the number of sublevels for list-groups and the class name
 * - By default, we only cater for 1 sublevel. If you plan to have 2 sublevels, simply set it to "2"
*/
/**
 * Simple list group
 * - caters for one sublevel
*/
.mex-list-group {
  margin-left: 0;
  padding-left: 0;
  list-style: none;
  box-sizing: border-box;
  color: #3a434f;
  background-color: #ffffff;
}

.mex-list-group.js-toggleable {
  border: none;
}

.mex-list-group.js-toggleable .mex-list-group__item {
  display: none;
}

.mex-list-group.is-displayed .mex-list-group__item {
  display: block;
}

.mex-list-group__closed-indicator {
  display: block;
}

.mex-list-group__open-indicator {
  display: none;
}

.mex-list-group--no-top-border > .mex-list-group__item:first-child {
  border-top: none;
}

.mex-list-group--no-bottom-border > .mex-list-group__item:last-child {
  border-bottom: none;
}

.mex-list-group--no-vertical-borders > .mex-list-group__item:first-child {
  border-top: none;
}

.mex-list-group--no-vertical-borders > .mex-list-group__item:last-child {
  border-bottom: none;
}

.mex-list-group--rounded .mex-list-group__item:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.mex-list-group--rounded .mex-list-group__item:first-child > .mex-list-group {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.mex-list-group--rounded .mex-list-group__item:last-child {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.mex-list-group--rounded .mex-list-group__item:last-child > .mex-list-group {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.mex-list-group--rounded-top .mex-list-group__item:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.mex-list-group--rounded-top .mex-list-group__item:first-child > .mex-list-group {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.mex-list-group--rounded-bottom .mex-list-group__item:last-child {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.mex-list-group--rounded-bottom .mex-list-group__item:last-child > .mex-list-group {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

/**
 * Handles borders (padding on sub elements)
*/
.mex-list-group__item {
  box-sizing: border-box;
  display: block;
  overflow-x: visible;
  border-bottom: 1px solid #dcdfe2;
  border-left: 1px solid #dcdfe2;
  border-right: 1px solid #dcdfe2;
}

.mex-list-group__item .mex-list-group__item {
  border-left: none;
  border-right: none;
}

.mex-list-group__item .mex-list-group__item:last-of-type {
  border-bottom: none;
}

.mex-list-group__item:first-child {
  border-top: 1px solid #dcdfe2;
}

.mex-list-group__content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
  padding: 0.5rem 1.5rem;
}

.mex-list-group__content--compact {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.mex-list-group__link {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
  padding: 0.5rem 1.5rem;
  color: #3a434f;
  text-decoration: none;
}

.mex-list-group__link.is-triggered .mex-list-group__open-indicator {
  display: block;
}

.mex-list-group__link.is-triggered .mex-list-group__closed-indicator {
  display: none;
}

.mex-list-group__link--compact {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.mex-list-group__link--accent {
  color: #4088ee;
  font-weight: 600;
}

.mex-list-group__icon {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
}

.mex-list-group__icon--after {
  margin-left: 0.75rem;
}

.mex-list-group__icon--before {
  margin-right: 0.75rem;
}

.mex-list-group__text {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
}

.mex-list-group__content--level1,
.mex-list-group__link--level1,
.mex-list-group__label--level1 {
  padding-left: 48px;
}

.mex-list-group__content--level2,
.mex-list-group__link--level2,
.mex-list-group__label--level2 {
  padding-left: 72px;
}

.mex-list-group__content--compact.mex-list-group__content--level1,
.mex-list-group__link--compact.mex-list-group__link--level1,
.mex-list-group__label--compact.mex-list-group__label--level1 {
  padding-left: 31px;
}

.mex-list-group__content--compact.mex-list-group__content--level2,
.mex-list-group__link--compact.mex-list-group__link--level2,
.mex-list-group__label--compact.mex-list-group__label--level2 {
  padding-left: 43px;
}

.mex-list-group--disclosable {
  position: relative;
  margin: 0;
  overflow-y: hidden;
  transition: max-height 0.2s ease-out;
  border-bottom: none;
}

.mex-list-group--disclosable.is-disclosed {
  border-bottom: 1px solid #dcdfe2;
}

.mex-list-group-button {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  padding: 0.5rem 1.5rem;
  overflow: hidden;
  color: #222222;
  text-align: inherit;
  border: none;
  outline: none;
  background-color: Transparent;
  cursor: pointer;
}

.mex-list-group-button::before {
  position: absolute;
  top: 0.875rem;
  left: 0.375rem;
  z-index: 4;
  border-width: 6px;
  border-style: solid;
  border-color: transparent;
  border-top-color: #b3b9c1;
  content: "";
  pointer-events: none;
  transform-origin: 50% 50%;
  transition: transform 0.25s ease-out;
}

.js-list-group-disclosable.is-disclosed + .mex-list-group-button::before {
  transform: rotate(180deg) translateY(7px);
}

.mex-list-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  background-color: #f5f5f5;
  padding: 0.5rem 1.5rem;
  border: 1px solid #dcdfe2;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

/**
 * Code fork: two very different footers with different HTML
 * - mex-masterfooter-compact: small screens version
 * - mex-masterfooter-full: medium screens and up
 * - hidden or displayed at various break points
*/
.mex-masterfooter-compact {
  display: block;
}

@media all and (min-width: 768px) {
  .mex-masterfooter-compact {
    display: none;
  }
}

.mex-masterfooter-compact {
  padding-top: 24px;
  padding-bottom: 60px;
}

/**
 * Code fork: two very different footers with different HTML
 * - mex-masterfooter-compact: small screens version
 * - mex-masterfooter-full: medium screens and up
 * - hidden or displayed at various break points
*/
.mex-masterfooter-full {
  display: none;
}

@media all and (min-width: 768px) {
  .mex-masterfooter-full {
    display: block;
  }
}

.mex-masterfooter-full {
  color: #b3b9c1;
  background-color: #0c2577;
}

.mex-masterfooter-full__top {
  padding-top: 60px;
  padding-bottom: 6px;
}

.mex-masterfooter-full__bottom {
  padding-top: 12px;
  padding-bottom: 80px;
  color: #b3b9c1;
  background-color: #243b85;
}

@media all and (min-width: 768px) {
  .mex-masterfooter-full__bottom {
    padding-bottom: 12px;
  }
}

.mex-footerfull-mainnav {
  margin-left: 0;
  padding-left: 0;
  list-style: none;
}

.mex-footerfull-mainnav__link {
  color: #b3b9c1;
  text-decoration: none;
}

.mex-footerfull-mainnav__link:visited {
  color: #dcdfe2;
}

.mex-footerfull-mainnav__link:hover {
  color: #dcdfe2;
}

.mex-footerfull-mainnav__link:active {
  color: #dcdfe2;
}

.mex-masterfooter-full__title {
  margin-bottom: 12px;
  color: #ffffff;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.5;
  font-family: sans-serif;
}

.mex-footerfull-socialnav {
  margin-left: 0;
  padding-left: 0;
  list-style: none;
  margin-top: 12px;
  margin-bottom: 12px;
  text-align: center;
}

.mex-footerfull-socialnav__item {
  display: inline-block;
  margin-right: 12px;
}

.mex-footerfull-socialnav__item:last-child {
  margin-right: 0;
}

.mex-footerfull-socialnav__link {
  display: inline-block;
  color: #b3b9c1;
  text-decoration: none;
}

.mex-footerfull-socialnav__link:visited {
  color: #dcdfe2;
}

.mex-footerfull-socialnav__link:hover {
  color: #dcdfe2;
}

.mex-footerfull-socialnav__link:active {
  color: #dcdfe2;
}

.mex-footerfull-legalnav {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 14px;
  text-align: center;
}

.mex-footerfull-legalnav__item {
  display: inline-block;
  margin-right: 12px;
}

.mex-footerfull-legalnav__item:last-child {
  margin-right: 0;
}

.mex-footerfull-legalnav__link {
  display: inline-block;
  color: #b3b9c1;
  text-decoration: none;
}

.mex-footerfull-legalnav__link:visited {
  color: #dcdfe2;
}

.mex-footerfull-legalnav__link:hover {
  color: #dcdfe2;
}

.mex-footerfull-legalnav__link:active {
  color: #dcdfe2;
}

.mex-footerfull-copyright {
  margin-top: 0.75rem;
  margin-bottom: 0;
  color: #b3b9c1;
  font-size: 14px;
  text-align: center;
}

.mex-masterheader-compact {
  position: relative;
  border-bottom: 1px solid #dcdfe2;
  background-color: #ffffff;
}

@media all and (min-width: 768px) {
  .mex-masterheader-compact {
    display: none;
  }
}

.mex-masterheader-compact--rs {
  background-color: #081b59;
}

.mex-masterheader-compact--rs .mex-masterheader-compact__search-button {
  color: #ffffff;
}

.mex-masterheader-compact--rs .mex-masterheader-compact__search-button.is-active {
  color: #ffffff;
}

.mex-masterheader-compact--rs .mex-masterheader-compact__hamburger-inner {
  background-color: #ffffff;
}

.mex-masterheader-compact--rs .mex-masterheader-compact__hamburger-inner::before, .mex-masterheader-compact--rs .mex-masterheader-compact__hamburger-inner::after {
  background-color: #ffffff;
}

.mex-masterheader-compact--rs .mex-headercompact-mainnav__brand {
  background-color: #081b59;
}

.mex-masterheader-compact__brand {
  float: left;
}

.mex-masterheader-compact__brand a {
  display: block;
}

.mex-masterheader-compact__brand img {
  vertical-align: top;
}

.mex-masterheader-compact__search {
  position: absolute;
  top: 0.75rem;
  right: 3.625rem;
  z-index: 999;
}

.mex-masterheader-compact__search-button {
  box-sizing: border-box;
  width: 1.75rem;
  height: 1.75rem;
  padding: 0.375rem;
  color: #0c2577;
  border: none;
  background-color: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  vertical-align: middle;
}

.mex-masterheader-compact__search-button.is-active {
  color: #4088ee;
}

.mex-masterheader-compact__hamburger {
  position: absolute;
  top: 1.125rem;
  right: 0.75rem;
  z-index: 999;
}

.has-visible-nav .mex-masterheader-compact__hamburger {
  position: fixed;
  z-index: 999;
}

.mex-masterheader-compact__hamburger-button {
  position: relative;
  display: block;
  width: 1.375rem;
  height: 1rem;
  padding: 0;
  font-size: 0;
  text-indent: -9999px;
  border: none;
  background-color: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  vertical-align: top;
}

.mex-masterheader-compact__hamburger-button:focus {
  outline: none;
}

.mex-masterheader-compact__hamburger-inner {
  position: absolute;
  top: 7px;
  right: 0;
  left: 0;
  display: block;
  height: 2px;
  background-color: #0c2577;
  transition: background 0s 0.3s;
}

.is-active .mex-masterheader-compact__hamburger-inner {
  background-color: transparent;
}

.mex-masterheader-compact__hamburger-inner::before, .mex-masterheader-compact__hamburger-inner::after {
  position: absolute;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  background-color: #0c2577;
  content: "";
  transition-duration: 0.3s, 0.3s;
  transition-delay: 0.3s, 0s;
}

.is-active .mex-masterheader-compact__hamburger-inner::before, .is-active .mex-masterheader-compact__hamburger-inner::after {
  transition-delay: 0s, 0.3s;
}

.mex-masterheader-compact__hamburger-inner::before {
  top: -7px;
  transition-property: top, transform;
}

.is-active .mex-masterheader-compact__hamburger-inner::before {
  top: 0;
  transform: rotate3d(0, 0, 1, 45deg);
}

.mex-masterheader-compact__hamburger-inner::after {
  bottom: -7px;
  transition-property: bottom, transform;
}

.is-active .mex-masterheader-compact__hamburger-inner::after {
  bottom: 0;
  transform: rotate3d(0, 0, 1, -45deg);
}

/**
 * [1] logo height + border height
*/
.mex-headercompact-mainnav {
  position: fixed;
  z-index: 100;
  width: 100%;
  height: 0;
  margin: 0 -0.75rem;
  overflow: hidden;
  background-color: #f5f5f5;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.has-visible-nav .mex-headercompact-mainnav {
  height: 100%;
  opacity: 1;
}

.mex-headercompact-mainnav__brand {
  padding: 0 0.75rem;
  border-bottom: 1px solid #dcdfe2;
  background-color: #ffffff;
}

.mex-headercompact-mainnav__brand a {
  display: block;
}

.mex-headercompact-mainnav__brand img {
  vertical-align: top;
}

.mex-headercompact-mainnav__nav {
  margin-left: 0;
  padding-left: 0;
  list-style: none;
  border-bottom: 1px solid #dcdfe2;
  background-color: #ffffff;
}

.mex-headercompact-mainnav__item {
  font-size: 1rem;
  line-height: 1.5;
  text-align: left;
  border-bottom: 1px solid #dcdfe2;
}

.mex-headercompact-mainnav__item:last-child {
  border-bottom: none;
}

.mex-headercompact-mainnav__link {
  display: block;
  padding: 9px 12px;
  color: #4088ee;
  text-decoration: none;
}

.mex-headercompact-mainnav__link:visited {
  color: #79a0d7;
}

.mex-headercompact-mainnav__link:hover {
  color: #1260cf;
}

.mex-headercompact-mainnav__link:active {
  color: #0050c2;
}

.mex-headercompact-mainnav__link--accent-recruiter {
  color: #d54500;
}

.mex-headercompact-mainnav__link--accent-recruiter:visited {
  color: #c37e60;
}

.mex-headercompact-mainnav__link--accent-recruiter:hover {
  color: #b93c00;
}

.mex-headercompact-mainnav__link--accent-recruiter:active {
  color: #a73600;
}

.mex-masterheader-full {
  display: none;
  border-bottom: 1px solid #dcdfe2;
  background-color: #ffffff;
}

@media all and (min-width: 768px) {
  .mex-masterheader-full {
    display: block;
  }
}

.mex-masterheader-full::after {
  display: table;
  clear: both;
  content: "";
}

.mex-masterheader-full__brand {
  float: left;
}

.mex-masterheader-full__brand a {
  display: block;
}

.mex-masterheader-full__brand img {
  vertical-align: top;
}

.mex-headerfull-mainnav {
  float: right;
}

/**
 * [1] (logo height - navbar height) / 2
 */
.mex-headerfull-mainnav__nav {
  margin-left: 0;
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
  padding: 2.0625rem 0;
}

.mex-headerfull-mainnav__item {
  margin-left: 6px;
  float: left;
  font-size: 1rem;
  line-height: 1.5;
}

.mex-headerfull-mainnav__item:first-child {
  margin-left: 0;
}

.mex-headerfull-mainnav__link {
  display: inline-block;
  padding: 9px 12px;
  color: #4088ee;
  text-align: center;
  text-decoration: none;
}

.mex-headerfull-mainnav__link:visited {
  color: #4088ee;
}

.mex-headerfull-mainnav__link:hover {
  color: #1260cf;
}

.mex-headerfull-mainnav__link:active {
  color: #0050c2;
}

.mex-headerfull-mainnav__link.mex-dropdown-trigger {
  padding-right: 1.5rem;
}

.mex-headerfull-mainnav__link.mex-dropdown-trigger--color-brand::after {
  border-top-color: #0c2577;
}

.mex-headerfull-mainnav__link--accent-recruiter {
  color: #d54500;
}

.mex-headerfull-mainnav__link--accent-recruiter:visited {
  color: #d54500;
}

.mex-headerfull-mainnav__link--accent-recruiter:hover {
  color: #b93c00;
}

.mex-headerfull-mainnav__link--accent-recruiter:active {
  color: #a73600;
}

@keyframes modalDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -100px, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes modalUp {
  0% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -100px, 0);
  }
}

.mex-modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  box-sizing: border-box;
  display: none;
  width: 100%;
  height: 100%;
  padding: 0.75rem;
  background-color: rgba(0, 0, 0, 0.5);
  overflow-y: auto;
}

@media all and (min-width: 1020px) {
  .mex-modal {
    padding-top: 6rem;
  }
}

.mex-modal__container {
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 25rem;
}

.mex-modal__header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: center;
      align-items: center;
}

.mex-modal__body {
  box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.15);
  border-radius: 3px;
}

.mex-modal__close,
.mex-modal__close:visited,
.mex-modal__close:hover,
.mex-modal__close:active {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  margin: 0;
  padding: 0.375rem 0.375rem 0.25rem;
  color: #ffffff;
}

.mex-modal--large .mex-modal__container {
  max-width: 45rem;
}

/**
 * .js-modal-is-open is a state class for the body
 *
 * - prevents the body of the page from scrolling
 * - allows the overlay to cover the whole screen
*/
.js-modal-is-open {
  overflow: hidden;
}

/**
 * Handles the display of the modal
 *
 * - modal and overlay inside are simply set to display: block;
 * - animation only targets modal__container
 */
.mex-modal.js-is-open {
  display: block;
}

.mex-modal.js-is-open .mex-modal__container {
  animation: 0.25s ease-out forwards modalDown;
}

/**
 * Temporary class
 *
 * - used only when the modal is closing
 * - animation only targets modal__container
*/
.mex-modal.js-is-closing {
  display: block;
}

.mex-modal.js-is-closing .mex-modal__container {
  animation: 0.25s ease-out forwards modalUp;
}

.mex-navbar {
  display: -ms-flexbox;
  display: flex;
}

.mex-navbar__list {
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin-left: 0;
  margin-bottom: 0;
}

.mex-navbar__item {
  position: relative;
  display: -ms-flexbox;
  display: flex;
}

.mex-navbar__link {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
  padding-top: 1.5rem;
  padding-right: 0.75rem;
  padding-bottom: 1.5rem;
  padding-left: 0.75rem;
  color: inherit;
  text-decoration: none;
}

.mex-navbar__link:visited, .mex-navbar__link:hover {
  color: inherit;
}

.mex-navbar__link--is-active {
  border-bottom-color: inherit;
}

.mex-navbar__link--has-dropdown::after {
  content: "\e14c";
  font-family: 'Iconic';
  margin-left: 0.375rem;
}

/**
 * - Background image source specified in html using a style attribute
 * - Media queries are used to size the container div
 * - Image always covers the whole div
 * - Gradient is done using an after pseudo-element (we have to use RGBA instead of HEX values here so color is hardcoded)
*/
.mex-page-background {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -9999;
  width: 100%;
  padding-top: 80%;
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: cover;
}

@media all and (min-width: 768px) {
  .mex-page-background {
    padding-top: 40%;
  }
}

@media all and (min-width: 1020px) {
  .mex-page-background {
    padding-top: 35%;
  }
}

@media all and (min-width: 1164px) {
  .mex-page-background {
    padding-top: 30%;
  }
}

.mex-page-background::after {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  content: "";
  width: 100%;
  height: 80%;
  background-repeat: repeat-x;
  background-position: 50% 0;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #f5f5f5);
}

.mex-pagination {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
}

.mex-pagination--centered {
  -ms-flex-pack: center;
      justify-content: center;
}

.mex-pagination--space-between {
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.mex-pagination__group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: stretch;
      align-items: stretch;
  margin-right: 12px;
}

.mex-pagination__group:last-of-type {
  margin-right: 0;
}

.mex-pagination__group--end {
  margin-left: auto;
}

.mex-pagination__text {
  box-sizing: border-box;
  margin-bottom: 0;
  padding: 0.5625rem;
  color: #3a434f;
  font-size: 0.9em;
}

.mex-pagination__text--white {
  border: 1px solid #dcdfe2;
  background-color: #ffffff;
}

.mex-pagination__text--white-left {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-right: none;
}

.mex-pagination__text--white-right {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-left: none;
}

/**
 * popovers trigger container
*/
.mex-popover-container {
  position: relative;
  display: inline-block;
}

.mex-popover {
  position: absolute;
  top: calc(100% + 10px);
  left: -50%;
  z-index: 999;
  box-sizing: border-box;
  display: none;
  width: 18rem;
  margin: 0;
  padding: 0;
  color: #3a434f;
  border-width: 1px;
  border-style: solid;
  border-color: #dcdfe2;
  border-radius: 3px;
  background-color: #ffffff;
  box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.15);
}

.mex-popover::before, .mex-popover::after {
  position: absolute;
  top: 0;
  bottom: 100%;
  left: calc(50% - 10px);
  width: 0;
  height: 0;
  margin-top: -20px;
  border-width: 10px;
  border-style: solid;
  border-color: transparent;
  content: "";
  pointer-events: none;
}

.mex-popover::before {
  border-bottom-color: #dcdfe2;
}

.mex-popover::after {
  border-bottom-color: #ffffff;
  transform: translateY(2px) translateX(1px);
  border-width: 9px;
}

.mex-popover.is-displayed {
  display: block;
}

.mex-popover__content {
  max-height: 18rem;
  overflow-x: hidden;
  overflow-y: auto;
}

/**
 * Positioning the arrow and the popover with the same class
 * - the class focuses on the position of the arrow
 * - the position of the popover relative to the clickable element is inferred
*/
/**
 * Bottom arrows
 * - main styles using an attribute selector
 * - by default popover bottom-center
 * - variants for left, right
*/
.mex-popover--bottom-left {
  left: 0;
}

.mex-popover--bottom-left::before, .mex-popover--bottom-left::after {
  left: 10px;
}

.mex-popover--bottom-right {
  right: 0;
  left: auto;
}

.mex-popover--bottom-right::before, .mex-popover--bottom-right::after {
  left: calc(100% - 30px);
}

/**
 * Top arrows
 * - main styles using an attribute selector
 * - variants for left, center, right
*/
[class*="mex-popover--top"] {
  top: auto;
  bottom: calc(100% + 10px);
}

[class*="mex-popover--top"]::before, [class*="mex-popover--top"]::after {
  top: 100%;
  left: 0;
  margin-top: inherit;
  margin-bottom: -20px;
}

[class*="mex-popover--top"]::before {
  border-bottom-color: transparent;
  border-top-color: #dcdfe2;
}

[class*="mex-popover--top"]::after {
  border-bottom-color: transparent;
  border-top-color: #ffffff;
  transform: translateY(-1px) translateX(1px);
}

.mex-popover--top-left {
  left: 0;
}

.mex-popover--top-left::before, .mex-popover--top-left::after {
  left: 10px;
}

.mex-popover--top-center {
  left: 50%;
  transform: translateX(-50%);
}

.mex-popover--top-center::before, .mex-popover--top-center::after {
  left: calc(50% - 10px);
}

.mex-popover--top-right {
  right: 0;
  left: auto;
}

.mex-popover--top-right::before, .mex-popover--top-right::after {
  left: calc(100% - 30px);
}

@media all and (min-width: 768px) {
  .mex-popover--top-right\@medium {
    right: 0;
    left: auto;
  }
  .mex-popover--top-right\@medium::before, .mex-popover--top-right\@medium::after {
    left: calc(100% - 30px);
  }
  .mex-popover--top-left\@medium {
    left: 0;
  }
  .mex-popover--top-left\@medium::before, .mex-popover--top-left\@medium::after {
    left: 10px;
  }
  .mex-popover--top-center\@medium {
    left: 50%;
    transform: translateX(-50%);
  }
  .mex-popover--top-center\@medium::before, .mex-popover--top-center\@medium::after {
    left: calc(50% - 10px);
  }
  .mex-popover--bottom-left\@medium {
    left: 0;
  }
  .mex-popover--bottom-left\@medium::before, .mex-popover--bottom-left\@medium::after {
    left: 10px;
  }
  .mex-popover--bottom-right\@medium {
    right: 0;
    left: auto;
  }
  .mex-popover--bottom-right\@medium::before, .mex-popover--bottom-right\@medium::after {
    left: calc(100% - 30px);
  }
}

@media all and (min-width: 1020px) {
  .mex-popover--top-right\@large {
    right: 0;
    left: auto;
  }
  .mex-popover--top-right\@large::before, .mex-popover--top-right\@large::after {
    left: calc(100% - 30px);
  }
  .mex-popover--top-left\@large {
    left: 0;
  }
  .mex-popover--top-left\@large::before, .mex-popover--top-left\@large::after {
    left: 10px;
  }
  .mex-popover--top-center\@large {
    left: 50%;
    transform: translateX(-50%);
  }
  .mex-popover--top-center\@large::before, .mex-popover--top-center\@large::after {
    left: calc(50% - 10px);
  }
  .mex-popover--bottom-left\@large {
    left: 0;
  }
  .mex-popover--bottom-left\@large::before, .mex-popover--bottom-left\@large::after {
    left: 10px;
  }
  .mex-popover--bottom-right\@large {
    right: 0;
    left: auto;
  }
  .mex-popover--bottom-right\@large::before, .mex-popover--bottom-right\@large::after {
    left: calc(100% - 30px);
  }
}

@media all and (min-width: 1164px) {
  .mex-popover--top-right\@xlarge {
    right: 0;
    left: auto;
  }
  .mex-popover--top-right\@xlarge::before, .mex-popover--top-right\@xlarge::after {
    left: calc(100% - 30px);
  }
  .mex-popover--top-left\@xlarge {
    left: 0;
  }
  .mex-popover--top-left\@xlarge::before, .mex-popover--top-left\@xlarge::after {
    left: 10px;
  }
  .mex-popover--top-center\@xlarge {
    left: 50%;
    transform: translateX(-50%);
  }
  .mex-popover--top-center\@xlarge::before, .mex-popover--top-center\@xlarge::after {
    left: calc(50% - 10px);
  }
  .mex-popover--bottom-left\@xlarge {
    left: 0;
  }
  .mex-popover--bottom-left\@xlarge::before, .mex-popover--bottom-left\@xlarge::after {
    left: 10px;
  }
  .mex-popover--bottom-right\@xlarge {
    right: 0;
    left: auto;
  }
  .mex-popover--bottom-right\@xlarge::before, .mex-popover--bottom-right\@xlarge::after {
    left: calc(100% - 30px);
  }
}

.mex-popover__block {
  padding: 24px 24px;
}

.mex-popover__block *:last-child {
  margin-bottom: 0;
}

.mex-popover__block + .mex-popover__block {
  border-top: 1px solid #dcdfe2;
}

.mex-progress-steps {
  margin-left: 0;
  padding-left: 0;
  list-style: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: start;
      align-items: flex-start;
}

.mex-progress-steps--stacked {
  display: block;
}

.mex-progress-steps--mini {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.mex-progress-steps__item {
  position: relative;
  -ms-flex: 1;
      flex: 1;
  padding: 0 1.5rem;
  text-align: center;
  text-overflow: ellipsis;
}

.mex-progress-steps--stacked .mex-progress-steps__item {
  display: block;
  padding: 0;
  text-align: left;
}

.mex-progress-steps--mini .mex-progress-steps__item {
  padding: 0 0.375rem;
}

.mex-progress-steps__link {
  display: block;
  text-decoration: none;
}

.mex-progress-steps__marker {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  margin: 0 auto 0.75rem;
  border-radius: 0.75rem;
  background-color: #dcdfe2;
  color: #3a434f;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.71429;
  text-align: center;
}

.mex-progress-steps__marker::before, .mex-progress-steps__marker::after {
  position: absolute;
  top: 0.6875rem;
  z-index: -1;
  display: block;
  width: 50%;
  height: 0.125rem;
  background-color: #dcdfe2;
  content: "";
}

.mex-progress-steps__marker::before {
  left: 0;
}

.mex-progress-steps__marker::after {
  right: 0;
}

.mex-progress-steps__item:first-child .mex-progress-steps__marker::before {
  display: none;
}

.mex-progress-steps__item:last-child .mex-progress-steps__marker::after {
  display: none;
}

.mex-progress-steps__item.is-done .mex-progress-steps__marker {
  background-color: #4088ee;
  color: #ffffff;
}

.mex-progress-steps__item.is-done .mex-progress-steps__marker::before, .mex-progress-steps__item.is-done .mex-progress-steps__marker::after {
  background-color: #4088ee;
}

.mex-progress-steps__item.is-done .mex-progress-steps__link:hover .mex-progress-steps__marker {
  background-color: #1260cf;
}

.mex-progress-steps__item--error.is-done .mex-progress-steps__marker {
  background-color: #e45e6a;
}

.mex-progress-steps__item--error.is-done .mex-progress-steps__link:hover .mex-progress-steps__marker {
  background-color: #b64b55;
}

.mex-progress-steps__item.is-active .mex-progress-steps__marker {
  background-color: #4088ee;
  color: #ffffff;
}

.mex-progress-steps__item.is-active .mex-progress-steps__marker::before {
  background-color: #4088ee;
}

.mex-progress-steps--stacked .mex-progress-steps__marker {
  margin: 0;
}

.mex-progress-steps--stacked .mex-progress-steps__marker::before {
  display: none;
}

.mex-progress-steps--stacked .mex-progress-steps__marker::after {
  left: 0.6875rem;
  width: 0.125rem;
  height: 100%;
}

.mex-progress-steps--mini .mex-progress-steps__marker {
  width: 0.75rem;
  height: 0.75rem;
  margin: 0 auto;
  border-radius: 0.375rem;
  text-indent: -624.9375rem;
}

.mex-progress-steps--mini .mex-progress-steps__marker::before, .mex-progress-steps--mini .mex-progress-steps__marker::after {
  top: 0.3125rem;
}

.mex-progress-steps--mini .mex-progress-steps__item.is-active .mex-progress-steps__marker {
  width: 0.375rem;
  height: 0.375rem;
  border: 0.1875rem solid #4088ee;
  background-color: #ffffff;
}

.mex-progress-steps__marker-icon[data-glyph]::before {
  top: 3px;
}

.mex-progress-steps__content {
  color: #8e97a4;
}

.mex-progress-steps__item--error.is-done .mex-progress-steps__content {
  color: #e45e6a;
}

.mex-progress-steps--stacked .mex-progress-steps__content {
  position: relative;
  top: -1.5rem;
  left: 2.25rem;
  z-index: 10;
  display: inline-block;
}

.mex-progress-steps__label {
  display: block;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.5;
}

.mex-progress-steps__item.is-done .mex-progress-steps__label {
  color: #566578;
}

.mex-progress-steps__item.is-done .mex-progress-steps__link:hover .mex-progress-steps__label {
  color: #2e363f;
}

.mex-progress-steps__item--error.is-done .mex-progress-steps__label {
  color: #e45e6a;
}

.mex-progress-steps__item--error.is-done .mex-progress-steps__link:hover .mex-progress-steps__label {
  color: #b64b55;
}

.mex-progress-steps__item.is-active .mex-progress-steps__label {
  color: #4088ee;
}

.mex-progress-steps__help {
  display: block;
  margin-bottom: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.28571;
}

.mex-progress-steps__help:last-child {
  margin-bottom: 0;
}

.mex-rich-text h1 {
  margin-top: 1.875rem;
}

.mex-rich-text h2 {
  margin-top: 1.5rem;
}

.mex-rich-text h3 {
  margin-top: 1.5rem;
}

.mex-rich-text h4 {
  margin-top: 0.75rem;
}

.mex-rich-text a {
  color: #4088ee;
}

.mex-rich-text a:visited {
  color: #79a0d7;
}

.mex-rich-text a:hover {
  color: #1260cf;
}

.mex-rich-text a:active {
  color: #0050c2;
}

.mex-rs-masterheader-full__bar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.mex-rs-masterheader-full__logo {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.mex-rating {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
}

.mex-rating__score {
  color: #566578;
  font-weight: 700;
  margin-right: 6px;
}

.mex-rating__star {
  color: #dcdfe2;
}

.mex-rating__star--active {
  color: #f3d756;
}

/* Using global settings for everything */
.mex-scrollable-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  padding: 24px 0;
  overflow-x: auto;
  overflow-y: hidden;
  font-size: 0.875rem;
  line-height: 1.28571;
}

@media all and (min-width: 768px) {
  .mex-scrollable-content {
    -ms-flex-pack: center;
        justify-content: center;
  }
}

.mex-scrollable-content__title {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  margin-right: 6px;
  margin-bottom: 0;
  color: #3a434f;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.28571;
}

.mex-scrollable-content__block {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
}

.mex-search-box {
  display: none;
  padding: 0.75rem 0;
  color: #ffffff;
  background-color: #0c2577;
}

@media all and (min-width: 768px) {
  .mex-search-box {
    display: block;
  }
}

.mex-search-box__form {
  margin-bottom: 0;
}

.mex-typeahead.mex-search-box__control-job {
  position: relative;
}

.mex-typeahead.mex-search-box__control-job input {
  padding-left: 1.375rem;
}

.mex-typeahead.mex-search-box__control-job::after {
  position: absolute;
  top: 8px;
  left: 11px;
  z-index: 9;
  display: inline-block;
  color: #4088ee;
  font-family: "Iconic";
  content: "\e1e4";
  pointer-events: none;
}

.mex-typeahead.mex-search-box__control-location {
  position: relative;
}

.mex-typeahead.mex-search-box__control-location input {
  padding-left: 1.375rem;
}

.mex-typeahead.mex-search-box__control-location::after {
  position: absolute;
  top: 8px;
  left: 12px;
  z-index: 9;
  display: inline-block;
  color: #4088ee;
  font-family: "Iconic";
  content: "\e1e5";
  pointer-events: none;
}

.mex-search-box__search {
  margin-top: 0.75rem;
  margin-bottom: 0;
  text-align: center;
}

@media all and (min-width: 768px) {
  .mex-search-box__search {
    margin-top: 0.25rem;
    text-align: left;
  }
}

.mex-search-box__search-link {
  display: inline-block;
  color: #ffffff;
  font-size: 0.75rem;
  line-height: 1.5;
  text-decoration: none;
  opacity: 0.8;
}

.mex-search-box__search-link:visited {
  color: #dcdfe2;
}

.mex-search-box__search-link:hover {
  color: #dcdfe2;
}

.mex-search-box__search-link:active {
  color: #dcdfe2;
}

.mex-stage {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  height: 15rem;
}

/**
 * base styles and variants
*/
.mex-tabs-horizontal {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
}

/**
 * Tabs items styles
 * and divider variant
*/
.mex-tabs-horizontal__item {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  margin-right: 1.5rem;
}

.mex-tabs-horizontal__item:last-child {
  margin-right: 0;
}

.mex-tabs-horizontal__item--divider::after {
  display: inline-block;
  width: 0.0625rem;
  height: 1.5em;
  margin-left: 1.5rem;
  background-color: #b3b9c1;
  background-color: #b3b9c1;
  content: "";
  vertical-align: middle;
}

.mex-tabs-horizontal--inverse .mex-tabs-horizontal__item--divider::after {
  background-color: #8e97a4;
}

/**
 * Link styles and variants
 *
 * - we take active links into account here
 * - the addition of the border will increase the height so we substract the
 *   height of the bottom border from the botton padding
*/
.mex-tabs-horizontal__link {
  display: inline-block;
  padding-top: 1.125rem;
  padding-bottom: 1.125rem;
  color: #3a434f;
  text-decoration: none;
}

.mex-tabs-horizontal__link.is-active {
  padding-bottom: 1rem;
  font-weight: 600;
  border-bottom: 0.125rem solid;
}

.mex-tabs-horizontal__link:visited, .mex-tabs-horizontal__link:hover, .mex-tabs-horizontal__link:active {
  color: #3a434f;
}

.mex-tabs-horizontal--l .mex-tabs-horizontal__link {
  font-size: 18px;
}

.mex-tabs-horizontal--accent .mex-tabs-horizontal__link {
  color: #4088ee;
}

.mex-tabs-horizontal--accent .mex-tabs-horizontal__link:visited, .mex-tabs-horizontal--accent .mex-tabs-horizontal__link:hover, .mex-tabs-horizontal--accent .mex-tabs-horizontal__link:active {
  color: #4088ee;
}

.mex-tabs-horizontal--inverse .mex-tabs-horizontal__link {
  color: #ffffff;
}

.mex-tabs-horizontal--inverse .mex-tabs-horizontal__link:visited, .mex-tabs-horizontal--inverse .mex-tabs-horizontal__link:hover, .mex-tabs-horizontal--inverse .mex-tabs-horizontal__link:active {
  color: #ffffff;
}

/**
 * Expected behavior is that tabs simply have a min-width.
 * If the viewport width < min-width, a Y scrollbar simply appears
*/
/**
 * Containers for tabs (and other things)
 * - contains tabs-nav__group that can be arranged in various ways
 * - no vertical padding at the component level (handled by tabs)
 * - variants for
 *    - background colors
 *    - horizontal padding
*/
.mex-tabs-nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}

.mex-tabs-nav--brand {
  background-color: #0c2577;
}

.mex-tabs-nav--white {
  background-color: #ffffff;
}

.mex-tabs-nav--borders {
  border: 1px solid #dcdfe2;
  border-radius: 3px;
}

.mex-tabs-nav--padded .mex-tabs-nav__group:first-child {
  padding-left: 0.75rem;
}

.mex-tabs-nav--padded .mex-tabs-nav__group:last-child {
  padding-right: 0.75rem;
}

.mex-tabs-nav--padded-l .mex-tabs-nav__group:first-child {
  padding-left: 0.75rem;
}

@media all and (min-width: 768px) {
  .mex-tabs-nav--padded-l .mex-tabs-nav__group:first-child {
    padding-left: 1.5rem;
  }
}

.mex-tabs-nav--padded-l .mex-tabs-nav__group:last-child {
  padding-right: 0.75rem;
}

@media all and (min-width: 768px) {
  .mex-tabs-nav--padded-l .mex-tabs-nav__group:last-child {
    padding-right: 1.5rem;
  }
}

/**
 * Nav groups
 * - flex-items: can be flushed to the end of their container
*/
.mex-tabs-nav__group {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  margin-right: 2.25rem;
}

.mex-tabs-nav__group:last-child {
  margin-right: 0;
}

.mex-tabs-nav__group--end {
  margin-left: auto;
}

.mex-toggle {
  position: relative;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
}

.mex-toggle__label {
  display: inline-block;
  padding-top: 0.5625rem;
  padding-bottom: 0.5625rem;
  color: #3a434f;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  cursor: pointer;
  transition: opacity 0.25s ease;
}

.mex-toggle__label--first {
  padding-right: 0.75rem;
}

.mex-toggle__label--last {
  padding-left: 0.75rem;
}

.mex-toggle__input:checked + .mex-toggle__label {
  color: #4088ee;
  cursor: default;
}

.mex-toggle__input:disabled + .mex-toggle__label {
  color: #b3b9c1;
  cursor: not-allowed;
  pointer-events: none;
}

.mex-toggle__input {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 2;
  width: 3.375rem;
  height: 2.625rem;
  margin: 0;
  border: none;
  background-color: #ffffff;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  opacity: 0;
  transform: translateX(-1.6875rem);
}

.mex-toggle__input:checked {
  z-index: 1;
}

.mex-toggle__input:disabled {
  cursor: not-allowed;
  pointer-events: none;
}

.mex-toggle__switch {
  position: relative;
  box-sizing: border-box;
  width: 3.375rem;
  height: 1.875rem;
  margin: 0.375rem 0;
  border-radius: 0.9375rem;
  background-color: #dcdfe2;
  transition: 0.25s ease all;
}

.mex-toggle--sm .mex-toggle__switch {
  width: 2.5rem;
  height: 1.375rem;
}

.mex-toggle--base .mex-toggle__switch {
  width: 3.375rem;
  height: 1.875rem;
}

.mex-toggle__input--first:not(:checked) ~ .mex-toggle__switch {
  background-color: #4088ee;
}

.mex-toggle__input--first:not(:checked):disabled ~ .mex-toggle__switch {
  background-color: #dcdfe2;
}

.mex-toggle__switch-inner {
  position: absolute;
  top: 0.1875rem;
  left: 0.1875rem;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 0.75rem;
  background-color: #ffffff;
  transition: 0.25s ease all;
}

.mex-toggle--sm .mex-toggle__switch-inner {
  top: 0.125rem;
  left: 0.125rem;
  width: 1.125rem;
  height: 1.125rem;
}

.mex-toggle--sm .mex-toggle__input--first:not(:checked) ~ .mex-toggle__switch .mex-toggle__switch-inner {
  left: 1.25rem;
}

.mex-toggle--base .mex-toggle__switch-inner {
  top: 0.1875rem;
  left: 0.1875rem;
  width: 1.5rem;
  height: 1.5rem;
}

.mex-toggle--base .mex-toggle__input--first:not(:checked) ~ .mex-toggle__switch .mex-toggle__switch-inner {
  left: 1.25rem;
}

.mex-toggle__input--first:not(:checked) ~ .mex-toggle__switch .mex-toggle__switch-inner {
  left: 1.6875rem;
}

.mex-toggle__input:disabled ~ .mex-toggle__switch .mex-toggle__switch-inner {
  background-color: #f1f2f3;
}

/**
 * Base token
*/
.mex-token {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  padding: 0.3125rem 0.375rem;
  color: #566578;
  font-size: 0.875rem;
  line-height: 1.28571;
  text-decoration: none;
  background-color: #dcdfe2;
  vertical-align: middle;
}

.mex-token:visited, .mex-token:hover, .mex-token:active {
  color: #566578;
}

.mex-token a,
.mex-token a:hover {
  padding-left: 0.3125rem;
  color: inherit;
}

/**
 * Token styles
*/
.mex-token--accent {
  color: #ffffff;
  background-color: #4088ee;
}

.mex-token--accent:visited, .mex-token--accent:hover, .mex-token--accent:active {
  color: #ffffff;
}

.mex-token--accent-candidate {
  color: #ffffff;
  background-color: #7aae1a;
}

.mex-token--accent-candidate:visited, .mex-token--accent-candidate:hover, .mex-token--accent-candidate:active {
  color: #ffffff;
}

.mex-token--accent-recruiter {
  color: #ffffff;
  background-color: #d54500;
}

.mex-token--accent-recruiter:visited, .mex-token--accent-recruiter:hover, .mex-token--accent-recruiter:active {
  color: #ffffff;
}

/**
 * base styles
 * - wrappers (incl. those generated by typeahead.js)
 * - inputs
*/
.mex-typeahead {
  box-sizing: border-box;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  border: 1px solid #dcdfe2;
  border-radius: 0.1875rem;
  background-color: #ffffff;
  transition: border-color 0.1s linear, background-color 0.1s linear;
}

.mex-typeahead.is-active {
  border-color: #4088ee;
}

.mex-typeahead .twitter-typeahead {
  display: block !important;
}

.mex-typeahead input {
  display: block;
  width: 100%;
  height: 1.5rem;
  line-height: 1.5;
  border: none;
}

.mex-typeahead input:focus {
  outline: none;
}

.mex-form__input-group .mex-typeahead:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.mex-typeahead--multiple {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  padding-left: 0.75rem;
  /*
  .twitter-typeahead
  {
    flex: 1 1 100px;
  }*/
}

.mex-typeahead--multiple .tm-tag + input {
  -ms-flex: 1 1 100px;
      flex: 1 1 100px;
}

/**
 * suggestions menu
*/
.mex-typeahead__menu {
  position: absolute;
  z-index: 999;
  box-sizing: border-box;
  width: 100%;
  margin-top: 0.375rem;
  padding: 0.375rem 0;
  border: 1px solid #dcdfe2;
  border-radius: 3px;
  background-color: #ffffff;
  box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.15);
}

.mex-typeahead__suggestion {
  padding: 0.5625rem 0.75rem;
  color: #222222;
  font-size: 1rem;
  line-height: 1.5;
  cursor: pointer;
}

.mex-typeahead__suggestion:hover {
  color: #ffffff;
  background-color: #4088ee;
}

.mex-typeahead__suggestion:active {
  background-color: #1260cf;
}

.mex-typeahead__suggestion--active {
  color: #ffffff;
  background-color: #4088ee;
}

.mex-typeahead__label {
  margin-top: 0.1875rem;
  float: right;
}

/**
 * hints
*/
.mex-typeahead__hint {
  color: #b3b9c1;
}

/**
 * tags
*/
.tm-tag {
  display: inline-block;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  margin: 0.125rem 0.125rem;
  padding: 0.25rem 0.375rem 0.1875rem;
  color: #566578;
  font-size: 0.875rem;
  line-height: 1.28571;
  text-decoration: none;
  background-color: #dcdfe2;
  vertical-align: middle;
}

.tm-tag-remove,
.tm-tag-remove:visited,
.tm-tag-remove:hover,
.tm-tag-remove:active {
  margin-left: 4px;
  color: #566578;
  text-decoration: none;
}

/**
 * Titles classes (standard)
*/
.doc-h1, .doc-h2, .doc-h3, .doc-h4 {
  color: #222222;
  font-weight: 600;
  font-family: sans-serif;
}

.doc-h1 {
  margin-bottom: 1.5rem;
  font-size: 1.3125rem;
  line-height: 1.14286;
}

@media all and (min-width: 768px) {
  .doc-h1 {
    font-size: 1.875rem;
    line-height: 1.2;
  }
}

.doc-h2 {
  margin-top: 1.5rem;
  margin-bottom: 0.75rem;
  color: #0c2577;
  font-size: 1.125rem;
  line-height: 1.33333;
}

@media all and (min-width: 768px) {
  .doc-h2 {
    font-size: 1.3125rem;
    line-height: 1.42857;
  }
}

.doc-h3 {
  margin-top: 1.5rem;
  margin-bottom: 0.75rem;
  font-size: 1.125rem;
  line-height: 1.33333;
}

.doc-h4 {
  margin-top: 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.5;
}

.doc-anim-sandbox {
  width: 120px;
  height: 120px;
  margin: 0 auto 24px;
  border-radius: 50%;
  background-color: #4088ee;
}

/**
 * Used to display colors in library
 * - 16by9 ratio using padding hack
*/
.doc-colorswatch {
  padding-top: 56.25%;
}

/**
 * Used to demo the grid and Flexbox utilities
*/
.doc-demo-block {
  box-sizing: border-box;
  padding: 12px;
  border: 1px solid #b3b9c1;
  background-color: #dcdfe2;
}

/**
 * Used to demo the Flexbox grid
 *
 * [1] when used in a grid with vertically stretched units, it has to fill
 *     the cell vertically. flex-item: grows and shrink on the main axis
 *     of its flex container (grid__unit / column)
*/
.doc-grid-island {
  box-sizing: border-box;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  margin: 0;
  margin-bottom: 10px;
  padding: 1rem;
  background-color: #dcdfe2;
}

.doc-library-header {
  padding-top: 1em;
  padding-bottom: 1em;
  background-color: #0c2577;
}

/**
 * Used to display all Iconic icons, along with their glyph names
*/
.doc-iconic-list {
  margin-left: 0;
  padding-left: 0;
  list-style: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.doc-iconic-list__icon {
  box-sizing: border-box;
  width: 50%;
  padding: 0.75rem;
  text-align: center;
}

@media all and (min-width: 768px) {
  .doc-iconic-list__icon {
    width: 25%;
  }
}

@media all and (min-width: 1020px) {
  .doc-iconic-list__icon {
    width: 12.5%;
  }
}

.doc-iconic-list__icon:hover {
  color: #ffffff;
  background-color: #b3b9c1;
}

.doc-iconic-list__glyph {
  display: block;
  font-size: 0.75rem;
  line-height: 1.5;
}

.doc-nav {
  margin-left: 0;
  padding-left: 0;
  list-style: none;
}

.doc-nav__item {
  display: block;
}

.doc-nav__link {
  display: block;
  padding-top: 3px;
  padding-bottom: 3px;
  text-decoration: none;
}

.doc-nav__link.is-active {
  color: #3a434f;
}

.custom-mex-dropdown-trigger-old::after {
  border-top-color: #0c2577;
}

.custom-mex-text-star-yellow {
  color: #f3d756;
}

.custom-mex-brand-color {
  color: #0c2577;
}

.custom-mex-text-blue-white {
  color: #f8fbff !important;
}

.custom-mex-fill-blue-white {
  background: #f8fbff !important;
}

.custom-mex-fill-blue-white-dark {
  background: #e7f1ff !important;
}

.custom-mex-text-yellow-white {
  color: #fdf8e1 !important;
}

.custom-mex-fill-yellow-white {
  background: #fdf8e1 !important;
}

.custom-mex-fill-off-white-light {
  background: #f9f9f9 !important;
}

.custom-mex-tabs-horizontal--s .mex-tabs-horizontal__link {
  font-size: .875rem;
  line-height: 1.28571;
  text-decoration: none;
  vertical-align: middle;
}

.custom-mex-job-item-date--base {
  right: 24px;
  top: 24px;
}

.custom-mex-job-item-date--s {
  right: 12px;
  top: 12px;
}

@media (max-width: 767px) {
  .custom-mex-job-item .mex-company-logo {
    padding: 0;
    width: 76px;
    height: 76px;
    margin-bottom: 12px;
  }
  .custom-mex-job-item-height {
    max-height: 76px !important;
  }
}

@media (min-width: 768px) {
  .custom-mex-job-item .mex-company-logo {
    padding: 0;
    width: 96px;
    height: 96px;
    margin-bottom: 12px;
  }
  .custom-mex-show\@medium {
    display: inline !important;
  }
}

@media (min-width: 1020px) {
  .custom-mex-job-item--sidebar .mex-company-logo {
    padding: 0;
    width: 76px !important;
    height: 76px !important;
    margin-bottom: 12px;
  }
  .custom-job-item__title {
    font-size: 18px !important;
  }
}

@media (min-width: 768px) and (max-width: 1019px) {
  .custom-mex-job-item--sidebar .mex-company-logo {
    padding: 0;
    width: 96px !important;
    height: 96px !important;
    margin-bottom: 12px;
  }
  .custom-mex-job-item-height {
    max-height: 106px !important;
  }
}

.custom-mex-job-item--logo-push {
  margin-right: 42px;
}

@media (max-width: 1019px) and (min-width: 768px) {
  .custom-mex-job-item-sidebar .custom-mex-job-item-date--s {
    right: 24px;
    top: 24px;
  }
}

@media (max-width: 767px) and (min-width: 250px) {
  .custom-mex-job-item-date--base {
    right: 12px;
    top: 12px;
  }
}

.mex-job-item__title a:visited {
  color: #4088ee;
}

.custom-mex-job-item-links .mex-job-item__title a:visited {
  color: #765478 !important;
}

.custom-mex-job-item-links .mex-job-item__title a:hover {
  color: #1260cf !important;
}

.custom-mex-filters .mex-filters__button::before {
  border-top-color: #4088ee;
}

.custom-mex-filters .mex-filters__button {
  color: #4088ee;
}

@media (max-width: 1020px) and (min-width: 768px) {
  .custom-mex-card--compact .mex-card__header {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .custom-mex-card--compact .mex-card__block {
    padding: 1.5rem !important;
  }
}

.custom-mex-card__block--bar {
  border-right: 3px solid #4088ee;
}

.custom-mex-card__block--popout {
  position: relative;
  z-index: 1;
  box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.15);
}

.custom-mex-card--max-height {
  position: relative;
}

.custom-mex-card--max-height .mex-card__block {
  overflow-y: hidden;
}

.custom-mex-card__show-more {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding-top: 42px;
  padding-bottom: 12px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, white 30px);
  text-align: center;
  cursor: pointer;
}

.custom-mex-card__show-more--less {
  padding-top: 24px;
  background: none;
}

.custom-mex-card--half-top {
  z-index: 0;
  position: relative;
  top: -73px;
  margin-right: -12px;
  margin-left: -12px;
  margin-bottom: -12px;
  padding-top: 24px;
  border-radius: 3px 3px 0 0;
  border-width: 0 0 1px;
}

@media all and (min-width: 768px) {
  .custom-mex-card--half-right\@medium {
    top: -35px;
    margin-top: -49px;
    margin-right: -24px;
    margin-bottom: -59px;
    margin-left: 0;
    padding-top: 24px;
    border-radius: 0 3px 3px 0;
    border-width: 0 0 0 1px;
  }
}

.custom-mex-card--no-border-radius {
  border-radius: 0 !important;
}

@media all and (min-width: 768px) {
  .custom-mex-card--medium .mex-card__block {
    padding: 18px;
  }
}

.custom-mex-masterfooter-full .mex-footerfull-mainnav__link:visited,
.custom-mex-masterfooter-full .mex-links-white a:visited,
.custom-mex-masterfooter-full a {
  color: #dcdfe2 !important;
}

.custom-mex-masterfooter-full .mex-footerfull-mainnav__link:hover,
.custom-mex-masterfooter-full .mex-links-white a:hover,
.custom-mex-masterfooter-full a:hover {
  color: #ffffff !important;
  text-decoration: underline;
}

.custom-mex-masterfooter-full__buttom .mex-footerfull-mainnav__link:visited,
.custom-mex-masterfooter-full__buttom .mex-links-white a:visited,
.custom-mex-masterfooter-full__buttom a {
  color: #dcdfe2 !important;
}

.custom-mex-masterfooter-full__buttom .mex-footerfull-mainnav__link:hover,
.custom-mex-masterfooter-full__buttom .mex-links-white a:hover,
.custom-mex-masterfooter-full__buttom a:hover {
  color: #ffffff !important;
  text-decoration: underline;
}

.mex-links-white a:visited {
  color: #dcdfe2 !important;
}

.custom-mex-company-logo {
  width: 72px;
  height: 72px;
  padding: 2px;
  background: #ffffff;
  border: 1px solid #dcdfe2;
  border-radius: 3px;
}

.custom-mex-company-logo img {
  max-width: 100%;
  max-height: 100%;
}

.custom-mex-company-logo--large {
  width: 96px;
  height: 96px;
}

@media (min-width: 768px) {
  .custom-mex-company-logo {
    width: 96px;
    height: 96px;
  }
}

@media (min-width: 1020px) {
  .custom-mex-company-logo--compact {
    width: 72px;
    height: 72px;
  }
  .custom-mex-company-logo--large {
    width: 96px;
    height: 96px;
  }
}

.custom-mex-masterfooter-full__top {
  padding-top: 24px;
  padding-bottom: 12px;
}

.custom-mex-footer-img {
  width: 50%;
}

@media all and (min-width: 768px) {
  .custom-mex-footer-img {
    width: 100%;
  }
}

.custom-mex-display-sm {
  display: block;
}

@media all and (min-width: 768px) {
  .custom-mex-display-sm {
    display: none;
  }
}

.custom-mex-display-lg {
  display: none;
}

@media all and (min-width: 768px) {
  .custom-mex-display-lg {
    display: block;
  }
}

@media (min-width: 768px) {
  .custom-mex-flex\@medium {
    display: -ms-flexbox;
    display: flex;
  }
}

@media (min-width: 1020px) {
  .custom-mex-flex\@large {
    display: -ms-flexbox;
    display: flex;
  }
}

.mex-popover {
  left: 50%;
  transform: translateX(-50%);
}

.mex-popover--bottom-left,
.mex-popover--top-left {
  left: 0;
  transform: translateX(0);
}

.mex-popover--bottom-right,
.mex-popover--top-right {
  left: auto;
  right: 0;
  transform: translateX(0);
}

.mex-popover--fullwidth {
  width: 100%;
}

.custom-mex-popover-container--block {
  display: block;
}

.custom-mex-label--grey {
  background: #8e97a4;
  color: #ffffff;
}

.custom-mex-label--gold {
  color: #ffffff;
  background: #cca806;
}

@media all and (min-width: 768px) {
  .custom-mex-label--popout {
    position: absolute;
    top: 12px;
    right: -6px;
    box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.15);
  }
}

.custom-mex-modal--cross-outside {
  padding-top: 52px;
}

.custom-mex-modal--cross-outside .mex-modal__block {
  overflow: visible !important;
}

@media all and (min-width: 768px) {
  .custom-mex-modal--cross-outside .mex-modal__block {
    margin-top: 4rem;
  }
}

.custom-mex-modal--cross-outside .mex-modal__close {
  overflow: visible !important;
  position: absolute;
  top: -30px !important;
  right: 0;
  color: #ffffff;
}

.mex-modal__block {
  overflow: hidden;
  max-height: none;
}

.mex-modal__header {
  position: relative;
  margin-bottom: 12px;
  padding-bottom: 0;
}

.mex-modal__header-title {
  padding-right: 0;
}

.custom-mex-modal__header--empty {
  min-height: 32px;
}

@media all and (min-width: 768px) {
  .custom-mex-modal__header--empty {
    min-height: 42px;
  }
}

.custom-mex-modal__header--empty .mex-modal__close {
  position: absolute;
  top: 12px;
  right: 12px;
}

@media all and (min-width: 768px) {
  .custom-mex-modal__header--empty .mex-modal__close {
    top: 24px;
    right: 24px;
  }
}

.custom-mex-modal__header {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  border-bottom: 1px solid #dcdfe2;
  border-top-left-radius: 0.1875rem;
  border-top-right-radius: 0.1875rem;
  background-color: #f5f5f5;
}

@media all and (min-width: 768px) {
  .custom-mex-modal__header {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }
}

.custom-mex-modal--compact .custom-mex-modal__header {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.custom-mex-modal__header--empty {
  max-height: 36px;
  background: none;
  border-bottom-color: transparent;
}

@media all and (min-width: 768px) {
  .custom-mex-modal__header--empty {
    max-height: 42px;
  }
}

.custom-mex-modal__header-title {
  margin-bottom: 0;
  padding-top: 12px;
  padding-bottom: 12px;
  color: #222222;
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.33333;
  font-family: sans-serif;
}

.custom-mex-modal--toast {
  top: 0;
  right: 0;
  left: auto;
  width: auto;
  height: auto;
  background: none;
}

@media all and (min-width: 768px) {
  .custom-mex-modal--toast {
    padding-top: 1rem !important;
  }
}

.custom-mex-tabs-nav--buttons .mex-tabs-nav__group {
  border-bottom: 1px solid #dcdfe2;
}

.custom-mex-tabs-nav--buttons .mex-tabs-horizontal__item {
  margin: 0;
}

.custom-mex-tabs-nav--buttons .mex-tabs-horizontal__link {
  position: relative;
  margin: 12px 6px;
  padding: 6px 12px;
  border-radius: 3px;
  background: #f5f5f5;
  color: #8e97a4;
}

.custom-mex-tabs-nav--buttons .mex-tabs-horizontal__link.has-selection {
  color: #4088ee;
}

.custom-mex-tabs-nav--buttons .mex-tabs-horizontal__link.is-active {
  border: none;
  background: #4088ee;
  border-radius: 3px;
  color: #ffffff;
  font-weight: normal;
}

.custom-mex-tabs-nav--buttons .mex-tabs-horizontal__link.is-active::before, .custom-mex-tabs-nav--buttons .mex-tabs-horizontal__link.is-active::after {
  z-index: 9;
  content: '';
  position: absolute;
  bottom: -12px;
  left: 50%;
  transform: translateX(-50%) translateY(1px);
  border: 8px solid #ffffff;
}

.custom-mex-tabs-nav--buttons .mex-tabs-horizontal__link.is-active::before {
  transform: translateX(-50%) translateY(0px);
  border-color: transparent transparent #dcdfe2;
}

.custom-mex-tabs-nav--buttons .mex-tabs-horizontal__link.is-active::after {
  transform: translateX(-50%) translateY(1px);
  border-color: transparent transparent #ffffff;
}

.mex-button--filter {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #222222;
}

.mex-button--filter-selected {
  color: #4088ee;
}

.custom-mex-button-container-apply-filters {
  position: fixed;
  z-index: 9;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #f5f5f5;
}

@media all and (min-width: 768px) {
  .custom-mex-button-container-apply-filters {
    width: 50%;
  }
}

@media all and (min-width: 1020px) {
  .custom-mex-button-container-apply-filters {
    width: 33%;
  }
}

.mex-card-buttons {
  margin-right: -12px;
  margin-left: -12px;
}

@media all and (min-width: 768px) {
  .mex-card-buttons {
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;
  }
}

.mex-card-buttons::after {
  content: "";
  display: table;
  clear: both;
}

.mex-card-buttons__item {
  float: left;
}

.mex-card-buttons__item .mex-button__label {
  display: block;
  font-size: 0.75rem;
  letter-spacing: 0.0375rem;
  white-space: nowrap;
  overflow: hidden;
}

@media all and (min-width: 768px) {
  .mex-card-buttons__item .mex-button__label {
    display: inline;
    font-size: 1rem;
    letter-spacing: normal;
  }
}

@media all and (min-width: 768px) {
  .mex-card-buttons__item {
    margin-right: 24px;
  }
}

.mex-card-buttons .mex-button {
  width: 100%;
}

.mex-card-buttons--2 .mex-card-buttons__item {
  width: 50%;
}

@media all and (min-width: 768px) {
  .mex-card-buttons--2 .mex-card-buttons__item {
    width: auto;
  }
}

.mex-card-buttons--3 .mex-card-buttons__item {
  width: 33.33333333333%;
}

@media all and (min-width: 768px) {
  .mex-card-buttons--3 .mex-card-buttons__item {
    width: auto;
  }
}

.mex-card-buttons--4 .mex-card-buttons__item {
  width: 25%;
}

@media all and (min-width: 768px) {
  .mex-card-buttons--4 .mex-card-buttons__item {
    width: auto;
  }
}

.custom-mex-button--stick-right {
  z-index: 10;
  position: fixed;
  top: 30%;
  right: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  transform: rotate(-90deg);
  transform-origin: 100% 100%;
}

.mex-button--primary.mex-dropdown-trigger::after {
  border-top-color: white;
}

.custom-mex-dropdown-trigger--no-caret {
  padding-right: 12px;
}

.custom-mex-dropdown-trigger--no-caret::after {
  content: none;
}

.mex-dropdown__item--active {
  color: #4088ee;
  font-weight: bold;
}

.custom-mex-dropdown--language {
  width: 90px;
}

.custom-mex-dropdown--language .mex-dropdown__item:not(.mex-dropdown__item--active) .mex-dropdown__link {
  padding-left: 32px;
}

@media (min-width: 1164px) {
  .mex-show\@extra-large {
    display: block !important;
  }
  .mex-hide\@extra-large {
    display: none !important;
  }
}

.custom-iconic--size-large::before {
  font-size: 80px !important;
}

.custom-iconic--size-medium::before {
  font-size: 21px !important;
}

.custom-iconic--size-xs::before {
  font-size: 0.75rem !important;
}

.custom-iconic--size-s::before {
  font-size: 0.875rem !important;
}

.custom-iconic--size-base::before {
  font-size: 1rem !important;
}

.custom-iconic--size-l::before {
  font-size: 1.125rem !important;
}

.custom-iconic--size-xl::before {
  font-size: 1.3125rem !important;
}

.custom-iconic--size-medium::before {
  font-size: 21px !important;
}

.custom-iconic--size-huge::before {
  font-size: 80px !important;
}

.custom-mex-toggle--s .mex-toggle__switch {
  width: 40px;
  height: 22px;
}

.custom-mex-toggle--s .mex-toggle__switch-inner {
  width: 18px;
  height: 18px;
  top: 2px;
  left: 2px;
}

.custom-mex-toggle--s .mex-toggle__input--first:not(:checked) ~ .mex-toggle__switch .mex-toggle__switch-inner {
  left: 20px;
}

.custom-mex-form__element--validated {
  position: relative;
}

.custom-mex-form__element--validated input {
  border-color: #7aae1a;
}

.custom-mex-form__element--validated::after {
  position: absolute;
  top: 40px;
  right: 11px;
  z-index: 9;
  display: inline-block;
  color: #7aae1a;
  font-family: "Iconic";
  content: "\e153";
  pointer-events: none;
}

.mex-text-base {
  font-size: 1rem !important;
  line-height: 1.125rem !important;
}

.custom-mex-text-ellipsis {
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.custom-mex-text-ellipsis > * {
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 0;
}

.mex-progress-steps__item {
  z-index: 1;
}

.mex-avatar--small {
  width: 42px;
  height: 42px;
}

.custom-mex-list-inline--one-line {
  white-space: nowrap;
  overflow: auto hidden;
  max-width: 100%;
}

.custom-mex-utilities-position-relative,
.custom-mex-position-relative {
  position: relative;
}

.custom-mex-utilities-position-absolute,
.custom-mex-position-absolute {
  position: absolute;
}

.custom-mex-rating {
  display: inline-block;
}

.custom-mex-rating__score-container {
  display: inline-block;
}

.custom-mex-rating__score {
  color: #566578;
  font-weight: bold;
}

.custom-mex-rating__score-on-total {
  color: #566578;
  font-size: 16px;
}

.custom-mex-rating__stars {
  display: inline-block;
  transform: translateY(2px);
  color: #f3d756;
  min-width: 115px;
}

.custom-mex-rating__stars .iconic {
  margin-right: -3px;
}

.custom-mex-rating__stars .iconic[data-glyph="star"]::before {
  font-size: 20px;
  line-height: 24px;
}

.custom-mex-rating__score--m {
  font-size: 30px;
  line-height: 48px;
}

.custom-mex-rating__score--huge {
  font-size: 60px;
  line-height: 48px;
}

.custom-mex-rating--compact .custom-mex-rating__stars {
  color: #566578;
}

.custom-mex-rating--compact .custom-mex-rating__stars .iconic[data-glyph="star"]::before {
  font-size: 16px;
}

.custom-mex-rating--mini .custom-mex-rating__stars {
  color: #566578;
}

.custom-mex-rating--mini .custom-mex-rating__stars .iconic[data-glyph="star"]::before {
  font-size: 14px;
}

.custom-mex-text-base {
  font-size: 16px !important;
  line-height: 24px !important;
}

@media all and (min-width: 768px) {
  .custom-mex-percentage-row-container {
    display: -ms-flexbox;
    display: flex;
  }
  .custom-mex-percentage-row-container::after {
    content: "";
    clear: both;
    display: table;
  }
  .custom-mex-percentage-row-20 {
    width: 20%;
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
  }
}

.custom-mex-word-break {
  word-break: break-word;
}

.custom-mex-score-bar {
  position: relative;
  margin-top: 12px;
}

.custom-mex-score-bar::after {
  content: "";
  clear: both;
  display: table;
}

.custom-mex-score-bar__score {
  float: left;
}

.custom-mex-score-bar__amount {
  float: right;
  width: 144px;
  text-align: right;
}

.custom-mex-score-bar__container {
  position: absolute;
  left: 38px;
  right: 144px;
  height: 24px;
}

.custom-mex-score-bar__score-bar {
  position: absolute;
  height: 100%;
  background: #f3d756;
  border-radius: 3px 0 0 3px;
}

.custom-mex-score-bar__max-bar {
  height: 100%;
  background: #f5f5f5;
  border-radius: 3px;
}

.custom-mex-score-bar--compact {
  margin-top: 6px;
}

.custom-mex-score-bar--compact .custom-mex-score-bar__amount {
  width: 40px;
}

.custom-mex-score-bar--compact .custom-mex-score-bar__container {
  top: 2px;
  right: 40px;
  height: 18px;
}

.custom-mex-content-swipe {
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
}

.custom-mex-content-swipe-companyhub {
  overflow-x: auto;
  overflow-y: hidden;
}

@media (max-width: 768px) {
  .custom-mex-content-swipe .mex-grid--autowidth > .mex-grid__unit,
  .custom-mex-content-swipe-companyhub .mex-grid--autowidth > .mex-grid__unit {
    -ms-flex: none;
    flex: none !important;
  }
}

.custom-mex-gallery {
  width: 100%;
  height: 100%;
}

.custom-mex-gallery__close {
  position: absolute;
  top: 24px;
  right: 24px;
  cursor: pointer;
}

.custom-mex-gallery__close .iconic::before {
  font-size: 24px;
}

@media (min-width: 768px) {
  .custom-mex-gallery__close {
    top: 30px;
    right: 30px;
  }
  .custom-mex-gallery__close .iconic::before {
    font-size: 32px;
  }
}

.custom-mex-gallery__control {
  display: none;
  position: absolute;
  top: 50%;
  margin-top: -10px;
}

.custom-mex-gallery__control .iconic::before {
  font-size: 24px;
}

@media (min-width: 768px) {
  .custom-mex-gallery__control {
    display: block;
  }
}

.custom-mex-gallery__control--next {
  right: 24px;
}

.custom-mex-gallery__control--prev {
  left: 24px;
}

.custom-mex-gallery__images {
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  text-align: center;
  font-size: 0;
}

.custom-mex-gallery__images::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 100%;
}

@media (min-width: 768px) {
  .custom-mex-gallery__images {
    padding-right: 60px;
    padding-left: 60px;
  }
}

@media (min-width: 1020px) {
  .custom-mex-gallery__images {
    padding-right: 15%;
    padding-left: 15%;
  }
}

.custom-mex-gallery__image {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
  display: inline-block;
  width: 100%;
}

.custom-mex-masterheader-768 {
  background-color: #ffffff;
}

.custom-mex-masterheader-768 .mex-masterheader-full__brand img {
  width: 150px;
  margin-top: 6px;
}

.custom-mex-masterheader-768 .mex-container {
  height: 54px;
}

.custom-mex-masterheader-768 .mex-headerfull-mainnav .mex-headerfull-mainnav__nav {
  padding-top: 14px;
}

@media all and (min-width: 1020px) {
  .custom-mex-masterheader-768 {
    display: none;
  }
}

.custom-mex-masterheader-1020 {
  display: none;
  background-color: #ffffff;
}

.custom-mex-masterheader-1020 .mex-masterheader-full__brand img {
  width: 150px;
  margin-top: 6px;
}

.custom-mex-masterheader-1020 .mex-container {
  height: 72px;
}

.custom-mex-masterheader-1020 .mex-headerfull-mainnav .mex-headerfull-mainnav__nav {
  padding-top: 14px;
}

.mex-masterheader-full {
  display: none;
}

@media (min-width: 1020px) {
  .custom-mex-masterheader-1020 {
    display: block;
  }
}

@media (min-width: 1164px) {
  .custom-mex-masterheader-1020 {
    display: none !important;
  }
  .mex-masterheader-full {
    display: block;
  }
}

@media all and (min-width: 768px) {
  .custom-app-iphone-preview {
    width: 100%;
    height: 320px;
    margin-top: -70px;
    background-image: url("../media/app-ad-stepstone.png");
    background-repeat: no-repeat;
    background-position: center bottom;
  }
}

.invisible-element {
  color: #0c2577;
}

.custom-mex-position-relative {
  position: relative;
}

.custom-mex-position-absolute {
  position: absolute;
}

.custom-mex-position-absolute--bottom {
  bottom: 0;
}

.custom-mex-position-absolute--right {
  right: 0;
}

@media all and (min-width: 768px) {
  .custom-mex-position-absolute\@medium {
    position: absolute;
    width: 100%;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .custom-mex-position-absolute--bottom\@medium {
    bottom: 0;
  }
}

.custom-mex-lightbox {
  z-index: 999999;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.custom-mex-lightbox__overlay {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.65);
}

.custom-mex-lightbox__modal {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
}

.custom-mex-lightbox--dark .custom-mex-lightbox__overlay {
  background: rgba(0, 0, 0, 0.85);
}

@media (min-width: 1020px) {
  .custom-modal-margin-top {
    margin-top: 96px !important;
  }
}

@media (min-width: 768px) {
  .custom-mex-pagination {
    display: none;
  }
}

@media (max-width: 767px) {
  .mex-pagination {
    display: none;
  }
}

.custom-mex-social ._2p3a {
  width: 100% !important;
}

.custom-mex-company-logos-list {
  text-decoration: none !important;
}

.custom-mex-create-job-agent-button-right {
  position: fixed;
  transform: rotate(-90deg);
  right: -56px;
  top: 300px;
  z-index: 1;
}

@media (max-width: 768px) {
  .custom-mex-hero-background {
    background-image: none !important;
    background-color: #0c2577;
  }
}

.custom-mex-faq-card {
  border: none !important;
}

.custom-mex-faq-card .mex-card__header {
  border: none !important;
  background-color: #ffffff;
}

.custom-mex-faq-card .mex-card__header::before {
  right: 6px !important;
}

.custom-mex-faq-border-top {
  border-top: 1px solid #dcdfe2 !important;
}

div.chart,
div.chart2 {
  position: relative;
}

div.chart canvas,
div.chart2 canvas {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

div.chart span,
div.chart2 span {
  display: block;
  line-height: 120px;
  text-align: center;
  width: 120px;
  font-family: sans-serif;
  font-size: 1.875rem;
  font-weight: 100;
  margin-left: 5px;
}

div.chart input,
div.chart2 input {
  width: 120px;
}

.mex-table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
}

@media all and (min-width: 768px) {
  .mex-table td {
    border-top: 1px solid #eceeef;
  }
}

@media (max-width: 768px) {
  .mex-table td {
    border-left: solid 1px #dcdfe2;
    border-right: solid 1px #dcdfe2;
  }
  .mex-table td:first-child {
    border-top: solid 1px #dcdfe2;
    background-color: #f5f5f5;
    font-weight: bold;
  }
  .mex-table td:last-child {
    border-bottom: solid 1px #dcdfe2;
  }
}

.mex-table th {
  color: #566578;
}

.mex-table th, .mex-table td {
  padding: 0.375rem;
}

@media all and (min-width: 768px) {
  .mex-table th, .mex-table td {
    text-align: left;
  }
}

@media screen and (max-width: 768px) {
  table {
    border-collapse: separate;
    border-spacing: 0 12px;
  }
  thead {
    display: none;
  }
  tbody td {
    display: block;
    text-align: left;
  }
  tbody td:first-child {
    color: #3a434f;
  }
  tbody td:before {
    content: attr(data-th);
    display: inline-block;
    text-align: left;
    margin-right: 6px;
    color: #566578;
    font-weight: bold;
  }
  tbody td:before i {
    color: #8e97a4;
  }
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}

.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-size: 21px;
  line-height: 20px;
  text-align: center;
  color: #0c2577;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

.slick-dots {
  display: none !important;
}

.custom-mex-job-item {
  vertical-align: middle;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}

.custom-mex-job-item:hover {
  box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.15);
}

@media (max-width: 768px) {
  .custom-mex-job-item:hover {
    box-shadow: none;
  }
}

.custom-mex-overlay {
  background: linear-gradient(rgba(0, 0, 0, 0), #374886);
  background-repeat: no-repeat;
  width: 100%;
  height: 60%;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  position: absolute;
  z-index: 1;
}

.custom-mex-overlay__title {
  position: absolute;
  bottom: .75rem;
  left: .75rem;
  right: .75rem;
  margin-bottom: 0;
  z-index: 2;
}

@media (min-width: 768px) {
  .custom-mex-overlay__title {
    bottom: 1.5rem;
    left: 1.5rem;
    right: 1.5rem;
  }
}

.custom-mex-overlay__label {
  z-index: 2;
  position: absolute;
  top: 1rem;
  left: 1.5rem;
}

.custom-mex-card__block {
  min-height: 140px;
}

@media (min-width: 768px) {
  .custom-mex-card__block {
    min-height: 120px;
  }
}

.custom-mex-label {
  position: absolute;
  bottom: .75rem;
}

@media (min-width: 768px) {
  .custom-mex-label {
    bottom: 1.5rem;
  }
}

.custom-mex-image-card {
  position: relative;
}

.custom-mex-image-card__content-cover {
  margin-top: -7px;
  width: 100%;
  background-color: #0c2577;
  color: white;
}

@media all and (min-width: 768px) {
  .custom-mex-image-card__content-cover {
    position: absolute;
    bottom: 0;
    margin-top: 0;
  }
}

.custom-mex-testimonial {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.custom-mex-testimonial__block {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  width: 100%;
}

.custom-mex-testimonial__image {
  position: relative;
  min-height: 240px;
  background-size: cover;
  background-position: center center;
  color: white;
}

.custom-mex-testimonial__image::after {
  content: '';
  position: absolute;
  bottom: 0%;
  left: 50%;
  transform: translateX(-50%);
  border: 30px solid;
  border-color: transparent;
  border-bottom-color: inherit;
}

.custom-mex-testimonial__text {
  padding: 24px;
}

@media all and (min-width: 768px) {
  .custom-mex-testimonial--right\@medium .custom-mex-testimonial__text, .custom-mex-testimonial--left\@medium .custom-mex-testimonial__text {
    padding: 30px;
  }
}

@media all and (min-width: 768px) {
  .custom-mex-testimonial--right\@medium .custom-mex-testimonial__block {
    width: 50%;
  }
  .custom-mex-testimonial--right\@medium .custom-mex-testimonial__image {
    min-height: 100%;
  }
  .custom-mex-testimonial--right\@medium .custom-mex-testimonial__image::after {
    top: 50%;
    bottom: auto;
    right: 0;
    left: auto;
    transform: translateY(-50%);
    border-color: transparent;
    border-right-color: inherit;
  }
}

@media all and (min-width: 768px) {
  .custom-mex-testimonial--left\@medium .custom-mex-testimonial__block {
    width: 50%;
  }
  .custom-mex-testimonial--left\@medium .custom-mex-testimonial__block:first-child {
    -ms-flex-order: 2;
        order: 2;
  }
  .custom-mex-testimonial--left\@medium .custom-mex-testimonial__block:last-child {
    -ms-flex-order: 1;
        order: 1;
  }
  .custom-mex-testimonial--left\@medium .custom-mex-testimonial__image {
    min-height: 100%;
  }
  .custom-mex-testimonial--left\@medium .custom-mex-testimonial__image::after {
    top: 50%;
    bottom: auto;
    left: 0;
    transform: translateY(-50%);
    border-color: transparent;
    border-left-color: inherit;
  }
}

.custom-mex-discover {
  position: relative;
  z-index: 110;
  display: none;
}

.custom-mex-discover__content {
  position: relative;
  z-index: 2;
}

.custom-mex-discover__overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0.75rem;
  background-color: rgba(0, 0, 0, 0.5);
  overflow-y: auto;
}

.custom-mex-scroll {
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  position: -webkit-sticky;
  position: sticky;
}

.custom-mex-scroll::-webkit-scrollbar {
  display: none;
}

.custom-mex-scroll .mex-button {
  display: inline-block;
}

.custom-mex-button {
  position: absolute;
  border-color: white;
  z-index: 2;
}

.custom-mex-button--right {
  right: 0;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.821166) 0%, white 50%, white 100%);
}

.custom-mex-button--left {
  left: 0;
  background: linear-gradient(90deg, white 0%, white 50%, rgba(255, 255, 255, 0.821166) 100%);
}

.iconcheck::before {
  font-size: 12px !important;
}

body {
  position: relative;
}

.custom-mex-split-container {
  height: calc(100vh - 132px);
}

.custom-mex-actions {
  position: sticky;
  position: -webkit-sticky;
  bottom: 0;
  left: 0;
  width: 100%;
}

.custom-mex-split__results {
  overflow-y: scroll;
  overflow-x: hidden;
  height: 100%;
  position: relative;
}

.custom-mex-split__results.is-behind {
  overflow: hidden;
}

.custom-mex-split__results__item:hover, .custom-mex-split__results__item.is-active {
  background-color: rgba(220, 223, 226, 0.4);
  cursor: pointer;
}

.custom-mex-split__listing {
  overflow-y: scroll;
  overflow-x: hidden;
  height: 100%;
}

.custom-mex-seo-link a {
  text-decoration: none;
  display: inline-block;
  margin: 6px 0;
  line-height: 1.5;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  border: 1px solid #b3b9c1;
  border-radius: 3px;
  min-width: 40px;
  color: #4088ee;
}

.custom-mex-filters {
  position: absolute;
  bottom: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  z-index: 9;
}

.custom-mex-filters .mex-card__header-title {
  font-size: 1rem;
  padding-top: 6px;
  padding-bottom: 6px;
}

.custom-mex-filters .mex-card--expandable .mex-card__header::before {
  top: 0.75rem;
  right: 0.75rem;
}

.custom-mex-apply-filters {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  width: inherit;
  z-index: 10;
}

#second-job {
  background-image: url("../media/site-backgrounds/stepstone-split-screen-background-v2.png");
  background-repeat: no-repeat;
  background-size: contain;
}

#fourth-job {
  background-image: url("../media/site-backgrounds/stepstone-split-screen-background-v3.png");
  background-repeat: no-repeat;
  background-size: contain;
}

.custom-mex-container {
  box-sizing: border-box;
  max-width: 100%;
  padding-right: 0.75rem;
}

.custom-mex-h2 {
  font-size: 28px;
  line-height: 34px;
}

.post {
  width: 372px;
  padding: 0.75rem;
}

.post .avatar {
  float: left;
  width: 48px;
  height: 48px;
  background-color: #FFF;
  border-radius: 4px;
  background-image: linear-gradient(90deg, #F4F4F4 0px, rgba(229, 229, 229, 0.8) 40px, #F4F4F4 80px);
  background-size: 600px;
  animation: shine-avatar 2s infinite ease-out;
}

.post .line {
  float: left;
  width: 190px;
  height: 18px;
  border-radius: 4px;
  background-image: linear-gradient(90deg, #F4F4F4 0px, rgba(229, 229, 229, 0.8) 40px, #F4F4F4 80px);
  background-size: 600px;
  animation: shine-lines 2s infinite ease-out;
}

.post .line-1 {
  width: 190px;
  margin-top: 0;
}

.post .line-2 {
  width: 220px;
  margin-top: 5px;
}

.post .line-3 {
  width: 50px;
  margin-top: 5px;
}

.post .avatar + .line {
  margin-top: 11px;
  width: 100px;
}

.post .line ~ .line {
  background-color: #ddd;
}

@keyframes shine-lines {
  0% {
    background-position: -100px;
  }
  40%, 100% {
    background-position: 140px;
  }
}

@keyframes shine-avatar {
  0% {
    background-position: -32px;
  }
  40%, 100% {
    background-position: 208px;
  }
}

.custom-mex-multiselect-list__item {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #dcdfe2;
  border-top-width: 0;
}

.custom-mex-multiselect-list__item:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-top-width: 1px;
}

.custom-mex-multiselect-list__item:last-child {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.custom-mex-multiselect-list__item.is-checked {
  color: #4088ee;
  font-weight: bold;
}

.custom-mex-multiselect-list__item.is-checked .custom-mex-multiselect-list__checkbox {
  background-image: url("../img/svg/multicheckbox--checked.svg");
}

.custom-mex-multiselect-list__item.is-partial-checked {
  color: #4088ee;
  font-weight: bold;
}

.custom-mex-multiselect-list__item.is-partial-checked .custom-mex-multiselect-list__checkbox {
  background-image: url("../img/svg/multicheckbox--partial-checked.svg");
}

.custom-mex-multiselect-list__item--has-subs .custom-mex-multiselect-list__label-container {
  -ms-flex-positive: initial;
      flex-grow: initial;
}

.custom-mex-multiselect-list__more-container {
  border: 1px solid #dcdfe2;
  border-radius: 0 0 3px 3px;
  border-top-width: 0;
}

.custom-mex-multiselect-list__more-container .custom-mex-multiselect-list__more-link {
  display: block;
  position: relative;
  padding: calc(6px + 3px) 12px;
  padding-left: calc(24px + 12px);
}

.custom-mex-multiselect-list__more-container .custom-mex-multiselect-list__more-link .iconic {
  position: absolute;
  top: calc(6px + 3px);
  left: calc(12px + 3px + 2px);
}

.custom-mex-multiselect-list__hidden-items .custom-mex-multiselect-list__item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top-width: 0;
}

.custom-mex-multiselect-list__label-container {
  position: relative;
  -ms-flex-positive: 1;
      flex-grow: 1;
  padding: calc(6px + 3px) 12px;
  padding-left: calc(24px + 12px);
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.custom-mex-multiselect-list__checkbox {
  position: absolute;
  top: calc(6px + 3px + 4px);
  left: calc(12px + 3px);
  width: 14px;
  height: 14px;
  background: url("../img/svg/multicheckbox--unchecked.svg") no-repeat left top;
}

.custom-mex-multiselect-list__label {
  display: inline-block;
  cursor: pointer;
}

.custom-mex-multiselect-list__expand-container {
  -ms-flex-positive: 1;
      flex-grow: 1;
  padding: calc(6px + 3px) 12px;
  cursor: pointer;
}

.custom-mex-multiselect-list__expand-icon {
  float: right;
  color: #8e97a4;
}

.custom-mex-multiselect-list__expand-icon::before {
  content: "\e14c";
  position: relative;
  top: 1px;
  display: inline-block;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 1;
  font-family: "Iconic";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  speak: none;
  vertical-align: baseline;
}

.custom-mex-multiselect-list__expand-container:hover .custom-mex-multiselect-list__expand-icon {
  color: #222222;
}

.custom-mex-multiselect-list__item.is-expanded .custom-mex-multiselect-list__expand-icon::before {
  content: "\e14f";
}

.custom-mex-multiselect-list__item.is-expanded + .custom-mex-multiselect-list__subitems {
  display: block;
}

.custom-mex-multiselect-list__subitems .custom-mex-multiselect-list__item {
  border-radius: 0;
}

.custom-mex-multiselect-list__subitems .custom-mex-multiselect-list__item:first-child {
  border-top-width: 0;
}

.custom-mex-multiselect-list__subitems .custom-mex-multiselect-list__label-container {
  padding-left: calc(60px - 3px);
}

.custom-mex-multiselect-list__subitems .custom-mex-multiselect-list__checkbox {
  left: calc(12px + 24px);
}

.custom-mex-multiselect-list__item.is-expanded + .custom-mex-multiselect-list__subitems {
  display: block;
}

.custom-mex-icon-svg svg {
  width: 16px;
  height: 16px;
}

.custom-mex-icon-svg--xs svg {
  width: 12px;
  height: 12px;
}

.custom-mex-icon-svg--s svg {
  width: 14px;
  height: 14px;
}

.custom-mex-icon-svg--base svg {
  width: 16px;
  height: 16px;
}

.custom-mex-icon-svg--l svg {
  width: 21px;
  height: 21px;
}

.custom-mex-icon-svg--xl svg {
  width: 30px;
  height: 30px;
}

.custom-mex-icon-svg--xxl svg {
  width: 60px;
  height: 60px;
}

.custom-mex-icon-svg--huge svg {
  width: 80px;
  height: 80px;
}

.custom-mex-tag {
  padding: 0.175rem 0.275rem;
  border: solid 1px #dcdfe2;
  color: #566578;
  font-size: 14px;
  line-height: 1.28571;
}

.custom-mex-tag--important {
  background: #f5f5f5;
}

.custom-mex-tabs-full {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr;
  list-style: none;
  margin: 0;
  text-align: center;
}

@media all and (min-width: 768px) {
  .custom-mex-tabs-full {
    width: 600px;
    margin-right: auto;
    margin-left: auto;
  }
}

.custom-mex-tabs-full__item {
  text-align: center;
}

.custom-mex-tabs-full__link, .custom-mex-tabs-full__link:visited {
  display: block;
  padding: 1.125rem 0 1rem;
  border-bottom: 2px solid transparent;
  text-decoration: none;
  color: #222222;
  opacity: 0.75;
  font-size: 14px;
  line-height: 18px;
}

@media all and (min-width: 768px) {
  .custom-mex-tabs-full__link, .custom-mex-tabs-full__link:visited {
    font-size: 16px;
    line-height: 24px;
  }
}

.custom-mex-tabs-full__link:hover, .custom-mex-tabs-full__link:visited:hover {
  opacity: 0.9 !important;
}

.custom-mex-tabs-full__link.is-active, .custom-mex-tabs-full__link:visited.is-active {
  border-color: inherit;
  font-weight: bold;
  opacity: 1 !important;
}

.custom-mex-tabs-full--brand {
  background-color: #0c2577;
}

.custom-mex-tabs-full--brand .custom-mex-tabs-full__link {
  color: #ffffff;
}

/**
 * CONTENTS
 *
 * Variables
 * Job item
 * Header
 * Texts
 * Buttons
 * Searchbar
 * Tabs
 * Form
 *
 */
/**
 * Do not forget to add the ID theme-pnet to the body of the layout you want to use!
 * Do not override existing MEX layouts with the theme-pnet ID
 */
/*------------------------------------*\
  #VARIABLES
\*------------------------------------*/
#theme-pnet {
  /*------------------------------------*\
    #JOB ITEM
  \*------------------------------------*/
  /*------------------------------------*\
    #HEADER
  \*------------------------------------*/
  /*------------------------------------*\
    #TEXTS
  \*------------------------------------*/
  /*------------------------------------*\
    #LINKS
  \*------------------------------------*/
  /*------------------------------------*\
    #BUTTONS
  \*------------------------------------*/
  /*------------------------------------*\
    #CARDS
  \*------------------------------------*/
  /*------------------------------------*\
    #SEARCHBAR
  \*------------------------------------*/
  /*------------------------------------*\
    #TABS
  \*------------------------------------*/
  /*------------------------------------*\
    #FORM
  \*------------------------------------*/
  /*------------------------------------*\
    #DROPDOWN
  \*------------------------------------*/
  /*------------------------------------*\
    #LABELS
  \*------------------------------------*/
  /*------------------------------------*\
    #COLOR UTILITIES
  \*------------------------------------*/
}

#theme-pnet .mex-job-item__title a {
  color: #ed1b2e;
}

#theme-pnet .mex-headerfull-mainnav__link {
  text-transform: uppercase;
}

#theme-pnet .mex-masterheader-compact__hamburger-inner,
#theme-pnet .mex-masterheader-compact__hamburger-inner::before,
#theme-pnet .mex-masterheader-compact__hamburger-inner::after {
  background-color: #ba1525;
}

#theme-pnet .is-active .mex-masterheader-compact__hamburger-inner {
  background-color: transparent;
}

#theme-pnet .mex-masterheader-compact__search-button .iconic::before {
  color: #ba1525;
}

#theme-pnet .mex-headerfull-mainnav__link--accent-recruiter {
  color: #939598;
}

#theme-pnet .mex-text-brand {
  color: #ba1525 !important;
}

#theme-pnet .mex-text-accent {
  color: #ed1b2e !important;
}

#theme-pnet .mex-text-uppercase {
  text-transform: uppercase;
}

#theme-pnet a {
  color: #ed1b2e;
}

#theme-pnet .mex-search-box__search-link {
  color: #dcdfe2;
}

#theme-pnet .mex-token--accent-candidate .js-dismissible-trigger {
  color: #FFF !important;
}

#theme-pnet .mex-button-group .mex-button {
  color: #ed1b2e;
}

#theme-pnet .mex-button-group .mex-button:first-of-type {
  color: #d8d8d8;
}

#theme-pnet .mex-button {
  color: #ed1b2e;
}

#theme-pnet .mex-button--primary {
  background-color: #ba1525;
  border: solid 1px #FFF;
  color: #FFF !important;
}

.mex-search-box__form #theme-pnet .mex-button--primary {
  text-transform: uppercase !important;
}

#theme-pnet .mex-button--primary.mex-button--candidate {
  background-color: #7aae1a;
  text-transform: capitalize;
}

#theme-pnet .mex-dropdown-container .mex-button {
  color: #b0b0b0;
}

#theme-pnet .mex-dropdown-container .mex-button:after {
  border-top-color: #b0b0b0;
}

#theme-pnet .mex-card__header-link {
  color: #222222;
}

#theme-pnet .mex-search-box {
  background-color: #ba1525;
}

#theme-pnet .mex-typeahead.mex-search-box__control-job::after {
  color: #b0b0b0;
}

#theme-pnet .mex-typeahead.mex-search-box__control-location::after {
  color: #b0b0b0;
}

#theme-pnet .mex-tabs-horizontal__link {
  color: #3c3f41 !important;
}

#theme-pnet .mex-tabs-nav--brand {
  background-color: #ba1525;
}

#theme-pnet .mex-tabs-nav--brand .mex-tabs-horizontal__link {
  color: white !important;
}

#theme-pnet .mex-form__select:after {
  border-top-color: #b0b0b0;
}

#theme-pnet .mex-dropdown__link:hover {
  color: white;
  background-color: #ed1b2e;
}

#theme-pnet .mex-label--accent {
  background-color: #ed1b2e;
}

#theme-pnet .mex-dropdown__link:hover .mex-label--accent {
  background-color: white;
  color: #ed1b2e;
}

#theme-pnet .mex-fill-brand {
  background-color: #ba1525 !important;
}

/**
 * CONTENTS
 *
 * Variables
 * Job item
 * Header
 * Texts
 * Buttons
 * Searchbar
 * Tabs
 * Form
 *
 */
/**
 * Do not forget to add the ID theme-wireframe to the body of the layout you want to use!
 * Do not override existing MEX layouts with the theme-wireframe ID
 */
/*------------------------------------*\
  #VARIABLES
\*------------------------------------*/
#theme-wireframe {
  /*------------------------------------*\
    #JOB ITEM
  \*------------------------------------*/
  /*------------------------------------*\
    #HEADER
  \*------------------------------------*/
  /*------------------------------------*\
    #TEXTS
  \*------------------------------------*/
  /*------------------------------------*\
    #LINKS
  \*------------------------------------*/
  /*------------------------------------*\
    #BUTTONS
  \*------------------------------------*/
  /*------------------------------------*\
    #CARDS
  \*------------------------------------*/
  /*------------------------------------*\
    #SEARCHBAR
  \*------------------------------------*/
  /*------------------------------------*\
    #TABS
  \*------------------------------------*/
  /*------------------------------------*\
    #FORM
  \*------------------------------------*/
  /*------------------------------------*\
    #DROPDOWN
  \*------------------------------------*/
  /*------------------------------------*\
    #LABELS
  \*------------------------------------*/
  /*------------------------------------*\
    #COLOR UTILITIES
  \*------------------------------------*/
}

#theme-wireframe .mex-job-item__title a {
  color: #666;
}

#theme-wireframe .mex-masterheader-compact__hamburger-inner,
#theme-wireframe .mex-masterheader-compact__hamburger-inner::before,
#theme-wireframe .mex-masterheader-compact__hamburger-inner::after {
  background-color: #333;
}

#theme-wireframe .is-active .mex-masterheader-compact__hamburger-inner {
  background-color: transparent;
}

#theme-wireframe .mex-masterheader-compact__search-button .iconic::before {
  color: #333;
}

#theme-wireframe .mex-headerfull-mainnav__link--accent-recruiter {
  color: #666;
}

#theme-wireframe .mex-text-brand {
  color: #333 !important;
}

#theme-wireframe .mex-text-accent {
  color: #666 !important;
}

#theme-wireframe .mex-text-uppercase {
  text-transform: uppercase;
}

#theme-wireframe a {
  color: #666;
}

#theme-wireframe .mex-search-box__search-link {
  color: #aaa;
}

#theme-wireframe .mex-token--accent-candidate .js-dismissible-trigger {
  color: #FFF !important;
}

#theme-wireframe .mex-button-group .mex-button {
  color: #666;
}

#theme-wireframe .mex-button-group .mex-button:first-of-type {
  color: #d8d8d8;
}

#theme-wireframe .mex-button {
  color: #666;
}

#theme-wireframe .mex-button--primary {
  background-color: #333;
  color: #FFF !important;
  border-color: #333;
}

#theme-wireframe .mex-button--primary.mex-button--candidate {
  background-color: #999;
}

#theme-wireframe .mex-dropdown-container .mex-button {
  color: #888;
}

#theme-wireframe .mex-dropdown-container .mex-button:after {
  border-top-color: #888;
}

#theme-wireframe .mex-card__header-link {
  color: #111;
}

#theme-wireframe .mex-search-box {
  background-color: #333;
}

#theme-wireframe .mex-typeahead.mex-search-box__control-job::after {
  color: #888;
}

#theme-wireframe .mex-typeahead.mex-search-box__control-location::after {
  color: #888;
}

#theme-wireframe .mex-tabs-horizontal__link {
  color: #333 !important;
}

#theme-wireframe .mex-tabs-nav--brand {
  background-color: #333;
}

#theme-wireframe .mex-tabs-nav--brand .mex-tabs-horizontal__link {
  color: white !important;
}

#theme-wireframe .mex-form__select:after {
  border-top-color: #888;
}

#theme-wireframe .mex-dropdown__link:hover {
  color: white;
  background-color: #666;
}

#theme-wireframe .mex-label--accent {
  background-color: #666;
}

#theme-wireframe .mex-dropdown__link:hover .mex-label--accent {
  background-color: white;
  color: #666;
}

#theme-wireframe .mex-fill-brand {
  background-color: #333 !important;
}

#theme-small-fonts {
  font-weight: 400;
  font-size: 14px !important;
  line-height: 21px !important;
  font-family: sans-serif;
  /**
 * Titles classes (standard)
*/
  /* Padding and Margins */
  /*margins*/
}

#theme-small-fonts .mex-headerfull-mainnav__nav {
  margin-top: 0.2rem;
}

#theme-small-fonts .mex-homepage-title h1.mex-h1 {
  font-size: 21px !important;
}

@media all and (min-width: 768px) {
  #theme-small-fonts .mex-homepage-title h1.mex-h1 {
    font-size: 36px !important;
  }
}

#theme-small-fonts .mex-grid__unit {
  padding-left: 6px;
}

#theme-small-fonts .logo-listing {
  width: 58px;
  height: 58px;
}

#theme-small-fonts .mex-card {
  margin-bottom: 6px;
}

@media (min-width: 1189px) {
  #theme-small-fonts .is-sticky {
    left: 50%;
    margin-left: 287px;
    width: 280px;
    top: -6px;
  }
}

@media (min-width: 1189px) {
  #theme-small-fonts .is-sticky2 {
    width: 844px !important;
    margin-left: -576px;
  }
}

#theme-small-fonts .mex-headerfull-mainnav__nav {
  padding: 0;
}

#theme-small-fonts .mex-masterheader-full__brand {
  padding-top: 0 !important;
}

@media (min-width: 1164px) {
  #theme-small-fonts .mex-masterheader-full__brand {
    padding-top: 15px !important;
  }
}

#theme-small-fonts .mex-headerfull-mainnav {
  padding: 9px 0 7px 0;
}

#theme-small-fonts .mex-headerfull-mainnav__item {
  font-size: 14px;
  line-height: 20px;
}

#theme-small-fonts .mex-headerfull-mainnav__link {
  padding: 11px 12px;
}

#theme-small-fonts .mex-headerfull-mainnav__link.mex-dropdown-trigger,
#theme-small-fonts .mex-search-box__form .mex-dropdown-trigger {
  padding-right: 1.5rem;
}

@media all and (min-width: 768px) {
  #theme-small-fonts .mex-button {
    font-size: 14px;
    line-height: 20px;
    padding: 10px 0.75rem;
  }
}

#theme-small-fonts .mex-headerfull-mainnav__item .mex-dropdown-trigger {
  font-size: 14px;
  line-height: 20px;
  padding: 11px 0.75rem;
  padding-right: 25px;
}

#theme-small-fonts .mex-button-s {
  font-size: 14px;
  line-height: 20px;
  padding: 0.3125rem 0.375rem;
}

#theme-small-fonts .mex-text-xs {
  font-size: 12px;
  line-height: 18px;
}

#theme-small-fonts .mex-text-s {
  font-size: 14px;
  line-height: 18px;
}

#theme-small-fonts .mex-text-base {
  font-size: 16px;
  line-height: 24px;
}

#theme-small-fonts .mex-text-l,
#theme-small-fonts .mex-job-item__title {
  font-size: 18px;
  line-height: 24px;
}

#theme-small-fonts .mex-text-xl {
  font-size: 18px;
  line-height: 24px;
}

#theme-small-fonts .mex-text-xxl {
  font-size: 21px;
  line-height: 24px;
}

@media all and (min-width: 768px) {
  #theme-small-fonts {
    font-weight: 400;
    font-size: 14px !important;
    line-height: 21px !important;
    font-family: sans-serif;
  }
  #theme-small-fonts .logo-listing {
    width: 105px;
    height: 105px;
  }
  #theme-small-fonts .mex-text-xs {
    font-size: 12px;
    line-height: 18px;
  }
  #theme-small-fonts .mex-text-s {
    font-size: 12px;
    line-height: 18px;
  }
  #theme-small-fonts .mex-text-base {
    font-size: 14px !important;
    line-height: 20px !important;
  }
  #theme-small-fonts .mex-text-l {
    font-size: 16px;
    line-height: 24px;
  }
  #theme-small-fonts .mex-text-xl,
  #theme-small-fonts .mex-job-item__title {
    font-size: 18px;
    line-height: 24px;
  }
  #theme-small-fonts .mex-text-xxl {
    font-size: 21px;
    line-height: 24px;
  }
}

#theme-small-fonts .mex-h1,
#theme-small-fonts h1, #theme-small-fonts .mex-h2,
#theme-small-fonts h2, #theme-small-fonts .mex-h3,
#theme-small-fonts h3, #theme-small-fonts .mex-h4,
#theme-small-fonts h4 {
  color: #222222;
  font-weight: 600;
  font-family: sans-serif;
}

#theme-small-fonts .mex-h1,
#theme-small-fonts h1 {
  margin-bottom: 1.5rem;
  font-size: 18px;
  line-height: 24px;
}

@media all and (min-width: 768px) {
  #theme-small-fonts .mex-h1,
  #theme-small-fonts h1 {
    font-size: 21px;
    line-height: 24px;
  }
}

#theme-small-fonts .mex-h1--inverse {
  color: #ffffff;
}

#theme-small-fonts .mex-h2,
#theme-small-fonts h2 {
  margin-bottom: 0.75rem;
  color: #0c2577;
  font-size: 18px;
  line-height: 24px;
}

#theme-small-fonts .mex-h3,
#theme-small-fonts h3 {
  margin-bottom: 0.75rem;
  font-size: 16px;
  line-height: 24px;
}

#theme-small-fonts .mex-h3--inverse {
  color: #ffffff;
}

#theme-small-fonts .mex-h4,
#theme-small-fonts h4 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}

#theme-small-fonts .mex-h4--inverse {
  color: #ffffff;
}

#theme-small-fonts .mex-padding-all-base {
  padding: 12px !important;
}

#theme-small-fonts .mex-padding-top-base {
  padding-top: 12px !important;
}

#theme-small-fonts .mex-padding-right-base {
  padding-right: 112px !important;
}

#theme-small-fonts .mex-padding-bottom-base {
  padding-bottom: 12px !important;
}

#theme-small-fonts .mex-padding-left-base {
  padding-left: 12px !important;
}

#theme-small-fonts .mex-padding-horizontal-base {
  padding-right: 12px !important;
  padding-left: 12px !important;
}

#theme-small-fonts .mex-padding-vertical-base {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

#theme-small-fonts .mex-padding-all-s {
  padding: 0.75rem !important;
}

#theme-small-fonts .mex-padding-top-s {
  padding-top: 0.75rem !important;
}

#theme-small-fonts .mex-padding-right-s {
  padding-right: 0.75rem !important;
}

#theme-small-fonts .mex-padding-bottom-s {
  padding-bottom: 0.75rem !important;
}

#theme-small-fonts .mex-padding-left-s {
  padding-left: 0.75rem !important;
}

#theme-small-fonts .mex-padding-horizontal-s {
  padding-right: 0.75rem !important;
  padding-left: 0.75rem !important;
}

#theme-small-fonts .mex-padding-vertical-s {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}

#theme-small-fonts .mex-padding-all-xs {
  padding: 0.375rem !important;
}

#theme-small-fonts .mex-padding-top-xs {
  padding-top: 0.375rem !important;
}

#theme-small-fonts .mex-padding-right-xs {
  padding-right: 0.375rem !important;
}

#theme-small-fonts .mex-padding-bottom-xs {
  padding-bottom: 0.375rem !important;
}

#theme-small-fonts .mex-padding-left-xs {
  padding-left: 0.375rem !important;
}

#theme-small-fonts .mex-padding-horizontal-xs {
  padding-right: 0.375rem !important;
  padding-left: 0.375rem !important;
}

#theme-small-fonts .mex-padding-vertical-xs {
  padding-top: 0.375rem !important;
  padding-bottom: 0.375rem !important;
}

#theme-small-fonts .mex-padding-all-l {
  padding: 18px !important;
}

#theme-small-fonts .mex-padding-top-l {
  padding-top: 18px !important;
}

#theme-small-fonts .mex-padding-right-l {
  padding-right: 18px !important;
}

#theme-small-fonts .mex-padding-bottom-l {
  padding-bottom: 18px !important;
}

#theme-small-fonts .mex-padding-left-l {
  padding-left: 18px !important;
}

#theme-small-fonts .mex-padding-horizontal-l {
  padding-right: 18px !important;
  padding-left: 18px !important;
}

#theme-small-fonts .mex-padding-vertical-l {
  padding-top: 18px !important;
  padding-bottom: 18px !important;
}

#theme-small-fonts .mex-padding-all-xl {
  padding: 3.75rem !important;
}

#theme-small-fonts .mex-padding-top-xl {
  padding-top: 3.75rem !important;
}

#theme-small-fonts .mex-padding-right-xl {
  padding-right: 3.75rem !important;
}

#theme-small-fonts .mex-padding-bottom-xl {
  padding-bottom: 3.75rem !important;
}

#theme-small-fonts .mex-padding-left-xl {
  padding-left: 3.75rem !important;
}

#theme-small-fonts .mex-padding-horizontal-xl {
  padding-right: 3.75rem !important;
  padding-left: 3.75rem !important;
}

#theme-small-fonts .mex-padding-vertical-xl {
  padding-top: 3.75rem !important;
  padding-bottom: 3.75rem !important;
}

@media all and (min-width: 768px) {
  #theme-small-fonts .mex-padding-all-none\@medium {
    padding: 0 !important;
  }
  #theme-small-fonts .mex-padding-top-none\@medium {
    padding-top: 0 !important;
  }
  #theme-small-fonts .mex-padding-right-none\@medium {
    padding-right: 0 !important;
  }
  #theme-small-fonts .mex-padding-bottom-none\@medium {
    padding-bottom: 0 !important;
  }
  #theme-small-fonts .mex-padding-left-none\@medium {
    padding-left: 0 !important;
  }
  #theme-small-fonts .mex-padding-horizontal-none\@medium {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  #theme-small-fonts .mex-padding-vertical-none\@medium {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

@media all and (min-width: 1020px) {
  #theme-small-fonts .mex-padding-all-none\@large {
    padding: 0 !important;
  }
  #theme-small-fonts .mex-padding-top-none\@large {
    padding-top: 0 !important;
  }
  #theme-small-fonts .mex-padding-right-none\@large {
    padding-right: 0 !important;
  }
  #theme-small-fonts .mex-padding-bottom-none\@large {
    padding-bottom: 0 !important;
  }
  #theme-small-fonts .mex-padding-left-none\@large {
    padding-left: 0 !important;
  }
  #theme-small-fonts .mex-padding-horizontal-none\@large {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  #theme-small-fonts .mex-padding-vertical-none\@large {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

@media all and (min-width: 1164px) {
  #theme-small-fonts .mex-padding-all-none\@xlarge {
    padding: 0 !important;
  }
  #theme-small-fonts .mex-padding-top-none\@xlarge {
    padding-top: 0 !important;
  }
  #theme-small-fonts .mex-padding-right-none\@xlarge {
    padding-right: 0 !important;
  }
  #theme-small-fonts .mex-padding-bottom-none\@xlarge {
    padding-bottom: 0 !important;
  }
  #theme-small-fonts .mex-padding-left-none\@xlarge {
    padding-left: 0 !important;
  }
  #theme-small-fonts .mex-padding-horizontal-none\@xlarge {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  #theme-small-fonts .mex-padding-vertical-none\@xlarge {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

@media all and (min-width: 768px) {
  #theme-small-fonts .mex-padding-all-base\@medium {
    padding: 18px !important;
  }
  #theme-small-fonts .mex-padding-top-base\@medium {
    padding-top: 18px !important;
  }
  #theme-small-fonts .mex-padding-right-base\@medium {
    padding-right: 18px !important;
  }
  #theme-small-fonts .mex-padding-bottom-base\@medium {
    padding-bottom: 18px !important;
  }
  #theme-small-fonts .mex-padding-left-base\@medium {
    padding-left: 18px !important;
  }
  #theme-small-fonts .mex-padding-horizontal-base\@medium {
    padding-right: 18px !important;
    padding-left: 18px !important;
  }
  #theme-small-fonts .mex-padding-vertical-base\@medium {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
  }
}

@media all and (min-width: 1020px) {
  #theme-small-fonts .mex-padding-all-base\@large {
    padding: 18px !important;
  }
  #theme-small-fonts .mex-padding-top-base\@large {
    padding-top: 18px !important;
  }
  #theme-small-fonts .mex-padding-right-base\@large {
    padding-right: 18px !important;
  }
  #theme-small-fonts .mex-padding-bottom-base\@large {
    padding-bottom: 18px !important;
  }
  #theme-small-fonts .mex-padding-left-base\@large {
    padding-left: 18px !important;
  }
  #theme-small-fonts .mex-padding-horizontal-base\@large {
    padding-right: 18px !important;
    padding-left: 18px !important;
  }
  #theme-small-fonts .mex-padding-vertical-base\@large {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
  }
}

@media all and (min-width: 1164px) {
  #theme-small-fonts .mex-padding-all-base\@xlarge {
    padding: 18px !important;
  }
  #theme-small-fonts .mex-padding-top-base\@xlarge {
    padding-top: 18px !important;
  }
  #theme-small-fonts .mex-padding-right-base\@xlarge {
    padding-right: 18px !important;
  }
  #theme-small-fonts .mex-padding-bottom-base\@xlarge {
    padding-bottom: 18px !important;
  }
  #theme-small-fonts .mex-padding-left-base\@xlarge {
    padding-left: 18px !important;
  }
  #theme-small-fonts .mex-padding-horizontal-base\@xlarge {
    padding-right: 18px !important;
    padding-left: 18px !important;
  }
  #theme-small-fonts .mex-padding-vertical-base\@xlarge {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
  }
}

@media all and (min-width: 768px) {
  #theme-small-fonts .mex-padding-all-s\@medium {
    padding: 0.75rem !important;
  }
  #theme-small-fonts .mex-padding-top-s\@medium {
    padding-top: 0.75rem !important;
  }
  #theme-small-fonts .mex-padding-right-s\@medium {
    padding-right: 0.75rem !important;
  }
  #theme-small-fonts .mex-padding-bottom-s\@medium {
    padding-bottom: 0.75rem !important;
  }
  #theme-small-fonts .mex-padding-left-s\@medium {
    padding-left: 0.75rem !important;
  }
  #theme-small-fonts .mex-padding-horizontal-s\@medium {
    padding-right: 0.75rem !important;
    padding-left: 0.75rem !important;
  }
  #theme-small-fonts .mex-padding-vertical-s\@medium {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }
}

@media all and (min-width: 1020px) {
  #theme-small-fonts .mex-padding-all-s\@large {
    padding: 0.75rem !important;
  }
  #theme-small-fonts .mex-padding-top-s\@large {
    padding-top: 0.75rem !important;
  }
  #theme-small-fonts .mex-padding-right-s\@large {
    padding-right: 0.75rem !important;
  }
  #theme-small-fonts .mex-padding-bottom-s\@large {
    padding-bottom: 0.75rem !important;
  }
  #theme-small-fonts .mex-padding-left-s\@large {
    padding-left: 0.75rem !important;
  }
  #theme-small-fonts .mex-padding-horizontal-s\@large {
    padding-right: 0.75rem !important;
    padding-left: 0.75rem !important;
  }
  #theme-small-fonts .mex-padding-vertical-s\@large {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }
}

@media all and (min-width: 1164px) {
  #theme-small-fonts .mex-padding-all-s\@xlarge {
    padding: 0.75rem !important;
  }
  #theme-small-fonts .mex-padding-top-s\@xlarge {
    padding-top: 0.75rem !important;
  }
  #theme-small-fonts .mex-padding-right-s\@xlarge {
    padding-right: 0.75rem !important;
  }
  #theme-small-fonts .mex-padding-bottom-s\@xlarge {
    padding-bottom: 0.75rem !important;
  }
  #theme-small-fonts .mex-padding-left-s\@xlarge {
    padding-left: 0.75rem !important;
  }
  #theme-small-fonts .mex-padding-horizontal-s\@xlarge {
    padding-right: 0.75rem !important;
    padding-left: 0.75rem !important;
  }
  #theme-small-fonts .mex-padding-vertical-s\@xlarge {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }
}

@media all and (min-width: 768px) {
  #theme-small-fonts .mex-padding-all-xs\@medium {
    padding: 0.375rem !important;
  }
  #theme-small-fonts .mex-padding-top-xs\@medium {
    padding-top: 0.375rem !important;
  }
  #theme-small-fonts .mex-padding-right-xs\@medium {
    padding-right: 0.375rem !important;
  }
  #theme-small-fonts .mex-padding-bottom-xs\@medium {
    padding-bottom: 0.375rem !important;
  }
  #theme-small-fonts .mex-padding-left-xs\@medium {
    padding-left: 0.375rem !important;
  }
  #theme-small-fonts .mex-padding-horizontal-xs\@medium {
    padding-right: 0.375rem !important;
    padding-left: 0.375rem !important;
  }
  #theme-small-fonts .mex-padding-vertical-xs\@medium {
    padding-top: 0.375rem !important;
    padding-bottom: 0.375rem !important;
  }
}

@media all and (min-width: 1020px) {
  #theme-small-fonts .mex-padding-all-xs\@large {
    padding: 0.375rem !important;
  }
  #theme-small-fonts .mex-padding-top-xs\@large {
    padding-top: 0.375rem !important;
  }
  #theme-small-fonts .mex-padding-right-xs\@large {
    padding-right: 0.375rem !important;
  }
  #theme-small-fonts .mex-padding-bottom-xs\@large {
    padding-bottom: 0.375rem !important;
  }
  #theme-small-fonts .mex-padding-left-xs\@large {
    padding-left: 0.375rem !important;
  }
  #theme-small-fonts .mex-padding-horizontal-xs\@large {
    padding-right: 0.375rem !important;
    padding-left: 0.375rem !important;
  }
  #theme-small-fonts .mex-padding-vertical-xs\@large {
    padding-top: 0.375rem !important;
    padding-bottom: 0.375rem !important;
  }
}

@media all and (min-width: 1164px) {
  #theme-small-fonts .mex-padding-all-xs\@xlarge {
    padding: 0.375rem !important;
  }
  #theme-small-fonts .mex-padding-top-xs\@xlarge {
    padding-top: 0.375rem !important;
  }
  #theme-small-fonts .mex-padding-right-xs\@xlarge {
    padding-right: 0.375rem !important;
  }
  #theme-small-fonts .mex-padding-bottom-xs\@xlarge {
    padding-bottom: 0.375rem !important;
  }
  #theme-small-fonts .mex-padding-left-xs\@xlarge {
    padding-left: 0.375rem !important;
  }
  #theme-small-fonts .mex-padding-horizontal-xs\@xlarge {
    padding-right: 0.375rem !important;
    padding-left: 0.375rem !important;
  }
  #theme-small-fonts .mex-padding-vertical-xs\@xlarge {
    padding-top: 0.375rem !important;
    padding-bottom: 0.375rem !important;
  }
}

@media all and (min-width: 768px) {
  #theme-small-fonts .mex-padding-all-l\@medium {
    padding: 24px !important;
  }
  #theme-small-fonts .mex-padding-top-l\@medium {
    padding-top: 24px !important;
  }
  #theme-small-fonts .mex-padding-right-l\@medium {
    padding-right: 24px !important;
  }
  #theme-small-fonts .mex-padding-bottom-l\@medium {
    padding-bottom: 24pxm !important;
  }
  #theme-small-fonts .mex-padding-left-l\@medium {
    padding-left: 24px !important;
  }
  #theme-small-fonts .mex-padding-horizontal-l\@medium {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  #theme-small-fonts .mex-padding-vertical-l\@medium {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
}

@media all and (min-width: 1020px) {
  #theme-small-fonts .mex-padding-all-l\@large {
    padding: 24px !important;
  }
  #theme-small-fonts .mex-padding-top-l\@large {
    padding-top: 24px !important;
  }
  #theme-small-fonts .mex-padding-right-l\@large {
    padding-right: 24px !important;
  }
  #theme-small-fonts .mex-padding-bottom-l\@large {
    padding-bottom: 24px !important;
  }
  #theme-small-fonts .mex-padding-left-l\@large {
    padding-left: 24px !important;
  }
  #theme-small-fonts .mex-padding-horizontal-l\@large {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  #theme-small-fonts .mex-padding-vertical-l\@large {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
}

@media all and (min-width: 1164px) {
  #theme-small-fonts .mex-padding-all-l\@xlarge {
    padding: 24px !important;
  }
  #theme-small-fonts .mex-padding-top-l\@xlarge {
    padding-top: 24px !important;
  }
  #theme-small-fonts .mex-padding-right-l\@xlarge {
    padding-right: 24px !important;
  }
  #theme-small-fonts .mex-padding-bottom-l\@xlarge {
    padding-bottom: 24px !important;
  }
  #theme-small-fonts .mex-padding-left-l\@xlarge {
    padding-left: 24px !important;
  }
  #theme-small-fonts .mex-padding-horizontal-l\@xlarge {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  #theme-small-fonts .mex-padding-vertical-l\@xlarge {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
}

@media all and (min-width: 768px) {
  #theme-small-fonts .mex-padding-all-xl\@medium {
    padding: 3.75rem !important;
  }
  #theme-small-fonts .mex-padding-top-xl\@medium {
    padding-top: 3.75rem !important;
  }
  #theme-small-fonts .mex-padding-right-xl\@medium {
    padding-right: 3.75rem !important;
  }
  #theme-small-fonts .mex-padding-bottom-xl\@medium {
    padding-bottom: 3.75rem !important;
  }
  #theme-small-fonts .mex-padding-left-xl\@medium {
    padding-left: 3.75rem !important;
  }
  #theme-small-fonts .mex-padding-horizontal-xl\@medium {
    padding-right: 3.75rem !important;
    padding-left: 3.75rem !important;
  }
  #theme-small-fonts .mex-padding-vertical-xl\@medium {
    padding-top: 3.75rem !important;
    padding-bottom: 3.75rem !important;
  }
}

@media all and (min-width: 1020px) {
  #theme-small-fonts .mex-padding-all-xl\@large {
    padding: 3.75rem !important;
  }
  #theme-small-fonts .mex-padding-top-xl\@large {
    padding-top: 3.75rem !important;
  }
  #theme-small-fonts .mex-padding-right-xl\@large {
    padding-right: 3.75rem !important;
  }
  #theme-small-fonts .mex-padding-bottom-xl\@large {
    padding-bottom: 3.75rem !important;
  }
  #theme-small-fonts .mex-padding-left-xl\@large {
    padding-left: 3.75rem !important;
  }
  #theme-small-fonts .mex-padding-horizontal-xl\@large {
    padding-right: 3.75rem !important;
    padding-left: 3.75rem !important;
  }
  #theme-small-fonts .mex-padding-vertical-xl\@large {
    padding-top: 3.75rem !important;
    padding-bottom: 3.75rem !important;
  }
}

@media all and (min-width: 1164px) {
  #theme-small-fonts .mex-padding-all-xl\@xlarge {
    padding: 3.75rem !important;
  }
  #theme-small-fonts .mex-padding-top-xl\@xlarge {
    padding-top: 3.75rem !important;
  }
  #theme-small-fonts .mex-padding-right-xl\@xlarge {
    padding-right: 3.75rem !important;
  }
  #theme-small-fonts .mex-padding-bottom-xl\@xlarge {
    padding-bottom: 3.75rem !important;
  }
  #theme-small-fonts .mex-padding-left-xl\@xlarge {
    padding-left: 3.75rem !important;
  }
  #theme-small-fonts .mex-padding-horizontal-xl\@xlarge {
    padding-right: 3.75rem !important;
    padding-left: 3.75rem !important;
  }
  #theme-small-fonts .mex-padding-vertical-xl\@xlarge {
    padding-top: 3.75rem !important;
    padding-bottom: 3.75rem !important;
  }
}

#theme-small-fonts .mex-margin-all-none {
  margin: 0 !important;
}

#theme-small-fonts .mex-margin-top-none {
  margin-top: 0 !important;
}

#theme-small-fonts .mex-margin-right-none {
  margin-right: 0 !important;
}

#theme-small-fonts .mex-margin-bottom-none {
  margin-bottom: 0 !important;
}

#theme-small-fonts .mex-margin-left-none {
  margin-left: 0 !important;
}

#theme-small-fonts .mex-margin-horizontal-none {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

#theme-small-fonts .mex-margin-vertical-none {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

#theme-small-fonts .mex-margin-all-base {
  margin: 12px !important;
}

#theme-small-fonts .mex-margin-top-base {
  margin-top: 12px !important;
}

#theme-small-fonts .mex-margin-right-base {
  margin-right: 12px !important;
}

#theme-small-fonts .mex-margin-bottom-base {
  margin-bottom: 12px !important;
}

#theme-small-fonts .mex-margin-left-base {
  margin-left: 12px !important;
}

#theme-small-fonts .mex-margin-horizontal-base {
  margin-right: 12px !important;
  margin-left: 12px !important;
}

#theme-small-fonts .mex-margin-vertical-base {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}

#theme-small-fonts .mex-margin-all-s {
  margin: 0.75rem !important;
}

#theme-small-fonts .mex-margin-top-s {
  margin-top: 0.75rem !important;
}

#theme-small-fonts .mex-margin-right-s {
  margin-right: 0.75rem !important;
}

#theme-small-fonts .mex-margin-bottom-s {
  margin-bottom: 6px !important;
}

#theme-small-fonts .mex-margin-left-s {
  margin-left: 0.75rem !important;
}

#theme-small-fonts .mex-margin-horizontal-s {
  margin-right: 0.75rem !important;
  margin-left: 0.75rem !important;
}

#theme-small-fonts .mex-margin-vertical-s {
  margin-top: 0.75rem !important;
  margin-bottom: 0.75rem !important;
}

#theme-small-fonts .mex-margin-all-xs {
  margin: 0.375rem !important;
}

#theme-small-fonts .mex-margin-top-xs {
  margin-top: 0.375rem !important;
}

#theme-small-fonts .mex-margin-right-xs {
  margin-right: 0.375rem !important;
}

#theme-small-fonts .mex-margin-bottom-xs {
  margin-bottom: 0.375rem !important;
}

#theme-small-fonts .mex-margin-left-xs {
  margin-left: 0.375rem !important;
}

#theme-small-fonts .mex-margin-horizontal-xs {
  margin-right: 0.375rem !important;
  margin-left: 0.375rem !important;
}

#theme-small-fonts .mex-margin-vertical-xs {
  margin-top: 0.375rem !important;
  margin-bottom: 0.375rem !important;
}

#theme-small-fonts .mex-margin-all-l {
  margin: 18px !important;
}

#theme-small-fonts .mex-margin-top-l {
  margin-top: 18px !important;
}

#theme-small-fonts .mex-margin-right-l {
  margin-right: 18px !important;
}

#theme-small-fonts .mex-margin-bottom-l {
  margin-bottom: 18px !important;
}

#theme-small-fonts .mex-margin-left-l {
  margin-left: 18px !important;
}

#theme-small-fonts .mex-margin-horizontal-l {
  margin-right: 18px !important;
  margin-left: 1.875rem !important;
}

#theme-small-fonts .mex-margin-vertical-l {
  margin-top: 18px !important;
  margin-bottom: 18px !important;
}

#theme-small-fonts .mex-margin-all-xl {
  margin: 3.75rem !important;
}

#theme-small-fonts .mex-margin-top-xl {
  margin-top: 3.75rem !important;
}

#theme-small-fonts .mex-margin-right-xl {
  margin-right: 3.75rem !important;
}

#theme-small-fonts .mex-margin-bottom-xl {
  margin-bottom: 3.75rem !important;
}

#theme-small-fonts .mex-margin-left-xl {
  margin-left: 3.75rem !important;
}

#theme-small-fonts .mex-margin-horizontal-xl {
  margin-right: 3.75rem !important;
  margin-left: 3.75rem !important;
}

#theme-small-fonts .mex-margin-vertical-xl {
  margin-top: 3.75rem !important;
  margin-bottom: 3.75rem !important;
}

@media all and (min-width: 768px) {
  #theme-small-fonts .mex-margin-all-none\@medium {
    margin: 0 !important;
  }
  #theme-small-fonts .mex-margin-top-none\@medium {
    margin-top: 0 !important;
  }
  #theme-small-fonts .mex-margin-right-none\@medium {
    margin-right: 0 !important;
  }
  #theme-small-fonts .mex-margin-bottom-none\@medium {
    margin-bottom: 0 !important;
  }
  #theme-small-fonts .mex-margin-left-none\@medium {
    margin-left: 0 !important;
  }
  #theme-small-fonts .mex-margin-horizontal-none\@medium {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  #theme-small-fonts .mex-margin-vertical-none\@medium {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

@media all and (min-width: 1020px) {
  #theme-small-fonts .mex-margin-all-none\@large {
    margin: 0 !important;
  }
  #theme-small-fonts .mex-margin-top-none\@large {
    margin-top: 0 !important;
  }
  #theme-small-fonts .mex-margin-right-none\@large {
    margin-right: 0 !important;
  }
  #theme-small-fonts .mex-margin-bottom-none\@large {
    margin-bottom: 0 !important;
  }
  #theme-small-fonts .mex-margin-left-none\@large {
    margin-left: 0 !important;
  }
  #theme-small-fonts .mex-margin-horizontal-none\@large {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  #theme-small-fonts .mex-margin-vertical-none\@large {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

@media all and (min-width: 1164px) {
  #theme-small-fonts .mex-margin-all-none\@xlarge {
    margin: 0 !important;
  }
  #theme-small-fonts .mex-margin-top-none\@xlarge {
    margin-top: 0 !important;
  }
  #theme-small-fonts .mex-margin-right-none\@xlarge {
    margin-right: 0 !important;
  }
  #theme-small-fonts .mex-margin-bottom-none\@xlarge {
    margin-bottom: 0 !important;
  }
  #theme-small-fonts .mex-margin-left-none\@xlarge {
    margin-left: 0 !important;
  }
  #theme-small-fonts .mex-margin-horizontal-none\@xlarge {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  #theme-small-fonts .mex-margin-vertical-none\@xlarge {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

@media all and (min-width: 768px) {
  #theme-small-fonts .mex-margin-all-base\@medium {
    margin: 18px !important;
  }
  #theme-small-fonts .mex-margin-top-base\@medium {
    margin-top: 18px !important;
  }
  #theme-small-fonts .mex-margin-right-base\@medium {
    margin-right: 18px !important;
  }
  #theme-small-fonts .mex-margin-bottom-base\@medium {
    margin-bottom: 18px !important;
  }
  #theme-small-fonts .mex-margin-left-base\@medium {
    margin-left: 18px !important;
  }
  #theme-small-fonts .mex-margin-horizontal-base\@medium {
    margin-right: 18px !important;
    margin-left: 18px !important;
  }
  #theme-small-fonts .mex-margin-vertical-base\@medium {
    margin-top: 18px !important;
    margin-bottom: 18px !important;
  }
}

@media all and (min-width: 1020px) {
  #theme-small-fonts .mex-margin-all-base\@large {
    margin: 18px !important;
  }
  #theme-small-fonts .mex-margin-top-base\@large {
    margin-top: 18px !important;
  }
  #theme-small-fonts .mex-margin-right-base\@large {
    margin-right: 18px !important;
  }
  #theme-small-fonts .mex-margin-bottom-base\@large {
    margin-bottom: 18px !important;
  }
  #theme-small-fonts .mex-margin-left-base\@large {
    margin-left: 18px !important;
  }
  #theme-small-fonts .mex-margin-horizontal-base\@large {
    margin-right: 18px !important;
    margin-left: 18px !important;
  }
  #theme-small-fonts .mex-margin-vertical-base\@large {
    margin-top: 18px !important;
    margin-bottom: 18px !important;
  }
}

@media all and (min-width: 1164px) {
  #theme-small-fonts .mex-margin-all-base\@xlarge {
    margin: 18px !important;
  }
  #theme-small-fonts .mex-margin-top-base\@xlarge {
    margin-top: 18px !important;
  }
  #theme-small-fonts .mex-margin-right-base\@xlarge {
    margin-right: 18px !important;
  }
  #theme-small-fonts .mex-margin-bottom-base\@xlarge {
    margin-bottom: 18px !important;
  }
  #theme-small-fonts .mex-margin-left-base\@xlarge {
    margin-left: 18px !important;
  }
  #theme-small-fonts .mex-margin-horizontal-base\@xlarge {
    margin-right: 18px !important;
    margin-left: 18px !important;
  }
  #theme-small-fonts .mex-margin-vertical-base\@xlarge {
    margin-top: 18px !important;
    margin-bottom: 18px !important;
  }
}

@media all and (min-width: 768px) {
  #theme-small-fonts .mex-margin-all-s\@medium {
    margin: 0.75rem !important;
  }
  #theme-small-fonts .mex-margin-top-s\@medium {
    margin-top: 0.75rem !important;
  }
  #theme-small-fonts .mex-margin-right-s\@medium {
    margin-right: 0.75rem !important;
  }
  #theme-small-fonts .mex-margin-bottom-s\@medium {
    margin-bottom: 0.75rem !important;
  }
  #theme-small-fonts .mex-margin-left-s\@medium {
    margin-left: 0.75rem !important;
  }
  #theme-small-fonts .mex-margin-horizontal-s\@medium {
    margin-right: 0.75rem !important;
    margin-left: 0.75rem !important;
  }
  #theme-small-fonts .mex-margin-vertical-s\@medium {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
  }
}

@media all and (min-width: 1020px) {
  #theme-small-fonts .mex-margin-all-s\@large {
    margin: 0.75rem !important;
  }
  #theme-small-fonts .mex-margin-top-s\@large {
    margin-top: 0.75rem !important;
  }
  #theme-small-fonts .mex-margin-right-s\@large {
    margin-right: 0.75rem !important;
  }
  #theme-small-fonts .mex-margin-bottom-s\@large {
    margin-bottom: 0.75rem !important;
  }
  #theme-small-fonts .mex-margin-left-s\@large {
    margin-left: 0.75rem !important;
  }
  #theme-small-fonts .mex-margin-horizontal-s\@large {
    margin-right: 0.75rem !important;
    margin-left: 0.75rem !important;
  }
  #theme-small-fonts .mex-margin-vertical-s\@large {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
  }
}

@media all and (min-width: 1164px) {
  #theme-small-fonts .mex-margin-all-s\@xlarge {
    margin: 0.75rem !important;
  }
  #theme-small-fonts .mex-margin-top-s\@xlarge {
    margin-top: 0.75rem !important;
  }
  #theme-small-fonts .mex-margin-right-s\@xlarge {
    margin-right: 0.75rem !important;
  }
  #theme-small-fonts .mex-margin-bottom-s\@xlarge {
    margin-bottom: 0.75rem !important;
  }
  #theme-small-fonts .mex-margin-left-s\@xlarge {
    margin-left: 0.75rem !important;
  }
  #theme-small-fonts .mex-margin-horizontal-s\@xlarge {
    margin-right: 0.75rem !important;
    margin-left: 0.75rem !important;
  }
  #theme-small-fonts .mex-margin-vertical-s\@xlarge {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
  }
}

@media all and (min-width: 768px) {
  #theme-small-fonts .mex-margin-all-xs\@medium {
    margin: 0.375rem !important;
  }
  #theme-small-fonts .mex-margin-top-xs\@medium {
    margin-top: 0.375rem !important;
  }
  #theme-small-fonts .mex-margin-right-xs\@medium {
    margin-right: 0.375rem !important;
  }
  #theme-small-fonts .mex-margin-bottom-xs\@medium {
    margin-bottom: 0.375rem !important;
  }
  #theme-small-fonts .mex-margin-left-xs\@medium {
    margin-left: 0.375rem !important;
  }
  #theme-small-fonts .mex-margin-horizontal-xs\@medium {
    margin-right: 0.375rem !important;
    margin-left: 0.375rem !important;
  }
  #theme-small-fonts .mex-margin-vertical-xs\@medium {
    margin-top: 0.375rem !important;
    margin-bottom: 0.375rem !important;
  }
}

@media all and (min-width: 1020px) {
  #theme-small-fonts .mex-margin-all-xs\@large {
    margin: 0.375rem !important;
  }
  #theme-small-fonts .mex-margin-top-xs\@large {
    margin-top: 0.375rem !important;
  }
  #theme-small-fonts .mex-margin-right-xs\@large {
    margin-right: 0.375rem !important;
  }
  #theme-small-fonts .mex-margin-bottom-xs\@large {
    margin-bottom: 0.375rem !important;
  }
  #theme-small-fonts .mex-margin-left-xs\@large {
    margin-left: 0.375rem !important;
  }
  #theme-small-fonts .mex-margin-horizontal-xs\@large {
    margin-right: 0.375rem !important;
    margin-left: 0.375rem !important;
  }
  #theme-small-fonts .mex-margin-vertical-xs\@large {
    margin-top: 0.375rem !important;
    margin-bottom: 0.375rem !important;
  }
}

@media all and (min-width: 1164px) {
  #theme-small-fonts .mex-margin-all-xs\@xlarge {
    margin: 0.375rem !important;
  }
  #theme-small-fonts .mex-margin-top-xs\@xlarge {
    margin-top: 0.375rem !important;
  }
  #theme-small-fonts .mex-margin-right-xs\@xlarge {
    margin-right: 0.375rem !important;
  }
  #theme-small-fonts .mex-margin-bottom-xs\@xlarge {
    margin-bottom: 0.375rem !important;
  }
  #theme-small-fonts .mex-margin-left-xs\@xlarge {
    margin-left: 0.375rem !important;
  }
  #theme-small-fonts .mex-margin-horizontal-xs\@xlarge {
    margin-right: 0.375rem !important;
    margin-left: 0.375rem !important;
  }
  #theme-small-fonts .mex-margin-vertical-xs\@xlarge {
    margin-top: 0.375rem !important;
    margin-bottom: 0.375rem !important;
  }
}

@media all and (min-width: 768px) {
  #theme-small-fonts .mex-margin-all-l\@medium {
    margin: 24px !important;
  }
  #theme-small-fonts .mex-margin-top-l\@medium {
    margin-top: 24px !important;
  }
  #theme-small-fonts .mex-margin-right-l\@medium {
    margin-right: 24px !important;
  }
  #theme-small-fonts .mex-margin-bottom-l\@medium {
    margin-bottom: 24px !important;
  }
  #theme-small-fonts .mex-margin-left-l\@medium {
    margin-left: 24px !important;
  }
  #theme-small-fonts .mex-margin-horizontal-l\@medium {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  #theme-small-fonts .mex-margin-vertical-l\@medium {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
}

@media all and (min-width: 1020px) {
  #theme-small-fonts .mex-margin-all-l\@large {
    margin: 24px !important;
  }
  #theme-small-fonts .mex-margin-top-l\@large {
    margin-top: 24px !important;
  }
  #theme-small-fonts .mex-margin-right-l\@large {
    margin-right: 24px !important;
  }
  #theme-small-fonts .mex-margin-bottom-l\@large {
    margin-bottom: 24px !important;
  }
  #theme-small-fonts .mex-margin-left-l\@large {
    margin-left: 24px !important;
  }
  #theme-small-fonts .mex-margin-horizontal-l\@large {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  #theme-small-fonts .mex-margin-vertical-l\@large {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
}

@media all and (min-width: 1164px) {
  #theme-small-fonts .mex-margin-all-l\@xlarge {
    margin: 24px !important;
  }
  #theme-small-fonts .mex-margin-top-l\@xlarge {
    margin-top: 24px !important;
  }
  #theme-small-fonts .mex-margin-right-l\@xlarge {
    margin-right: 24px !important;
  }
  #theme-small-fonts .mex-margin-bottom-l\@xlarge {
    margin-bottom: 24px !important;
  }
  #theme-small-fonts .mex-margin-left-l\@xlarge {
    margin-left: 24px !important;
  }
  #theme-small-fonts .mex-margin-horizontal-l\@xlarge {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  #theme-small-fonts .mex-margin-vertical-l\@xlarge {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
}

@media all and (min-width: 768px) {
  #theme-small-fonts .mex-margin-all-xl\@medium {
    margin: 3.75rem !important;
  }
  #theme-small-fonts .mex-margin-top-xl\@medium {
    margin-top: 3.75rem !important;
  }
  #theme-small-fonts .mex-margin-right-xl\@medium {
    margin-right: 3.75rem !important;
  }
  #theme-small-fonts .mex-margin-bottom-xl\@medium {
    margin-bottom: 3.75rem !important;
  }
  #theme-small-fonts .mex-margin-left-xl\@medium {
    margin-left: 3.75rem !important;
  }
  #theme-small-fonts .mex-margin-horizontal-xl\@medium {
    margin-right: 3.75rem !important;
    margin-left: 3.75rem !important;
  }
  #theme-small-fonts .mex-margin-vertical-xl\@medium {
    margin-top: 3.75rem !important;
    margin-bottom: 3.75rem !important;
  }
}

@media all and (min-width: 1020px) {
  #theme-small-fonts .mex-margin-all-xl\@large {
    margin: 3.75rem !important;
  }
  #theme-small-fonts .mex-margin-top-xl\@large {
    margin-top: 3.75rem !important;
  }
  #theme-small-fonts .mex-margin-right-xl\@large {
    margin-right: 3.75rem !important;
  }
  #theme-small-fonts .mex-margin-bottom-xl\@large {
    margin-bottom: 3.75rem !important;
  }
  #theme-small-fonts .mex-margin-left-xl\@large {
    margin-left: 3.75rem !important;
  }
  #theme-small-fonts .mex-margin-horizontal-xl\@large {
    margin-right: 3.75rem !important;
    margin-left: 3.75rem !important;
  }
  #theme-small-fonts .mex-margin-vertical-xl\@large {
    margin-top: 3.75rem !important;
    margin-bottom: 3.75rem !important;
  }
}

@media all and (min-width: 1164px) {
  #theme-small-fonts .mex-margin-all-xl\@xlarge {
    margin: 3.75rem !important;
  }
  #theme-small-fonts .mex-margin-top-xl\@xlarge {
    margin-top: 3.75rem !important;
  }
  #theme-small-fonts .mex-margin-right-xl\@xlarge {
    margin-right: 3.75rem !important;
  }
  #theme-small-fonts .mex-margin-bottom-xl\@xlarge {
    margin-bottom: 3.75rem !important;
  }
  #theme-small-fonts .mex-margin-left-xl\@xlarge {
    margin-left: 3.75rem !important;
  }
  #theme-small-fonts .mex-margin-horizontal-xl\@xlarge {
    margin-right: 3.75rem !important;
    margin-left: 3.75rem !important;
  }
  #theme-small-fonts .mex-margin-vertical-xl\@xlarge {
    margin-top: 3.75rem !important;
    margin-bottom: 3.75rem !important;
  }
}

@media all and (min-width: 768px) {
  #theme-small-fonts button,
  #theme-small-fonts input,
  #theme-small-fonts optgroup,
  #theme-small-fonts select,
  #theme-small-fonts textarea {
    margin: 0;
    /* 2 */
    font-size: 14px;
    /* 1 */
    line-height: 20px;
    /* 1 */
    font-family: sans-serif;
    /* 1 */
  }
}

#theme-small-fonts .mex-job-item__title {
  margin-bottom: 0px;
}

#theme-small-fonts .mex-job-item__company {
  margin-bottom: 6px;
}

#theme-small-fonts .mex-job-item__company,
#theme-small-fonts .mex-job-item__metadata li {
  font-size: 14px !important;
  line-height: 20px !important;
  color: #566578 !important;
}

#theme-small-fonts .mex-job-item__metadata .iconic[data-glyph]::before {
  font-size: 12px !important;
  line-height: 20px !important;
}

#theme-small-fonts .custom-mex-company-logo,
#theme-small-fonts .custom-mex-company-logo2 {
  width: 46px;
  height: 46px;
}

#theme-small-fonts .custom-mex-company-logo2 {
  padding: 2px;
  background: #ffffff;
  border: 1px solid #dcdfe2;
  border-radius: 3px;
}

#theme-small-fonts .mex-job-item__metadata {
  margin-bottom: 0px;
}

@media (min-width: 768px) {
  #theme-small-fonts .mex-card__block {
    padding: 18px;
  }
  #theme-small-fonts .mex-job-item__metadata {
    margin-bottom: 6px;
  }
  #theme-small-fonts .custom-mex-company-logo {
    width: 96px;
    height: 96px;
  }
}

#theme-small-fonts .mex-tabs-horizontal__link {
  padding-top: 12px;
  padding-bottom: 12px !important;
}

#theme-small-fonts .mex-tabs-horizontal__link.is-active {
  padding-bottom: 12px;
}

#theme-small-fonts .mex-masterfooter-full__title {
  color: #fff !important;
  font-size: 14px;
}

#theme-small-fonts .mex-footerfull-mainnav {
  line-height: 24px;
}

#theme-small-fonts .mex-masterfooter-full__top {
  padding-top: 18px;
}

#theme-small-fonts .mex-typeahead.mex-search-box__control-job::after,
#theme-small-fonts .mex-typeahead.mex-search-box__control-location::after {
  top: 11px;
}

#theme-small-fonts .mex-card__header {
  padding-left: 12px;
  padding-right: 12px;
}

@media (min-width: 768px) {
  #theme-small-fonts .mex-card__header {
    padding-left: 18px;
    padding-right: 18px;
  }
}

#theme-small-fonts .mex-card__header h2 {
  margin-bottom: 0px;
}

#theme-small-fonts .mex-card__block--no-vertical-padding {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

@media (min-width: 1189px) {
  #theme-small-fonts .is-sticky2 {
    width: 814px;
  }
}

#theme-small-fonts [class*='list-inline--hspace'] > li {
  font-size: 14px;
}

#theme-small-fonts .iconic[data-glyph]::before {
  font-size: 14px;
  line-height: 20px;
}

#theme-small-fonts .mex-token {
  font-size: 14px;
  line-height: 18px;
}

#theme-small-fonts .custom-mex-rating__stars .iconic[data-glyph="star"]::before {
  font-size: 16px;
  line-height: 24px;
}

#theme-small-fonts .custom-mex-rating__stars {
  min-width: 85px;
}

#theme-small-fonts .mex-form__control {
  padding: 10px 0.75rem;
}

#theme-small-fonts .mex-search-box {
  padding-top: 6px;
  padding-bottom: 6px;
}

#theme-small-fonts .custom-mex-padding-pagination {
  padding-top: 6px !important;
  padding-bottom: 5px !important;
}

#theme-small-fonts .mex-card__header-title {
  padding-top: 6px;
  padding-bottom: 6px;
  margin-bottom: 0px;
}

#theme-small-fonts .mex-card--expandable .mex-card__header::before {
  top: 15px;
}

#theme-small-fonts .mex-card--expandable.is-expanded .mex-card__header::before {
  top: 18px !important;
}

#theme-small-fonts .custom-mex-token--ghost {
  font-size: 14px;
  line-height: 18px;
  padding: 5px;
}

#theme-small-fonts .mex-pagination__text {
  font-size: 14px;
  padding: 10px 6px;
}

#theme-small-fonts .mex-pagination__group .mex-button-group {
  margin-top: 4px;
}

#theme-small-fonts .custom-padding-tab .mex-tabs-horizontal__link {
  padding-top: 13px !important;
}

#theme-small-fonts .asile .mex-card__header-title {
  font-size: 16px;
  line-height: 24px;
}

#theme-small-fonts .custom-mex-jobitem-block {
  padding: 12px !important;
}

#theme-small-fonts .mex-card--compact .mex-card__header {
  padding-left: 12px;
  padding-right: 12px;
}

#theme-small-fonts .mex-card--compact .mex-card__block {
  padding: 12px;
}

#theme-small-fonts .custom-mex-company-logo--compact {
  width: 42px;
  height: 42px;
}

#theme-small-fonts .custom-mex-masterheader-1020 .mex-container {
  height: auto !important;
}

#theme-small-fonts .custom-mex-masterheader-1020 .mex-masterheader-full__brand img {
  width: auto;
  margin-top: 15px;
}