body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  border: 0;
  font-weight: normal;
  margin: 0;
  padding: 0;
  vertical-align: baseline; }

/* html5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, menu, nav, section {
  display: block; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote::before, blockquote::after,
q::before, q::after {
  content: ''; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

address {
  font-style: normal; }

.border-radius {
  border-radius: 4px; }

.border-radius--l {
  border-radius: 8px; }

.bg-brand--blue {
  background: #2175D9;
  color: #F7F5F0; }
  .bg-brand--blue a {
    color: #0F1941; }

.bg-brand--dark-blue {
  background: #0F1941;
  color: #F7F5F0; }
  .bg-brand--dark-blue a {
    color: #2175D9; }

.bg-brand--turquoise {
  background: #6BA5B4;
  color: #F7F5F0; }
  .bg-brand--turquoise a {
    color: #0F1941; }

.bg-brand--red {
  background: #e74536;
  color: #F7F5F0; }
  .bg-brand--red a {
    color: #0F1941; }

.bg-brand--yellow {
  background: #FFB511; }
  .bg-brand--yellow a {
    color: #F7F5F0; }

.bg--brand--white {
  background: #fff;
  color: #0F1941; }
  .bg--brand--white a {
    color: #2175D9; }

.bg-brand--off-white {
  background: #F7F5F0;
  color: #0F1941; }
  .bg-brand--off-white a {
    color: #2175D9; }

@font-face {
  font-family: 'Graphik';
  src: url("../../font/Graphik-Regular.eot");
  src: url("../../font/Graphik-Regular.eot?#iefix") format("embedded-opentype"), url("../../font/Graphik-Regular.woff2") format("woff2"), url("../../font/Graphik-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

html {
  font-size: 18px;
  letter-spacing: 0;
  line-height: 30px;
  box-sizing: border-box;
  color: #0F1941;
  font-display: swap;
  font-family: Graphik, Tahoma, "sans-serif";
  margin: 0;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: none; }
  html *, html *::before, html *::after {
    box-sizing: inherit; }

.hidden {
  display: none !important; }

@media (min-width: 941px) {
  .hidden--from-l {
    display: none !important; } }

@media (max-width: 940px) {
  .hidden--until-l {
    display: none !important; } }

.hidden--visually {
  height: 1px;
  left: -1000%;
  overflow: hidden;
  position: absolute;
  top: auto;
  width: 1px; }

.text {
  font-size: 18px;
  letter-spacing: 0;
  line-height: 30px;
  color: #0F1941; }
  .text--alternative {
    color: #878CA0; }
    .bg-brand--blue .text--alternative,
    .bg-brand--turquoise .text--alternative,
    .bg-brand--red .text--alternative {
      color: rgba(247, 245, 240, 0.5); }
    .bg-brand--yellow .text--alternative {
      color: rgba(15, 25, 65, 0.7); }
    .bg-brand--blue .text--alternative,
    .bg-brand--turquoise .text--alternative,
    .bg-brand--red .text--alternative {
      color: rgba(247, 245, 240, 0.5); }
    .bg-brand--yellow .text--alternative {
      color: rgba(15, 25, 65, 0.7); }
    .bg-brand--off-white .text--alternative {
      color: #878CA0; }
  .text--center {
    text-align: center; }
  .text--emphasis.text--emphasis {
    color: #2175D9; }
    .bg-brand--blue .text--emphasis.text--emphasis,
    .bg-brand--red .text--emphasis.text--emphasis,
    .bg-brand--turquoise .text--emphasis.text--emphasis,
    .bg-brand--yellow .text--emphasis.text--emphasis {
      color: #0F1941; }
  .text--l {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 30px; }
  .text--s {
    font-size: 12px;
    letter-spacing: 0;
    line-height: 15px; }
  .text--negative {
    color: #F24747; }
  .text--positive {
    color: #31AA74; }
  .text--blue {
    color: #2175D9; }
  .text--dark-blue {
    color: #0F1941; }
  .text--off-white {
    color: #F7F5F0; }
  .text--turquoise {
    color: #6BA5B4; }
  .text--red {
    color: #e74536; }
  .text--yellow {
    color: #FFB511; }
  .text--white {
    color: #F7F5F0; }
  .bg-brand--blue .text--duo-color.text--duo-color,
  .bg-brand--turquoise .text--duo-color.text--duo-color,
  .bg-brand--red .text--duo-color.text--duo-color,
  .bg-brand--yellow .text--duo-color.text--duo-color {
    color: #0F1941; }
    .bg-brand--blue .text--duo-color.text--duo-color::first-line,
    .bg-brand--turquoise .text--duo-color.text--duo-color::first-line,
    .bg-brand--red .text--duo-color.text--duo-color::first-line,
    .bg-brand--yellow .text--duo-color.text--duo-color::first-line {
      color: #F7F5F0; }
  .bg-brand--dark-blue .text--duo-color.text--duo-color {
    color: #2175D9; }
    .bg-brand--dark-blue .text--duo-color.text--duo-color::first-line {
      color: #F7F5F0; }
  .bg-brand--off-white .text--duo-color.text--duo-color {
    color: #0F1941; }
    .bg-brand--off-white .text--duo-color.text--duo-color::first-line {
      color: #2175D9; }
  @media (min-width: 941px) {
    .text--dark-from-l {
      color: #0F1941; }
    .text--light-from-l {
      color: #F7F5F0; } }

p {
  font-size: 18px;
  letter-spacing: 0;
  line-height: 30px;
  margin-bottom: 30px; }

.text-ellipsis {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.title--xxl {
  font-size: 80px;
  letter-spacing: -4px;
  line-height: 80px; }

.title--xl {
  font-size: 60px;
  letter-spacing: -3px;
  line-height: 60px; }

.title--l {
  font-size: 40px;
  letter-spacing: -2px;
  line-height: 45px; }

.title--m {
  font-size: 32px;
  letter-spacing: -1px;
  line-height: 40px; }

.title--s {
  font-size: 26px;
  letter-spacing: -1px;
  line-height: 30px; }

.title--xs {
  font-size: 20px;
  letter-spacing: 0;
  line-height: 30px; }

.title--xxs {
  font-size: 18px;
  letter-spacing: 0;
  line-height: 30px; }

.body--l {
  font-size: 18px;
  letter-spacing: 0;
  line-height: 30px; }

.body--m {
  font-size: 16px;
  letter-spacing: 0;
  line-height: 25px; }

.body--s {
  font-size: 12px;
  letter-spacing: 0;
  line-height: 15px; }

.icon {
  box-sizing: content-box;
  color: #0F1941;
  height: 20px;
  line-height: 0;
  position: absolute;
  right: 0;
  width: 20px; }
  .icon--hover {
    -webkit-transition: color 0.2s;
    transition: color 0.2s; }
    .icon--hover:hover {
      color: #2175D9; }
  .icon--xs {
    height: 8px;
    width: 8px; }
  .icon--s {
    height: 16px;
    width: 16px; }
  .icon--l {
    height: 30px;
    width: 30px; }
  .icon--xl {
    height: 40px;
    width: 40px; }
  .icon--xxl {
    height: 60px;
    width: 60px; }
  .icon--xxxl {
    height: 120px;
    width: 120px; }
  .icon--inline {
    display: inline-block;
    position: relative;
    right: inherit; }
  .icon svg {
    fill: currentColor;
    height: 100%;
    width: 100%; }
  .icon.fill-brand--blue svg {
    fill: #2175D9; }
  .icon.fill-brand--dark-blue svg {
    fill: #0F1941; }
  .icon.fill-brand--turquoise svg {
    fill: #6BA5B4; }
  .icon.fill-brand--off-white svg {
    fill: #F7F5F0; }
  .icon.fill-brand--red svg {
    fill: #e74536; }
  .icon.fill-brand--yellow svg {
    fill: #FFB511; }
  .icon.fill-brand--white svg {
    fill: #fff; }
  .icon.fill--dark-blue-50 svg {
    fill: #878CA0; }
  .icon--valid svg {
    fill: #31AA74; }

.bg-brand--blue .icon, .bg-brand--dark-blue .icon, .bg-brand--turquoise .icon, .bg-brand--red .icon {
  color: #F7F5F0; }

.bg-brand--dark-blue .icon--hover:hover {
  color: #2175D9; }

.bg-brand--blue .icon--hover:hover, .bg-brand--turquoise .icon--hover:hover, .bg-brand--red .icon--hover:hover {
  color: #0F1941; }

.bg-brand--yellow .icon--hover:hover {
  color: #F7F5F0; }

.aspect-ratio {
  display: block;
  overflow: hidden;
  position: relative; }
  .aspect-ratio::before {
    content: '';
    display: block; }
  .aspect-ratio embed,
  .aspect-ratio iframe,
  .aspect-ratio img,
  .aspect-ratio object {
    bottom: 0;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%; }
  .aspect-ratio--1-1::before {
    padding-top: 100%; }
  .aspect-ratio--3-1::before {
    padding-bottom: calc(100% / 3); }
  .aspect-ratio--3-2::before {
    padding-bottom: calc((2/3) * 100%); }
  .aspect-ratio--4-3::before {
    padding-bottom: calc((3/4) * 100%); }
  .aspect-ratio--16-9::before {
    padding-bottom: calc((9/16) * 100%); }
  .aspect-ratio--18-6::before {
    padding-bottom: calc((63/26) * 100%); }

.button,
a.button,
.bg-brand--off-white a.button {
  font-size: 18px;
  letter-spacing: 0;
  line-height: 30px;
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: transparent;
  border: 2px solid currentColor;
  border-radius: 4px;
  color: #2175D9;
  cursor: pointer;
  display: inline-block;
  font-family: Graphik, Tahoma, "sans-serif";
  height: 60px;
  line-height: 55px;
  padding: 0 30px;
  min-width: 120px;
  text-align: center;
  text-decoration: none;
  -webkit-transition: background-color 0.2s, border-color 0.2s, color 0.2s;
  transition: background-color 0.2s, border-color 0.2s, color 0.2s;
  vertical-align: middle; }
  .button:hover,
  a.button:hover,
  .bg-brand--off-white a.button:hover {
    background: #2175D9;
    border-color: #2175D9;
    color: #F7F5F0;
    text-decoration: none;
    -webkit-transition: background-color 0.2s, border-color 0.2s, color 0.2s;
    transition: background-color 0.2s, border-color 0.2s, color 0.2s; }
    .button:hover .icon svg,
    a.button:hover .icon svg,
    .bg-brand--off-white a.button:hover .icon svg {
      fill: #F7F5F0; }
  .button:active,
  a.button:active,
  .bg-brand--off-white a.button:active {
    background: #175197;
    border-color: #175197;
    color: #F7F5F0;
    outline: none; }
  @media (hover: none) {
    .button:hover,
    a.button:hover,
    .bg-brand--off-white a.button:hover {
      background: #175197;
      border-color: #175197;
      color: #F7F5F0;
      outline: none; } }
  .button .icon svg,
  a.button .icon svg,
  .bg-brand--off-white a.button .icon svg {
    fill: #2175D9; }
  .button--s,
  a.button--s,
  .bg-brand--off-white a.button--s {
    height: 50px;
    line-height: 46px;
    padding: 0 20px; }
  .button .icon--inline,
  a.button .icon--inline,
  .bg-brand--off-white a.button .icon--inline {
    margin-right: 10px;
    top: 2px; }

@media (min-width: 941px) {
  .button,
  a.button,
  .bg-brand--off-white a.button {
    height: 80px;
    line-height: 75px;
    min-width: 140px; }
    .button--m,
    a.button--m,
    .bg-brand--off-white a.button--m {
      height: 60px;
      line-height: 56px;
      min-width: 120px; }
    .button--s,
    a.button--s,
    .bg-brand--off-white a.button--s {
      height: 50px;
      line-height: 46px; }
    .button:not(.button--full-width),
    a.button:not(.button--full-width),
    .bg-brand--off-white a.button:not(.button--full-width) {
      max-width: 300px; } }

.button.button--dark-blue, .bg-brand--yellow .button, .bg-brand--yellow a.button {
  border-color: currentColor;
  color: #0F1941; }
  .button.button--dark-blue:hover, .bg-brand--yellow .button:hover {
    background: #0F1941;
    border-color: #0F1941;
    color: #F7F5F0; }
    .button.button--dark-blue:hover .icon svg, .bg-brand--yellow .button:hover .icon svg {
      fill: #F7F5F0; }
  .button.button--dark-blue:active, .bg-brand--yellow .button:active {
    background: #03050D;
    border-color: #03050D;
    color: #F7F5F0; }
  @media (hover: none) {
    .button.button--dark-blue:hover, .bg-brand--yellow .button:hover {
      background: #03050D;
      border-color: #03050D;
      color: #F7F5F0; } }
  .button.button--dark-blue .icon svg, .bg-brand--yellow .button .icon svg {
    fill: #0F1941; }

.button.button--off-white, .bg-brand--blue .button, .bg-brand--blue a.button, .bg-brand--dark-blue .button, .bg-brand--dark-blue a.button, .bg-brand--turquoise .button, .bg-brand--turquoise a.button, .bg-brand--red .button, .bg-brand--red a.button {
  border-color: #F7F5F0;
  color: #F7F5F0; }
  .button.button--off-white:hover, .bg-brand--blue .button:hover, .bg-brand--dark-blue .button:hover, .bg-brand--turquoise .button:hover, .bg-brand--red .button:hover {
    background: #F7F5F0;
    border-color: #fff;
    color: #2175D9; }
    .button.button--off-white:hover .icon svg, .bg-brand--blue .button:hover .icon svg, .bg-brand--dark-blue .button:hover .icon svg, .bg-brand--turquoise .button:hover .icon svg, .bg-brand--red .button:hover .icon svg {
      fill: #2175D9; }
  .button.button--off-white:active, .bg-brand--blue .button:active, .bg-brand--dark-blue .button:active, .bg-brand--turquoise .button:active, .bg-brand--red .button:active {
    background: #DEDCD8;
    border-color: #DEDCD8;
    color: #2175D9; }
  @media (hover: none) {
    .button.button--off-white:hover, .bg-brand--blue .button:hover, .bg-brand--dark-blue .button:hover, .bg-brand--turquoise .button:hover, .bg-brand--red .button:hover {
      background: #DEDCD8;
      border-color: #DEDCD8;
      color: #2175D9; } }
  .button.button--off-white .icon svg, .bg-brand--blue .button .icon svg, .bg-brand--dark-blue .button .icon svg, .bg-brand--turquoise .button .icon svg, .bg-brand--red .button .icon svg {
    fill: #F7F5F0; }

.button.button--blue, .bg-brand--blue .modal .button, .bg-brand--blue a.modal .button, .bg-brand--dark-blue .modal .button, .bg-brand--dark-blue a.modal .button, .bg-brand--turquoise .modal .button, .bg-brand--turquoise a.modal .button, .bg-brand--red .modal .button, .bg-brand--red a.modal .button, .bg-brand--yellow .modal .button, .bg-brand--yellow a.modal .button, .bg-brand--blue .popover.bg-brand--off-white .button, .bg-brand--dark-blue .popover.bg-brand--off-white .button, .bg-brand--turquoise .popover.bg-brand--off-white .button, .bg-brand--red .popover.bg-brand--off-white .button, .bg-brand--yellow .popover.bg-brand--off-white .button {
  border-color: currentColor;
  color: #2175D9; }
  .button.button--blue:hover, .bg-brand--blue .modal .button:hover, .bg-brand--dark-blue .modal .button:hover, .bg-brand--turquoise .modal .button:hover, .bg-brand--red .modal .button:hover, .bg-brand--yellow .modal .button:hover, .bg-brand--blue .popover.bg-brand--off-white .button:hover, .bg-brand--dark-blue .popover.bg-brand--off-white .button:hover, .bg-brand--turquoise .popover.bg-brand--off-white .button:hover, .bg-brand--red .popover.bg-brand--off-white .button:hover, .bg-brand--yellow .popover.bg-brand--off-white .button:hover {
    background: #2175D9;
    border-color: #2175D9;
    color: #F7F5F0; }
  .button.button--blue:active, .bg-brand--blue .modal .button:active, .bg-brand--dark-blue .modal .button:active, .bg-brand--turquoise .modal .button:active, .bg-brand--red .modal .button:active, .bg-brand--yellow .modal .button:active, .bg-brand--blue .popover.bg-brand--off-white .button:active, .bg-brand--dark-blue .popover.bg-brand--off-white .button:active, .bg-brand--turquoise .popover.bg-brand--off-white .button:active, .bg-brand--red .popover.bg-brand--off-white .button:active, .bg-brand--yellow .popover.bg-brand--off-white .button:active {
    background: #4D91E1;
    border-color: #4D91E1;
    color: #F7F5F0;
    outline: none; }
  @media (hover: none) {
    .button.button--blue:hover, .bg-brand--blue .modal .button:hover, .bg-brand--dark-blue .modal .button:hover, .bg-brand--turquoise .modal .button:hover, .bg-brand--red .modal .button:hover, .bg-brand--yellow .modal .button:hover, .bg-brand--blue .popover.bg-brand--off-white .button:hover, .bg-brand--dark-blue .popover.bg-brand--off-white .button:hover, .bg-brand--turquoise .popover.bg-brand--off-white .button:hover, .bg-brand--red .popover.bg-brand--off-white .button:hover, .bg-brand--yellow .popover.bg-brand--off-white .button:hover {
      background: #4D91E1;
      border-color: #4D91E1;
      color: #F7F5F0;
      outline: none; } }

.button--clean {
  background: none;
  border: none;
  color: inherit;
  font: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  outline: none;
  padding: 0; }

.button:disabled, .button:disabled:hover, .button:disabled:active, .button:disabled:focus,
.button--disabled,
.button--disabled:hover,
.button--disabled:active,
.button--disabled:focus,
a.button--disabled,
a.button--disabled:hover,
a.button--disabled:active,
a.button--disabled:focus,
.bg-brand--off-white a.button--disabled,
.bg-brand--off-white a.button--disabled:hover,
.bg-brand--off-white a.button--disabled:active,
.bg-brand--off-white a.button--disabled:focus {
  background: transparent;
  border-color: #D7D7D7;
  color: #878CA0;
  pointer-events: none; }

.button:disabled .icon svg,
.button--disabled .icon svg,
a.button--disabled .icon svg,
.bg-brand--off-white a.button--disabled .icon svg {
  fill: #878CA0; }

.button--disabled-filled:disabled, .button--disabled-filled:disabled:hover, .button--disabled-filled:disabled:active, .button--disabled-filled:disabled:focus,
.button--disabled-filled,
.button--disabled-filled:hover,
.button--disabled-filled:active,
.button--disabled-filled:focus,
a.button--disabled-filled,
a.button--disabled-filled:hover,
a.button--disabled-filled:active,
a.button--disabled-filled:focus,
.bg-brand--off-white a.button--disabled-filled,
.bg-brand--off-white a.button--disabled-filled:hover,
.bg-brand--off-white a.button--disabled-filled:active,
.bg-brand--off-white a.button--disabled-filled:focus {
  background: #D7D7D7; }

.button--filled, .button--filled.button--blue, .bg-brand--blue .modal .button--filled.button, .bg-brand--dark-blue .modal .button--filled.button, .bg-brand--turquoise .modal .button--filled.button, .bg-brand--red .modal .button--filled.button, .bg-brand--yellow .modal .button--filled.button, .bg-brand--blue .popover.bg-brand--off-white .button--filled.button, .bg-brand--dark-blue .popover.bg-brand--off-white .button--filled.button, .bg-brand--turquoise .popover.bg-brand--off-white .button--filled.button, .bg-brand--red .popover.bg-brand--off-white .button--filled.button, .bg-brand--yellow .popover.bg-brand--off-white .button--filled.button,
a.button--filled,
a.button--filled.button--blue,
.bg-brand--blue .modal a.button--filled.button,
.bg-brand--dark-blue .modal a.button--filled.button,
.bg-brand--turquoise .modal a.button--filled.button,
.bg-brand--red .modal a.button--filled.button,
.bg-brand--yellow .modal a.button--filled.button,
.bg-brand--blue .popover.bg-brand--off-white a.button--filled.button,
.bg-brand--dark-blue .popover.bg-brand--off-white a.button--filled.button,
.bg-brand--turquoise .popover.bg-brand--off-white a.button--filled.button,
.bg-brand--red .popover.bg-brand--off-white a.button--filled.button,
.bg-brand--yellow .popover.bg-brand--off-white a.button--filled.button,
.bg-brand--off-white a.button--filled,
.bg-brand--off-white a.button--filled.button--blue,
.bg-brand--off-white .bg-brand--blue .modal a.button--filled.button,
.bg-brand--blue .modal .bg-brand--off-white a.button--filled.button,
.bg-brand--off-white .bg-brand--dark-blue .modal a.button--filled.button,
.bg-brand--dark-blue .modal .bg-brand--off-white a.button--filled.button,
.bg-brand--off-white .bg-brand--turquoise .modal a.button--filled.button,
.bg-brand--turquoise .modal .bg-brand--off-white a.button--filled.button,
.bg-brand--off-white .bg-brand--red .modal a.button--filled.button,
.bg-brand--red .modal .bg-brand--off-white a.button--filled.button,
.bg-brand--off-white .bg-brand--yellow .modal a.button--filled.button,
.bg-brand--yellow .modal .bg-brand--off-white a.button--filled.button,
.bg-brand--blue .popover.bg-brand--off-white a.button--filled.button,
.bg-brand--dark-blue .popover.bg-brand--off-white a.button--filled.button,
.bg-brand--turquoise .popover.bg-brand--off-white a.button--filled.button,
.bg-brand--red .popover.bg-brand--off-white a.button--filled.button,
.bg-brand--yellow .popover.bg-brand--off-white a.button--filled.button {
  background: #2175D9;
  border: none;
  color: #F7F5F0; }
  .button--filled:hover, .button--filled.button--blue:hover, .bg-brand--blue .modal .button--filled.button:hover, .bg-brand--dark-blue .modal .button--filled.button:hover, .bg-brand--turquoise .modal .button--filled.button:hover, .bg-brand--red .modal .button--filled.button:hover, .bg-brand--yellow .modal .button--filled.button:hover, .bg-brand--blue .popover.bg-brand--off-white .button--filled.button:hover, .bg-brand--dark-blue .popover.bg-brand--off-white .button--filled.button:hover, .bg-brand--turquoise .popover.bg-brand--off-white .button--filled.button:hover, .bg-brand--red .popover.bg-brand--off-white .button--filled.button:hover, .bg-brand--yellow .popover.bg-brand--off-white .button--filled.button:hover,
  a.button--filled:hover,
  a.button--filled.button--blue:hover,
  .bg-brand--blue .modal a.button--filled.button:hover,
  .bg-brand--dark-blue .modal a.button--filled.button:hover,
  .bg-brand--turquoise .modal a.button--filled.button:hover,
  .bg-brand--red .modal a.button--filled.button:hover,
  .bg-brand--yellow .modal a.button--filled.button:hover,
  .bg-brand--blue .popover.bg-brand--off-white a.button--filled.button:hover,
  .bg-brand--dark-blue .popover.bg-brand--off-white a.button--filled.button:hover,
  .bg-brand--turquoise .popover.bg-brand--off-white a.button--filled.button:hover,
  .bg-brand--red .popover.bg-brand--off-white a.button--filled.button:hover,
  .bg-brand--yellow .popover.bg-brand--off-white a.button--filled.button:hover,
  .bg-brand--off-white a.button--filled:hover,
  .bg-brand--off-white a.button--filled.button--blue:hover,
  .bg-brand--off-white .bg-brand--blue .modal a.button--filled.button:hover,
  .bg-brand--blue .modal .bg-brand--off-white a.button--filled.button:hover,
  .bg-brand--off-white .bg-brand--dark-blue .modal a.button--filled.button:hover,
  .bg-brand--dark-blue .modal .bg-brand--off-white a.button--filled.button:hover,
  .bg-brand--off-white .bg-brand--turquoise .modal a.button--filled.button:hover,
  .bg-brand--turquoise .modal .bg-brand--off-white a.button--filled.button:hover,
  .bg-brand--off-white .bg-brand--red .modal a.button--filled.button:hover,
  .bg-brand--red .modal .bg-brand--off-white a.button--filled.button:hover,
  .bg-brand--off-white .bg-brand--yellow .modal a.button--filled.button:hover,
  .bg-brand--yellow .modal .bg-brand--off-white a.button--filled.button:hover,
  .bg-brand--blue .popover.bg-brand--off-white a.button--filled.button:hover,
  .bg-brand--dark-blue .popover.bg-brand--off-white a.button--filled.button:hover,
  .bg-brand--turquoise .popover.bg-brand--off-white a.button--filled.button:hover,
  .bg-brand--red .popover.bg-brand--off-white a.button--filled.button:hover,
  .bg-brand--yellow .popover.bg-brand--off-white a.button--filled.button:hover {
    background: #4D91E1;
    color: #F7F5F0; }
  .button--filled:active, .button--filled.button--blue:active, .bg-brand--blue .modal .button--filled.button:active, .bg-brand--dark-blue .modal .button--filled.button:active, .bg-brand--turquoise .modal .button--filled.button:active, .bg-brand--red .modal .button--filled.button:active, .bg-brand--yellow .modal .button--filled.button:active, .bg-brand--blue .popover.bg-brand--off-white .button--filled.button:active, .bg-brand--dark-blue .popover.bg-brand--off-white .button--filled.button:active, .bg-brand--turquoise .popover.bg-brand--off-white .button--filled.button:active, .bg-brand--red .popover.bg-brand--off-white .button--filled.button:active, .bg-brand--yellow .popover.bg-brand--off-white .button--filled.button:active,
  a.button--filled:active,
  a.button--filled.button--blue:active,
  .bg-brand--blue .modal a.button--filled.button:active,
  .bg-brand--dark-blue .modal a.button--filled.button:active,
  .bg-brand--turquoise .modal a.button--filled.button:active,
  .bg-brand--red .modal a.button--filled.button:active,
  .bg-brand--yellow .modal a.button--filled.button:active,
  .bg-brand--blue .popover.bg-brand--off-white a.button--filled.button:active,
  .bg-brand--dark-blue .popover.bg-brand--off-white a.button--filled.button:active,
  .bg-brand--turquoise .popover.bg-brand--off-white a.button--filled.button:active,
  .bg-brand--red .popover.bg-brand--off-white a.button--filled.button:active,
  .bg-brand--yellow .popover.bg-brand--off-white a.button--filled.button:active,
  .bg-brand--off-white a.button--filled:active,
  .bg-brand--off-white a.button--filled.button--blue:active,
  .bg-brand--off-white .bg-brand--blue .modal a.button--filled.button:active,
  .bg-brand--blue .modal .bg-brand--off-white a.button--filled.button:active,
  .bg-brand--off-white .bg-brand--dark-blue .modal a.button--filled.button:active,
  .bg-brand--dark-blue .modal .bg-brand--off-white a.button--filled.button:active,
  .bg-brand--off-white .bg-brand--turquoise .modal a.button--filled.button:active,
  .bg-brand--turquoise .modal .bg-brand--off-white a.button--filled.button:active,
  .bg-brand--off-white .bg-brand--red .modal a.button--filled.button:active,
  .bg-brand--red .modal .bg-brand--off-white a.button--filled.button:active,
  .bg-brand--off-white .bg-brand--yellow .modal a.button--filled.button:active,
  .bg-brand--yellow .modal .bg-brand--off-white a.button--filled.button:active,
  .bg-brand--blue .popover.bg-brand--off-white a.button--filled.button:active,
  .bg-brand--dark-blue .popover.bg-brand--off-white a.button--filled.button:active,
  .bg-brand--turquoise .popover.bg-brand--off-white a.button--filled.button:active,
  .bg-brand--red .popover.bg-brand--off-white a.button--filled.button:active,
  .bg-brand--yellow .popover.bg-brand--off-white a.button--filled.button:active {
    background: #175197;
    color: #F7F5F0; }
  @media (hover: none) {
    .button--filled:hover, .button--filled.button--blue:hover, .bg-brand--blue .modal .button--filled.button:hover, .bg-brand--dark-blue .modal .button--filled.button:hover, .bg-brand--turquoise .modal .button--filled.button:hover, .bg-brand--red .modal .button--filled.button:hover, .bg-brand--yellow .modal .button--filled.button:hover, .bg-brand--blue .popover.bg-brand--off-white .button--filled.button:hover, .bg-brand--dark-blue .popover.bg-brand--off-white .button--filled.button:hover, .bg-brand--turquoise .popover.bg-brand--off-white .button--filled.button:hover, .bg-brand--red .popover.bg-brand--off-white .button--filled.button:hover, .bg-brand--yellow .popover.bg-brand--off-white .button--filled.button:hover,
    a.button--filled:hover,
    a.button--filled.button--blue:hover,
    .bg-brand--blue .modal a.button--filled.button:hover,
    .bg-brand--dark-blue .modal a.button--filled.button:hover,
    .bg-brand--turquoise .modal a.button--filled.button:hover,
    .bg-brand--red .modal a.button--filled.button:hover,
    .bg-brand--yellow .modal a.button--filled.button:hover,
    .bg-brand--blue .popover.bg-brand--off-white a.button--filled.button:hover,
    .bg-brand--dark-blue .popover.bg-brand--off-white a.button--filled.button:hover,
    .bg-brand--turquoise .popover.bg-brand--off-white a.button--filled.button:hover,
    .bg-brand--red .popover.bg-brand--off-white a.button--filled.button:hover,
    .bg-brand--yellow .popover.bg-brand--off-white a.button--filled.button:hover,
    .bg-brand--off-white a.button--filled:hover,
    .bg-brand--off-white a.button--filled.button--blue:hover,
    .bg-brand--off-white .bg-brand--blue .modal a.button--filled.button:hover,
    .bg-brand--blue .modal .bg-brand--off-white a.button--filled.button:hover,
    .bg-brand--off-white .bg-brand--dark-blue .modal a.button--filled.button:hover,
    .bg-brand--dark-blue .modal .bg-brand--off-white a.button--filled.button:hover,
    .bg-brand--off-white .bg-brand--turquoise .modal a.button--filled.button:hover,
    .bg-brand--turquoise .modal .bg-brand--off-white a.button--filled.button:hover,
    .bg-brand--off-white .bg-brand--red .modal a.button--filled.button:hover,
    .bg-brand--red .modal .bg-brand--off-white a.button--filled.button:hover,
    .bg-brand--off-white .bg-brand--yellow .modal a.button--filled.button:hover,
    .bg-brand--yellow .modal .bg-brand--off-white a.button--filled.button:hover,
    .bg-brand--blue .popover.bg-brand--off-white a.button--filled.button:hover,
    .bg-brand--dark-blue .popover.bg-brand--off-white a.button--filled.button:hover,
    .bg-brand--turquoise .popover.bg-brand--off-white a.button--filled.button:hover,
    .bg-brand--red .popover.bg-brand--off-white a.button--filled.button:hover,
    .bg-brand--yellow .popover.bg-brand--off-white a.button--filled.button:hover {
      background: #175197;
      color: #F7F5F0; } }
  .button--filled .icon svg, .button--filled.button--blue .icon svg, .bg-brand--blue .modal .button--filled.button .icon svg, .bg-brand--dark-blue .modal .button--filled.button .icon svg, .bg-brand--turquoise .modal .button--filled.button .icon svg, .bg-brand--red .modal .button--filled.button .icon svg, .bg-brand--yellow .modal .button--filled.button .icon svg, .bg-brand--blue .popover.bg-brand--off-white .button--filled.button .icon svg, .bg-brand--dark-blue .popover.bg-brand--off-white .button--filled.button .icon svg, .bg-brand--turquoise .popover.bg-brand--off-white .button--filled.button .icon svg, .bg-brand--red .popover.bg-brand--off-white .button--filled.button .icon svg, .bg-brand--yellow .popover.bg-brand--off-white .button--filled.button .icon svg,
  a.button--filled .icon svg,
  a.button--filled.button--blue .icon svg,
  .bg-brand--blue .modal a.button--filled.button .icon svg,
  .bg-brand--dark-blue .modal a.button--filled.button .icon svg,
  .bg-brand--turquoise .modal a.button--filled.button .icon svg,
  .bg-brand--red .modal a.button--filled.button .icon svg,
  .bg-brand--yellow .modal a.button--filled.button .icon svg,
  .bg-brand--blue .popover.bg-brand--off-white a.button--filled.button .icon svg,
  .bg-brand--dark-blue .popover.bg-brand--off-white a.button--filled.button .icon svg,
  .bg-brand--turquoise .popover.bg-brand--off-white a.button--filled.button .icon svg,
  .bg-brand--red .popover.bg-brand--off-white a.button--filled.button .icon svg,
  .bg-brand--yellow .popover.bg-brand--off-white a.button--filled.button .icon svg,
  .bg-brand--off-white a.button--filled .icon svg,
  .bg-brand--off-white a.button--filled.button--blue .icon svg,
  .bg-brand--off-white .bg-brand--blue .modal a.button--filled.button .icon svg,
  .bg-brand--blue .modal .bg-brand--off-white a.button--filled.button .icon svg,
  .bg-brand--off-white .bg-brand--dark-blue .modal a.button--filled.button .icon svg,
  .bg-brand--dark-blue .modal .bg-brand--off-white a.button--filled.button .icon svg,
  .bg-brand--off-white .bg-brand--turquoise .modal a.button--filled.button .icon svg,
  .bg-brand--turquoise .modal .bg-brand--off-white a.button--filled.button .icon svg,
  .bg-brand--off-white .bg-brand--red .modal a.button--filled.button .icon svg,
  .bg-brand--red .modal .bg-brand--off-white a.button--filled.button .icon svg,
  .bg-brand--off-white .bg-brand--yellow .modal a.button--filled.button .icon svg,
  .bg-brand--yellow .modal .bg-brand--off-white a.button--filled.button .icon svg,
  .bg-brand--blue .popover.bg-brand--off-white a.button--filled.button .icon svg,
  .bg-brand--dark-blue .popover.bg-brand--off-white a.button--filled.button .icon svg,
  .bg-brand--turquoise .popover.bg-brand--off-white a.button--filled.button .icon svg,
  .bg-brand--red .popover.bg-brand--off-white a.button--filled.button .icon svg,
  .bg-brand--yellow .popover.bg-brand--off-white a.button--filled.button .icon svg {
    fill: #F7F5F0; }

@media (max-width: 940px) {
  .button--filled,
  a.button--filled,
  .bg-brand--off-white a.button--filled {
    line-height: 58px; } }

.button--filled.button--dark-blue, .bg-brand--yellow .button--filled.button,
a.button--filled.button--dark-blue,
.bg-brand--yellow a.button--filled.button,
.bg-brand--off-white a.button--filled.button--dark-blue,
.bg-brand--off-white .bg-brand--yellow a.button--filled.button,
.bg-brand--yellow .bg-brand--off-white a.button--filled.button {
  background: #0F1941;
  color: #F7F5F0; }
  .button--filled.button--dark-blue:hover, .bg-brand--yellow .button--filled.button:hover,
  a.button--filled.button--dark-blue:hover,
  .bg-brand--yellow a.button--filled.button:hover,
  .bg-brand--off-white a.button--filled.button--dark-blue:hover,
  .bg-brand--off-white .bg-brand--yellow a.button--filled.button:hover,
  .bg-brand--yellow .bg-brand--off-white a.button--filled.button:hover {
    background: #3C4464;
    color: #F7F5F0; }
  .button--filled.button--dark-blue:active, .bg-brand--yellow .button--filled.button:active,
  a.button--filled.button--dark-blue:active,
  .bg-brand--yellow a.button--filled.button:active,
  .bg-brand--off-white a.button--filled.button--dark-blue:active,
  .bg-brand--off-white .bg-brand--yellow a.button--filled.button:active,
  .bg-brand--yellow .bg-brand--off-white a.button--filled.button:active {
    background: #03050D; }
  @media (hover: none) {
    .button--filled.button--dark-blue:hover, .bg-brand--yellow .button--filled.button:hover,
    a.button--filled.button--dark-blue:hover,
    .bg-brand--yellow a.button--filled.button:hover,
    .bg-brand--off-white a.button--filled.button--dark-blue:hover,
    .bg-brand--off-white .bg-brand--yellow a.button--filled.button:hover,
    .bg-brand--yellow .bg-brand--off-white a.button--filled.button:hover {
      background: #03050D; } }
  .button--filled.button--dark-blue .icon svg, .bg-brand--yellow .button--filled.button .icon svg,
  a.button--filled.button--dark-blue .icon svg,
  .bg-brand--yellow a.button--filled.button .icon svg,
  .bg-brand--off-white a.button--filled.button--dark-blue .icon svg,
  .bg-brand--off-white .bg-brand--yellow a.button--filled.button .icon svg,
  .bg-brand--yellow .bg-brand--off-white a.button--filled.button .icon svg {
    fill: #F7F5F0; }

.button--filled.button--off-white, .bg-brand--blue .button--filled.button, .bg-brand--dark-blue .button--filled.button, .bg-brand--turquoise .button--filled.button, .bg-brand--red .button--filled.button,
a.button--filled.button--off-white,
.bg-brand--blue a.button--filled.button,
.bg-brand--dark-blue a.button--filled.button,
.bg-brand--turquoise a.button--filled.button,
.bg-brand--red a.button--filled.button,
.bg-brand--off-white a.button--filled.button--off-white,
.bg-brand--off-white .bg-brand--blue a.button--filled.button,
.bg-brand--blue .bg-brand--off-white a.button--filled.button,
.bg-brand--off-white .bg-brand--dark-blue a.button--filled.button,
.bg-brand--dark-blue .bg-brand--off-white a.button--filled.button,
.bg-brand--off-white .bg-brand--turquoise a.button--filled.button,
.bg-brand--turquoise .bg-brand--off-white a.button--filled.button,
.bg-brand--off-white .bg-brand--red a.button--filled.button,
.bg-brand--red .bg-brand--off-white a.button--filled.button {
  background: #F7F5F0;
  color: #2175D9; }
  .button--filled.button--off-white:hover, .bg-brand--blue .button--filled.button:hover, .bg-brand--dark-blue .button--filled.button:hover, .bg-brand--turquoise .button--filled.button:hover, .bg-brand--red .button--filled.button:hover,
  a.button--filled.button--off-white:hover,
  .bg-brand--blue a.button--filled.button:hover,
  .bg-brand--dark-blue a.button--filled.button:hover,
  .bg-brand--turquoise a.button--filled.button:hover,
  .bg-brand--red a.button--filled.button:hover,
  .bg-brand--off-white a.button--filled.button--off-white:hover,
  .bg-brand--off-white .bg-brand--blue a.button--filled.button:hover,
  .bg-brand--blue .bg-brand--off-white a.button--filled.button:hover,
  .bg-brand--off-white .bg-brand--dark-blue a.button--filled.button:hover,
  .bg-brand--dark-blue .bg-brand--off-white a.button--filled.button:hover,
  .bg-brand--off-white .bg-brand--turquoise a.button--filled.button:hover,
  .bg-brand--turquoise .bg-brand--off-white a.button--filled.button:hover,
  .bg-brand--off-white .bg-brand--red a.button--filled.button:hover,
  .bg-brand--red .bg-brand--off-white a.button--filled.button:hover {
    background: #fff;
    color: #2175D9; }
  .button--filled.button--off-white:active, .bg-brand--blue .button--filled.button:active, .bg-brand--dark-blue .button--filled.button:active, .bg-brand--turquoise .button--filled.button:active, .bg-brand--red .button--filled.button:active,
  a.button--filled.button--off-white:active,
  .bg-brand--blue a.button--filled.button:active,
  .bg-brand--dark-blue a.button--filled.button:active,
  .bg-brand--turquoise a.button--filled.button:active,
  .bg-brand--red a.button--filled.button:active,
  .bg-brand--off-white a.button--filled.button--off-white:active,
  .bg-brand--off-white .bg-brand--blue a.button--filled.button:active,
  .bg-brand--blue .bg-brand--off-white a.button--filled.button:active,
  .bg-brand--off-white .bg-brand--dark-blue a.button--filled.button:active,
  .bg-brand--dark-blue .bg-brand--off-white a.button--filled.button:active,
  .bg-brand--off-white .bg-brand--turquoise a.button--filled.button:active,
  .bg-brand--turquoise .bg-brand--off-white a.button--filled.button:active,
  .bg-brand--off-white .bg-brand--red a.button--filled.button:active,
  .bg-brand--red .bg-brand--off-white a.button--filled.button:active {
    background: #DEDCD8; }
  @media (hover: none) {
    .button--filled.button--off-white:hover, .bg-brand--blue .button--filled.button:hover, .bg-brand--dark-blue .button--filled.button:hover, .bg-brand--turquoise .button--filled.button:hover, .bg-brand--red .button--filled.button:hover,
    a.button--filled.button--off-white:hover,
    .bg-brand--blue a.button--filled.button:hover,
    .bg-brand--dark-blue a.button--filled.button:hover,
    .bg-brand--turquoise a.button--filled.button:hover,
    .bg-brand--red a.button--filled.button:hover,
    .bg-brand--off-white a.button--filled.button--off-white:hover,
    .bg-brand--off-white .bg-brand--blue a.button--filled.button:hover,
    .bg-brand--blue .bg-brand--off-white a.button--filled.button:hover,
    .bg-brand--off-white .bg-brand--dark-blue a.button--filled.button:hover,
    .bg-brand--dark-blue .bg-brand--off-white a.button--filled.button:hover,
    .bg-brand--off-white .bg-brand--turquoise a.button--filled.button:hover,
    .bg-brand--turquoise .bg-brand--off-white a.button--filled.button:hover,
    .bg-brand--off-white .bg-brand--red a.button--filled.button:hover,
    .bg-brand--red .bg-brand--off-white a.button--filled.button:hover {
      background: #DEDCD8; } }
  .button--filled.button--off-white .icon svg, .bg-brand--blue .button--filled.button .icon svg, .bg-brand--dark-blue .button--filled.button .icon svg, .bg-brand--turquoise .button--filled.button .icon svg, .bg-brand--red .button--filled.button .icon svg,
  a.button--filled.button--off-white .icon svg,
  .bg-brand--blue a.button--filled.button .icon svg,
  .bg-brand--dark-blue a.button--filled.button .icon svg,
  .bg-brand--turquoise a.button--filled.button .icon svg,
  .bg-brand--red a.button--filled.button .icon svg,
  .bg-brand--off-white a.button--filled.button--off-white .icon svg,
  .bg-brand--off-white .bg-brand--blue a.button--filled.button .icon svg,
  .bg-brand--blue .bg-brand--off-white a.button--filled.button .icon svg,
  .bg-brand--off-white .bg-brand--dark-blue a.button--filled.button .icon svg,
  .bg-brand--dark-blue .bg-brand--off-white a.button--filled.button .icon svg,
  .bg-brand--off-white .bg-brand--turquoise a.button--filled.button .icon svg,
  .bg-brand--turquoise .bg-brand--off-white a.button--filled.button .icon svg,
  .bg-brand--off-white .bg-brand--red a.button--filled.button .icon svg,
  .bg-brand--red .bg-brand--off-white a.button--filled.button .icon svg {
    fill: #2175D9; }

.form-group--error .button--form-group-style {
  background: #FEF6F6;
  border-color: #F24747; }
  .bg-brand--off-white .form-group--error .button--form-group-style,
  .bg-brand--white .form-group--error .button--form-group-style,
  .bg-brand--dark-blue .form-group--error .button--form-group-style,
  .bg-brand--yellow .form-group--error .button--form-group-style {
    background: #FEF6F6;
    border-color: #F24747; }
  .bg-brand--blue .form-group--error .button--form-group-style,
  .bg-brand--turquoise .form-group--error .button--form-group-style,
  .bg-brand--red .form-group--error .button--form-group-style {
    border-color: #FFB511; }
  .form-group--error .button--form-group-style:active, .form-group--error .button--form-group-style:focus {
    border-color: #F24747; }
    .bg-brand--red .form-group--error .button--form-group-style:active,
    .bg-brand--blue .form-group--error .button--form-group-style:active, .bg-brand--red .form-group--error .button--form-group-style:focus,
    .bg-brand--blue .form-group--error .button--form-group-style:focus {
      border-color: #FFB511; }
  .form-group--error .button--form-group-style svg {
    color: #F24747;
    fill: #F24747; }
    .bg-brand--blue .form-group--error .button--form-group-style svg,
    .bg-brand--turquoise .form-group--error .button--form-group-style svg,
    .bg-brand--red .form-group--error .button--form-group-style svg {
      color: #FFB511;
      fill: #FFB511; }

.form-group--read-only .button--form-group-style {
  background: #F7F7F7;
  border-color: #D7D7D7;
  color: #878CA0;
  cursor: none;
  pointer-events: none; }
  .form-group--read-only .button--form-group-style:active, .form-group--read-only .button--form-group-style:focus {
    -webkit-transition: border-color 0.2s;
    transition: border-color 0.2s;
    border: solid 1px #D7D7D7;
    outline: none; }
  .form-group--read-only .button--form-group-style svg {
    fill: #D7D7D7; }

.button--full-width,
a.button--full-width {
  height: 60px;
  line-height: 56px;
  width: 100%; }

.button--hamburger {
  display: block;
  height: 20px;
  position: relative;
  width: 20px;
  z-index: 6; }

.icon--hamburger {
  height: auto;
  left: 1px;
  -webkit-transition: background-color 0.4s;
  transition: background-color 0.4s;
  top: 9px; }
  .icon--hamburger, .icon--hamburger::before, .icon--hamburger::after {
    background: #F7F5F0;
    border-radius: 4px;
    height: 2px;
    position: absolute;
    width: 18px; }
    .bg-brand--off-white .icon--hamburger,
    .bg-brand--white .icon--hamburger,
    .bg-brand--yellow .icon--hamburger, .bg-brand--off-white .icon--hamburger::before,
    .bg-brand--white .icon--hamburger::before,
    .bg-brand--yellow .icon--hamburger::before, .bg-brand--off-white .icon--hamburger::after,
    .bg-brand--white .icon--hamburger::after,
    .bg-brand--yellow .icon--hamburger::after {
      background: #0F1941; }
  .icon--hamburger::before, .icon--hamburger::after {
    content: '';
    left: 0;
    -webkit-transition: top 0.3s 0.4s, background-color 0s 0.3s, -webkit-transform 0.3s;
    transition: top 0.3s 0.4s, background-color 0s 0.3s, -webkit-transform 0.3s;
    transition: top 0.3s 0.4s, background-color 0s 0.3s, transform 0.3s;
    transition: top 0.3s 0.4s, background-color 0s 0.3s, transform 0.3s, -webkit-transform 0.3s;
    -webkit-transform-origin: center;
    transform-origin: center; }
  .icon--hamburger::after {
    top: 6px; }
  .icon--hamburger::before {
    top: -6px; }

.modal-nav-open .button--hamburger {
  position: relative;
  z-index: 6; }

.modal-nav-open .icon--hamburger {
  background: transparent;
  -webkit-transition: background-color 0.05s 0.15s;
  transition: background-color 0.05s 0.15s; }
  .modal-nav-open .icon--hamburger::before, .modal-nav-open .icon--hamburger::after {
    background: #2175D9;
    -webkit-transition: top 0.3s, background-color 0.3s 0.15s, -webkit-transform 0.3s 0.3s;
    transition: top 0.3s, background-color 0.3s 0.15s, -webkit-transform 0.3s 0.3s;
    transition: top 0.3s, background-color 0.3s 0.15s, transform 0.3s 0.3s;
    transition: top 0.3s, background-color 0.3s 0.15s, transform 0.3s 0.3s, -webkit-transform 0.3s 0.3s;
    top: 0; }
  .modal-nav-open .icon--hamburger::before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  .modal-nav-open .icon--hamburger::after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }

.button--icon {
  min-width: 0;
  padding: 0;
  position: relative;
  width: 60px; }
  .button--icon .button__text {
    height: 1px;
    left: -1000%;
    overflow: hidden;
    position: absolute;
    top: auto;
    width: 1px; }
  .button--icon .icon {
    height: 20px;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    width: 20px; }
  .button--icon svg {
    color: #F7F5F0; }
  .button--icon.button--off-white svg, .bg-brand--blue .button--icon.button svg, .bg-brand--dark-blue .button--icon.button svg, .bg-brand--turquoise .button--icon.button svg, .bg-brand--red .button--icon.button svg {
    color: #2175D9; }
  .button--icon.button--off-white:hover svg, .bg-brand--blue .button--icon.button:hover svg, .bg-brand--dark-blue .button--icon.button:hover svg, .bg-brand--turquoise .button--icon.button:hover svg, .bg-brand--red .button--icon.button:hover svg {
    color: #F7F5F0; }
  .button--icon.button--disabled svg, .button--icon:disabled svg {
    color: #F7F5F0; }

.button--icon-only, .icon__toggler, .button--icon-only:hover, .icon__toggler:hover, .button--icon-only:active, .icon__toggler:active {
  background: none;
  border: 0;
  border-radius: 0;
  cursor: pointer;
  font-size: 0;
  line-height: inherit;
  min-width: 0;
  padding: 0;
  outline: none; }

.button--icon-text {
  font-size: 18px;
  letter-spacing: 0;
  line-height: 30px;
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #2175D9;
  cursor: pointer;
  font-family: Graphik, Tahoma, "sans-serif";
  padding: 0;
  position: relative; }
  .button--icon-text, .button--icon-text:hover {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: none;
    border: 0;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 40px;
    margin-left: -10px;
    line-height: normal;
    outline: none;
    overflow: visible; }
  .button--icon-text:active {
    background: none;
    border-color: none; }
  @media (hover: none) {
    .button--icon-text:hover {
      background: none;
      border-color: none; } }
  .button--icon-text .icon {
    position: relative;
    -webkit-transform: scale(0.667);
    transform: scale(0.667); }
    .button--icon-text .icon.icon, .button--icon-text .icon.icon:hover {
      color: currentColor; }
  .bg-brand--blue .button--icon-text,
  .bg-brand--dark-blue .button--icon-text,
  .bg-brand--turquoise .button--icon-text,
  .bg-brand--red .button--icon-text {
    color: #F7F5F0; }
  .bg-brand--yellow .button--icon-text {
    color: #0F1941; }

.content-block .button--icon-text {
  margin-top: 30px;
  vertical-align: middle; }

@media (min-width: 941px) {
  .bg-brand--yellow .button--icon-text,
  .bg-brand--white .button--icon-text,
  .bg-brand--off-white .button--icon-text {
    color: #F7F5F0; }
  .text--dark-from-l .button--icon-text {
    color: #0F1941; }
  .button--icon-text:hover .icon {
    -webkit-animation: pulse 1s infinite ease-out;
    animation: pulse 1s infinite ease-out; }
  @-webkit-keyframes pulse {
    0%, 100% {
      -webkit-transform: scale(0.667);
      transform: scale(0.667); }
    50% {
      -webkit-transform: scale(0.72);
      transform: scale(0.72); } }
  @keyframes pulse {
    0%, 100% {
      -webkit-transform: scale(0.667);
      transform: scale(0.667); }
    50% {
      -webkit-transform: scale(0.72);
      transform: scale(0.72); } }
  .button--icon-text:active .icon {
    -webkit-animation: none;
    animation: none; } }

@media (min-width: 941px) and (hover: none) {
  .button--icon-text:hover .icon {
    -webkit-animation: none;
    animation: none; } }

.button.button--plain,
a.button.button--plain,
.bg-brand--off-white a.button.button--plain {
  border-color: transparent;
  color: #2175D9; }
  .button.button--plain:hover,
  a.button.button--plain:hover,
  .bg-brand--off-white a.button.button--plain:hover {
    background: rgba(33, 117, 217, 0.1);
    border-color: transparent;
    color: #2175D9; }
    .button.button--plain:hover .icon svg,
    a.button.button--plain:hover .icon svg,
    .bg-brand--off-white a.button.button--plain:hover .icon svg {
      fill: #2175D9; }
  .button.button--plain:active,
  a.button.button--plain:active,
  .bg-brand--off-white a.button.button--plain:active {
    background: rgba(33, 117, 217, 0.3); }
  @media (hover: none) {
    .button.button--plain:hover,
    a.button.button--plain:hover,
    .bg-brand--off-white a.button.button--plain:hover {
      background: rgba(33, 117, 217, 0.3); } }
  .button.button--plain.button--off-white, .bg-brand--blue .button.button--plain, .bg-brand--dark-blue .button.button--plain, .bg-brand--turquoise .button.button--plain, .bg-brand--red .button.button--plain,
  a.button.button--plain.button--off-white,
  .bg-brand--blue a.button.button--plain,
  .bg-brand--dark-blue a.button.button--plain,
  .bg-brand--turquoise a.button.button--plain,
  .bg-brand--red a.button.button--plain,
  .bg-brand--off-white a.button.button--plain.button--off-white,
  .bg-brand--off-white .bg-brand--blue a.button.button--plain,
  .bg-brand--blue .bg-brand--off-white a.button.button--plain,
  .bg-brand--off-white .bg-brand--dark-blue a.button.button--plain,
  .bg-brand--dark-blue .bg-brand--off-white a.button.button--plain,
  .bg-brand--off-white .bg-brand--turquoise a.button.button--plain,
  .bg-brand--turquoise .bg-brand--off-white a.button.button--plain,
  .bg-brand--off-white .bg-brand--red a.button.button--plain,
  .bg-brand--red .bg-brand--off-white a.button.button--plain {
    color: #F7F5F0; }
    .button.button--plain.button--off-white:hover, .bg-brand--blue .button.button--plain:hover, .bg-brand--dark-blue .button.button--plain:hover, .bg-brand--turquoise .button.button--plain:hover, .bg-brand--red .button.button--plain:hover,
    a.button.button--plain.button--off-white:hover,
    .bg-brand--blue a.button.button--plain:hover,
    .bg-brand--dark-blue a.button.button--plain:hover,
    .bg-brand--turquoise a.button.button--plain:hover,
    .bg-brand--red a.button.button--plain:hover,
    .bg-brand--off-white a.button.button--plain.button--off-white:hover,
    .bg-brand--off-white .bg-brand--blue a.button.button--plain:hover,
    .bg-brand--blue .bg-brand--off-white a.button.button--plain:hover,
    .bg-brand--off-white .bg-brand--dark-blue a.button.button--plain:hover,
    .bg-brand--dark-blue .bg-brand--off-white a.button.button--plain:hover,
    .bg-brand--off-white .bg-brand--turquoise a.button.button--plain:hover,
    .bg-brand--turquoise .bg-brand--off-white a.button.button--plain:hover,
    .bg-brand--off-white .bg-brand--red a.button.button--plain:hover,
    .bg-brand--red .bg-brand--off-white a.button.button--plain:hover {
      background: rgba(247, 245, 240, 0.3);
      border-color: transparent;
      color: #F7F5F0; }
      .button.button--plain.button--off-white:hover .icon svg, .bg-brand--blue .button.button--plain:hover .icon svg, .bg-brand--dark-blue .button.button--plain:hover .icon svg, .bg-brand--turquoise .button.button--plain:hover .icon svg, .bg-brand--red .button.button--plain:hover .icon svg,
      a.button.button--plain.button--off-white:hover .icon svg,
      .bg-brand--blue a.button.button--plain:hover .icon svg,
      .bg-brand--dark-blue a.button.button--plain:hover .icon svg,
      .bg-brand--turquoise a.button.button--plain:hover .icon svg,
      .bg-brand--red a.button.button--plain:hover .icon svg,
      .bg-brand--off-white a.button.button--plain.button--off-white:hover .icon svg,
      .bg-brand--off-white .bg-brand--blue a.button.button--plain:hover .icon svg,
      .bg-brand--blue .bg-brand--off-white a.button.button--plain:hover .icon svg,
      .bg-brand--off-white .bg-brand--dark-blue a.button.button--plain:hover .icon svg,
      .bg-brand--dark-blue .bg-brand--off-white a.button.button--plain:hover .icon svg,
      .bg-brand--off-white .bg-brand--turquoise a.button.button--plain:hover .icon svg,
      .bg-brand--turquoise .bg-brand--off-white a.button.button--plain:hover .icon svg,
      .bg-brand--off-white .bg-brand--red a.button.button--plain:hover .icon svg,
      .bg-brand--red .bg-brand--off-white a.button.button--plain:hover .icon svg {
        fill: #F7F5F0; }
    .button.button--plain.button--off-white:active, .bg-brand--blue .button.button--plain:active, .bg-brand--dark-blue .button.button--plain:active, .bg-brand--turquoise .button.button--plain:active, .bg-brand--red .button.button--plain:active,
    a.button.button--plain.button--off-white:active,
    .bg-brand--blue a.button.button--plain:active,
    .bg-brand--dark-blue a.button.button--plain:active,
    .bg-brand--turquoise a.button.button--plain:active,
    .bg-brand--red a.button.button--plain:active,
    .bg-brand--off-white a.button.button--plain.button--off-white:active,
    .bg-brand--off-white .bg-brand--blue a.button.button--plain:active,
    .bg-brand--blue .bg-brand--off-white a.button.button--plain:active,
    .bg-brand--off-white .bg-brand--dark-blue a.button.button--plain:active,
    .bg-brand--dark-blue .bg-brand--off-white a.button.button--plain:active,
    .bg-brand--off-white .bg-brand--turquoise a.button.button--plain:active,
    .bg-brand--turquoise .bg-brand--off-white a.button.button--plain:active,
    .bg-brand--off-white .bg-brand--red a.button.button--plain:active,
    .bg-brand--red .bg-brand--off-white a.button.button--plain:active {
      background: rgba(247, 245, 240, 0.5);
      color: #F7F5F0; }
    @media (hover: none) {
      .button.button--plain.button--off-white:hover, .bg-brand--blue .button.button--plain:hover, .bg-brand--dark-blue .button.button--plain:hover, .bg-brand--turquoise .button.button--plain:hover, .bg-brand--red .button.button--plain:hover,
      a.button.button--plain.button--off-white:hover,
      .bg-brand--blue a.button.button--plain:hover,
      .bg-brand--dark-blue a.button.button--plain:hover,
      .bg-brand--turquoise a.button.button--plain:hover,
      .bg-brand--red a.button.button--plain:hover,
      .bg-brand--off-white a.button.button--plain.button--off-white:hover,
      .bg-brand--off-white .bg-brand--blue a.button.button--plain:hover,
      .bg-brand--blue .bg-brand--off-white a.button.button--plain:hover,
      .bg-brand--off-white .bg-brand--dark-blue a.button.button--plain:hover,
      .bg-brand--dark-blue .bg-brand--off-white a.button.button--plain:hover,
      .bg-brand--off-white .bg-brand--turquoise a.button.button--plain:hover,
      .bg-brand--turquoise .bg-brand--off-white a.button.button--plain:hover,
      .bg-brand--off-white .bg-brand--red a.button.button--plain:hover,
      .bg-brand--red .bg-brand--off-white a.button.button--plain:hover {
        background: rgba(247, 245, 240, 0.5);
        color: #F7F5F0; } }
  .button.button--plain.button--dark-blue, .bg-brand--yellow .button.button--plain,
  a.button.button--plain.button--dark-blue,
  .bg-brand--yellow a.button.button--plain,
  .bg-brand--off-white a.button.button--plain.button--dark-blue,
  .bg-brand--off-white .bg-brand--yellow a.button.button--plain,
  .bg-brand--yellow .bg-brand--off-white a.button.button--plain {
    color: #0F1941; }
    .button.button--plain.button--dark-blue:hover, .bg-brand--yellow .button.button--plain:hover,
    a.button.button--plain.button--dark-blue:hover,
    .bg-brand--yellow a.button.button--plain:hover,
    .bg-brand--off-white a.button.button--plain.button--dark-blue:hover,
    .bg-brand--off-white .bg-brand--yellow a.button.button--plain:hover,
    .bg-brand--yellow .bg-brand--off-white a.button.button--plain:hover {
      background: rgba(15, 25, 65, 0.1);
      border-color: transparent;
      color: #3C4464; }
      .button.button--plain.button--dark-blue:hover .icon svg, .bg-brand--yellow .button.button--plain:hover .icon svg,
      a.button.button--plain.button--dark-blue:hover .icon svg,
      .bg-brand--yellow a.button.button--plain:hover .icon svg,
      .bg-brand--off-white a.button.button--plain.button--dark-blue:hover .icon svg,
      .bg-brand--off-white .bg-brand--yellow a.button.button--plain:hover .icon svg,
      .bg-brand--yellow .bg-brand--off-white a.button.button--plain:hover .icon svg {
        fill: #0F1941; }
    .button.button--plain.button--dark-blue:active, .bg-brand--yellow .button.button--plain:active,
    a.button.button--plain.button--dark-blue:active,
    .bg-brand--yellow a.button.button--plain:active,
    .bg-brand--off-white a.button.button--plain.button--dark-blue:active,
    .bg-brand--off-white .bg-brand--yellow a.button.button--plain:active,
    .bg-brand--yellow .bg-brand--off-white a.button.button--plain:active {
      background: rgba(15, 25, 65, 0.3);
      color: #0F1941; }
    @media (hover: none) {
      .button.button--plain.button--dark-blue:hover, .bg-brand--yellow .button.button--plain:hover,
      a.button.button--plain.button--dark-blue:hover,
      .bg-brand--yellow a.button.button--plain:hover,
      .bg-brand--off-white a.button.button--plain.button--dark-blue:hover,
      .bg-brand--off-white .bg-brand--yellow a.button.button--plain:hover,
      .bg-brand--yellow .bg-brand--off-white a.button.button--plain:hover {
        background: rgba(15, 25, 65, 0.3);
        color: #0F1941; } }
  .button.button--plain.button--disabled, .button.button--plain:disabled,
  a.button.button--plain.button--disabled,
  a.button.button--plain:disabled,
  .bg-brand--off-white a.button.button--plain.button--disabled,
  .bg-brand--off-white a.button.button--plain:disabled {
    color: #D7D7D7; }

.button--play {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%; }
  .button--play .icon {
    color: #F7F5F0; }

@media (max-width: 940px) {
  .button--play .icon {
    height: 60px;
    width: 60px; } }

@media (min-width: 941px) {
  .button--play:hover .icon {
    -webkit-animation: pulse-large 1s infinite ease-out;
    animation: pulse-large 1s infinite ease-out; }
  @-webkit-keyframes pulse-large {
    0%, 100% {
      -webkit-transform: scale(1);
      transform: scale(1); }
    50% {
      -webkit-transform: scale(1.05);
      transform: scale(1.05); } }
  @keyframes pulse-large {
    0%, 100% {
      -webkit-transform: scale(1);
      transform: scale(1); }
    50% {
      -webkit-transform: scale(1.05);
      transform: scale(1.05); } }
  .button--play:active .icon {
    -webkit-animation: none;
    animation: none; } }

@media (min-width: 941px) and (hover: none) {
  .button--play:hover .icon {
    -webkit-animation: none;
    animation: none; } }

.button--preloader.button {
  line-height: 60px; }
  .button--preloader.button span, .button--preloader.button::before, .button--preloader.button::after {
    -webkit-animation: zoom--second-dot 1s infinite ease-in-out;
    animation: zoom--second-dot 1s infinite ease-in-out;
    border-radius: 50%;
    background: #2175D9;
    display: inline-block;
    height: 18px;
    width: 18px; }
  .button--preloader.button::before {
    -webkit-animation-name: zoom--first-dot;
    animation-name: zoom--first-dot;
    content: ""; }
  .button--preloader.button::after {
    -webkit-animation-name: zoom--third-dot;
    animation-name: zoom--third-dot;
    content: ""; }
  .button--preloader.button:hover span, .button--preloader.button:hover::before, .button--preloader.button:hover::after {
    background: #F7F5F0; }

.button--preloader.button--off-white span, .bg-brand--blue .button--preloader.button span, .bg-brand--dark-blue .button--preloader.button span, .bg-brand--turquoise .button--preloader.button span, .bg-brand--red .button--preloader.button span, .button--preloader.button--off-white::before, .bg-brand--blue .button--preloader.button::before, .bg-brand--dark-blue .button--preloader.button::before, .bg-brand--turquoise .button--preloader.button::before, .bg-brand--red .button--preloader.button::before, .button--preloader.button--off-white::after, .bg-brand--blue .button--preloader.button::after, .bg-brand--dark-blue .button--preloader.button::after, .bg-brand--turquoise .button--preloader.button::after, .bg-brand--red .button--preloader.button::after {
  background: #F7F5F0; }

.button--preloader.button--off-white:hover span, .bg-brand--blue .button--preloader.button:hover span, .bg-brand--dark-blue .button--preloader.button:hover span, .bg-brand--turquoise .button--preloader.button:hover span, .bg-brand--red .button--preloader.button:hover span, .button--preloader.button--off-white:hover::before, .bg-brand--blue .button--preloader.button:hover::before, .bg-brand--dark-blue .button--preloader.button:hover::before, .bg-brand--turquoise .button--preloader.button:hover::before, .bg-brand--red .button--preloader.button:hover::before, .button--preloader.button--off-white:hover::after, .bg-brand--blue .button--preloader.button:hover::after, .bg-brand--dark-blue .button--preloader.button:hover::after, .bg-brand--turquoise .button--preloader.button:hover::after, .bg-brand--red .button--preloader.button:hover::after {
  background: #2175D9; }

.button--preloader.button--dark-blue span, .bg-brand--yellow .button--preloader.button span, .button--preloader.button--dark-blue::before, .bg-brand--yellow .button--preloader.button::before, .button--preloader.button--dark-blue::after, .bg-brand--yellow .button--preloader.button::after {
  background: #0F1941; }

.button--preloader.button--dark-blue:hover span, .bg-brand--yellow .button--preloader.button:hover span, .button--preloader.button--dark-blue:hover::before, .bg-brand--yellow .button--preloader.button:hover::before, .button--preloader.button--dark-blue:hover::after, .bg-brand--yellow .button--preloader.button:hover::after {
  background: #F7F5F0; }

.button--preloader.button--filled {
  line-height: 64px; }
  .button--preloader.button--filled span, .button--preloader.button--filled::before, .button--preloader.button--filled::after {
    background: #F7F5F0; }
  .button--preloader.button--filled.button--off-white span, .bg-brand--blue .button--preloader.button--filled.button span, .bg-brand--dark-blue .button--preloader.button--filled.button span, .bg-brand--turquoise .button--preloader.button--filled.button span, .bg-brand--red .button--preloader.button--filled.button span, .button--preloader.button--filled.button--off-white::before, .bg-brand--blue .button--preloader.button--filled.button::before, .bg-brand--dark-blue .button--preloader.button--filled.button::before, .bg-brand--turquoise .button--preloader.button--filled.button::before, .bg-brand--red .button--preloader.button--filled.button::before, .button--preloader.button--filled.button--off-white::after, .bg-brand--blue .button--preloader.button--filled.button::after, .bg-brand--dark-blue .button--preloader.button--filled.button::after, .bg-brand--turquoise .button--preloader.button--filled.button::after, .bg-brand--red .button--preloader.button--filled.button::after {
    background: #2175D9; }

.button--preloader.button--plain:hover span, .button--preloader.button--plain:hover::before, .button--preloader.button--plain:hover::after {
  background: #2175D9; }

.button--preloader.button--plain:hover.button--off-white span, .bg-brand--blue .button--preloader.button--plain.button:hover span, .bg-brand--dark-blue .button--preloader.button--plain.button:hover span, .bg-brand--turquoise .button--preloader.button--plain.button:hover span, .bg-brand--red .button--preloader.button--plain.button:hover span, .button--preloader.button--plain:hover.button--off-white::before, .bg-brand--blue .button--preloader.button--plain.button:hover::before, .bg-brand--dark-blue .button--preloader.button--plain.button:hover::before, .bg-brand--turquoise .button--preloader.button--plain.button:hover::before, .bg-brand--red .button--preloader.button--plain.button:hover::before, .button--preloader.button--plain:hover.button--off-white::after, .bg-brand--blue .button--preloader.button--plain.button:hover::after, .bg-brand--dark-blue .button--preloader.button--plain.button:hover::after, .bg-brand--turquoise .button--preloader.button--plain.button:hover::after, .bg-brand--red .button--preloader.button--plain.button:hover::after {
  background: #F7F5F0; }

.button--preloader.button--plain:hover.button--dark-blue span, .bg-brand--yellow .button--preloader.button--plain.button:hover span, .button--preloader.button--plain:hover.button--dark-blue::before, .bg-brand--yellow .button--preloader.button--plain.button:hover::before, .button--preloader.button--plain:hover.button--dark-blue::after, .bg-brand--yellow .button--preloader.button--plain.button:hover::after {
  background: #0F1941; }

.button.button--social,
a.button.button--social {
  border-color: #D7D7D7;
  color: #2175D9;
  padding: 0 20px; }
  .button.button--social .icon--inline,
  a.button.button--social .icon--inline {
    top: 3px; }
  .button.button--social:hover,
  a.button.button--social:hover {
    background: #E8F1FB;
    border-color: #2175D9; }
    .button.button--social:hover .icon svg,
    a.button.button--social:hover .icon svg {
      fill: #2175D9; }
  .button.button--social:active,
  a.button.button--social:active {
    background: #E8F1FB;
    border-color: #2175D9; }
  @media (hover: none) {
    .button.button--social:hover,
    a.button.button--social:hover {
      background: #E8F1FB;
      border-color: #2175D9; } }

.button--social.social-btn--apple .icon-apple {
  fill: black; }

.button--social.social-btn--drive .icon-drive {
  --drive-color-1: #4688F4;
  --drive-color-2: #089156;
  --drive-color-3: #FCCD48; }

.button--social.social-btn--drive:hover .icon-drive {
  --drive-color-1: $color-brand--one;
  --drive-color-2: $color-brand--one;
  --drive-color-3: $color-brand--one; }

.button--social.social-btn--dropbox .icon-dropbox {
  fill: #0061FF; }

.button--social.social-btn--facebook .icon-facebook {
  fill: #1977f3; }

.button--social.social-btn--google .icon-google {
  --google-color-1: #4285f4;
  --google-color-2: #34a853;
  --google-color-3: #fbbc05;
  --google-color-4: #ea4335; }

.button--social.social-btn--google:hover .icon-google {
  --google-color-1: $color-brand--one;
  --google-color-2: $color-brand--one;
  --google-color-3: $color-brand--one;
  --google-color-4: $color-brand--one; }

.button--social.social-btn--indeed .icon-indeed {
  fill: #2164F4; }

.button--social.social-btn--itsme .icon-itsme {
  fill: #FF4612; }

.button--social.social-btn--linkedin .icon-linkedin {
  fill: #0e76a8; }

.button--social.social-btn--monster .icon-monster {
  fill: #7046AE; }

.button--social.social-btn--seek .icon-seek {
  fill: #0D3880; }

@media (max-width: 940px) {
  .button--full-width-to-icon {
    height: 60px;
    width: 100%; }
    .button--full-width-to-icon .button__text {
      position: static; }
    .button--full-width-to-icon .icon {
      display: none; } }

.divider, .link-list__item {
  border-bottom: 1px solid #D7D7D7; }

.divider--top {
  border-bottom: 0;
  border-top: 1px solid #D7D7D7; }

.bg-brand--blue .divider, .bg-brand--blue .link-list__item, .bg-brand--yellow .divider, .bg-brand--yellow .link-list__item {
  border-color: rgba(15, 25, 65, 0.3); }

.bg-brand--dark-blue .divider, .bg-brand--dark-blue .link-list__item, .bg-brand--turquoise .divider, .bg-brand--turquoise .link-list__item, .bg-brand--red .divider, .bg-brand--red .link-list__item {
  border-color: rgba(247, 245, 240, 0.5); }

.bg-brand--off-white .divider, .bg-brand--off-white .link-list__item {
  border-color: #D7D7D7; }

.icon__toggler {
  cursor: pointer;
  display: inline-block;
  position: relative; }
  .icon__toggler .icon {
    display: inline-block;
    opacity: 1;
    position: relative;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s; }
    .icon__toggler .icon + .icon {
      left: 0;
      opacity: 0;
      position: absolute;
      top: 0; }
  .icon__toggler svg {
    left: 0;
    position: absolute;
    top: 0; }
  .icon__toggler:hover svg {
    -webkit-transition: fill 0.3s;
    transition: fill 0.3s; }
  .icon__toggler--active .icon {
    opacity: 0; }
  .icon__toggler--active .icon + .icon {
    opacity: 1; }

img {
  display: block;
  max-width: 100%; }

.image--circle {
  border-radius: 50%;
  overflow: hidden; }
  .image--circle img {
    display: block;
    max-width: 100%;
    width: auto; }

a,
.button--link-style {
  color: #2175D9;
  text-decoration: none; }
  a:hover,
  .button--link-style:hover {
    text-decoration: none; }

@media (min-width: 501px) {
  a,
  .button--link-style {
    color: #2175D9;
    text-decoration: none; }
    a:hover,
    .button--link-style:hover {
      text-decoration: underline; }
  @supports ((-webkit-text-decoration-style: solid) or (text-decoration-style: solid)) {
    a,
    .button--link-style {
      -webkit-text-decoration: underline solid inherit;
      text-decoration: underline solid transparent; }
      a:hover,
      .button--link-style:hover {
        -webkit-text-decoration: underline solid currentColor;
        text-decoration: underline solid currentColor; }
      a, a:hover,
      .button--link-style,
      .button--link-style:hover {
        -webkit-transition: text-decoration 0.2s;
        -webkit-transition: -webkit-text-decoration 0.2s;
        transition: -webkit-text-decoration 0.2s;
        transition: text-decoration 0.2s;
        transition: text-decoration 0.2s, -webkit-text-decoration 0.2s; } } }

.logo-randstad {
  line-height: 0; }
  .logo-randstad svg {
    fill: #fff;
    overflow: visible;
    width: 150px; }
    .bg-brand--off-white .logo-randstad svg,
    .bg-brand--white .logo-randstad svg {
      fill: #2175D9; }

.wrapper {
  padding-left: 25px;
  padding-right: 25px;
  margin: 0 auto;
  max-width: 1440px; }
  @media (min-width: 501px) {
    .wrapper {
      padding-left: 50px;
      padding-right: 50px; } }
  @media (min-width: 941px) {
    .wrapper {
      padding-left: 100px;
      padding-right: 100px; } }

@media (max-width: 940px) {
  .full-bleed--m {
    margin-left: -50px;
    margin-right: -50px;
    padding-left: 50px;
    padding-right: 50px; } }

@media (max-width: 500px) {
  .full-bleed--s {
    margin-left: -25px;
    margin-right: -25px;
    padding-left: 25px;
    padding-right: 25px; } }

@-webkit-keyframes fade-in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fade-in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-webkit-keyframes fade-out {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes fade-out {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@-webkit-keyframes zoom--first-dot {
  0%,
  50%,
  100% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5); }
  25% {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); } }

@keyframes zoom--first-dot {
  0%,
  50%,
  100% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5); }
  25% {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); } }

@-webkit-keyframes zoom--second-dot {
  0%,
  25%,
  75%,
  100% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5); }
  50% {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); } }

@keyframes zoom--second-dot {
  0%,
  25%,
  75%,
  100% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5); }
  50% {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); } }

@-webkit-keyframes zoom--third-dot {
  0%,
  50%,
  100% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5); }
  75% {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); } }

@keyframes zoom--third-dot {
  0%,
  50%,
  100% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5); }
  75% {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); } }

.block {
  overflow-wrap: break-word;
  word-wrap: break-word; }
  .block__wrapper {
    padding-bottom: 50px;
    padding-top: 50px; }
  .block__header p {
    color: #878CA0;
    margin-bottom: 0;
    margin-top: 10px; }
  .block__header--l .block__description,
  .block__header--l .block__description p {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 30px; }
    @media (min-width: 941px) {
      .block__header--l .block__description,
      .block__header--l .block__description p {
        font-size: 26px;
        letter-spacing: -1px;
        line-height: 30px; } }
  .block__title {
    font-size: 26px;
    letter-spacing: -1px;
    line-height: 30px;
    color: #0F1941;
    margin-bottom: 0; }
  .block__control {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px; }
    .block__control .icon {
      margin-right: 10px; }
      .block__control .icon svg {
        margin-top: 6px;
        min-width: 20px; }
  .block__description--s {
    margin-top: 20px; }
  .block__description--dark,
  .block__description--dark p {
    color: #0F1941; }
  .block__description .button {
    margin-top: 30px; }
  .block .location-details {
    margin-top: 20px;
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4; }
  @media (max-width: 500px) {
    .block__content--full-on-s {
      margin: 0 -25px; } }
  @media (min-width: 501px) and (max-width: 940px) {
    .block__content--full-on-m {
      margin: 0 -50px; } }
  @media (max-width: 940px) {
    .block__header + .block__content {
      margin-top: 30px; }
    .block__more-link {
      display: inline-block;
      margin-top: 10px; }
    .block__content--full-on-s, .block__content--full-on-m {
      overflow: hidden; }
    .block--filter .block__wrapper {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      padding-bottom: 110px;
      padding-top: 30px; }
    .block--filter .block__content {
      -webkit-box-ordinal-group: 0;
      -webkit-order: -1;
      -ms-flex-order: -1;
      order: -1; }
    .block--my-randstad .block__header + .block__content {
      margin-top: 50px; } }
  @media (min-width: 941px) {
    .block__wrapper {
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      padding-bottom: 130px;
      padding-top: 130px; }
      .block--s .block__wrapper {
        padding-bottom: 80px;
        padding-top: 80px; }
      .block--xs .block__wrapper {
        padding-bottom: 50px;
        padding-top: 50px; }
    .block__header {
      width: calc((13/58) * 100%); }
    .block--filter .block__wrapper {
      padding-top: 50px; }
    .block__header--split {
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .block__header--split .block__title {
        margin-right: calc((2/58) * 100%); }
      .block__header--split .block__description {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3; }
    .block__header--l {
      margin-top: -50px; }
      .block__header--l .block__title {
        font-size: 32px;
        letter-spacing: -1px;
        line-height: 40px; } }
    @media (min-width: 941px) and (min-width: 941px) {
      .block__header--l .block__title {
        font-size: 40px;
        letter-spacing: -2px;
        line-height: 45px; } }
  @media (min-width: 941px) {
      .block__header--l .block__description {
        margin-top: 20px;
        width: 100%; }
      .block__header--l .block__description p {
        width: calc((28/58) * 100%); }
      .block__header--l .block__description--s {
        margin-top: 10px; }
        .block__header--l .block__description--s,
        .block__header--l .block__description--s p {
          font-size: 18px;
          letter-spacing: 0;
          line-height: 30px; }
      .block--s .block__header--l {
        margin-top: 0; }
      .block__header--l .block__more-link {
        font-size: 18px;
        letter-spacing: 0;
        line-height: 30px; } }
    @media (min-width: 941px) and (min-width: 941px) {
      .block__header--l .block__more-link {
        font-size: 26px;
        letter-spacing: -1px;
        line-height: 30px; } }
  @media (min-width: 941px) {
    .block__more-link {
      margin-top: 10px; }
    .block__content {
      margin-left: auto;
      width: calc((43/58) * 100%); }
      .block__content--s {
        padding-right: calc(((3 + 2) / 58) * 100%); }
      .block__content--align-right.block__content--s {
        padding-right: 0;
        width: calc((38/58) * 100%); }
    .block__wrapper--stacked {
      display: block; }
      .block__wrapper--stacked .block__header,
      .block__wrapper--stacked .block__content {
        width: 100%; }
      .block__wrapper--stacked .block__header + .block__content {
        margin-top: 50px; } }

.bg-brand--dark-blue .block__title, .bg-brand--turquoise .block__title, .bg-brand--red .block__title {
  color: #F7F5F0; }

.bg-brand--blue .block__title {
  color: #F7F5F0; }

.bg-brand--gradient-orange .block__title,
.bg-brand--dark-grey .block__title {
  color: #fff; }

.bg-brand--blue .block__header p, .bg-brand--dark-blue .block__header p, .bg-brand--turquoise .block__header p, .bg-brand--red .block__header p {
  color: rgba(247, 245, 240, 0.5); }

.bg-brand--yellow .wrapper p {
  color: #0F1941; }

.bg-brand--yellow .block__header p {
  color: rgba(15, 25, 65, 0.7); }

.block--my-randstad .block__wrapper {
  padding-bottom: 20px;
  padding-top: 30px; }
  @media (min-width: 941px) {
    .block--my-randstad .block__wrapper {
      padding-bottom: 30px;
      padding-top: 50px; } }

.closable {
  overflow: hidden;
  -webkit-transition: max-height 0.2s 0.2s, border 0.2s 0.2s;
  transition: max-height 0.2s 0.2s, border 0.2s 0.2s; }
  .closable--closed [data-rs-closable-fadeout] {
    opacity: 0;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s; }

.collapsible__button {
  height: 20px;
  position: absolute;
  right: 0;
  top: 19px;
  width: 20px; }
  .collapsible__button::before, .collapsible__button::after {
    background: #2175D9;
    border-radius: 4px;
    content: ' ';
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
    top: 9px;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    width: 20px; }
  .collapsible__button::before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg); }

.collapsible__content {
  -webkit-transition: max-height 0.3s;
  transition: max-height 0.3s;
  max-height: 0;
  overflow: hidden; }

@media (min-width: 941px) {
  .collapsible__button::before, .collapsible__button::after {
    top: 13px; } }

.collapsible__trigger {
  cursor: pointer;
  position: relative; }
  .collapsible__trigger--expanded .collapsible__button::before, .collapsible__trigger--expanded .collapsible__button::after {
    -webkit-transition: opacity 0.2s, -webkit-transform 0.3s;
    transition: opacity 0.2s, -webkit-transform 0.3s;
    transition: opacity 0.2s, transform 0.3s;
    transition: opacity 0.2s, transform 0.3s, -webkit-transform 0.3s; }
  .collapsible__trigger--expanded .collapsible__button::before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }
  .collapsible__trigger--expanded .collapsible__button::after {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg); }
  .collapsible__trigger--inactive {
    pointer-events: none; }
    .collapsible__trigger--inactive .link-list__link {
      cursor: default; }
    .collapsible__trigger--inactive .collapsible__button {
      display: none; }

[data-rs-collapsible-expanded].collapsible__trigger--expanded .collapsible__button {
  opacity: 1; }

[data-rs-collapsible-expanded] .collapsible__button {
  opacity: 0; }
  [data-rs-collapsible-expanded] .collapsible__button::before, [data-rs-collapsible-expanded] .collapsible__button::after {
    -webkit-transition: none;
    transition: none; }

[data-rs-collapsible-expanded] + .collapsible__content {
  max-height: none; }

.content-block {
  overflow-wrap: break-word;
  word-wrap: break-word;
  z-index: 1; }
  .content-block__eyebrow {
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
    color: currentColor;
    font-family: Graphik, Tahoma, "sans-serif";
    margin-bottom: 0; }
    @media (min-width: 941px) {
      .content-block__eyebrow {
        font-size: 26px;
        letter-spacing: -1px;
        line-height: 30px; } }
  .content-block__title > span {
    display: block; }
  .content-block__eyebrow + .content-block__title {
    margin-top: 10px; }
  .content-block__title em {
    color: #2175D9;
    font-style: normal; }
  .content-block__description {
    margin-top: 20px; }
    .content-block__description,
    .content-block__description p:last-child {
      margin-bottom: 0; }
  .content-block__list {
    margin-top: 20px; }
    .content-block__list li {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      margin-top: 5px; }
    .content-block__list a {
      font-size: 18px;
      letter-spacing: 0;
      line-height: 30px;
      display: inline-block;
      max-width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .content-block .button {
    margin-top: 30px; }
  .content-block__date-socials {
    margin-top: 20px; }
  .content-block__date,
  .content-block .social__share-text,
  .content-block .social__list {
    margin-top: 10px; }
  .content-block__split-text {
    margin-top: 20px; }
    .content-block__split-text p:last-child {
      margin-bottom: 0; }
  .content-block__form {
    margin-top: 30px; }

.bg-brand--yellow .content-block__title, .bg-brand--yellow .content-block__description, .bg-brand--yellow .content-block__eyebrow {
  color: #0F1941; }

.bg-brand--yellow .content-block a:not(.button) {
  color: rgba(15, 25, 65, 0.7); }

@media (max-width: 940px) {
  .content-block {
    width: 100%; } }

@media (min-width: 941px) {
  .content-block__title-bottom {
    text-align: right; }
  .content-block__title > span + span {
    margin-top: 10px; }
  .content-block__list--row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .content-block__list--row li:not(:last-child) {
      margin-right: 30px; }
  .content-block__list:not(.content-block__list--row) + .button {
    margin-top: 50px; }
  .content-block__date-socials {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 40px; }
  .content-block__date:not(:only-child) {
    margin-right: 50px; }
  .content-block--full-width {
    width: 100%; }
  .content-block__split {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .content-block__split-text {
      width: calc((43/58) * 100%); }
    .content-block__split-text--s {
      margin-top: 30px;
      width: calc((23/58) * 100%); }
    .content-block__split-text--s + .button {
      margin-top: 50px; }
    .content-block__split .button {
      margin-left: auto;
      max-width: calc((13/58) * 100%); }
  .content-block.text--dark-from-l .content-block__eyebrow,
  .content-block.text--dark-from-l .content-block__title,
  .content-block.text--dark-from-l .content-block__description, .content-block.text--light-from-l .content-block__eyebrow,
  .content-block.text--light-from-l .content-block__title,
  .content-block.text--light-from-l .content-block__description {
    color: currentColor; }
  .content-block.text--dark-from-l .button.button {
    border-color: currentColor;
    color: #0F1941; }
    .content-block.text--dark-from-l .button.button:hover {
      background: #0F1941;
      border-color: #0F1941;
      color: #F7F5F0; }
      .content-block.text--dark-from-l .button.button:hover .icon svg {
        fill: #F7F5F0; }
    .content-block.text--dark-from-l .button.button:active {
      background: #03050D;
      border-color: #03050D;
      color: #F7F5F0; } }
  @media (min-width: 941px) and (hover: none) {
    .content-block.text--dark-from-l .button.button:hover {
      background: #03050D;
      border-color: #03050D;
      color: #F7F5F0; } }

@media (min-width: 941px) {
    .content-block.text--dark-from-l .button.button .icon svg {
      fill: #0F1941; }
  .content-block.text--light-from-l .button.button {
    border-color: #F7F5F0;
    color: #F7F5F0; }
    .content-block.text--light-from-l .button.button:hover {
      background: #F7F5F0;
      border-color: #fff;
      color: #2175D9; }
      .content-block.text--light-from-l .button.button:hover .icon svg {
        fill: #2175D9; }
    .content-block.text--light-from-l .button.button:active {
      background: #DEDCD8;
      border-color: #DEDCD8;
      color: #2175D9; } }
  @media (min-width: 941px) and (hover: none) {
    .content-block.text--light-from-l .button.button:hover {
      background: #DEDCD8;
      border-color: #DEDCD8;
      color: #2175D9; } }

@media (min-width: 941px) {
    .content-block.text--light-from-l .button.button .icon svg {
      fill: #F7F5F0; } }

.element-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: -10px; }
  .element-group .badge, .element-group .tag {
    margin-right: 10px;
    margin-top: 10px; }
    .element-group .badge:last-child, .element-group .tag:last-child {
      margin-right: 0; }

.extensive-link-list {
  font-size: 16px;
  letter-spacing: 0;
  line-height: 25px; }
  .extensive-link-list__list-title {
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
    display: block;
    padding: 15px 50px 20px 0; }
    @media (min-width: 941px) {
      .extensive-link-list__list-title {
        font-size: 18px;
        letter-spacing: 0;
        line-height: 30px; } }
  .extensive-link-list .collapsible__button::after, .extensive-link-list .collapsible__button::before {
    background: #2175D9; }
  .extensive-link-list .collapsible__content li + li {
    margin-top: 10px; }
  .extensive-link-list .collapsible__trigger--expanded + .collapsible__content {
    margin-bottom: 30px; }

@media (min-width: 941px) {
  .extensive-link-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: -50px; }
    .extensive-link-list::after {
      content: '';
      display: block;
      width: calc((13/58) * 100%); }
    .extensive-link-list__list-title {
      margin-bottom: 10px;
      padding: 0; }
    .extensive-link-list__item {
      border-bottom: 0;
      margin-top: 50px;
      width: calc((13/58) * 100%); }
    .extensive-link-list .collapsible__button {
      display: none; }
    .extensive-link-list .collapsible__content {
      max-height: 100% !important;
      overflow: visible;
      -webkit-transition: none;
      transition: none; }
    .extensive-link-list .collapsible__trigger {
      pointer-events: none; }
    .extensive-link-list .collapsible__trigger--expanded + .collapsible__content {
      margin-bottom: 0; } }

.link-list {
  margin-top: -13px; }
  .link-list__item {
    position: relative; }
  .link-list__link {
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
    display: block;
    padding: 12px 0 17px; }
    @media (min-width: 941px) {
      .link-list__link {
        font-size: 26px;
        letter-spacing: -1px;
        line-height: 30px; } }

.link-list--s .link-list__link {
  font-size: 20px;
  letter-spacing: 0;
  line-height: 30px; }

.link-list--xs .link-list__link {
  font-size: 16px;
  letter-spacing: 0;
  line-height: 25px;
  padding: 18px 0 20px; }

.bg-brand--blue .link-list__link,
.bg-brand--dark-blue .link-list__link,
.bg-brand--red .link-list__link,
.bg-brand--turquoise .link-list__link {
  color: #F7F5F0; }

.bg-brand--off-white .link-list__link {
  color: #2175D9; }

.bg-brand--yellow .link-list__link {
  color: #0F1941; }

.bg-brand--gradient-orange .link-list__link,
.bg-brand--dark-grey .link-list__link {
  color: #fff; }

@media (min-width: 941px) {
  .link-list {
    margin-top: -21px; }
    .link-list--s {
      margin-top: 0; }
      .block__title + .link-list--s {
        margin-top: 10px; }
      .link-list--s .link-list__link {
        padding-bottom: 20px; }
    .link-list:not(.link-list--single) {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .link-list:not(.link-list--single)::after {
        content: '';
        display: block;
        width: calc((13/43) * 100%); }
    .link-list--single .link-list__item {
      width: 100%; }
    .link-list--double {
      width: calc((38/43) * 100%); }
      .link-list--double .link-list__item {
        width: calc((18/38) * 100%); }
    .link-list__item {
      width: calc((13/43) * 100%); }
    .link-list__link {
      padding: 21px 0 28px; } }

.social__share {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .social__share-text {
    margin-right: 20px; }

.social__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.social__item + .social__item {
  margin-left: 20px; }
  .social__list--s .social__item + .social__item {
    margin-left: 15px; }

.social__link {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }

@media (max-width: 940px) {
  .blog-article .block + .block,
  .blog-article__side + .blog-article__main {
    margin-bottom: 30px;
    margin-top: 30px; }
  .blog-article__main {
    border-radius: 4px; } }

@media (min-width: 941px) {
  .blog-article {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 80px;
    padding-top: 80px; }
    .blog-article .block + .block {
      margin-top: 50px; }
    .blog-article__main {
      width: calc((33/58) * 100%); }
    .blog-article__side {
      margin-left: auto;
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
      -ms-flex-order: 2;
      order: 2;
      width: calc((18/58) * 100%); } }

select:active, select:focus {
  -webkit-transition: border-color 0.2s;
  transition: border-color 0.2s;
  border: 2px solid #2175D9;
  outline: none;
  padding-left: 18px; }

select::-ms-clear {
  display: none; }

select.untouched {
  color: #878CA0; }

.form-group__input select, .form-group__input select:active, .form-group__input select:focus {
  padding-right: 50px; }

select[disabled] {
  background: #F7F7F7;
  color: #878CA0;
  pointer-events: none; }

.select-arrow.icon {
  color: #2175D9;
  pointer-events: none;
  right: 20px;
  top: 22px; }
  select:disabled + .select-arrow.icon {
    color: #878CA0; }

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .form-group__input select {
    padding-right: 25px; }
  .select-arrow {
    display: none; } }

.form-group--selection-control .form-group__input + .form-group__input {
  margin-top: 15px; }
  @media (min-width: 941px) {
    .form-group--selection-control .form-group__input + .form-group__input {
      margin-top: 10px; } }

.form-group--selection-control .form-group__label {
  margin-bottom: 15px; }

.form-group--selection-control + .button {
  margin-top: 40px; }

.selection-control {
  font-size: 16px;
  letter-spacing: 0;
  line-height: 25px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative; }
  @media (min-width: 941px) {
    .selection-control {
      font-size: 18px;
      letter-spacing: 0;
      line-height: 30px; } }
  .selection-control__input {
    position: relative;
    top: 2px; }
    @media (min-width: 941px) {
      .selection-control__input {
        top: 3px; } }
  .selection-control__control {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 2px solid #D7D7D7;
    background: #fff;
    border-radius: 2px;
    cursor: pointer;
    position: relative;
    -webkit-transition: border-color 0.2s;
    transition: border-color 0.2s; }
  .selection-control input {
    opacity: 0;
    position: absolute; }
    .selection-control input:not(:disabled):not(:-moz-read-only):focus + .selection-control__control {
      border-color: #2175D9; }
    .selection-control input:not(:disabled):not(:read-only):focus + .selection-control__control {
      border-color: #2175D9; }
      .bg-brand--blue .selection-control input:not(:disabled):not(:-moz-read-only):focus + .selection-control__control, .bg-brand--turquoise .selection-control input:not(:disabled):not(:-moz-read-only):focus + .selection-control__control, .bg-brand--yellow .selection-control input:not(:disabled):not(:-moz-read-only):focus + .selection-control__control, .bg-brand--red .selection-control input:not(:disabled):not(:-moz-read-only):focus + .selection-control__control {
        border-color: #0F1941; }
      .bg-brand--blue .selection-control input:not(:disabled):not(:read-only):focus + .selection-control__control,
      .bg-brand--turquoise .selection-control input:not(:disabled):not(:read-only):focus + .selection-control__control,
      .bg-brand--yellow .selection-control input:not(:disabled):not(:read-only):focus + .selection-control__control,
      .bg-brand--red .selection-control input:not(:disabled):not(:read-only):focus + .selection-control__control {
        border-color: #0F1941; }
    .selection-control input:checked + .selection-control__control {
      background: #2175D9;
      border-color: #2175D9; }
      .bg-brand--blue .selection-control input:checked + .selection-control__control,
      .bg-brand--turquoise .selection-control input:checked + .selection-control__control,
      .bg-brand--yellow .selection-control input:checked + .selection-control__control,
      .bg-brand--red .selection-control input:checked + .selection-control__control {
        background: #0F1941;
        border-color: #0F1941; }
  .selection-control:hover .selection-control__control {
    border-color: #2175D9; }
    .bg-brand--blue .selection-control:hover .selection-control__control,
    .bg-brand--turquoise .selection-control:hover .selection-control__control,
    .bg-brand--yellow .selection-control:hover .selection-control__control,
    .bg-brand--red .selection-control:hover .selection-control__control {
      border-color: #0F1941; }
  .selection-control__label {
    cursor: pointer;
    margin-left: 10px; }

.selection-control--disabled {
  color: #878CA0;
  pointer-events: none; }
  .bg-brand--dark-blue .selection-control--disabled,
  .bg-brand--blue .selection-control--disabled,
  .bg-brand--turquoise .selection-control--disabled,
  .bg-brand--red .selection-control--disabled {
    color: rgba(247, 245, 240, 0.5); }
  .bg-brand--yellow .selection-control--disabled {
    color: rgba(15, 25, 65, 0.3); }
  .selection-control--disabled .selection-control__control {
    background: #F7F7F7;
    border-color: #D7D7D7; }
  .selection-control--disabled input:checked + .selection-control__control {
    border-color: #F7F7F7; }
  .selection-control--disabled a {
    pointer-events: all; }

.form-group--error .selection-control__control {
  background: #FEF6F6;
  border-color: #F24747; }
  .bg-brand--off-white .form-group--error .selection-control__control,
  .bg-brand--white .form-group--error .selection-control__control,
  .bg-brand--dark-blue .form-group--error .selection-control__control,
  .bg-brand--yellow .form-group--error .selection-control__control {
    background: #FEF6F6;
    border-color: #F24747; }
  .bg-brand--blue .form-group--error .selection-control__control,
  .bg-brand--turquoise .form-group--error .selection-control__control,
  .bg-brand--red .form-group--error .selection-control__control {
    border-color: #FFB511; }

.selection-control--checkbox svg {
  margin-top: -1px;
  opacity: 0; }

.selection-control--checkbox polyline {
  fill: transparent;
  stroke: #fff;
  stroke-dasharray: 30;
  stroke-dashoffset: 30;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2px;
  -webkit-transition: stroke-dashoffset 0.5s ease;
  transition: stroke-dashoffset 0.5s ease; }

.selection-control--checkbox input:checked + .selection-control__control svg {
  opacity: 1; }

.selection-control--checkbox input:checked + .selection-control__control polyline {
  stroke-dashoffset: 0; }

.selection-control--indeterminate input + .selection-control__control svg {
  opacity: 0;
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; }

.selection-control--indeterminate .selection-control__control {
  background: #2175D9;
  border-color: #2175D9; }
  .bg-brand--blue .selection-control--indeterminate .selection-control__control,
  .bg-brand--turquoise .selection-control--indeterminate .selection-control__control,
  .bg-brand--yellow .selection-control--indeterminate .selection-control__control,
  .bg-brand--red .selection-control--indeterminate .selection-control__control {
    background: #0F1941;
    border-color: #0F1941; }

.selection-control--indeterminate--animate input + .selection-control__control svg {
  opacity: 1;
  -webkit-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; }

.selection-control--indeterminate .selection-control__control--indeterminate {
  background: #FFF;
  border-radius: 1.5px;
  height: 3px;
  left: 4px;
  pointer-events: none;
  top: 11px;
  width: 16px; }
  @media (min-width: 941px) {
    .selection-control--indeterminate .selection-control__control--indeterminate {
      bottom: 13px; } }

.selection-control--checkbox.selection-control--disabled .selection-control__control {
  border-color: #D7D7D7; }

.selection-control--checkbox.selection-control--disabled input:checked + .selection-control__control {
  background: #D7D7D7;
  border-color: #D7D7D7; }

.selection-control--checkbox.selection-control--disabled.selection-control--indeterminate .selection-control__control {
  background: #D7D7D7; }

.selection-control--radio-button .selection-control__control {
  border-radius: 50%; }
  .selection-control--radio-button .selection-control__control::after {
    content: '';
    display: block;
    -webkit-transform: scale(0);
    transform: scale(0); }

.selection-control--radio-button input:checked + .selection-control__control,
.bg-brand--gradient-orange .selection-control--radio-button input:checked + .selection-control__control {
  background: #fff;
  position: relative; }
  .selection-control--radio-button input:checked + .selection-control__control::after,
  .bg-brand--gradient-orange .selection-control--radio-button input:checked + .selection-control__control::after {
    background: #2175D9;
    border-radius: 50%;
    height: 12px;
    left: 4px;
    opacity: 1;
    position: absolute;
    top: 4px;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 0.2s ease;
    transition: -webkit-transform 0.2s ease;
    transition: transform 0.2s ease;
    transition: transform 0.2s ease, -webkit-transform 0.2s ease;
    width: 12px; }
    .bg-brand--blue .selection-control--radio-button input:checked + .selection-control__control::after,
    .bg-brand--turquoise .selection-control--radio-button input:checked + .selection-control__control::after,
    .bg-brand--yellow .selection-control--radio-button input:checked + .selection-control__control::after,
    .bg-brand--red .selection-control--radio-button input:checked + .selection-control__control::after, .bg-brand--blue
    .bg-brand--gradient-orange .selection-control--radio-button input:checked + .selection-control__control::after,
    .bg-brand--turquoise
    .bg-brand--gradient-orange .selection-control--radio-button input:checked + .selection-control__control::after,
    .bg-brand--yellow
    .bg-brand--gradient-orange .selection-control--radio-button input:checked + .selection-control__control::after,
    .bg-brand--red
    .bg-brand--gradient-orange .selection-control--radio-button input:checked + .selection-control__control::after {
      background: #F7F5F0; }

@media (max-width: 940px) {
  .selection-control--radio-button .selection-control__input {
    top: 1px; } }

.selection-control--radio-button.selection-control--disabled input:checked + .selection-control__control {
  background: #F7F7F7;
  border-color: #D7D7D7; }
  .selection-control--radio-button.selection-control--disabled input:checked + .selection-control__control::after {
    background: #D7D7D7; }

input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]), textarea, select {
  font-size: 16px;
  letter-spacing: 0;
  line-height: 25px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #FFF;
  border: solid 1px #D7D7D7;
  border-radius: 4px;
  box-sizing: border-box;
  box-shadow: none;
  color: #0F1941;
  cursor: initial;
  font-family: Graphik, Tahoma, "sans-serif";
  margin: 0;
  min-height: 60px;
  padding: 15px 19px 18px;
  text-overflow: ellipsis;
  width: 100%; }
  @media (min-width: 941px) {
    input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]), textarea, select {
      font-size: 18px;
      letter-spacing: 0;
      line-height: 30px; } }
  input[type="color"]::-webkit-input-placeholder, input[type="date"]::-webkit-input-placeholder, input[type="datetime"]::-webkit-input-placeholder, input[type="datetime-local"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="month"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="text"]::-webkit-input-placeholder, input[type="time"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, input[type="week"]::-webkit-input-placeholder, input:not([type])::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select::-webkit-input-placeholder {
    color: #878CA0; }
  input[type="color"]::-moz-placeholder, input[type="date"]::-moz-placeholder, input[type="datetime"]::-moz-placeholder, input[type="datetime-local"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="month"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="text"]::-moz-placeholder, input[type="time"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="week"]::-moz-placeholder, input:not([type])::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder {
    color: #878CA0; }
  input[type="color"]:-ms-input-placeholder, input[type="date"]:-ms-input-placeholder, input[type="datetime"]:-ms-input-placeholder, input[type="datetime-local"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="month"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="text"]:-ms-input-placeholder, input[type="time"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, input[type="week"]:-ms-input-placeholder, input:not([type]):-ms-input-placeholder, textarea:-ms-input-placeholder, select:-ms-input-placeholder {
    color: #878CA0; }
  input[type="color"]::-ms-input-placeholder, input[type="date"]::-ms-input-placeholder, input[type="datetime"]::-ms-input-placeholder, input[type="datetime-local"]::-ms-input-placeholder, input[type="email"]::-ms-input-placeholder, input[type="month"]::-ms-input-placeholder, input[type="number"]::-ms-input-placeholder, input[type="password"]::-ms-input-placeholder, input[type="search"]::-ms-input-placeholder, input[type="tel"]::-ms-input-placeholder, input[type="text"]::-ms-input-placeholder, input[type="time"]::-ms-input-placeholder, input[type="url"]::-ms-input-placeholder, input[type="week"]::-ms-input-placeholder, input:not([type])::-ms-input-placeholder, textarea::-ms-input-placeholder, select::-ms-input-placeholder {
    color: #878CA0; }
  input[type="color"]::placeholder, input[type="date"]::placeholder, input[type="datetime"]::placeholder, input[type="datetime-local"]::placeholder, input[type="email"]::placeholder, input[type="month"]::placeholder, input[type="number"]::placeholder, input[type="password"]::placeholder, input[type="search"]::placeholder, input[type="tel"]::placeholder, input[type="text"]::placeholder, input[type="time"]::placeholder, input[type="url"]::placeholder, input[type="week"]::placeholder, input:not([type])::placeholder, textarea::placeholder, select::placeholder {
    color: #878CA0; }
  input[type="color"]:-ms-input-placeholder, input[type="date"]:-ms-input-placeholder, input[type="datetime"]:-ms-input-placeholder, input[type="datetime-local"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="month"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="text"]:-ms-input-placeholder, input[type="time"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, input[type="week"]:-ms-input-placeholder, input:not([type]):-ms-input-placeholder, textarea:-ms-input-placeholder, select:-ms-input-placeholder {
    color: #878CA0; }
  input[type="color"]::-ms-clear, input[type="date"]::-ms-clear, input[type="datetime"]::-ms-clear, input[type="datetime-local"]::-ms-clear, input[type="email"]::-ms-clear, input[type="month"]::-ms-clear, input[type="number"]::-ms-clear, input[type="password"]::-ms-clear, input[type="search"]::-ms-clear, input[type="tel"]::-ms-clear, input[type="text"]::-ms-clear, input[type="time"]::-ms-clear, input[type="url"]::-ms-clear, input[type="week"]::-ms-clear, input:not([type])::-ms-clear, textarea::-ms-clear, select::-ms-clear {
    display: none; }
  input[type="color"]:active, input[type="color"]:focus, input[type="date"]:active, input[type="date"]:focus, input[type="datetime"]:active, input[type="datetime"]:focus, input[type="datetime-local"]:active, input[type="datetime-local"]:focus, input[type="email"]:active, input[type="email"]:focus, input[type="month"]:active, input[type="month"]:focus, input[type="number"]:active, input[type="number"]:focus, input[type="password"]:active, input[type="password"]:focus, input[type="search"]:active, input[type="search"]:focus, input[type="tel"]:active, input[type="tel"]:focus, input[type="text"]:active, input[type="text"]:focus, input[type="time"]:active, input[type="time"]:focus, input[type="url"]:active, input[type="url"]:focus, input[type="week"]:active, input[type="week"]:focus, input:not([type]):active, input:not([type]):focus, textarea:active, textarea:focus, select:active, select:focus {
    -webkit-transition: border-color 0.2s;
    transition: border-color 0.2s;
    border-color: #2175D9;
    border-style: solid;
    border-width: 2px;
    outline: none;
    padding: 14px 18px 17px; }
    .bg-brand--blue input[type="color"]:active,
    .bg-brand--turquoise input[type="color"]:active,
    .bg-brand--yellow input[type="color"]:active,
    .bg-brand--red input[type="color"]:active, .bg-brand--blue input[type="color"]:focus,
    .bg-brand--turquoise input[type="color"]:focus,
    .bg-brand--yellow input[type="color"]:focus,
    .bg-brand--red input[type="color"]:focus, .bg-brand--blue input[type="date"]:active,
    .bg-brand--turquoise input[type="date"]:active,
    .bg-brand--yellow input[type="date"]:active,
    .bg-brand--red input[type="date"]:active, .bg-brand--blue input[type="date"]:focus,
    .bg-brand--turquoise input[type="date"]:focus,
    .bg-brand--yellow input[type="date"]:focus,
    .bg-brand--red input[type="date"]:focus, .bg-brand--blue input[type="datetime"]:active,
    .bg-brand--turquoise input[type="datetime"]:active,
    .bg-brand--yellow input[type="datetime"]:active,
    .bg-brand--red input[type="datetime"]:active, .bg-brand--blue input[type="datetime"]:focus,
    .bg-brand--turquoise input[type="datetime"]:focus,
    .bg-brand--yellow input[type="datetime"]:focus,
    .bg-brand--red input[type="datetime"]:focus, .bg-brand--blue input[type="datetime-local"]:active,
    .bg-brand--turquoise input[type="datetime-local"]:active,
    .bg-brand--yellow input[type="datetime-local"]:active,
    .bg-brand--red input[type="datetime-local"]:active, .bg-brand--blue input[type="datetime-local"]:focus,
    .bg-brand--turquoise input[type="datetime-local"]:focus,
    .bg-brand--yellow input[type="datetime-local"]:focus,
    .bg-brand--red input[type="datetime-local"]:focus, .bg-brand--blue input[type="email"]:active,
    .bg-brand--turquoise input[type="email"]:active,
    .bg-brand--yellow input[type="email"]:active,
    .bg-brand--red input[type="email"]:active, .bg-brand--blue input[type="email"]:focus,
    .bg-brand--turquoise input[type="email"]:focus,
    .bg-brand--yellow input[type="email"]:focus,
    .bg-brand--red input[type="email"]:focus, .bg-brand--blue input[type="month"]:active,
    .bg-brand--turquoise input[type="month"]:active,
    .bg-brand--yellow input[type="month"]:active,
    .bg-brand--red input[type="month"]:active, .bg-brand--blue input[type="month"]:focus,
    .bg-brand--turquoise input[type="month"]:focus,
    .bg-brand--yellow input[type="month"]:focus,
    .bg-brand--red input[type="month"]:focus, .bg-brand--blue input[type="number"]:active,
    .bg-brand--turquoise input[type="number"]:active,
    .bg-brand--yellow input[type="number"]:active,
    .bg-brand--red input[type="number"]:active, .bg-brand--blue input[type="number"]:focus,
    .bg-brand--turquoise input[type="number"]:focus,
    .bg-brand--yellow input[type="number"]:focus,
    .bg-brand--red input[type="number"]:focus, .bg-brand--blue input[type="password"]:active,
    .bg-brand--turquoise input[type="password"]:active,
    .bg-brand--yellow input[type="password"]:active,
    .bg-brand--red input[type="password"]:active, .bg-brand--blue input[type="password"]:focus,
    .bg-brand--turquoise input[type="password"]:focus,
    .bg-brand--yellow input[type="password"]:focus,
    .bg-brand--red input[type="password"]:focus, .bg-brand--blue input[type="search"]:active,
    .bg-brand--turquoise input[type="search"]:active,
    .bg-brand--yellow input[type="search"]:active,
    .bg-brand--red input[type="search"]:active, .bg-brand--blue input[type="search"]:focus,
    .bg-brand--turquoise input[type="search"]:focus,
    .bg-brand--yellow input[type="search"]:focus,
    .bg-brand--red input[type="search"]:focus, .bg-brand--blue input[type="tel"]:active,
    .bg-brand--turquoise input[type="tel"]:active,
    .bg-brand--yellow input[type="tel"]:active,
    .bg-brand--red input[type="tel"]:active, .bg-brand--blue input[type="tel"]:focus,
    .bg-brand--turquoise input[type="tel"]:focus,
    .bg-brand--yellow input[type="tel"]:focus,
    .bg-brand--red input[type="tel"]:focus, .bg-brand--blue input[type="text"]:active,
    .bg-brand--turquoise input[type="text"]:active,
    .bg-brand--yellow input[type="text"]:active,
    .bg-brand--red input[type="text"]:active, .bg-brand--blue input[type="text"]:focus,
    .bg-brand--turquoise input[type="text"]:focus,
    .bg-brand--yellow input[type="text"]:focus,
    .bg-brand--red input[type="text"]:focus, .bg-brand--blue input[type="time"]:active,
    .bg-brand--turquoise input[type="time"]:active,
    .bg-brand--yellow input[type="time"]:active,
    .bg-brand--red input[type="time"]:active, .bg-brand--blue input[type="time"]:focus,
    .bg-brand--turquoise input[type="time"]:focus,
    .bg-brand--yellow input[type="time"]:focus,
    .bg-brand--red input[type="time"]:focus, .bg-brand--blue input[type="url"]:active,
    .bg-brand--turquoise input[type="url"]:active,
    .bg-brand--yellow input[type="url"]:active,
    .bg-brand--red input[type="url"]:active, .bg-brand--blue input[type="url"]:focus,
    .bg-brand--turquoise input[type="url"]:focus,
    .bg-brand--yellow input[type="url"]:focus,
    .bg-brand--red input[type="url"]:focus, .bg-brand--blue input[type="week"]:active,
    .bg-brand--turquoise input[type="week"]:active,
    .bg-brand--yellow input[type="week"]:active,
    .bg-brand--red input[type="week"]:active, .bg-brand--blue input[type="week"]:focus,
    .bg-brand--turquoise input[type="week"]:focus,
    .bg-brand--yellow input[type="week"]:focus,
    .bg-brand--red input[type="week"]:focus, .bg-brand--blue input:not([type]):active,
    .bg-brand--turquoise input:not([type]):active,
    .bg-brand--yellow input:not([type]):active,
    .bg-brand--red input:not([type]):active, .bg-brand--blue input:not([type]):focus,
    .bg-brand--turquoise input:not([type]):focus,
    .bg-brand--yellow input:not([type]):focus,
    .bg-brand--red input:not([type]):focus, .bg-brand--blue textarea:active,
    .bg-brand--turquoise textarea:active,
    .bg-brand--yellow textarea:active,
    .bg-brand--red textarea:active, .bg-brand--blue textarea:focus,
    .bg-brand--turquoise textarea:focus,
    .bg-brand--yellow textarea:focus,
    .bg-brand--red textarea:focus, .bg-brand--blue select:active,
    .bg-brand--turquoise select:active,
    .bg-brand--yellow select:active,
    .bg-brand--red select:active, .bg-brand--blue select:focus,
    .bg-brand--turquoise select:focus,
    .bg-brand--yellow select:focus,
    .bg-brand--red select:focus {
      border-color: #0F1941; }
  input[type="color"]:-moz-read-only:not(select):not(.flatpickr), input[type="color"]:-moz-read-only:not(select):not(.flatpickr):active, input[type="color"]:-moz-read-only:not(select):not(.flatpickr):focus, input[type="date"]:-moz-read-only:not(select):not(.flatpickr), input[type="date"]:-moz-read-only:not(select):not(.flatpickr):active, input[type="date"]:-moz-read-only:not(select):not(.flatpickr):focus, input[type="datetime"]:-moz-read-only:not(select):not(.flatpickr), input[type="datetime"]:-moz-read-only:not(select):not(.flatpickr):active, input[type="datetime"]:-moz-read-only:not(select):not(.flatpickr):focus, input[type="datetime-local"]:-moz-read-only:not(select):not(.flatpickr), input[type="datetime-local"]:-moz-read-only:not(select):not(.flatpickr):active, input[type="datetime-local"]:-moz-read-only:not(select):not(.flatpickr):focus, input[type="email"]:-moz-read-only:not(select):not(.flatpickr), input[type="email"]:-moz-read-only:not(select):not(.flatpickr):active, input[type="email"]:-moz-read-only:not(select):not(.flatpickr):focus, input[type="month"]:-moz-read-only:not(select):not(.flatpickr), input[type="month"]:-moz-read-only:not(select):not(.flatpickr):active, input[type="month"]:-moz-read-only:not(select):not(.flatpickr):focus, input[type="number"]:-moz-read-only:not(select):not(.flatpickr), input[type="number"]:-moz-read-only:not(select):not(.flatpickr):active, input[type="number"]:-moz-read-only:not(select):not(.flatpickr):focus, input[type="password"]:-moz-read-only:not(select):not(.flatpickr), input[type="password"]:-moz-read-only:not(select):not(.flatpickr):active, input[type="password"]:-moz-read-only:not(select):not(.flatpickr):focus, input[type="search"]:-moz-read-only:not(select):not(.flatpickr), input[type="search"]:-moz-read-only:not(select):not(.flatpickr):active, input[type="search"]:-moz-read-only:not(select):not(.flatpickr):focus, input[type="tel"]:-moz-read-only:not(select):not(.flatpickr), input[type="tel"]:-moz-read-only:not(select):not(.flatpickr):active, input[type="tel"]:-moz-read-only:not(select):not(.flatpickr):focus, input[type="text"]:-moz-read-only:not(select):not(.flatpickr), input[type="text"]:-moz-read-only:not(select):not(.flatpickr):active, input[type="text"]:-moz-read-only:not(select):not(.flatpickr):focus, input[type="time"]:-moz-read-only:not(select):not(.flatpickr), input[type="time"]:-moz-read-only:not(select):not(.flatpickr):active, input[type="time"]:-moz-read-only:not(select):not(.flatpickr):focus, input[type="url"]:-moz-read-only:not(select):not(.flatpickr), input[type="url"]:-moz-read-only:not(select):not(.flatpickr):active, input[type="url"]:-moz-read-only:not(select):not(.flatpickr):focus, input[type="week"]:-moz-read-only:not(select):not(.flatpickr), input[type="week"]:-moz-read-only:not(select):not(.flatpickr):active, input[type="week"]:-moz-read-only:not(select):not(.flatpickr):focus, input:not([type]):-moz-read-only:not(select):not(.flatpickr), input:not([type]):-moz-read-only:not(select):not(.flatpickr):active, input:not([type]):-moz-read-only:not(select):not(.flatpickr):focus, textarea:-moz-read-only:not(select):not(.flatpickr), textarea:-moz-read-only:not(select):not(.flatpickr):active, textarea:-moz-read-only:not(select):not(.flatpickr):focus, select:-moz-read-only:not(select):not(.flatpickr), select:-moz-read-only:not(select):not(.flatpickr):active, select:-moz-read-only:not(select):not(.flatpickr):focus {
    background: #F7F7F7;
    border: 1px solid #D7D7D7;
    color: #878CA0;
    opacity: 1;
    /* required on iOS */
    outline: none;
    pointer-events: none; }
  input[type="color"]:read-only:not(select):not(.flatpickr), input[type="color"]:read-only:not(select):not(.flatpickr):active, input[type="color"]:read-only:not(select):not(.flatpickr):focus, input[type="color"][disabled], input[type="color"][disabled]:active, input[type="color"][disabled]:focus, input[type="date"]:read-only:not(select):not(.flatpickr), input[type="date"]:read-only:not(select):not(.flatpickr):active, input[type="date"]:read-only:not(select):not(.flatpickr):focus, input[type="date"][disabled], input[type="date"][disabled]:active, input[type="date"][disabled]:focus, input[type="datetime"]:read-only:not(select):not(.flatpickr), input[type="datetime"]:read-only:not(select):not(.flatpickr):active, input[type="datetime"]:read-only:not(select):not(.flatpickr):focus, input[type="datetime"][disabled], input[type="datetime"][disabled]:active, input[type="datetime"][disabled]:focus, input[type="datetime-local"]:read-only:not(select):not(.flatpickr), input[type="datetime-local"]:read-only:not(select):not(.flatpickr):active, input[type="datetime-local"]:read-only:not(select):not(.flatpickr):focus, input[type="datetime-local"][disabled], input[type="datetime-local"][disabled]:active, input[type="datetime-local"][disabled]:focus, input[type="email"]:read-only:not(select):not(.flatpickr), input[type="email"]:read-only:not(select):not(.flatpickr):active, input[type="email"]:read-only:not(select):not(.flatpickr):focus, input[type="email"][disabled], input[type="email"][disabled]:active, input[type="email"][disabled]:focus, input[type="month"]:read-only:not(select):not(.flatpickr), input[type="month"]:read-only:not(select):not(.flatpickr):active, input[type="month"]:read-only:not(select):not(.flatpickr):focus, input[type="month"][disabled], input[type="month"][disabled]:active, input[type="month"][disabled]:focus, input[type="number"]:read-only:not(select):not(.flatpickr), input[type="number"]:read-only:not(select):not(.flatpickr):active, input[type="number"]:read-only:not(select):not(.flatpickr):focus, input[type="number"][disabled], input[type="number"][disabled]:active, input[type="number"][disabled]:focus, input[type="password"]:read-only:not(select):not(.flatpickr), input[type="password"]:read-only:not(select):not(.flatpickr):active, input[type="password"]:read-only:not(select):not(.flatpickr):focus, input[type="password"][disabled], input[type="password"][disabled]:active, input[type="password"][disabled]:focus, input[type="search"]:read-only:not(select):not(.flatpickr), input[type="search"]:read-only:not(select):not(.flatpickr):active, input[type="search"]:read-only:not(select):not(.flatpickr):focus, input[type="search"][disabled], input[type="search"][disabled]:active, input[type="search"][disabled]:focus, input[type="tel"]:read-only:not(select):not(.flatpickr), input[type="tel"]:read-only:not(select):not(.flatpickr):active, input[type="tel"]:read-only:not(select):not(.flatpickr):focus, input[type="tel"][disabled], input[type="tel"][disabled]:active, input[type="tel"][disabled]:focus, input[type="text"]:read-only:not(select):not(.flatpickr), input[type="text"]:read-only:not(select):not(.flatpickr):active, input[type="text"]:read-only:not(select):not(.flatpickr):focus, input[type="text"][disabled], input[type="text"][disabled]:active, input[type="text"][disabled]:focus, input[type="time"]:read-only:not(select):not(.flatpickr), input[type="time"]:read-only:not(select):not(.flatpickr):active, input[type="time"]:read-only:not(select):not(.flatpickr):focus, input[type="time"][disabled], input[type="time"][disabled]:active, input[type="time"][disabled]:focus, input[type="url"]:read-only:not(select):not(.flatpickr), input[type="url"]:read-only:not(select):not(.flatpickr):active, input[type="url"]:read-only:not(select):not(.flatpickr):focus, input[type="url"][disabled], input[type="url"][disabled]:active, input[type="url"][disabled]:focus, input[type="week"]:read-only:not(select):not(.flatpickr), input[type="week"]:read-only:not(select):not(.flatpickr):active, input[type="week"]:read-only:not(select):not(.flatpickr):focus, input[type="week"][disabled], input[type="week"][disabled]:active, input[type="week"][disabled]:focus, input:not([type]):read-only:not(select):not(.flatpickr), input:not([type]):read-only:not(select):not(.flatpickr):active, input:not([type]):read-only:not(select):not(.flatpickr):focus, input:not([type])[disabled], input:not([type])[disabled]:active, input:not([type])[disabled]:focus, textarea:read-only:not(select):not(.flatpickr), textarea:read-only:not(select):not(.flatpickr):active, textarea:read-only:not(select):not(.flatpickr):focus, textarea[disabled], textarea[disabled]:active, textarea[disabled]:focus, select:read-only:not(select):not(.flatpickr), select:read-only:not(select):not(.flatpickr):active, select:read-only:not(select):not(.flatpickr):focus, select[disabled], select[disabled]:active, select[disabled]:focus {
    background: #F7F7F7;
    border: 1px solid #D7D7D7;
    color: #878CA0;
    opacity: 1;
    /* required on iOS */
    outline: none;
    pointer-events: none; }
  input[type="color"][disabled], input[type="color"][readonly]:not(.flatpickr), input[type="date"][disabled], input[type="date"][readonly]:not(.flatpickr), input[type="datetime"][disabled], input[type="datetime"][readonly]:not(.flatpickr), input[type="datetime-local"][disabled], input[type="datetime-local"][readonly]:not(.flatpickr), input[type="email"][disabled], input[type="email"][readonly]:not(.flatpickr), input[type="month"][disabled], input[type="month"][readonly]:not(.flatpickr), input[type="number"][disabled], input[type="number"][readonly]:not(.flatpickr), input[type="password"][disabled], input[type="password"][readonly]:not(.flatpickr), input[type="search"][disabled], input[type="search"][readonly]:not(.flatpickr), input[type="tel"][disabled], input[type="tel"][readonly]:not(.flatpickr), input[type="text"][disabled], input[type="text"][readonly]:not(.flatpickr), input[type="time"][disabled], input[type="time"][readonly]:not(.flatpickr), input[type="url"][disabled], input[type="url"][readonly]:not(.flatpickr), input[type="week"][disabled], input[type="week"][readonly]:not(.flatpickr), input:not([type])[disabled], input:not([type])[readonly]:not(.flatpickr), textarea[disabled], textarea[readonly]:not(.flatpickr), select[disabled], select[readonly]:not(.flatpickr) {
    background: #F7F7F7;
    color: #878CA0;
    pointer-events: none; }
  @media (min-width: 941px) {
    input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]), textarea, select {
      padding: 13px 19px 15px; }
      input[type="color"]:active, input[type="color"]:focus, input[type="date"]:active, input[type="date"]:focus, input[type="datetime"]:active, input[type="datetime"]:focus, input[type="datetime-local"]:active, input[type="datetime-local"]:focus, input[type="email"]:active, input[type="email"]:focus, input[type="month"]:active, input[type="month"]:focus, input[type="number"]:active, input[type="number"]:focus, input[type="password"]:active, input[type="password"]:focus, input[type="search"]:active, input[type="search"]:focus, input[type="tel"]:active, input[type="tel"]:focus, input[type="text"]:active, input[type="text"]:focus, input[type="time"]:active, input[type="time"]:focus, input[type="url"]:active, input[type="url"]:focus, input[type="week"]:active, input[type="week"]:focus, input:not([type]):active, input:not([type]):focus, textarea:active, textarea:focus, select:active, select:focus {
        padding: 12px 18px 14px; } }

