.sr-only {
  height: 1px;
  left: -10000px;
  overflow: hidden;
  position: absolute;
  top: auto;
  width: 1px; }

.fade-in {
  -webkit-animation-delay: 0;
          animation-delay: 0;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out; }

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

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.slide-in {
  -webkit-animation-delay: 0;
          animation-delay: 0;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-name: slideIn;
          animation-name: slideIn; }

@-webkit-keyframes slideIn {
  from {
    opacity: 0;
    -webkit-transform: translateX(4.8rem);
            transform: translateX(4.8rem); }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@keyframes slideIn {
  from {
    opacity: 0;
    -webkit-transform: translateX(4.8rem);
            transform: translateX(4.8rem); }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

.slide-up-and-away {
  -webkit-animation-delay: 0;
          animation-delay: 0;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
  -webkit-animation-name: slideOnAndAway;
          animation-name: slideOnAndAway; }

@-webkit-keyframes slideOnAndAway {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%); }
  5% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  95% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%); } }

@keyframes slideOnAndAway {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%); }
  5% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  95% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%); } }

.slide-down-and-away {
  -webkit-animation-delay: 0;
          animation-delay: 0;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
  -webkit-animation-name: slideOnAndAway;
          animation-name: slideOnAndAway; }

@keyframes slideOnAndAway {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%); }
  5% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  95% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%); } }

@media (min-width: 767px) {
  .scale-shrink {
    -webkit-animation-delay: 0;
            animation-delay: 0;
    -webkit-animation-duration: 0.8s;
            animation-duration: 0.8s;
    -webkit-animation-name: scaleShrink;
            animation-name: scaleShrink; }
  @-webkit-keyframes scaleShrink {
    0% {
      height: 15.6rem;
      opacity: 0; }
    20% {
      height: 20.4rem;
      opacity: 1; }
    90% {
      height: 20.4rem;
      opacity: 1; }
    100% {
      height: 15.6rem;
      opacity: 1; } }
  @keyframes scaleShrink {
    0% {
      height: 15.6rem;
      opacity: 0; }
    20% {
      height: 20.4rem;
      opacity: 1; }
    90% {
      height: 20.4rem;
      opacity: 1; }
    100% {
      height: 15.6rem;
      opacity: 1; } } }

@media (max-width: 767px) {
  .scale-shrink {
    -webkit-animation-delay: 0;
            animation-delay: 0;
    -webkit-animation-duration: 0.8s;
            animation-duration: 0.8s;
    -webkit-animation-name: scaleShrink;
            animation-name: scaleShrink; }
  @-webkit-keyframes scaleShrink {
    0% {
      height: 12rem;
      opacity: 0; }
    20% {
      height: 16.8rem;
      opacity: 1; }
    90% {
      height: 16.8rem;
      opacity: 1; }
    100% {
      height: 12rem;
      opacity: 1; } }
  @keyframes scaleShrink {
    0% {
      height: 12rem;
      opacity: 0; }
    20% {
      height: 16.8rem;
      opacity: 1; }
    90% {
      height: 16.8rem;
      opacity: 1; }
    100% {
      height: 12rem;
      opacity: 1; } } }

.tooltip-fade-enter-active {
  -webkit-animation-delay: 0;
          animation-delay: 0;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out; }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.tooltip-fade-exit-active {
  -webkit-animation-delay: 0;
          animation-delay: 0;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-name: fadeOut;
          animation-name: fadeOut;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out; }

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

@keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

.error-fade-enter-active {
  -webkit-animation-delay: 0;
          animation-delay: 0;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-name: errorFadeIn;
          animation-name: errorFadeIn;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out; }

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

@keyframes errorFadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.error-fade-exit-active {
  -webkit-animation-delay: 0;
          animation-delay: 0;
  -webkit-animation-duration: 0.15s;
          animation-duration: 0.15s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-name: errorFadeOut;
          animation-name: errorFadeOut;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out; }

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

@keyframes errorFadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 1; }

html,
body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  margin: 0;
  padding: 0; }

*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit; }

.ruler {
  background-color: #e2e8ee;
  border: 0;
  height: 1px;
  width: 100%; }

.link {
  background-color: transparent;
  border: 0;
  border-radius: 0;
  color: #8230df;
  font-family: "frutiger-lt-bold";
  font-size: 1.6rem;
  outline: none;
  padding: 0;
  text-decoration: none;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content; }
  .link:hover, .link:focus {
    color: #44137c;
    cursor: pointer; }
    .link:hover .link__text, .link:focus .link__text {
      border-bottom: solid 1px;
      margin-bottom: -1px; }
  .link__text:hover, .link__text:focus {
    border-bottom: solid 1px;
    margin-bottom: -1px; }
  .link__text.link--dotted--hover {
    border-bottom: 1px dotted transparent;
    margin-bottom: 0px;
    -webkit-transition: color .15s ease-in-out, border-bottom .1s ease-in-out;
    transition: color .15s ease-in-out, border-bottom .1s ease-in-out; }
  .link__icon {
    margin-bottom: -.3rem;
    margin-left: .6rem; }
  .link--dotted {
    border-bottom: dotted 1px; }
  .link--list-item {
    font-family: "frutiger-lt-bold", Arial, Helvetica, "sans-serif";
    font-size: 1.4rem;
    font-weight: initial;
    letter-spacing: 0;
    margin: 0; }
  .link--color-success {
    color: #008660; }
    .link--color-success:hover, .link--color-success:focus, .link--color-success:active {
      color: #000705; }
  .link--color-help {
    color: #ed0722; }
    .link--color-help:hover, .link--color-help:focus, .link--color-help:active {
      color: #d4061e; }
  .link--color-info {
    color: #087bb4; }
    .link--color-info:hover, .link--color-info:focus, .link--color-info:active {
      color: #03283a; }

.brand {
  color: #333;
  text-decoration: none; }
  .brand__icon + .brand__title {
    margin-left: 1.2rem; }
  .brand__icon {
    height: 3.1rem;
    width: 3.1rem; }
  .brand-line {
    border: 0;
    border-radius: 2rem;
    border-top: 0.2rem solid #ed0722;
    margin: 0;
    width: 2.8rem; }

.container {
  max-width: 1440px;
  min-width: 248px;
  position: relative;
  width: auto; }
  @media (min-width: 0) {
    .container {
      margin: 0 3rem; } }
  @media (min-width: 768px) {
    .container {
      margin: 0 2.4rem; } }
  @media (min-width: 922px) {
    .container {
      margin: 0 2.1rem; } }
  @media (min-width: 1200px) {
    .container {
      margin: 0 1.8rem; } }
  .container--fluid {
    margin: 0;
    max-width: 100%;
    width: 100%; }
  @media (min-width: 1488px) {
    .container.container--center {
      margin: 0 auto; } }

.direction--row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative; }

.direction--nowrap {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap; }

.direction--col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative; }

@media (min-width: 0) {
  .direction--bleed-gutter {
    margin: 0 -0.6rem; } }

@media (min-width: 768px) {
  .direction--bleed-gutter {
    margin: 0 -1.2rem; } }

@media (min-width: 922px) {
  .direction--bleed-gutter {
    margin: 0 -1.5rem; } }

@media (min-width: 1200px) {
  .direction--bleed-gutter {
    margin: 0 -1.8rem; } }

@media (min-width: 0) {
  .col-xs-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
            flex: 0 0 8.33333%;
    max-width: 8.33333%;
    padding: 0 0.6rem; }
  .col-xs-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
    max-width: 16.66667%;
    padding: 0 0.6rem; }
  .col-xs-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
    padding: 0 0.6rem; }
  .col-xs-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    max-width: 33.33333%;
    padding: 0 0.6rem; }
  .col-xs-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
            flex: 0 0 41.66667%;
    max-width: 41.66667%;
    padding: 0 0.6rem; }
  .col-xs-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
    padding: 0 0.6rem; }
  .col-xs-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
            flex: 0 0 58.33333%;
    max-width: 58.33333%;
    padding: 0 0.6rem; }
  .col-xs-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
            flex: 0 0 66.66667%;
    max-width: 66.66667%;
    padding: 0 0.6rem; }
  .col-xs-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
    padding: 0 0.6rem; }
  .col-xs-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
            flex: 0 0 83.33333%;
    max-width: 83.33333%;
    padding: 0 0.6rem; }
  .col-xs-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
            flex: 0 0 91.66667%;
    max-width: 91.66667%;
    padding: 0 0.6rem; }
  .col-xs-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    padding: 0 0.6rem; }
  .offset-xs-0 {
    margin-left: calc(0%); }
  .offset-xs-1 {
    margin-left: calc(8.33333%); }
  .offset-xs-2 {
    margin-left: calc(16.66667%); }
  .offset-xs-3 {
    margin-left: calc(25%); }
  .offset-xs-4 {
    margin-left: calc(33.33333%); }
  .offset-xs-5 {
    margin-left: calc(41.66667%); }
  .offset-xs-6 {
    margin-left: calc(50%); }
  .offset-xs-7 {
    margin-left: calc(58.33333%); }
  .offset-xs-8 {
    margin-left: calc(66.66667%); }
  .offset-xs-9 {
    margin-left: calc(75%); }
  .offset-xs-10 {
    margin-left: calc(83.33333%); }
  .offset-xs-11 {
    margin-left: calc(91.66667%); }
  .offset-xs-12 {
    margin-left: calc(100%); } }

@media (min-width: 0) and (max-width: 767px) {
  .xs-no-wrap {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap; } }

@media (min-width: 768px) {
  .col-sm-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
            flex: 0 0 8.33333%;
    max-width: 8.33333%;
    padding: 0 1.2rem; }
  .col-sm-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
    max-width: 16.66667%;
    padding: 0 1.2rem; }
  .col-sm-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
    padding: 0 1.2rem; }
  .col-sm-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    max-width: 33.33333%;
    padding: 0 1.2rem; }
  .col-sm-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
            flex: 0 0 41.66667%;
    max-width: 41.66667%;
    padding: 0 1.2rem; }
  .col-sm-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
    padding: 0 1.2rem; }
  .col-sm-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
            flex: 0 0 58.33333%;
    max-width: 58.33333%;
    padding: 0 1.2rem; }
  .col-sm-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
            flex: 0 0 66.66667%;
    max-width: 66.66667%;
    padding: 0 1.2rem; }
  .col-sm-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
    padding: 0 1.2rem; }
  .col-sm-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
            flex: 0 0 83.33333%;
    max-width: 83.33333%;
    padding: 0 1.2rem; }
  .col-sm-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
            flex: 0 0 91.66667%;
    max-width: 91.66667%;
    padding: 0 1.2rem; }
  .col-sm-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    padding: 0 1.2rem; }
  .offset-sm-0 {
    margin-left: calc(0%); }
  .offset-sm-1 {
    margin-left: calc(8.33333%); }
  .offset-sm-2 {
    margin-left: calc(16.66667%); }
  .offset-sm-3 {
    margin-left: calc(25%); }
  .offset-sm-4 {
    margin-left: calc(33.33333%); }
  .offset-sm-5 {
    margin-left: calc(41.66667%); }
  .offset-sm-6 {
    margin-left: calc(50%); }
  .offset-sm-7 {
    margin-left: calc(58.33333%); }
  .offset-sm-8 {
    margin-left: calc(66.66667%); }
  .offset-sm-9 {
    margin-left: calc(75%); }
  .offset-sm-10 {
    margin-left: calc(83.33333%); }
  .offset-sm-11 {
    margin-left: calc(91.66667%); }
  .offset-sm-12 {
    margin-left: calc(100%); } }

@media (min-width: 768px) and (max-width: 921px) {
  .sm-no-wrap {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap; } }

@media (min-width: 922px) {
  .col-md-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
            flex: 0 0 8.33333%;
    max-width: 8.33333%;
    padding: 0 1.5rem; }
  .col-md-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
    max-width: 16.66667%;
    padding: 0 1.5rem; }
  .col-md-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
    padding: 0 1.5rem; }
  .col-md-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    max-width: 33.33333%;
    padding: 0 1.5rem; }
  .col-md-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
            flex: 0 0 41.66667%;
    max-width: 41.66667%;
    padding: 0 1.5rem; }
  .col-md-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
    padding: 0 1.5rem; }
  .col-md-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
            flex: 0 0 58.33333%;
    max-width: 58.33333%;
    padding: 0 1.5rem; }
  .col-md-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
            flex: 0 0 66.66667%;
    max-width: 66.66667%;
    padding: 0 1.5rem; }
  .col-md-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
    padding: 0 1.5rem; }
  .col-md-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
            flex: 0 0 83.33333%;
    max-width: 83.33333%;
    padding: 0 1.5rem; }
  .col-md-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
            flex: 0 0 91.66667%;
    max-width: 91.66667%;
    padding: 0 1.5rem; }
  .col-md-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    padding: 0 1.5rem; }
  .offset-md-0 {
    margin-left: calc(0%); }
  .offset-md-1 {
    margin-left: calc(8.33333%); }
  .offset-md-2 {
    margin-left: calc(16.66667%); }
  .offset-md-3 {
    margin-left: calc(25%); }
  .offset-md-4 {
    margin-left: calc(33.33333%); }
  .offset-md-5 {
    margin-left: calc(41.66667%); }
  .offset-md-6 {
    margin-left: calc(50%); }
  .offset-md-7 {
    margin-left: calc(58.33333%); }
  .offset-md-8 {
    margin-left: calc(66.66667%); }
  .offset-md-9 {
    margin-left: calc(75%); }
  .offset-md-10 {
    margin-left: calc(83.33333%); }
  .offset-md-11 {
    margin-left: calc(91.66667%); }
  .offset-md-12 {
    margin-left: calc(100%); } }

@media (min-width: 922px) and (max-width: 1199px) {
  .md-no-wrap {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap; } }

@media (min-width: 1200px) {
  .col-lg-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
            flex: 0 0 8.33333%;
    max-width: 8.33333%;
    padding: 0 1.8rem; }
  .col-lg-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
    max-width: 16.66667%;
    padding: 0 1.8rem; }
  .col-lg-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
    padding: 0 1.8rem; }
  .col-lg-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    max-width: 33.33333%;
    padding: 0 1.8rem; }
  .col-lg-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
            flex: 0 0 41.66667%;
    max-width: 41.66667%;
    padding: 0 1.8rem; }
  .col-lg-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
    padding: 0 1.8rem; }
  .col-lg-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
            flex: 0 0 58.33333%;
    max-width: 58.33333%;
    padding: 0 1.8rem; }
  .col-lg-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
            flex: 0 0 66.66667%;
    max-width: 66.66667%;
    padding: 0 1.8rem; }
  .col-lg-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
    padding: 0 1.8rem; }
  .col-lg-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
            flex: 0 0 83.33333%;
    max-width: 83.33333%;
    padding: 0 1.8rem; }
  .col-lg-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
            flex: 0 0 91.66667%;
    max-width: 91.66667%;
    padding: 0 1.8rem; }
  .col-lg-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    padding: 0 1.8rem; }
  .offset-lg-0 {
    margin-left: calc(0%); }
  .offset-lg-1 {
    margin-left: calc(8.33333%); }
  .offset-lg-2 {
    margin-left: calc(16.66667%); }
  .offset-lg-3 {
    margin-left: calc(25%); }
  .offset-lg-4 {
    margin-left: calc(33.33333%); }
  .offset-lg-5 {
    margin-left: calc(41.66667%); }
  .offset-lg-6 {
    margin-left: calc(50%); }
  .offset-lg-7 {
    margin-left: calc(58.33333%); }
  .offset-lg-8 {
    margin-left: calc(66.66667%); }
  .offset-lg-9 {
    margin-left: calc(75%); }
  .offset-lg-10 {
    margin-left: calc(83.33333%); }
  .offset-lg-11 {
    margin-left: calc(91.66667%); }
  .offset-lg-12 {
    margin-left: calc(100%); } }

@media (min-width: 1200px) and (max-width: 4000px) {
  .lg-no-wrap {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap; } }

.hide {
  display: none; }
  @media (min-width: 0) and (max-width: 767px) {
    .hide--xs {
      display: none; } }
  @media (min-width: 768px) and (max-width: 921px) {
    .hide--sm {
      display: none; } }
  @media (min-width: 922px) and (max-width: 1199px) {
    .hide--md {
      display: none; } }
  @media (min-width: 1200px) and (max-width: 4000px) {
    .hide--lg {
      display: none; } }

@font-face {
  font-family: "frutiger-lt-light";
  font-style: normal;
  font-weight: normal;
  src: url("./fonts/FrutigerLTforBNS-Light.eot?#iefix") format("embedded-opentype"), url("./fonts/FrutigerLTforBNS-Light.woff2") format("woff2"), url("./fonts/FrutigerLTforBNS-Light.woff") format("woff"), url("./fonts/FrutigerLTforBNS-Light.ttf") format("truetype"), url("./fonts/FrutigerLTforBNS-Light.svg#frutiger-lt-light") format("svg"); }

@font-face {
  font-family: "frutiger-lt-medium";
  font-style: normal;
  font-weight: normal;
  src: url("./fonts/FrutigerLTforBNS-Medium.eot?#iefix") format("embedded-opentype"), url("./fonts/FrutigerLTforBNS-Medium.woff2") format("woff2"), url("./fonts/FrutigerLTforBNS-Medium.woff") format("woff"), url("./fonts/FrutigerLTforBNS-Medium.ttf") format("truetype"), url("./fonts/FrutigerLTforBNS-Medium.svg#frutiger-lt-medium") format("svg"); }

@font-face {
  font-family: "frutiger-lt-bold";
  font-style: normal;
  font-weight: normal;
  src: url("./fonts/FrutigerLTforBNS-Bold.eot?#iefix") format("embedded-opentype"), url("./fonts/FrutigerLTforBNS-Bold.woff2") format("woff2"), url("./fonts/FrutigerLTforBNS-Bold.woff") format("woff"), url("./fonts/FrutigerLTforBNS-Bold.ttf") format("truetype"), url("./fonts/FrutigerLTforBNS-Bold.svg#frutiger-lt-bold") format("svg"); }

@font-face {
  font-family: "frutiger-lt-roman";
  font-style: normal;
  font-weight: normal;
  src: url("./fonts/FrutigerLTforBNS-Roman.eot?#iefix") format("embedded-opentype"), url("./fonts/FrutigerLTforBNS-Roman.woff2") format("woff2"), url("./fonts/FrutigerLTforBNS-Roman.woff") format("woff"), url("./fonts/FrutigerLTforBNS-Roman.ttf") format("truetype"), url("./fonts/FrutigerLTforBNS-Roman.svg#frutiger-lt-roman") format("svg"); }

@font-face {
  font-family: "text-security-disc";
  font-style: normal;
  font-weight: normal;
  src: url("./fonts/text-security-disc.eot?#iefix") format("embedded-opentype"), url("./fonts/text-security-disc.woff2") format("woff2"), url("./fonts/text-security-disc.woff") format("woff"), url("./fonts/text-security-disc.ttf") format("truetype"), url("./fonts/text-security-disc.svg#text-security-disc") format("svg"); }