.form-group--error input[type="color"], .form-group--error input[type="date"], .form-group--error input[type="datetime"], .form-group--error input[type="datetime-local"], .form-group--error input[type="email"], .form-group--error input[type="month"], .form-group--error input[type="number"], .form-group--error input[type="password"], .form-group--error input[type="search"], .form-group--error input[type="tel"], .form-group--error input[type="text"], .form-group--error input[type="time"], .form-group--error input[type="url"], .form-group--error input[type="week"], .form-group--error input:not([type]), .form-group--error textarea, .form-group--error select {
  background: #FEF6F6;
  border-color: #F24747; }
  .bg-brand--off-white .form-group--error input[type="color"],
  .bg-brand--white .form-group--error input[type="color"],
  .bg-brand--dark-blue .form-group--error input[type="color"],
  .bg-brand--yellow .form-group--error input[type="color"], .bg-brand--off-white .form-group--error input[type="date"],
  .bg-brand--white .form-group--error input[type="date"],
  .bg-brand--dark-blue .form-group--error input[type="date"],
  .bg-brand--yellow .form-group--error input[type="date"], .bg-brand--off-white .form-group--error input[type="datetime"],
  .bg-brand--white .form-group--error input[type="datetime"],
  .bg-brand--dark-blue .form-group--error input[type="datetime"],
  .bg-brand--yellow .form-group--error input[type="datetime"], .bg-brand--off-white .form-group--error input[type="datetime-local"],
  .bg-brand--white .form-group--error input[type="datetime-local"],
  .bg-brand--dark-blue .form-group--error input[type="datetime-local"],
  .bg-brand--yellow .form-group--error input[type="datetime-local"], .bg-brand--off-white .form-group--error input[type="email"],
  .bg-brand--white .form-group--error input[type="email"],
  .bg-brand--dark-blue .form-group--error input[type="email"],
  .bg-brand--yellow .form-group--error input[type="email"], .bg-brand--off-white .form-group--error input[type="month"],
  .bg-brand--white .form-group--error input[type="month"],
  .bg-brand--dark-blue .form-group--error input[type="month"],
  .bg-brand--yellow .form-group--error input[type="month"], .bg-brand--off-white .form-group--error input[type="number"],
  .bg-brand--white .form-group--error input[type="number"],
  .bg-brand--dark-blue .form-group--error input[type="number"],
  .bg-brand--yellow .form-group--error input[type="number"], .bg-brand--off-white .form-group--error input[type="password"],
  .bg-brand--white .form-group--error input[type="password"],
  .bg-brand--dark-blue .form-group--error input[type="password"],
  .bg-brand--yellow .form-group--error input[type="password"], .bg-brand--off-white .form-group--error input[type="search"],
  .bg-brand--white .form-group--error input[type="search"],
  .bg-brand--dark-blue .form-group--error input[type="search"],
  .bg-brand--yellow .form-group--error input[type="search"], .bg-brand--off-white .form-group--error input[type="tel"],
  .bg-brand--white .form-group--error input[type="tel"],
  .bg-brand--dark-blue .form-group--error input[type="tel"],
  .bg-brand--yellow .form-group--error input[type="tel"], .bg-brand--off-white .form-group--error input[type="text"],
  .bg-brand--white .form-group--error input[type="text"],
  .bg-brand--dark-blue .form-group--error input[type="text"],
  .bg-brand--yellow .form-group--error input[type="text"], .bg-brand--off-white .form-group--error input[type="time"],
  .bg-brand--white .form-group--error input[type="time"],
  .bg-brand--dark-blue .form-group--error input[type="time"],
  .bg-brand--yellow .form-group--error input[type="time"], .bg-brand--off-white .form-group--error input[type="url"],
  .bg-brand--white .form-group--error input[type="url"],
  .bg-brand--dark-blue .form-group--error input[type="url"],
  .bg-brand--yellow .form-group--error input[type="url"], .bg-brand--off-white .form-group--error input[type="week"],
  .bg-brand--white .form-group--error input[type="week"],
  .bg-brand--dark-blue .form-group--error input[type="week"],
  .bg-brand--yellow .form-group--error input[type="week"], .bg-brand--off-white .form-group--error input:not([type]),
  .bg-brand--white .form-group--error input:not([type]),
  .bg-brand--dark-blue .form-group--error input:not([type]),
  .bg-brand--yellow .form-group--error input:not([type]), .bg-brand--off-white .form-group--error textarea,
  .bg-brand--white .form-group--error textarea,
  .bg-brand--dark-blue .form-group--error textarea,
  .bg-brand--yellow .form-group--error textarea, .bg-brand--off-white .form-group--error select,
  .bg-brand--white .form-group--error select,
  .bg-brand--dark-blue .form-group--error select,
  .bg-brand--yellow .form-group--error select {
    background: #FEF6F6;
    border-color: #F24747; }
  .bg-brand--blue .form-group--error input[type="color"],
  .bg-brand--turquoise .form-group--error input[type="color"],
  .bg-brand--red .form-group--error input[type="color"], .bg-brand--blue .form-group--error input[type="date"],
  .bg-brand--turquoise .form-group--error input[type="date"],
  .bg-brand--red .form-group--error input[type="date"], .bg-brand--blue .form-group--error input[type="datetime"],
  .bg-brand--turquoise .form-group--error input[type="datetime"],
  .bg-brand--red .form-group--error input[type="datetime"], .bg-brand--blue .form-group--error input[type="datetime-local"],
  .bg-brand--turquoise .form-group--error input[type="datetime-local"],
  .bg-brand--red .form-group--error input[type="datetime-local"], .bg-brand--blue .form-group--error input[type="email"],
  .bg-brand--turquoise .form-group--error input[type="email"],
  .bg-brand--red .form-group--error input[type="email"], .bg-brand--blue .form-group--error input[type="month"],
  .bg-brand--turquoise .form-group--error input[type="month"],
  .bg-brand--red .form-group--error input[type="month"], .bg-brand--blue .form-group--error input[type="number"],
  .bg-brand--turquoise .form-group--error input[type="number"],
  .bg-brand--red .form-group--error input[type="number"], .bg-brand--blue .form-group--error input[type="password"],
  .bg-brand--turquoise .form-group--error input[type="password"],
  .bg-brand--red .form-group--error input[type="password"], .bg-brand--blue .form-group--error input[type="search"],
  .bg-brand--turquoise .form-group--error input[type="search"],
  .bg-brand--red .form-group--error input[type="search"], .bg-brand--blue .form-group--error input[type="tel"],
  .bg-brand--turquoise .form-group--error input[type="tel"],
  .bg-brand--red .form-group--error input[type="tel"], .bg-brand--blue .form-group--error input[type="text"],
  .bg-brand--turquoise .form-group--error input[type="text"],
  .bg-brand--red .form-group--error input[type="text"], .bg-brand--blue .form-group--error input[type="time"],
  .bg-brand--turquoise .form-group--error input[type="time"],
  .bg-brand--red .form-group--error input[type="time"], .bg-brand--blue .form-group--error input[type="url"],
  .bg-brand--turquoise .form-group--error input[type="url"],
  .bg-brand--red .form-group--error input[type="url"], .bg-brand--blue .form-group--error input[type="week"],
  .bg-brand--turquoise .form-group--error input[type="week"],
  .bg-brand--red .form-group--error input[type="week"], .bg-brand--blue .form-group--error input:not([type]),
  .bg-brand--turquoise .form-group--error input:not([type]),
  .bg-brand--red .form-group--error input:not([type]), .bg-brand--blue .form-group--error textarea,
  .bg-brand--turquoise .form-group--error textarea,
  .bg-brand--red .form-group--error textarea, .bg-brand--blue .form-group--error select,
  .bg-brand--turquoise .form-group--error select,
  .bg-brand--red .form-group--error select {
    border-color: #FFB511; }

textarea {
  -webkit-transition: max-height 0.2s;
  transition: max-height 0.2s;
  min-height: 110px;
  overflow: hidden;
  resize: none; }
  textarea.fixed-size {
    min-height: 200px;
    overflow: auto; }

@media (min-width: 941px) {
  textarea {
    min-height: 150px; }
    textarea.fixed-size {
      min-height: 250px; } }

.form-group {
  line-height: 0;
  position: relative; }
  .form-group__action-link {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 25px;
    display: block;
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: absolute;
    right: 0;
    top: 0; }
  .form-group__label {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 25px;
    color: #0F1941;
    display: block;
    margin-bottom: 5px; }
    .bg-brand--dark-blue .form-group__label,
    .bg-brand--blue .form-group__label {
      color: #F7F5F0; }
  .form-group__optional, .form-group__message {
    color: #878CA0; }
    .bg-brand--blue .form-group__optional, .bg-brand--blue .form-group__message {
      color: rgba(247, 245, 240, 0.5); }
    .bg-brand--turquoise .form-group__optional,
    .bg-brand--yellow .form-group__optional,
    .bg-brand--red .form-group__optional, .bg-brand--turquoise .form-group__message,
    .bg-brand--yellow .form-group__message,
    .bg-brand--red .form-group__message {
      color: rgba(15, 25, 65, 0.7); }
  .form-group__optional {
    font-size: 12px;
    letter-spacing: 0;
    line-height: 15px;
    margin-left: 1px;
    text-decoration: none; }
  .form-group__message {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 25px;
    display: block;
    margin-top: 10px; }
  .form-group__input {
    position: relative; }
  .form-group__input--button input[type]:-moz-read-only {
    padding-right: 50px; }
  .form-group__input--button input[type],
  .form-group__input--button input[type]:focus,
  .form-group__input--button input[type]:read-only {
    padding-right: 50px; }
  .form-group__input--icon-left .icon {
    left: 20px;
    top: 20px; }
    .form-group__input--icon-left .icon svg {
      fill: #2175D9; }
  .form-group__input--icon-left input {
    padding-left: 50px; }
  .form-group__input--icon-left input[type]:-moz-read-only {
    padding-left: 50px; }
  .form-group__input--icon-left input[type]:read-only {
    padding-left: 50px; }
  .form-group__input--icon-left input[readonly] {
    padding-left: 50px; }
  .form-group__input--icon-left input[type]:focus {
    padding-left: 49px; }
  .form-group__input--icon-left input[type]:-moz-read-only + .icon svg {
    fill: #878CA0; }
  .form-group__input--icon-left input[type]:read-only + .icon svg {
    fill: #878CA0; }
  .form-group__input--icon-left input[readonly] + .icon svg {
    fill: #878CA0; }
  .form-group__input.clearable-input button {
    height: 20px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 20px;
    top: 20px;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    width: 20px; }
    .form-group__input.clearable-input button .icon {
      left: initial;
      top: 0; }
    .form-group__input.clearable-input button .icon svg {
      fill: #878CA0;
      -webkit-transition: fill 0.2s ease;
      transition: fill 0.2s ease; }
    .form-group__input.clearable-input button:hover .icon svg {
      fill: #0F1941; }
  .form-group__input.clearable-input input::-ms-clear {
    display: none; }
  .form-group__input.clearable-input--active button {
    opacity: 1;
    pointer-events: auto; }
  .form-group--error .form-group__feedback {
    color: #F24747;
    fill: #F24747;
    opacity: 1; }
    .bg-brand--blue .form-group--error .form-group__feedback,
    .bg-brand--turquoise .form-group--error .form-group__feedback,
    .bg-brand--red .form-group--error .form-group__feedback {
      color: #FFB511;
      fill: #FFB511; }
  .form-group--error .form-group__input--icon-left .icon svg {
    color: #F24747;
    fill: #F24747; }
    .bg-brand--blue .form-group--error .form-group__input--icon-left .icon svg,
    .bg-brand--turquoise .form-group--error .form-group__input--icon-left .icon svg,
    .bg-brand--red .form-group--error .form-group__input--icon-left .icon svg {
      color: #FFB511;
      fill: #FFB511; }
  .form-group--error input[type="text"]:-moz-read-only + .icon svg {
    fill: #878CA0; }
  .form-group--error input[type="text"]:read-only + .icon svg {
    fill: #878CA0; }
  .form-group__feedback {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 25px;
    color: #F24747;
    fill: #F24747;
    display: block;
    margin-top: 10px;
    opacity: 0.5; }
    .bg-brand--blue .form-group__feedback,
    .bg-brand--turquoise .form-group__feedback,
    .bg-brand--red .form-group__feedback {
      color: #FFB511;
      fill: #FFB511; }
  .form-group__characters {
    font-size: 12px;
    letter-spacing: 0;
    line-height: 15px;
    bottom: 18px;
    margin-top: 10px;
    pointer-events: none; }
    .form-group__characters:not(.text--negative) {
      color: #878CA0; }
      .bg-brand--blue .form-group__characters:not(.text--negative) {
        color: rgba(247, 245, 240, 0.5); }
      .bg-brand--turquoise .form-group__characters:not(.text--negative),
      .bg-brand--yellow .form-group__characters:not(.text--negative),
      .bg-brand--red .form-group__characters:not(.text--negative) {
        color: rgba(15, 25, 65, 0.7); }
  .form-group + .form-group {
    margin-top: 30px; }

@media (min-width: 941px) {
  .block__content .form-group {
    width: calc((38/43) * 100%); } }

@media (max-width: 940px) {
  .form-groups--row .form-group + .button,
  .form-groups--row .form-group + .form-group {
    margin-top: 10px; } }

@media (min-width: 941px) {
  .form-groups--row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .form-groups--row .form-group {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      margin-top: 0; }
      .form-groups--row .form-group + .button--icon.button--m,
      .form-groups--row .form-group + .button--black.button--m,
      .form-groups--row .form-group + .form-group {
        margin-left: 5px; }
    .form-groups--row .button {
      margin-top: 0; } }

@media (max-width: 500px) {
  .form-group__label {
    display: block;
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .form-group__action-link {
    display: block;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; } }

.password-validator__validate-list {
  margin-top: 10px; }
  .password-validator__validate-list ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .password-validator__validate-list li {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 25px;
    color: #878CA0;
    line-height: 24px;
    margin-top: 5px;
    width: calc(50% - 10px); }
    @media (min-width: 941px) {
      .password-validator__validate-list li {
        font-size: 18px;
        letter-spacing: 0;
        line-height: 30px; } }
    .bg-brand--blue .password-validator__validate-list li {
      color: rgba(247, 245, 240, 0.5); }
    .bg-brand--turquoise .password-validator__validate-list li,
    .bg-brand--yellow .password-validator__validate-list li,
    .bg-brand--red .password-validator__validate-list li {
      color: rgba(15, 25, 65, 0.7); }

.password-validator .icon {
  margin: 0;
  right: 0;
  top: 0; }
  .password-validator .icon svg {
    fill: #878CA0; }

.password-validator__validate-list li.valid {
  -webkit-transition: color 0.2s 0.2s;
  transition: color 0.2s 0.2s;
  color: #878CA0;
  text-decoration: line-through; }
  .bg-brand--blue .password-validator__validate-list li.valid {
    color: rgba(247, 245, 240, 0.5); }
  .bg-brand--turquoise .password-validator__validate-list li.valid,
  .bg-brand--yellow .password-validator__validate-list li.valid,
  .bg-brand--red .password-validator__validate-list li.valid {
    color: rgba(15, 25, 65, 0.7); }

.password-validator .show-password {
  height: 20px;
  position: absolute;
  right: 20px;
  top: 20px;
  width: 20px;
  z-index: 1; }
  .password-validator .show-password .icon {
    display: block; }
  .password-validator .show-password.is-password-visible svg {
    fill: #2175D9; }

@media (min-width: 941px) {
  .media-block {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
    position: relative;
    width: calc((33/58) * 100%); }
    .media-block img {
      bottom: 0;
      -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      margin: auto;
      max-height: 100%;
      max-width: none;
      position: absolute; } }

.media-block--boxed {
  overflow: hidden;
  position: relative; }
  .media-block--boxed img {
    border-radius: 4px; }
    @media (min-width: 941px) {
      .media-block--boxed img {
        border-radius: 8px;
        max-width: 100%;
        position: static; } }

.media-block.media-block--boxed-large {
  overflow: hidden; }
  @media (max-width: 940px) {
    .media-block.media-block--boxed-large {
      border-radius: 4px;
      height: 250px;
      margin: 0;
      position: relative; }
      .media-block.media-block--boxed-large img {
        bottom: auto;
        max-height: none;
        max-width: none;
        min-height: 100%;
        min-width: 100%;
        position: absolute;
        top: 50%;
        left: auto;
        right: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: auto; }
        @supports (object-fit: cover) {
          .media-block.media-block--boxed-large img {
            bottom: 0;
            left: 0;
            object-fit: cover;
            height: 100%;
            right: 0;
            -webkit-transform: none;
            transform: none;
            top: 0;
            width: 100%; } }
        @supports (object-fit: cover) {
          .media-block.media-block--boxed-large img {
            object-position: center right; } }
      .media-block.media-block--boxed-large img {
        max-height: 120%; } }
  @media (min-width: 941px) {
    .media-block.media-block--boxed-large {
      border-radius: 8px;
      bottom: 0;
      left: 100px;
      margin: 0;
      position: absolute;
      right: 0;
      top: 0;
      width: calc(100% - (2 * 100px)); }
      .media-block.media-block--boxed-large img {
        bottom: auto;
        max-height: none;
        max-width: none;
        min-height: 100%;
        min-width: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        right: auto;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
        @supports (object-fit: cover) {
          .media-block.media-block--boxed-large img {
            bottom: 0;
            left: 0;
            object-fit: cover;
            height: 100%;
            right: 0;
            -webkit-transform: none;
            transform: none;
            top: 0;
            width: 100%; } }
        @supports (object-fit: cover) {
          .media-block.media-block--boxed-large img {
            object-position: center center; } } }

@media (min-width: 941px) {
  .media-block--contain {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .media-block--contain img {
      max-width: 100%;
      position: static; } }

@media (min-width: 941px) {
  .media-block--half-width, .media-block--full-width {
    bottom: 0;
    margin: 0;
    overflow: hidden;
    position: absolute;
    top: -1px; }
    .media-block--half-width img, .media-block--full-width img {
      min-width: 100%; }
  .media-block--half-width {
    width: 50%; }
  .media-block--full-width {
    left: 0;
    width: 100%; }
    .media-block--full-width img {
      bottom: auto;
      max-height: none;
      max-width: none;
      min-height: 100%;
      min-width: 100%;
      position: absolute;
      top: 50%;
      left: 50%;
      right: auto;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
      @supports (object-fit: cover) {
        .media-block--full-width img {
          bottom: 0;
          left: 0;
          object-fit: cover;
          height: 100%;
          right: 0;
          -webkit-transform: none;
          transform: none;
          top: 0;
          width: 100%; } }
      @supports (object-fit: cover) {
        .media-block--full-width img {
          object-position: center center; } } }

.media-block--center img {
  bottom: auto;
  max-height: none;
  max-width: none;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }
  @supports (object-fit: cover) {
    .media-block--center img {
      bottom: 0;
      left: 0;
      object-fit: cover;
      height: 100%;
      right: 0;
      -webkit-transform: none;
      transform: none;
      top: 0;
      width: 100%; } }
  @supports (object-fit: cover) {
    .media-block--center img {
      object-position: center center; } }

.media-block--right img {
  bottom: auto;
  max-height: none;
  max-width: none;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  top: 50%;
  left: auto;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: auto; }
  @supports (object-fit: cover) {
    .media-block--right img {
      bottom: 0;
      left: 0;
      object-fit: cover;
      height: 100%;
      right: 0;
      -webkit-transform: none;
      transform: none;
      top: 0;
      width: 100%; } }
  @supports (object-fit: cover) {
    .media-block--right img {
      object-position: center right; } }

.header {
  position: relative; }
  .header__content {
    padding-bottom: 50px;
    padding-top: 20px;
    position: relative;
    z-index: 1; }
  .header .content-block__title,
  .header .content-block__title h1 {
    font-size: 32px;
    letter-spacing: -1px;
    line-height: 40px; }
    @media (min-width: 941px) {
      .header .content-block__title,
      .header .content-block__title h1 {
        font-size: 60px;
        letter-spacing: -3px;
        line-height: 60px; } }
  .header--l .content-block__title,
  .header--l .content-block__title h1 {
    font-size: 40px;
    letter-spacing: -2px;
    line-height: 45px; }
    @media (min-width: 941px) {
      .header--l .content-block__title,
      .header--l .content-block__title h1 {
        font-size: 80px;
        letter-spacing: -4px;
        line-height: 80px; } }
  .header__bottom-text {
    margin-top: 20px; }
    .header__bottom-text p:last-child {
      margin-bottom: 0; }

@media (max-width: 940px) {
  .header__media:not(.media-block--animation) {
    display: none; } }

@media (min-width: 941px) {
  .header__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .header--s .header__wrapper {
      padding-bottom: 30px; }
  .header__content {
    padding-bottom: 80px;
    padding-top: 50px;
    width: calc((23/58) * 100%);
    z-index: 2; }
    .header__content--l {
      width: calc((28/58) * 100%); }
    .header__content--l + .header__media {
      width: calc((28/58) * 100%); }
    .header__content--l-xl {
      width: calc((33/58) * 100%); }
    .header__content--l-xl + .header__media {
      width: calc((23/58) * 100%); }
    .header__content--xl {
      width: calc((43/58) * 100%); }
    .header__content--full-width {
      width: 100%; }
  .header--l .header__content {
    padding-bottom: 130px;
    padding-top: 80px; }
  .header .media-block:not(.media-block--full-width) img {
    left: 0;
    right: 0; }
  .header .header__media picture:before {
    content: " ";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1; }
  .header .header__media.light-from-l picture:before {
    background: -webkit-linear-gradient(top, rgba(15, 25, 65, 0.5) 20%, rgba(15, 25, 65, 0) 60%);
    background: linear-gradient(180deg, rgba(15, 25, 65, 0.5) 20%, rgba(15, 25, 65, 0) 60%); }
  .header .header__media.dark-from-l picture:before {
    background: -webkit-linear-gradient(top, rgba(247, 245, 240, 0.7) 0%, rgba(247, 245, 240, 0) 60%);
    background: linear-gradient(180deg, rgba(247, 245, 240, 0.7) 0%, rgba(247, 245, 240, 0) 60%); } }

.modal {
  display: block;
  height: 100%;
  pointer-events: none;
  position: fixed;
  top: 0;
  visibility: hidden;
  -webkit-transition: visibility 0s 0.3s;
  transition: visibility 0s 0.3s;
  width: 100%;
  z-index: 5; }
  .modal--active {
    pointer-events: auto;
    visibility: visible; }
  .modal__dialog {
    position: relative;
    z-index: 1; }
    .modal__dialog::before, .modal__dialog:not([class*='bg-brand--']) {
      background: transparent; }
    .modal__dialog::before {
      content: '';
      height: 100%;
      position: absolute;
      opacity: 0;
      top: 0;
      width: 100%;
      z-index: -1; }
  .modal__header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    min-height: 60px;
    padding: 25px 25px;
    position: relative;
    z-index: 2; }
    .modal__header:not(.modal__header--divider-in) {
      border-bottom: 1px solid transparent; }
    .modal__header--divider-in, .modal__header--divider-out {
      -webkit-transition: border 0.2s 0s;
      transition: border 0.2s 0s; }
    .modal__header .modal__title {
      font-size: 26px;
      letter-spacing: -1px;
      line-height: 30px;
      font-family: inherit;
      text-transform: lowercase;
      -webkit-transition: 0.1s ease;
      transition: 0.1s ease;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1; }
  .modal__close {
    margin-left: 30px; }
    .modal__close svg {
      color: #2175D9; }
  .modal__dialog.bg-brand--dark-blue .modal__close svg, .modal__dialog.bg-brand--red .modal__close svg, .modal__dialog.bg-brand--turquoise .modal__close svg, .modal__dialog.bg-brand--blue .modal__close svg {
    color: #F7F5F0; }
  .modal__dialog.bg-brand--yellow .modal__close svg {
    color: #0F1941; }
  .modal__main {
    height: calc(100vh - 60px);
    position: relative;
    -webkit-overflow-scrolling: touch; }
    .modal__main p:last-child {
      margin-bottom: 0; }
  .modal__footer {
    background: inherit;
    padding: 20px 25px;
    width: 100%; }
  .modal .form__header {
    margin-bottom: 20px; }
  .modal .form-group + .form-group {
    margin-top: 15px; }
  .modal .form-group + .button {
    margin-top: 25px; }

@media (max-width: 940px) {
  .modal__dialog {
    height: 100%; }
  .modal:not(.modal--popup):not(.modal--navigation) .modal__header {
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition: 0s;
    transition: 0s; }
    .modal:not(.modal--popup):not(.modal--navigation) .modal__header--divider-in {
      min-height: 50px;
      padding: 10px 25px 10px; }
      .modal:not(.modal--popup):not(.modal--navigation) .modal__header--divider-in .modal__title {
        font-size: 20px;
        letter-spacing: 0;
        line-height: 30px;
        font-family: inherit;
        text-transform: lowercase;
        -webkit-transition: 0.2s ease;
        transition: 0.2s ease; }
      .modal:not(.modal--popup):not(.modal--navigation) .modal__header--divider-in .modal__close {
        height: 30px;
        margin-top: -4px; }
        .modal:not(.modal--popup):not(.modal--navigation) .modal__header--divider-in .modal__close .icon {
          width: 15px; }
  .modal.modal--active:not(.modal--popup):not(.modal--navigation) .modal__header {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform 0.7s;
    transition: -webkit-transform 0.7s;
    transition: transform 0.7s;
    transition: transform 0.7s, -webkit-transform 0.7s; }
  .modal.modal--active:not(.modal--popup) .modal__footer {
    background: #F7F5F0; }
  .modal__close {
    height: 40px;
    margin-right: -10px;
    cursor: none;
    margin-top: -6px;
    position: relative;
    width: 40px; }
    .modal__close .icon {
      top: 10px; }
  .modal__main, .modal__footer {
    opacity: 0; }
  .modal__main {
    overflow-y: scroll;
    padding: 0 25px 230px; }
  .modal__footer {
    bottom: 0;
    position: absolute;
    -webkit-transform: translateY(100%);
    transform: translateY(100%); }
  .modal .modal__dialog::before {
    -webkit-transition: 0.3s;
    transition: 0.3s; }
  .modal .modal__main {
    -webkit-transform: translateY(100px);
    transform: translateY(100px); }
    .modal .modal__main::after {
      -webkit-transition: 0.3s 0.1s;
      transition: 0.3s 0.1s; }
  .modal .modal__footer {
    opacity: 0;
    -webkit-transition: opacity 0.2s 0.1s, -webkit-transform 0.3s;
    transition: opacity 0.2s 0.1s, -webkit-transform 0.3s;
    transition: transform 0.3s, opacity 0.2s 0.1s;
    transition: transform 0.3s, opacity 0.2s 0.1s, -webkit-transform 0.3s; }
  .modal--active {
    visibility: visible; }
    .modal--active .modal__dialog::before {
      opacity: 1;
      background: #F7F5F0;
      -webkit-transition: 0.5s;
      transition: 0.5s; }
    .modal--active .modal__main {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0);
      -webkit-transition-duration: 0.9s;
      transition-duration: 0.9s; }
      .modal--active .modal__main::after {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        -webkit-transition-delay: 0.5s;
        transition-delay: 0.5s; }
    .modal--active .modal__footer {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0);
      -webkit-transition: opacity 0.2s 0.7s, -webkit-transform 0.2s 0.7s;
      transition: opacity 0.2s 0.7s, -webkit-transform 0.2s 0.7s;
      transition: transform 0.2s 0.7s, opacity 0.2s 0.7s;
      transition: transform 0.2s 0.7s, opacity 0.2s 0.7s, -webkit-transform 0.2s 0.7s; } }

@media (min-width: 501px) {
  .modal:not(.modal--cookie)__header, .modal:not(.modal--cookie)__main {
    padding-left: 50px;
    padding-right: 50px; } }

@media (min-width: 941px) {
  .modal {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
    padding: 50px 0;
    -webkit-transition: background-color 0.3s, opacity 0.3s, visibility 0.3s;
    transition: background-color 0.3s, opacity 0.3s, visibility 0.3s;
    z-index: 3; }
    .modal--active {
      background: rgba(15, 25, 65, 0.7);
      opacity: 1; }
    .modal__dialog {
      border-radius: 8px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      height: auto;
      margin-top: -20px;
      max-height: 100%;
      opacity: 0;
      overflow: hidden;
      -webkit-transform: translateY(10%);
      transform: translateY(10%);
      -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
      transition: opacity 0.3s, -webkit-transform 0.3s;
      transition: transform 0.3s, opacity 0.3s;
      transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
      width: 450px; }
      .modal__dialog:not([class*='bg-brand--']) {
        background: #F7F5F0; }
    .modal--active .modal__dialog {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0); }
    .modal__close {
      height: 30px; }
    .modal__header, .modal.form__header {
      padding-top: 30px; }
    .modal__header, .modal__main {
      padding-left: 30px;
      padding-right: 30px; }
    .modal__footer {
      padding: 30px 30px;
      position: static; }
    .modal__main {
      height: 100%;
      overflow-y: auto; }
      .modal__main--overflow {
        border-bottom: 0; }
      .modal__main--overflow::after {
        content: '';
        display: block;
        padding-bottom: 30px; } }

html.modal-open body {
  height: 100%;
  overflow: hidden;
  position: fixed;
  width: 100%; }

.modal__overlay {
  background: #0F1941;
  bottom: 0;
  left: 0;
  max-height: 0;
  opacity: 0;
  position: fixed;
  right: 0;
  -webkit-transition: opacity 0.2s, max-height 0s 0.2s;
  transition: opacity 0.2s, max-height 0s 0.2s;
  top: 0;
  z-index: 2; }
  .modal__overlay--active {
    max-height: 100%;
    opacity: 0.7;
    -webkit-transition: opacity 0.2s, max-height 0s 0s;
    transition: opacity 0.2s, max-height 0s 0s; }
    .modal__overlay--active.modal__overlay--light {
      opacity: 0.3; }

.footer__wrapper {
  font-size: 16px;
  letter-spacing: 0;
  line-height: 25px;
  padding-bottom: 40px;
  padding-top: 25px; }

.footer__grid li a, .footer__grid li a:visited, .footer__grid li a:active {
  color: #878CA0; }

.footer__grid + .footer__grid {
  margin-top: 30px; }

.footer.bg-brand--dark-blue .divider, .footer.bg-brand--dark-blue .link-list__item {
  border-color: #3C4464; }

.footer__column .collapsible__button::after, .footer__column .collapsible__button::before {
  background: #F7F5F0; }

.footer__info p:last-child {
  margin-bottom: 0; }

.footer__info a[href^=tel] {
  color: inherit;
  text-decoration: inherit; }

.footer__search {
  margin-bottom: 30px;
  position: relative;
  width: 100%; }
  .footer__search-input[type="text"] {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: #3C4464;
    border: 1px solid #3C4464;
    color: #878CA0;
    padding-right: 50px;
    -webkit-transition: background 0.2s ease-out, border-color 0.2s ease-out, color 0.2s ease-out;
    transition: background 0.2s ease-out, border-color 0.2s ease-out, color 0.2s ease-out; }
    .footer__search-input[type="text"]:active, .footer__search-input[type="text"]:focus {
      padding-right: 50px; }
    .footer__search-input[type="text"]:focus {
      background: #F7F5F0;
      border: 2px solid #F7F5F0;
      color: #0F1941; }
    .footer__search-input[type="text"]::-webkit-input-placeholder {
      color: #878CA0; }
  .footer__search .icon {
    margin-top: -10px;
    right: 20px;
    top: 30px; }
    .footer__search .icon svg {
      fill: #878CA0;
      left: 0;
      position: absolute;
      top: 0;
      -webkit-transition: fill 0.1s ease-out;
      transition: fill 0.1s ease-out; }
  .footer__search-input:focus + .icon svg {
    fill: #2175D9; }

.footer__info svg {
  fill: #878CA0;
  margin-right: 5px; }

.footer__bottom-nav {
  margin-bottom: 30px; }
  .footer__bottom-nav li {
    margin-bottom: 10px; }

.footer .social__list {
  margin-bottom: 30px; }
  .footer .social__list svg {
    fill: #878CA0;
    -webkit-transition: fill 0.2s ease-out;
    transition: fill 0.2s ease-out; }
    .footer .social__list svg:hover {
      fill: #F7F5F0; }
      .bg-brand--white .footer .social__list svg:hover {
        fill: #0F1941; }

.footer--s .footer__wrapper {
  padding-bottom: 40px;
  padding-top: 40px; }

.footer--s .footer__grid:first-child {
  border-bottom: 0;
  padding-bottom: 0; }

.footer--s .social__list {
  margin-bottom: 0; }

@media (max-width: 940px) {
  .footer__grid.divider, .footer__grid.link-list__item {
    border-bottom: 0; } }

@media (min-width: 941px) {
  .footer__wrapper {
    padding-bottom: 50px;
    padding-top: 80px; }
  .footer__grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .footer__grid:first-child {
      padding-bottom: 50px; }
  .footer__column {
    width: calc((13/58) * 100%); }
    .footer__column .collapsible__button {
      display: none; }
  .footer__info {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    width: calc((43/58) * 100%); }
    .footer__info p {
      margin-bottom: 30px;
      width: calc((28/43) * 100%); }
  .footer__search {
    margin-bottom: 20px;
    margin-left: auto;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    width: calc((13/58) * 100%); }
  .footer__bottom-nav {
    margin-bottom: 0;
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    width: calc((33/58) * 100%); }
    .footer__bottom-nav ul {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-bottom: -20px; }
      .footer__bottom-nav ul li {
        margin-top: 0;
        margin-right: 30px; }
  .footer .social__list {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: 0;
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
    width: calc((23/58) * 100%); }
  .footer--s .footer__wrapper {
    padding-bottom: 50px;
    padding-top: 50px; } }

.footer__column .extensive-link-list__item {
  width: 100%; }

.indicator-percentage {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 10px; }
  .indicator-percentage__background {
    background: #D7D7D7;
    border-radius: 5px;
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 10px;
    overflow: hidden; }
  .indicator-percentage__amount {
    background: #2175D9;
    border-radius: 5px;
    height: 10px; }
  .indicator-percentage__percentage {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 25px;
    color: #2175D9; }
  .indicator-percentage__background + .indicator-percentage__percentage {
    margin-left: 10px; }

.indicator-percentage--s .indicator-percentage__background,
.indicator-percentage--s .indicator-percentage__amount {
  height: 6px; }

@media (max-width: 940px) {
  .navigation__bottom .breadcrumb {
    margin-right: auto;
    overflow: hidden; }
  .navigation__bottom .breadcrumb__link {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #F7F5F0;
    padding-left: 15px;
    position: relative;
    -webkit-transition: none;
    transition: none; }
    .navigation__bottom .breadcrumb__link:hover {
      text-decoration: none; }
    .navigation__bottom .breadcrumb__link::before {
      content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' width='8' height='8' fill='%23F7F5F0'%3E%3Cpath d='M5.5,8 C5.244,8 4.988,7.902 4.793,7.707 L1.793,4.707 C1.402,4.316 1.402,3.684 1.793,3.293 L4.793,0.293 C5.184,-0.098 5.816,-0.098 6.207,0.293 C6.598,0.684 6.598,1.316 6.207,1.707 L3.914,4 L6.207,6.293 C6.598,6.684 6.598,7.316 6.207,7.707 C6.012,7.902 5.756,8 5.5,8'/%3E%3C/svg%3E%0A");
      left: 0;
      position: absolute; }
  .bg-brand--off-white .navigation__bottom .breadcrumb__link,
  .bg-brand--white .navigation__bottom .breadcrumb__link,
  .bg-brand--yellow .navigation__bottom .breadcrumb__link {
    color: rgba(15, 25, 65, 0.7); }
  .bg-brand--off-white .navigation__bottom .breadcrumb__link::before,
  .bg-brand--white .navigation__bottom .breadcrumb__link::before,
  .bg-brand--yellow .navigation__bottom .breadcrumb__link::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' width='8' height='8' fill='%230F1941'%3E%3Cpath d='M5.5,8 C5.244,8 4.988,7.902 4.793,7.707 L1.793,4.707 C1.402,4.316 1.402,3.684 1.793,3.293 L4.793,0.293 C5.184,-0.098 5.816,-0.098 6.207,0.293 C6.598,0.684 6.598,1.316 6.207,1.707 L3.914,4 L6.207,6.293 C6.598,6.684 6.598,7.316 6.207,7.707 C6.012,7.902 5.756,8 5.5,8'/%3E%3C/svg%3E%0A");
    opacity: 0.7; } }

@media (min-width: 941px) {
  .navigation__bottom .breadcrumb {
    font-size: 12px;
    letter-spacing: 0;
    line-height: 15px;
    height: 15px;
    margin-top: 15px; }
    .navigation__bottom .breadcrumb__list {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
    .navigation__bottom .breadcrumb__link {
      color: rgba(247, 245, 240, 0.5); }
    .navigation__bottom .breadcrumb__item + .breadcrumb__item {
      margin-left: 10px; }
    .navigation__bottom .breadcrumb__item + .breadcrumb__item::before {
      content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' width='8' height='8' fill='%23F7F5F0'%3E%3Cpath d='M2.50025,0 C2.75625,0 3.01225,0.098 3.20725,0.293 L6.20725,3.293 C6.59825,3.684 6.59825,4.316 6.20725,4.707 L3.20725,7.707 C2.81625,8.098 2.18425,8.098 1.79325,7.707 C1.40225,7.316 1.40225,6.684 1.79325,6.293 L4.08625,4 L1.79325,1.707 C1.40225,1.316 1.40225,0.684 1.79325,0.293 C1.98825,0.098 2.24425,0 2.50025,0'/%3E%3C/svg%3E%0A");
      display: inline-block;
      height: 8px;
      margin-right: 7px;
      opacity: 0.5;
      position: relative;
      width: 8px; }
    .bg-brand--off-white .navigation__bottom .breadcrumb__item + .breadcrumb__item::before,
    .bg-brand--yellow .navigation__bottom .breadcrumb__item + .breadcrumb__item::before,
    [class*='bg-brand-'] .navigation--dark-from-l .navigation__bottom .breadcrumb__item + .breadcrumb__item:before {
      content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' width='8' height='8' fill='%230F1941'%3E%3Cpath d='M2.50025,0 C2.75625,0 3.01225,0.098 3.20725,0.293 L6.20725,3.293 C6.59825,3.684 6.59825,4.316 6.20725,4.707 L3.20725,7.707 C2.81625,8.098 2.18425,8.098 1.79325,7.707 C1.40225,7.316 1.40225,6.684 1.79325,6.293 L4.08625,4 L1.79325,1.707 C1.40225,1.316 1.40225,0.684 1.79325,0.293 C1.98825,0.098 2.24425,0 2.50025,0'/%3E%3C/svg%3E%0A"); }
    .navigation--light-from-l .navigation__bottom .breadcrumb__item + .breadcrumb__item::before,
    .navigation--light-from-l .navigation__bottom .breadcrumb__item + .breadcrumb__item::before {
      content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' width='8' height='8' fill='%23F7F5F0'%3E%3Cpath d='M2.50025,0 C2.75625,0 3.01225,0.098 3.20725,0.293 L6.20725,3.293 C6.59825,3.684 6.59825,4.316 6.20725,4.707 L3.20725,7.707 C2.81625,8.098 2.18425,8.098 1.79325,7.707 C1.40225,7.316 1.40225,6.684 1.79325,6.293 L4.08625,4 L1.79325,1.707 C1.40225,1.316 1.40225,0.684 1.79325,0.293 C1.98825,0.098 2.24425,0 2.50025,0'/%3E%3C/svg%3E%0A");
      opacity: 0.5; } }

.language__dropdown {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  position: relative;
  width: 60px; }
  .language__dropdown .icon--language {
    left: 0;
    z-index: 0; }
    .language__dropdown .icon--language svg {
      height: 20px;
      width: 20px; }
      .bg-brand--dark-blue .language__dropdown .icon--language svg,
      .bg-brand--blue .language__dropdown .icon--language svg,
      .bg-brand--turquoise .language__dropdown .icon--language svg,
      .bg-brand--red .language__dropdown .icon--language svg {
        color: rgba(247, 245, 240, 0.5); }
      .bg-brand--yellow .language__dropdown .icon--language svg,
      .bg-brand--off-white .language__dropdown .icon--language svg,
      .bg-brand--white .language__dropdown .icon--language svg {
        color: rgba(15, 25, 65, 0.3); }
  .language__dropdown select,
  .language__dropdown select:active,
  .language__dropdown select:focus {
    padding: 0 25px; }
  .language__dropdown select {
    background: transparent;
    border: none;
    color: currentColor;
    min-height: unset;
    text-overflow: initial;
    width: unset;
    z-index: 2; }
    .language__dropdown select::-ms-expand {
      display: none; }
    .language__dropdown select option {
      color: #0F1941; }
  .language__dropdown .select--status {
    height: 8px;
    width: 8px; }

.hidden--until-l .language__dropdown {
  height: 60px;
  cursor: pointer; }
  [class*='bg-brand--'] .hidden--until-l .language__dropdown .icon svg {
    color: currentColor; }
  .hidden--until-l .language__dropdown select {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 25px; }
    .hidden--until-l .language__dropdown select option {
      color: #0F1941; }
  .hidden--until-l .language__dropdown select,
  .hidden--until-l .language__dropdown .select--status {
    cursor: pointer; }

.top-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .top-link__item {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 25px; }
  @media (max-width: 940px) {
    .top-link li + li {
      margin-left: 20px; }
    .top-link a {
      color: #878CA0; }
    .accordion + .top-link {
      margin-top: 20px; } }
  @media (min-width: 941px) {
    .top-link__item {
      font-size: 12px;
      letter-spacing: 0;
      line-height: 15px; }
    .top-link li + li {
      margin-left: 10px; } }

.navigation .logo-randstad {
  display: inline-block;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 130px; }
  .navigation .logo-randstad svg {
    height: 19.42px; }

.navigation__top {
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  border-bottom: 1px solid rgba(247, 245, 240, 0.5);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 70px;
  padding-top: 20px; }
  .bg-brand--yellow .navigation__top {
    border-color: rgba(15, 25, 65, 0.3); }
  .bg-brand--off-white .navigation__top,
  .bg-brand--white .navigation__top,
  .bg-brand--light .navigation__top {
    border-color: #D7D7D7; }

.navigation__service {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto; }
  .navigation__service-item {
    line-height: 20px;
    margin-left: 10px; }
  .navigation__service .person__initials {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    box-sizing: content-box;
    border: 2px solid #F7F5F0;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 20px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 0;
    width: 20px; }
    .navigation__service .person__initials span {
      font-size: 12px;
      letter-spacing: 0;
      line-height: 15px;
      color: #F7F5F0;
      left: initial;
      margin-top: -1px;
      position: initial;
      top: initial;
      -webkit-transform: initial;
      transform: initial; }

@media (max-width: 940px) {
  .modal--navigation {
    -webkit-transition: visibility;
    transition: visibility;
    visibility: hidden;
    z-index: 3; }
    .modal--navigation .bg-brand--off-white,
    .modal--navigation .bg-brand--light {
      opacity: 0;
      -webkit-transition: all 0.2s 0.3s;
      transition: all 0.2s 0.3s; }
    .modal--navigation .modal__dialog::before {
      opacity: 0; }
    .modal--navigation .modal__header {
      border-bottom: 1px solid transparent;
      height: 70px;
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0);
      -webkit-transition-duration: 0.4s;
      transition-duration: 0.4s; }
      .modal--navigation .modal__header--divider-out {
        -webkit-transition: border 0.2s;
        transition: border 0.2s; }
      .modal--navigation .modal__header--divider-in {
        -webkit-transition: border 0.2s;
        transition: border 0.2s; }
    .modal--navigation .modal__main {
      padding-left: 25px;
      padding-right: 25px;
      -webkit-transition: all 0.2s ease-in;
      transition: all 0.2s ease-in; }
    .modal--navigation .modal__footer {
      -webkit-transition: all 0.2s ease-in;
      transition: all 0.2s ease-in; }
    .modal--navigation.modal--active {
      -webkit-transition: all;
      transition: all;
      visibility: visible;
      z-index: 2; }
      .modal--navigation.modal--active .bg-brand--off-white,
      .modal--navigation.modal--active .bg-brand--light {
        opacity: 1;
        -webkit-transition: all 0.3s;
        transition: all 0.3s; }
      .modal--navigation.modal--active .modal__main {
        padding-top: 10px;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        -webkit-transition: opacity 0.3s ease-out 0.15s, -webkit-transform 0.3s ease-out 0.15s;
        transition: opacity 0.3s ease-out 0.15s, -webkit-transform 0.3s ease-out 0.15s;
        transition: transform 0.3s ease-out 0.15s, opacity 0.3s ease-out 0.15s;
        transition: transform 0.3s ease-out 0.15s, opacity 0.3s ease-out 0.15s, -webkit-transform 0.3s ease-out 0.15s; }
      .modal--navigation.modal--active .modal__footer {
        -webkit-transition: -webkit-transform 0.2s ease-out 0.25s;
        transition: -webkit-transform 0.2s ease-out 0.25s;
        transition: transform 0.2s ease-out 0.25s;
        transition: transform 0.2s ease-out 0.25s, -webkit-transform 0.2s ease-out 0.25s; }
  .navigation .logo-randstad {
    position: relative;
    z-index: 7; }
    .navigation .logo-randstad svg {
      -webkit-transition: fill 0.25s 0.15s;
      transition: fill 0.25s 0.15s; }
  .navigation__service {
    margin-top: 2px; }
    .navigation__service-link {
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
  .navigation__service-my-randstad, .navigation__service-my-randstad:hover {
    text-decoration: none; }
  .navigation__bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 20px; }
    .navigation__bottom .breadcrumb,
    .navigation__bottom .language__dropdown {
      font-size: 16px;
      letter-spacing: 0;
      line-height: 25px;
      height: 25px;
      margin-top: 10px; }
  .navigation-accordion__sub {
    margin-bottom: 30px;
    margin-top: 3px; }
    .navigation-accordion__sub li + li {
      margin-top: 10px; }
  .navigation-accordion .collapsible__button {
    cursor: pointer; }
  .navigation-accordion .collapsible__trigger, .navigation-accordion .link-list__link {
    cursor: auto; }
  .bg-brand--yellow .navigation__service-item .person__initials,
  .bg-brand--off-white .navigation__service-item .person__initials,
  .bg-brand--light .navigation__service-item .person__initials {
    border-color: #0F1941; }
    .bg-brand--yellow .navigation__service-item .person__initials span,
    .bg-brand--off-white .navigation__service-item .person__initials span,
    .bg-brand--light .navigation__service-item .person__initials span {
      color: #0F1941; }
  .bg-brand--yellow .navigation__service-item .favorites__counter,
  .bg-brand--off-white .navigation__service-item .favorites__counter,
  .bg-brand--light .navigation__service-item .favorites__counter {
    color: #0F1941;
    margin-left: 10px; }
  .bg-brand--blue .navigation__service-item .favorites__counter,
  .bg-brand--dark-blue .navigation__service-item .favorites__counter,
  .bg-brand--turquoise .navigation__service-item .favorites__counter,
  .bg-brand--red .navigation__service-item .favorites__counter {
    color: #F7F5F0;
    margin-left: 10px; }
  .navigation-accordion__sub {
    margin-bottom: 30px;
    margin-top: 3px; }
    .navigation-accordion__sub li + li {
      margin-top: 10px; }
  .navigation-accordion .collapsible__button {
    cursor: pointer; }
  .navigation-accordion .collapsible__trigger, .navigation-accordion .link-list__link {
    cursor: auto; } }

.header .navigation-accordion .collapsible__button::before, .header .navigation-accordion .collapsible__button::after {
  background: #2175D9; }

@media (max-width: 940px) {
  .modal-nav-open .navigation {
    position: static; }
  .modal-nav-open .modal--navigation .modal__header--divider {
    border-bottom: 1px solid #D7D7D7; }
  .modal-nav-open .logo-randstad {
    position: relative;
    z-index: 7; }
    .modal-nav-open .logo-randstad svg {
      fill: #2175D9;
      -webkit-transition: fill ease-in 0.25s 0.15s;
      transition: fill ease-in 0.25s 0.15s; } }

@media (min-width: 501px) {
  .navigation__top {
    padding-top: 0; }
  .navigation__service-my-randstad {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    max-width: 130px; }
    .navigation__service-my-randstad span.hidden-until--l {
      display: none; }
    .navigation__service-my-randstad .icon + span,
    .navigation__service-my-randstad .person__initials + span {
      display: inline-block;
      max-width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      margin-left: 10px; }
  .modal--navigation .modal__main,
  .modal--navigation .modal__footer {
    padding-left: 50px;
    padding-right: 50px; } }

@media (min-width: 941px) {
  .navigation {
    min-height: 166px;
    position: relative;
    z-index: 2; }
    .navigation--spacing {
      padding-bottom: 20px; }
    .navigation__menu a,
    .navigation__link-bar a,
    .navigation__service a,
    .navigation .breadcrumb a {
      color: rgba(247, 245, 240, 0.5);
      -webkit-transition: color 0.2s;
      transition: color 0.2s;
      text-decoration: none; }
      .bg-brand--off-white .navigation__menu a,
      .bg-brand--light .navigation__menu a,
      .bg-brand--yellow .navigation__menu a, .bg-brand--off-white
      .navigation__link-bar a,
      .bg-brand--light
      .navigation__link-bar a,
      .bg-brand--yellow
      .navigation__link-bar a, .bg-brand--off-white
      .navigation__service a,
      .bg-brand--light
      .navigation__service a,
      .bg-brand--yellow
      .navigation__service a, .bg-brand--off-white
      .navigation .breadcrumb a,
      .bg-brand--light
      .navigation .breadcrumb a,
      .bg-brand--yellow
      .navigation .breadcrumb a {
        color: rgba(15, 25, 65, 0.7); }
    .navigation__menu a:hover,
    .navigation__link-bar a:hover,
    .navigation__service a:hover,
    .navigation .breadcrumb a:hover,
    .navigation__menu-item--active a,
    .navigation__service-item--active a {
      color: #F7F5F0;
      text-decoration: none; }
      .bg-brand--off-white .navigation__menu a:hover,
      .bg-brand--light .navigation__menu a:hover,
      .bg-brand--yellow .navigation__menu a:hover, .bg-brand--off-white
      .navigation__link-bar a:hover,
      .bg-brand--light
      .navigation__link-bar a:hover,
      .bg-brand--yellow
      .navigation__link-bar a:hover, .bg-brand--off-white
      .navigation__service a:hover,
      .bg-brand--light
      .navigation__service a:hover,
      .bg-brand--yellow
      .navigation__service a:hover, .bg-brand--off-white
      .navigation .breadcrumb a:hover,
      .bg-brand--light
      .navigation .breadcrumb a:hover,
      .bg-brand--yellow
      .navigation .breadcrumb a:hover, .bg-brand--off-white
      .navigation__menu-item--active a,
      .bg-brand--light
      .navigation__menu-item--active a,
      .bg-brand--yellow
      .navigation__menu-item--active a, .bg-brand--off-white
      .navigation__service-item--active a,
      .bg-brand--light
      .navigation__service-item--active a,
      .bg-brand--yellow
      .navigation__service-item--active a {
        color: #0F1941; }
    .navigation__wrapper {
      position: relative; }
    .navigation__top {
      height: 121px;
      -webkit-box-align: end;
      -webkit-align-items: flex-end;
      -ms-flex-align: end;
      align-items: flex-end;
      position: relative; }
    .navigation .logo-randstad {
      left: 0;
      position: absolute;
      top: 30px;
      width: 150px; }
      .navigation .logo-randstad svg {
        height: 22.41px;
        width: 150px; }
    .navigation__menu {
      font-size: 16px;
      letter-spacing: 0;
      line-height: 25px;
      -webkit-box-align: end;
      -webkit-align-items: flex-end;
      -ms-flex-align: end;
      align-items: flex-end;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
      .navigation__menu-item {
        position: relative; }
      .navigation__menu li + li {
        margin-left: 25px; }
    .navigation__menu-item--active {
      color: currentColor; }
    .navigation__menu--main {
      margin-bottom: -1px;
      overflow: hidden; }
      .navigation__menu--main .navigation__menu-item {
        min-height: 45px;
        max-height: 59px;
        padding-bottom: 10px; }
      .navigation__menu--main .navigation__menu-item--active::after {
        background: currentColor;
        bottom: 0;
        content: '';
        height: 2px;
        left: 0;
        position: absolute;
        width: 100%; }
    .navigation__menu--sub {
      padding: 10px 0; }
    .navigation__service {
      font-size: 16px;
      letter-spacing: 0;
      line-height: 25px;
      margin-bottom: -1px; }
      .navigation__service-item {
        line-height: 60px;
        margin-left: 20px;
        position: relative; }
      .navigation__service-item--active a::after {
        background: currentColor;
        bottom: 0;
        content: '';
        height: 2px;
        left: 0;
        position: absolute;
        width: 100%; }
      .navigation__service-link {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; }
      .navigation__service .icon {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        color: currentColor;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0; }
      .navigation__service .icon + span,
      .navigation__service .person__initials + span {
        display: none; }
      .navigation__service span.favorites__counter {
        display: block;
        margin-left: 10px; }
      .navigation__service .person__initials {
        border-color: currentColor;
        height: 26px;
        width: 26px; }
      .navigation__service .person__initials span {
        color: currentColor; }
    .navigation__link-bar {
      position: absolute;
      right: 0;
      top: 5px; }
    .navigation.navigation--light-from-l {
      color: #F7F5F0; }
      .navigation.navigation--light-from-l .logo-randstad svg {
        fill: #F7F5F0; }
      .navigation.navigation--light-from-l .navigation__main,
      .navigation.navigation--light-from-l .breadcrumb,
      .navigation.navigation--light-from-l .breadcrumb a:hover,
      [class*='bg-brand-'] .navigation.navigation--light-from-l a:hover {
        color: #F7F5F0; }
      [class*='bg-brand-'] .navigation.navigation--light-from-l a {
        color: rgba(247, 245, 240, 0.5); }
      .navigation.navigation--light-from-l .navigation__top {
        border-bottom-color: rgba(247, 245, 240, 0.5); }
    .navigation.navigation--dark-from-l {
      color: #0F1941; }
      .navigation.navigation--dark-from-l .logo-randstad svg {
        fill: #2175D9; }
      .navigation.navigation--dark-from-l .navigation__main,
      .navigation.navigation--dark-from-l .breadcrumb,
      .navigation.navigation--dark-from-l .breadcrumb a:hover,
      [class*='bg-brand-'] .navigation.navigation--dark-from-l a:hover {
        color: #0F1941; }
      [class*='bg-brand-'] .navigation.navigation--dark-from-l a,
      .navigation.navigation--dark-from-l .breadcrumb__item:before {
        color: rgba(15, 25, 65, 0.7); }
      .navigation.navigation--dark-from-l .navigation__top {
        border-bottom-color: rgba(15, 25, 65, 0.7); }
    .navigation .popover {
      color: #0F1941;
      position: absolute;
      right: -20px;
      top: 120px;
      z-index: 3; }
      .navigation .popover::before {
        right: 16px; } }

@media (min-width: 1281px) {
  .navigation {
    min-height: 135px; }
    .navigation__top {
      height: 90px; }
    .navigation .logo-randstad {
      position: static;
      margin-bottom: 24px;
      margin-right: 30px; }
    .navigation__service-item {
      margin-left: 30px; }
    .navigation__service .icon + span,
    .navigation__service .person__initials + span {
      display: block;
      margin-left: 10px; }
    .navigation .popover {
      right: 0;
      top: 90px; }
      .navigation .popover::before {
        right: 70px; } }

@media (min-width: 1441px) {
  .navigation__top {
    margin: 0 -30px;
    padding: 26px 30px 0; }
  .navigation .logo-randstad {
    margin-right: 40px;
    width: 160px; }
    .navigation .logo-randstad svg {
      height: 26.89px;
      width: 160px; }
  .navigation__menu li + li {
    margin-left: 30px; }
  .navigation__link-bar {
    right: 30px; } }

.popover {
  border-radius: 8px;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  -webkit-transition: opacity 0.2s, visibility 0.2s, -webkit-transform 0.2s;
  transition: opacity 0.2s, visibility 0.2s, -webkit-transform 0.2s;
  transition: opacity 0.2s, visibility 0.2s, transform 0.2s;
  transition: opacity 0.2s, visibility 0.2s, transform 0.2s, -webkit-transform 0.2s;
  width: 385px;
  z-index: 3; }
  .popover::before {
    border-radius: 4px;
    background: #F7F5F0;
    content: '';
    height: 25px;
    position: absolute;
    right: 70px;
    top: -5px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 25px; }
  .popover--arrow-right::before {
    right: 35px; }
  .popover--arrow-center::before {
    left: 47%; }
  .popover--arrow-left::before {
    left: 35px; }
  .popover__dialog {
    max-height: 0;
    overflow: hidden;
    padding: 30px;
    -webkit-transition: max-height 0s 0.2s;
    transition: max-height 0s 0.2s; }
  .popover--active {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
    .popover--active .popover__dialog {
      max-height: 600px;
      -webkit-transition: max-height 0s 0s;
      transition: max-height 0s 0s; }
  .popover__title {
    font-size: 26px;
    letter-spacing: -1px;
    line-height: 30px;
    color: #0F1941;
    font-family: inherit;
    text-transform: lowercase; }
  .popover__message {
    margin-top: 10px; }
    .popover__message p:last-child {
      margin: 0; }
  .popover__description, .popover__description p {
    margin-bottom: 20px; }
  .popover__action {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 30px;
    padding-bottom: 30px; }
    .popover__action .button {
      margin-right: 20px; }
  .popover__footer {
    margin-top: 20px; }
    .popover__footer p {
      margin-bottom: 0; }
  .popover .form-group {
    margin-top: 30px; }
    .popover .form-group__input + .form-group__input {
      margin-top: 10px; }
  .popover .link-list {
    margin-top: 30px; }
    .popover .link-list__item {
      width: 100%; }
      .popover .link-list__item:first-child {
        border-top: 1px solid #D7D7D7; }
    .popover .link-list__link {
      font-size: 18px;
      letter-spacing: 0;
      line-height: 30px;
      padding: 12px 0 17px; }

.popover--s {
  font-size: 16px;
  letter-spacing: 0;
  line-height: 25px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  position: relative; }
  .popover--s .icon__toggler {
    height: 20px; }
  .popover--s .icon {
    cursor: pointer;
    display: inline-block;
    position: relative; }
    .popover--s .icon svg {
      fill: #2175D9; }
  .popover--s .popover {
    background: #fff;
    border: 1px solid #D7D7D7;
    max-width: 400px;
    min-width: 100px;
    position: absolute;
    text-align: left;
    top: 25px;
    width: auto; }
    .popover--s .popover::before {
      display: none; }
    .popover--s .popover .popover__dialog {
      padding: 10px 0; }
    .popover--s .popover .popover__dialog li a {
      display: inline-block;
      max-width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      display: block;
      padding: 5px 15px;
      text-decoration: none; }
      .popover--s .popover .popover__dialog li a:hover {
        background: #E8F1FB; }
  .popover--s.align-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto; }
  .popover--s.align-right {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end; }