html,
body {
  font-family: "frutiger-lt-light", Arial, Helvetica, "sans-serif";
  font-size: 10px;
  font-weight: initial;
  letter-spacing: normal;
  line-height: 18px;
  margin: 0;
  color: #333; }

.hero {
  font-family: "frutiger-lt-light", Arial, Helvetica, "sans-serif";
  font-size: 3.6rem;
  font-weight: initial;
  letter-spacing: -0.05rem;
  line-height: 4.2rem;
  margin: 0; }

.heading {
  font-family: "frutiger-lt-light", Arial, Helvetica, "sans-serif";
  font-size: 2.6rem;
  font-weight: initial;
  letter-spacing: -0.05rem;
  line-height: 3.2rem;
  margin: 0; }

.subheading {
  font-family: "frutiger-lt-roman", Arial, Helvetica, "sans-serif";
  font-size: 2rem;
  font-weight: initial;
  letter-spacing: -0.025rem;
  line-height: 2.4rem;
  margin: 0; }

.text {
  font-family: "frutiger-lt-light", Arial, Helvetica, "sans-serif";
  font-size: 1.8rem;
  font-weight: initial;
  letter-spacing: 0.025rem;
  line-height: 2.4rem;
  margin: 0; }
  .text--small {
    font-family: "frutiger-lt-light", Arial, Helvetica, "sans-serif";
    font-size: 1.6rem;
    font-weight: initial;
    letter-spacing: initial;
    line-height: 2.2rem;
    margin: 0; }
  .text--caption {
    font-family: "frutiger-lt-roman", Arial, Helvetica, "sans-serif";
    font-size: 1.4rem;
    font-weight: initial;
    letter-spacing: 0;
    margin: 0; }
  .text--bold {
    font-family: "frutiger-lt-bold", Arial, Helvetica, "sans-serif"; }
  .text--medium {
    font-family: "frutiger-lt-medium", Arial, Helvetica, "sans-serif"; }
  .text--roman {
    font-family: "frutiger-lt-roman", Arial, Helvetica, "sans-serif"; }
  .text--light {
    font-family: "frutiger-lt-light", Arial, Helvetica, "sans-serif"; }
  .text--uppercase {
    text-transform: uppercase; }
  .text--footer {
    font-size: 1.2rem;
    font-weight: initial;
    letter-spacing: 0;
    margin: 0; }

.list {
  list-style-position: outside;
  padding-left: 3.6rem; }
  .list__item {
    font-family: inherit;
    font-size: inherit;
    font-weight: initial;
    letter-spacing: 0;
    margin: 0;
    padding-left: 1.8rem;
    margin-top: 1rem; }
  .list--unstyled {
    list-style: none;
    margin: 0;
    padding-left: 0; }
    .list--unstyled li {
      padding-left: 0; }
  .list--inline li {
    display: inline-block;
    margin-right: 2.4rem; }
    .list--inline li:last-child {
      margin: 0; }
  .list--no-indent {
    padding-left: 1.8rem; }

.color--brand {
  color: #ed0722; }

.color--default {
  color: #333; }

.color--alternate {
  color: #757575; }

.color--highlight {
  color: #8230df; }

.color--success {
  color: #008660; }

.color--notification {
  color: #be207a; }

.color--info {
  color: #087bb4; }

.color--error {
  color: #cb061d; }

.color--disabled {
  color: #d6d6d6; }

.color--outline {
  color: #e2e8ee; }

.color--background-alternate {
  color: #fafbfd; }

.color--background {
  color: #fff; }

.background--brand {
  background-color: #ed0722; }

.background--default {
  background-color: #333; }

.background--alternate {
  background-color: #757575; }

.background--highlight {
  background-color: #8230df; }

.background--success {
  background-color: #008660; }

.background--notification {
  background-color: #be207a; }

.background--info {
  background-color: #087bb4; }

.background--error {
  background-color: #cb061d; }

.background--disabled {
  background-color: #d6d6d6; }

.background--outline {
  background-color: #e2e8ee; }

.background--background-alternate {
  background-color: #fafbfd; }

.background--background {
  background-color: #fff; }

.alert--color--success {
  color: #005549; }

.alert--background-success {
  background-color: #a7f2e8; }

.alert--color--info {
  color: #064765; }

.alert--background-info {
  background-color: #caedff; }

.alert--color--error {
  color: #6b0000; }

.alert--background-error {
  background-color: #ff8585; }

.card {
  background-color: #fff;
  border: 0.1rem solid #e2e8ee;
  border-radius: .4rem;
  -webkit-box-shadow: 0 0.2rem 1rem 0 #e2e8ee;
          box-shadow: 0 0.2rem 1rem 0 #e2e8ee;
  padding: 3.6rem; }
  @media (max-width: 767px) {
    .card {
      padding: 2.4rem; } }
  .card--on-alternate-background {
    border: 0; }
  .card--margin-offset {
    margin: 0 -2.4rem; }
  .card--flat {
    -webkit-box-shadow: none;
            box-shadow: none; }

.block, .button.block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row; }
  .block--centered {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .block--left {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }

.overflow {
  overflow: auto; }
  .overflow-x {
    overflow-x: auto; }
  .overflow-y {
    overflow-y: auto; }

@media (min-width: 0) {
  .margin {
    margin-bottom: 3.6rem;
    margin-top: 3.6rem; }
    .margin--top {
      margin-bottom: 0;
      margin-top: 3.6rem; }
    .margin--bottom {
      margin-bottom: 3.6rem;
      margin-top: 0; }
    .margin-xs {
      margin-bottom: 3.6rem;
      margin-top: 3.6rem; }
      .margin-xs--top {
        margin-bottom: 0;
        margin-top: 3.6rem; }
      .margin-xs--bottom {
        margin-bottom: 3.6rem;
        margin-top: 0; }
      .margin-xs-6 {
        margin-bottom: 0.6rem;
        margin-top: 0.6rem; }
        .margin-xs-6--top {
          margin-bottom: 0;
          margin-top: 0.6rem; }
        .margin-xs-6--bottom {
          margin-bottom: 0.6rem;
          margin-top: 0; }
      .margin-xs-12 {
        margin-bottom: 1.2rem;
        margin-top: 1.2rem; }
        .margin-xs-12--top {
          margin-bottom: 0;
          margin-top: 1.2rem; }
        .margin-xs-12--bottom {
          margin-bottom: 1.2rem;
          margin-top: 0; }
      .margin-xs-18 {
        margin-bottom: 1.8rem;
        margin-top: 1.8rem; }
        .margin-xs-18--top {
          margin-bottom: 0;
          margin-top: 1.8rem; }
        .margin-xs-18--bottom {
          margin-bottom: 1.8rem;
          margin-top: 0; }
      .margin-xs-24 {
        margin-bottom: 2.4rem;
        margin-top: 2.4rem; }
        .margin-xs-24--top {
          margin-bottom: 0;
          margin-top: 2.4rem; }
        .margin-xs-24--bottom {
          margin-bottom: 2.4rem;
          margin-top: 0; }
      .margin-xs-30 {
        margin-bottom: 3rem;
        margin-top: 3rem; }
        .margin-xs-30--top {
          margin-bottom: 0;
          margin-top: 3rem; }
        .margin-xs-30--bottom {
          margin-bottom: 3rem;
          margin-top: 0; }
      .margin-xs-36 {
        margin-bottom: 3.6rem;
        margin-top: 3.6rem; }
        .margin-xs-36--top {
          margin-bottom: 0;
          margin-top: 3.6rem; }
        .margin-xs-36--bottom {
          margin-bottom: 3.6rem;
          margin-top: 0; }
      .margin-xs-42 {
        margin-bottom: 4.2rem;
        margin-top: 4.2rem; }
        .margin-xs-42--top {
          margin-bottom: 0;
          margin-top: 4.2rem; }
        .margin-xs-42--bottom {
          margin-bottom: 4.2rem;
          margin-top: 0; }
      .margin-xs-48 {
        margin-bottom: 4.8rem;
        margin-top: 4.8rem; }
        .margin-xs-48--top {
          margin-bottom: 0;
          margin-top: 4.8rem; }
        .margin-xs-48--bottom {
          margin-bottom: 4.8rem;
          margin-top: 0; }
      .margin-xs-54 {
        margin-bottom: 5.4rem;
        margin-top: 5.4rem; }
        .margin-xs-54--top {
          margin-bottom: 0;
          margin-top: 5.4rem; }
        .margin-xs-54--bottom {
          margin-bottom: 5.4rem;
          margin-top: 0; }
      .margin-xs-60 {
        margin-bottom: 6rem;
        margin-top: 6rem; }
        .margin-xs-60--top {
          margin-bottom: 0;
          margin-top: 6rem; }
        .margin-xs-60--bottom {
          margin-bottom: 6rem;
          margin-top: 0; }
      .margin-xs-66 {
        margin-bottom: 6.6rem;
        margin-top: 6.6rem; }
        .margin-xs-66--top {
          margin-bottom: 0;
          margin-top: 6.6rem; }
        .margin-xs-66--bottom {
          margin-bottom: 6.6rem;
          margin-top: 0; }
      .margin-xs-72 {
        margin-bottom: 7.2rem;
        margin-top: 7.2rem; }
        .margin-xs-72--top {
          margin-bottom: 0;
          margin-top: 7.2rem; }
        .margin-xs-72--bottom {
          margin-bottom: 7.2rem;
          margin-top: 0; } }

@media (min-width: 768px) {
  .margin {
    margin-bottom: 3.6rem;
    margin-top: 3.6rem; }
    .margin--top {
      margin-bottom: 0;
      margin-top: 3.6rem; }
    .margin--bottom {
      margin-bottom: 3.6rem;
      margin-top: 0; }
    .margin-sm {
      margin-bottom: 3.6rem;
      margin-top: 3.6rem; }
      .margin-sm--top {
        margin-bottom: 0;
        margin-top: 3.6rem; }
      .margin-sm--bottom {
        margin-bottom: 3.6rem;
        margin-top: 0; }
      .margin-sm-6 {
        margin-bottom: 0.6rem;
        margin-top: 0.6rem; }
        .margin-sm-6--top {
          margin-bottom: 0;
          margin-top: 0.6rem; }
        .margin-sm-6--bottom {
          margin-bottom: 0.6rem;
          margin-top: 0; }
      .margin-sm-12 {
        margin-bottom: 1.2rem;
        margin-top: 1.2rem; }
        .margin-sm-12--top {
          margin-bottom: 0;
          margin-top: 1.2rem; }
        .margin-sm-12--bottom {
          margin-bottom: 1.2rem;
          margin-top: 0; }
      .margin-sm-18 {
        margin-bottom: 1.8rem;
        margin-top: 1.8rem; }
        .margin-sm-18--top {
          margin-bottom: 0;
          margin-top: 1.8rem; }
        .margin-sm-18--bottom {
          margin-bottom: 1.8rem;
          margin-top: 0; }
      .margin-sm-24 {
        margin-bottom: 2.4rem;
        margin-top: 2.4rem; }
        .margin-sm-24--top {
          margin-bottom: 0;
          margin-top: 2.4rem; }
        .margin-sm-24--bottom {
          margin-bottom: 2.4rem;
          margin-top: 0; }
      .margin-sm-30 {
        margin-bottom: 3rem;
        margin-top: 3rem; }
        .margin-sm-30--top {
          margin-bottom: 0;
          margin-top: 3rem; }
        .margin-sm-30--bottom {
          margin-bottom: 3rem;
          margin-top: 0; }
      .margin-sm-36 {
        margin-bottom: 3.6rem;
        margin-top: 3.6rem; }
        .margin-sm-36--top {
          margin-bottom: 0;
          margin-top: 3.6rem; }
        .margin-sm-36--bottom {
          margin-bottom: 3.6rem;
          margin-top: 0; }
      .margin-sm-42 {
        margin-bottom: 4.2rem;
        margin-top: 4.2rem; }
        .margin-sm-42--top {
          margin-bottom: 0;
          margin-top: 4.2rem; }
        .margin-sm-42--bottom {
          margin-bottom: 4.2rem;
          margin-top: 0; }
      .margin-sm-48 {
        margin-bottom: 4.8rem;
        margin-top: 4.8rem; }
        .margin-sm-48--top {
          margin-bottom: 0;
          margin-top: 4.8rem; }
        .margin-sm-48--bottom {
          margin-bottom: 4.8rem;
          margin-top: 0; }
      .margin-sm-54 {
        margin-bottom: 5.4rem;
        margin-top: 5.4rem; }
        .margin-sm-54--top {
          margin-bottom: 0;
          margin-top: 5.4rem; }
        .margin-sm-54--bottom {
          margin-bottom: 5.4rem;
          margin-top: 0; }
      .margin-sm-60 {
        margin-bottom: 6rem;
        margin-top: 6rem; }
        .margin-sm-60--top {
          margin-bottom: 0;
          margin-top: 6rem; }
        .margin-sm-60--bottom {
          margin-bottom: 6rem;
          margin-top: 0; }
      .margin-sm-66 {
        margin-bottom: 6.6rem;
        margin-top: 6.6rem; }
        .margin-sm-66--top {
          margin-bottom: 0;
          margin-top: 6.6rem; }
        .margin-sm-66--bottom {
          margin-bottom: 6.6rem;
          margin-top: 0; }
      .margin-sm-72 {
        margin-bottom: 7.2rem;
        margin-top: 7.2rem; }
        .margin-sm-72--top {
          margin-bottom: 0;
          margin-top: 7.2rem; }
        .margin-sm-72--bottom {
          margin-bottom: 7.2rem;
          margin-top: 0; } }

@media (min-width: 922px) {
  .margin {
    margin-bottom: 3.6rem;
    margin-top: 3.6rem; }
    .margin--top {
      margin-bottom: 0;
      margin-top: 3.6rem; }
    .margin--bottom {
      margin-bottom: 3.6rem;
      margin-top: 0; }
    .margin-md {
      margin-bottom: 3.6rem;
      margin-top: 3.6rem; }
      .margin-md--top {
        margin-bottom: 0;
        margin-top: 3.6rem; }
      .margin-md--bottom {
        margin-bottom: 3.6rem;
        margin-top: 0; }
      .margin-md-6 {
        margin-bottom: 0.6rem;
        margin-top: 0.6rem; }
        .margin-md-6--top {
          margin-bottom: 0;
          margin-top: 0.6rem; }
        .margin-md-6--bottom {
          margin-bottom: 0.6rem;
          margin-top: 0; }
      .margin-md-12 {
        margin-bottom: 1.2rem;
        margin-top: 1.2rem; }
        .margin-md-12--top {
          margin-bottom: 0;
          margin-top: 1.2rem; }
        .margin-md-12--bottom {
          margin-bottom: 1.2rem;
          margin-top: 0; }
      .margin-md-18 {
        margin-bottom: 1.8rem;
        margin-top: 1.8rem; }
        .margin-md-18--top {
          margin-bottom: 0;
          margin-top: 1.8rem; }
        .margin-md-18--bottom {
          margin-bottom: 1.8rem;
          margin-top: 0; }
      .margin-md-24 {
        margin-bottom: 2.4rem;
        margin-top: 2.4rem; }
        .margin-md-24--top {
          margin-bottom: 0;
          margin-top: 2.4rem; }
        .margin-md-24--bottom {
          margin-bottom: 2.4rem;
          margin-top: 0; }
      .margin-md-30 {
        margin-bottom: 3rem;
        margin-top: 3rem; }
        .margin-md-30--top {
          margin-bottom: 0;
          margin-top: 3rem; }
        .margin-md-30--bottom {
          margin-bottom: 3rem;
          margin-top: 0; }
      .margin-md-36 {
        margin-bottom: 3.6rem;
        margin-top: 3.6rem; }
        .margin-md-36--top {
          margin-bottom: 0;
          margin-top: 3.6rem; }
        .margin-md-36--bottom {
          margin-bottom: 3.6rem;
          margin-top: 0; }
      .margin-md-42 {
        margin-bottom: 4.2rem;
        margin-top: 4.2rem; }
        .margin-md-42--top {
          margin-bottom: 0;
          margin-top: 4.2rem; }
        .margin-md-42--bottom {
          margin-bottom: 4.2rem;
          margin-top: 0; }
      .margin-md-48 {
        margin-bottom: 4.8rem;
        margin-top: 4.8rem; }
        .margin-md-48--top {
          margin-bottom: 0;
          margin-top: 4.8rem; }
        .margin-md-48--bottom {
          margin-bottom: 4.8rem;
          margin-top: 0; }
      .margin-md-54 {
        margin-bottom: 5.4rem;
        margin-top: 5.4rem; }
        .margin-md-54--top {
          margin-bottom: 0;
          margin-top: 5.4rem; }
        .margin-md-54--bottom {
          margin-bottom: 5.4rem;
          margin-top: 0; }
      .margin-md-60 {
        margin-bottom: 6rem;
        margin-top: 6rem; }
        .margin-md-60--top {
          margin-bottom: 0;
          margin-top: 6rem; }
        .margin-md-60--bottom {
          margin-bottom: 6rem;
          margin-top: 0; }
      .margin-md-66 {
        margin-bottom: 6.6rem;
        margin-top: 6.6rem; }
        .margin-md-66--top {
          margin-bottom: 0;
          margin-top: 6.6rem; }
        .margin-md-66--bottom {
          margin-bottom: 6.6rem;
          margin-top: 0; }
      .margin-md-72 {
        margin-bottom: 7.2rem;
        margin-top: 7.2rem; }
        .margin-md-72--top {
          margin-bottom: 0;
          margin-top: 7.2rem; }
        .margin-md-72--bottom {
          margin-bottom: 7.2rem;
          margin-top: 0; } }

@media (min-width: 1200px) {
  .margin {
    margin-bottom: 3.6rem;
    margin-top: 3.6rem; }
    .margin--top {
      margin-bottom: 0;
      margin-top: 3.6rem; }
    .margin--bottom {
      margin-bottom: 3.6rem;
      margin-top: 0; }
    .margin-lg {
      margin-bottom: 3.6rem;
      margin-top: 3.6rem; }
      .margin-lg--top {
        margin-bottom: 0;
        margin-top: 3.6rem; }
      .margin-lg--bottom {
        margin-bottom: 3.6rem;
        margin-top: 0; }
      .margin-lg-6 {
        margin-bottom: 0.6rem;
        margin-top: 0.6rem; }
        .margin-lg-6--top {
          margin-bottom: 0;
          margin-top: 0.6rem; }
        .margin-lg-6--bottom {
          margin-bottom: 0.6rem;
          margin-top: 0; }
      .margin-lg-12 {
        margin-bottom: 1.2rem;
        margin-top: 1.2rem; }
        .margin-lg-12--top {
          margin-bottom: 0;
          margin-top: 1.2rem; }
        .margin-lg-12--bottom {
          margin-bottom: 1.2rem;
          margin-top: 0; }
      .margin-lg-18 {
        margin-bottom: 1.8rem;
        margin-top: 1.8rem; }
        .margin-lg-18--top {
          margin-bottom: 0;
          margin-top: 1.8rem; }
        .margin-lg-18--bottom {
          margin-bottom: 1.8rem;
          margin-top: 0; }
      .margin-lg-24 {
        margin-bottom: 2.4rem;
        margin-top: 2.4rem; }
        .margin-lg-24--top {
          margin-bottom: 0;
          margin-top: 2.4rem; }
        .margin-lg-24--bottom {
          margin-bottom: 2.4rem;
          margin-top: 0; }
      .margin-lg-30 {
        margin-bottom: 3rem;
        margin-top: 3rem; }
        .margin-lg-30--top {
          margin-bottom: 0;
          margin-top: 3rem; }
        .margin-lg-30--bottom {
          margin-bottom: 3rem;
          margin-top: 0; }
      .margin-lg-36 {
        margin-bottom: 3.6rem;
        margin-top: 3.6rem; }
        .margin-lg-36--top {
          margin-bottom: 0;
          margin-top: 3.6rem; }
        .margin-lg-36--bottom {
          margin-bottom: 3.6rem;
          margin-top: 0; }
      .margin-lg-42 {
        margin-bottom: 4.2rem;
        margin-top: 4.2rem; }
        .margin-lg-42--top {
          margin-bottom: 0;
          margin-top: 4.2rem; }
        .margin-lg-42--bottom {
          margin-bottom: 4.2rem;
          margin-top: 0; }
      .margin-lg-48 {
        margin-bottom: 4.8rem;
        margin-top: 4.8rem; }
        .margin-lg-48--top {
          margin-bottom: 0;
          margin-top: 4.8rem; }
        .margin-lg-48--bottom {
          margin-bottom: 4.8rem;
          margin-top: 0; }
      .margin-lg-54 {
        margin-bottom: 5.4rem;
        margin-top: 5.4rem; }
        .margin-lg-54--top {
          margin-bottom: 0;
          margin-top: 5.4rem; }
        .margin-lg-54--bottom {
          margin-bottom: 5.4rem;
          margin-top: 0; }
      .margin-lg-60 {
        margin-bottom: 6rem;
        margin-top: 6rem; }
        .margin-lg-60--top {
          margin-bottom: 0;
          margin-top: 6rem; }
        .margin-lg-60--bottom {
          margin-bottom: 6rem;
          margin-top: 0; }
      .margin-lg-66 {
        margin-bottom: 6.6rem;
        margin-top: 6.6rem; }
        .margin-lg-66--top {
          margin-bottom: 0;
          margin-top: 6.6rem; }
        .margin-lg-66--bottom {
          margin-bottom: 6.6rem;
          margin-top: 0; }
      .margin-lg-72 {
        margin-bottom: 7.2rem;
        margin-top: 7.2rem; }
        .margin-lg-72--top {
          margin-bottom: 0;
          margin-top: 7.2rem; }
        .margin-lg-72--bottom {
          margin-bottom: 7.2rem;
          margin-top: 0; } }

.indicator {
  border: solid 1px #e2e8ee;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 2.4rem; }
  .indicator__icon {
    margin-right: 1.8rem; }

.message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .message__text {
    font-family: "frutiger-lt-light", Arial, Helvetica, "sans-serif";
    font-size: 1.6rem;
    font-weight: initial;
    letter-spacing: normal;
    line-height: 2.2rem;
    margin: 0;
    padding-top: .2rem; }
  .message__action {
    font-family: "frutiger-lt-bold", Arial, Helvetica, "sans-serif";
    font-size: 1.6rem;
    font-weight: initial;
    letter-spacing: normal;
    line-height: 2.2rem;
    margin: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-top: .6rem;
    padding: 0; }

.buddytip-container {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border: 0.1rem solid #e2e8ee;
  border-radius: 5px;
  -webkit-box-shadow: 1rem 1rem 2rem 0 rgba(0, 40, 80, 0.11);
          box-shadow: 1rem 1rem 2rem 0 rgba(0, 40, 80, 0.11);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  padding: 1.8rem; }
  @media (max-width: 767px) {
    .buddytip-container {
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: start; } }
  .buddytip-container--flat {
    border: 0.1rem dashed #e2e8ee;
    border-radius: .4rem;
    -webkit-box-shadow: none;
            box-shadow: none; }
  .buddytip-container__middle > * {
    vertical-align: middle; }
  .buddytip-container__img {
    height: auto;
    margin-right: 2.4rem; }
    @media (max-width: 767px) {
      .buddytip-container__img {
        margin-right: 1.4rem; } }
  .buddytip-container span {
    color: #333;
    font-family: "frutiger-lt-light";
    font-size: 1.4rem;
    letter-spacing: 0;
    line-height: 1.8rem; }

.svg-icon {
  display: inline-block;
  fill: currentColor;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round; }
  .svg-icon--interac {
    stroke: none; }
  .svg-icon--size-12px {
    height: 1.2rem;
    stroke-width: 3;
    width: 1.2rem; }
  .svg-icon--size-14px {
    height: 1.4rem;
    stroke-width: 2.57143;
    width: 1.4rem; }
  .svg-icon--size-16px {
    height: 1.6rem;
    stroke-width: 2.25;
    width: 1.6rem; }
  .svg-icon--size-18px {
    height: 1.8rem;
    stroke-width: 2;
    width: 1.8rem; }
  .svg-icon--size-24px {
    height: 2.4rem;
    stroke-width: 1.5;
    width: 2.4rem; }
  .svg-icon--size-32px {
    height: 3.2rem;
    stroke-width: 1.125;
    width: 3.2rem; }
  .svg-icon--color-brand {
    fill: #ed0722;
    stroke: #ed0722; }
  .svg-icon--color-default {
    fill: #333;
    stroke: #333; }
  .svg-icon--color-alternate {
    fill: #757575;
    stroke: #757575; }
  .svg-icon--color-highlight {
    fill: #8230df;
    stroke: #8230df; }
  .svg-icon--color-success {
    fill: #008660;
    stroke: #008660; }
  .svg-icon--color-notification {
    fill: #be207a;
    stroke: #be207a; }
  .svg-icon--color-info {
    fill: #087bb4;
    stroke: #087bb4; }
  .svg-icon--color-error {
    fill: #cb061d;
    stroke: #cb061d; }
  .svg-icon-spinner {
    -webkit-animation: svg-icon-spin 1s linear infinite;
            animation: svg-icon-spin 1s linear infinite; }
  .svg-icon-spinner--18px {
    height: 1.8rem;
    stroke-width: 2.66667;
    width: 1.8rem; }
  .svg-icon-spinner--24px {
    height: 2.4rem;
    stroke-width: 2;
    width: 2.4rem; }
  .svg-icon-spinner--32px {
    height: 3.2rem;
    stroke-width: 2.25;
    width: 3.2rem; }
  .svg-icon-spinner--48px {
    height: 4.8rem;
    stroke-width: 2;
    width: 4.8rem; }
  .svg-icon-spinner--72px {
    height: 7.2rem;
    stroke-width: 1.66667;
    width: 7.2rem; }
  .svg-icon-illustrative--size-24px {
    height: 2.4rem;
    stroke-width: 2.5;
    width: 2.4rem; }
  .svg-icon-illustrative--size-36px {
    height: 3.6rem;
    stroke-width: 2;
    width: 3.6rem; }
  .svg-icon-illustrative--size-48px {
    height: 4.8rem;
    stroke-width: 1.75;
    width: 4.8rem; }
  .svg-icon-illustrative--size-72px {
    height: 7.2rem;
    stroke-width: 1.5;
    width: 7.2rem; }
  .svg-icon-category--bg--size-36px {
    height: 3.6rem;
    stroke-width: 1.25;
    width: 3.6rem; }
  .svg-icon-category--size-24px {
    height: 2.4rem;
    stroke-width: 1.25;
    width: 2.4rem; }
  .svg-icon-logo--size-12px {
    height: 1.2rem; }
  .svg-icon-logo--size-14px {
    height: 1.4rem; }
  .svg-icon-logo--size-16px {
    height: 1.6rem; }
  .svg-icon-logo--size-18px {
    height: 1.8rem; }
  .svg-icon-logo--size-24px {
    height: 2.4rem; }
  .svg-icon-logo--size-32px {
    height: 3.2rem; }
  .svg-icon-logo--size-36px {
    height: 3.6rem; }
  .svg-icon-logo--size-48px {
    height: 4.8rem; }
  .svg-icon-logo--size-72px {
    height: 7.2rem; }
  .svg-icon-logo-flying--size-12px {
    height: 1.2rem;
    width: 1.2rem; }
  .svg-icon-logo-flying--size-14px {
    height: 1.4rem;
    width: 1.4rem; }
  .svg-icon-logo-flying--size-16px {
    height: 1.6rem;
    width: 1.6rem; }
  .svg-icon-logo-flying--size-18px {
    height: 1.8rem;
    width: 1.8rem; }
  .svg-icon-logo-flying--size-24px {
    height: 2.4rem;
    width: 2.4rem; }
  .svg-icon-logo-flying--size-32px {
    height: 3.2rem;
    width: 3.2rem; }
  .svg-icon-logo-flying--size-36px {
    height: 3.6rem;
    width: 3.6rem; }
  .svg-icon-logo-flying--size-48px {
    height: 4.8rem;
    width: 4.8rem; }
  .svg-icon-logo-flying--size-72px {
    height: 7.2rem;
    width: 7.2rem; }

@-webkit-keyframes svg-icon-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes svg-icon-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.quick-action {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  background: #fff;
  border: 0.1rem solid #e2e8ee;
  border-radius: .2rem;
  -webkit-box-shadow: 0 0.2rem 1rem 0 #e2e8ee;
          box-shadow: 0 0.2rem 1rem 0 #e2e8ee;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  overflow: hidden;
  padding: 1.8rem;
  width: 100%; }
  .quick-action__left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .quick-action__icon {
    margin-right: 1.8rem;
    margin-top: .3rem;
    max-height: 1.8rem;
    max-width: 1.8rem; }
  .quick-action__text {
    font-family: "frutiger-lt-bold";
    font-size: 1.6rem;
    letter-spacing: 0;
    line-height: 2.0rem;
    text-align: left; }
  .quick-action__chevron {
    color: #8230df;
    margin-top: .3rem;
    max-height: 1.8rem;
    max-width: 1.8rem; }
  .quick-action:hover {
    cursor: pointer; }
  @media (min-width: 767px) {
    .quick-action {
      max-width: 26.3rem; } }
  @media (min-width: 1199px) {
    .quick-action {
      max-width: 33.6rem;
      min-width: 26.3rem; } }
  @media (min-width: 4000px) {
    .quick-action {
      max-width: 30rem; } }

.overlay {
  background-color: #182329;
  bottom: 0;
  left: 0;
  opacity: .5;
  position: fixed;
  right: 0;
  top: 0; }

.button {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: transparent;
  border: 0;
  border-radius: 0;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: visible;
  position: relative;
  -webkit-user-select: none; }
  .button:disabled {
    -webkit-tap-highlight-color: transparent; }
  @media all and (-ms-high-contrast: active) {
    .button:focus {
      outline: 2px solid white; } }
  @media all and (-ms-high-contrast: black-on-white) {
    .button:focus {
      outline: 2px solid black; } }
  .button__text + .button__icon,
  .button__icon + .button__text {
    margin-left: 1.2rem; }
  .button__text + .button__icon--near,
  .button__icon--near + .button__text {
    margin-left: .6rem; }
  .button__icon {
    border-radius: 50%;
    height: 4.8rem;
    min-width: 4.8rem;
    width: 4.8rem; }
    .button__icon svg {
      z-index: 1; }
    .button__icon--slim {
      width: 3.6rem; }
  .button__icon--slim + .button__text {
    margin-left: 0; }
  .button--primary {
    font-family: "frutiger-lt-bold";
    font-size: 1.6rem;
    font-weight: initial;
    letter-spacing: -0.025rem;
    line-height: 1.6rem;
    border: 0.1rem solid;
    border-radius: 0.8rem;
    padding: 1.9rem 3.6rem;
    text-decoration: none;
    background-color: #ed0722;
    border-color: #ed0722;
    color: #fff;
    min-width: 13.5rem;
    outline: none;
    -webkit-transition: background-color ease-in .1s, color ease-in .1s;
    transition: background-color ease-in .1s, color ease-in .1s; }
    .button--primary:disabled:disabled, .button--primary:hover:disabled {
      background-color: #fafbfd;
      border-color: #e2e8ee;
      color: #757575; }
    .button--primary:hover, .button--primary:focus {
      background-color: #d4061e;
      border-color: #d4061e;
      color: #fff;
      -webkit-transition: background-color ease-out .1s, color ease-out .1s;
      transition: background-color ease-out .1s, color ease-out .1s; }
    .button--primary::after {
      border-radius: 0.8rem;
      -webkit-box-shadow: 0 0 0 0.1rem #fff, 0 0 0 0.2rem #788693, 0 0 0 0.5rem #e3e9ef;
              box-shadow: 0 0 0 0.1rem #fff, 0 0 0 0.2rem #788693, 0 0 0 0.5rem #e3e9ef;
      content: ' ';
      display: inline-block;
      height: calc(100% + 0.2rem);
      left: -0.1rem;
      opacity: 0;
      position: absolute;
      top: -0.1rem;
      -webkit-transition: opacity ease-in-out 0.2s;
      transition: opacity ease-in-out 0.2s;
      width: calc(100% + 0.2rem); }
    .button--primary:focus::after {
      opacity: 1; }
    .button--primary::-moz-focus-inner {
      border: 0; }
    .button--primary .button__icon {
      height: auto;
      min-width: auto;
      width: auto; }
    .button--primary--icon {
      padding: 1.9rem 4.8rem; }
  .button--secondary {
    font-family: "frutiger-lt-bold";
    font-size: 1.6rem;
    font-weight: initial;
    letter-spacing: -0.025rem;
    line-height: 1.6rem;
    border: 0.1rem solid;
    border-radius: 0.8rem;
    padding: 1.9rem 3.6rem;
    text-decoration: none;
    background-color: #fff;
    border-color: #ed0722;
    color: #ed0722;
    min-width: 13.5rem;
    outline: none;
    -webkit-transition: background-color ease-in .1s, color ease-in .1s;
    transition: background-color ease-in .1s, color ease-in .1s; }
    .button--secondary:disabled:disabled, .button--secondary:hover:disabled {
      background-color: #fafbfd;
      border-color: #e2e8ee;
      color: #757575; }
    .button--secondary:focus, .button--secondary:hover {
      background-color: #d4061e;
      border-color: #d4061e;
      color: #fff;
      -webkit-transition: background-color ease-out .1s, color ease-out .1s;
      transition: background-color ease-out .1s, color ease-out .1s; }
    .button--secondary::after {
      border-radius: 0.8rem;
      -webkit-box-shadow: 0 0 0 0.1rem #fff, 0 0 0 0.2rem #788693, 0 0 0 0.5rem #e3e9ef;
              box-shadow: 0 0 0 0.1rem #fff, 0 0 0 0.2rem #788693, 0 0 0 0.5rem #e3e9ef;
      content: ' ';
      display: inline-block;
      height: calc(100% + 0.2rem);
      left: -0.1rem;
      opacity: 0;
      position: absolute;
      top: -0.1rem;
      -webkit-transition: opacity ease-in-out 0.2s;
      transition: opacity ease-in-out 0.2s;
      width: calc(100% + 0.2rem); }
    .button--secondary:focus::after {
      opacity: 1; }
    .button--secondary::-moz-focus-inner {
      border: 0; }
    .button--secondary .button__icon {
      height: auto;
      min-width: auto;
      width: auto; }
    .button--secondary--icon {
      padding: 1.9rem 4.8rem; }
  .button--continue, .button--complete {
    font-family: "frutiger-lt-bold";
    font-size: 1.6rem;
    font-weight: initial;
    letter-spacing: -0.025rem;
    line-height: 1.6rem;
    border: 0.1rem solid;
    border-radius: 0.8rem;
    padding: 0 0 0 2rem;
    text-decoration: none;
    background-color: #fff;
    border-color: transparent;
    color: #ed0722;
    -webkit-transition: color ease-in 0.1s;
    transition: color ease-in 0.1s;
    border-radius: 4rem;
    outline: none; }
    .button--continue:disabled:disabled, .button--continue:hover:disabled, .button--complete:disabled:disabled, .button--complete:hover:disabled {
      background-color: #fafbfd;
      border-color: #e2e8ee;
      color: #757575; }
    .button--continue:hover:enabled, .button--continue:focus:enabled, .button--complete:hover:enabled, .button--complete:focus:enabled {
      background-color: #fff;
      border-color: transparent;
      color: #d4061e; }
      .button--continue:hover:enabled .button__icon, .button--continue:focus:enabled .button__icon, .button--complete:hover:enabled .button__icon, .button--complete:focus:enabled .button__icon {
        background-color: #d4061e;
        border-color: transparent;
        color: #fff;
        -webkit-transition: background-color ease-in .1s;
        transition: background-color ease-in .1s; }
    .button--continue:focus .button__icon::after, .button--complete:focus .button__icon::after {
      opacity: 1; }
    .button--continue::-moz-focus-inner, .button--complete::-moz-focus-inner {
      border: 0; }
    .button--continue:disabled:disabled, .button--complete:disabled:disabled {
      background-color: #fff;
      border-color: transparent;
      color: #d6d6d6; }
      .button--continue:disabled:disabled .button__icon, .button--complete:disabled:disabled .button__icon {
        background: #f6f6f6;
        border: 1px solid #d6d6d6; }
    .button--continue .button__icon, .button--complete .button__icon {
      position: relative;
      background-color: #ed0722;
      border-color: transparent;
      color: #fff;
      -webkit-transition: background-color ease-in .1s;
      transition: background-color ease-in .1s; }
      .button--continue .button__icon::after, .button--complete .button__icon::after {
        border-radius: 50%;
        -webkit-box-shadow: 0 0 0 0.1rem #fff, 0 0 0 0.2rem #788693, 0 0 0 0.5rem #e3e9ef;
                box-shadow: 0 0 0 0.1rem #fff, 0 0 0 0.2rem #788693, 0 0 0 0.5rem #e3e9ef;
        content: ' ';
        display: inline-block;
        height: calc(100% + 0rem);
        left: 0rem;
        opacity: 0;
        position: absolute;
        top: 0rem;
        -webkit-transition: opacity ease-in-out 0.2s;
        transition: opacity ease-in-out 0.2s;
        width: calc(100% + 0rem); }
  .button--continue .button__icon svg, .button--back .button__icon svg {
    -webkit-transition: -webkit-transform .2s ease-in;
    transition: -webkit-transform .2s ease-in;
    transition: transform .2s ease-in;
    transition: transform .2s ease-in, -webkit-transform .2s ease-in; }
  .button--continue:hover:enabled .button__icon svg, .button--continue:focus:enabled .button__icon svg {
    -webkit-transform: translateX(1px);
            transform: translateX(1px); }
  .button--back, .button--skip {
    font-family: "frutiger-lt-bold";
    font-size: 1.6rem;
    font-weight: initial;
    letter-spacing: -0.025rem;
    line-height: 1.6rem;
    border: 0.1rem solid;
    border-radius: 0.8rem;
    padding: 0 0.73rem;
    text-decoration: none;
    background-color: #fff;
    border-color: transparent;
    color: #333;
    -webkit-transition: color ease-in 0.1s;
    transition: color ease-in 0.1s;
    outline: none; }
    .button--back:disabled:disabled, .button--back:hover:disabled, .button--skip:disabled:disabled, .button--skip:hover:disabled {
      background-color: #fafbfd;
      border-color: #e2e8ee;
      color: #757575; }
    .button--back::after, .button--skip::after {
      border-radius: 0.4rem;
      -webkit-box-shadow: 0 0 0 0.1rem #fff, 0 0 0 0.2rem #788693, 0 0 0 0.5rem #e3e9ef;
              box-shadow: 0 0 0 0.1rem #fff, 0 0 0 0.2rem #788693, 0 0 0 0.5rem #e3e9ef;
      content: ' ';
      display: inline-block;
      height: calc(100% + 0rem);
      left: 0rem;
      opacity: 0;
      position: absolute;
      top: 0rem;
      -webkit-transition: opacity ease-in-out 0.2s;
      transition: opacity ease-in-out 0.2s;
      width: calc(100% + 0rem); }
    .button--back:hover, .button--back:focus, .button--skip:hover, .button--skip:focus {
      background-color: #fff;
      border-color: transparent;
      color: #757575; }
      .button--back:hover .button__icon, .button--back:focus .button__icon, .button--skip:hover .button__icon, .button--skip:focus .button__icon {
        background-color: #fff;
        border-color: transparent;
        color: #757575; }
      .button--back:hover .button__icon,
      .button--back:hover .button__text, .button--back:focus .button__icon,
      .button--back:focus .button__text, .button--skip:hover .button__icon,
      .button--skip:hover .button__text, .button--skip:focus .button__icon,
      .button--skip:focus .button__text {
        z-index: 1; }
      .button--back:hover .button__icon svg, .button--back:focus .button__icon svg, .button--skip:hover .button__icon svg, .button--skip:focus .button__icon svg {
        -webkit-transform: translateX(-1px);
                transform: translateX(-1px); }
    .button--back:focus::after, .button--skip:focus::after {
      background-color: #fff;
      opacity: 1; }
    .button--back::-moz-focus-inner, .button--skip::-moz-focus-inner {
      border: 0; }
    .button--back .button__icon, .button--skip .button__icon {
      background-color: #fff;
      border-color: transparent;
      color: #333; }
  .button--pill {
    font-family: "frutiger-lt-bold";
    font-size: 1.6rem;
    font-weight: initial;
    letter-spacing: -0.025rem;
    line-height: 1.6rem;
    border: 0.1rem solid;
    border-radius: 10rem;
    padding: 1.5rem 3.6rem;
    text-decoration: none;
    background-color: #fff;
    border-color: #8230df;
    color: #8230df;
    min-width: 13.5rem;
    outline: none;
    -webkit-transition: background-color ease-in .1s, color ease-in .1s;
    transition: background-color ease-in .1s, color ease-in .1s; }
    .button--pill:disabled:disabled, .button--pill:hover:disabled {
      background-color: #fafbfd;
      border-color: #e2e8ee;
      color: #757575; }
    .button--pill:focus, .button--pill:hover {
      background-color: #8230df;
      border-color: #8230df;
      color: #fff;
      -webkit-transition: background-color ease-out .1s, color ease-out .1s;
      transition: background-color ease-out .1s, color ease-out .1s; }
    .button--pill::after {
      border-radius: 10rem;
      -webkit-box-shadow: 0 0 0 0.1rem #fff, 0 0 0 0.2rem #788693, 0 0 0 0.5rem #e3e9ef;
              box-shadow: 0 0 0 0.1rem #fff, 0 0 0 0.2rem #788693, 0 0 0 0.5rem #e3e9ef;
      content: ' ';
      display: inline-block;
      height: calc(100% + 0.2rem);
      left: -0.1rem;
      opacity: 0;
      position: absolute;
      top: -0.1rem;
      -webkit-transition: opacity ease-in-out 0.2s;
      transition: opacity ease-in-out 0.2s;
      width: calc(100% + 0.2rem); }
    .button--pill:focus::after {
      opacity: 1; }
    .button--pill::-moz-focus-inner {
      border: 0; }
    .button--pill:active {
      background-color: #7521d5;
      border-color: #7521d5;
      color: #fff; }
    .button--pill .button__icon {
      height: auto;
      width: auto;
      min-width: auto; }
    .button--pill .svg-icon--color-error,
    .button--pill .svg-icon--color-info,
    .button--pill .svg-icon--color-success {
      fill: currentColor; }
  .button--pill-with-icon {
    padding: 1.5rem 3.0rem 1.5rem 2.4rem; }
  .button--text {
    background-color: #fff;
    border-color: #8230df;
    color: #8230df;
    border-radius: .2em;
    letter-spacing: -.025rem;
    outline: none;
    position: relative; }
    .button--text:hover, .button--text:focus {
      background-color: #fff;
      border-color: #44137c;
      color: #44137c; }
      .button--text:hover .link--dotted--hover, .button--text:focus .link--dotted--hover {
        border-bottom: solid 1px;
        color: inherit;
        margin-bottom: 0; }
    .button--text:hover .link--dotted--hover {
      border-bottom: dotted 1px; }
    .button--text::-moz-focus-inner {
      border: 0; }
  .button--scroll {
    bottom: 3.5rem;
    color: #333;
    margin-bottom: 0;
    opacity: 0;
    outline: none;
    position: fixed;
    right: 3.2rem;
    -webkit-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out;
    z-index: 1; }
    .button--scroll:focus {
      outline: none; }
    .button--scroll--visible {
      opacity: 1; }
    @supports (-webkit-overflow-scrolling: touch) {
      .button--scroll:active {
        outline: none; }
        .button--scroll:active .button__icon::after {
          opacity: 1; } }
    @media all and (-ms-high-contrast: active) {
      .button--scroll:focus .button__icon {
        outline: 2px solid white; } }
    @media all and (-ms-high-contrast: black-on-white) {
      .button--scroll:focus .button__icon {
        outline: 2px solid black; } }
    .button--scroll:focus .button__icon::after {
      opacity: 1; }
    .button--scroll .button__icon {
      background-color: #fff;
      border: 1px solid #e2e8ee;
      position: relative; }
      .button--scroll .button__icon::after {
        border-radius: 50%;
        -webkit-box-shadow: 0 0 0 0.1rem #fff, 0 0 0 0.2rem #788693, 0 0 0 0.5rem #e3e9ef;
                box-shadow: 0 0 0 0.1rem #fff, 0 0 0 0.2rem #788693, 0 0 0 0.5rem #e3e9ef;
        content: ' ';
        display: inline-block;
        height: calc(100% + 0rem);
        left: 0rem;
        opacity: 0;
        position: absolute;
        top: 0rem;
        -webkit-transition: opacity ease-in-out 0.2s;
        transition: opacity ease-in-out 0.2s;
        width: calc(100% + 0rem); }
    .button--scroll .button__icon + .button__text {
      margin-left: 0;
      margin-top: 1.2rem;
      width: 6rem; }
  .button--highlight {
    background-color: #fff;
    border-color: #8230df;
    color: #8230df; }
    .button--highlight:focus, .button--highlight:hover {
      background-color: #8230df;
      border-color: #8230df;
      color: #fff; }
    .button--highlight:active {
      background-color: #7521d5;
      border-color: #7521d5;
      color: #fff; }
  .button--notification {
    background-color: #fff;
    border-color: #be207a;
    color: #be207a; }
    .button--notification:focus, .button--notification:hover {
      background-color: #be207a;
      border-color: #be207a;
      color: #fff; }
    .button--notification:active {
      background-color: #a81c6c;
      border-color: #a81c6c;
      color: #fff; }
  .button--help {
    background-color: #fff;
    border-color: #ed0722;
    color: #ed0722; }
    .button--help:focus, .button--help:hover {
      background-color: #ed0722;
      border-color: #ed0722;
      color: #fff; }
    .button--help:active {
      background-color: #d4061e;
      border-color: #d4061e;
      color: #fff; }
  .button--success {
    background-color: #fff;
    border-color: #008660;
    color: #008660; }
    .button--success:focus, .button--success:hover {
      background-color: #008660;
      border-color: #008660;
      color: #fff; }
    .button--success:active {
      background-color: #006d4e;
      border-color: #006d4e;
      color: #fff; }
  .button--info {
    background-color: #fff;
    border-color: #087bb4;
    color: #087bb4; }
    .button--info:focus, .button--info:hover {
      background-color: #087bb4;
      border-color: #087bb4;
      color: #fff; }
    .button--info:active {
      background-color: #076a9c;
      border-color: #076a9c;
      color: #fff; }
  .button--tab {
    background: transparent;
    border: 0;
    border-radius: 0;
    display: inline-block; }
  .button:disabled:hover {
    -webkit-box-shadow: none;
            box-shadow: none; }
  .button--close {
    border: 0;
    padding: 0; }
    .button--close::after {
      border-radius: 0.1rem;
      -webkit-box-shadow: 0 0 0 0.1rem #fff, 0 0 0 0.2rem #788693, 0 0 0 0.5rem #e3e9ef;
              box-shadow: 0 0 0 0.1rem #fff, 0 0 0 0.2rem #788693, 0 0 0 0.5rem #e3e9ef;
      content: ' ';
      display: inline-block;
      height: calc(100% + 0.2rem);
      left: -0.1rem;
      opacity: 0;
      position: absolute;
      top: -0.1rem;
      -webkit-transition: opacity ease-in-out 0.2s;
      transition: opacity ease-in-out 0.2s;
      width: calc(100% + 0.2rem); }
    .button--close:focus::after {
      opacity: 1; }

.nav {
  -webkit-box-shadow: 0 6px 7px 0 rgba(0, 40, 80, 0.11);
          box-shadow: 0 6px 7px 0 rgba(0, 40, 80, 0.11);
  width: 100%; }
  @media (max-width: 1199px) {
    .nav--md-toggled, .nav--sm-toggled {
      background-color: #fff;
      -webkit-box-shadow: none;
              box-shadow: none;
      height: 100%;
      left: 0;
      overflow: auto;
      position: fixed;
      width: 60%;
      z-index: 1; }
      .nav--md-toggled .nav__brand,
      .nav--md-toggled .nav__search, .nav--sm-toggled .nav__brand,
      .nav--sm-toggled .nav__search {
        display: none; }
      .nav--md-toggled .nav__list, .nav--sm-toggled .nav__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; } }
  @media (max-width: 921px) {
    .nav--md-toggled, .nav--sm-toggled {
      width: 80%; } }
  .nav__list {
    list-style: none;
    margin: 0;
    padding-left: 0; }
    @media (max-width: 1199px) {
      .nav__list {
        display: none;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        margin-left: 1.2rem;
        margin-right: 1.2rem;
        padding-left: .7rem; } }
  @media (max-width: 1199px) {
    .nav__item {
      margin: 1.2rem 0; } }
  @media (min-width: 1200px) {
    .nav__item + .nav__item {
      margin-left: 3.6rem; } }
  .nav__action {
    color: #757575;
    cursor: pointer;
    display: block;
    font-family: "frutiger-lt-roman";
    font-size: 1.6rem;
    padding: 2.4rem .8rem;
    text-decoration: none; }
    @media (max-width: 1199px) {
      .nav__action {
        font-size: 1.8rem;
        padding: 0; } }
    .nav__action:hover {
      color: #333;
      text-decoration: none; }
    .nav__action--active {
      border-bottom: solid 2px #ed0722;
      color: #333; }
      @media (max-width: 1199px) {
        .nav__action--active {
          border-bottom: 0;
          color: #ed0722; } }
  .nav__header {
    display: none; }
    @media (max-width: 1199px) {
      .nav__header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        padding: 3rem 1.2rem; } }
  .nav__title {
    font-size: 2rem;
    letter-spacing: -.025rem;
    line-height: 2.4rem; }
    @media (max-width: 1199px) {
      .nav__title {
        font-size: 2rem; } }

.tab {
  width: 100%; }
  .tab__content {
    display: none; }
    .tab__content--active {
      display: block; }
  .tab__bar {
    border-bottom: solid 1px #e2e8ee; }
  .tab__list {
    list-style: none;
    margin: 0;
    padding-left: 0; }
  .tab__item + .tab__item {
    margin-left: 2.4rem; }
  .tab__action {
    color: #757575;
    cursor: pointer;
    display: block;
    font-family: "frutiger-lt-roman";
    font-size: 1.4rem;
    padding: 0.6rem; }
    .tab__action:hover {
      color: #333;
      text-decoration: none; }
    .tab__action--active {
      border-bottom: solid 2px #ed0722;
      color: #333;
      font-family: "frutiger-lt-bold"; }

.header {
  border-top: solid 4px #ed0722; }
  .header__bar {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 3.6rem 1.2rem; }
  .header .drop-down {
    background-position: right 1.2rem bottom .5rem;
    border: 0;
    font-family: "frutiger-lt-medium", Arial, Helvetica, "sans-serif";
    font-size: 1.6rem;
    letter-spacing: 0;
    line-height: 1.6rem;
    padding: 0 4.4rem .5rem .1rem; }
  .header .form {
    margin-left: 2.2rem;
    margin-top: 1.25rem; }
  .header__icon {
    color: #757575;
    margin-top: .75rem; }
    .header__icon:hover, .header__icon:active, .header__icon:focus {
      color: #333; }
  .header__nav ul {
    margin-right: 4.8rem; }
  .header__nav .link {
    color: #757575;
    font-family: "frutiger-lt-roman", Arial, Helvetica, "sans-serif";
    font-size: 1.6rem;
    letter-spacing: 0;
    line-height: 2.4rem; }
    .header__nav .link:hover {
      border: 0;
      color: #ed0722;
      font-weight: 700; }
  .header--shadow {
    -webkit-box-shadow: 0 6px 7px 0 rgba(0, 40, 80, 0.11);
            box-shadow: 0 6px 7px 0 rgba(0, 40, 80, 0.11); }
  @media (max-width: 1199px) {
    .header--responsive-nav {
      left: 0;
      position: fixed;
      top: 0;
      width: 100%;
      z-index: 10; }
      .header--responsive-nav .header__bar {
        display: none; } }

.hamburger {
  display: inline-block;
  position: relative; }
  .hamburger__icon {
    background-color: transparent;
    border: none;
    border-radius: .4rem;
    cursor: pointer;
    padding: 1rem; }
  .hamburger__dialog {
    background-color: #fff;
    border: 1px solid #e2e8ee;
    border-radius: .4rem;
    -webkit-box-shadow: 0 0.2rem 1rem 0 #e2e8ee;
            box-shadow: 0 0.2rem 1rem 0 #e2e8ee;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    padding: 1.2rem 0;
    position: absolute;
    right: 0;
    -webkit-transform: translateY(-0.4rem);
            transform: translateY(-0.4rem);
    white-space: nowrap;
    z-index: 1; }
  .hamburger--active .hamburger__icon {
    background-color: #e2e8ee; }

.hamburger__link {
  color: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  padding: 1.4rem 2.4rem;
  text-decoration: none; }
  .hamburger__link:hover, .hamburger__link:focus {
    background-color: #e2e8ee; }

@media (max-width: 1199px) {
  main.gallery-shift {
    margin-top: 6.2rem; } }

.side-bar {
  background-color: #fafbfd;
  min-width: 22rem; }
  @media (max-width: 1199px) {
    [class*='direction--'] > .side-bar {
      margin: 0;
      padding: 0;
      position: relative;
      top: 0;
      width: 100%; }
      [class*='direction--'] > .side-bar--expanded {
        bottom: 0;
        min-height: 100vh; } }

.side-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  margin: 4.8rem 2.4rem; }
  @media (max-width: 1199px) {
    .side-nav.md-show {
      display: inherit; } }
  @media (max-width: 1199px) {
    .side-nav {
      display: none;
      margin: 2.4rem 3.6rem; } }
  .side-nav__list {
    list-style: none;
    margin: 0;
    padding-left: 0; }
  .side-nav__item {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-negative: 1;
        flex-shrink: 1;
    font-family: "frutiger-lt-light";
    font-size: 1.6rem;
    line-height: 1.6rem;
    color: #757575;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .side-nav__item.side-nav__item--active {
      font-family: "frutiger-lt-roman";
      font-size: 1.6rem;
      line-height: 1.6rem;
      border-bottom: #e2e8ee 0.1rem solid;
      border-top: #e2e8ee 0.1rem solid;
      color: #333;
      margin: .6rem 0;
      padding: .6rem 0; }
      @media (max-width: 1199px) {
        .side-nav__item.side-nav__item--active {
          margin: 1.2rem 0;
          padding: 1.2rem 0; } }
      .side-nav__item.side-nav__item--active span {
        -webkit-filter: FlipH;
                filter: FlipH;
        -webkit-transform: scaleY(-1);
                transform: scaleY(-1); }
      .side-nav__item.side-nav__item--active .sub-nav {
        display: inherit; }
    .side-nav__item:first-of-type.side-nav__item--active {
      border-top: 0;
      margin-top: 0;
      padding-top: 0; }
    .side-nav__item:last-of-type.side-nav__item--active {
      border-bottom: 0;
      margin-bottom: 0;
      padding-bottom: 0; }

.quick-nav {
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  background-color: #fafbfd;
  border-bottom: 1px solid #e2e8ee;
  display: none; }
  @media (max-width: 1199px) {
    .quick-nav.md-hide {
      display: none; } }
  @media (max-width: 1199px) {
    .quick-nav {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-preferred-size: auto;
          flex-basis: auto;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      -ms-flex-negative: 1;
          flex-shrink: 1;
      height: 6.2rem; } }
  .quick-nav button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-negative: 1;
        flex-shrink: 1;
    font-family: "frutiger-lt-bold";
    font-size: 1.6rem;
    font-weight: initial;
    letter-spacing: 0.025rem;
    line-height: 2rem;
    margin: 0;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    background-color: transparent;
    border: 0;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 2rem 2.4rem; }
  .quick-nav button > span:first-of-type {
    font-family: "frutiger-lt-light";
    font-size: 1.6rem;
    font-weight: initial;
    letter-spacing: 0.025rem;
    line-height: 2rem;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-negative: 1;
        flex-shrink: 1;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
    .quick-nav button > span:first-of-type::before {
      content: '/';
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin: 0 .5rem; }

.nav-item button,
.nav-item a {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  text-decoration: inherit; }
  .nav-item button:hover,
  .nav-item a:hover {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    text-decoration: inherit; }

.nav-item__action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 1.2rem; }
  @media (max-width: 1199px) {
    .nav-item__action {
      padding: 1.2rem .8rem; } }

.sub-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  list-style: none;
  margin: 0;
  padding-left: 0;
  display: none;
  margin-left: 1.2rem; }
  @media (max-width: 1199px) {
    .sub-nav {
      margin-left: 2.4rem; } }
  .sub-nav li {
    list-style: none; }
  .sub-nav__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-negative: 1;
        flex-shrink: 1;
    font-family: "frutiger-lt-light";
    font-size: 1.6rem;
    line-height: 1.6rem;
    color: #757575;
    padding: .6rem 1.2rem; }
    @media (max-width: 1199px) {
      .sub-nav__item {
        padding: .9rem 2.4rem; } }
    .sub-nav__item--active {
      font-family: "frutiger-lt-bold";
      font-size: 1.6rem;
      line-height: 1.6rem;
      color: #8230df; }
    .sub-nav__item:last-of-type {
      padding-bottom: 1.2rem; }

.footer {
  width: 100%; }
  .footer__bar {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 2.1rem .6rem; }
    @media (max-width: 767px) {
      .footer__bar {
        padding: 2.3rem .6rem 1.3rem; } }
  .footer__link {
    color: currentColor;
    margin-left: 1.8rem;
    text-decoration: none; }
    .footer__link:focus {
      border-bottom: .1rem solid currentColor;
      outline: none; }
    .footer__link:hover {
      border-bottom: .1rem dotted currentColor;
      cursor: pointer; }
    .footer__link .svg-icon {
      margin: 0 0 0 .4rem;
      stroke-width: 2; }
    @media (max-width: 767px) {
      .footer__link {
        margin: 0; } }
  .footer--light-theme {
    background-color: #fafbfd;
    border-top: 0.1rem solid #e2e8ee;
    color: #333; }
  .footer--dark-theme {
    background-color: #ed0722;
    color: #fff; }
  .footer__list {
    display: inherit;
    list-style: none;
    margin: 0;
    padding: 0; }
    @media (max-width: 767px) {
      .footer__list {
        -webkit-columns: 2;
           -moz-columns: 2;
                columns: 2;
        -webkit-column-gap: 6.7rem;
           -moz-column-gap: 6.7rem;
                column-gap: 6.7rem;
        display: block;
        width: 100%; } }
  @media (max-width: 767px) {
    .footer-list__item {
      margin: 0 0 1.8rem; }
      .footer-list__item:last-child:not(:nth-child(even)) {
        margin-bottom: 5.3rem; } }
  .footer-list__item:first-child .footer__link {
    margin: 0; }
  @media (max-width: 767px) {
    .footer__copyright {
      border-top: 0.1rem solid #e2e8ee;
      padding: .9rem 0 0;
      width: 100%; } }

.stepper {
  max-width: 40rem; }
  .stepper__indicator {
    background: -webkit-gradient(linear, left bottom, left top, from(transparent), color-stop(transparent), color-stop(#d6d6d6), color-stop(#d6d6d6), color-stop(transparent), to(transparent));
    background: linear-gradient(0deg, transparent 0%, transparent calc(50% - .1rem), #d6d6d6 calc(50% - .1rem), #d6d6d6 calc(50% + .1rem), transparent calc(50% + .1rem), transparent 100%);
    counter-reset: step-counter;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .stepper__step {
    border-radius: 1rem;
    counter-increment: step-counter;
    font-family: "frutiger-lt-roman", Arial, Helvetica, "sans-serif";
    height: 2rem;
    position: relative;
    width: 2rem; }
    .stepper__step--completed {
      background: #fff;
      border: 0.2rem solid #8230df; }
      .stepper__step--completed .svg-icon {
        left: 50%;
        margin-top: .1rem;
        position: absolute;
        stroke-width: 4;
        top: 50%;
        -webkit-transform: translate(-50%, -50%) scale(0.7);
                transform: translate(-50%, -50%) scale(0.7);
        width: 1.4rem; }
    .stepper__step--current {
      background: #8230df;
      border: 0.2rem solid #8230df;
      color: #fff; }
    .stepper__step--pending {
      background: #fff;
      border: 0.2rem solid #757575;
      color: #757575; }
    .stepper--numbered .stepper__step {
      border-radius: 1.25rem;
      height: 2.5rem;
      width: 2.5rem; }
      .stepper--numbered .stepper__step--completed .svg-icon {
        margin-top: 0;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%); }
    .stepper--numbered .stepper__step--pending::before,
    .stepper--numbered .stepper__step--current::before {
      content: counter(step-counter);
      left: 50%;
      position: absolute;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
  .stepper__label {
    font-family: "frutiger-lt-roman", Arial, Helvetica, "sans-serif";
    font-size: 1.4rem;
    font-weight: initial;
    letter-spacing: 0;
    margin: 0;
    margin-top: 2.4rem;
    text-align: center; }
    .stepper__label__info {
      font-family: "frutiger-lt-bold", Arial, Helvetica, "sans-serif";
      padding-left: .4rem; }

.form__input, .form__input-group {
  border: 0;
  position: relative; }
  .form__input--inline, .form__input-group--inline {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative; }
  .form__input--language, .form__input-group--language {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex; }
  .form__input + .form__input, .form__input-group + .form__input, .form__input + .form__input-group, .form__input-group + .form__input-group {
    margin-top: 3.6rem; }
  .form__input--error + .form__input, .form__input-group--error + .form__input, .form__input--error + .form__input-group, .form__input-group--error + .form__input-group {
    margin-top: 1.8rem; }

.form__button {
  font-family: "frutiger-lt-bold";
  font-size: 1.2rem;
  font-weight: initial;
  line-height: 1.6rem;
  background-color: transparent;
  border-width: 0;
  color: #8230df;
  padding: 1.8rem 0 1.1rem;
  text-transform: uppercase; }
  .form__button:hover {
    color: #44137c; }
  .form__button--centered {
    padding: 0; }

.label {
  font-family: "frutiger-lt-bold";
  font-size: 1.6rem;
  font-weight: initial;
  line-height: 2.4rem;
  color: #333;
  display: block;
  padding: 0 .1rem; }
  .label--disabled {
    color: #d6d6d6; }
  .label--error {
    color: #cb061d; }
  .label--inline {
    font-family: "frutiger-lt-roman"; }
  .label--aux-label {
    font-family: "frutiger-lt-light";
    margin-left: .3rem; }

input::-ms-clear, input::-ms-reveal {
  display: none;
  height: 0;
  width: 0; }

.input {
  padding: 1rem .1rem;
  width: 100%;
  font-family: "frutiger-lt-light";
  font-size: 2rem;
  font-weight: initial;
  line-height: 2.4rem; }
  .input--with-icon {
    top: initial; }
    .input--with-icon--left {
      padding-left: 2.5rem; }
    .input--with-icon--right {
      padding-right: 4.5rem; }
  .input__icon {
    pointer-events: none;
    position: absolute; }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .input__icon {
        bottom: 1.4rem; } }
    .input__icon--left {
      left: 0; }
    .input__icon--right {
      right: 1.6rem; }
    .input__icon--highlight {
      color: #8230df; }
      .input--error + .input__icon--highlight,
      .input--error:focus + .input__icon--highlight {
        color: #cb061d; }
    .input__icon--action {
      pointer-events: visible; }
  .input__character-limit {
    bottom: 1.5rem;
    margin: 0;
    position: absolute;
    right: 1.5rem; }
    .input__character-limit--error {
      color: #cb061d; }

.input--text {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border-bottom-color: #757575;
  border-bottom-style: solid;
  border-radius: 0;
  border-width: 0 0 1px;
  color: #333;
  display: block;
  outline: none;
  position: relative;
  -webkit-transition: -webkit-box-shadow 0.2s ease-in-out;
  transition: -webkit-box-shadow 0.2s ease-in-out;
  transition: box-shadow 0.2s ease-in-out;
  transition: box-shadow 0.2s ease-in-out, -webkit-box-shadow 0.2s ease-in-out;
  width: 100%; }
  .input--text:focus {
    border-bottom-color: #8230df;
    -webkit-box-shadow: 0 0.1rem #8230df;
            box-shadow: 0 0.1rem #8230df; }
  .input--text.input--error:focus {
    -webkit-box-shadow: 0 0.1rem #cb061d;
            box-shadow: 0 0.1rem #cb061d; }
  .input--text.input--disabled {
    border-bottom-color: #757575;
    border-bottom-style: dashed;
    color: #757575;
    cursor: not-allowed; }
  .input--text.input--error {
    border-bottom-color: #cb061d;
    padding-bottom: 1rem; }

.checkbox {
  -ms-flex-item-align: start;
      align-self: flex-start;
  background-color: transparent;
  border: solid 1px #333;
  border-radius: .6rem;
  color: #fff;
  margin-right: 1.2rem;
  min-height: 2.6rem;
  min-width: 2.6rem;
  position: relative;
  -webkit-transition: opacity ease-in-out 0.2s;
  transition: opacity ease-in-out 0.2s; }
  .checkbox::after {
    border-radius: 0.6rem;
    -webkit-box-shadow: 0 0 0 0.1rem #fff, 0 0 0 0.2rem #788693, 0 0 0 0.5rem #e3e9ef;
            box-shadow: 0 0 0 0.1rem #fff, 0 0 0 0.2rem #788693, 0 0 0 0.5rem #e3e9ef;
    content: ' ';
    display: inline-block;
    height: calc(100% + 0.2rem);
    left: 0rem;
    opacity: 0;
    position: absolute;
    top: 0rem;
    -webkit-transition: opacity ease-in-out 0.2s;
    transition: opacity ease-in-out 0.2s;
    width: calc(100% + 0.2rem);
    -webkit-transform: translate(-0.1rem, -0.1rem);
            transform: translate(-0.1rem, -0.1rem); }
  .checkbox .svg-icon {
    left: 50%;
    margin-left: -.6rem;
    margin-top: -.6rem;
    position: absolute;
    top: 50%; }
  .checkbox__check {
    display: none; }

.input--checkbox {
  -ms-flex-item-align: start;
      align-self: flex-start;
  opacity: 0;
  position: absolute;
  width: auto; }
  .input--checkbox:focus + .checkbox::after {
    opacity: 1; }
  @media all and (-ms-high-contrast: active) {
    .input--checkbox:focus + .checkbox {
      outline: 2px solid white; } }
  @media all and (-ms-high-contrast: black-on-white) {
    .input--checkbox:focus + .checkbox {
      outline: 2px solid black; } }
  .input--checkbox:checked + .checkbox {
    background-color: #8230df;
    border-color: #8230df; }
  .input--checkbox:checked + .checkbox .checkbox__check {
    display: block; }
  .input--checkbox:disabled + .checkbox {
    border-color: #d6d6d6; }
  .input--checkbox:disabled:checked + .checkbox {
    background-color: transparent;
    color: #d6d6d6; }
  .input--checkbox:disabled:checked + .checkbox .checkbox__check {
    display: block; }
  .input--checkbox.input--error + .checkbox {
    border-color: #cb061d;
    border-width: 2px; }
    .input--checkbox.input--error + .checkbox::after {
      border-radius: 0.6rem;
      -webkit-box-shadow: 0 0 0 0.1rem #fff, 0 0 0 0.2rem #788693, 0 0 0 0.5rem #e3e9ef;
              box-shadow: 0 0 0 0.1rem #fff, 0 0 0 0.2rem #788693, 0 0 0 0.5rem #e3e9ef;
      content: ' ';
      display: inline-block;
      height: calc(100% + 0.4rem);
      left: 0rem;
      opacity: 0;
      position: absolute;
      top: 0rem;
      -webkit-transition: opacity ease-in-out 0.2s;
      transition: opacity ease-in-out 0.2s;
      width: calc(100% + 0.4rem);
      -webkit-transform: translate(-0.2rem, -0.2rem);
              transform: translate(-0.2rem, -0.2rem); }
  .input--checkbox.input--error:focus + .checkbox::after {
    opacity: 1; }

.label--checkbox {
  line-height: 2rem;
  padding-top: 0.3rem; }

.form__input--checkbox + .form__input--checkbox {
  margin-top: 2.4rem; }

.radio {
  -ms-flex-item-align: start;
      align-self: flex-start;
  background-color: transparent;
  border: solid 1px #333;
  border-radius: 50%;
  margin-right: 1.2rem;
  min-height: 2.6rem;
  min-width: 2.6rem;
  position: relative;
  -webkit-transition: opacity ease-in-out 0.2s;
  transition: opacity ease-in-out 0.2s; }
  .radio::after {
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 0.1rem #fff, 0 0 0 0.2rem #788693, 0 0 0 0.5rem #e3e9ef;
            box-shadow: 0 0 0 0.1rem #fff, 0 0 0 0.2rem #788693, 0 0 0 0.5rem #e3e9ef;
    content: ' ';
    display: inline-block;
    height: calc(100% + 0.2rem);
    left: 0rem;
    opacity: 0;
    position: absolute;
    top: 0rem;
    -webkit-transition: opacity ease-in-out 0.2s;
    transition: opacity ease-in-out 0.2s;
    width: calc(100% + 0.2rem);
    -webkit-transform: translate(-0.1rem, -0.1rem);
            transform: translate(-0.1rem, -0.1rem); }
  .radio .svg-icon {
    left: 50%;
    margin-left: -.4rem;
    margin-top: -.4rem;
    position: absolute;
    top: 50%; }
  .radio__circle--small {
    color: #fff;
    height: .8rem;
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transition: -webkit-transform .1s ease 0ms;
    transition: -webkit-transform .1s ease 0ms;
    transition: transform .1s ease 0ms;
    transition: transform .1s ease 0ms, -webkit-transform .1s ease 0ms;
    width: .8rem; }
  .radio__circle--big {
    background-color: #fff;
    border-radius: 50%;
    height: 100%;
    position: absolute;
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transition: -webkit-transform .1s linear 0ms;
    transition: -webkit-transform .1s linear 0ms;
    transition: transform .1s linear 0ms;
    transition: transform .1s linear 0ms, -webkit-transform .1s linear 0ms;
    width: 100%; }

.input--radio {
  left: -9999px;
  opacity: 0;
  position: absolute; }
  .input--radio:focus + .radio {
    outline: none; }
    @media all and (-ms-high-contrast: active) {
      .input--radio:focus + .radio {
        outline: 2px solid white; } }
    @media all and (-ms-high-contrast: black-on-white) {
      .input--radio:focus + .radio {
        outline: 2px solid black; } }
    .input--radio:focus + .radio::after {
      opacity: 1; }
  .input--radio:checked + .radio {
    border-color: #8230df; }
  .input--radio:checked + .radio .radio__circle--small {
    display: block;
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transition: -webkit-transform .1s ease 0ms;
    transition: -webkit-transform .1s ease 0ms;
    transition: transform .1s ease 0ms;
    transition: transform .1s ease 0ms, -webkit-transform .1s ease 0ms; }
  .input--radio:checked + .radio .radio__circle--big {
    background-color: #8230df;
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transition: -webkit-transform .1s linear 0ms;
    transition: -webkit-transform .1s linear 0ms;
    transition: transform .1s linear 0ms;
    transition: transform .1s linear 0ms, -webkit-transform .1s linear 0ms; }
  .input--radio:checked + .radio::before {
    display: block; }
  .input--radio:disabled + .radio {
    border-color: #d6d6d6; }
  .input--radio:disabled + .radio .radio__circle--big {
    background-color: #fafbfd; }
  .input--radio:disabled:checked + .radio .radio__circle--small {
    color: #d6d6d6;
    display: block; }
  .input--radio.input--error + .radio {
    border-color: #cb061d;
    border-width: 2px; }
    .input--radio.input--error + .radio .radio__circle--big {
      background-color: #cb061d; }
    .input--radio.input--error + .radio::after {
      border-radius: 50%;
      -webkit-box-shadow: 0 0 0 0.1rem #fff, 0 0 0 0.2rem #788693, 0 0 0 0.5rem #e3e9ef;
              box-shadow: 0 0 0 0.1rem #fff, 0 0 0 0.2rem #788693, 0 0 0 0.5rem #e3e9ef;
      content: ' ';
      display: inline-block;
      height: calc(100% + 0.4rem);
      left: 0rem;
      opacity: 0;
      position: absolute;
      top: 0rem;
      -webkit-transition: opacity ease-in-out 0.2s;
      transition: opacity ease-in-out 0.2s;
      width: calc(100% + 0.4rem);
      -webkit-transform: translate(-0.2rem, -0.2rem);
              transform: translate(-0.2rem, -0.2rem); }
  .input--radio.input--error:focus + .radio::after {
    opacity: 1; }

.label--radio {
  line-height: 2rem;
  padding-top: 0.3rem; }

.form__input--radio + .form__input--radio {
  margin-top: 2.4rem; }

.input--pin {
  height: 4.5rem;
  max-width: 4.8rem;
  text-align: center; }

.input--obfuscate {
  font-family: "text-security-disc";
  font-size: 1rem; }

.form__input--pin {
  max-width: 6rem;
  padding-right: 1.2rem; }
  .form__input--pin + .form__input--pin {
    margin-top: 0; }
  .form__input--pin--with-space {
    margin-left: 1.8rem; }
    @media (min-width: 767px) {
      .form__input--pin--with-space {
        margin-left: 3.6rem; } }

.input-w-aux__input:-webkit-autofill ~ label {
  height: 1px;
  left: -10000px;
  overflow: hidden;
  position: absolute;
  top: auto;
  width: 1px; }

.input-w-aux {
  margin-top: 1.8rem;
  position: relative; }
  .input-w-aux__icon {
    bottom: 1.5rem;
    padding: 0;
    position: absolute;
    z-index: 1; }
  .input-w-aux__icon:focus {
    outline: none; }
  .input-w-aux__label {
    bottom: 1rem;
    color: #757575;
    cursor: text;
    left: 2.5rem;
    position: absolute;
    right: 0; }
  .input-w-aux__input {
    padding-left: 2.5rem; }
    .input-w-aux__input--no-icon {
      padding-left: 0; }
    .input-w-aux__input.input--active + label {
      height: 1px;
      left: -10000px;
      overflow: hidden;
      position: absolute;
      top: auto;
      width: 1px; }
    .input-w-aux__input.input--active ~ button {
      opacity: 1; }
  .input-w-aux__action {
    bottom: 1.1rem;
    color: #8230df;
    height: 2rem;
    opacity: 0;
    padding: 0;
    position: absolute;
    right: 1.8rem;
    -webkit-transition: opacity 0.1s ease-in-out;
    transition: opacity 0.1s ease-in-out;
    width: 2rem;
    z-index: 110; }

.error {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #cb061d;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: .6rem; }
  .error__text {
    font-family: "frutiger-lt-roman";
    font-size: 1.4rem;
    font-weight: initial;
    line-height: 1.8rem;
    margin-left: 1rem; }
  .error__icon {
    -ms-flex-item-align: start;
        align-self: flex-start; }

.login {
  border: 0;
  height: auto;
  margin: 0;
  padding: 0; }

@media (min-width: 767px) {
  .input-w-aux__label, .input-w-aux__input {
    font-family: "frutiger-lt-light", Arial, Helvetica, "sans-serif";
    font-size: 2rem;
    font-weight: initial;
    letter-spacing: normal;
    line-height: 2.4rem;
    margin: 0; } }

@media (max-width: 767px) {
  .input-w-aux__label, .input-w-aux__input {
    font-family: "frutiger-lt-light", Arial, Helvetica, "sans-serif";
    font-size: 1.8rem;
    font-weight: initial;
    letter-spacing: normal;
    line-height: 2.4rem;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; } }

.input--select {
  -moz-appearance: none;
  -webkit-appearance: none;
  background-color: transparent;
  border: 0;
  border-bottom-color: #757575;
  border-bottom-style: solid;
  border-radius: 0;
  border-width: 0 0 1px;
  color: #333;
  display: block;
  outline: none;
  padding-right: 4.8rem;
  position: relative;
  width: 100%; }
  .input--select::-ms-expand {
    display: none; }
  .input--select:focus {
    border-bottom-color: #8230df; }
  .input--select:focus, .input--select.input--error:focus {
    border-bottom-width: .2rem;
    margin-bottom: -0.1rem; }
  .input--select.input--disabled {
    border-bottom-color: #757575;
    border-bottom-style: dashed;
    color: #757575;
    cursor: not-allowed; }
  .input--select.input--error {
    border-bottom-color: #cb061d; }
  .input--select-wrap {
    position: relative; }

.input-group__legend {
  font-family: "frutiger-lt-bold";
  font-size: 1.6rem;
  font-weight: initial;
  letter-spacing: 0;
  line-height: 1.6rem; }
  .input-group__legend + .form__input {
    margin-top: 2.6rem; }

.input-group__error {
  margin-left: .45rem; }

.form__input + .input-group__error {
  margin-top: 2.4rem; }

.input--language {
  font-family: "frutiger-lt-medium";
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.6rem;
  border: 0;
  letter-spacing: 0;
  width: auto; }
  .input--language__icon {
    color: #8230df;
    right: 1.6rem; }
  .input--language:active, .input--language:hover, .input--language:focus {
    margin-bottom: 0; }
    @media all and (-ms-high-contrast: active) {
      .input--language:active, .input--language:hover, .input--language:focus {
        outline: 2px solid white; } }
    @media all and (-ms-high-contrast: black-on-white) {
      .input--language:active, .input--language:hover, .input--language:focus {
        outline: 2px solid black; } }

.form__password-requirements {
  padding: 0; }

.form__password-requirement {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 .6rem;
  padding: 0; }
  .form__password-requirement:last-of-type {
    margin: 0; }

.form__password-title {
  font-family: "frutiger-lt-bold";
  margin: 1.4rem 0 1rem; }

.form__password-title, .form__password-description {
  font-size: 1.4rem; }

.form__password-description {
  margin: 0 0 0 1.2rem; }

.input--textbox-wrapper {
  padding-top: .3rem;
  position: relative; }
  .input--textbox-wrapper em {
    background-color: #fed2d7;
    font-style: normal; }

.input--textbox-highlight {
  background-color: #fff;
  border-color: transparent;
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  color: transparent;
  letter-spacing: normal;
  outline: none;
  padding: 1rem 3.5rem 1rem 1rem;
  position: absolute;
  white-space: pre-wrap;
  width: 100%;
  word-wrap: break-word; }

.input--textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border-color: #757575;
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  color: #333;
  display: block;
  height: 100%;
  letter-spacing: normal;
  outline: none;
  overflow: hidden;
  padding: 1rem 3.5rem 1rem 1rem;
  position: relative;
  resize: none;
  white-space: pre-wrap;
  width: 100%;
  word-wrap: break-word; }
  .input--textarea:focus {
    border-color: #8230df;
    -webkit-box-shadow: 0 0 0 0.1rem #8230df;
            box-shadow: 0 0 0 0.1rem #8230df; }
  .input--textarea.input--error:focus {
    border-color: #cb061d;
    -webkit-box-shadow: 0 0 0 0.1rem #cb061d;
            box-shadow: 0 0 0 0.1rem #cb061d; }

.input.input--disabled {
  border-color: #757575;
  border-style: dashed;
  color: #757575;
  cursor: not-allowed; }

.input.input--error {
  border-color: #cb061d;
  padding-bottom: 1rem; }

@supports (-webkit-overflow-scrolling: touch) {
  .input--textbox-highlight {
    padding: 1rem 3.5rem 1rem 1.3rem; }
  .input--textarea {
    width: 101%; } }

.input--search {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  border-radius: .8rem;
  -webkit-box-shadow: 0 0 0 0.1rem #757575;
          box-shadow: 0 0 0 0.1rem #757575;
  font-size: 1.6rem;
  padding: 1.4rem 4.6rem;
  width: 100%; }
  .input--search.dark-background {
    -webkit-box-shadow: none;
            box-shadow: none; }
  @media (min-width: 768px) {
    .input--search {
      font-size: 2.4rem;
      padding: 1.4rem 3.2rem; } }
  .input--search__icon {
    color: #8230df;
    padding-left: 1.8rem; }
    .input--search__icon--desktop {
      display: none;
      color: #757575; }
      .input--search__icon--desktop:after {
        border-radius: 1rem;
        -webkit-box-shadow: 0 0 0 0.1rem #fff, 0 0 0 0.2rem #788693, 0 0 0 0.5rem #e3e9ef;
                box-shadow: 0 0 0 0.1rem #fff, 0 0 0 0.2rem #788693, 0 0 0 0.5rem #e3e9ef;
        content: ' ';
        display: inline-block;
        height: calc(100% + 0rem);
        left: -0.1rem;
        opacity: 0;
        position: absolute;
        top: -0.1rem;
        -webkit-transition: opacity ease-in-out 0.2s;
        transition: opacity ease-in-out 0.2s;
        width: calc(100% + 0rem); }
      .input--search__icon--desktop:focus, .input--search__icon--desktop:active {
        outline: none;
        color: #8230df; }
        .input--search__icon--desktop:focus::after, .input--search__icon--desktop:active::after {
          opacity: 1; }
        .input--search__icon--desktop:focus .svg-icon, .input--search__icon--desktop:active .svg-icon {
          stroke-width: 3; }
      .input--search__icon--desktop--value {
        color: #8230df; }
      @media (min-width: 768px) {
        .input--search__icon--desktop {
          display: block; } }
    .input--search__icon--mobile {
      display: block; }
      @media (min-width: 768px) {
        .input--search__icon--mobile {
          display: none; } }
  .input--search__clear {
    border: 0;
    padding: 1.6rem;
    right: 0; }
    @media (min-width: 768px) {
      .input--search__clear {
        display: none; } }
    .input--search__clear::after {
      border-radius: 1rem;
      -webkit-box-shadow: 0 0 0 0.1rem #fff, 0 0 0 0.2rem #788693, 0 0 0 0.5rem #e3e9ef;
              box-shadow: 0 0 0 0.1rem #fff, 0 0 0 0.2rem #788693, 0 0 0 0.5rem #e3e9ef;
      content: ' ';
      display: inline-block;
      height: calc(100% + -2.8rem);
      left: 1.4rem;
      opacity: 0;
      position: absolute;
      top: 1.4rem;
      -webkit-transition: opacity ease-in-out 0.2s;
      transition: opacity ease-in-out 0.2s;
      width: calc(100% + -2.8rem); }
    .input--search__clear:focus {
      outline: none; }
      .input--search__clear:focus::after {
        opacity: 1; }
    .input--search__clear:hover {
      color: #44137c; }
  .input--search:focus, .input--search:active {
    outline: none; }
    @media (max-width: 767px) {
      .input--search:focus, .input--search:active {
        -webkit-box-shadow: inset 0 0 0 0.2rem #8230df;
                box-shadow: inset 0 0 0 0.2rem #8230df; } }
    .input--search:focus + .input--search__icon--mobile, .input--search:active + .input--search__icon--mobile {
      color: #757575; }
    .input--search:focus ~ .input--search__icon--desktop, .input--search:active ~ .input--search__icon--desktop {
      color: #8230df; }
      .input--search:focus ~ .input--search__icon--desktop .svg-icon, .input--search:active ~ .input--search__icon--desktop .svg-icon {
        stroke-width: 3; }

.slider {
  background-color: #757575;
  border-radius: 3.2rem;
  margin-right: 1.2rem;
  min-height: 3.2rem;
  min-width: 6rem;
  position: relative;
  -webkit-transition: opacity ease-in-out 0.2s;
  transition: opacity ease-in-out 0.2s; }
  .slider::after {
    border-radius: 3.2rem;
    -webkit-box-shadow: 0 0 0 0.1rem #fff, 0 0 0 0.2rem #788693, 0 0 0 0.5rem #e3e9ef;
            box-shadow: 0 0 0 0.1rem #fff, 0 0 0 0.2rem #788693, 0 0 0 0.5rem #e3e9ef;
    content: ' ';
    display: inline-block;
    height: calc(100% + 0rem);
    left: 0rem;
    opacity: 0;
    position: absolute;
    top: 0rem;
    -webkit-transition: opacity ease-in-out 0.2s;
    transition: opacity ease-in-out 0.2s;
    width: calc(100% + 0rem); }

.input--toggle {
  height: 3.6rem;
  opacity: 0;
  position: absolute;
  right: 0;
  width: 6.6rem; }

.slider .switch {
  position: absolute;
  content: "";
  height: 2.8rem;
  width: 2.8rem;
  left: 2px;
  top: 2px;
  background-color: white;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  border-radius: 50%;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-box-shadow: 0px 0px 1px 0px #aaaaaa;
          box-shadow: 0px 0px 1px 0px #aaaaaa; }
  .slider .switch .svg-icon {
    margin-left: .8rem;
    margin-top: .8rem;
    position: absolute;
    z-index: 1000; }
  .slider .switch .svg-icon.icon-off {
    display: block;
    stroke: #757575; }
  .slider .switch .svg-icon.icon-on {
    display: none;
    fill: #8230df;
    stroke-width: 3; }

input.input--toggle:checked ~ .slider .switch {
  -webkit-transform: translateX(28px);
  transform: translateX(28px); }

input.input--toggle:checked ~ .slider .switch .icon-off {
  display: none; }

input.input--toggle:checked ~ .slider .switch .icon-on {
  display: block; }

input.input--toggle:checked ~ .slider {
  background-color: #8230df; }

input.input--toggle:focus ~ .slider {
  outline-offset: 0px; }
  @media all and (-ms-high-contrast: active) {
    input.input--toggle:focus ~ .slider {
      outline: 2px solid white; } }
  @media all and (-ms-high-contrast: black-on-white) {
    input.input--toggle:focus ~ .slider {
      outline: 2px solid black; } }
  input.input--toggle:focus ~ .slider::after {
    opacity: 1; }

.form__input--toggle {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-tap-highlight-color: transparent;
  /* for remove highlight */ }
  .form__input--toggle + .form__input--toggle {
    margin-top: 2.4rem; }

.scroll--disabled, .modal-open {
  height: 100%;
  overflow: hidden;
  position: fixed;
  width: 100%; }

@media (max-width: 767px) {
  .xs-no-margin {
    height: 100%;
    margin: 0;
    padding: 0; } }

.modal-open {
  position: static; }

.dialog, .popup {
  background: #fff;
  border: 0.1rem solid #e2e8ee;
  border-radius: .4rem;
  -webkit-box-shadow: 0 0.2rem 1rem 0 rgba(0, 40, 80, 0.11);
          box-shadow: 0 0.2rem 1rem 0 rgba(0, 40, 80, 0.11);
  height: 100%;
  margin: 6.4rem auto;
  overflow: auto;
  padding: 3.6rem 3.6rem 0;
  position: relative; }
  .dialog:focus, .popup:focus {
    outline: none; }
  .dialog__container, .popup__container {
    height: 100%;
    left: 0;
    overflow: auto;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1; }
  .dialog__header {
    margin-top: 3rem; }
  @media (max-width: 767px) {
    .dialog, .popup {
      border-radius: 0;
      height: 100%;
      overflow-x: hidden;
      overflow-y: scroll;
      margin: 0 auto;
      position: absolute;
      width: 100%;
      z-index: 1; }
      @supports (-webkit-overflow-scrolling: touch) {
        .dialog, .popup {
          -webkit-overflow-scrolling: touch; } }
      .dialog__header {
        margin-top: 5.4rem; } }
  .dialog__button-close {
    float: right; }
    .dialog__button-close:hover {
      border-bottom: 0; }
  .dialog__content {
    margin: 4.8rem 0; }
  .dialog__footer, .popup__footer {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin: 6rem 0 3.6rem; }
    .dialog__footer__item {
      margin-left: 1.2rem; }
    @supports (-webkit-overflow-scrolling: touch) {
      .dialog__footer, .popup__footer {
        padding-bottom: 4.4rem; } }

.table {
  border-collapse: collapse;
  font-size: 1.4rem;
  min-width: 26rem;
  table-layout: fixed;
  white-space: nowrap;
  width: 100%; }
  .table__header {
    border-bottom: solid 1px #d6d6d6; }
    .table__header-item {
      font-family: "frutiger-lt-roman", Arial, Helvetica, "sans-serif";
      font-size: inherit;
      font-weight: initial;
      letter-spacing: 0;
      margin: 0;
      color: #757575;
      padding: 1.2rem;
      text-align: left; }
  .table__row:nth-child(even) {
    background-color: #fafbfd; }
  .table__data {
    padding: 1.8rem 1.2rem;
    text-align: left;
    vertical-align: top; }

.accordion {
  margin: 0;
  padding: 0; }
  .accordion__toggle {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 2.4rem 2.4rem 2.4rem 0;
    text-align: left;
    width: 100%; }
    @media (max-width: 767px) {
      .accordion__toggle {
        padding-right: 0; } }
  .accordion__item {
    border-bottom: 1px solid #e2e8ee;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .accordion__item__title {
      font-family: "frutiger-lt-light", Arial, Helvetica, "sans-serif";
      font-size: 1.6rem;
      font-weight: initial;
      letter-spacing: initial;
      line-height: 2.2rem;
      margin: 0;
      width: 100%; }
    .accordion__item__content {
      font-family: "frutiger-lt-light", Arial, Helvetica, "sans-serif";
      font-size: 1.6rem;
      font-weight: initial;
      letter-spacing: initial;
      line-height: 2.2rem;
      margin: 0;
      color: #757575;
      padding-bottom: 2.4rem;
      padding-right: 10.8rem; }
      @media (max-width: 767px) {
        .accordion__item__content {
          padding-right: 0; } }
      .accordion__item__content > .list > .list__item {
        list-style-type: disc; }
        .accordion__item__content > .list > .list__item .list > .list__item {
          list-style-type: circle; }
    .accordion__item__action {
      margin-left: 4.8rem; }
  .accordion--card {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%; }
    .accordion--card .accordion__title {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .accordion--card .accordion__item {
      border-bottom: 0; }
      .accordion--card .accordion__item__title {
        border-bottom: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
            -ms-flex: 1 1 0%;
                flex: 1 1 0%; }
        .accordion--card .accordion__item__title__container {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column; }
      .accordion--card .accordion__item__content {
        padding-bottom: 0; }
        .accordion--card .accordion__item__content .text--bold {
          color: #333; }
        .accordion--card .accordion__item__content > .text {
          margin-bottom: 1.6rem;
          margin-top: 2.4rem; }
      .accordion--card .accordion__item__action {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        @media (min-width: 767px) {
          .accordion--card .accordion__item__action .sr-only {
            display: none; } }
        .accordion--card .accordion__item__action .link {
          border-bottom: 0;
          margin-bottom: 1px;
          margin-right: 18px; }
          @media (max-width: 767px) {
            .accordion--card .accordion__item__action .link {
              display: none; } }
    .accordion--card .accordion__toggle {
      padding: 0;
      width: inherit; }

.dropdown-filter__wrap {
  max-width: 100%;
  position: relative; }
  @media (min-width: 767px) {
    .dropdown-filter__wrap {
      max-width: 26.3rem;
      min-width: 1.9rem; } }
  @media (min-width: 1199px) {
    .dropdown-filter__wrap {
      max-width: 30rem;
      min-width: 18.8rem; } }

.dropdown-filter {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: 0;
  border-radius: .4rem;
  -webkit-box-shadow: 0 0 0 0.1rem #d6d6d6;
          box-shadow: 0 0 0 0.1rem #d6d6d6;
  color: #333;
  display: block;
  font-size: 1.6rem;
  outline: none;
  padding: 1.5rem 5.4rem;
  position: relative;
  -webkit-transition: opacity ease-in-out 0.2s;
  transition: opacity ease-in-out 0.2s;
  width: 100%; }
  .dropdown-filter::-ms-expand {
    display: none; }
  .dropdown-filter:focus {
    -webkit-box-shadow: 0 0 0 0.2rem #8230df;
            box-shadow: 0 0 0 0.2rem #8230df; }
  .dropdown-filter__icon {
    pointer-events: none;
    position: absolute;
    top: 1.7rem; }
    .dropdown-filter__icon--left {
      left: 1.8rem; }
    .dropdown-filter__icon--right {
      color: #8230df;
      right: 1.8rem; }

.badge {
  border: solid 1px;
  border-radius: .8rem;
  font-family: "frutiger-lt-bold";
  font-size: 1.2rem;
  letter-spacing: 0;
  line-height: .6rem;
  padding: .8rem;
  text-transform: uppercase; }
  .badge, .badge--pending {
    background-color: #fff;
    border-color: #757575;
    color: #757575; }
  .badge--new {
    background-color: #be207a;
    border-color: #be207a;
    color: #fff; }
  .badge--error {
    background-color: #fff;
    border-color: #cb061d;
    color: #cb061d; }
  .badge--success {
    background-color: #fff;
    border-color: #008660;
    color: #008660; }

.toast {
  border-radius: .8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: .6rem;
  padding: 2.4rem; }
  .toast.animate {
    opacity: 0;
    -webkit-animation-delay: 0;
            animation-delay: 0;
    -webkit-animation-duration: 8s;
            animation-duration: 8s;
    -webkit-animation-name: slideOnAndAway;
            animation-name: slideOnAndAway; }

@keyframes slideOnAndAway {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%); }
  5% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  95% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%); } }
    @media (min-width: 767px) {
      .toast.animate {
        -webkit-animation-delay: 0;
                animation-delay: 0;
        -webkit-animation-duration: 8s;
                animation-duration: 8s;
        -webkit-animation-name: slideOnAndAway;
                animation-name: slideOnAndAway; }
      @-webkit-keyframes slideOnAndAway {
        0% {
          opacity: 0;
          -webkit-transform: translateY(-100%);
                  transform: translateY(-100%); }
        5% {
          opacity: 1;
          -webkit-transform: translateY(0);
                  transform: translateY(0); }
        95% {
          opacity: 1;
          -webkit-transform: translateY(0);
                  transform: translateY(0); }
        100% {
          opacity: 0;
          -webkit-transform: translateY(-100%);
                  transform: translateY(-100%); } }
      @keyframes slideOnAndAway {
        0% {
          opacity: 0;
          -webkit-transform: translateY(-100%);
                  transform: translateY(-100%); }
        5% {
          opacity: 1;
          -webkit-transform: translateY(0);
                  transform: translateY(0); }
        95% {
          opacity: 1;
          -webkit-transform: translateY(0);
                  transform: translateY(0); }
        100% {
          opacity: 0;
          -webkit-transform: translateY(-100%);
                  transform: translateY(-100%); } } }

.toast__icon {
  margin-right: 1.8rem;
  min-width: 2.4rem; }
  .toast__icon,
  .toast__icon svg {
    fill: currentColor; }

.toaster {
  bottom: 0;
  left: 50%;
  max-width: 1488px;
  position: fixed;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  z-index: 101; }
  @media (max-width: 767px) {
    .toaster {
      background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#fff));
      background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
      padding-top: 2.4rem;
      width: 100%; } }
  @media (min-width: 767px) {
    .toaster {
      bottom: auto;
      padding-top: 1.2rem;
      top: 0; } }

.toast, .toast--success {
  background: #a7f2e8;
  color: #005549; }

.toast--info {
  background: #caedff;
  color: #064765; }

.toast--error {
  background: #ff8585;
  color: #6b0000; }

.tooltip-open {
  position: static; }

.tooltip {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding-right: 1rem;
  position: relative;
  width: 100%; }
  .tooltip--active .tooltip__icon::after {
    -webkit-animation-delay: 0;
            animation-delay: 0;
    -webkit-animation-duration: 0.2s;
            animation-duration: 0.2s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-animation-name: fadeIn;
            animation-name: fadeIn;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    display: inherit; }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
  .tooltip--active .tooltip__icon:focus {
    outline: none; }
  .tooltip--active .tooltip__dialog {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .tooltip--active .tooltip__dialog:focus {
      outline: none; }
  .tooltip__label {
    height: 2.4rem;
    overflow: hidden; }
  .tooltip__icon {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: transparent;
    border: 0;
    color: #8230df;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-left: .6rem;
    min-width: 1.8rem;
    overflow: visible;
    padding: 0;
    position: relative; }
    .tooltip__icon::after {
      background-color: #fff;
      border-left: 0.1rem solid #e2e8ee;
      border-top: 0.1rem solid #e2e8ee;
      content: '';
      display: none;
      height: 1.7rem;
      left: 0;
      position: absolute;
      top: 2.7rem;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
      width: 1.7rem;
      z-index: 2; }
  .tooltip__dialog {
    background-color: #fff;
    border: 0.1rem solid #e2e8ee;
    border-radius: .4rem;
    -webkit-box-shadow: 0 0.2rem 1rem 0 #e2e8ee;
            box-shadow: 0 0.2rem 1rem 0 #e2e8ee;
    display: none;
    left: 0;
    overflow: hidden;
    padding: 1.8rem;
    position: absolute;
    top: 3.78rem;
    width: 100%;
    z-index: 1; }
    .tooltip__dialog__close {
      border: 0;
      margin: .9rem 0;
      padding: 0;
      position: absolute;
      right: 1.8rem; }
    .tooltip__dialog__header {
      font-family: "frutiger-lt-bold";
      font-size: 1.6rem;
      font-weight: initial;
      line-height: 1.8rem;
      margin: .9rem 2.7rem .9rem 0; }
    .tooltip__dialog__content {
      font-family: "frutiger-lt-light";
      font-size: 1.4rem;
      font-weight: initial;
      line-height: 1.8rem;
      margin: .9rem 0 .6rem; }
      @media (max-width: 767px) {
        .tooltip__dialog__content {
          max-height: 20rem;
          overflow-y: scroll; } }
  .tooltip-fade-exit-active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }

.popup {
  height: auto;
  width: 57rem; }
  @media (max-width: 767px) {
    .popup {
      width: 32.7rem; } }
  .popup__container > .container {
    height: 100%; }
    .popup__container > .container > .direction--row {
      height: 100%; }
  .popup__header {
    margin: 0; }
    .popup__header-icon {
      margin-bottom: 1.8rem; }
  .popup__content {
    margin-top: 1.2rem; }
  .popup__footer {
    margin-top: 3.6rem;
    padding-bottom: 0; }
    .popup__footer .button + .button {
      margin-left: 2.4rem; }

.avatar {
  display: block;
  position: relative; }
  .avatar__wrap {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: "frutiger-lt-medium", Arial, Helvetica, "sans-serif";
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
    text-transform: uppercase; }
  .avatar__image {
    width: 100%; }
  .avatar__image-wrap {
    overflow: hidden; }
  .avatar--24 {
    border-radius: 2.4rem;
    font-size: 1.1rem;
    height: 2.4rem;
    letter-spacing: -0.017rem;
    overflow: hidden;
    width: 2.4rem; }
  .avatar--32 {
    border-radius: 3.2rem;
    font-size: 1.5rem;
    height: 3.2rem;
    letter-spacing: -0.017rem;
    overflow: hidden;
    width: 3.2rem; }
  .avatar--48 {
    border-radius: 4.8rem;
    font-size: 2rem;
    height: 4.8rem;
    letter-spacing: -0.025rem;
    overflow: hidden;
    width: 4.8rem; }
  .avatar--60 {
    border-radius: 6rem;
    font-size: 2.4rem;
    height: 6rem;
    letter-spacing: -0.03rem;
    overflow: hidden;
    width: 6rem; }
  .avatar--red {
    background-color: #ed0722; }
  .avatar--mint {
    background-color: #5EDAB0; }
  .avatar--green {
    background-color: #008660; }
  .avatar--yellow {
    background-color: #F5C400; }
  .avatar--navy {
    background-color: #064765; }
  .avatar--royal {
    background-color: #281B7E; }
  .avatar--mustard {
    background-color: #575700; }
  .avatar--blue {
    background-color: #087bb4; }

.notification-badge {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #be207a;
  border-radius: 50%;
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "frutiger-lt-bold";
  font-size: 12px;
  height: 2.4rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 2.4rem; }
  .notification-badge--align-top {
    left: 80%;
    position: absolute;
    top: 0; }